@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#111;--paper:#efebe3;--acid:#d9ff37;--coral:#ff694b;--line:rgba(17,17,17,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(100% - 40px,1400px);margin:auto}.header{height:104px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.12em}.brand i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--paper);font:800 8px Manrope;font-style:normal}.tabs{display:flex;background:rgba(17,17,17,.065);border-radius:100px;padding:5px;gap:3px}.tabs a{padding:12px 22px;border-radius:100px;font-size:13px}.tabs a.active{background:var(--ink);color:var(--paper)}.contact{justify-self:end;font-size:13px;border-bottom:1px solid}.hero{padding:66px 0 120px}.label,.eyebrow{font:10px 'DM Mono';letter-spacing:.12em}.hero h1{font-size:clamp(74px,10.8vw,166px);line-height:.78;letter-spacing:-.075em;margin:66px 0 0}.hero h1 em{font-family:Georgia,serif;font-weight:400}.intro{display:flex;justify-content:flex-end;margin:68px 0}.intro p{width:410px;font-size:17px;line-height:1.55}.feature{height:420px;position:relative;overflow:hidden;color:#fff;display:block;background:#222}.feature img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(100deg,rgba(0,0,0,.8),transparent)}.feature-copy{position:absolute;left:34px;bottom:32px}.feature-copy span{font:9px 'DM Mono';letter-spacing:.13em}.feature-copy h2{margin:8px 0 0;font-size:25px}.play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:76px;height:76px;border-radius:50%;background:#ff143d;display:grid;place-items:center;font-size:25px}.section{padding:130px 0}.section-head{display:grid;grid-template-columns:1fr 2fr;margin-bottom:75px}.section-head h2,.about h2,.footer h2{margin:0;font-size:clamp(50px,6vw,90px);line-height:.94;letter-spacing:-.06em}.video{display:grid;grid-template-columns:1.6fr .7fr;gap:50px;align-items:center}.embed{aspect-ratio:16/9}.embed iframe{width:100%;height:100%;border:0}.details h3{font-size:clamp(55px,6vw,90px);letter-spacing:-.06em;margin:30px 0 10px}.details p{line-height:1.55;margin-bottom:40px}.text-link{border-bottom:1px solid;padding-bottom:6px;font-size:13px;font-weight:700}.creative-card{height:420px;background:var(--ink);color:var(--paper);padding:32px;position:relative}.creative-card b{font-size:clamp(70px,10vw,145px);line-height:.68;letter-spacing:-.075em}.creative-card b em{font-family:Georgia,serif;color:var(--acid);font-weight:400}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.services article{min-height:420px;padding:30px;border-right:1px solid var(--line)}.services h3{font-size:38px;line-height:1;margin-top:140px}.services p{line-height:1.55}.services small{font:9px 'DM Mono';letter-spacing:.1em}.portfolio{background:#d8d3c9}.project{display:grid;grid-template-columns:1.25fr .75fr;background:var(--paper);min-height:560px}.project-art{background:#173f2c;color:#fff;display:grid;place-items:center}.club{width:210px;height:210px;border:2px solid;border-radius:50%;display:grid;place-items:center;font-size:56px;font-weight:800}.project-info{padding:45px;display:flex;flex-direction:column;justify-content:center}.project-info h3{font-size:clamp(38px,4vw,62px);line-height:.95;margin:30px 0}.project-info p{line-height:1.55}.about{background:var(--ink);color:var(--paper);padding:120px 0}.about-grid{display:grid;grid-template-columns:.5fr 1.2fr 1fr;gap:60px}.about p{color:#bbb7b0;line-height:1.6;font-size:17px}.footer{background:var(--acid);padding:100px 0 30px}.footer-top{display:grid;grid-template-columns:1fr 2fr}.email{display:flex;justify-content:space-between;width:66%;margin:80px 0 100px auto;border-bottom:2px solid;padding-bottom:16px;font-size:clamp(24px,4vw,54px)}.bottom{border-top:1px solid;padding-top:24px;display:flex;justify-content:space-between;font:9px 'DM Mono';letter-spacing:.1em}
.work-hero{padding:90px 0 110px}.work-hero h1{font-size:clamp(80px,12vw,180px);line-height:.76;letter-spacing:-.08em;margin:70px 0 55px}.work-hero h1 em{font-family:Georgia,serif;font-weight:400}.work-hero p{width:min(420px,100%);margin-left:auto;font-size:18px;line-height:1.55}.work-item{display:grid;grid-template-columns:1.35fr .65fr;gap:56px;align-items:center;margin-bottom:120px}.work-item.reverse{grid-template-columns:.65fr 1.35fr}.work-item.reverse .work-image{order:2}.work-image{min-height:520px;position:relative;overflow:hidden;background:#111;display:grid;place-items:center}.work-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.evergreen-image{background:#173f2c;color:#fff}.work-copy h2{font-size:clamp(38px,4vw,64px);line-height:.95;letter-spacing:-.055em;margin:30px 0}.work-copy p{font-size:16px;line-height:1.6;margin-bottom:42px}
@media(max-width:760px){.shell{width:min(100% - 28px,1400px)}.header{height:auto;padding:15px 0;grid-template-columns:auto 1fr}.brand span,.contact{display:none}.tabs{justify-self:end}.tabs a{padding:10px 9px;font-size:10px}.hero{padding:45px 0 90px}.hero h1{font-size:19vw;margin-top:50px}.intro{margin:48px 0}.intro p{width:80%;font-size:15px}.feature,.creative-card{height:280px}.section,.about{padding:90px 0}.section-head{grid-template-columns:1fr;gap:28px;margin-bottom:50px}.video,.project,.services,.about-grid,.footer-top{grid-template-columns:1fr}.details{padding-top:25px}.services article{min-height:320px;border-right:0;border-bottom:1px solid;padding:25px 0}.services h3{margin-top:100px}.project-art{min-height:360px}.project-info{padding:32px 24px 42px}.email{width:100%;margin:60px 0 90px;font-size:6vw}.bottom p:nth-child(2){display:none}.work-hero{padding:65px 0 80px}.work-hero h1{font-size:22vw;margin:50px 0}.work-hero p{margin-left:0}.work-item,.work-item.reverse{grid-template-columns:1fr;gap:32px;margin-bottom:85px}.work-item.reverse .work-image{order:0}.work-image{min-height:68vw}.work-copy h2{font-size:12vw}}