:root{--ink:#07131b;--paper:#f3f3ee;--aqua:#42b8c2;--acid:#d9ff4d;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 4vw;color:#fff;transition:background .3s ease,padding .3s ease}.site-header.scrolled{padding:14px 4vw;background:rgba(7,19,27,.92);backdrop-filter:blur(14px)}.brand{display:block;width:176px}.brand img{display:block;width:100%;height:auto}.site-nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.site-nav a{opacity:.78;transition:opacity .2s ease}.site-nav a:hover{opacity:1}.site-nav .nav-contact{padding:11px 15px;border:1px solid rgba(255,255,255,.72);opacity:1}.nav-contact span{color:var(--aqua);font-size:16px;margin-left:5px}.menu-button{display:none;border:0;background:none;width:42px;padding:10px}.menu-button span{display:block;height:1px;background:#fff;margin:6px 0}.hero{min-height:100svh;height:900px;position:relative;overflow:hidden;color:#fff;display:flex;align-items:flex-end;padding:9vw 8vw}.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-video{object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(3,12,17,.77),rgba(3,12,17,.22) 62%,rgba(3,12,17,.45)),linear-gradient(0deg,rgba(3,12,17,.6),transparent 42%)}.hero-copy{position:relative;z-index:1;max-width:720px}.eyebrow,.section-kicker{margin:0;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:7px;height:7px;display:inline-block;background:var(--acid);border-radius:50%}h1,.display{margin:20px 0 0;font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;line-height:.84;letter-spacing:0}.hero h1{font-size:clamp(90px,14vw,210px)}.hero h1 em,.display em{color:var(--aqua);font-style:normal}.hero-text{margin:30px 0;max-width:400px;color:rgba(255,255,255,.82);font-size:15px;line-height:1.65}.circle-link{display:inline-flex;width:106px;height:106px;padding:17px;flex-direction:column;justify-content:space-between;border-radius:50%;background:var(--acid);color:var(--ink);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;transition:transform .3s var(--ease)}.circle-link:hover{transform:rotate(12deg) scale(1.06)}.circle-link span{font-size:21px;align-self:flex-end}.hero-side{position:absolute;z-index:1;bottom:8vw;right:4vw;margin:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;line-height:1.6;text-align:right}.scroll-cue{position:absolute;z-index:1;bottom:28px;left:4vw;display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.scroll-cue span{height:1px;width:36px;background:var(--aqua)}.section-pad{padding:150px 8vw}.statement{background:var(--ink);color:var(--paper)}.statement .section-kicker{color:var(--aqua)}.statement-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:9vw;align-items:end;padding-top:90px}.display{font-size:clamp(62px,8.2vw,132px)}.statement-copy{max-width:320px;padding-bottom:9px}.statement-copy p{margin:0;font-size:16px;line-height:1.65;color:rgba(255,255,255,.78)}.text-link{display:inline-flex;gap:18px;margin-top:38px;padding-bottom:8px;border-bottom:1px solid var(--aqua);color:var(--aqua);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.services{background:var(--aqua)}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:4vw;align-items:start}.section-heading .display{margin:0;max-width:750px}.services-list{margin-top:100px;border-top:1px solid rgba(7,19,27,.45)}.service{position:relative;display:grid;grid-template-columns:11% 40% 1fr 32px;gap:20px;padding:29px 0 27px;border-bottom:1px solid rgba(7,19,27,.45);transition:padding .35s var(--ease)}.service:hover{padding-left:18px}.service span,.service i{font-size:11px;font-style:normal;font-weight:700}.service h3{margin:0;font:400 clamp(35px,4vw,65px)/.86 "Bebas Neue",Impact,sans-serif}.service p{margin:2px 0 0;max-width:350px;font-size:13px;line-height:1.55}.service i{font-size:24px;opacity:.8}.work{background:var(--acid);overflow:hidden}.work-intro{display:grid;grid-template-columns:1fr 1.25fr .75fr;gap:35px;align-items:end}.work-intro .display{margin:0}.work-intro p{max-width:250px;margin:0;font-size:13px;line-height:1.6}.coverflow{margin:90px -8vw 0}.coverflow-stage{height:470px;position:relative;perspective:1200px;transform-style:preserve-3d}.project-card{position:absolute;top:0;left:50%;width:min(42vw,580px);height:400px;padding:0;overflow:hidden;border:0;background:var(--ink);cursor:pointer;box-shadow:0 28px 48px rgba(7,19,27,.28);transform-origin:center bottom;transition:transform .7s var(--ease),opacity .5s ease,filter .5s ease}.project-card img{display:block;width:100%;height:100%;object-fit:cover}.project-card::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(7,19,27,.78))}.project-card span{position:absolute;z-index:1;bottom:24px;left:25px;color:#fff;font:400 35px/1 "Bebas Neue",Impact,sans-serif;letter-spacing:.04em}.carousel-controls{display:flex;gap:18px;align-items:center;justify-content:center;margin-top:7px}.carousel-controls p{width:160px;margin:0;text-align:center;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.carousel-controls p span{font-weight:400;opacity:.55}.icon-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ink);border-radius:50%;background:transparent;cursor:pointer;font-size:18px;transition:background .2s ease}.icon-button:hover{background:var(--ink);color:var(--acid)}.press{background:var(--paper)}.press-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:100px}.press-card{min-height:350px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;background:var(--ink);color:#fff}.press-card:nth-child(2){background:#fff;color:var(--ink)}.source,.date{margin:0;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.date{margin-top:6px;opacity:.55}.press-card h3{max-width:510px;margin:40px 0;font:400 clamp(35px,4vw,56px)/.93 "Bebas Neue",Impact,sans-serif}.press-card a{align-self:flex-start;padding-bottom:6px;border-bottom:1px solid var(--aqua);color:var(--aqua);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.press-card:nth-child(2) a{color:var(--ink);border-color:var(--ink)}.contact{padding:150px 8vw 60px;background:var(--aqua)}.contact-grid{display:grid;grid-template-columns:1fr 2fr .6fr;gap:30px;align-items:end}.contact-main .display{margin:0}.contact-email{display:inline-flex;gap:18px;margin-top:50px;border-bottom:2px solid var(--ink);padding-bottom:8px;font-size:clamp(14px,1.8vw,23px);font-weight:700}.contact-email span{color:#fff}.contact-meta{font-size:13px;line-height:1.6}.contact-meta a{display:block;margin-bottom:28px;font-weight:800}.contact-meta p{margin:0}footer{display:flex;align-items:center;justify-content:space-between;padding:23px 4vw;background:var(--ink);color:#fff;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}footer img{width:115px;height:auto}footer p{margin:0}footer a{color:var(--aqua)}.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:760px){.site-header{padding:19px 6vw}.brand{width:135px}.menu-button{display:block;position:relative;z-index:2}.site-nav{position:absolute;z-index:1;top:0;right:0;width:min(300px,85vw);min-height:100vh;padding:100px 7vw 30px;background:var(--ink);flex-direction:column;align-items:flex-start;gap:26px;transform:translateX(105%);transition:transform .35s var(--ease)}.site-nav.open{transform:translateX(0)}.site-nav a{font-size:14px}.site-nav .nav-contact{margin-top:8px}.menu-button[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{height:100svh;min-height:680px;padding:0 6vw 72px}.hero h1{font-size:clamp(82px,26vw,150px)}.hero-text{max-width:280px}.hero-side{display:none}.scroll-cue{left:6vw}.section-pad{padding:92px 6vw}.statement-grid,.section-heading,.work-intro,.contact-grid{grid-template-columns:1fr}.statement-grid{gap:35px;padding-top:60px}.section-heading{gap:24px}.services-list{margin-top:60px}.service{grid-template-columns:32px 1fr 24px;padding:24px 0;gap:15px}.service p{grid-column:2/4;margin:4px 0 0}.work-intro{gap:20px}.coverflow{margin:60px -6vw 0}.coverflow-stage{height:330px}.project-card{width:78vw;height:285px}.project-card span{bottom:16px;left:17px;font-size:28px}.press-grid{grid-template-columns:1fr;margin-top:60px}.press-card{min-height:300px;padding:23px}.contact{padding:92px 6vw 42px}.contact-grid{gap:42px}.contact-email{margin-top:34px}.display{font-size:clamp(58px,16vw,96px)}footer{padding:20px 6vw}footer p{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
