:root{--black:#050505;--white:#f2f0ea;--ink:#0a0a0a;--red:#ff4521;--line-dark:#292929;--line-light:#c8c6c0;--pad:clamp(22px,4vw,64px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}.nav{position:fixed;z-index:50;top:0;left:0;right:0;height:66px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;mix-blend-mode:difference;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.nav nav{display:flex;gap:28px}.nav .place{text-align:right}.mark{font-weight:900}.hero{min-height:100svh;padding:100px var(--pad) 42px;position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:5vw;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:2}.kicker{margin:0 0 28px;color:#aaa;font-size:13px;text-transform:uppercase;letter-spacing:.1em}.hero h1{margin:0;font-family:Inter,sans-serif;font-size:clamp(64px,10.5vw,174px);line-height:.78;letter-spacing:-.075em}.hero h1 span{color:var(--red)}.hero-note{max-width:580px;margin:34px 0 0;font-size:clamp(17px,1.45vw,23px);line-height:1.45;color:#bbb}.hero-image{position:relative;margin:0;align-self:end}.hero-image img{width:100%;max-height:82svh;object-fit:contain}.hero-image figcaption{position:absolute;left:-36px;bottom:18px;writing-mode:vertical-rl;font-size:11px;letter-spacing:.18em}.scroll-cue{position:absolute;left:var(--pad);bottom:28px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.section-light{background:var(--white);color:var(--ink)}.section-dark{background:var(--black);color:#fff}.section-cap{display:grid;grid-template-columns:1fr 1fr 1fr;padding-bottom:18px;border-bottom:1px solid currentColor;font-size:12px;text-transform:uppercase;letter-spacing:.09em}.section-cap span:nth-child(2){text-align:center}.section-cap span:last-child{text-align:right}.about,.selected,.services{padding:90px var(--pad)}.about-layout{display:grid;grid-template-columns:1.45fr .55fr;gap:8vw;padding:9vw 0}.about h2,.services>h2{margin:0;font-family:Inter,sans-serif;font-size:clamp(42px,6.3vw,96px);line-height:.95;letter-spacing:-.055em}.about-copy{align-self:end;font-size:18px;line-height:1.55}.about-copy p{margin:0 0 22px}.recognition{display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid var(--line-light);font-size:12px;font-weight:700;letter-spacing:.07em}.work-list{margin-top:68px;border-top:1px solid var(--line-dark)}.work-row{position:relative;display:grid;grid-template-columns:80px 1fr auto;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line-dark);overflow:visible}.work-row .no{color:#777;font-size:13px}.work-row h3{margin:0;font-family:Inter,sans-serif;font-size:clamp(38px,6.6vw,102px);line-height:.9;letter-spacing:-.055em;transition:transform .3s,color .3s}.work-row .type{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.1em}.work-row:hover h3{transform:translateX(18px);color:var(--red)}.work-preview{position:fixed;z-index:60;width:min(28vw,420px);aspect-ratio:4/5;pointer-events:none;opacity:0;transform:translate(-50%,-45%) scale(.92) rotate(-2deg);transition:opacity .18s,transform .25s;overflow:hidden;background:#111}.work-preview img{width:100%;height:100%;object-fit:cover}.work-row:hover .work-preview{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(1deg)}.project{padding:90px var(--pad) 130px;background:var(--black);border-top:1px solid var(--line-dark)}.project-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;align-items:start;margin:60px 0 80px}.project-title{position:sticky;top:100px}.project-title .num{font-size:12px;color:#777}.project-title h2{margin:12px 0 10px;font-family:Inter,sans-serif;font-size:clamp(54px,8vw,128px);line-height:.85;letter-spacing:-.06em}.project-title .idea{font-size:14px;font-weight:700;letter-spacing:.06em}.project-copy{display:grid;grid-template-columns:1fr 1fr;gap:40px}.project-copy h4{margin:0 0 10px;font-size:12px;letter-spacing:.1em}.project-copy p{margin:0;color:#aaa;font-size:17px;line-height:1.55}.role-tags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.role-tags span{background:#fff;color:#000;padding:9px 12px;font-size:11px;font-weight:900;letter-spacing:.06em}.masonry{columns:3;column-gap:14px}.media{position:relative;margin:0 0 14px;break-inside:avoid;overflow:hidden;background:#101010}.media img,.media video{width:100%;height:auto;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}.media:hover img{transform:scale(1.035)}.media a{display:block}.media .watch{position:absolute;right:10px;bottom:10px;padding:8px 10px;background:#fff;color:#000;font-size:10px;font-weight:900;letter-spacing:.06em}.media.motion img{animation:drift 7s ease-in-out infinite alternate}.media:nth-child(3n+2){margin-top:44px}.media:nth-child(5n){margin-top:80px}@keyframes drift{from{transform:scale(1.01) translateY(0)}to{transform:scale(1.07) translateY(-1.5%)}}.film-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.film-pair video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#111}.services>h2{max-width:1000px;margin:90px 0}.service-list{border-top:1px solid var(--line-light)}.service-list>div{display:grid;grid-template-columns:80px 1fr 1fr;gap:30px;padding:28px 0;border-bottom:1px solid var(--line-light)}.service-list span{font-size:13px}.service-list h3{margin:0;font-size:32px;letter-spacing:-.03em}.service-list p{margin:0;font-size:16px;line-height:1.5}footer{min-height:100svh;padding:100px var(--pad) 36px;background:var(--red);color:#000;display:flex;flex-direction:column}footer>p{font-size:17px}footer h2{margin:auto 0;font-family:Inter,sans-serif;font-size:clamp(70px,12vw,190px);line-height:.78;letter-spacing:-.075em}footer>a{align-self:flex-start;padding-bottom:6px;border-bottom:2px solid #000;font-weight:900}footer>div{display:flex;justify-content:space-between;margin-top:60px;font-size:12px;font-weight:700}.reveal{opacity:0;transform:translateY(36px);transition:opacity .7s,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.cursor{position:fixed;z-index:100;width:10px;height:10px;border-radius:50%;background:var(--red);pointer-events:none;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .15s,height .15s}@media(hover:none){.cursor{display:none}}@media(max-width:800px){.nav{grid-template-columns:1fr auto}.nav .place{display:none}.nav nav{gap:14px}.hero{grid-template-columns:1fr;padding-top:110px}.hero h1{font-size:18vw}.hero-image{width:78%;margin-left:auto}.about-layout,.project-head{grid-template-columns:1fr}.about-copy{font-size:17px}.recognition{flex-direction:column}.work-row{grid-template-columns:44px 1fr}.work-row .type{display:none}.project-title{position:static}.project-copy{grid-template-columns:1fr}.masonry{columns:2}.service-list>div{grid-template-columns:40px 1fr}.service-list p{grid-column:2}.work-preview{display:none}}@media(max-width:520px){.about,.selected,.services,.project{padding:72px 18px}.hero{padding-inline:18px}.nav{padding-inline:18px}.masonry{columns:1}.film-pair{grid-template-columns:1fr}.project-head{margin:40px 0 54px}.project-copy p{font-size:16px}.section-cap{font-size:10px}.service-list h3{font-size:26px}}