:root{--teal: #10292a;--teal-deep: #0b1f1f;--teal-2: #163637;--cream: #efeae2;--muted: #8ea5a1;--peach: #e6b48e;--ink-dark: #15302f;--serif: "Playfair Display", "Bodoni 72", Georgia, serif;--sans: "DM Sans", -apple-system, "Helvetica Neue", sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--split: 56%}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0;background:var(--teal);color:var(--cream);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a,button{color:inherit;font:inherit}button{background:none;border:0;padding:0;cursor:pointer}h1,h2,p{margin:0}::selection{background:var(--peach);color:var(--ink-dark)}:focus-visible{outline:2px solid var(--peach);outline-offset:4px}.cursor{position:fixed;left:0;top:0;z-index:100;pointer-events:none;mix-blend-mode:difference;opacity:0;transition:opacity .3s}.cursor.is-live{opacity:1}.cursor span{display:block;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--peach);transition:transform .35s var(--ease),opacity .3s}.cursor.is-hover span{transform:scale(4.2)}.cursor.is-hidden span{opacity:0}@media (hover: none),(prefers-reduced-motion: reduce){.cursor{display:none}}.hero{position:relative;height:100svh;min-height:620px;display:grid;grid-template-columns:var(--split) 1fr;overflow:hidden}.panel{position:relative;background:var(--teal);z-index:2}.panel-inner{position:absolute;top:0;right:0;bottom:0;left:0}.stage{position:relative;background:var(--teal-deep)}.stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}.logo{position:absolute;left:5.5vw;top:5.5vh;display:flex;align-items:center;gap:12px;text-decoration:none;font:500 15px/1 var(--sans);letter-spacing:.12em}.burger{position:absolute;right:2.8vw;top:5.6vh;width:30px;height:24px;display:grid;justify-items:end;align-content:space-between}.burger i{display:block;height:1.5px;background:var(--cream);transition:width .5s var(--ease),transform .5s var(--ease)}.burger i:nth-child(1){width:22px}.burger i:nth-child(2){width:30px}.burger i:nth-child(3){width:16px}.burger:hover i{width:30px}.menu-close{position:absolute;right:4vw;top:5.6vh;width:34px;height:34px}.menu-close i{position:absolute;left:2px;top:16px;width:30px;height:1.5px;background:var(--cream);transition:transform .5s var(--ease),background .3s}.menu-close i:first-child{transform:rotate(45deg)}.menu-close i:last-child{transform:rotate(-45deg)}.menu-close:hover i{background:var(--peach)}.menu-close:hover i:first-child{transform:rotate(135deg)}.menu-close:hover i:last-child{transform:rotate(45deg)}.slider-nav{position:absolute;left:26%;top:50%;transform:translateY(-50%);display:grid;justify-items:center;gap:34px}.arrow{display:grid;justify-items:center;gap:8px;font:500 15px/1 var(--sans)}.arrow svg{width:120px;height:10px;overflow:visible;transition:transform .6s var(--ease)}.arrow path{fill:none;stroke:var(--cream);stroke-width:1.2;vector-effect:non-scaling-stroke}.arrow-next:hover svg{transform:translate(14px) scaleX(1.15)}.arrow-last:hover svg{transform:translate(-14px) scaleX(1.15)}.arrow span{transition:letter-spacing .5s var(--ease),color .3s}.arrow:hover span{letter-spacing:.08em;color:var(--peach)}.thumb{position:relative;width:150px;height:230px;overflow:hidden;border-left:7px solid var(--peach)}.thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}.thumb img+img{opacity:0}.tagline{position:absolute;right:2.8vw;top:40%;display:flex;align-items:flex-start;gap:14px;text-align:right;font-size:14px;line-height:1.45;color:var(--muted)}.tagline i{width:24px;height:1px;background:var(--muted);margin-top:10px}.vertical{position:absolute;left:5.5vw;bottom:22vh;transform:rotate(90deg);transform-origin:left top;font-size:12px;letter-spacing:.06em;color:var(--muted);white-space:nowrap}.dl-small{position:absolute;left:5.5vw;bottom:6vh;display:inline-flex;align-items:center;gap:12px;font-size:13px;text-decoration:none;letter-spacing:.04em}.dl-small i{width:26px;height:1px;background:var(--peach);transition:width .5s var(--ease)}.dl-small:hover i{width:60px}.word{position:absolute;z-index:5;left:calc(var(--split) - 18vw);top:50%;transform:translateY(-38%);font:700 clamp(84px,13.5vw,230px)/.9 var(--serif);letter-spacing:-.02em;color:#fff;white-space:nowrap;pointer-events:none}.word.brand-word{font-size:clamp(64px,8.5vw,145px)}.word .ch{display:inline-block;will-change:transform}.word .line{display:inline-block;overflow:hidden;padding:.06em .04em .12em;margin:-.06em -.04em -.12em;vertical-align:top}.numbox{position:absolute;z-index:6;left:calc(var(--split) - 62px);bottom:7vh;width:124px;height:124px;background:var(--peach);color:var(--ink-dark);display:grid;place-items:center;overflow:hidden}.num{font:700 46px/1 var(--serif);display:inline-block}.progress{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--ink-dark);transform:scaleX(0);transform-origin:left}.scroll-hint{position:absolute;z-index:6;right:3vw;bottom:6vh;width:1px;height:64px;background:#efeae240;overflow:hidden}.scroll-hint i{position:absolute;left:0;top:0;width:1px;height:24px;background:var(--cream);animation:drip 2.2s var(--ease) infinite}@keyframes drip{0%{transform:translateY(-24px)}to{transform:translateY(64px)}}.menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--teal-deep);display:flex;flex-direction:column;justify-content:center;gap:1vh;padding-left:12vw;clip-path:inset(0 0 100% 0);visibility:hidden}.menu a{text-decoration:none;overflow:hidden;display:block;width:max-content}.menu a span{display:inline-block;font:500 clamp(56px,9vw,140px)/1.05 var(--serif);transition:color .3s,padding .6s var(--ease)}.menu a:hover span{color:var(--peach);padding-left:24px;font-style:italic}.zoom{position:relative;height:100svh;background:var(--cream);color:var(--ink-dark)}.zoom-stage{position:relative;height:100svh;overflow:hidden}.zoom-frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transform:scale(.46);border-radius:26px;will-change:transform}.zoom-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.zoom-img.day{opacity:0}.zoom-title{position:absolute;z-index:2;right:5.5vw;bottom:16vh;margin:0;text-align:right;font:700 clamp(64px,9vw,150px)/.9 var(--serif);letter-spacing:-.02em;pointer-events:none}.zoom-title .zt{position:absolute;right:0;bottom:0;white-space:nowrap}.zoom-title .zt b{color:var(--peach)}.zoom-title .zt[data-phase="1"]{opacity:0}.zoom-caption{position:absolute;z-index:2;right:5.5vw;bottom:9vh;font-size:14px;letter-spacing:.04em;color:var(--ink-dark);opacity:0}html:not(.ready) .zoom-frame{transform:scale(.86)}.pages{position:relative;height:100svh;overflow:hidden;display:flex;align-items:center;background:var(--cream);color:var(--ink-dark)}.track{display:flex;gap:6vw;padding:0 8vw;will-change:transform}.card{margin:0;flex:none;width:min(62vw,980px)}.frame{overflow:hidden;aspect-ratio:2000 / 1136;background:var(--teal-2);border-radius:14px}.frame img{width:100%;height:100%;object-fit:cover;object-position:0 0;transform:scale(1);transition:filter .6s var(--ease);filter:saturate(.92);image-rendering:-webkit-optimize-contrast}.card:hover .frame img{filter:saturate(1.08)}.card figcaption{display:flex;align-items:center;gap:22px;margin-top:26px}.box{width:64px;height:64px;display:grid;place-items:center;background:var(--peach);color:var(--ink-dark);font:700 24px/1 var(--serif);transition:transform .6s var(--ease)}.card:hover .box{transform:rotate(-90deg)}.label{position:relative;font:500 clamp(36px,4vw,64px)/1 var(--serif)}.label:after{content:"";position:absolute;left:0;bottom:-8px;height:1px;width:100%;background:var(--peach);transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease)}.card:hover .label:after{transform:scaleX(1);transform-origin:left}.marquee{padding:16vh 0;overflow:hidden;display:grid;gap:2vh}.row{display:flex;width:max-content;white-space:nowrap;will-change:transform}.row span{font:500 clamp(48px,7vw,120px)/1.1 var(--serif);padding-right:.3em}.row.italic span{font-style:italic;color:var(--peach)}.begin{min-height:100svh;display:grid;place-content:center;justify-items:center;gap:6vh;padding:10vh 6vw;text-align:center}.big{font:700 clamp(110px,20vw,340px)/.85 var(--serif);letter-spacing:-.03em;padding-bottom:.18em}.big .ch{display:inline-block}.big .ch:last-child{color:var(--peach)}.magnet{position:relative;width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:var(--peach);color:var(--ink-dark);text-decoration:none;overflow:hidden;font:500 15px/1.2 var(--sans);letter-spacing:.02em}.magnet:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--cream);transform:translateY(101%);transition:transform .6s var(--ease)}.magnet:hover:before{transform:translateY(0)}.magnet-inner{position:relative;max-width:9ch;text-align:center}.small{font-size:13px;color:var(--muted);letter-spacing:.04em}.footer{display:flex;justify-content:space-between;padding:28px 5.5vw 34px;font-size:13px;color:var(--muted)}.footer b{color:var(--peach)}@media (max-width: 820px){:root{--split: 100%}.hero{grid-template-columns:1fr;grid-template-rows:56% 44%;height:100svh}.slider-nav{left:50%;top:20%;transform:translate(-50%);gap:18px;grid-auto-flow:column;align-items:center}.thumb{width:84px;height:120px}.arrow svg{width:52px}.tagline,.vertical,.dl-small{display:none}.word{left:6vw;top:49%;font-size:21vw}.word.brand-word{font-size:16vw}.numbox{left:auto;right:6vw;bottom:38%;width:80px;height:80px}.num{font-size:30px}.scroll-hint{display:none}.card{width:84vw}.zoom-title{bottom:16vh}.zoom-frame{inset:auto 0 auto 0;top:24svh;height:calc(100vw * 1136 / 2000);border-radius:12px}}@media (prefers-reduced-motion: reduce){.scroll-hint i{animation:none}}.launch-status{cursor:default}.launch-copy{max-width:36rem;margin:2rem auto 1.5rem;padding-inline:1.5rem;font:400 clamp(1.1rem,2vw,1.5rem)/1.65 var(--sans);color:var(--cream);text-align:center}.begin .big{font-size:clamp(3rem,11vw,10rem);white-space:nowrap}@media (max-width: 820px){.launch-status{display:inline-flex;left:6vw;bottom:116px;font-size:12px}}
