.hero{--px:0px;--py:0px;--ps:1;--l1x:0px;--l2x:0px;--l3x:0px;--dim:0;--ph:94%;z-index:1;background:var(--bg);height:100svh;min-height:620px;position:relative;overflow:hidden}.hero:after{content:"";z-index:6;pointer-events:none;background:var(--ink);opacity:var(--dim);position:absolute;inset:0}.lines,.front{pointer-events:none;flex-direction:column;justify-content:center;padding-top:3svh;display:flex;position:absolute;inset:0}.hero .lines{z-index:1}.hero .line{white-space:nowrap;will-change:transform;color:var(--ink);font-size:min(19vw,31svh,21.3636vw - 7.5svh);line-height:.8;display:block}.hero .line.l1{transform:translate3d(var(--l1x), 0, 0);grid-template-columns:minmax(0,1fr) 21svh minmax(0,1fr);padding:0 calc(3vw + 11.2svh) 0 3vw;display:grid}.hero .line.l1>span:first-child{justify-self:end}.hero .line.l1>span:last-child{grid-column:3;justify-self:start}.hero .line.l2{text-align:right;transform:translate3d(var(--l2x), 0, 0);padding-right:3vw}.hero .line.l3{transform:translate3d(var(--l3x), 0, 0);padding-left:3vw}.hero .line .amp{color:var(--cream)}.front{z-index:3;opacity:0;-webkit-mask-image:url(/images/portrait-mask.webp),linear-gradient(#0000 38%,#000 50%);mask-image:url(/images/portrait-mask.webp),linear-gradient(#0000 38%,#000 50%);-webkit-mask-size:auto calc(var(--ph) * var(--ps)), 100% 100%;-webkit-mask-size:auto calc(var(--ph) * var(--ps)), 100% 100%;mask-size:auto calc(var(--ph) * var(--ps)), 100% 100%;-webkit-mask-position:calc(50% + var(--px)) calc(100% + var(--py)), 0 0;-webkit-mask-position:calc(50% + var(--px)) calc(100% + var(--py)), 0 0;mask-position:calc(50% + var(--px)) calc(100% + var(--py)), 0 0;-webkit-mask-composite:source-in;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.hero .front .line{color:#0000;-webkit-text-stroke:1.5px #ffe9dfeb}.hero .front .line .amp{color:#0000}.halo{z-index:2;aspect-ratio:1;pointer-events:none;width:min(72svh,58vw);transform:translate3d(calc(-50% + var(--px) * 1.4), calc(-50% + var(--py)), 0);background:radial-gradient(closest-side,#ffb092cc,#ff785f47 55%,#ff4c3b00);border-radius:50%;position:absolute;top:27%;left:50%}.portrait{z-index:2;height:var(--ph);aspect-ratio:1744/2336;pointer-events:none;will-change:transform;transform:translate3d(calc(-50% + var(--px)), var(--py), 0) scale(var(--ps));transform-origin:50% 100%;position:absolute;bottom:0;left:50%}.portrait img{width:100%;height:100%;display:block}.sheen{mix-blend-mode:screen;opacity:.55;background:radial-gradient(circle 340px at var(--sx,30%) var(--sy,30%), #ffd8c28c, #ffd8c200);transition:opacity .5s;position:absolute;inset:0;-webkit-mask:url(/images/portrait-mask.webp) 0 0/100% 100% no-repeat;mask:url(/images/portrait-mask.webp) 0 0/100% 100% no-repeat}.hero:hover .sheen{opacity:1}.hero-b{z-index:4;left:var(--pad);right:calc(var(--pad) + 84px);justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:absolute;bottom:clamp(18px,4vh,40px)}.hero-b p{max-width:340px;font-size:clamp(14px,1.2vw,17px);font-weight:500;line-height:1.4}.hero-b .where{text-align:right;line-height:1.7}.hero-b .where b{font-weight:500}.hero-b .status{align-items:center;gap:8px;display:inline-flex}.hero-b .dot{background:var(--ink);opacity:.4;border-radius:50%;width:8px;height:8px}.hero-b .dot.online{opacity:1;background:#11a35a;animation:2s infinite pulse}@keyframes pulse{70%{box-shadow:0 0 0 9px #11a35a00}to{box-shadow:0 0 #11a35a00}}@media (prefers-reduced-motion:no-preference){[data-js] .hero .portrait{clip-path:inset(100% 0 0)}[data-js] .hero .halo{opacity:0}[data-js] .hero [data-fade]{opacity:0;transform:translateY(26px)}}@media (max-aspect-ratio:1){.hero{--ph:62%}.lines,.front{justify-content:flex-start;padding-top:12svh}.hero .line{font-size:min(19.5vw,13svh)}.front{display:none}.hero .line.l1{justify-content:flex-start;gap:.2em;padding:0 3vw;display:flex}.halo{width:min(60svh,100vw);top:50%}.hero-b p{color:var(--cream);max-width:none}.hero-b:before{content:"";z-index:-1;left:calc(-1 * var(--pad));right:calc(-1 * (var(--pad) + 84px));background:linear-gradient(#120b0900,#120b09e6);height:190px;position:absolute;bottom:calc(-1*clamp(18px,4vh,40px))}}@media (max-width:560px){.hero-b .where{display:none}.hero-b{right:calc(var(--pad) + 70px)}}@media (prefers-reduced-motion:reduce){.hero .front{opacity:1}}
.statement{padding:clamp(120px, 26vh, 300px) var(--pad) clamp(60px, 10vh, 120px)}.statement .mono{color:#ffe9df8c;margin-bottom:30px;display:block}.statement p{letter-spacing:-.035em;font-variation-settings:"wdth" 80;max-width:1300px;font-size:clamp(32px,5.6vw,96px);font-weight:700;font-stretch:80%;line-height:1}.proof{padding:0 var(--pad) clamp(70px, 11vh, 140px)}.stats{border-top:1px solid #ffe9df2e;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat{border-right:1px solid #ffe9df2e;padding:clamp(22px,3vw,40px) clamp(14px,2vw,28px) clamp(22px,3vw,40px) 0}.stat+.stat{padding-left:clamp(14px,2vw,28px)}.stat:last-child{border-right:0}.stat .num{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(64px,9.5vw,170px);line-height:.82;display:block}.stat .num sup{vertical-align:top;color:var(--accent);margin-left:.04em;font-size:.42em}.stat .label{margin-top:16px;font-size:clamp(14px,1.3vw,18px);font-weight:700;display:block}.stat .note{color:#ffe9df8c;margin-top:6px;display:block}.clients{border-top:1px solid #ffe9df2e;padding:clamp(40px,6vh,70px) 0 clamp(60px,9vh,110px)}.clients>.mono{padding:0 var(--pad) 26px;color:#ffe9df8c;display:block}.clients .group{gap:0}.clients .name{-webkit-text-stroke:1.5px var(--cream);color:#0000;padding:0 clamp(12px,1.6vw,28px);font-size:clamp(40px,6.4vw,104px);line-height:1.05}.clients .name.fill{color:var(--accent);-webkit-text-stroke:0}.clients .bullet{aspect-ratio:1;border-radius:50%;flex:none;width:clamp(36px,5vw,84px);margin:0 clamp(6px,1vw,18px);animation:14s linear infinite spin}@media (max-width:800px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(2){border-right:0}.stat:nth-child(n+3){border-top:1px solid #ffe9df2e}.stat:nth-child(3){padding-left:0}}@media (prefers-reduced-motion:reduce){.clients .bullet{animation:none}}
.work{padding:clamp(80px, 14vh, 160px) var(--pad) clamp(60px, 10vh, 120px)}.work-lede{max-width:640px;margin:calc(-1*clamp(10px,2vw,24px)) 0 clamp(28px,4vw,52px);font-size:clamp(18px,1.8vw,26px);font-weight:600;line-height:1.25}.stack{position:relative}.card{top:calc(9vh + var(--i) * 22px);will-change:transform;transform-origin:50% 0;border-radius:26px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,3vw,48px);height:min(74vh,720px);margin-bottom:8vh;padding:clamp(20px,3vw,44px);display:grid;position:sticky;overflow:hidden}.card.tone-cream{background:var(--cream);color:var(--ink)}.card.tone-ink{background:var(--ink);color:var(--cream)}.card.tone-peach{background:var(--peach);color:var(--ink)}.card.tone-plum{background:var(--plum);color:var(--cream)}.card .l{flex-direction:column;justify-content:space-between;min-width:0;display:flex}.card .big{letter-spacing:-.02em;font-size:clamp(90px,15vw,260px);line-height:.75}.card h3{font-variation-settings:"wdth" 70;font-size:clamp(34px,4.4vw,76px);font-stretch:70%;line-height:.92}.card .meta{opacity:.72;margin-top:16px}.card .delivered{opacity:.85;margin-top:10px;font-size:clamp(14px,1.2vw,17px);font-weight:500;line-height:1.4}.card .visit{transition:letter-spacing .4s var(--ease-out);border-bottom:1.5px solid;margin-top:20px;padding-bottom:3px;display:inline-block}.card:hover .visit{letter-spacing:.14em}.card .shot{background:#fff;border-radius:14px;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #120b0959}.card .chrome{color:#5b524d;background:#ece7e2;flex:none;align-items:center;gap:6px;height:34px;padding:0 14px;display:flex}.card .chrome i{background:#cfc6c0;border-radius:50%;width:9px;height:9px}.card .chrome span{font:500 11px/1.4 var(--mono);letter-spacing:.02em;text-transform:none;background:#fff;border-radius:999px;margin-left:10px;padding:3px 12px}.card .frame{flex:1;min-height:0;position:relative}.card .frame img{object-fit:cover;object-position:top left;opacity:0;transition:transform 1.2s var(--ease-out), opacity .6s}.card .frame img.on{opacity:1}.card:hover .frame img{transform:scale(1.035)}.more{margin-top:clamp(36px,6vw,80px)}.more .row{border-top:1.5px solid var(--ink);transition:padding .5s var(--ease-out), background .3s, color .3s;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,1.4fr) 36px;align-items:baseline;gap:20px;padding:clamp(16px,1.8vw,24px) 0;display:grid}.more li:last-child .row{border-bottom:1.5px solid var(--ink)}.more .nm{letter-spacing:-.01em;font-size:clamp(26px,3.4vw,54px);line-height:1}.more .pl,.more .wh{font-size:14px;font-weight:500;line-height:1.4}.more .ar{transition:transform .4s var(--ease-out);justify-self:end;font-size:24px}@media (hover:hover){a.row:hover{background:var(--ink);color:var(--cream);padding-left:14px;padding-right:14px}a.row:hover .ar{transform:rotate(45deg)}}.more .row.plain .ar{opacity:.35}@media (max-width:900px){.card{height:min(82vh,640px);top:calc(9vh + var(--i) * 14px);grid-template-rows:auto minmax(220px,1fr);grid-template-columns:1fr}.card .big{font-size:84px}.card .l{gap:18px}.more .row{grid-template-columns:1fr 28px;row-gap:6px}.more .pl,.more .wh{grid-column:1}.more .ar{grid-area:1/2}}
.services{padding:clamp(90px, 15vh, 180px) var(--pad)}.services .wrap{grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);gap:clamp(24px,5vw,90px);display:grid}.services .intro{align-self:start;position:sticky;top:110px}.services h2.big{letter-spacing:-.02em;font-size:clamp(54px,8.4vw,150px);line-height:.86}.services h2.big em{color:var(--accent);font-style:normal}.services .intro p{opacity:.8;max-width:340px;margin-top:clamp(18px,2vw,28px);font-size:clamp(15px,1.2vw,18px);font-weight:500;line-height:1.45}.svc{border-top:1.5px solid var(--ink)}.svc:last-child{border-bottom:1.5px solid var(--ink)}.svc button{text-align:left;width:100%;transition:padding .5s var(--ease-out);grid-template-columns:52px minmax(0,1fr) auto 30px;align-items:baseline;gap:16px;padding:clamp(18px,2vw,28px) 0;display:grid}.svc .n{opacity:.55}.svc .t{letter-spacing:-.01em;font-size:clamp(30px,4.6vw,76px);line-height:.95;transition:color .3s}.svc .tags{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:280px;display:flex}.svc .tags span{font:500 11px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:1px solid #120b0959;border-radius:999px;padding:6px 10px}.svc .plus{place-self:center end;width:20px;height:20px;position:relative}.svc .plus:before,.svc .plus:after{content:"";height:2px;transition:transform .45s var(--ease-out);background:currentColor;position:absolute;top:9px;left:0;right:0}.svc .plus:after{transform:rotate(90deg)}.svc.open .plus:after{transform:rotate(0)}@media (hover:hover){.svc button:hover .t{color:var(--accent)}.svc button:hover{padding-left:10px}}.svc .panel{transition:grid-template-rows .6s var(--ease-out);grid-template-rows:0fr;display:grid}.svc.open .panel{grid-template-rows:1fr}.svc .panel>div{overflow:hidden}.svc .panel .body{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 40px;padding:0 0 clamp(22px,2.6vw,34px) 68px;display:flex}.svc .panel p{max-width:520px;font-size:clamp(16px,1.35vw,20px);font-weight:500;line-height:1.45}.svc .panel a{background:var(--ink);color:var(--cream);border-radius:999px;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;transition:background .3s,color .3s;display:inline-flex}.svc .panel a:hover{background:var(--accent);color:var(--ink)}@media (max-width:900px){.services .wrap{grid-template-columns:1fr}.services .intro{position:static}.svc button{grid-template-columns:36px minmax(0,1fr) 24px}.svc .tags{display:none}.svc .panel .body{padding-left:52px}}