@import url('https://cdn.jsdelivr.net/npm/@fontsource-variable/geist@5.2.6/index.css');
:root{--cream:#f6f5ef;--ink:#12120f;--soft:#deddd4;--coral:#f06f58;--sans:"Geist","MiSans","PingFang SC","Noto Sans SC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}body{margin:0;background:var(--cream);color:var(--ink);font:420 16px/1.65 var(--sans);overflow-x:hidden}a,button{color:inherit;font:inherit}button{cursor:pointer}.skip{position:fixed;z-index:99;transform:translateY(-200%)}.skip:focus{transform:none;background:#111;color:#fff;padding:10px}body>header{position:fixed;z-index:30;inset:0 0 auto;height:64px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:#f6f5efe8;backdrop-filter:blur(14px);border-bottom:1px solid #12120f20}header>a{font-size:12px;font-weight:650;letter-spacing:.02em;text-decoration:none}nav{display:flex;gap:4px;align-items:center}nav a{display:none}nav button{min-height:44px;padding:0 10px;border:0;background:none;font-size:12px}.motion-toggle{display:none}.screen{height:100dvh;min-height:620px;padding:88px 20px 24px;scroll-snap-align:start;scroll-snap-stop:always}.label{margin:0;color:var(--coral);font-size:11px;font-weight:650;letter-spacing:.13em}.cover{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.cover-title{position:relative;z-index:3}.cover h1{margin:13vh 0 16px;font-size:clamp(52px,15vw,84px);font-weight:540;line-height:.92;letter-spacing:-.07em}.cover h1 i{font-weight:360}.subtitle{font-size:16px;letter-spacing:.01em}.intro{position:relative;z-index:4;max-width:32em}.intro p{max-width:26em}.intro a{display:flex;justify-content:space-between;margin-top:20px;padding:12px 0;border-top:1px solid;text-decoration:none;font-weight:580}.floating-photos{position:absolute;z-index:1;inset:120px -25px 170px;pointer-events:none}.float{position:absolute;object-fit:cover;box-shadow:0 12px 40px #16161016}.f1{width:42%;left:-3%;top:24%;animation:drift1 10s ease-in-out infinite}.f2{width:32%;right:2%;top:2%;animation:drift2 12s ease-in-out infinite}.f3{width:25%;right:16%;bottom:2%;animation:drift1 13s ease-in-out -4s infinite}.f4{width:28%;left:36%;top:38%;animation:drift2 9s ease-in-out -2s infinite}.orbit{position:absolute;right:-30px;top:40%;color:var(--coral);font-size:10px;letter-spacing:.18em;transform:rotate(90deg)}@keyframes drift1{50%{transform:translate(12px,-14px) rotate(1.2deg)}}@keyframes drift2{50%{transform:translate(-10px,16px) rotate(-1deg)}}.city{display:grid;grid-template-rows:auto 1fr;gap:16px}.copy{display:grid;grid-template-columns:1fr auto}.copy h2{margin:4px 0 0;font-size:52px;line-height:.95;letter-spacing:-.06em;font-weight:520}.copy h3{align-self:end;margin:0;font-size:16px;font-weight:500}.copy>p:last-child{grid-column:1/-1;margin:10px 0 0;font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.slider{position:relative;min-height:0;display:grid;grid-template-rows:1fr auto;outline:none}.stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.stage img.current{display:block;max-width:84%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:opacity .22s ease,transform .4s cubic-bezier(.2,.8,.2,1)}.stage img.peek{position:absolute;right:-13%;top:50%;width:22%;max-height:58%;object-fit:cover;transform:translateY(-50%);opacity:.5;filter:saturate(.75);transition:right .25s ease,opacity .25s}.slider:hover .peek{right:-9%;opacity:.72}.arrow{position:absolute;z-index:4;top:44%;width:56px;height:56px;border:0;border-radius:50%;background:var(--coral);color:#fff;font-size:20px;box-shadow:0 8px 24px #4b18151f}.prev{left:0}.next{right:0}.meta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;min-height:54px}.meta p{margin:0;font-size:12px;font-weight:570}.meta span{font-size:11px;font-variant-numeric:tabular-nums;color:#5c5b55}.dots{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;gap:5px}.dot{width:19px;height:19px;border:0;background:transparent;position:relative}.dot:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#b9b8b0}.dot[aria-current=true]:after{background:var(--coral);transform:scale(1.65)}:focus-visible{outline:3px solid #173b63;outline-offset:3px}@media(hover:hover){.arrow{opacity:0;transform:scale(.8);transition:opacity .18s,transform .2s}.slider:hover .arrow,.slider:focus-within .arrow{opacity:1;transform:scale(1)}}dialog{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:24px 18px 64px;border:0;background:var(--cream)}dialog::backdrop{background:#10100fc7}.dialog-head{position:sticky;top:-24px;z-index:2;display:flex;justify-content:space-between;padding:24px 0 12px;background:var(--cream);border-bottom:1px solid var(--soft)}.dialog-head h2{margin:4px 0;font-size:38px;letter-spacing:-.05em}.dialog-head button{min-width:48px;min-height:48px;border:0;background:none}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 12px;margin-top:28px}.grid figure{margin:0}.grid img{display:block;width:100%;height:150px;object-fit:contain}.grid figcaption{display:flex;justify-content:space-between;font-size:11px;color:#68675f}
body.motion-off .float{animation:none!important}body.motion-off .stage img,body.motion-off .peek{transition:none!important}
@media(min-width:768px){body>header{padding:0 32px}nav{gap:10px}nav a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-size:12px}.motion-toggle{display:block}.screen{padding:100px 32px 34px}.cover{display:grid;grid-template-columns:1.2fr .8fr;align-items:end}.cover-title{align-self:center}.cover h1{margin:0;font-size:clamp(92px,11vw,168px)}.subtitle{font-size:18px}.intro{padding-bottom:5vh}.floating-photos{inset:80px 0 80px 38%}.f1{width:42%;left:0;top:34%}.f2{width:31%;right:0;top:0}.f3{width:25%;right:8%;bottom:0}.f4{width:28%;left:43%;top:34%}.city{grid-template-columns:minmax(270px,30%) 1fr;grid-template-rows:1fr;gap:5vw;align-items:center}.copy{display:block}.copy h2{font-size:clamp(76px,8vw,124px)}.copy h3{margin:14px 0 30px;font-size:21px}.copy>p:last-child{display:block;font-size:14px;line-height:1.85}.slider{height:calc(100dvh - 140px)}.stage img.current{max-width:76%;max-height:92%}.arrow{top:50%;transform:translateY(-50%)}@media(hover:hover){.arrow{transform:translateY(-50%) scale(.8)}.slider:hover .arrow,.slider:focus-within .arrow{transform:translateY(-50%) scale(1)}}.meta{grid-template-columns:1fr auto auto}.dots{grid-column:2;grid-row:1}.grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1200px){body>header,.screen{padding-left:max(64px,calc((100vw - 1360px)/2));padding-right:max(64px,calc((100vw - 1360px)/2))}.grid{grid-template-columns:repeat(6,1fr)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.float{animation:none}.stage img,.peek,.arrow{transition:none!important}}