:root{--bg:#0c0c0b;--bg-2:#151513;--fg:#ecebe6;--muted:#8d8b84;--line:#2a2a27;--glow:#d9a24a;--sans:"Inter Tight","Helvetica Neue",Arial,sans-serif;--serif:"Bodoni Moda Variable","Bodoni Moda","Didot","Bodoni 72",Georgia,serif;--gl:max(16px,env(safe-area-inset-left,0px));--gr:max(16px,env(safe-area-inset-right,0px));color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}em{font-family:var(--serif);font-style:italic;font-weight:400}.wrap{padding-left:calc(var(--gl) + 1vw);padding-right:calc(var(--gr) + 1vw)}:focus-visible{outline:2px solid var(--glow);outline-offset:3px}[hidden]{display:none!important}.top{top:env(safe-area-inset-top,0px);z-index:20;mix-blend-mode:difference;justify-content:space-between;align-items:center;padding-block:18px;display:flex;position:fixed;left:0;right:0}.back{font-size:14px;font-weight:500}.menu-btn{border:1px solid var(--fg);width:44px;height:44px;color:var(--fg);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.menu-btn span{background:currentColor;width:16px;height:1px;display:block;box-shadow:0 5px}.menu{z-index:30;background:var(--bg);flex-direction:column;justify-content:center;gap:4px;padding-block:80px;display:flex;position:fixed;inset:0}.menu a{letter-spacing:-.03em;font-size:clamp(40px,8vw,96px);font-weight:500;line-height:1.05}.menu a[aria-current]{color:var(--muted)}.menu .small{gap:24px;margin-top:32px;display:flex}.menu .small a{letter-spacing:0;color:var(--muted);font-size:14px;font-weight:400}.menu>a,.menu .small a{transform-origin:0 70%;align-self:flex-start;transition:transform .5s cubic-bezier(.2,.75,.1,1),opacity .45s,background .3s,color .3s}.menu .small a{display:inline-block}.menu:has(a:hover) a,.menu:has(a:focus-visible) a{opacity:.3}.menu:has(a) a:hover,.menu:has(a) a:focus-visible{opacity:1;outline:none;transform:scale(1.14)}.menu>a:has(em){border-radius:999px;margin-left:-.32em;padding:.02em .32em .08em}.menu:has(a) a:has(em):hover,.menu:has(a) a:has(em):focus-visible{color:#f2f1ec;background:#2f6b4f;transform:none}.menu-close{top:calc(18px + env(safe-area-inset-top,0px));right:calc(var(--gr) + 1vw);position:absolute}.page-head{padding-block:calc(120px + env(safe-area-inset-top,0px)) clamp(40px,5vw,72px)}.crumb{font-family:var(--serif);color:var(--muted);font-size:14px;font-style:italic}.page-title{letter-spacing:-.01em;margin:8px 0 0;font-size:clamp(52px,15vw,240px);font-weight:500;line-height:.86}.page-title .ln{margin:-.06em -.12em -.2em -.02em;padding:.06em .12em .2em .02em;display:inline-block;overflow:hidden}.page-title .ln>span{display:inline-block}.head-grid{gap:24px;margin-top:clamp(28px,3vw,48px);display:grid}.head-grid .sub{font-family:var(--serif);color:var(--fg);justify-self:start;margin:0;font-size:clamp(24px,2.4vw,36px);font-style:italic;line-height:1.1}.head-grid p{max-width:36em;color:var(--muted);margin:0;font-size:clamp(15px,1.15vw,18px);line-height:1.5}.head-meta{border-top:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:16px;margin-top:clamp(40px,5vw,72px);padding-top:16px;font-size:12px;font-weight:500;display:flex}@media (width>=900px){.head-grid{grid-template-columns:1fr 1fr;align-items:start}.head-grid p:not(.sub){justify-self:end}}.ph{background:var(--bg-2);position:absolute;inset:0;overflow:hidden}.ph:before{content:"";transform-origin:50% 60%;position:absolute;inset:0}.ph span{left:max(10px,env(safe-area-inset-left,0px));color:var(--muted);border:1px dashed var(--muted);background:#0c0c0b99;border-radius:2px;padding:3px 7px;font-size:11px;position:absolute;top:84px}.p1:before{background:radial-gradient(14% 18% at 80% 62%,#fff4d7e6,#0000 70%),radial-gradient(30% 40% at 42% 55%,#d6a08c59,#0000 70%),linear-gradient(#25324a,#0d0f15)}.p2:before{background:radial-gradient(30% 35% at 50% 40%,#f0c8aa80,#0000 70%),radial-gradient(20% 15% at 30% 80%,#dc282873,#0000 70%),linear-gradient(#1f3a3a,#0d1414)}.p3:before{background:radial-gradient(35% 40% at 50% 45%,#ebe6dc59,#0000 70%),linear-gradient(#5d6a6e,#22292b 70%)}.p4:before{background:radial-gradient(30% 30% at 40% 45%,#78ff8c4d,#0000 70%),linear-gradient(#0d1a10,#060807)}.p5:before{background:radial-gradient(35% 35% at 55% 40%,#e6be9673,#0000 70%),radial-gradient(40% 25% at 70% 80%,#c8282866,#0000 70%),linear-gradient(#8a8a84,#3a3328 70%)}.show{padding-bottom:clamp(56px,7vw,100px);position:relative;overflow:hidden}.viewport{touch-action:pan-y;user-select:none;overflow:hidden}.viewport .track{height:100%}.track{align-items:center;gap:var(--gap);will-change:transform;transition:transform var(--move) var(--ease);margin:0;padding:0;list-style:none;display:flex}.track.instant,.track.instant .tile{transition:none!important}:root{--move:1.6s;--ease:cubic-bezier(.45,0,.2,1)}.tile{flex:0 0 var(--tn);aspect-ratio:16/9;transition:flex-basis var(--move) var(--ease),opacity .45s ease,transform .6s cubic-bezier(.2,.75,.1,1);position:relative}.tile.active{flex-basis:var(--ta)}@media (width<=700px){.tile{aspect-ratio:4/5}}.tile>a{display:block;position:absolute;inset:0;overflow:hidden}.tile .ph{position:absolute;inset:0}.tile>a:after{content:"";pointer-events:none;background:linear-gradient(#0c0c0b00 55%,#0c0c0bb3);position:absolute;inset:0}.tile .cap{z-index:2;justify-content:space-between;align-items:baseline;gap:16px;display:flex;position:absolute;bottom:clamp(16px,2vw,28px);left:clamp(16px,2vw,32px);right:clamp(16px,2vw,32px)}.tile h2{letter-spacing:-.03em;margin:0;font-size:clamp(22px,2.4vw,36px);font-weight:500;line-height:1}.tile .more{white-space:nowrap;font-size:13px;font-weight:500}.tile h2{min-width:0}@media (width<=700px){.tile .cap{flex-direction:column;align-items:flex-start;gap:8px}}.track:has(.tile:hover) .tile{opacity:.3}.track:has(.tile:hover) .tile:hover{opacity:1;z-index:3}.track .tile.active:hover{transform:scale(1.015)}.ui{font-variant-numeric:tabular-nums;align-items:center;gap:14px;margin-top:20px;font-size:12px;font-weight:500;display:flex}.ui button{width:44px;height:44px;color:var(--fg);cursor:pointer;font:inherit;background:0 0;border:1px solid #ecebe680;border-radius:50%;place-items:center;font-size:15px;transition:background .3s,color .3s;display:grid}.ui button:hover{background:var(--fg);color:var(--bg)}.bar{background:#ecebe640;width:clamp(70px,10vw,150px);height:1px;position:relative;overflow:hidden}.bar i{background:var(--fg);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.bar i.run{animation:barrun var(--dur,5s) linear forwards}.bar.paused i{animation-play-state:paused}@keyframes barrun{to{transform:scaleX(1)}}.ph span{top:16px!important}.next{border-top:1px solid var(--line);gap:32px;padding-block:clamp(64px,8vw,120px);display:grid}.next .label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px}.next-row{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;display:flex}.next a.big{letter-spacing:-.045em;font-size:clamp(40px,7vw,104px);font-weight:500;line-height:.95;transition:transform .5s cubic-bezier(.2,.75,.1,1);display:inline-block}.next a.big:hover{transform:translate(12px)}.cta{background:var(--fg);color:var(--bg);border-radius:999px;align-items:center;gap:12px;padding:14px 26px;font-weight:500;transition:background .3s,color .3s;display:inline-flex}.cta:hover{color:#f2f1ec;background:#2f6b4f}footer{border-top:1px solid var(--line);padding-block:28px calc(40px + env(safe-area-inset-bottom,0px));color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:12px;display:flex}footer nav{gap:20px;display:flex}footer a:hover{color:var(--fg)}.note{left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px));white-space:nowrap;z-index:15;background:var(--glow);color:#16120a;border-radius:2px;padding:3px 8px;font-size:11px;position:fixed;transform:translate(-50%)}.js:not(.go) .page-title .ln>span{transform:translateY(108%)}.go .page-title .ln>span{animation:1.2s cubic-bezier(.2,.8,.1,1) backwards rise}.js:not(.go) .head-grid,.js:not(.go) .head-meta{opacity:0}.go .head-grid{animation:1s .6s backwards fade}.go .head-meta{animation:1s .8s backwards fade}@keyframes rise{0%{transform:translateY(108%)}to{transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.ph img{object-fit:cover;pointer-events:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}