@font-face{font-family:WWInterface;src:url('/fonts/ww-interface-regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:WWInterface;src:url('/fonts/ww-interface-bold.woff') format('woff');font-weight:700;font-display:swap}
.chill-collection{background:radial-gradient(ellipse at top,#14243155,transparent 65%),#080d12;color:#eeeae2}
.chill-collection .world{border-radius:14px;border:1px solid #e5edf348;box-shadow:0 8px 24px #0003;isolation:isolate}

.chill-collection .world span{font:400 clamp(18px,1.65vw,27px)/1.2 WWInterface,Arial,sans-serif;letter-spacing:.01em;text-shadow:0 2px 12px #0009}
.chill-collection .world:hover{border-color:#f0e6d380}
.chill-collection .world-grid{padding-bottom:24px}
.chill-share{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:230px;margin:0 4vw 40px;padding:40px 24px;border:1px solid #e5edf348;border-top-color:#f5eddb88;border-radius:16px;background:linear-gradient(#080d1228,#080d1266),url('/assets/chill-share-dawn.webp') center 50%/cover;box-shadow:inset 0 1px 0 #ffffff25,0 10px 30px #0003}
.chill-share::before{display:none}
#share-whisperworld{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:64px;max-width:100%;padding:18px 32px;border:1px solid #f1e8dca6;border-radius:12px;background:linear-gradient(145deg,#e6eaf31c,#0a15247a);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #fff3,0 8px 24px #0003;color:#f4efe7;font:700 clamp(12px,1.3vw,18px)/1.4 WWInterface,Arial,sans-serif;letter-spacing:.12em;transition:background .25s,transform .25s}
#share-whisperworld svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
#share-whisperworld:hover{background:#e5d8c52b}#share-whisperworld:active{transform:scale(.985)}
#share-status{font:400 14px/1.6 WWInterface,Arial,sans-serif;text-align:center;margin:15px 0 0}#share-status:empty{display:none}
@media(max-width:700px){.chill-share{margin:0 18px 28px;min-height:180px;padding:28px 16px}.chill-collection .world{border-radius:12px}#share-whisperworld{padding:16px 18px;gap:12px;letter-spacing:.075em;width:100%;min-height:60px}.chill-collection .world span{font-size:18px}}
@media(prefers-reduced-motion:reduce){#share-whisperworld{transition:none}#share-whisperworld:active{transform:none}}

/* Responsive square tiles and restrained desktop hover previews. */
.chill-collection .world{transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;transform-origin:center;overflow:hidden}
.chill-collection .world .card-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;transition:opacity .3s ease;filter:brightness(.85)}
.chill-collection .world .card-video.is-playing{opacity:1}
@media(hover:hover) and (pointer:fine){
 .chill-collection .world:hover,.chill-collection .world:focus-visible{transform:scale(1.035);z-index:3;box-shadow:0 14px 34px #0007;border-color:#f0e6d399}
 .chill-collection .world:hover img,.chill-collection .world:focus-visible img{transform:none}
}
@media(max-width:1100px){.chill-collection .world{aspect-ratio:1/1}.chill-collection .world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.chill-collection .world:hover,.chill-collection .world:focus-visible{transform:none}.chill-collection .card-video{display:none}}

/* One fine edge with a soft reflected highlight, no inset outline. */
.chill-collection .world{border:1px solid #e5edf333;border-top-color:#f5efdf66;box-shadow:0 8px 24px #0003}

/* A restrained brand line, with the same ivory and tracking as the entrance. */
.chill-collection .chill-description{max-width:540px;margin:18px auto 0;padding-left:.2em;font:400 12px/1.6 WWInterface,Helvetica,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#e6d9c6;text-wrap:balance;text-shadow:0 1px 12px #0003}
@media(max-width:700px){.chill-collection .chill-description{font-size:10px;line-height:1.6;letter-spacing:.16em;padding-left:.16em;margin-top:15px;max-width:290px}}

#scene{position:relative;overflow:hidden}#scene .scene-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;transition:opacity .45s ease}#scene .scene-video.is-playing{opacity:1}@media(prefers-reduced-motion:reduce){#scene .scene-video{display:none}}

/* Match the entrance wordmark crop and inset tagline as one brand lockup. */
.chill-collection header{padding-top:clamp(24px,4.5svh,48px);padding-bottom:34px}
.chill-collection header .chill-brand{display:flex;flex-direction:column;align-items:stretch;gap:7px;width:clamp(230px,25vw,350px);margin-inline:auto}
.chill-brand .master-wordmark{display:block;width:100%;height:auto;overflow:hidden}
.chill-brand .brand-kicker{display:block;width:94%;height:auto;margin:0 auto;overflow:visible}
.chill-brand .brand-kicker text{font:700 55px WWInterface,Helvetica,Arial,sans-serif;fill:#eeeae2;letter-spacing:0}
.chill-collection .chill-accessible-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;margin:-1px}
@media(max-width:700px){.chill-collection header{padding-top:max(16px,env(safe-area-inset-top));padding-bottom:26px}.chill-collection header .chill-brand{width:min(clamp(210px,59vw,260px),calc(100vw - 120px));gap:5px}}
@media(max-height:500px) and (orientation:landscape){.chill-collection header{padding-top:8px}.chill-collection header .chill-brand{width:200px;gap:4px}}

/* Compact branded share dialog with a single glass edge. */
#share-panel{position:fixed;inset:0;margin:auto;width:min(480px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 32px);overflow:auto;padding:0;border:1px solid #e5edf340;border-radius:20px;background:#0c1720;color:#eeeae2;box-shadow:0 24px 90px #0009}
#share-panel::backdrop{background:#04080dbd;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.share-panel-art{height:140px;background:linear-gradient(transparent,#0c1720),url('/assets/chill-share-dawn.webp') center 48%/cover}
.share-panel-content{padding:0 32px 25px;text-align:center}
.share-wordmark{display:block;width:min(260px,100%);height:auto;margin:0 auto 23px}
#share-panel h2{font:700 11px/1.5 WWInterface,Arial,sans-serif;letter-spacing:.18em;margin:0;color:#e6d9c6}
.share-invitation{font:400 21px/1.45 WWInterface,Arial,sans-serif;margin:10px 0 24px;color:#f3ece0}
.share-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff30;border-radius:50%;background:#080d1266;backdrop-filter:blur(8px);color:#eeeae2}
.share-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.share-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}
.share-options a,.share-options button{display:flex;align-items:center;gap:12px;text-align:left;min-height:64px;padding:14px 16px;border:1px solid #e5edf330;border-radius:11px;background:linear-gradient(145deg,#e6eaf310,#08111b66);font:400 14px/1.3 WWInterface,Arial,sans-serif;color:#eeeae2;transition:background .2s,border-color .2s}
.share-options svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;flex:none}
.share-options a:hover,.share-options button:hover{background:#e5d8c51c;border-color:#e5edf360}
.share-options button:disabled{opacity:.5;cursor:wait}
.share-link-label{display:block;text-align:left;font:400 9px/1.5 WWInterface,Arial,sans-serif;letter-spacing:.15em;color:#bbc6cc;margin-bottom:7px}
#share-link{display:block;width:100%;padding:12px 13px;border:1px solid #e5edf325;border-radius:8px;background:#080d1280;color:#dfe4e4;font:400 13px/1.5 WWInterface,Arial,sans-serif}
#share-link:focus-visible{outline:2px solid #eac48c;outline-offset:3px}
#share-panel-status{font:400 12px/1.6 WWInterface,Arial,sans-serif;min-height:20px;margin:13px 0 0;color:#e6d9c6}
@media(max-width:380px){.share-panel-content{padding-inline:20px}.share-options a,.share-options button{gap:8px;padding:12px 10px;font-size:13px}}
@media(max-height:500px){.share-panel-art{height:70px}.share-wordmark{width:210px;margin-bottom:14px}.share-invitation{margin:7px 0 14px}.share-options{margin-bottom:16px}}