@font-face{font-family:KubraSignature;src:url('./kubracan.ttf') format('truetype');font-display:swap}
:root{--bg:#101113;--panel:#151619;--text:#f6f6f3;--muted:#a6a7ac;--yellow:#fff000;--line:rgba(255,255,255,.10);font-family:Inter,Arial,Helvetica,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;padding:24px;color:var(--text);background:radial-gradient(circle at 18% 12%,rgba(255,240,0,.10),transparent 24%),radial-gradient(circle at 82% 85%,rgba(255,255,255,.045),transparent 28%),linear-gradient(135deg,#0c0d0f,#151619 55%,#0c0d0f);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 90%)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}[hidden]{display:none!important}.skip-link{position:absolute;left:-9999px;top:12px;background:var(--yellow);color:#111;padding:10px;z-index:10}.skip-link:focus{left:12px}.layout{width:min(1080px,100%);margin:clamp(2rem,5vw,4.5rem) auto 0}.card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:32px;padding:clamp(28px,5vw,72px);background:rgba(20,21,24,.86);box-shadow:0 40px 120px rgba(0,0,0,.48);backdrop-filter:blur(18px)}.intro:after{content:"";position:absolute;width:300px;height:300px;right:-130px;top:-140px;border-radius:50%;border:1px solid rgba(255,240,0,.22);box-shadow:0 0 80px rgba(255,240,0,.05) inset;pointer-events:none}.brand{display:inline-flex;align-items:center;gap:17px;position:relative;z-index:1}.brand-mark{width:62px;height:62px;flex:none}.wordmark{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:24px;font-weight:950;letter-spacing:-1.7px}.wordmark i{width:3px;height:26px;border-radius:999px;background:var(--yellow);transform:skew(-13deg);margin:0 1px}.eyebrow{margin:58px 0 0;color:var(--yellow);font-size:.78rem;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.intro h1{max-width:850px;margin:16px 0 20px;font-size:clamp(2.8rem,7vw,6.8rem);line-height:.93;letter-spacing:-.068em}.intro h1 span,.portfolio h2 span{color:var(--yellow)}.lead{max-width:760px;margin:0;color:var(--muted);font-size:clamp(1rem,2vw,1.18rem);line-height:1.75}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 36px;padding:0;list-style:none}.chips li{padding:10px 14px;border:1px solid var(--line);border-radius:999px;color:#dedfe2;background:rgba(255,255,255,.025);font-size:.9rem}.bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap}.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.btn{min-height:54px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#111214;background:var(--yellow);font-weight:900;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 14px 38px rgba(255,240,0,.12)}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 48px rgba(255,240,0,.20)}.secondary-link{color:#dedfe2;font-size:.92rem;font-weight:700;border-bottom:1px solid #606166;padding-bottom:5px}.secondary-link:hover,footer a:hover{color:var(--yellow)}.signature{min-width:245px;text-align:right;padding-right:4px}.signature-name{display:block;margin-bottom:4px;font-family:KubraSignature,cursive;font-size:2.1rem;line-height:1;letter-spacing:-1px;color:#fff;transform:rotate(-2deg)}.signature-role{display:block;color:var(--yellow);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.seo{max-width:800px;margin-top:42px;padding-top:25px;border-top:1px solid var(--line);color:#898a90;font-size:.84rem;line-height:1.75}.seo h2{margin:0 0 8px;color:#c9cacf;font-size:.95rem}.seo p{margin:0}.portfolio{margin-top:28px;padding-top:0}.portfolio-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:3rem 0}.portfolio-head .eyebrow{margin:0}.portfolio h2{font-size:clamp(2.8rem,5vw,5.5rem);line-height:1;margin:.7rem 0 0;letter-spacing:-.07em}.portfolio-head>p{max-width:340px;margin:0;color:var(--muted);line-height:1.6;font-size:1rem}.texture-strip{height:160px;margin:0 calc(-1 * clamp(28px,5vw,72px)) 2rem;background:linear-gradient(90deg,rgba(16,17,19,.28),rgba(16,17,19,.05)),url('./yes-texture.png') center 47%/cover;display:flex;align-items:center;padding:0 clamp(28px,5vw,72px)}.texture-strip span{font-size:clamp(1.6rem,4vw,3.3rem);font-weight:950;letter-spacing:-.07em;text-shadow:0 2px 15px #111}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.project-card{border:1px solid var(--line);border-radius:18px;padding:0;background:#202124;color:var(--text);overflow:hidden;text-align:left;font:inherit;cursor:pointer}.project-media{aspect-ratio:1/1;display:grid;place-items:center;background:#ededeb;overflow:hidden}.project-media img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.project-card:hover img{transform:scale(1.045)}.project-info{display:grid;grid-template-columns:2rem 1fr 2rem;gap:.7rem;align-items:center;padding:1rem}.project-info span{font-size:.8rem;color:var(--yellow);font-weight:800}.project-info span:last-child{text-align:right;font-size:1.2rem}.project-info strong{font-size:1rem;line-height:1.35}.work-empty{color:var(--muted);padding:2rem;border:1px solid var(--line);border-radius:18px}.project-dialog{width:min(96vw,1050px);max-height:94vh;border:1px solid var(--line);border-radius:22px;background:var(--panel);color:var(--text);padding:1.2rem}.project-dialog::backdrop{background:rgba(0,0,0,.82)}.dialog-bar{display:flex;justify-content:space-between;gap:1rem;align-items:start}.dialog-bar h2{font-size:clamp(1.3rem,3vw,2.5rem);margin:.4rem 0 1rem}.dialog-bar button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);font-size:1.8rem;cursor:pointer}#dialog-content{display:grid;place-items:center}#dialog-content img{display:block;max-width:100%;max-height:65vh;object-fit:contain}#dialog-content iframe{width:100%;height:65vh;border:0;background:#fff}.dialog-download{display:inline-block;margin-top:1rem;padding:.8rem 1.1rem;background:var(--yellow);color:#111;border-radius:999px;font-weight:800}footer{display:flex;gap:2rem;justify-content:space-between;align-items:center;padding:2.5rem 1rem;color:var(--muted);font-size:.9rem}footer span{color:var(--text);font-weight:900}footer b{color:var(--yellow)}
@media(max-width:640px){body{padding:12px}.layout{margin:1.2rem auto 0}.card{border-radius:24px}.brand-mark{width:54px;height:54px}.wordmark{font-size:21px}.eyebrow{margin-top:42px}.intro h1{font-size:clamp(2.8rem,11vw,4.5rem)}.bottom{align-items:flex-start}.signature{text-align:left}.portfolio-head{display:block}.portfolio-head>p{margin-top:1.2rem}.texture-strip{height:110px}.project-grid{grid-template-columns:1fr}.project-info strong{font-size:1rem}footer{flex-wrap:wrap}footer span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.project-media img{transition:none}}
.project-card{transition:border-color .2s ease,transform .2s ease}.project-card:hover{border-color:rgba(255,240,0,.6);transform:translateY(-3px)}.project-media{aspect-ratio:1.18;background:#252528}.project-media img{object-fit:cover}.project-info{grid-template-columns:2rem minmax(0,1fr) 2rem;min-height:82px}.project-info strong{display:block;font-size:1.08rem}.project-info small{display:block;margin-top:.3rem;color:var(--muted);font-size:.8rem;line-height:1.35}.project-dialog{width:min(96vw,1000px);max-height:min(94vh,900px);padding:clamp(1rem,3vw,2rem);overflow:auto}.dialog-bar{align-items:center;position:sticky;top:-2rem;z-index:2;padding:.5rem 0 1rem;background:var(--panel);border-bottom:1px solid var(--line)}.dialog-kicker,.case-number{color:var(--yellow);font-size:.72rem;letter-spacing:.15em;font-weight:900}.case-head{padding:clamp(2rem,5vw,4rem) 0 2rem}.case-head h2{max-width:840px;font-size:clamp(2.5rem,6.5vw,5.8rem);letter-spacing:-.065em;line-height:1;margin:.6rem 0}.case-category{color:var(--yellow);font-size:1rem;font-weight:800;margin:0 0 1.2rem}.case-description{max-width:650px;color:var(--muted);font-size:1.08rem;line-height:1.7;margin:0}.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.case-gallery figure{margin:0;min-width:0;background:#222326;border:1px solid var(--line);border-radius:12px;overflow:hidden}.case-gallery figure:first-child{grid-column:1/-1}.case-gallery img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#1e1f22}.case-gallery figure:first-child img{aspect-ratio:1.5}.case-gallery figcaption{padding:.8rem 1rem;color:var(--muted);font-size:.85rem}.case-gallery figcaption a{border-bottom:1px solid #777}.case-gallery figcaption a:hover{color:var(--yellow);border-color:var(--yellow)}
@media(max-width:640px){.project-media{aspect-ratio:1.2}.case-gallery{grid-template-columns:1fr}.case-gallery figure:first-child{grid-column:auto}.case-gallery figure:first-child img{aspect-ratio:1}.dialog-kicker{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.project-card{transition:none}}
.case-section-title,.case-video h3{font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.15;letter-spacing:-.04em;margin:1rem 0 1.2rem}.case-video{margin-top:clamp(2rem,5vw,4rem);padding-top:2rem;border-top:1px solid var(--line)}.case-video p{color:var(--muted);font-size:1rem;line-height:1.6}.case-video iframe{display:block;width:min(100%,520px);height:660px;max-height:80vh;border:1px solid var(--line);border-radius:12px;background:#fff;margin:1.5rem auto}.case-video>a{display:inline-block;color:var(--yellow);font-weight:800;border-bottom:1px solid var(--yellow);padding-bottom:.25rem}