/* Expanded scenes: independent images, semantic tabs and native scrolling. */
.theme-intimacy{--intimacy-bg:#201226;--intimacy-cream:#f6e7c7;background:var(--intimacy-bg);color:var(--intimacy-cream)}
.theme-intimacy .site-header{background:var(--intimacy-bg);color:var(--intimacy-cream);border:0;height:88px;padding:0 clamp(24px,4.7vw,74px)}
.theme-intimacy .brand-cn{font-weight:500}.theme-intimacy .age{border-color:#f6e7c766}
.theme-intimacy .utility-nav>a[href="#/stores"]{border:1px solid #f6e7c78a;border-radius:30px;padding:9px 22px}
.theme-intimacy .mobile-menu{background:#2b1934;color:#f6e7c7}
.theme-intimacy .floating-contact{background:#392344;color:#f6e7c7;border-color:#e7c99555}
.intimacy-explore{padding:32px clamp(24px,3.1vw,48px) 0;max-width:1920px;margin:auto}
.explore-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:0 24px;margin-bottom:26px;gap:24px}
.explore-eyebrow{font-size:9px;letter-spacing:.28em;color:#b99eae;margin-bottom:12px}
.explore-heading h1{font-size:clamp(38px,4.3vw,69px);font-weight:400;letter-spacing:.025em;line-height:1.25}
.explore-description{font-family:"Songti SC","STSong",serif;font-size:clamp(13px,1.4vw,21px);letter-spacing:.06em;margin-top:10px;color:#e2d2df;line-height:1.8}
.explore-counter{font-size:9px;letter-spacing:.25em;line-height:2.3;text-align:right;color:#bca8bc;white-space:nowrap;padding-bottom:4px}
.scene-tabs{display:flex;gap:8px;margin:0 24px 20px}
.scene-tabs button{padding:9px 17px;border-radius:30px;font-size:11px;letter-spacing:.07em;color:#d8c3da;border:1px solid #d2b7d72b;transition:background .2s,color .2s}
.scene-tabs button[aria-selected=true]{background:#f3dfb5;color:#30172e;border-color:#f3dfb5}
.scene-deck{display:flex;gap:10px;height:clamp(490px,61vh,700px)}
.scene-card{flex:1;min-width:0;border-radius:19px;border:1px solid #d4b3cf66;position:relative;overflow:hidden;isolation:isolate;transition:flex .75s cubic-bezier(.22,1,.36,1),border-color .3s;background:#322036}
.scene-card.is-active{flex:4.9;border-color:#e6c7e29c}
.scene-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 42%;filter:brightness(.68);transform:scale(1.045);transition:transform 1s cubic-bezier(.22,1,.36,1),filter .7s;z-index:-2}
.scene-card.is-active .scene-image{filter:brightness(.88);transform:scale(1)}
.scene-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#150b201f 35%,#160b1e17 50%,#13091ce8 100%);pointer-events:none;z-index:-1}
.scene-select{position:absolute;inset:0;width:100%;height:100%;text-align:left;color:#f6e7c7;padding:0;border-radius:18px}
.scene-number{position:absolute;top:23px;left:22px;font-family:Georgia,serif;font-size:17px;white-space:nowrap}
.scene-number>span{display:none;font-family:"Songti SC",serif;font-size:15px}
.scene-card.is-active .scene-number>span{display:inline}
.scene-vertical{position:absolute;top:65px;left:22px;writing-mode:vertical-rl;font:30px/1.3 "Songti SC","STSong",serif;letter-spacing:.17em;transition:opacity .25s}
.scene-card.is-active .scene-vertical{opacity:0}
.scene-plus{position:absolute;bottom:24px;left:calc(50% - 17px);height:34px;width:34px;border:1px solid #f2debd;border-radius:50%;display:grid;place-items:center;transition:opacity .2s}
.scene-plus .icon{transform:rotate(45deg);width:17px;height:17px}
.scene-card.is-active .scene-plus{opacity:0}
.scene-copy{position:absolute;bottom:25px;left:29px;right:24px;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .25s,transform .25s,visibility .25s;pointer-events:none}
.scene-card.is-active .scene-copy{opacity:1;visibility:visible;transform:none;transition-delay:.22s;pointer-events:auto}
.scene-kicker{display:none}
.scene-copy h2{font-size:clamp(32px,3.3vw,52px);font-weight:400;letter-spacing:.025em;white-space:nowrap;line-height:1.25}
.scene-copy>p{font-size:14px;line-height:1.8;margin:9px 0 16px;color:#eee0e9}
.scene-cta{min-height:42px;padding:11px 22px;border-radius:30px;background:#f4dba7;color:#2b1533;font-size:12px;gap:16px;white-space:nowrap}
.scene-cta:hover{background:#ffe8bc}.scene-cta .icon{width:16px;height:16px}
.explore-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #d4b3cf4a;margin:29px 20px 0;padding:20px 4px 26px;font-size:11px;color:#d8c3d7;letter-spacing:.12em}
.explore-bottom span{margin:0 13px}.scene-help{display:flex;align-items:center;gap:12px}.scene-help .icon{width:15px;height:15px}
.signature-section{background:#f6f0e7;color:#331c38;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;padding:76px clamp(24px,4.7vw,74px)}
.signature-photo{overflow:hidden;border-radius:4px 65px 4px 4px}.signature-photo img{aspect-ratio:1.3;object-fit:cover;width:100%}
.signature-copy .eyebrow{font-size:9px;color:#8b6c87;letter-spacing:.2em;margin-bottom:24px}
.signature-copy h2{font-size:clamp(32px,3.2vw,52px);font-weight:400;line-height:1.4}
.signature-copy>p{font-size:13px;line-height:2;color:#806b7e;margin-top:25px}
.signature-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.signature-actions .button{font-size:12px;min-height:44px;padding:12px 20px}.signature-actions .solid{background:#42234d;color:#fff4df}
.intimacy-note{text-align:center;padding:80px 24px 70px;background:#291930;color:#f5e6d0}
.intimacy-note .eyebrow{font-size:8px;letter-spacing:.3em;color:#c4aac1;margin-bottom:24px}
.intimacy-note h2{font-size:clamp(30px,3.1vw,48px);font-weight:400;line-height:1.5}
.intimacy-note>p:not(.eyebrow){font-size:12px;color:#c2abbe;margin-top:22px}.intimacy-note .text-link{margin-top:25px;color:#eed4a3;font-size:12px}.intimacy-note small{display:block;font-size:10px;color:#b49bad;margin-top:50px}
.theme-intimacy .footer{background:#201226;color:#d4bfd2}.theme-intimacy .footer-note{font-size:10px}
.topic-question{font-family:"Songti SC",serif;font-size:27px;line-height:1.7;margin:30px 0;color:#492353}
@media(min-width:901px){.scene-tabs{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}.scene-tabs:focus-within{position:static;width:auto;height:auto;clip-path:none;margin:0 24px 15px;overflow:visible}}
@media(min-width:1600px){.scene-card.is-active{flex:4.9}.scene-deck{height:660px}}
@media(max-width:1100px) and (min-width:901px){.scene-vertical{left:15px;font-size:25px}.scene-number{left:15px}.scene-card.is-active{flex:4}.scene-copy{left:22px}.scene-copy>p{font-size:12px}}
@media(max-width:900px){
 .theme-intimacy .site-header{height:74px;padding:0 24px}.theme-intimacy .desktop-nav,.theme-intimacy .utility-nav{display:none}.theme-intimacy .menu-toggle{display:block;margin-left:0}.theme-intimacy .age{margin-left:auto}
 .intimacy-explore{padding:28px 20px 0}.explore-heading{padding:0;margin-bottom:22px}.explore-heading h1{font-size:clamp(31px,6.7vw,48px);letter-spacing:0}.explore-eyebrow{font-size:8px;letter-spacing:.19em;margin-bottom:13px}.explore-description{font-size:12px;line-height:1.9;margin-top:12px;max-width:340px}.explore-counter{display:none}
 .scene-tabs{margin:0 0 19px;gap:7px;flex-wrap:wrap}.scene-tabs button{font-size:11px;padding:9px 12px;min-height:38px;flex:0 0 auto}
 .scene-deck{display:block;position:relative;height:clamp(420px,67vw,600px)}.scene-card{position:absolute;inset:0;width:100%;height:100%;border-radius:17px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s,visibility .45s}.scene-card.is-active{opacity:1;visibility:visible;pointer-events:auto}.scene-card .scene-select{display:none}.scene-copy{left:23px;right:20px;bottom:25px}.scene-kicker{display:block;font-size:10px;letter-spacing:.16em;margin-bottom:12px;color:#edcfa4}.scene-copy h2{font-size:36px}.scene-copy>p{font-size:12px;margin:9px 0 17px}.scene-cta{font-size:12px;min-height:44px}.scene-image{object-position:center 40%}.explore-bottom{margin:22px 0 0;padding:18px 0 25px;font-size:9px;letter-spacing:.08em}.explore-bottom span{margin:0 7px}.scene-help{display:none}
 .signature-section{grid-template-columns:1fr;gap:30px;padding:44px 24px}.signature-photo img{aspect-ratio:1.3}.signature-copy .eyebrow{margin-bottom:15px}.signature-copy h2{font-size:33px}.signature-copy>p{font-size:12px;margin-top:16px}.signature-actions{margin-top:23px}.intimacy-note{padding:55px 24px}.intimacy-note h2{font-size:31px}.intimacy-note>p:not(.eyebrow){line-height:1.9}
 .theme-intimacy .mobile-dock{background:#2d1c36f5;color:#f3e4ce;border:1px solid #d2b3ce4a;box-shadow:0 5px 30px #0005}.theme-intimacy .mobile-dock button,.theme-intimacy .mobile-dock a{color:#eddfec}.theme-intimacy .footer{padding-bottom:115px}
}
@media(max-width:360px){.intimacy-explore{padding-left:16px;padding-right:16px}.explore-heading h1{font-size:29px}.scene-tabs button{padding:8px 10px;font-size:10px}.scene-copy h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.scene-card,.scene-image,.scene-copy,.scene-tabs button{transition:none!important}}
@media(min-width:901px){.explore-eyebrow{display:none}.intimacy-explore{padding-top:20px}.explore-heading h1{font-size:clamp(38px,4.1vw,65px);line-height:1.2}.explore-heading{margin-bottom:23px}}
@media(min-width:901px){.theme-intimacy .site-header{height:80px}.intimacy-explore{padding-top:12px}.explore-heading{margin-bottom:20px}.explore-description{line-height:1.5}.scene-deck{height:clamp(490px,66vh,700px)}}
/* Selected baseline: light, playful homepage; dark accordion is one section. */
.theme-playful{background:#f9f6ee;color:#321235}
.theme-playful .site-header{height:80px;background:#e9def5;border:0;padding:0 clamp(24px,4.5vw,72px)}
.theme-playful .utility-nav>a[href="#/stores"]{padding:9px 20px;border:1px solid #4a275c;border-radius:30px;background:#fff0ae}
.theme-playful .brand-cn{font-weight:600}.theme-playful .brand-en{font-size:13px}
.playful-hero{position:relative;display:grid;grid-template-columns:44% 56%;min-height:540px;align-items:center;background:#e9def5;overflow:hidden}
.playful-copy{padding:45px 0 55px clamp(24px,4.5vw,72px);position:relative;z-index:2}
.playful-eyebrow{font-family:Georgia,serif;font-size:11px;letter-spacing:.38em;margin-bottom:25px}
.playful-copy h1{font-size:clamp(50px,6.8vw,105px);font-weight:600;letter-spacing:-.045em;line-height:1.13}
.playful-description{font-family:"Songti SC",serif;font-size:clamp(14px,1.4vw,21px);line-height:1.8;margin:25px 0 28px;white-space:nowrap}
.mobile-break{display:none}.playful-actions{display:flex;gap:16px;flex-wrap:wrap}.playful-actions .button{font-size:14px;padding:13px 23px;min-height:46px;gap:17px;border-radius:28px}.playful-actions .solid{background:#381139;color:#fff4df}.playful-actions .outline{border:1px solid #6b4e76;background:transparent}
.playful-art{align-self:stretch;display:flex;align-items:center;min-width:0}.playful-art img{width:100%;height:100%;object-fit:cover;max-height:650px;object-position:center;mix-blend-mode:multiply}
.playful-values{display:flex;align-items:center;justify-content:center;gap:25px;padding:23px;font-family:"Songti SC",serif;font-size:15px;letter-spacing:.18em;background:#fcf8f1;color:#76517b}.playful-values span{color:#b198b0}
.conversation-section{display:grid;grid-template-columns:30% 70%;background:#fcf8f1;padding:45px clamp(24px,4.5vw,72px) 36px;align-items:center;overflow:hidden;min-height:440px}
.conversation-heading .eyebrow{font-size:8px;letter-spacing:.2em;color:#91798c;margin-bottom:17px}.conversation-heading h2{font-size:clamp(32px,4vw,60px);font-weight:500;line-height:1.2;letter-spacing:-.035em}.conversation-heading>p:not(.eyebrow){font-family:"Songti SC",serif;font-size:15px;margin-top:18px}
.conversation-controls{display:flex;gap:18px;margin-top:29px}.conversation-controls button{width:48px;height:48px;border-radius:50%;background:#ffe99a;display:grid;place-items:center;transition:background .2s}.conversation-controls button:hover{background:#f4d56f}.conversation-controls button:first-child .icon{transform:rotate(-135deg)}.conversation-controls button:last-child .icon{transform:rotate(45deg)}
.conversation-stage{height:360px;position:relative;perspective:1000px;touch-action:pan-y;user-select:none;cursor:grab}.conversation-stage:active{cursor:grabbing}
.conversation-ring{position:absolute;inset:0;transform-style:preserve-3d}
.conversation-card{--position:0;position:absolute;left:calc(50% - 88px);top:15px;width:176px;height:275px;padding:23px 20px;text-align:left;border:1px solid #d9c7cf;border-radius:13px;background:#f4e8d9;color:#4e2149;box-shadow:0 18px 24px #4b284213;transform:translateX(var(--desktop-x)) translateZ(var(--depth)) rotateY(var(--angle));z-index:calc(10 - var(--position)*var(--position));transition:transform .75s cubic-bezier(.22,1,.36,1),background .4s,color .4s;overflow:hidden}
.conversation-card:nth-child(3n+1){background:#e7d9ee}.conversation-card:nth-child(5){background:#ffe58a}.conversation-card.is-front{background:#63386d;color:#fff0dc;border-color:#7a5084;box-shadow:0 20px 28px #4b284229}
.conversation-no{font-size:7px;letter-spacing:.15em;opacity:.65;display:block}.conversation-card strong{font-family:"Songti SC",serif;font-size:28px;font-weight:500;display:block;margin:26px 0 17px;white-space:nowrap}.conversation-card-description{font-family:"Songti SC",serif;font-size:13px;line-height:1.9;display:block}.conversation-card-footer{position:absolute;bottom:22px;left:20px;font-size:7px;letter-spacing:.17em;opacity:.65}.conversation-hint{position:absolute;bottom:5px;width:100%;text-align:center;font-size:11px;color:#846b83;letter-spacing:.08em}
.theme-playful .signature-section{background:#e8dcf3;padding-top:50px;padding-bottom:50px;grid-template-columns:1.2fr 1fr}.theme-playful .signature-photo{order:2;border-radius:5px 45px 5px 5px}.theme-playful .signature-copy{order:1}.theme-playful .signature-photo img{aspect-ratio:1.5}
.theme-playful .intimacy-explore{background:#201226;color:#f6e7c7;max-width:none;padding:65px clamp(24px,3.1vw,48px) 0}.theme-playful .explore-heading h2{font-size:clamp(35px,4vw,60px);font-weight:400;line-height:1.25}.theme-playful .scene-deck{height:560px}.theme-playful .explore-description{font-size:16px}
.theme-playful .intimacy-note{background:#f8f2e9;color:#45254c}.theme-playful .intimacy-note .eyebrow,.theme-playful .intimacy-note>p:not(.eyebrow),.theme-playful .intimacy-note small{color:#8b718b}.theme-playful .intimacy-note .text-link{color:#593664}
@media(max-width:1000px) and (min-width:761px){.playful-copy h1{font-size:65px}.playful-description{font-size:14px;white-space:normal}.playful-actions .button{font-size:12px;padding:12px 18px}.conversation-card{width:156px;left:calc(50% - 78px)}.theme-playful .utility-nav{gap:12px}}
@media(max-width:760px){
 .theme-playful .site-header{height:72px;padding:0 24px}.playful-hero{display:flex;flex-direction:column;min-height:0}.playful-copy{width:100%;padding:30px 24px 0}.playful-eyebrow{font-size:8px;letter-spacing:.28em;margin-bottom:21px}.playful-copy h1{font-size:clamp(48px,13.6vw,72px);line-height:1.15;letter-spacing:-.035em}.playful-description{font-size:13px;white-space:normal;margin:20px 0 22px}.mobile-break{display:block}.playful-actions{gap:10px}.playful-actions .button{font-size:12px;padding:11px 17px;min-height:44px;gap:12px}.playful-actions .icon{width:16px;height:16px}.playful-art{width:100%;height:310px;margin-top:7px}.playful-art img{object-fit:cover;object-position:center;width:100%;height:100%}.playful-values{font-size:11px;gap:13px;padding:20px 15px;letter-spacing:.1em}
 .conversation-section{grid-template-columns:1fr;padding:34px 24px 25px;min-height:0}.conversation-heading .eyebrow{font-size:7px;margin-bottom:12px}.conversation-heading h2{font-size:35px;line-height:1.25}.conversation-heading h2 br{display:none}.conversation-heading>p:not(.eyebrow){font-size:12px;margin-top:12px}.conversation-controls{margin-top:20px;gap:12px}.conversation-controls button{width:40px;height:40px}.conversation-stage{height:330px;margin-top:10px}.conversation-card{top:18px;width:155px;height:250px;left:calc(50% - 77.5px);padding:20px 17px;transform:translateX(var(--mobile-x)) translateZ(var(--depth)) rotateY(var(--angle))}.conversation-card strong{font-size:26px;margin-top:24px}.conversation-card-description{font-size:12px}.conversation-card-footer{left:17px}.conversation-hint{font-size:10px;bottom:7px}
 .theme-playful .signature-section{grid-template-columns:1fr;gap:24px;padding:36px 24px}.theme-playful .signature-photo{order:2}.theme-playful .signature-copy{order:1}.theme-playful .signature-copy h2{font-size:31px}.theme-playful .signature-photo img{aspect-ratio:1.4}
 .theme-playful .intimacy-explore{padding:36px 20px 0}.theme-playful .explore-heading h2{font-size:31px}.theme-playful .explore-description{font-size:12px}.theme-playful .scene-deck{height:460px}.theme-playful .mobile-dock{background:#fbf5ffee;color:#44234f}
}
@media(prefers-reduced-motion:reduce){.conversation-card{transition:none}}
@media(min-width:761px){.playful-art img{mask-image:linear-gradient(to right,transparent,#000 15%,#000);mix-blend-mode:normal}}
@media(max-width:760px){.playful-art img{mask-image:linear-gradient(to bottom,transparent,#000 10%,#000);mix-blend-mode:normal}}
@media(min-width:761px){.playful-hero{height:clamp(520px,39vw,580px);min-height:0}.playful-copy{padding-top:28px;padding-bottom:30px}.playful-eyebrow{margin-bottom:20px}.playful-description{margin:19px 0 23px}.playful-art{min-height:0}.playful-art img{max-height:none}.theme-playful .signature-section{grid-template-columns:.85fr 1.2fr;padding-top:40px;padding-bottom:40px}.theme-playful .signature-photo img{aspect-ratio:2.05}}
/* One continuous canvas: sections share light, depth, and a scrolling rhythm. */
.theme-playful{background:#eee4f5}
.theme-playful .site-header{background:#eee4f5}
.theme-playful .route-home{background:linear-gradient(155deg,#eee4f5 0%,#eae0f3 22%,#f7f0eb 40%,#eee2f3 61%,#eee4f5 100%)}
.theme-playful .playful-hero,.theme-playful .playful-values,.theme-playful .conversation-section,.theme-playful .signature-section,.theme-playful .intimacy-note{background:transparent}
.playful-art img{mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 75% 72% at 55% 49%,#000 49%,transparent 90%)}
.playful-values{padding-top:12px;padding-bottom:12px;color:#8b6b91;letter-spacing:.18em}
.conversation-section{padding-top:35px;padding-bottom:20px;min-height:400px}
.conversation-heading .eyebrow{display:none}
.conversation-stage{height:340px}
.conversation-card{box-shadow:0 12px 30px #694d6220;border-color:#dbcbd34d}
.conversation-card.is-front{box-shadow:0 18px 32px #57305d27}
.theme-playful .signature-section{padding-top:35px;padding-bottom:65px;position:relative}
.theme-playful .signature-photo{border-radius:0;overflow:visible}
.theme-playful .signature-photo img{mask-image:radial-gradient(ellipse 75% 72% at 51% 48%,#000 48%,transparent 91%);mix-blend-mode:multiply;object-fit:contain;aspect-ratio:1.65}
.signature-copy .eyebrow{margin-bottom:15px}
.theme-playful .intimacy-explore{background:linear-gradient(to bottom,#eee4f500 0%,#dfd0e9 5%,#ad90bb 11%,#5c3d70 17%,#28162f 24%,#201226 34%,#201226 82%,#6b4b77 92%,#eee4f5 100%);padding-top:220px;padding-bottom:125px;margin-top:-130px;position:relative}
.theme-playful .scene-deck{height:520px}
.theme-playful .explore-heading{margin-bottom:30px}
.theme-playful .explore-bottom{border-color:#d4b3cf2e}
.theme-playful .intimacy-note{padding-top:25px;padding-bottom:70px}
.theme-playful .footer{background:linear-gradient(#eee4f5,#d5c0e2 50%,#bfa4d0);color:#40284d;border:0;padding-top:55px}
.theme-playful .footer nav,.theme-playful .footer>p{color:#644c70}
.theme-playful .footer-note{border-color:#644c7022;color:#644c70}
@media(min-width:761px){.playful-copy{padding-bottom:10px}.theme-playful .playful-hero{height:clamp(510px,38vw,570px)}.conversation-section{margin-top:-10px}.theme-playful .signature-copy{padding-bottom:25px}}
@media(max-width:760px){
 .theme-playful .site-header{background:#eee4f5}.theme-playful .playful-hero{height:auto;min-height:0}.playful-art{height:310px;margin-top:-3px}.playful-art img{mask-image:radial-gradient(ellipse 78% 72% at 52% 46%,#000 47%,transparent 92%)}
 .playful-values{padding:9px 18px 18px;gap:12px;font-size:10px}.conversation-section{padding-top:19px;padding-bottom:10px}.conversation-stage{margin-top:0;height:320px}.conversation-hint{bottom:0}.conversation-heading h2{font-size:33px}
 .theme-playful .signature-section{padding-top:28px;padding-bottom:45px;gap:7px}.theme-playful .signature-copy{padding-bottom:0}.theme-playful .signature-photo img{aspect-ratio:1.3}
 .theme-playful .intimacy-explore{margin-top:-70px;padding-top:135px;padding-bottom:90px;background:linear-gradient(to bottom,#eee4f500,#ddcde7 5%,#8f6aa1 10%,#38213f 17%,#201226 25%,#201226 87%,#785385 94%,#eee4f5 100%)}
 .theme-playful .scene-deck{height:450px}.theme-playful .explore-heading{margin-bottom:20px}.theme-playful .intimacy-note{padding-top:12px;padding-bottom:30px}.theme-playful .footer{padding-bottom:115px}
}
.playful-art img,.theme-playful .signature-photo img{mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 87%,transparent);mask-composite:intersect}
/* Creative iteration: a journey through play, product and feeling. */
.theme-playful .site-header{position:sticky;top:0;z-index:35;background:#eee4f5f5}
.theme-playful .playful-hero{height:min(760px,calc(100svh - 80px));min-height:640px;padding-bottom:95px;isolation:isolate;overflow:clip}
.hero-wordmark{position:absolute;z-index:-1;left:3.5%;bottom:48px;font:italic 500 clamp(130px,20vw,300px)/.8 Georgia,serif;letter-spacing:-.09em;color:#6841770b;pointer-events:none}
.playful-copy{align-self:center}.playful-copy h1{letter-spacing:-.07em}.playful-eyebrow{font-size:9px;letter-spacing:.32em}
.playful-art{position:relative;perspective:1000px}.playful-art img{position:relative;z-index:0;width:107%;max-width:none;margin-left:-5%;height:100%;object-fit:contain;transform-origin:center}
.art-edition{position:absolute;top:27px;right:55px;z-index:2;font-size:8px;line-height:1.9;letter-spacing:.18em;color:#705377;text-align:right;pointer-events:none}
.art-note{position:absolute;bottom:35px;right:12%;z-index:2;padding:17px 22px;background:#fff0a7;color:#3f1b46;border-radius:3px;box-shadow:0 7px 20px #4d2b5a14;transform:rotate(-7deg);font:17px "Songti SC",serif;display:flex;gap:17px;align-items:center;transition:transform .3s}
.art-note:hover{transform:rotate(-3deg) translateY(-4px)}.art-note .icon{width:17px;height:17px}
.hero-route{position:absolute;bottom:20px;left:4.5%;right:4.5%;display:flex;align-items:center;border-top:1px solid #77558225;padding-top:16px;gap:38px;font-size:11px;color:#63496e}
.hero-route a{display:flex;gap:9px;align-items:center;min-height:35px}.hero-route a span{font:italic 13px Georgia,serif;color:#a08aaa}.hero-route a:hover{color:#251130}.hero-route-end{margin-left:auto;display:flex;align-items:center;gap:15px;font-size:10px}.hero-route-end .icon{width:16px;height:16px;transform:rotate(135deg)}
.playful-values{padding-top:26px;padding-bottom:10px;opacity:.65;font-size:10px;letter-spacing:.25em}
.conversation-section{position:relative;isolation:isolate;min-height:480px;padding-top:55px;padding-bottom:30px;grid-template-columns:32% 68%;overflow:clip}
.conversation-watermark{position:absolute;left:3.7%;bottom:30px;z-index:-1;font:italic 500 clamp(130px,20vw,280px)/1 Georgia,serif;letter-spacing:-.08em;color:#70447108;pointer-events:none}
.conversation-heading h2{font-size:clamp(40px,4.5vw,68px)}.conversation-heading>p:not(.eyebrow){line-height:1.8;max-width:250px;font-size:13px}
.conversation-controls{flex-wrap:wrap;gap:12px;align-items:center}.conversation-controls .shuffle-deck{width:auto;height:auto;min-height:43px;border-radius:25px;padding:12px 19px;background:#47204e;color:#fff0d9;font-size:11px}.conversation-controls .shuffle-deck:hover{background:#64376c}
.conversation-controls button[aria-label^="上一"] .icon{transform:rotate(-135deg)}.conversation-controls button[aria-label^="下一"] .icon{transform:rotate(45deg)}
.conversation-stage{height:390px}.conversation-card{height:295px;top:25px;transition:transform .75s cubic-bezier(.2,.9,.25,1),background .4s,color .4s,opacity .4s;backface-visibility:hidden}.conversation-card strong{font-size:29px}.conversation-card.is-front{transform:translateX(0) translateZ(35px) rotateY(-6deg) rotateZ(-2deg)}
.conversation-stage.is-shuffling .conversation-card{transform:translateX(0) translateZ(-80px) rotateY(0) rotateZ(-5deg);opacity:.6;transition-duration:.3s}.conversation-hint{bottom:7px}
.product-story{position:relative;display:grid;grid-template-columns:58% 42%;gap:0;padding:65px 4.5% 145px;align-items:start;isolation:isolate;scroll-margin-top:80px}
.product-story-stage{position:sticky;top:120px;height:calc(100svh - 180px);max-height:680px;min-height:430px;display:flex;flex-direction:column;justify-content:center;min-width:0;z-index:1}
.product-stage-label{font-size:8px;letter-spacing:.2em;line-height:1.8;color:#8d7495;padding-left:20px}
.product-story-media{position:relative;flex:1;min-height:0;perspective:1000px;isolation:isolate}
.product-story-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(40px) rotate(-6deg) scale(.9);transition:opacity .7s,transform 1s cubic-bezier(.22,1,.36,1);mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 86%,transparent);mask-composite:intersect;pointer-events:none}
.product-story-image.is-active{opacity:1;transform:translateY(0) rotate(-2deg) scale(1)}
.product-stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 26px;border-top:1px solid #8c69942e;color:#8a6b92;font-size:9px;letter-spacing:.1em}.product-stage-count{font:italic 20px Georgia,serif;color:#56375e}
.product-story-chapters{padding-left:6vw;position:relative;z-index:2}
.product-chapter{min-height:64vh;display:flex;flex-direction:column;justify-content:center;padding:45px 0;position:relative;opacity:.45;transition:opacity .5s}
.product-chapter.is-active{opacity:1}.product-chapter-number{font:italic 53px/1 Georgia,serif;color:#b294b2;text-align:left;align-self:flex-start;margin-bottom:25px;min-width:70px;padding:4px 0}
.product-chapter.is-active .product-chapter-number{color:#56325f}.product-chapter .eyebrow{font-size:8px;letter-spacing:.15em;color:#8a6b90;margin-bottom:14px}.product-chapter h2{font-size:clamp(32px,3.7vw,56px);font-weight:400;line-height:1.35;letter-spacing:-.04em}
.product-chapter-description{font-size:13px;line-height:2;color:#806489;margin:21px 0}.product-chapter .text-link{align-self:flex-start;font-size:12px;min-height:44px;gap:18px;color:#46214f}
.theme-playful .intimacy-explore{padding-top:200px;margin-top:-140px;background:linear-gradient(to bottom,#eee4f500,#e0d1e8 5%,#9b7aa8 11%,#41294c 18%,#201226 26%,#201226 82%,#72507c 93%,#eee4f5 100%)}
.intimacy-note h2{font-size:clamp(35px,4vw,60px);letter-spacing:-.035em}
@media(max-width:1000px) and (min-width:761px){.hero-route{gap:20px}.hero-route-end{display:none}.art-note{right:8%;font-size:14px;padding:14px 17px}.product-story{grid-template-columns:54% 46%}.product-story-chapters{padding-left:3vw}.conversation-controls .shuffle-deck{flex-basis:100%;width:fit-content;flex-grow:0}.product-chapter h2{font-size:36px}}
@media(max-width:760px){
 .theme-playful .site-header{height:68px}.theme-playful .playful-hero{height:auto;min-height:0;padding-bottom:74px;overflow:hidden}.playful-copy{padding-top:28px}.playful-copy h1{font-size:clamp(47px,13.3vw,68px)}.playful-art{height:330px;width:100%;margin-top:3px}.playful-art img{width:100%;margin-left:0}.hero-wordmark{font-size:145px;bottom:60px;left:20px}.art-edition{font-size:6px;top:10px;right:25px}.art-note{font-size:13px;bottom:8px;right:28px;padding:13px 17px;gap:12px}.hero-route{bottom:9px;left:24px;right:24px;gap:0;justify-content:space-between;padding-top:10px;font-size:9px}.hero-route a{gap:6px}.hero-route a span{font-size:11px}.hero-route-end{display:none}.playful-values{font-size:8px;padding:16px 10px 4px}
 .conversation-section{grid-template-columns:1fr;padding-top:29px;min-height:0;overflow:hidden}.conversation-heading h2{font-size:35px}.conversation-heading>p:not(.eyebrow){font-size:12px;margin-top:11px}.conversation-controls{margin-top:18px;gap:10px}.conversation-controls .shuffle-deck{font-size:11px;padding:11px 16px;min-height:40px}.conversation-stage{height:340px;margin-top:5px}.conversation-card{height:260px}.conversation-card strong{font-size:26px}.conversation-watermark{font-size:170px;bottom:50px;left:15px}.conversation-hint{font-size:9px}
 .product-story{display:block;padding:10px 20px 115px;scroll-margin-top:70px}.product-story-stage{top:68px;height:300px;min-height:0;max-height:none;background:#f0e6f3f5;padding-top:12px;z-index:3;margin:0 -20px}.product-stage-label{font-size:6px;padding-left:26px;letter-spacing:.15em}.product-stage-bottom{padding:8px 25px;font-size:7px}.product-stage-count{font-size:15px}.product-story-media{min-height:235px}.product-story-chapters{padding:0 8px}.product-chapter{min-height:380px;padding:42px 0 32px;opacity:.65}.product-chapter.is-active{opacity:1}.product-chapter-number{font-size:37px;margin-bottom:20px}.product-chapter h2{font-size:34px}.product-chapter .eyebrow{font-size:8px}.product-chapter-description{font-size:12px;margin:17px 0}.product-chapter .text-link{font-size:12px}
 .theme-playful .intimacy-explore{margin-top:-120px;padding-top:150px}.theme-playful .intimacy-note h2{font-size:33px}
}
@media(prefers-reduced-motion:reduce){.product-story-image,.product-chapter,.conversation-card,.art-note{transition:none}.product-story-image.is-active{transform:none}}
.product-story-media{overflow:clip}
@media(max-width:760px){.product-story-image.is-active{transform:none}}
/* Display fixes: mask the photograph itself, and give each card a readable state. */
.product-story-media{width:min(100%,calc(133.333svh - 320px));aspect-ratio:4/3;flex:0 0 auto;align-self:center;min-height:0}
.product-story-image{object-fit:cover;-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent);mask-composite:intersect}
.product-stage-label{display:block;max-width:100%;white-space:normal;overflow-wrap:break-word;padding:0 20px 8px;line-height:1.8}
.conversation-card{width:190px;left:calc(50% - 95px);padding:24px 24px;cursor:pointer}
.conversation-card:not(.is-front) .conversation-card-description,.conversation-card:not(.is-front) .conversation-card-footer{opacity:0;visibility:hidden}
.conversation-card:not(.is-front) strong{position:absolute;top:30px;left:18px;margin:0;writing-mode:vertical-rl;font-size:23px;letter-spacing:.13em;line-height:1.3;white-space:nowrap}
.conversation-card:not(.is-front)[data-side="right"] strong{left:auto;right:18px}
.conversation-card:not(.is-front) .conversation-no{position:absolute;left:18px;bottom:22px;top:auto;font-size:10px;letter-spacing:.1em}
.conversation-card:not(.is-front)[data-side="right"] .conversation-no{left:auto;right:18px}
.conversation-card.is-front{transform:translateX(0) translateZ(25px) rotateY(0) rotateZ(-1deg);cursor:pointer}
.conversation-card.is-front strong{font-size:29px;line-height:1.35;margin:27px 0 19px;white-space:normal;letter-spacing:.025em}
.conversation-card.is-front .conversation-card-description{font-size:13px;line-height:1.9}
.conversation-card.is-front .conversation-no{font-size:8px;white-space:nowrap;letter-spacing:.1em}
.conversation-card-description,.conversation-card-footer{transition:opacity .22s,visibility .22s}
.conversation-card:focus-visible{outline:3px solid #9470a2;outline-offset:5px}
@media(max-width:760px){
 .product-story-media{width:min(100%,313px);height:auto;min-height:0;aspect-ratio:4/3;flex:0 0 auto}
 .product-story-stage{justify-content:center;gap:0;padding-top:9px}.product-stage-label{align-self:stretch;padding:0 25px 5px;font-size:6px}
 .conversation-card{width:176px;left:calc(50% - 88px);padding:23px 21px}
 .conversation-card:not(.is-front):not(.is-near){opacity:0;visibility:hidden;pointer-events:none}
 .conversation-card:not(.is-front) strong{font-size:21px;top:28px;left:17px}.conversation-card:not(.is-front)[data-side="right"] strong{right:17px}
 .conversation-card.is-front strong{font-size:27px;margin-top:24px}.conversation-card.is-front .conversation-card-description{font-size:12px}
 .conversation-card.is-front .conversation-no{font-size:7px}
}
