/* A full-width, rotating display with one animated world per title. */
img,.gallery-main,.orbit-book,.cover-button{-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero.billboard{--accent:#fae0a5;max-width:none;width:100%;margin:0;border-radius:0;background:#30225e;isolation:isolate;overflow:hidden}
.billboard .hero-top{max-width:1660px;margin:auto;padding:30px 5% 0;font-size:.7rem;letter-spacing:.18em;color:#ffffffac}
.worlds,.world{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}
.world{opacity:0;transition:opacity 1.2s ease;background:radial-gradient(ellipse at 72% 45%,var(--world-mid),var(--world-dark) 80%)}
.world.active{opacity:1}.world>img{position:absolute;width:65%;height:145%;right:-10%;top:-20%;object-fit:cover;filter:blur(45px) saturate(.8);opacity:.16;transform:rotate(-15deg);mix-blend-mode:screen}
.liquid{position:absolute;width:75vw;height:75vw;max-height:1100px;border-radius:43% 57% 63% 37% / 42% 36% 64% 58%;filter:blur(65px);will-change:transform;animation:liquid-drift 19s ease-in-out infinite alternate;opacity:.36;mix-blend-mode:screen}
.liquid-one{background:radial-gradient(ellipse,var(--world-light),transparent 66%);left:24%;top:-65%;transform-origin:60% 60%}
.liquid-two{background:radial-gradient(ellipse,var(--world-mid),transparent 65%);right:-20%;bottom:-90%;animation-name:liquid-return;animation-duration:24s;opacity:.7}
.world:not(.active) .liquid{animation-play-state:paused}.world-word{position:absolute;left:43%;bottom:4%;font:800 clamp(8rem,19vw,22rem)/1 'Manrope',sans-serif;letter-spacing:-.07em;color:#fff;opacity:.035;white-space:nowrap;transform:translateX(-15%)}
.billboard-body{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.6fr);align-items:center;max-width:1660px;margin:auto;min-height:580px;padding:0 5%}
.billboard .slides{min-height:0;position:relative;z-index:3;pointer-events:none}
.billboard .slide{display:flex;align-items:center;padding:55px 0;min-height:480px;transition:opacity .65s ease,visibility .65s ease;pointer-events:none}
.billboard .slide.active .slide-copy{pointer-events:auto}
.billboard .slide-copy{max-width:475px}.billboard .slide .eyebrow{color:var(--accent);font-size:.7rem;letter-spacing:.16em}
.billboard .slide h1,.billboard .slide h2{font:500 clamp(2.8rem,4.25vw,4.8rem)/1.08 'Manrope',sans-serif;letter-spacing:-.055em;text-wrap:balance}
.billboard .slide-copy>p:not(.eyebrow){color:#ffffffbc;max-width:350px;font-size:.95rem;line-height:1.8}
.billboard .primary{background:var(--accent);transition:background .7s,transform .25s}.billboard .primary:hover{transform:translateY(-2px)}.billboard .slide-meta{color:#ffffff9b;font-size:.75rem}
.orbit-scene{--radius:320px;--book-width:232px;--book-height:330px;position:relative;height:520px;min-width:0;perspective:1250px;perspective-origin:50% 45%;touch-action:pan-y;cursor:grab;user-select:none;outline-offset:-8px}
.orbit-scene.dragging{cursor:grabbing}.orbit{position:absolute;left:50%;top:46%;width:var(--book-width);height:var(--book-height);margin-left:calc(var(--book-width) / -2);margin-top:calc(var(--book-height) / -2);transform-style:preserve-3d;transform:translateZ(calc(var(--radius) * -1)) rotateY(var(--rotation,0deg));transition:transform 1.1s cubic-bezier(.2,.75,.15,1);will-change:transform}
.dragging .orbit{transition:none}.orbit-book{position:absolute;width:100%;height:100%;padding:0;border:0;border-radius:2px;background:#182336;backface-visibility:hidden;transform:rotateY(var(--book-angle)) translateZ(var(--radius));transform-style:preserve-3d;cursor:inherit;box-shadow:10px 18px 30px #0005;transition:filter .6s;filter:brightness(.72)}
.orbit-book{transform-style:flat}.orbit-book.selected{filter:brightness(1);cursor:pointer}.dragging .orbit-book{cursor:grabbing}.orbit-book img{display:block;width:100%;height:100%;object-fit:fill;border-radius:2px;pointer-events:none;-webkit-user-drag:none}.book-edge{position:absolute;left:0;top:0;bottom:0;width:9px;background:linear-gradient(90deg,#ffffff35,#00000024,transparent);pointer-events:none}.orbit-book:after{content:'';position:absolute;inset:0;border:1px solid #ffffff20;pointer-events:none}
.orbit-halo{position:absolute;width:85%;height:85px;left:8%;bottom:38px;border:1px solid #ffffff19;border-radius:50%;box-shadow:0 0 75px #ffffff07,inset 0 0 45px #ffffff08;background:radial-gradient(ellipse,#0002,transparent 65%);transform:rotateX(55deg)}
.orbit-caption{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:.6rem;color:#ffffff60;letter-spacing:.11em;pointer-events:none}
.billboard .hero-bottom{max-width:1660px;margin:auto;padding:0 5% 28px;min-height:90px;gap:25px}.billboard .slide-controls{gap:15px;flex-shrink:0}.billboard .slide-controls button{border-color:#ffffff40;width:40px;height:40px;transition:background .2s}.billboard .slide-controls button:hover{background:#ffffff1a}.billboard .slide-controls .pause{border:1px solid #ffffff20}
.billboard .dots{gap:9px;align-items:center}.billboard .dots button{position:relative;padding:4px;border:1px solid transparent;border-radius:3px;opacity:.5;transition:opacity .25s,transform .25s,border-color .25s}.billboard .dots button:after{display:none}.billboard .dots img{width:27px;height:38px;object-fit:cover;display:block}.billboard .dots button[aria-current=true]{opacity:1;border-color:var(--accent);transform:translateY(-5px)}.billboard .dots button:hover{opacity:1}.billboard .dots span{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#142238;padding:7px 10px;font-size:.75rem;color:white;opacity:0;pointer-events:none}.billboard .dots button:focus-visible span{opacity:1}.billboard .hero-note{display:block;color:#ffffff9b;font-size:.75rem;line-height:1.5;max-width:250px;text-align:right}
.motion-paused .liquid{animation-play-state:paused!important}
@keyframes liquid-drift{0%{transform:translate(-9%,5%) rotate(-20deg) scale(.9)}50%{transform:translate(16%,18%) rotate(45deg) scale(1.15)}100%{transform:translate(-3%,35%) rotate(100deg) scale(.95)}}
@keyframes liquid-return{0%{transform:translate(0,0) rotate(0) scale(1)}100%{transform:translate(-35%,-28%) rotate(-95deg) scale(1.25)}}

#product-dialog{width:min(1100px,96vw);padding:48px 40px 35px}.detail-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px}.product-gallery{min-width:0}.product-details{padding-top:8px}.gallery-main{position:relative;display:block;border:1px solid #e3e6e9;background:#eef0f2;border-radius:5px;padding:18px;width:100%;height:420px;cursor:zoom-in}.gallery-main img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 5px #0002)}.enlarge-label{position:absolute;right:12px;bottom:12px;padding:7px 10px;background:#fffffff2;font-size:.75rem;border-radius:3px;color:var(--ink)}.gallery-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0}.gallery-nav>span{font-size:.8rem;color:var(--muted)}.gallery-arrow{width:36px;height:36px;background:white;color:var(--ink);border:1px solid var(--line);border-radius:50%}.gallery-arrow:hover{background:#eef0f2}.gallery-thumbs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.gallery-thumbs button{border:2px solid transparent;background:#f1f3f5;padding:4px 3px;border-radius:4px;min-width:0;color:var(--muted)}.gallery-thumbs button[aria-current=true]{border-color:var(--ink);background:#e7ebee;color:var(--ink)}.gallery-thumbs img{width:100%;height:57px;object-fit:contain;display:block}.gallery-thumbs span{display:block;font-size:.6rem;line-height:1.2;margin-top:5px}.gallery-thumbs:has(button:nth-child(2):last-child){grid-template-columns:repeat(2,65px)}.detail-layout .gallery-note{font-size:.75rem;margin:12px 0 0;color:var(--muted)}
.gallery-thumbs span{display:none}.gallery-nav>span{font-size:.875rem}
#product-dialog>.close{position:sticky;top:0;display:block;margin:-35px -12px 0 auto;z-index:10;background:#fff;border-radius:50%;box-shadow:0 2px 12px #14223818}
.image-dialog{width:min(1000px,98vw);height:96dvh;max-height:96dvh;padding:28px 35px 18px;background:#edf0f2}.image-dialog[open]{display:flex;flex-direction:column;align-items:center;gap:12px}.image-dialog h2{font-size:.9rem;font-weight:500;text-align:center;padding:0 30px;margin:5px 0 0;flex-shrink:0}.image-dialog>img{display:block;object-fit:contain;min-height:0;flex:1;width:100%;height:0}.large-controls{display:flex;align-items:center;justify-content:center;gap:25px;flex-shrink:0;font-size:.85rem}.image-dialog::backdrop{background:#0a1421df}
@media(min-width:1550px){.orbit-scene{--radius:390px;--book-width:260px;--book-height:368px;height:550px}.billboard-body{min-height:615px}}
@media(max-width:1050px){.billboard-body{grid-template-columns:.9fr 1.2fr;padding:0 4%;min-height:520px}.orbit-scene{--radius:250px;--book-width:194px;--book-height:275px;height:465px;perspective:1100px}.billboard .slide h1,.billboard .slide h2{font-size:clamp(2.4rem,4.4vw,3.6rem)}.billboard .hero-note{max-width:160px;font-size:.7rem}.billboard .hero-bottom{gap:16px}.billboard .slide-copy>p:not(.eyebrow){max-width:280px}.billboard .dots{gap:5px}.detail-layout{gap:25px}.gallery-main{height:370px}#product-dialog{padding:48px 26px 30px}}
@media(max-width:720px){.billboard-body{grid-template-columns:1fr;padding:0;min-height:0}.billboard .hero-top{padding:24px 7% 0;font-size:.64rem}.billboard .hero-top span:last-child{display:none}.billboard .slides{order:2;min-height:0;padding:0 7%}.billboard .slide{min-height:285px;padding:0 0 28px;align-items:flex-start}.billboard .slide-copy{max-width:100%;width:100%}.billboard .slide h1,.billboard .slide h2{font-size:2.6rem;margin-bottom:12px}.billboard .slide h1 br,.billboard .slide h2 br{display:none}.billboard .slide-copy>p:not(.eyebrow){max-width:370px;font-size:.9rem;line-height:1.65;margin-bottom:15px}.billboard .slide .eyebrow{font-size:.65rem;margin-bottom:10px}.billboard .slide-meta{font-size:.7rem;margin-top:12px}.orbit-scene{--radius:245px;--book-width:166px;--book-height:236px;height:330px;perspective:1000px;perspective-origin:50% 46%;order:1}.orbit{top:46%}.orbit-caption{bottom:13px;font-size:.5rem}.orbit-halo{bottom:22px;height:60px;width:74%;left:13%}.billboard .hero-bottom{padding:0 7% 25px;justify-content:space-between;gap:14px;min-height:0;flex-wrap:wrap}.billboard .hero-note{max-width:none;width:100%;text-align:center;font-size:.7rem;order:3}.billboard .slide-controls{gap:9px;font-size:.7rem}.billboard .slide-controls button{width:34px;height:34px}.billboard .dots{gap:3px}.billboard .dots img{width:20px;height:28px}.billboard .dots button{padding:3px}.world-word{font-size:35vw;left:20%;bottom:40%}.liquid{width:170vw;height:170vw;filter:blur(45px)}.liquid-one{top:-35%;left:-10%}.liquid-two{bottom:-45%;right:-45%}.world>img{width:100%;height:100%;right:-25%;top:-25%}.detail-layout{grid-template-columns:1fr;gap:25px}.gallery-main{height:360px}.product-details{padding-top:0}.gallery-thumbs img{height:60px}.gallery-thumbs span{font-size:.62rem}.image-dialog{padding:35px 12px 18px}.image-dialog h2{font-size:.8rem}.gallery-thumbs{gap:4px}}
@media(max-width:400px){.billboard .slide-controls{gap:6px}.billboard .dots img{width:16px;height:23px}.billboard .dots{gap:2px}.billboard .slide{min-height:310px}.orbit-scene{--radius:218px;--book-width:153px;--book-height:217px;height:310px}.billboard .slide h1,.billboard .slide h2{font-size:2.25rem}.gallery-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-thumbs img{height:70px}.gallery-thumbs span{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.world,.orbit,.slide,.liquid{transition:none!important;animation:none!important}.liquid{will-change:auto}.orbit{will-change:auto}}

.billboard .hero-bottom{justify-content:center}