@layer reset, tokens, base, components, pages, responsive;@layer reset{*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}blockquote,body,figure,h1,h2,h3,h4,ol,p,ul{margin:0}ol,ul{list-style:none;padding:0}canvas,img,picture,video{block-size:auto;display:block;max-inline-size:100%}img,video{inline-size:100%}svg{display:block;max-inline-size:100%}button,input,select,textarea{font:inherit}}@layer tokens{:root{color-scheme:dark;--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--gold-300:#2daae1;--gold-400:#0f70b7;--gold-500:#12a19a;--btn-txt-color:#fff;--bg:#090c0e;--surface:#0f1418;--surface-2:#161c21;--text:#f6f6f2;--muted:#a8afb5;--line:#293137;--header:color-mix(in srgb,#090c0e 84%,#0000);--shadow:0 24px 70px #00000061;--hero-text:#fff;--hero-muted:#e0e4e7;--hero-overlay:linear-gradient(90deg,#000000c7,#00000094 34%,#0000002e 65%,#0000);--radius-sm:0.8rem;--radius-md:1.1rem;--radius-lg:1.7rem;--container:80rem;--section:clamp(4rem,64px,7rem);--transition:180ms cubic-bezier(0.2,0.75,0.25,1)}:root[data-theme=light]{color-scheme:light;--bg:#f7f9fb;--surface:#fff;--surface-2:#edf2f6;--text:#101820;--muted:#52616d;--line:#d5dfe6;--header:color-mix(in srgb,#fff 90%,#0000);--shadow:0 24px 70px #0f23321f}}@layer tokens{}@layer base{body,html{background:var(--bg)}body{color:var(--text);font-family:var(--font-sans);line-height:1.6;min-block-size:100dvh;overflow-x:clip;text-rendering:optimizeLegibility}body.menu-open{overflow:hidden}a{text-decoration:none}a,button{color:inherit}h1,h2,h3,h4{letter-spacing:-.035em;line-height:1.04;text-wrap:balance}h1{font-size:clamp(3rem,7vw,6.5rem)}h2{font-size:clamp(2.15rem,4.5vw,4.25rem)}h3{font-size:clamp(1.2rem,2vw,1.55rem)}p{text-wrap:pretty}::selection{background:var(--gold-400);color:#fff}:focus-visible{outline:3px solid var(--gold-400);outline-offset:4px}.container{inline-size:min(calc(100% - 2rem),var(--container));margin-inline:auto}.cards>*,.contact-grid>*,.container,.container>*,.deliverables>*,.footer-grid>*,.pricing-grid>*,.project-heading>*,.service-grid>*,.split>*,.work-grid>*{min-inline-size:0}.section{padding-block:var(--section)}.section--tight{padding-bottom:64px;padding-top:0}.stack{display:grid;gap:1rem}.muted{color:var(--muted)}.accent{color:var(--gold-400)}.eyebrow{color:var(--gold-500);font-size:.78rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.section-heading{display:grid;gap:.8rem;margin-block-end:2rem;max-inline-size:48rem}.section-heading--center{margin-inline:auto;text-align:center}}@layer components{.site-header{backdrop-filter:blur(18px) saturate(140%);background:var(--header);border-block-end:1px solid var(--line);inset-block-start:0;position:sticky;z-index:100}.home-page .site-header{backdrop-filter:none;background:#0000;border-block-end-color:#0000;color:var(--hero-text);inset:0 0 auto;position:absolute}.nav{gap:1rem;justify-content:space-between;min-block-size:5rem}.brand,.nav{align-items:center;display:flex}.brand{block-size:90px;font-size:1.55rem;font-weight:950;inline-size:100px;letter-spacing:-.055em}.brand-logo{block-size:100%;inline-size:100%;max-inline-size:none;object-fit:contain}.brand-logo--light,html[data-theme=light] .brand-logo--dark{display:none}html[data-theme=light] .brand-logo--light{display:block}.brand-mark{color:var(--gold-400)}.nav-links{align-items:center;display:flex;gap:clamp(1rem,2vw,2rem)}.nav-link{font-size:.9rem;font-weight:750;position:relative}.nav-link:after{background:var(--gold-400);block-size:2px;content:"";inset-block-end:-.5rem;inset-inline:0;position:absolute;scale:0 1;transform-origin:center;transition:scale var(--transition)}.nav-link:is(:hover,[aria-current=page]):after{scale:1 1}.nav-actions{align-items:center;display:flex;gap:.55rem}.theme-toggle{background:var(--surface);block-size:2.75rem;border:1px solid var(--line);border-radius:50%;color:var(--text);cursor:pointer;display:grid;flex-shrink:0;font-size:1.3rem;inline-size:2.75rem;padding:0;place-items:center}.theme-toggle--mobile{display:none}.theme-toggle:hover{border-color:var(--gold-400);color:var(--gold-400)}.menu-button{background:color-mix(in srgb,var(--surface) 88%,#0000);block-size:2.75rem;border:1px solid color-mix(in srgb,currentcolor 20%,#0000);border-radius:999px;color:var(--text);cursor:pointer;display:none;inline-size:2.75rem;place-items:center;transition:transform var(--transition),border-color var(--transition),background var(--transition)}.home-page .menu-button{background:#0a0c0e57;border-color:#ffffff38;color:#fff}.menu-button:hover{border-color:var(--gold-400);transform:translateY(-2px)}.menu-lines,.menu-lines:after,.menu-lines:before{background:currentColor;block-size:2px;border-radius:999px;inline-size:1.1rem;transition:transform var(--transition),opacity var(--transition)}.menu-lines{position:relative}.menu-lines:after,.menu-lines:before{content:"";inset-inline-start:0;position:absolute}.menu-lines:before{transform:translateY(-.35rem)}.menu-lines:after{transform:translateY(.35rem)}.menu-button[aria-expanded=true] .menu-lines{background:#0000}.menu-button[aria-expanded=true] .menu-lines:before{transform:rotate(45deg)}.menu-button[aria-expanded=true] .menu-lines:after{transform:rotate(-45deg)}.button{align-items:center;background:var(--gold-400);border:1px solid #0000;border-radius:.72rem;color:var(--btn-txt-color);cursor:pointer;display:inline-flex;font-weight:850;gap:.6rem;justify-content:center;min-block-size:3rem;padding-inline:1.2rem;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}.button:hover{box-shadow:0 12px 28px #0f70b747;transform:translateY(-2px)}.button--ghost{background:var(--surface);border-color:var(--line);box-shadow:none;color:var(--text)}.home-page .home-hero .button--ghost{backdrop-filter:blur(10px);background:color-mix(in srgb,var(--hero-text) 8%,#0000);border-color:color-mix(in srgb,var(--hero-text) 38%,#0000);color:var(--hero-text)}.button--dark{background:#111;color:#fff}.home-hero{align-items:center;background-image:var(--hero-overlay),url(../images/home-hero-dark.webp);background-position:50%;background-size:cover;color:var(--hero-text);display:grid;min-block-size:clamp(46rem,82vh,58rem);overflow:clip;position:relative}.home-hero-copy{display:grid;gap:1.3rem;max-inline-size:30rem}.home-hero-copy h1{max-inline-size:8.8ch}.home-hero-copy>p:not(.eyebrow){color:var(--hero-muted);font-size:clamp(1rem,1.5vw,1.14rem);max-inline-size:36rem}.hero-actions{gap:.8rem}.hero-actions,.trust-row{display:flex;flex-wrap:wrap}.trust-row{align-items:center;gap:.75rem;margin-block-start:clamp(2.2rem,5vw,4rem)}.trust-label{font-size:.75rem;font-weight:850;line-height:1.25;opacity:.82;text-transform:uppercase}.trust-pill{border-inline-start:1px solid color-mix(in srgb,var(--hero-text) 25%,#0000);font-weight:850;letter-spacing:.04em;padding:.7rem .9rem}.service-strip{background:var(--surface);border-block:1px solid var(--line)}.service-strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}.service-strip-item{border-inline-end:1px solid var(--line);display:grid;gap:.9rem;grid-template-columns:auto 1fr;padding:1.65rem}.service-strip-item:last-child{border-inline-end:0}.service-icon{background:color-mix(in srgb,var(--gold-400) 15%,var(--surface));block-size:2.5rem;border-radius:.75rem;color:var(--gold-300);display:grid;font-weight:950;inline-size:2.5rem;place-items:center}.service-strip-item p{color:var(--muted);font-size:.9rem}.cards{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);overflow:clip;transition:translate var(--transition),box-shadow var(--transition),border-color var(--transition)}.card:hover{border-color:color-mix(in srgb,var(--gold-400) 60%,var(--line));box-shadow:var(--shadow);translate:0 -4px}.card-body{display:grid;gap:.6rem;padding:1.15rem}.card-body p{color:var(--muted);font-size:.92rem}.card-media{aspect-ratio:4/3;background:var(--surface-2);inline-size:100%;overflow:hidden}.card-media img{block-size:100%;inline-size:100%;object-fit:cover;object-position:center;transition:scale .45s cubic-bezier(.2,.8,.2,1)}.card:hover .card-media img{scale:1.035}.card-media img.project-logo,.project-hero-media.project-logo{background:#fff;object-fit:contain;padding:1rem}.card-kicker{color:var(--gold-500);font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.service-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);display:grid;gap:.9rem;min-block-size:14rem;padding:1.4rem}.service-mark{background:color-mix(in srgb,var(--gold-400) 16%,var(--surface));block-size:2.7rem;border-radius:.8rem;color:var(--gold-300);display:grid;font-weight:950;inline-size:2.7rem;place-items:center}.stats{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.stat{border-inline-end:1px solid var(--line);padding:1.6rem}.stat:last-child{border-inline-end:0}.stat strong{display:block;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1}.stat span{color:var(--muted);display:block;font-size:.85rem;margin-block-start:.45rem}.filters{display:flex;flex-wrap:wrap;gap:.65rem;margin-block-end:1.5rem}.filter-button{background:var(--surface);border:1px solid var(--line);border-radius:999px;color:var(--text);cursor:pointer;font-weight:750;padding:.58rem .95rem}.filter-button:is(:hover,[aria-pressed=true]){background:var(--gold-400);border-color:var(--gold-400);color:#fff}.project-card[hidden]{display:none}.cta{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--gold-400) 11%,var(--surface)),var(--surface));border:1px solid var(--line);border-radius:var(--radius-lg);display:grid;gap:1.5rem;grid-template-columns:1fr auto;padding:clamp(1.5rem,4vw,2.5rem)}.site-footer{background:var(--surface);border-block-start:1px solid var(--line);padding-block:3.5rem 1.5rem}.footer-grid{display:grid;gap:2rem;grid-template-columns:1.5fr repeat(3,1fr)}.footer-grid h3{font-size:.9rem;letter-spacing:.02em}.footer-list{color:var(--muted);display:grid;font-size:.9rem;gap:.55rem;margin-block-start:.9rem}.footer-bottom{border-block-start:1px solid var(--line);color:var(--muted);display:flex;font-size:.82rem;gap:1rem;justify-content:space-between;margin-block-start:3rem;padding-block-start:1.2rem}.modal{background:#000c;display:grid;inset:0;opacity:0;padding:1rem;place-items:center;pointer-events:none;position:fixed;transition:opacity var(--transition);z-index:200}.modal[data-open=true]{opacity:1;pointer-events:auto}.modal-panel{background:#000;border-radius:var(--radius-md);box-shadow:0 30px 90px #00000080;inline-size:min(62rem,100%);overflow:hidden;position:relative}.modal-frame{aspect-ratio:16/9}.modal-frame iframe{block-size:100%;border:0;inline-size:100%}.modal-close{background:#000000b8;block-size:2.4rem;border:0;border-radius:999px;color:#fff;cursor:pointer;inline-size:2.4rem;inset-block-start:.75rem;inset-inline-end:.75rem;position:absolute;z-index:1}.form{display:grid;gap:1rem}.field{display:grid;gap:.4rem}.field label{font-size:.86rem;font-weight:750}.field input,.field select,.field textarea{background:var(--surface);border:1px solid var(--line);border-radius:.72rem;color:var(--text);inline-size:100%;padding:.88rem .95rem}.field textarea{min-block-size:9rem;resize:vertical}.form-status{color:var(--muted);font-size:.9rem;min-block-size:1.5rem}.reveal{opacity:0;transition:opacity .52s ease,translate .52s ease;translate:0 1rem}.reveal.is-visible{opacity:1;translate:0}}@layer pages{.page-hero{background:linear-gradient(180deg,color-mix(in srgb,var(--gold-400) 5%,var(--surface)),var(--bg));border-block-end:1px solid var(--line);padding-block:clamp(4rem,8vw,7rem)}.page-hero .stack{max-inline-size:58rem}.page-hero p:not(.eyebrow){color:var(--muted);font-size:1.06rem;max-inline-size:44rem}.split{align-items:center;display:grid;gap:clamp(2rem,5vw,5rem);grid-template-columns:1fr 1fr}.work-grid{display:grid;gap:1.1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.work-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);min-inline-size:0;overflow:clip;position:relative}.work-card .card-media{aspect-ratio:16/10}.work-card-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between}.work-card-actions>a:after{border-radius:var(--radius-md);content:"";inset:0;position:absolute;z-index:1}.work-card-actions>.button:hover{transform:none}.work-card:focus-within{outline:3px solid var(--gold-400);outline-offset:4px}.play-button{background:var(--surface);block-size:2.8rem;border:1px solid var(--line);border-radius:999px;color:var(--text);cursor:pointer;display:grid;inline-size:2.8rem;place-items:center}.project-shell{padding-block:clamp(3rem,6vw,5rem)}.project-heading{align-items:end;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) minmax(18rem,.65fr)}.project-main-media{aspect-ratio:16/8.5;background:var(--surface-2);border-radius:var(--radius-lg);box-shadow:var(--shadow);inline-size:100%;margin-block-start:2rem;overflow:clip}.project-main-media img{block-size:100%;inline-size:100%;object-fit:cover}.meta-list{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.meta-item{border-block-end:1px solid var(--line);padding-block:.8rem}.meta-item span{color:var(--muted);display:block;font-size:.78rem}.meta-item strong{display:block;margin-block-start:.2rem}.deliverables{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.deliverable{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:1.2rem}.pricing-grid{align-items:stretch;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.price-card{align-content:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);display:grid;gap:1rem;padding:1.5rem;position:relative}.price-card--featured{border-color:var(--gold-400);box-shadow:var(--shadow)}.price{font-size:clamp(2rem,4vw,3rem);font-weight:950;line-height:1}.price-period{color:var(--muted);display:inline-block;font-size:1rem;font-weight:500}.price-card--custom,.pricing-notes{margin-block-start:2rem}.price-card--custom>.button{justify-self:start}.feature-list{color:var(--muted);display:grid;font-size:.92rem;gap:.65rem}.feature-list li:before{color:var(--gold-500);content:"✓";font-weight:950;margin-inline-end:.55rem}.contact-grid{align-items:start;display:grid;gap:clamp(2rem,5vw,5rem);grid-template-columns:.8fr 1.2fr}.contact-list{display:grid;gap:1.1rem;margin-block-start:2rem}.contact-item{border-block-end:1px solid var(--line);padding-block-end:1rem}.contact-item strong{display:block}.contact-item a,.contact-item span{color:var(--muted)}@view-transition{navigation:auto}::view-transition-old(root){animation:page-out .14s ease both}::view-transition-new(root){animation:page-in .21s ease both}@keyframes page-out{to{opacity:0}}@keyframes page-in{0%{opacity:0}}}@layer responsive{@media (max-width:980px){.theme-toggle--desktop{display:none}.theme-toggle--mobile{display:grid;margin-block-start:.5rem}.nav-links{background:var(--surface);border-block-end:1px solid var(--line);color:var(--text);display:grid;gap:0;inset:5rem 0 auto;opacity:0;padding:1rem;pointer-events:none;position:fixed;transition:translate var(--transition),opacity var(--transition);translate:0 -140%;visibility:hidden}.nav-links[data-open=true]{opacity:1;pointer-events:auto;translate:0 0;visibility:visible}.nav-link{padding:.9rem}.nav-link:after{display:none}.menu-button{display:grid}.nav-cta{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.service-strip-grid{grid-template-columns:repeat(2,1fr)}.service-strip-item:nth-child(2){border-inline-end:0}.service-strip-item:nth-child(-n+2){border-block-end:1px solid var(--line)}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-inline-end:0}.stat:nth-child(-n+2){border-block-end:1px solid var(--line)}.contact-grid,.project-heading,.split{grid-template-columns:1fr}.deliverables,.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.container{inline-size:min(calc(100% - 1rem),var(--container))}h1{font-size:clamp(2.25rem,10vw,3.2rem)}h2{font-size:clamp(1.9rem,8vw,2.65rem)}.nav{min-block-size:4.25rem}.brand{block-size:76px;inline-size:90px}.menu-button{block-size:2.35rem;inline-size:2.35rem}.nav-links{inset-block-start:4.25rem}.home-hero{align-items:center;aspect-ratio:auto;background-position:100%;background-size:cover;margin-bottom:40px;min-block-size:23rem}.home-hero:after{background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 15%,#0000) 0,#0000 58%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.home-hero-content{padding-block:4.65rem 1rem;position:relative;z-index:1}.home-hero-copy{gap:.52rem}.home-hero-copy .eyebrow{font-size:clamp(.42rem,1.65vw,.56rem);letter-spacing:.08em;line-height:1.2}.home-hero-copy h1{font-size:clamp(1.45rem,6.6vw,2.15rem);letter-spacing:-.045em;line-height:.98;max-inline-size:8.8ch}.home-hero-copy>p:not(.eyebrow){font-size:clamp(.58rem,2.15vw,.76rem);line-height:1.38;max-inline-size:45%}.hero-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:.35rem}.hero-actions .button{border-radius:.42rem;flex:0 1 auto;font-size:clamp(.52rem,1.9vw,.65rem);gap:.3rem;inline-size:auto;min-block-size:1.9rem;padding-inline:.55rem;white-space:nowrap}.trust-row{flex-wrap:nowrap;gap:.2rem;margin-block-start:.65rem}.trust-label{flex:0 0 auto;font-size:clamp(.36rem,1.45vw,.48rem);line-height:1.1}.trust-pill{flex:0 1 auto;font-size:clamp(.34rem,1.35vw,.46rem);line-height:1.15;min-inline-size:0;padding:.18rem .28rem;white-space:nowrap}.cards{gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr))}.card{border-radius:.8rem;inline-size:100%;max-inline-size:100%}.card-media{aspect-ratio:4/3;inline-size:100%}.card-media img{block-size:100%;inline-size:100%;object-fit:cover}.card-body{gap:.35rem;padding:.7rem}.card-body h3{font-size:clamp(.82rem,3.4vw,1rem);line-height:1.1}.card-body p{font-size:clamp(.66rem,2.7vw,.78rem);line-height:1.42}.card-kicker{font-size:clamp(.5rem,2vw,.6rem);line-height:1.25}.deliverables,.footer-grid,.pricing-grid,.service-grid,.service-strip-grid,.work-grid{grid-template-columns:minmax(0,1fr)}.deliverable,.price-card,.service-card,.work-card{inline-size:100%;max-inline-size:100%}.project-main-media,.work-card .card-media{aspect-ratio:16/10;inline-size:100%}.project-main-media{border-radius:var(--radius-md)}.project-main-media img{block-size:100%;inline-size:100%;object-fit:cover}.service-strip-item{border-block-end:1px solid var(--line);border-inline-end:0}.service-strip-item:last-child{border-block-end:0}.stats{grid-template-columns:minmax(0,1fr)}.stat{border-block-end:1px solid var(--line);border-inline-end:0}.stat:last-child{border-block-end:0}.work-card-actions{align-items:flex-start}.cta{grid-template-columns:minmax(0,1fr)}.footer-bottom{flex-direction:column}.meta-list{grid-template-columns:minmax(0,1fr)}.modal{padding:.6rem}.modal-panel{inline-size:100%}}@media (max-width:420px){.brand{block-size:76px;inline-size:80px}.container{inline-size:min(calc(100% - .8rem),var(--container))}.home-hero{aspect-ratio:3/2;background-position:50%;margin-bottom:50px}.home-hero-content{padding-block:4.45rem .8rem}.home-hero-copy{gap:.42rem;max-inline-size:54%}.home-hero-copy h1{font-size:clamp(1.35rem,6.3vw,1.75rem)}.home-hero-copy>p:not(.eyebrow){font-size:clamp(.54rem,2vw,.66rem)}.hero-actions{display:flex;gap:.28rem}.hero-actions .button{font-size:.53rem;inline-size:auto;min-block-size:1.75rem;padding-inline:.45rem}.trust-row{gap:.12rem;margin-block-start:.48rem}.trust-pill{padding-inline:.2rem}.cards{gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.card-body{padding:.58rem}.work-card-actions{align-items:center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;translate:none}}}