/* V3 · warmer pearl rose surfaces with enough colour to avoid a white wash. */
:root{--bg:#efe3e9;--surface:#f8eff3;--text:#4b3948;--muted:#735c6c;--line:#d8c2d0;--soft:#e8d9e4;--accent:#865a76;--lime:#e0c4d4;--lime-text:#50384b;--glow:#c69cb6;--glass:#f5e9efeF;--button-a:#eacbd9;--button-b:#d4c5de;--button-c:#cddce0}
html[data-theme=dark]{--bg:#0d1625;--surface:#152133;--text:#e6edf0;--muted:#b0becb;--line:#304255;--soft:#1d2d40;--accent:#bad9e1;--lime:#aeced8;--lime-text:#182c3d;--shadow:0 22px 65px #0003;--glow:#8fbbcb;--glass:#111d2cee;--button-a:#c8deda;--button-b:#9ec6d7;--button-c:#c4bfd9}
html:not([data-theme=dark]) .public .hero-visual{background:radial-gradient(ellipse at 50% 43%,#f4e8ee 0%,#e8d2e0 48%,#dcd0e1 80%,#cbd9df)!important;box-shadow:inset 0 0 65px #f8edf44d,0 20px 60px #76567416}
html:not([data-theme=dark]) .public .product-photo{background:radial-gradient(ellipse at 50% 46%,#f4e6ec 0,#e8d3df 56%,#dacddd)!important}
body[data-effects="0"] .cosmic-sky{display:none}body[data-effects="0"] :where(*):not(.scene-overlay):not(.scene-overlay *):not(.hero-visual *):not(.unboxing *),body[data-effects="0"] :where(*):not(.scene-overlay *):before,body[data-effects="0"] :where(*):not(.scene-overlay *):after{animation:none!important;transition:none!important}
body[data-hero-motion="0"] .hero-visual *,body[data-hero-motion="0"] .hero-visual *:before,body[data-hero-motion="0"] .hero-visual *:after{animation:none!important;transition:none!important}
.hero-visual .hero-product{width:154px!important;height:154px!important;right:22px!important;bottom:109px!important;padding:8px 20px!important}
.hero-slide{position:absolute;inset:10px 25px;display:grid;place-items:center;opacity:0;transform:translateY(12px) scale(.94);transition:opacity .9s ease,transform .9s ease;pointer-events:none}.hero-slide.is-current{opacity:1;transform:none}.hero-slide .bottle-art{width:75px!important;height:132px!important;max-height:132px!important}.hero-product-name{position:absolute;z-index:5;right:14px;bottom:86px;width:172px;font-size:9px;line-height:1.4;color:var(--muted);text-align:center;text-wrap:balance}
/* Restored catalogue scene: all bottles belong to the case, never the document flow. */
.collection-showcase{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:38px;padding-top:24px;padding-bottom:44px;max-width:1250px}.collection-copy{min-width:0}.collection-copy h2{font-size:clamp(30px,3.6vw,46px);line-height:1.18;margin:18px 0 20px}.collection-copy h2 em{font-family:var(--font-accent,Georgia);font-weight:400}.collection-copy p{max-width:350px;font-size:14px;line-height:1.8}.collection-copy>small{display:block;color:var(--muted);font-size:10px;line-height:1.6;margin-top:16px}.replay-box{display:inline-flex;align-items:center;gap:12px;padding:10px 0;min-height:44px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--accent);font-size:12px;cursor:pointer}.replay-box:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.unboxing{position:relative;height:410px;perspective:1100px;isolation:isolate;min-width:0}.box-glow{position:absolute;inset:5% -2% 2%;border-radius:50%;background:radial-gradient(ellipse,#d6b7ce52,transparent 70%)}.box-back{position:absolute;left:9%;right:9%;height:120px;bottom:50px;background:linear-gradient(145deg,#c1a3b9,#9d7c98);border:1px solid #b394ad;border-radius:12px;transform:rotateX(20deg)}.box-lid{position:absolute;z-index:2;left:9%;right:9%;height:165px;bottom:160px;background:linear-gradient(140deg,#e9cfdf,#b998b6 65%,#ceb5c9);border:1px solid #bc98b5;border-radius:12px;transform-origin:center bottom;transform:rotateX(-12deg);display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:inset 0 1px #ffffff63,0 -12px 40px #5e405122}.box-lid>span{font:400 36px var(--font-accent,Georgia);color:#574051}.box-lid small{font-size:8px;letter-spacing:.22em;color:#715069;margin-top:8px}.box-bottles{position:absolute;left:16%;right:16%;height:250px;bottom:103px;display:flex;justify-content:center;align-items:end;gap:18px;z-index:3}.box-bottle{width:29%;height:100%;min-width:0;filter:drop-shadow(0 12px 10px #442b4540)}.box-bottle .bottle-art{width:100%!important;height:100%!important;max-height:100%!important}.box-bottle:nth-child(1){transform:translateY(6px) rotate(-7deg)}.box-bottle:nth-child(3){transform:translateY(6px) rotate(7deg)}.box-front{position:absolute;z-index:4;left:8%;right:8%;bottom:35px;height:125px;border:1px solid #b497ac;border-top:3px solid #ecd6e3;border-radius:4px 4px 14px 14px;background:linear-gradient(115deg,#d9becf,#ba98b2 62%,#d7bacc);box-shadow:inset 0 1px #ffffff54,0 21px 30px #68506728;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#594153}.box-front>span{font:400 30px var(--font-accent,Georgia)}.box-front small{font-size:7px;letter-spacing:.2em;margin-top:10px;color:#694b60}.box-ground{position:absolute;bottom:10px;left:4%;right:4%;height:24px;border-radius:50%;filter:blur(13px);background:#78556d2b;z-index:-1}.box-open .box-lid{animation:case-open 1.7s cubic-bezier(.2,.6,.2,1) both}.box-open .box-bottle{animation:bottle-rise 1.8s cubic-bezier(.16,.8,.2,1) .5s both}.box-open .bottle-1{animation-delay:.7s}.box-open .bottle-2{animation-delay:.9s}.box-open .bottle-0{--lean:-7deg}.box-open .bottle-2{--lean:7deg}
html[data-theme=dark] .box-glow{background:radial-gradient(ellipse,#8ab4c228,transparent 70%)}html[data-theme=dark] .box-back{background:linear-gradient(120deg,#26354b,#122238);border-color:#455c71}html[data-theme=dark] .box-lid{background:linear-gradient(145deg,#3a5067,#15283b 70%,#34455d);border-color:#566e80;box-shadow:inset 0 1px #ffffff30,0 -12px 40px #0004}html[data-theme=dark] .box-lid>span,html[data-theme=dark] .box-front{color:#d8e9ef}html[data-theme=dark] .box-lid small,html[data-theme=dark] .box-front small{color:#a6bfcc}html[data-theme=dark] .box-front{background:linear-gradient(115deg,#304256,#192c40 60%,#2c4156);border-color:#496379;border-top-color:#8baebd;box-shadow:inset 0 1px #ffffff44,0 21px 30px #0004}
@keyframes case-open{0%{transform:rotateX(-108deg)}100%{transform:rotateX(-12deg)}}@keyframes bottle-rise{0%{opacity:0;transform:translateY(140px) scale(.6)}30%{opacity:1}100%{opacity:1;transform:translateY(0) rotate(var(--lean,0deg))}}
/* One scene manager owns focus, skip, timing and removal across all sections. */
.intro-open{overflow:hidden}.scene-overlay{--intro-time:4.8s;position:fixed;inset:0;z-index:100;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#e9d3e1,var(--bg) 72%);animation:scene-reveal var(--intro-time) linear both;color:var(--text)}.scene-stage{position:absolute;inset:0;display:grid;place-items:center;perspective:1300px;isolation:isolate}.scene-skip{position:absolute;z-index:10;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:30px;background:var(--glass);backdrop-filter:blur(12px);color:var(--text);min-height:48px;padding:12px 23px;font:500 13px var(--font-body,Arial);cursor:pointer;box-shadow:0 8px 28px #53425c14}.scene-skip:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.scene-halo{position:absolute;width:min(82vw,690px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff4fb4d,transparent 68%);z-index:-1;animation:scene-bloom var(--intro-time) ease both}.scene-orbits{position:absolute;width:min(90vw,780px);height:min(50vh,300px);z-index:0}.scene-orbits i{position:absolute;inset:0;border:1px solid var(--glow);border-radius:50%;transform:rotate(-18deg);opacity:.5}.scene-orbits i:nth-child(2){transform:rotate(18deg);opacity:.3}.scene-orbits i:nth-child(3){inset:-40% 28%;transform:rotate(55deg);opacity:.2}.intro-products{display:flex;justify-content:center;align-items:end;gap:clamp(20px,6vw,100px);width:min(900px,90vw);padding-bottom:60px}.intro-product{width:clamp(85px,16vw,180px);position:relative;text-align:center;animation:intro-product-turn var(--intro-time) cubic-bezier(.18,.64,.18,1) both;transform-style:preserve-3d}.intro-product-2{animation-name:intro-product-center!important}.intro-product-3{animation-name:intro-product-right!important}.intro-product-art{height:clamp(215px,49vh,400px);display:grid;place-items:end center}.intro-product .bottle-art{height:100%;width:100%;max-height:none;filter:drop-shadow(0 18px 18px #7e5b7847);transition:none}.intro-product>span{display:block;font:400 11px var(--font-body,Arial);line-height:1.5;margin-top:20px;color:var(--muted);text-wrap:balance}.scene-water{position:absolute;top:calc(50% + min(24.5vh,200px) - 25px);width:80px;height:20px;left:calc(50% - 40px)}.scene-water i{position:absolute;inset:0;border:1px solid var(--glow);border-radius:50%;animation:scene-ripple var(--intro-time) ease both}.scene-water i:nth-child(2){animation-name:scene-ripple-two}.scene-water i:nth-child(3){animation-name:scene-ripple-three}
/* Envelope is built in perspective: paper rises as the full-width flap opens. */
.scene-envelope{position:relative;width:min(74vw,530px);height:min(44vw,330px);min-height:190px;perspective:1200px;transform:rotate(-3deg);transform-style:preserve-3d}.envelope-back{position:absolute;inset:0;border-radius:16px;background:linear-gradient(140deg,#d6b7ce,#b69dbb);border:1px solid var(--line);box-shadow:0 28px 65px #6e506836}.letter-paper-scene{position:absolute;left:7%;right:7%;top:9%;height:90%;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#f6eaf0,#e6d4e4);display:grid;place-items:center;animation:letter-paper-rise var(--intro-time) cubic-bezier(.2,.65,.2,1) both}.letter-seal{font:400 clamp(50px,8vw,90px) var(--font-accent,Georgia);color:var(--accent)}.letter-paper-scene:after{content:'';position:absolute;left:15%;right:15%;bottom:20%;height:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.envelope-pocket{position:absolute;inset:0;z-index:3;border-radius:14px;background:linear-gradient(148deg,transparent 49%,#d7bdce 50%) left/50% 100% no-repeat,linear-gradient(212deg,transparent 49%,#c9afc6 50%) right/50% 100% no-repeat;filter:drop-shadow(0 5px 3px #6b455323)}.envelope-flap{position:absolute;inset:0;z-index:4;clip-path:polygon(0 0,100% 0,50% 65%);background:linear-gradient(140deg,#e5c9d9,#c5abc5);transform-origin:center top;backface-visibility:visible;animation:letter-flap-open var(--intro-time) cubic-bezier(.23,.65,.2,1) both}
/* A stitched diary cover turns away from a layered page block. */
.scene-book{position:relative;width:min(54vw,305px);height:min(65vw,395px);transform:rotate(-7deg) rotateY(-12deg);transform-style:preserve-3d;perspective:1400px}.book-pages{position:absolute;inset:6px 0 5px 10px;border-radius:3px 13px 13px 3px;background:repeating-linear-gradient(to bottom,#eee2ea 0,#eee2ea 2px,#bea3b7 3px,#e6d3e0 4px);box-shadow:12px 15px 40px #57384633}.book-cover{position:absolute;inset:0;z-index:5;border:1px solid #a67e9a;border-radius:5px 15px 15px 5px;background:linear-gradient(140deg,#c59cb4,#a7799c 70%,#cbaac0);box-shadow:inset 0 0 0 7px #bd98b0,inset 0 0 0 8px #d9bfd08c,10px 12px 35px #53324f35;transform-origin:left center;backface-visibility:hidden;animation:diary-open var(--intro-time) cubic-bezier(.19,.65,.2,1) both;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.book-title{font:400 clamp(25px,4vw,37px) var(--font-accent,Georgia);max-width:80%;line-height:1.25;text-align:center;color:#f8ecf2}.book-mark{font:400 42px var(--font-accent,Georgia);color:#f1d9e5;letter-spacing:.05em}.book-spine{position:absolute;left:-7px;top:0;bottom:0;width:13px;z-index:6;border-radius:5px;background:linear-gradient(90deg,#926b8a,#caa5bd);box-shadow:2px 0 4px #58394c30}.book-page{position:absolute;inset:10px 6px 10px 13px;transform-origin:left center;border:1px solid #cebac9;border-radius:2px 10px 10px 2px;background:repeating-linear-gradient(to bottom,#eee1e9 0,#eee1e9 26px,#dbc8d7 27px,#eee1e9 28px);animation:diary-page-turn var(--intro-time) ease both;z-index:4}.page-two{z-index:3;animation-name:diary-page-turn-two}
/* Solid rim, glass reflections and handle create a magnifier with volume. */
.magnifier-object{position:relative;width:min(55vw,270px);height:min(55vw,270px);transform-style:preserve-3d;animation:lens-turn var(--intro-time) cubic-bezier(.16,.65,.14,1) both}.lens-rim{position:absolute;inset:0;border:18px solid #c2b0c9;border-radius:50%;background:linear-gradient(145deg,#f4e5ef,#ab9ab5);box-shadow:inset 0 0 0 3px #efdfe9,inset 0 0 15px #87708e66,0 0 0 3px #957e9e,10px 20px 45px #72587638;transform:translateZ(12px)}.lens-glass{position:absolute;inset:0;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffffa3 0,#d9e8ed66 26%,#b1c6d966 58%,#d7d2e58c 100%);border:2px solid #e6edf08c;box-shadow:inset 0 0 28px #f5f9fa80}.lens-lattice{position:absolute;inset:0;display:grid;place-items:center;font:400 clamp(50px,9vw,82px) var(--font-accent,Georgia);color:var(--accent);opacity:.55}.lens-shine{position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 36%,#ffffffaa 43%,#ffffff16 49%,transparent 56%);animation:lens-glint var(--intro-time) ease both}.lens-handle{position:absolute;z-index:-1;left:81%;top:80%;width:42%;height:17%;transform:rotate(45deg);transform-origin:6% 50%;border:1px solid #aa8fa9;border-radius:20px;background:linear-gradient(to bottom,#d4becd,#a982a3 50%,#b59bbb);box-shadow:8px 12px 24px #74566d30}
html[data-theme=dark] .scene-overlay{background:radial-gradient(ellipse at 50% 40%,#263b54,var(--bg) 72%)}html[data-theme=dark] .scene-halo{background:radial-gradient(circle,#b9d7e226,transparent 70%)}html[data-theme=dark] .envelope-back{background:linear-gradient(140deg,#314a63,#1f3047);border-color:#4f687c}html[data-theme=dark] .letter-paper-scene{background:linear-gradient(140deg,#d4e2e6,#9bb8c7);color:#253d51;border-color:#8eafc0}html[data-theme=dark] .letter-seal{color:#45687d}html[data-theme=dark] .envelope-pocket{background:linear-gradient(148deg,transparent 49%,#38516a 50%) left/50% 100% no-repeat,linear-gradient(212deg,transparent 49%,#29455f 50%) right/50% 100% no-repeat}html[data-theme=dark] .envelope-flap{background:linear-gradient(140deg,#496782,#243b55)}html[data-theme=dark] .book-cover{background:linear-gradient(140deg,#3d556f,#243b57 65%,#38516c);border-color:#67859a;box-shadow:inset 0 0 0 7px #3e5c76,inset 0 0 0 8px #9ab5c754,10px 12px 35px #0005}html[data-theme=dark] .book-spine{background:linear-gradient(90deg,#263c54,#55738d)}html[data-theme=dark] .lens-rim{border-color:#7596ad;background:#31485e;box-shadow:inset 0 0 0 3px #b7cdd8,inset 0 0 15px #142f4666,0 0 0 3px #4a6b85,10px 20px 45px #0004}html[data-theme=dark] .lens-glass{background:radial-gradient(circle at 30% 25%,#ecf7ff80 0,#9cbad552 26%,#6189a347 60%,#92a5c252 100%)}html[data-theme=dark] .lens-handle{background:linear-gradient(to bottom,#89a6bd,#3b5874 50%,#6485a1);border-color:#557991}
.animation-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--soft)}.animation-settings .checkbox{margin:8px 0;align-items:flex-start}.animation-settings input{flex-shrink:0}
@keyframes scene-reveal{0%,88%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes scene-bloom{0%{opacity:0;scale:.7}30%{opacity:1}100%{scale:1.1;opacity:.7}}@keyframes intro-product-turn{0%{opacity:0;transform:rotateY(-360deg) translateY(25px) scale(.9)}10%{opacity:1}78%,100%{opacity:1;transform:rotateY(0) translateY(0) scale(1)}}@keyframes intro-product-center{0%,8%{opacity:0;transform:rotateY(-360deg) translateY(45px) scale(.9)}18%{opacity:1}83%,100%{opacity:1;transform:rotateY(0) translateY(0) scale(1)}}@keyframes intro-product-right{0%,16%{opacity:0;transform:rotateY(-360deg) translateY(25px) scale(.9)}26%{opacity:1}86%,100%{opacity:1;transform:rotateY(0) translateY(0) scale(1)}}@keyframes scene-ripple{0%,65%{opacity:0;scale:1}69%{opacity:.6}100%{opacity:0;scale:8}}@keyframes scene-ripple-two{0%,73%{opacity:0;scale:1}77%{opacity:.45}100%{opacity:0;scale:6}}@keyframes scene-ripple-three{0%,80%{opacity:0;scale:1}84%{opacity:.3}100%{opacity:0;scale:4}}
@keyframes letter-flap-open{0%,12%{transform:rotateX(0deg)}58%,100%{transform:rotateX(178deg)}}@keyframes letter-paper-rise{0%,27%{transform:translateY(0)}72%,100%{transform:translateY(-45%) rotate(2deg)}}@keyframes diary-open{0%,15%{transform:rotateY(0)}80%,100%{transform:rotateY(-145deg)}}@keyframes diary-page-turn{0%,40%{transform:rotateY(0)}87%,100%{transform:rotateY(-130deg)}}@keyframes diary-page-turn-two{0%,53%{transform:rotateY(0)}92%,100%{transform:rotateY(-116deg)}}@keyframes lens-turn{0%{opacity:0;transform:rotateY(-360deg) rotateZ(-25deg) scale(.85)}10%{opacity:1}82%,100%{opacity:1;transform:rotateY(0) rotateZ(-12deg) scale(1)}}@keyframes lens-glint{0%,30%{opacity:0;transform:translateX(-75%)}52%{opacity:.8}88%,100%{opacity:.2;transform:translateX(85%)}}
@media(max-width:820px){.collection-showcase{grid-template-columns:1fr;gap:0}.collection-copy h2 br{display:none}.collection-copy h2 em:before{content:' '}.collection-copy p{max-width:560px}.unboxing{max-width:580px;width:100%;margin:auto;height:390px}.animation-settings{grid-template-columns:1fr}}
@media(max-width:720px){.hero-visual .hero-product{width:136px!important;height:136px!important;right:14px!important;bottom:90px!important}.hero-slide{inset:9px 23px}.hero-slide .bottle-art{width:64px!important;height:116px!important;max-height:116px!important}.hero-product-name{width:150px;right:7px;bottom:65px;font-size:8px}.collection-showcase{padding-block:15px 30px}.collection-copy h2{font-size:31px}.collection-copy>small{font-size:9px}.unboxing{height:345px;margin-top:10px}.box-bottles{height:213px;bottom:92px;gap:12px}.box-lid{height:138px;bottom:143px}.box-front{height:112px;bottom:31px}.box-lid>span{font-size:32px}.box-front small{font-size:6px}.box-back{height:104px;bottom:41px}.scene-skip{right:16px;bottom:max(18px,env(safe-area-inset-bottom));font-size:12px;padding:12px 18px}.intro-products{width:92vw;gap:18px;padding-bottom:50px}.intro-product{width:25vw}.intro-product-art{height:min(40vh,265px)}.intro-product>span{font-size:9px;line-height:1.5;margin-top:15px}.scene-water{top:calc(50% + min(20vh,132px) - 10px)}.scene-envelope{width:78vw;height:49vw;min-height:160px}.scene-book{width:53vw;height:69vw;max-width:260px;max-height:340px}.magnifier-object{width:52vw;height:52vw;max-width:240px;max-height:240px}.lens-rim{border-width:14px}.scene-stage{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.scene-overlay{display:none}.hero-slide{transition:none!important}.box-open .box-lid,.box-open .box-bottle{animation:none!important}}

.intro-duration-30{--intro-time:3.0s}
.intro-duration-31{--intro-time:3.1s}
.intro-duration-32{--intro-time:3.2s}
.intro-duration-33{--intro-time:3.3s}
.intro-duration-34{--intro-time:3.4s}
.intro-duration-35{--intro-time:3.5s}
.intro-duration-36{--intro-time:3.6s}
.intro-duration-37{--intro-time:3.7s}
.intro-duration-38{--intro-time:3.8s}
.intro-duration-39{--intro-time:3.9s}
.intro-duration-40{--intro-time:4.0s}
.intro-duration-41{--intro-time:4.1s}
.intro-duration-42{--intro-time:4.2s}
.intro-duration-43{--intro-time:4.3s}
.intro-duration-44{--intro-time:4.4s}
.intro-duration-45{--intro-time:4.5s}
.intro-duration-46{--intro-time:4.6s}
.intro-duration-47{--intro-time:4.7s}
.intro-duration-48{--intro-time:4.8s}
.intro-duration-49{--intro-time:4.9s}
.intro-duration-50{--intro-time:5.0s}
.intro-duration-51{--intro-time:5.1s}
.intro-duration-52{--intro-time:5.2s}
.intro-duration-53{--intro-time:5.3s}
.intro-duration-54{--intro-time:5.4s}
.intro-duration-55{--intro-time:5.5s}
.intro-duration-56{--intro-time:5.6s}
.intro-duration-57{--intro-time:5.7s}
.intro-duration-58{--intro-time:5.8s}
.intro-duration-59{--intro-time:5.9s}
.intro-duration-60{--intro-time:6.0s}
.intro-duration-61{--intro-time:6.1s}
.intro-duration-62{--intro-time:6.2s}
.intro-duration-63{--intro-time:6.3s}
.intro-duration-64{--intro-time:6.4s}
.intro-duration-65{--intro-time:6.5s}
.intro-duration-66{--intro-time:6.6s}
.intro-duration-67{--intro-time:6.7s}
.intro-duration-68{--intro-time:6.8s}
.intro-duration-69{--intro-time:6.9s}
.intro-duration-70{--intro-time:7.0s}
.intro-duration-71{--intro-time:7.1s}
.intro-duration-72{--intro-time:7.2s}
.intro-duration-73{--intro-time:7.3s}
.intro-duration-74{--intro-time:7.4s}
.intro-duration-75{--intro-time:7.5s}
.intro-duration-76{--intro-time:7.6s}
.intro-duration-77{--intro-time:7.7s}
.intro-duration-78{--intro-time:7.8s}
.intro-duration-79{--intro-time:7.9s}
.intro-duration-80{--intro-time:8.0s}
.intro-duration-81{--intro-time:8.1s}
.intro-duration-82{--intro-time:8.2s}
.intro-duration-83{--intro-time:8.3s}
.intro-duration-84{--intro-time:8.4s}
.intro-duration-85{--intro-time:8.5s}
.intro-duration-86{--intro-time:8.6s}
.intro-duration-87{--intro-time:8.7s}
.intro-duration-88{--intro-time:8.8s}
.intro-duration-89{--intro-time:8.9s}
.intro-duration-90{--intro-time:9.0s}
/* V4 · one C60 molecule, precise carbon geometry, a quiet luminous orbit. */
.intro-sphere{position:relative;width:min(76vw,520px);aspect-ratio:1;transform:translateY(-6vh);animation:sphere-arrive var(--intro-time) cubic-bezier(.18,.65,.2,1) both;isolation:isolate}.intro-fullerene{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:2}.intro-sphere-fallback{position:absolute;inset:0;color:var(--accent);display:grid;place-items:center}.intro-sphere-fallback svg{width:100%;height:100%}.sphere-ready .intro-sphere-fallback{display:none}.intro-light-orbit{position:absolute;width:min(92vw,690px);height:min(46vw,260px);border:1px solid #b595ad70;border-radius:50%;transform:translateY(-6vh) rotate(-23deg);box-shadow:0 0 38px #d2abc516,inset 0 0 35px #e2c2d514;animation:light-orbit-arrive var(--intro-time) ease both}.intro-light-orbit:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#f9e8f1;right:16%;top:12%;box-shadow:0 0 20px #f7ddebcc;opacity:.7}.intro-signature{position:absolute;top:calc(50% + min(38vw,260px) - 6vh + 22px);left:5%;right:5%;text-align:center;animation:signature-arrive var(--intro-time) ease both}.intro-signature strong{display:block;font:400 clamp(25px,3vw,34px) var(--font-accent,Georgia);color:var(--text);line-height:1.3;letter-spacing:.02em}.intro-signature span{display:block;margin-top:12px;font:400 10px var(--font-body,Arial);letter-spacing:.14em;color:var(--muted);line-height:1.6}.scene-fullerene .scene-halo{background:radial-gradient(circle,#f9e8f547,transparent 67%);transform:translateY(-6vh)}html[data-theme=dark] .intro-light-orbit{border-color:#92bac660;box-shadow:0 0 38px #91c6dc12,inset 0 0 38px #a3cdd112}html[data-theme=dark] .intro-light-orbit:after{background:#d8edf2;box-shadow:0 0 20px #c4e6f3b0}html[data-theme=dark] .scene-fullerene .scene-halo{background:radial-gradient(circle,#b3d8e51d,transparent 68%)}
@keyframes sphere-arrive{0%{opacity:0;transform:translateY(calc(-6vh + 18px)) scale(.91)}25%{opacity:1}82%,100%{opacity:1;transform:translateY(-6vh) scale(1)}}@keyframes light-orbit-arrive{0%{opacity:0;transform:translateY(-6vh) rotate(-32deg) scale(.92)}36%{opacity:.65}100%{opacity:.65;transform:translateY(-6vh) rotate(-23deg) scale(1)}}@keyframes signature-arrive{0%,20%{opacity:0;transform:translateY(10px)}53%,100%{opacity:1;transform:none}}
/* The paper has its own slot: its lower edge stays inside the envelope pocket. */
.letter-slot{position:absolute;inset:-65% 7% 0;overflow:hidden;z-index:1;pointer-events:none}.letter-paper-scene{position:absolute;left:0;right:0;top:auto;bottom:4%;width:100%;height:58%;border-radius:12px;background:linear-gradient(150deg,#f8edf3,#e9d8e7);border:1px solid #cdb3c7;box-shadow:0 4px 14px #765a7120;animation:letter-paper-rise-v4 var(--intro-time) cubic-bezier(.23,.65,.2,1) both;display:block}.letter-seal{position:absolute;top:22%;left:6%;right:6%;text-align:center;font:400 clamp(35px,5.8vw,60px) var(--font-accent,Georgia);line-height:1.2;letter-spacing:.02em;color:var(--accent)}.envelope-flap{z-index:2;backface-visibility:hidden;animation:letter-flap-open-v4 var(--intro-time) cubic-bezier(.23,.65,.2,1) both}.envelope-pocket{z-index:3;clip-path:polygon(0 0,50% 53%,100% 0,100% 100%,0 100%);background:linear-gradient(138deg,#dcc2d3,#c6a9c2 65%,#d4b8cc);border:1px solid #b99cb4;box-shadow:inset 0 -1px 0 #f5e7f16e;filter:none}.envelope-pocket:after{content:'';position:absolute;inset:0;background:linear-gradient(34deg,transparent 49.6%,#b194ae5c 50%,transparent 50.4%) left/50% 100% no-repeat,linear-gradient(-34deg,transparent 49.6%,#b194ae5c 50%,transparent 50.4%) right/50% 100% no-repeat}.envelope-back{z-index:0}.book-mark{font:400 clamp(31px,4.7vw,44px) var(--font-accent,Georgia);letter-spacing:.02em}.book-title{font-size:clamp(24px,3.6vw,35px)}html[data-theme=dark] .letter-paper-scene{background:linear-gradient(145deg,#d9e6eb,#b7cdd8);border-color:#91b0c3}html[data-theme=dark] .envelope-pocket{background:linear-gradient(138deg,#405e7a,#29445f 65%,#3c5975);border-color:#58748d}html[data-theme=dark] .envelope-pocket:after{opacity:.45}html[data-theme=dark] .letter-seal{color:#355b75}
@keyframes letter-flap-open-v4{0%,12%{transform:rotateX(0)}52%,100%{transform:rotateX(178deg)}}@keyframes letter-paper-rise-v4{0%,43%{transform:translateY(0)}81%,100%{transform:translateY(-42%)}}
/* The main catalogue link is a full button with a clear focus target. */
.public .all-catalog-link{min-width:178px;min-height:54px;justify-content:center;padding:16px 26px;font-size:14px;white-space:nowrap;box-shadow:inset 0 1px 2px #ffffffb0,0 10px 24px #9f749322}.home-catalog-note{margin-top:20px;color:var(--muted)}.home-products-list{display:grid;gap:12px}.home-product-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--bg)}.home-product-summary{display:flex;align-items:center;gap:18px;min-width:0}.home-product-summary strong{display:block;font-size:15px}.home-product-summary small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.home-product-thumb{display:block;flex:0 0 60px;width:60px;height:84px}.home-product-thumb .bottle-art{height:84px!important;max-height:84px!important;width:100%!important}.home-product-options{flex:0 0 210px}.home-product-options .checkbox{margin:8px 0;font-weight:400;font-size:13px}.home-product-options input{flex-shrink:0}
@media(max-width:720px){.public .section-heading:has(.all-catalog-link){align-items:flex-start;flex-direction:column;gap:20px}.public .section-heading .all-catalog-link{max-width:none;min-width:180px;font-size:14px}.intro-signature span{font-size:9px;letter-spacing:.09em}.home-product-row{align-items:flex-start;flex-direction:column;gap:8px}.home-product-options{flex-basis:auto;padding-left:78px}.letter-seal{font-size:clamp(31px,9vw,48px)}}
@media(max-width:720px),(hover:none) and (pointer:coarse){.public .decor-arrow,.public .hero-link-arrow,.public .ui-arrow{display:none!important}.public .visual-caption a{display:none}.public .contact-channel .channel-icon:has(.ui-arrow),.public .contact-channel>span:last-child:has(.decor-arrow){display:none}}
@media(prefers-reduced-motion:reduce){.intro-sphere,.intro-light-orbit,.intro-signature{animation:none!important}}