.y-scene{min-height:calc(100svh - var(--nav));padding:0;position:relative;overflow:clip}.y-sticky{top:var(--nav);height:calc(100svh - var(--nav));position:sticky;overflow:hidden}.pxclock{width:100%;height:auto;display:block}.y-title{z-index:5;color:#17191a;max-width:min(560px,100% - 32px);position:absolute;top:clamp(24px,7vh,80px);left:clamp(16px,6vw,96px)}.y-title.center{text-align:center;left:50%;transform:translate(-50%)}.y-title.light{color:#fff8ec}.y-kicker{letter-spacing:.2em;text-transform:uppercase;opacity:.8;margin-bottom:12px;font-size:12px;font-weight:800;display:block}.y-title h1{font-family:var(--serif);letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(40px,6.4vw,92px);font-weight:300;line-height:.98}.y-title p{opacity:.9;max-width:440px;margin:0;font-size:clamp(15px,1.3vw,18px);line-height:1.5}.y-title.center p{margin:0 auto}.y-btn{z-index:6;color:#fff8ec;background:#17191a;border-radius:999px;min-height:48px;padding:0 22px;font-size:15px;font-weight:700;position:absolute;bottom:clamp(16px,4vh,40px);right:clamp(16px,4vw,48px)}.y-clouds{background:#3fa5a0}.y-clouds .y-sticky{background:linear-gradient(#2f86c9 0 34%,#3fa5a0 34%)}.cl-bands{pointer-events:none;position:absolute;inset:0}.cl-band{will-change:transform;background:var(--tile) repeat-x 0 0 / 520px 110px,linear-gradient(var(--c),var(--c)) no-repeat 0 108px / 100% 100%;height:clamp(150px,24vh,260px);animation:40s linear infinite clDrift;position:absolute;left:0;right:0}.cl-b1{animation-duration:31s;animation-direction:reverse}.cl-b2{animation-duration:48s}.cl-b3{animation-duration:27s;animation-direction:reverse}.cl-b0{top:20%}.cl-b1{top:31%}.cl-b2{top:42%}.cl-b3{top:53%}@keyframes clDrift{to{background-position:520px 0,0 108px}}.cl-ground{background:#e9e2d6;border-top:10px solid #dcd3c4;height:14%;position:absolute;bottom:0;left:0;right:0}.cl-clock{--cw:clamp(220px,34vw,460px);width:var(--cw);margin-left:calc(var(--cw) / -2);z-index:3;position:absolute;bottom:13.4%;left:50%}.cl-shadow{filter:blur(4px);background:#281e1440;border-radius:50%;height:14px;position:absolute;bottom:-14px;left:6%;right:-14%}.y-clouds .y-title{color:#fff8ec;top:6%}.y-spot{height:calc(100svh - var(--nav));background:#d94f7c}.sp-room{background:#e85c8a;transition:filter .6s;position:absolute;inset:0}.sp-floor{clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);background:#f07aa0;height:34%;position:absolute;bottom:0;left:0;right:0}.sp-room:before{content:"";background:#ec6f98;position:absolute;inset:0 12% 34%;box-shadow:inset 0 0 0 1px #0000000a}.sp-lamp{transform-origin:50% 0;z-index:2;width:min(46vw,420px);height:72%;animation:6s ease-in-out infinite spSwing;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes spSwing{0%,to{transform:translate(-50%)rotate(-2.4deg)}50%{transform:translate(-50%)rotate(2.4deg)}}.sp-cord{background:#8a8781;width:2px;height:16%;position:absolute;top:0;left:50%}.sp-shade{z-index:2;width:min(26vw,150px);position:absolute;top:16%;left:50%;transform:translate(-50%)}.sp-cone{clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);opacity:.95;background:#f7b733;transition:opacity .5s;position:absolute;inset:calc(16% + min(26vw,150px)/2) 0 0}.sp-pool{background:#f7b733;border-radius:50%;width:min(70vw,640px);height:11%;transition:opacity .5s;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.sp-clock{z-index:3;width:clamp(200px,28vw,380px);position:absolute;bottom:16%;left:50%;transform:translate(-50%)}.y-spot.dark .sp-room{filter:brightness(.32)saturate(.8)}.y-spot.dark .sp-cone,.y-spot.dark .sp-pool{opacity:0}.y-spot .sp-clock{transition:filter .5s}.y-sign{height:calc(100svh - var(--nav));background:#f1e7da;justify-content:center;align-items:flex-end;display:flex}.y-sign .y-title{top:5vh}.y-sign .y-title h1{font-size:clamp(34px,5vw,72px)}.sg-stage{aspect-ratio:1;width:min(78vw,520px);margin-bottom:4vh;position:relative}.sg-shape{width:100%;height:100%;overflow:visible}.sg-shape path{opacity:0;transform-origin:50%;transition:opacity .7s var(--ease),transform .9s var(--ease);transform:scale(.86)}.sg-shape path.on{opacity:1;transform:none}.sg-clock{filter:drop-shadow(0 18px 24px #5a141438);width:62%;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.sg-note{text-align:center;font-family:var(--serif);color:#17191a;animation:sgIn .6s var(--ease);margin:0;font-size:clamp(20px,2.4vw,28px);position:absolute;bottom:-6px;left:0;right:0}@keyframes sgIn{0%{opacity:0;transform:translateY(8px)}}.y-shadow,.y-shadow .y-sticky{background:#e01a1a}.sh-sun{z-index:1;background:#ffd45c;border-radius:50%;width:70px;height:70px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 60px 20px #ffd45c80}.sh-palm{opacity:.55;mix-blend-mode:multiply;filter:blur(2.2px);transform-origin:0 0;z-index:2;width:min(78vw,860px);height:auto;transition:transform .2s linear;position:absolute;top:-10%;left:-8%}.sh-door{z-index:3;width:clamp(220px,32vw,440px);position:absolute;bottom:12%;right:clamp(16px,10vw,160px)}.sh-cast{transform-origin:0 100%;z-index:-1;filter:blur(2px);background:#5000006b;border-radius:20px;position:absolute;inset:12% -30% -18% 8%}.y-shadow .y-title{top:auto;bottom:12%}.sh-hint{color:#fff8ec;letter-spacing:.14em;text-transform:uppercase;font-variant-numeric:tabular-nums;z-index:4;font-size:13px;font-weight:700;position:absolute;top:clamp(16px,4vh,40px);right:clamp(16px,4vw,48px)}.y-shadow .y-sticky:after{content:"";background:#c9b9a4;height:9%;position:absolute;bottom:0;left:0;right:0}.y-one{background:#1238f0}.y-one .y-sticky{background:radial-gradient(at 50% 55%,#1e46ff,#0e2cc8 70%)}.one-grid{width:min(130vw,1200px);transform-style:preserve-3d;grid-template-columns:repeat(5,1fr);gap:clamp(18px,4vw,60px);display:grid;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)rotateX(54deg)rotate(-38deg)}.one-cell{transition:transform .6s var(--ease);position:relative}.one-cell:after{content:"";filter:blur(6px);z-index:-1;background:#00002873;border-radius:20px;position:absolute;inset:30% -24% -40% 12%}.one-cell.on{transform:translateZ(14px)}.one-cell.main{transform:translateZ(30px)scale(1.08)}.y-one .y-title{z-index:6}.y-spill{height:calc(100svh - var(--nav));background:#ffd21f}.spill-floor{background:#f5c400;height:24%;position:absolute;bottom:0;left:0;right:0}.sp-stream{z-index:2;width:16px;height:60%;position:absolute;top:0;left:50%;transform:translate(-50%)}.sp-stream i{background:#ff7bb8;border-radius:3px;width:12px;height:12px;animation:2.4s linear infinite spFall;position:absolute;top:-20px}@keyframes spFall{0%{opacity:1;transform:translateY(0)}88%{opacity:1}to{opacity:0;transform:translateY(calc(60vh - 40px))}}.sp-stream:before{content:"";background:linear-gradient(#ff7bb8,#ff7bb899);border-radius:6px;width:6px;position:absolute;top:0;bottom:12px;left:5px}.spill-clock{z-index:3;filter:drop-shadow(0 22px 20px #78500040);width:clamp(220px,32vw,420px);position:absolute;bottom:20%;left:50%;transform:translate(-50%)}.y-spill .y-title{z-index:4}.yon-index{padding:56px 0 80px}.yon-index h1{font-family:var(--serif);letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(40px,6vw,84px);font-weight:300}.yon-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:32px;display:grid}.yon-card{min-height:260px;transition:transform .5s var(--ease);border-radius:26px;flex-direction:column;gap:6px;padding:26px;text-decoration:none;display:flex}.yon-card:hover{transform:translateY(-4px)}.yon-no{font-family:var(--serif);font-size:44px;font-weight:300;line-height:1}.yon-card b{letter-spacing:-.02em;margin-top:auto;font-size:26px;font-weight:800}.yon-card small{opacity:.85;font-size:13px}.yon-note{opacity:.95;font-size:15px}.yon-pager{background:#17191a;justify-content:space-between;gap:12px;padding:18px clamp(16px,4vw,48px);display:flex}.yon-pager a{color:#fff8ec;align-items:center;min-height:44px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}@media (max-width:700px){.y-title{top:20px}.cl-clock{--cw:64vw}.sh-door{width:76vw;bottom:14%;left:50%;right:auto;transform:translate(-50%)}.y-shadow .y-title{top:20px;bottom:auto}.sh-hint{inset:auto auto calc(9% + 12px) 16px}.one-grid{width:180vw;top:62%}.sg-stage{width:86vw}}@media (prefers-reduced-motion:reduce){.cl-band,.sp-lamp,.sp-stream i{animation:none}}@media (hover:none){.yon-card:hover{transform:none}}.y-art.hp-vis{background:0 0;justify-content:center;align-items:center;min-height:0;padding:0;display:flex}.y-art .demo{width:100%}.y-art svg{width:100%;height:auto}.y-art.on-card{background:#fff8ec;border-radius:28px;padding:6%;box-shadow:0 30px 40px -24px #3c1e0a73}.y-art.on-panel{aspect-ratio:4/3;background:#14b38c;border-radius:24px;padding:8%}.cl-clock .y-art{aspect-ratio:4/3}.sp-clock.has-art{width:clamp(220px,30vw,420px);bottom:12%}.sp-clock.has-art .y-art{filter:drop-shadow(0 24px 18px #50142859)}.y-spot.dark .sp-clock.has-art .y-art{filter:brightness(1.25)drop-shadow(0 0 28px #ffd25cbf)}.sg-clock.has-art{aspect-ratio:1;background:#f4ece1;border-radius:50%;justify-content:center;align-items:center;width:58%;padding:9%;display:flex;top:38%}.one-cell.has-art{aspect-ratio:1;background:#0b0b12;border-radius:18px;justify-content:center;align-items:center;padding:10%;display:flex}.one-cell.has-art .y-art-static{filter:grayscale()brightness(.35);transition:filter .6s}.one-cell.has-art.on .y-art-static{filter:none}.one-cell.has-art.main{background:#e5f23a}.y-art-static{justify-content:center;align-items:center;width:100%;display:flex}.y-art-static .demo{width:100%}.y-art-static svg{width:100%;height:auto}.spill-clock.has-art{background:#9b7bea;border-radius:28px;width:clamp(220px,30vw,400px);padding:5%}.y-art.on-card,.y-art.on-panel,.sg-clock.has-art,.spill-clock.has-art,.one-cell.has-art{overflow:hidden}.y-art.on-card .demo,.sg-clock.has-art .demo,.spill-clock.has-art .demo,.y-art.on-panel .demo{transform:scale(1.45)}.one-cell.has-art .demo{transform:scale(1.3)}.cl-clock:has(.y-art){--cw:clamp(180px,22vw,320px)}@media (max-width:700px){.cl-clock:has(.y-art){--cw:46vw}}.c-title{z-index:6;max-width:min(560px,100% - 32px);position:absolute}.c-title h1{font-family:var(--serif);letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(44px,7vw,112px);font-weight:300;line-height:.94}.c-title p{opacity:.88;max-width:420px;margin:0;font-size:clamp(15px,1.25vw,18px);line-height:1.5}.c-hero{width:100%}.c-hero.y-art{background:0 0}.c-hero .demo{width:100%}.c-grain{pointer-events:none;z-index:8;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.c-window .y-sticky{background:var(--wall)}.cw-frame{width:min(56vw,620px);height:74%;position:absolute;top:8%;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 0 0 clamp(14px,2.4vw,30px) #fbfaf7,0 30px 60px #00000014}.cw-sky{position:absolute;inset:0 0 18%}.cw-sea{height:18%;position:absolute;bottom:0;left:0;right:0}.cw-sill{background:#fff;height:16px;position:absolute;bottom:-16px;left:-30px;right:-30px;box-shadow:0 10px 20px #00000014}.cw-hero{width:clamp(84px,12vw,160px);transition:left .2s linear;position:absolute;bottom:-4px;transform:translate(-50%)}.cw-light{clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);background:linear-gradient(100deg,#ffffffbf,#fff0 70%);height:16%;position:absolute;bottom:0;left:30%;right:10%}.cw-title{color:#17191a;mix-blend-mode:multiply;top:12%;left:clamp(16px,5vw,80px)}.cw-title h1{font-size:clamp(48px,8.5vw,140px)}@media (max-width:700px){.cw-frame{width:78vw;height:58%;top:30%}.cw-title{top:4%}.cw-title h1{font-size:44px}}.cp-hole{aspect-ratio:1;border-radius:50%;width:min(42vw,440px);position:absolute;top:34%;left:50%;box-shadow:inset 26px 30px #0000006b}.cp-ladder{width:min(7vw,70px);height:62%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cp-hero{z-index:3;width:clamp(70px,9vw,130px);position:absolute;left:50%}.cp-title{color:#17191a;bottom:8%;left:clamp(16px,5vw,80px)}@media (max-width:700px){.cp-hole{width:70vw;top:42%}.cp-title{top:3%;bottom:auto}.cp-title h1{font-size:44px}.cp-ladder{width:14vw;height:55%}}.cr-towers i{width:8%;display:block;position:absolute;bottom:14%}.cr-ground{height:14%;position:absolute;bottom:0;left:0;right:0}.cr-hero{z-index:3;width:clamp(90px,12vw,170px);position:absolute;bottom:13%;left:40%;transform:translate(-50%)}.cr-reflect{filter:blur(14px);border-radius:50%;width:clamp(60px,8vw,110px);height:11%;position:absolute;bottom:2%;left:40%;transform:translate(-50%)}.cr-title{color:#f4f7fb;top:10%;left:clamp(16px,5vw,80px)}.cr-title h1{font-size:clamp(52px,9vw,150px)}@media (max-width:700px){.cr-hero{width:34vw;left:50%}.cr-reflect{left:50%}.cr-title h1{font-size:46px}}.cd-sun{aspect-ratio:2;border-radius:999px 999px 0 0;width:min(26vw,260px);position:absolute;top:55%;left:50%;transform:translate(-50%,-100%)}.cd-band{height:12%;position:absolute;left:0;right:0}.cd-road{width:100%;height:100%;position:absolute;inset:0}.cd-hero{z-index:3;transform-origin:50% 100%;width:clamp(90px,14vw,200px);position:absolute;left:50%}.cd-title{text-align:center;color:#3a2a1f;top:8%;left:50%;transform:translate(-50%)}.cd-title p{margin:0 auto}@media (max-width:700px){.cd-title h1{font-size:44px}.cd-hero{width:34vw}}.ca-wake{width:100%;height:100%;position:absolute;inset:0}.ca-hero{z-index:3;filter:drop-shadow(-14px 18px 10px #001e1e4d);width:clamp(90px,12vw,170px);position:absolute}.ca-title{color:#f2fbf9;text-align:right;top:8%;right:clamp(16px,5vw,80px)}.ca-title p{margin-left:auto}@media (max-width:700px){.ca-hero{width:30vw}.ca-title h1{font-size:44px}}.cs-stairs{width:min(52vw,560px);position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.cs-hero{z-index:3;width:clamp(60px,8vw,110px);position:absolute;bottom:62%;left:calc(50% + min(6vw,60px))}.cs-title{color:#f4fafd;text-align:right;top:9%;right:clamp(16px,5vw,80px)}.cs-title p{margin-left:auto}@media (max-width:700px){.cs-stairs{width:92vw}.cs-hero{width:18vw;bottom:58%;left:56%}.cs-title h1{font-size:44px}}.cq-pieces{display:flex;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.cq-piece{width:min(26vw,290px);transition:transform .2s linear;position:relative}.cq-piece svg{filter:drop-shadow(0 20px 18px #00000029);width:100%;display:block}.cq-piece+.cq-piece{margin-left:-6%}.cq-in{position:absolute;top:30%;left:20%;right:20%}.cq-label{text-align:center;color:#fff;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(12px,1.1vw,15px);font-weight:800;position:absolute;top:46%;left:0;right:0;transform:rotate(180deg)}.cq-title{text-align:center;color:#17191a;bottom:6%;left:50%;transform:translate(-50%)}.cq-title p{margin:0 auto}@media (max-width:700px){.cq-piece{width:40vw}.cq-pieces{top:42%}.cq-title h1{font-size:40px}}.cl2-side{width:20%;position:absolute;top:0;bottom:0;right:0}.cl2-wall{clip-path:polygon(0 18%,100% 0,100% 100%,0 100%);height:52%;position:absolute;bottom:0;left:0;right:20%}.cl2-hero{z-index:3;width:clamp(90px,13vw,190px);position:absolute;bottom:46%;left:46%}.cl2-shadow{filter:brightness(0)opacity(.18)blur(3px);transform-origin:50% 100%;z-index:2;width:clamp(100px,14vw,210px);position:absolute;bottom:22%;right:3%}.cl2-flyers i{clip-path:polygon(0 0,50% 60%,100% 0,50% 100%);opacity:.9;background:#fff;width:16px;height:10px;transition:top .2s linear;position:absolute}.cl2-title{color:#f4f8ff;top:8%;left:clamp(16px,5vw,80px)}@media (max-width:700px){.cl2-hero{width:34vw;bottom:44%;left:38%}.cl2-shadow{width:30vw}.cl2-title h1{font-size:44px}}