:root{color-scheme:dark;--hdr-h:66px;--charcoal:#1c1c1c;--surface:#262626;--line:#3a3a3a;--cream:#fff8e6;--muted:#a8a193;--gold:#f5b700;--muted-cream:#5c574d;--glow:#f5b7008c;--body:"Inter Tight","Helvetica Neue",Arial,system-ui,sans-serif;--display:"Archivo","Arial Black",system-ui,sans-serif;--t-h1:clamp(36px,6vw,88px);--t-h2:clamp(26px,3.4vw,50px);--t-h3:clamp(22px,2.2vw,32px);--t-lead:clamp(19px,1.7vw,24px);--t-body:clamp(15px,1.1vw,17px);--t-label:12.5px;--r-card:16px;--pill:999px;--gut:max(clamp(16px,3vw,40px),env(safe-area-inset-left,0px));--gut-r:max(clamp(16px,3vw,40px),env(safe-area-inset-right,0px));--sec:clamp(80px,10vw,160px);--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}body{background:var(--charcoal);color:var(--cream);font:400 var(--t-body)/1.55 var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}figure{margin:0}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}p{max-width:62ch;margin:0}[hidden]{display:none!important}.wrap{max-width:1440px;padding-left:var(--gut);padding-right:var(--gut-r);margin-inline:auto}.sec{padding-block:var(--sec)}.label{font:500 var(--t-label)/1.3 var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.h1,.h2{text-transform:uppercase;text-wrap:balance;margin:0;line-height:.98}.h1{font-size:var(--t-h1)}.h2{font-size:var(--t-h2)}.lead{font-size:var(--t-lead);letter-spacing:-.01em;line-height:1.35}.hl{color:var(--gold)}.muted{color:var(--muted)}.btn{white-space:nowrap;border-radius:var(--pill);height:52px;font:500 15px/1 var(--body);cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),transform .3s var(--ease),scale .12s var(--ease);border:1px solid #0000;align-items:center;gap:14px;padding:0 6px 0 22px;text-decoration:none;display:inline-flex}.btn .ic{width:40px;height:40px;transition:translate .3s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.btn svg{width:16px;height:16px}.btn--gold{background:var(--gold);color:var(--charcoal)}.btn--gold .ic{background:var(--charcoal);color:var(--gold)}.btn--ghost{color:var(--cream);border-color:var(--line);background:0 0;padding:0 22px}.btn--sm{gap:10px;height:40px;padding:0 4px 0 16px;font-size:14px}.btn--sm .ic{width:32px;height:32px}@media (hover:hover){.btn--gold:hover{background:var(--cream)}.btn--ghost:hover{border-color:var(--cream)}}.btn:active{filter:brightness(.92)}.rbtn{border:1px solid var(--line);width:48px;height:48px;color:var(--cream);cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),transform .3s var(--ease),scale .12s var(--ease);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid;overflow:hidden}.rbtn svg{width:18px;height:18px}@media (hover:hover){.rbtn:hover{border-color:var(--cream)}}.tag{border-radius:var(--pill);background:var(--gold);color:var(--charcoal);font:500 11px/1.2 var(--body);text-transform:uppercase;letter-spacing:.06em;vertical-align:2px;margin-left:8px;padding:3px 8px;display:inline-block}.duo{border-radius:var(--r-card);background:var(--gold);isolation:isolate;position:relative;overflow:hidden}.duo img{object-fit:cover;filter:grayscale()contrast(1.25)brightness(.95);mix-blend-mode:multiply;width:100%;height:100%}.hdr-w{max-width:none;top:calc(env(safe-area-inset-top,0px) + 10px);z-index:50;pointer-events:none;position:sticky}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:60;background:var(--charcoal);position:fixed;inset:0 0 auto}.hdr{pointer-events:auto;width:100%;max-width:var(--hdr-full,none);transition:max-width .4s var(--ease),background-color .4s var(--ease),border-color .4s var(--ease);border:1px solid #0000;border-radius:100px;justify-content:space-between;align-items:center;gap:10px;margin-inline:auto;padding:8px;display:flex}.is-scrolled .hdr{max-width:var(--hdr-compact,none);-webkit-backdrop-filter:blur(16px)saturate(140%);border-color:var(--line);background:#1c1c1c8c}.hdr>*{flex:none}.is-scrolled .nav{background:0 0;border-color:#0000}.logo{white-space:nowrap;align-items:center;gap:10px;font-size:17px;line-height:1;text-decoration:none;display:inline-flex}.logo img{width:30px;height:30px}@media (width<=399px){.logo{font-size:15px}}.nav{border:1px solid var(--line);border-radius:var(--pill);backdrop-filter:blur(10px);transition:background-color .25s var(--ease),border-color .25s var(--ease);background:#1c1c1c99;gap:2px;padding:4px;display:none}.nav a{font:500 14px/1 var(--body);border-radius:var(--pill);color:var(--muted);transition:color .2s var(--ease),background-color .2s var(--ease);padding:11px 18px;text-decoration:none}.nav a[aria-current]{background:var(--cream);color:var(--charcoal)}@media (hover:hover){.nav a:not([aria-current]):hover{color:var(--cream)}}.hdr>.btn{height:46px;display:none}.hdr>.btn .ic{width:38px;height:38px}@media (width>=960px){:root{--hdr-h:64px}.nav,.hdr>.btn{display:inline-flex}.menu-btn{display:none}}.sheet{background:var(--charcoal);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--cream);overscroll-behavior:contain;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:auto}.sheet::backdrop{background:var(--charcoal)}html:has(.sheet[open]){overflow:hidden}.sheet-in{isolation:isolate;min-height:100%;padding:calc(env(safe-area-inset-top,0px) + 10px) var(--gut-r) calc(env(safe-area-inset-bottom,0px) + 20px) var(--gut);flex-direction:column;display:flex;position:relative;overflow:hidden;container-type:inline-size}.sheet-in:before{content:"";z-index:-1;aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,#f5b70052,#0000);width:130%;position:absolute;bottom:-25%;right:-45%}.sheet-top{border:1px solid #0000;justify-content:space-between;align-items:center;padding:8px;display:flex}.sheet-x{background:var(--cream);border-color:var(--cream);color:var(--charcoal)}@media (hover:hover){.sheet-x:hover{background:var(--gold);border-color:var(--gold)}}.m-list{border-top:1px solid var(--line);margin:clamp(24px,6vh,48px) 0 0;padding:0;list-style:none}.m-list a{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr) 44px;align-items:center;gap:10px;padding-block:14px;text-decoration:none;display:grid}.m-list .num{font:400 13px/1 var(--body);color:var(--muted)}.m-list .name{text-transform:uppercase;color:var(--muted);transition:color .2s var(--ease);font-size:clamp(28px,8.6cqi,44px);line-height:1}.m-list .rbtn{pointer-events:none;width:44px;height:44px}.m-list .rbtn svg{width:16px;height:16px}.m-list a[aria-current] .name{color:var(--cream)}.m-list a[aria-current] .rbtn{background:var(--gold);border-color:var(--gold);color:var(--charcoal)}@media (hover:hover){.m-list a:hover .name{color:var(--cream)}}.sheet-in>.btn{justify-content:space-between;margin-top:24px}.m-foot{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:auto;padding-top:40px;display:grid}.m-foot h3{font:500 var(--t-label)/1 var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 10px}.m-foot ul{overflow-wrap:anywhere;gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.m-foot a{text-decoration:none}.phead{margin-top:calc(var(--hdr-h)*-1);padding-top:calc(var(--hdr-h) + clamp(32px,5vw,72px));position:relative;overflow:hidden}.phead:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,#f5b70066,#0000);width:min(110vw,1000px);position:absolute;top:-30%;right:-18%}.phead .wrap{position:relative}.ptitle{text-transform:uppercase;margin:14px 0 0;font-size:clamp(52px,13.4vw,224px);line-height:.8}.pintro{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:clamp(28px,4vw,56px);display:grid}@media (width>=900px){.pintro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}.pintro>*{grid-column:2}}.pintro .lead{max-width:34ch}.pintro .lead span{color:var(--muted)}.pintro .btn{justify-self:start}.shead{border-top:1px solid var(--line);grid-template-columns:40px minmax(0,1fr);align-items:baseline;gap:12px;margin-bottom:clamp(28px,4vw,56px);padding-top:clamp(18px,2vw,24px);display:grid}.shead .num{font:400 15px/1 var(--body);color:var(--muted)}.shead .h2{grid-column:2}.shead .aside{color:var(--muted);grid-column:1/-1;max-width:44ch}@media (width>=900px){.shead{grid-template-columns:56px minmax(0,1fr) minmax(0,1fr);column-gap:20px}.shead .aside{grid-column:3;align-self:end}}.gold{background:var(--gold);color:var(--charcoal);border-radius:var(--r-card);gap:clamp(28px,4vw,56px);padding:clamp(18px,2.4vw,36px);display:grid;position:relative;overflow:hidden}.g-util{font:500 12px/1.3 var(--body);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:12px;display:flex}.g-head{text-align:center;text-transform:uppercase;margin:0;font-size:clamp(40px,9vw,150px);line-height:.88}.g-head span{display:block}.g-rule{background:var(--charcoal);opacity:.35;height:1px}.g-lists{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}@media (width>=1024px){.g-lists{grid-template-columns:repeat(4,minmax(0,1fr))}}.g-lists h3{font:600 12px/1.3 var(--body);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}.g-lists ul{gap:6px;margin:0;padding:0;font-size:15px;line-height:1.35;list-style:none;display:grid}.g-lists a{transition:background-size .3s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;text-decoration:none}@media (hover:hover){.g-lists a:hover{background-size:100% 1px}}.g-names{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;margin:0;padding:0;list-style:none;display:grid}@media (width>=760px){.g-names{grid-template-columns:repeat(3,minmax(0,1fr))}}.g-names li{border-top:1px solid #1c1c1c59;padding:14px 0}.g-names a{font:500 clamp(18px,1.8vw,26px)/1.15 var(--body);letter-spacing:-.025em;transition:background-size .3s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;text-decoration:none}@media (hover:hover){.g-names a:hover{background-size:100% 1px}}.g-mail{font:500 clamp(22px,3.4vw,52px)/1.1 var(--body);letter-spacing:-.03em;text-underline-offset:.15em;overflow-wrap:anywhere;text-decoration-thickness:2px}@media (hover:hover){.g-mail:hover{text-decoration-thickness:4px}}@media (width<=899px){.g-mid{display:none}}@media (width<=539px){.g-lists{grid-template-columns:minmax(0,1fr)}}.ftr{isolation:isolate;border-top:1px solid var(--line);background:var(--charcoal);position:relative;overflow:hidden;container:ftr/inline-size}.ftr-in{max-width:1440px;padding:clamp(56px,7cqi,112px) max(clamp(16px,3cqi,40px),env(safe-area-inset-right,0px)) 0 max(clamp(16px,3cqi,40px),env(safe-area-inset-left,0px));margin-inline:auto}.ftr .label{margin-bottom:18px;display:block}.ftr-cta{gap:28px;padding-bottom:clamp(48px,6cqi,96px);display:grid}.ftr-cta .h1{font-size:clamp(36px,6.4cqi,92px)}.ftr-cta .h1 span{display:block}.ftr-cta .in{padding-left:1.4em}.ftr-side{justify-items:start;gap:24px;display:grid}.ftr-side p{color:var(--muted);max-width:36ch}@container ftr (width>=900px){.ftr-cta{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:40px}.ftr-side{justify-self:end}}.ftr-cols{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 20px;padding-top:clamp(32px,4cqi,48px);display:grid}@container ftr (width>=900px){.ftr-cols{grid-template-columns:repeat(4,minmax(0,1fr))}}.ftr-cols h3{font:500 var(--t-label)/1 var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 16px}.ftr-cols ul{overflow-wrap:anywhere;gap:12px;margin:0;padding:0;font-size:16px;line-height:1.3;list-style:none;display:grid}.ftr-cols a{transition:color .2s var(--ease);text-decoration:none}@media (hover:hover){.ftr-cols a:hover{color:var(--gold)}}.ftr-cols .plain{color:var(--muted)}.ftr-mark{margin-top:clamp(56px,7cqi,112px);position:relative}.ftr-mark:before{content:"";z-index:-1;aspect-ratio:2;pointer-events:none;background:radial-gradient(closest-side,#f5b70061,#0000);width:80%;position:absolute;bottom:-55%;left:50%;translate:-50%}.ftr-mark img{width:100%;height:auto}.ftr-base{padding-block:18px calc(env(safe-area-inset-bottom,0px) + 22px);border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:clamp(20px,2.4cqi,36px);font-size:13px;display:flex}.ftr-base .rbtn{width:40px;height:40px}.ftr-base .rbtn svg{width:16px;height:16px}.h1,.h2,.ptitle,.logo,.m-list .name,.g-head{font-family:var(--display);letter-spacing:-.03em;font-weight:600;font-stretch:125%}@media (hover:hover){a:hover .duo img{filter:none;mix-blend-mode:normal}}.mega .mk{align-items:center;margin-block:-.06em;padding-block:.06em;display:flex;overflow:hidden}.mega .mk>*{display:block}.mo .hero:not(.in) .mega .mk>*{transform:translateY(105%)}.mo .hero:not(.in) .mega-stage:before,.mo .hero:not(.in) .mega-cap>*{opacity:0}.mo .hero:not(.in) .mega-photo img{scale:1.08}.hero.in .mega .mk>*{transition:transform .8s var(--ease) calc(var(--i)*80ms + .15s)}.hero.in .mega-stage:before{transition:opacity 1.2s var(--ease)}.hero.in .mega-photo img{transition:scale 1.1s var(--ease)}.hero.in .mega-cap>*{transition:opacity .6s var(--ease) .6s}.mo .mega-photo{transform:translateY(var(--hp,0px))}.mo .mega-stage:before{transform:translateY(var(--hg,0px))}.ptitle .w{white-space:nowrap;vertical-align:top;margin-block:-.08em;padding-block:.08em;display:inline-block;overflow:hidden}.ptitle .l{display:inline-block}.mo .ptitle:not(.in){visibility:hidden}.mo .ptitle:not(.in) .l{transform:translateY(105%)}.ptitle.in .l{transition:transform .7s var(--ease) calc(var(--i)*45ms)}.mo :is(main .sec .wrap>:not(.work,.gold,dialog,script),.pintro>*,.ftr-cta>*,.wall>li,.g-names>li):not(.in){opacity:0;transform:translateY(16px)}:is(main .sec .wrap>*,.pintro>*,.ftr-cta>*,.wall>li,.g-names>li).in:not(.seen){transition:opacity .65s var(--ease) var(--rd,0s),transform .65s var(--ease) var(--rd,0s)}.mo .work>.proj .duo{clip-path:inset(0 round var(--r-card))}.mo .work>.proj:not(.in) .duo{clip-path:inset(100% 0 0 0 round var(--r-card))}.mo .work>.proj:not(.in) .duo img{--ps:1.25}.mo .work>.proj:not(.in) .meta{opacity:0}.work>.proj.in:not(.seen){--zs:1.1s}.work>.proj.in:not(.seen) .duo{transition:clip-path .9s var(--ease) var(--rd,0s)}.work>.proj.in:not(.seen) .meta{transition:opacity .5s var(--ease) calc(var(--rd,0s) + .35s)}.mo :is(.proj .duo,.svc .duo) img{scale:var(--ps,1.1)}.mo .ph.cover img{scale:1.12}@media (hover:hover){.mo .proj:hover .duo img{--ps:1.14}}.cur{z-index:70;background:var(--gold);width:84px;height:84px;color:var(--charcoal);font:500 13px/1 var(--body);pointer-events:none;opacity:0;transition:opacity .2s var(--ease),scale .25s var(--ease),translate .1s linear;border-radius:50%;place-items:center;margin:-42px 0 0 -42px;display:grid;position:fixed;top:0;left:0;scale:.4}.cur.on{opacity:1;scale:1}@keyframes arr{45%{transform:translate(160%,-160%)}46%{transform:translate(-160%,160%)}}.live .rbtn{overflow:hidden}@media (hover:hover){.mo :is(.btn:not([data-play]):hover .ic,a.rbtn:not(.ftr-base .rbtn):hover,.live:hover .rbtn) svg{animation:arr .42s var(--ease)}}.btn:active,.rbtn:active{scale:.97}.wd{transition:color .25s var(--ease)}.mo .wd:not(.on){color:var(--line)}.mo .sheet,.mo .sheet::backdrop{opacity:0;transition:opacity .16s var(--ease),overlay .16s allow-discrete,display .16s allow-discrete}.mo .sheet[open],.mo .sheet[open]::backdrop{opacity:1;transition-duration:.22s}@starting-style{.mo .sheet[open],.mo .sheet[open]::backdrop{opacity:0}}.mo .sheet[open] :is(.m-list li,.sheet-in>.btn,.m-foot){transition:opacity .38s var(--ease),translate .38s var(--ease);transition-delay:calc(var(--si,0)*40ms + 60ms)}@starting-style{.mo .sheet[open] :is(.m-list li,.sheet-in>.btn,.m-foot){opacity:0;translate:0 20px}}.m-list li:nth-child(2){--si:1}.m-list li:nth-child(3){--si:2}.m-list li:nth-child(4){--si:3}.m-list li:nth-child(5){--si:4}.sheet-in>.btn{--si:5}.m-foot{--si:6}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}::view-transition-old(root),::view-transition-new(root){animation-duration:.26s;animation-timing-function:var(--ease)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
