/* TOP only. Existing collection, product and shared styles are kept independent. */
:root { --ink:#503120; --gold:#b08043; --line:#c6a16d; --column:41%; --paper:#fffdf8; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.classique-renewal { margin:0; background:#fff; color:var(--ink); font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif; font-size:14px; line-height:1.8; overflow-wrap:break-word; }
.classique-renewal a { color:inherit; text-decoration:none; }
.classique-renewal button,.classique-renewal summary { font:inherit; color:inherit; cursor:pointer; }
.classique-renewal button { background:none; border:0; }
.classique-renewal img { display:block; max-width:100%; height:auto; }
.classique-renewal [hidden] { display:none!important; }
.classique-renewal :focus-visible { outline:2px solid var(--gold); outline-offset:5px; }
.skip-link { position:fixed; top:10px; left:10px; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); background:white; z-index:100; white-space:nowrap; }
.skip-link:focus { width:auto; height:auto; overflow:visible; clip-path:none; padding:10px 20px; }
 .palace { position:absolute; inset:0; min-height:100%; pointer-events:none; z-index:-1; }
body.classique-renewal { position:relative; isolation:isolate; }
.content-column { width:var(--column); max-width:920px; margin-inline:auto; }
.top-header { position:relative; padding-top:12.9vw; padding-bottom:2.4vw; text-align:center; }
.brand { display:inline-flex; flex-direction:column; align-items:center; font-family:"Times New Roman",serif; line-height:1.15; }
.brand>span { font-size:clamp(30px,3.9vw,75px); white-space:nowrap; text-shadow:0 0 14px #fffbe9; }
.brand small { font-size:clamp(13px,1.76vw,34px); margin-top:7px; }
.brand-heading { margin:0; font-weight:400; line-height:1; }
.header-tools { display:flex; justify-content:flex-end; gap:10px; margin:5.7vw 2% 1.2vw; }
.header-tools a { display:grid; place-items:center; width:clamp(30px,3.5vw,54px); aspect-ratio:1; border:1px solid #d3b58e; border-radius:50%; background:rgba(255,253,247,.94); }
.header-tools svg { width:58%; fill:none; stroke:var(--gold); stroke-width:1.2; stroke-linecap:round; stroke-linejoin:round; }
.category-nav { display:flex; gap:clamp(4px,.4vw,8px); justify-content:space-between; position:relative; z-index:5; }
.category-nav>a,.category-nav>details { flex:1; min-width:0; }
.category-nav>a,.category-nav summary { display:block; border:1px solid var(--line); padding:9px 3px; background:rgba(255,253,248,.97); font:clamp(10px,1.1vw,21px)/1.3 "Times New Roman",serif; white-space:nowrap; }
.category-nav summary { list-style:none; }
.category-nav summary::-webkit-details-marker { display:none; }
.category-nav a:hover,.category-nav summary:hover { background:#f8eee0; }
.category-menu>ul { list-style:none; position:absolute; top:100%; left:0; right:0; margin:6px 0 0; padding:14px; border:1px solid var(--line); background:#fffdf8; display:flex; flex-wrap:wrap; justify-content:center; gap:8px 22px; box-shadow:0 8px 16px #50312015; }
.category-menu li>a { display:block; padding:6px; font-size:13px; }
.main-visual { min-height:14vw; margin-bottom:4.8vw; }
.top-section { text-align:center; margin-bottom:5.8vw; }
.section-heading { position:relative; width:max-content; max-width:90%; margin:0 auto 2.7vw; padding-inline:3.8vw; text-align:center; font-weight:400; }
.section-heading h2 { margin:0; font-size:clamp(18px,2.35vw,45px); font-weight:400; line-height:1.6; letter-spacing:.07em; }
.section-heading p { margin:0; font-size:clamp(12px,1.6vw,30px); font-family:"Times New Roman","Yu Mincho",serif; line-height:1.4; }
.section-heading::before,.section-heading::after { content:""; position:absolute; width:2.4vw; height:4.5vw; top:50%; transform:translateY(-50%); background:url('https://maylaclassic.com/maylaclassique/images/top/headingOrnament.webp') center/contain no-repeat; }
.section-heading::before { left:0; }.section-heading::after { right:0; transform:translateY(-50%) scaleX(-1); }
.story-book { display:block; width:94%; margin:0 auto 1.6vw; padding:0; transition:filter .2s; }
.story-book:hover { filter:brightness(1.03); }
.story-book img { width:100%; filter:drop-shadow(0 3px 4px #50312035); }
.outline-button { display:inline-flex; justify-content:center; align-items:center; min-width:50%; max-width:100%; min-height:38px; padding:7px 22px; border:1px solid var(--line)!important; border-radius:1px; background:#ffffffd9!important; font-size:clamp(12px,1.4vw,25px); line-height:1.5; }
.outline-button:hover { background:#faf3e8!important; }
.collection-shelf { position:relative; padding:0 4% 14%; }
.collection-books { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:end; gap:12%; margin:0; padding:0 7%; list-style:none; position:relative; z-index:1; }
.book-cover { display:block; padding:8% 8% 10%; background:#f3e5cd url('https://maylaclassic.com/maylaclassique/images/top/collectionBook.webp') center/cover; border:1px solid #c5ab87; box-shadow:3px 3px 5px #50312040,inset 4px 0 0 #50312035; }
.book-cover img { width:100%; aspect-ratio:2/3; object-fit:cover; }
.book-title { display:block; font-family:"Times New Roman",serif; font-size:clamp(11px,1.25vw,23px); margin:8px -14px 0; line-height:1.2; }
.collection-books a:hover .book-cover { transform:translateY(-4px); }
.shelf-image { position:absolute; width:110%; max-width:none!important; left:-5%; bottom:-9%; z-index:0; pointer-events:none; }
#top-collection>.outline-button { position:relative; z-index:2; margin-top:1.6vw; }
/* Production ItemList remains byte-for-byte unchanged; presentation is scoped here. */
.classique-renewal #itemContents { width:100%; max-width:none; margin:0; padding:0; }
.classique-renewal #itemContents>h2 { display:none; }
.classique-renewal #itemInner { padding-top:0; }
.classique-renewal #mainContents { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px 16px; width:100%; margin:0; }
.classique-renewal #mainContents .shouhinWrap { width:100%; margin:0; font-size:12px; padding:0; }
.classique-renewal #mainContents .shouhinWrap:nth-child(n+7) { display:none!important; }
.classique-renewal #mainContents .phot { width:100%; height:auto; aspect-ratio:1; margin:0; }
.classique-renewal #mainContents .phot img { width:100%; height:auto; aspect-ratio:1; object-fit:contain; }
.classique-renewal #mainContents .name { width:100%; line-height:1.6; padding:0; }
.classique-renewal #mainContents .price { line-height:1.8; }
.classique-renewal #mainContents .price_none { display:none; }
.classique-renewal #itemContents .viewMore { display:flex; justify-content:center; align-items:center; gap:20px; width:220px; max-width:100%; min-height:40px; padding:8px 20px; margin:28px auto 0; border:1px solid #c8ad88; font-size:12px; line-height:1.5; letter-spacing:.12em; background:#ffffffeb; transition:background .2s,border-color .2s; }
.classique-renewal #itemContents .viewMore::after { content:"→"; font-size:16px; line-height:1; letter-spacing:0; }
.classique-renewal #itemContents .viewMore:hover { background:#faf5ec; border-color:var(--gold); }
.feature-section { text-align:center; margin-bottom:4.4vw; }
.feature-section .section-heading { margin-bottom:2vw; }
.feature-banner { display:block; border:1px solid #bda57e; }
.feature-banner img { width:100%; }
.feature-banner:hover { opacity:.85; }
.top-footer { text-align:center; padding:8vw 0 28px; }
.footer-brand>span { font-size:clamp(26px,3vw,58px); }
.footer-brand small { font-size:clamp(12px,1.3vw,25px); }
.social-links { display:flex; gap:15px; align-items:center; justify-content:center; margin:2vw 0 24px; padding:0; list-style:none; }
.social-links img { width:25px; height:25px; object-fit:contain; }
.footer-links { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 18px; font-size:11px; }
.footer-links a { background:#ffffffb0; }
.copyright { display:block; font-size:10px; margin-top:15px; }
dialog { color:var(--ink); border:1px solid var(--line); padding:55px 30px 45px; width:min(680px,90vw); max-height:88dvh; background:var(--paper); text-align:center; overscroll-behavior:contain; }
dialog::backdrop { background:#302216b3; }
dialog h2 { font-size:21px; font-weight:400; margin:12px 0 35px; }
.dialog-close { position:sticky; top:-45px; float:right; padding:8px 12px!important; background:var(--paper)!important; border:1px solid var(--line)!important; font-size:12px!important; }
.story-copy p { font-size:14px; line-height:2; margin:0 0 20px; }
.dialog-open { overflow:hidden; }
.noscript-note { background:white; padding:30px; text-align:center; }
@media(min-width:1921px) { .palace,.palace::before,.palace::after { background-size:1920px auto; } .palace::before { height:1050px; } .palace::after { height:973px; } .top-header { padding-top:248px; } .header-tools { margin-top:109px; } }
@media(min-width:768px) and (max-width:1023px) {
 :root { --column:56%; }
 .palace,.palace::before,.palace::after { background-size:130% auto; }
 .palace::before { height:71.1vw; }.palace::after { height:65.9vw; }
 .top-header { padding-top:16.8vw; }.header-tools { margin-top:7.5vw; }
}
@media(max-width:767px) {
 :root { --column:78%; }
 .palace { background-size:170% auto; }
 .palace::before { height:93vw; background-size:170% auto; }
 .palace::after { height:86vw; background-size:170% auto; }
 .top-header { padding-top:20vw; padding-bottom:24px; }
 .brand>span { font-size:clamp(28px,7vw,44px); }.brand small { font-size:14px; }
 .header-tools { margin:30px 0 12px; gap:9px; }
 .header-tools a { width:34px; }
 .category-nav { flex-wrap:wrap; justify-content:center; gap:6px; }
 .category-nav>details { flex:1 1 22%; }.category-nav>a { flex:1 1 28%; }
 .category-nav>a,.category-nav summary { padding:9px 3px; font-size:clamp(10px,3.2vw,13px); }
 .category-menu>ul { gap:4px 10px; padding:10px; }
 .main-visual { margin-bottom:42px; min-height:130px; }
 .visual-slides { padding:3px; }
 .top-section { margin-bottom:58px; }
 .section-heading { max-width:100%; padding-inline:27px; margin-bottom:24px; }
 .section-heading h2 { font-size:clamp(16px,4.1vw,25px); letter-spacing:.04em; }
 .section-heading p { font-size:13px; }
 .section-heading::before,.section-heading::after { width:20px; height:42px; }
 .story-book { width:100%; margin-bottom:24px; }
 .outline-button { min-width:74%; min-height:42px; font-size:13px; padding:8px 12px; }
 .collection-books { gap:8%; padding-inline:3%; }.book-title { font-size:11px; margin-inline:-8px; }
 .collection-shelf { padding:0 3% 13%; }.shelf-image { bottom:-12%; }
 #top-collection>.outline-button { margin-top:24px; }
 .classique-renewal #mainContents { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px 14px; }
 .classique-renewal #mainContents .shouhinWrap { font-size:11px; }
 .classique-renewal #itemContents .viewMore { width:200px; min-height:40px; }
 .feature-section { margin-bottom:42px; }.feature-section .section-heading { margin-bottom:22px; }
 .top-footer { padding-top:50px; padding-bottom:25px; }
 .footer-brand>span { font-size:30px; }.footer-brand small { font-size:13px; }
 .social-links { gap:15px; margin-top:24px; }.social-links img { width:22px; height:22px; }
 .footer-links { font-size:10px; gap:8px 15px; }
 dialog { padding:45px 16px 30px; }dialog h2 { font-size:17px; }.story-copy p { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }

/* Reserved frame for the future single main visual. */
.main-visual-frame { border:1px solid var(--line); padding:5px; background:#fff; }
.main-visual-frame:empty { aspect-ratio:908/267; }
.main-visual-image { width:100%; height:auto; }

/* Actual half-page turn, with the spine as the rotation origin. */
.story-book { width:94%; margin:0 auto 20px; container-type:inline-size; }
.story-book:hover { filter:none; }
.page-book-shell { position:relative; }
.page-book-stage { position:relative; width:100%; aspect-ratio:1296/792; perspective:1600px; isolation:isolate; touch-action:pan-y; cursor:pointer; filter:drop-shadow(0 3px 4px #50312035); }
.book-page { position:absolute; top:0; width:50%; height:100%; overflow:hidden; background:transparent; }
.book-page-left { left:0; }.book-page-right { left:50%; }
.story-book .book-page>img { position:absolute; top:-15.151515%; width:237.037037%; max-width:none; height:129.292929%; filter:none; user-select:none; pointer-events:none; }
.book-page-left>img { left:-18.518519%; }.book-page-right>img { left:-118.518519%; }
.leaf-copy { position:absolute; inset:23% 9% 25% 11%; display:flex; flex-direction:column; justify-content:safe center; background:none; font-size:clamp(5.5px,1.7cqw,15px); line-height:1.8; text-align:left; cursor:text; overflow:auto; scrollbar-width:none; overscroll-behavior:contain; }
.leaf-copy p { margin:0 0 .9em; }.leaf-copy p:last-child { margin-bottom:0; }
.leaf-number { position:absolute; right:12%; bottom:11%; font:1.7cqw/1 Georgia,serif; color:var(--gold); }
.book-arrow { position:absolute; top:42%; width:32px; height:48px; padding:0!important; color:var(--gold)!important; font:48px/1 "Times New Roman",serif!important; z-index:6; }
.book-prev { left:-34px; }.book-next { right:-34px; }
.book-arrow:disabled { opacity:.25; cursor:default; }
.book-pagination { display:flex; align-items:center; justify-content:center; gap:22px; min-height:34px; margin:10px 0 20px; }
.book-dots { display:flex; gap:10px; }.book-dots button { display:block; width:8px; height:8px; padding:0; border:1px solid var(--gold); border-radius:50%; }
.book-dots button[aria-current="page"] { background:var(--gold); }.book-count { margin:0; font:13px/1.4 "Times New Roman",serif; letter-spacing:.05em; }

/* The cover bottom rests on the shelf's top plane. Labels sit below the board. */
.collection-shelf { position:relative; padding:0 4%; margin-bottom:12px; }
.collection-books { align-items:end; }.collection-books a { display:block; position:relative; }
.book-title { position:absolute; top:calc(100% + clamp(14px,2.4vw,38px)); left:-10%; width:120%; margin:0; }
.shelf-image { position:relative; left:-5%; bottom:auto; width:110%; margin-top:-9.395833%; }
.collection-books a:hover .book-cover { transform:none; filter:brightness(1.03); }
.collection-library .collection-shelf { margin-bottom:28px; }
.collection-library .shelf-image { aspect-ratio:1440/340; object-fit:cover; object-position:center top; }
.collection-library .collection-shelf:last-child { margin-bottom:18px; }
#top-collection { margin-bottom:clamp(48px,4vw,72px); }
.collection-library .book-cover img { object-fit:contain; background:#f7f0e4; }
#top-collection>.outline-button { margin-top:10px; }

/* Approved ground-floor view, flat ceilings, original plants. */
.palace { --scene-width:100vw; --scene-unit:calc(var(--scene-width) / 792); background:none; overflow:hidden; }
.palace::before,.palace::after { content:none; }
/* Keep the sky outside the tall, clipped palace and independent of browser chrome. */
html.classique-top,body.classique-renewal { overscroll-behavior-y:none; }
.palace-sky { position:fixed; top:0; left:0; right:0; height:100vh; height:100lvh; overflow:hidden; background:#b6bbd2; z-index:-2; pointer-events:none; }

.palace-white { position:absolute; left:24%; width:52%; top:calc(var(--scene-unit)*300); bottom:0; background:linear-gradient(to bottom,transparent,#ffffffd1 calc(var(--scene-unit)*140)); }
.palace-top,.palace-shaft,.palace-floor { position:absolute; left:0; right:0; background-position:center top; background-repeat:no-repeat; background-size:var(--scene-width) 100%; }
.palace-top { top:0; height:calc(var(--scene-unit)*1540); background-image:url('https://maylaclassic.com/maylaclassique/images/top/backgroundPalaceTop.webp'); }
.palace-shaft { top:calc(var(--scene-unit)*1540 - 1px); bottom:calc(var(--scene-unit)*425 - 1px); background-image:url('https://maylaclassic.com/maylaclassique/images/top/backgroundPalaceColumn.webp'); }
.palace-floor { bottom:0; height:calc(var(--scene-unit)*425); background-image:url('https://maylaclassic.com/maylaclassique/images/top/backgroundPalaceFloor.webp'); }
.palace-ornaments,.palace-trees { position:absolute; left:50%; width:var(--scene-width); height:100%; transform:translateX(-50%); }
.palace-side { position:absolute; top:0; left:0; width:50%; height:100%; }
.palace-side-right { left:auto; right:0; transform:scaleX(-1); }
.palace img { position:absolute; max-width:none; pointer-events:none; }
.palace-garland { left:calc(var(--scene-unit)*-24); width:calc(var(--scene-unit)*222); transform-origin:12% 50%; transform:rotate(48deg); }
.palace-garland-1 { top:calc(var(--scene-unit)*181); }
.palace-garland-2 { top:calc(var(--scene-unit)*639); transform:rotate(46deg); }
.palace-garland-3 { top:calc(var(--scene-unit)*1116); transform:rotate(40deg); }
.palace-vine { left:calc(var(--scene-unit)*122); width:calc(var(--scene-unit)*80); }
.palace-vine-1 { top:calc(var(--scene-unit)*325); }.palace-vine-2 { top:calc(var(--scene-unit)*771); }.palace-vine-3 { top:calc(var(--scene-unit)*1234); }
.palace-vine-top { left:calc(var(--scene-unit)*78); top:calc(var(--scene-unit)*-28); width:calc(var(--scene-unit)*140); }
.palace-flower-stand { left:calc(var(--scene-unit)*16); bottom:calc(var(--scene-unit)*178); width:calc(var(--scene-unit)*100); }
.palace-flower-stand-right { left:auto; right:calc(var(--scene-unit)*16); transform:scaleX(-1); }
.palace-trees { bottom:calc(var(--scene-unit)*245); height:calc(var(--scene-unit)*320); }
.palace-tree-window { position:absolute; top:0; bottom:0; width:12.5%; overflow:hidden; }
.palace-tree-window-left { left:0; }.palace-tree-window-right { right:0; transform:scaleX(-1); }
.palace-tree { bottom:0; height:100%!important; width:auto; }
.palace-tree-1 { left:calc(var(--scene-unit)*-60); }.palace-tree-2 { left:calc(var(--scene-unit)*-18); }.palace-tree-3 { left:calc(var(--scene-unit)*40); }
.palace-lamps { position:absolute; inset:0; pointer-events:none; }
.candle-light { position:absolute; display:block; transform:translate(-50%,-50%); mix-blend-mode:screen; }
.candle-light::before { content:""; position:absolute; inset:0; border-radius:50%; background:radial-gradient(ellipse,#ffd77b94 0%,#ffba4b56 22%,#f9a33e22 42%,transparent 68%); animation:classique-candle-glow var(--flicker-duration) linear var(--flicker-delay) infinite; }
.candle-light::after { content:""; position:absolute; width:5%; height:11%; left:53%; top:44%; border-radius:60% 40% 50% 50%; background:#fff4bb; box-shadow:-.55cqw 0 .3cqw #ffc864,.5cqw .1cqw .3cqw #ffc864,0 0 .4cqw #ffd26c; transform-origin:50% 100%; animation:classique-candle-flame var(--flicker-duration) ease-in-out var(--flicker-delay) infinite; }
@keyframes classique-candle-glow { 0%,100% { opacity:.62;transform:scale(.95); } 13% { opacity:.88;transform:scale(1.03); } 29% { opacity:.66;transform:scale(.97); } 44% { opacity:.95;transform:scale(1.06); } 58% { opacity:.72;transform:scale(.98); } 73% { opacity:.84;transform:scale(1.02); } 88% { opacity:.6;transform:scale(.96); } }
@keyframes classique-candle-flame { 0%,100% { opacity:.84;transform:rotate(-4deg) scaleY(.95); } 17% { opacity:1;transform:rotate(4deg) scaleY(1.07); } 37% { opacity:.74;transform:rotate(-3deg) scaleY(.9); } 56% { opacity:.95;transform:rotate(5deg) scaleY(1.04); } 79% { opacity:.85;transform:rotate(-5deg) scaleY(.97); } }
.scene-paused .cloud-layer,.scene-paused .candle-light::before,.scene-paused .candle-light::after { animation-play-state:paused; }

@media(min-width:768px) and (max-width:1023px) { .palace { --scene-width:110.5vw; }.palace-white { left:21%;width:58%; } }
@media(max-width:767px) {
 .palace { --scene-width:170vw; }
 .palace-white { left:8%;width:84%; background:linear-gradient(to bottom,transparent,#ffffff80 calc(var(--scene-unit)*140)); }
 .main-visual-frame { padding:3px; }.story-book { width:94%; margin-bottom:22px; }
 .book-arrow { width:25px; font-size:37px!important; }.book-prev { left:-22px; }.book-next { right:-22px; }
 .book-pagination { gap:16px; margin-bottom:22px; }.book-dots { gap:8px; }.book-dots button { width:6px;height:6px; }.book-count { font-size:11px; }
 .leaf-copy { line-height:1.55; }.leaf-copy p { margin-bottom:.65em; }
 .book-title { font-size:10px; top:calc(100% + 14px); }.collection-shelf { padding:0 3%; }.shelf-image { bottom:auto; margin-top:-9.395833%; }
 .collection-library .collection-books { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14%; padding-inline:8%; }
 .collection-library .collection-shelf { margin-bottom:20px; }
 #top-collection>.outline-button { margin-top:10px; }
}
@media(prefers-reduced-motion:reduce) { .cloud-layer,.candle-light::before,.candle-light::after { animation:none!important; } }

/* Load the floor when it approaches the viewport. */
.palace-floor.defer-scene:not(.scene-ready) { background-image:none; }

/* Official Classique CTA dimensions, shared by all three TOP actions. */
.classique-renewal .outline-button,.classique-renewal #itemContents .viewMore { display:inline-flex; justify-content:center; align-items:center; gap:0; width:239px; min-width:0; max-width:100%; height:53px; min-height:53px; padding:0; border:1px solid var(--line)!important; border-radius:0; background:#ffffffeb!important; font-size:17px; line-height:17px; letter-spacing:normal; }
.classique-renewal #itemContents .viewMore { display:flex; }
.classique-renewal #itemContents .viewMore::after { content:none; }
.classique-renewal .outline-button:hover,.classique-renewal #itemContents .viewMore:hover { background:#faf5ec!important; }

/* Hide only the original printed glyphs; retain the supplied page decoration. */
.book-print-cover { position:absolute;inset:0;pointer-events:none;background:var(--paper-image) repeat;background-size:48px 48px;mask-image:var(--ink-mask);mask-size:100% 100%;-webkit-mask-image:var(--ink-mask);-webkit-mask-size:100% 100%; }


/* Airy navigation: separators only. Icon target areas stay comfortably usable. */
.category-nav { gap:0; align-items:center; }
.category-nav>a,.category-nav summary { border:0; background:transparent; padding:8px 5px; }
.category-nav>:not(:first-child) { border-left:1px solid #a9845599; }
.category-nav a:hover,.category-nav summary:hover { background:#fff6; }
.header-tools a { border:0; border-radius:0; background:transparent; width:44px; }
.header-tools svg { width:29px; height:29px; stroke:#6b471f; stroke-width:1.45; filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px #fff); }
.main-visual-frame { background:#ffffffba; }
/* Depth motion is defined below with viewport-sized layers. */
.palace-top { background-image:image-set(url('https://maylaclassic.com/maylaclassique/images/top/backgroundPalaceTop.webp?v=18') 1x,url('https://maylaclassic.com/maylaclassique/images/top/backgroundPalaceTopHigh.webp?v=18') 2x); }
.palace-shaft { background-image:image-set(url('https://maylaclassic.com/maylaclassique/images/top/backgroundPalaceColumn.webp?v=18') 1x,url('https://maylaclassic.com/maylaclassique/images/top/backgroundPalaceColumnHigh.webp?v=18') 2x); }
.palace-floor { background-image:image-set(url('https://maylaclassic.com/maylaclassique/images/top/backgroundPalaceFloor.webp?v=18') 1x,url('https://maylaclassic.com/maylaclassique/images/top/backgroundPalaceFloorHigh.webp?v=18') 2x); }
.palace-floor.defer-scene:not(.scene-ready) { background-image:none; }
.page-book-stage { perspective:none; }
.book-case,.page-book-stage>.page-book-leaves { position:absolute; inset:0; width:100%; height:100%; }
/* Keep the turning sheet and its shadows inside the fixed inner paper area.
   Transparent image margins must never reveal sky within a curling leaf. */
.page-book-stage>.page-book-leaves { overflow:hidden; clip-path:inset(0 4.35% 2.3% 3.1%); isolation:isolate; }
.book-leaf>.book-page { left:0; width:100%; background:#fcf8ef; }
.book-leaf>.book-page-left { clip-path:inset(0 0 2.3% 6.2%); }
.book-leaf>.book-page-right { clip-path:inset(0 8.7% 2.3% 0); }
.book-case { pointer-events:none; }
.book-case>.book-page-left { clip-path:polygon(0 0,6.2% 0,6.2% 97.7%,100% 97.7%,100% 100%,0 100%); }
.book-case>.book-page-right { clip-path:polygon(91.3% 0,100% 0,100% 100%,0 100%,0 97.7%,91.3% 97.7%); }
.page-book-leaves .stf__wrapper { position:relative; width:100%; height:100%; }
.leaf-copy { inset:18% 11% 17% var(--copy-left,16%); overflow:auto; line-height:1.85; font-size:clamp(4px,1.6cqw,15px); overflow-wrap:normal; line-break:strict; }
.leaf-copy[data-copy-page="1"],.leaf-copy[data-copy-page="3"],.leaf-copy[data-copy-page="7"],.leaf-copy[data-copy-page="9"] { --copy-left:12%; }
.leaf-copy[data-copy-page="2"],.leaf-copy[data-copy-page="5"] { --copy-left:18%; }
.leaf-copy[data-copy-page="4"] { --copy-left:8%; font-size:clamp(3.8px,1.5cqw,15px); }
.leaf-copy[data-copy-page="8"] { --copy-left:20%; }
@media(min-width:768px) {
 .top-header { padding-top:calc(min(10.96vw,211px) + 32px); padding-bottom:2vw; }
 .brand>span { font-size:clamp(30px,3.32vw,64px); }.brand small { font-size:clamp(13px,1.5vw,29px); }
 .header-tools { margin-top:4.85vw; }
 .main-visual { min-height:11.9vw; margin-bottom:4.08vw; }
 .top-section { margin-bottom:4.93vw; }
 .section-heading { margin-bottom:2.3vw; padding-inline:3.23vw; }
 .section-heading h2 { font-size:clamp(18px,2vw,38px); }.section-heading p { font-size:clamp(12px,1.36vw,25.5px); }
 .section-heading::before,.section-heading::after { width:2.04vw; height:3.83vw; }
 .feature-section { margin-bottom:3.74vw; }
}
@media(min-width:768px) and (max-width:1023px) { .top-header { padding-top:calc(14.3vw + 24px); }.header-tools { margin-top:6.4vw; } }
@media(max-width:767px) {
 .category-nav { gap:10px 0; }
 .category-nav>details { flex:0 0 25%; }.category-nav>a { flex:0 0 33.333%; }
 .category-nav>:nth-child(5) { border-left:0; }
 .header-tools { margin-top:24px; gap:10px; }.header-tools a { width:40px; }.header-tools svg { width:26px;height:26px; }
 .top-section { margin-bottom:48px; }.main-visual { margin-bottom:35px; min-height:110px; }
 .story-book { width:100%; }.leaf-copy { line-height:1.65; }
}

/* Square editions: official key visuals, a narrow hinge and paper edges. */
.collection-library .book-cover { position:relative; display:block; aspect-ratio:1; padding:0; overflow:visible; color:var(--cover-ink); background:var(--cover-color); border:1px solid #80654c85; border-radius:1px 2px 2px 1px; box-shadow:1px 0 #e9dfcf,2px 1px #aa9780,3px 1px #f9f4e9,4px 2px #a28b70,5px 5px 7px #493d4124,0 13px 20px -13px #4c405b66; }
.collection-library .book-cover img { position:absolute; inset:0; width:100%; height:100%; aspect-ratio:1; object-fit:contain; background:var(--cover-color); border-radius:inherit; filter:none; mix-blend-mode:normal; }
.collection-library .book-cover::before { content:""; position:absolute; inset:0; z-index:1; border-radius:inherit; background:linear-gradient(90deg,#19141c55 0%,#ffffff26 2%,#00000016 4.5%,transparent 6%,#17121b4d 6.8%,#ffffff75 7.5%,transparent 9.5%); box-shadow:inset 0 1px 0 #ffffff66,inset -1px -1px 0 #21192435; pointer-events:none; }
.collection-library .book-cover::after { content:""; position:absolute; top:1px; bottom:1px; left:7%; width:1px; background:#51463840; pointer-events:none; }
.cover-scene { position:absolute; right:7%; bottom:4%; padding:1px 5px; background:#fffdf4e0; color:#60472c; font:clamp(7px,.65vw,11px)/1.5 "Times New Roman",serif; letter-spacing:.12em; z-index:2; }
@media(max-width:767px) { .cover-scene { font-size:8px; } }

/* Follow-up balance: lower wordmark, smaller mobile actions, clear section rhythm. */
.top-section,#top-collection { margin-bottom:clamp(100px,7vw,144px); }
@media(max-width:767px) {
 .top-header { padding-top:calc(20vw + 24px); }
 .top-section,#top-collection { margin-bottom:80px; }
 .classique-renewal .outline-button,.classique-renewal #itemContents .viewMore { width:200px; height:44px; min-height:44px; font-size:14px; line-height:14px; }
}

/* Quiet gilt edge; the production ItemList HTML remains unchanged. */
.classique-renewal #mainContents .phot { padding:4px; border:1px solid #b997626e; background:#fff; }
@media(min-width:768px) { .classique-renewal #mainContents { width:92%; margin-inline:auto; } }

/* Retain the spread on mobile, with the active story set at reading size. */
.book-mobile-copy { display:none; }
@media(max-width:767px) {
 .book-mobile-copy { display:grid; width:100%; padding:0 6px; margin:18px auto 24px; font-size:clamp(12px,3.25vw,13px); line-height:2; letter-spacing:.02em; text-align:center; }
 .book-mobile-spread { grid-area:1/1; visibility:hidden; align-self:center; }
 .book-mobile-spread[aria-hidden="false"] { visibility:visible; }
 .book-mobile-spread p { margin:0 0 1.1em; text-wrap:wrap; line-break:strict; overflow-wrap:normal; }
 .book-copy-line { display:block; }
 .book-copy-phrase { display:inline-block; white-space:nowrap; }
 .book-arrow { display:none; }
 .page-book-stage .leaf-copy { pointer-events:none; user-select:none; }
 .book-mobile-spread p:last-child { margin-bottom:0; }
 .story-copy p { font-size:15px; }
}

/* A fixed entrance, one reusable middle storey and a ground-floor cap. */
.palace-top { z-index:2; height:calc(var(--scene-unit)*600); }
.palace-top .palace-garland-2,.palace-top .palace-garland-3,.palace-top .palace-vine-2,.palace-top .palace-vine-3 { display:none; }
.palace-shaft { display:none; }
.palace-gallery { position:absolute; left:0; right:0; top:calc(var(--scene-unit)*600); bottom:calc(var(--scene-unit)*425); z-index:2; background-image:image-set(url('https://maylaclassic.com/maylaclassique/images/top/backgroundPalaceLevel.webp?v=18') 1x,url('https://maylaclassic.com/maylaclassique/images/top/backgroundPalaceLevelHigh.webp?v=18') 2x); background-position:center top; background-size:var(--scene-width) var(--level-height,calc(var(--scene-unit)*454)); background-repeat:repeat-y; }
.palace-level { position:absolute; left:50%; width:var(--scene-width); height:var(--level-height); transform:translateX(-50%); }
.palace-level .palace-garland { top:calc(var(--level-height)*.09); transform:rotate(46deg); }
.palace-level .palace-vine { top:calc(var(--level-height)*.38); left:calc(var(--scene-unit)*122); }
.palace-floor { z-index:3; }
.palace-lamps { z-index:4; }
.palace-gallery.defer-scene:not(.scene-ready) { background-image:none; }
@media(max-width:767px) {
 .palace { --scene-width:160vw; }
 .palace-top { background-image:image-set(url('https://maylaclassic.com/maylaclassique/images/top/backgroundPalaceMobileTop.webp?v=18') 1x,url('https://maylaclassic.com/maylaclassique/images/top/backgroundPalaceMobileTopHigh.webp?v=18') 2x); }
 .palace-gallery { background-image:image-set(url('https://maylaclassic.com/maylaclassique/images/top/backgroundPalaceMobileLevel.webp?v=18') 1x,url('https://maylaclassic.com/maylaclassique/images/top/backgroundPalaceMobileLevelHigh.webp?v=18') 2x); }
 .palace-gallery.defer-scene:not(.scene-ready) { background-image:none; }
 .palace-floor { background-image:image-set(url('https://maylaclassic.com/maylaclassique/images/top/backgroundPalaceMobileFloor.webp?v=18') 1x,url('https://maylaclassic.com/maylaclassique/images/top/backgroundPalaceMobileFloorHigh.webp?v=18') 2x); }
 .palace-floor.defer-scene:not(.scene-ready) { background-image:none; }
}


/* 2026-10-26 approved XD-style palace atlas: top 633, repeat 447, floor 548 / width 793. */
body.classique-renewal { display:flex; flex-direction:column; min-height:var(--palace-height,100vh); }
.top-footer { margin-top:auto; }
.palace { --scene-unit:calc(var(--scene-width) / 793); }
.palace-top {
    height:calc(var(--scene-unit)*633);
    background-image:url('https://maylaclassic.com/maylaclassique/images/top/castle-materials-20261026/backgroundPalaceTopAnimeV4.webp');
    background-size:var(--scene-width) 100%;
    background-position:center top;
}
.palace-gallery {
    top:calc(var(--scene-unit)*633);
    bottom:calc(var(--scene-unit)*548);
    background-image:none;
}
.palace-level::before {
    content:""; position:absolute; inset:0;
    background-image:url('https://maylaclassic.com/maylaclassique/images/top/castle-materials-20261026/backgroundPalaceLevelAnimeV3.webp');
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position:center;
}
.palace-floor {
    height:calc(var(--scene-unit)*548);
    background-image:url('https://maylaclassic.com/maylaclassique/images/top/castle-materials-20261026/backgroundPalaceFloorAnimeV3.webp');
    background-size:var(--scene-width) 100%;
    background-position:center bottom;
}
.palace-floor.defer-scene:not(.scene-ready),
.palace-gallery.defer-scene:not(.scene-ready) .palace-level::before { background-image:none; }
.palace-garland {
    left:calc(var(--scene-unit)*-26);
    width:calc(var(--scene-unit)*194);
    transform:rotate(20deg);
}
.palace-garland-1 { top:calc(var(--scene-unit)*300); }
.palace-level .palace-garland { top:calc(var(--level-height)*60/447); transform:rotate(20deg); }
.palace-vine { left:calc(var(--scene-unit)*105); }
.palace-vine-1 { top:calc(var(--scene-unit)*365); }
.palace-level .palace-vine { top:calc(var(--level-height)*112/447); left:calc(var(--scene-unit)*105); }
.palace-flower-stand { bottom:calc(var(--scene-unit)*285); }
.palace-trees { bottom:calc(var(--scene-unit)*398); }
.palace-lantern { transform:translate(-50%,-50%); height:auto; }
.palace-lantern-right { transform:translate(-50%,-50%) scaleX(-1); }
.palace-level { isolation:isolate; }
.palace-level::before { z-index:1; }
.palace-level>.palace-side { z-index:2; }
.palace-shaft-join { position:absolute; inset:0; z-index:0; }
.palace-shaft-strip {
    position:absolute; top:0; left:calc(var(--scene-unit)*89.24);
    width:calc(var(--scene-unit)*13); height:calc(var(--scene-unit)*140);
    background-image:url('https://maylaclassic.com/maylaclassique/images/top/castle-materials-20261026/backgroundPalaceLevelAnimeV3.webp');
    background-size:var(--scene-width) calc(var(--scene-unit)*1341);
    background-position:calc(var(--scene-unit)*-89.24) calc(var(--scene-unit)*-1191);
    background-repeat:no-repeat;
}
.palace-shaft-strip-right { left:auto; right:calc(var(--scene-unit)*89.24); transform:scaleX(-1); }
.palace-gallery.defer-scene:not(.scene-ready) .palace-shaft-strip { background-image:none; }
.palace-floor::before {
    content:""; position:absolute; left:0; right:0; top:0;
    height:calc(var(--scene-unit)*64);
    background:url('https://maylaclassic.com/maylaclassique/images/top/castle-materials-20261026/backgroundPalaceLevelAnimeV3.webp') center bottom / var(--scene-width) calc(var(--scene-unit)*447) no-repeat;
    -webkit-mask-image:linear-gradient(#000 0%,transparent 100%);
    mask-image:linear-gradient(#000 0%,transparent 100%);
}
.palace-floor.defer-scene:not(.scene-ready)::before { background-image:none; }


/* A continuous shaft surface spans each asset boundary. The approved bitmap is unchanged. */
.palace-shaft-join { display:block; z-index:0; }
.palace-shaft-strip {
    top:0; left:calc(var(--scene-unit)*89.24);
    width:calc(var(--scene-unit)*13); height:calc(var(--scene-unit)*140);
    background-size:var(--scene-width) calc(var(--scene-unit)*1341);
    background-position:calc(var(--scene-unit)*-89.24) calc(var(--scene-unit)*-1191);
    -webkit-mask-image:none; mask-image:none;
}
.palace-shaft-strip-right { left:auto; right:calc(var(--scene-unit)*89.24); }
.palace-seam-side { position:absolute; inset:0; z-index:1; pointer-events:none; }
.palace-seam-side::before,.palace-seam-side::after {
    content:""; position:absolute; top:calc(var(--scene-unit)*-60);
    left:calc(var(--scene-unit)*89.24); width:calc(var(--scene-unit)*35); height:calc(var(--scene-unit)*200);
    background:url('https://maylaclassic.com/maylaclassique/images/top/castle-materials-20261026/backgroundPalaceLevelAnimeV3.webp') calc(var(--scene-unit)*-89.24) calc(var(--scene-unit)*-694) / var(--scene-width) calc(var(--scene-unit)*894) no-repeat;
    -webkit-mask-image:linear-gradient(transparent,#000 20%); mask-image:linear-gradient(transparent,#000 20%);
    clip-path:polygon(0 0,100% 0,100% 67.3%,0 60.3%);
}
.palace-seam-side::after { left:auto; right:calc(var(--scene-unit)*89.24); transform:scaleX(-1); }
.palace-level::after,.palace-floor::before {
    content:""; position:absolute; left:50%; right:auto;
    top:calc(var(--scene-unit)*-90); width:var(--scene-width);
    height:calc(var(--scene-unit)*180); transform:translateX(-50%);
    background-image:url('https://maylaclassic.com/maylaclassique/images/top/castle-materials-20261026/backgroundPalaceLevelAnimeV3.webp');
    background-size:var(--scene-width) calc(var(--scene-unit)*894);
    background-position:center calc(var(--scene-unit)*-714);
    background-repeat:no-repeat;
    -webkit-mask-image:linear-gradient(transparent,#000 22%,#000 72%,transparent);
    mask-image:linear-gradient(transparent,#000 22%,#000 72%,transparent);
    pointer-events:none;
}
.palace-level::after { z-index:1; clip-path:inset(0 15.637%); }
.palace-floor::before {
    height:calc(var(--scene-unit)*150);
    background-position:center calc(var(--scene-unit)*-744);
}
.palace-gallery.defer-scene:not(.scene-ready) .palace-level::after,
.palace-gallery.defer-scene:not(.scene-ready) .palace-seam-side::before,
.palace-gallery.defer-scene:not(.scene-ready) .palace-seam-side::after,
.palace-floor.defer-scene:not(.scene-ready)::before { background-image:none; }
.palace-lantern { transform:translate(-50%,-50%); }
.palace-lantern-right { transform:translate(-50%,-50%) scaleX(-1); }
@media(max-width:767px) {
    .palace { --scene-width:calc(var(--scene-viewport,100vw)*1.6); }
}

/* Only the current TOP uses the native part loader; shared fragments are unchanged. */
.part-error { padding:16px; text-align:center; background:#fffdf8; }
.part-error button { border-bottom:1px solid currentColor; }

/* Offscreen flames do not need continuously animated layers. */
.candle-light:not(.candle-visible)::before,.candle-light:not(.candle-visible)::after { animation-play-state:paused; }

/* 2026-10-27: airy depth, restrained floating shadows, approved anime stone. */
.palace-sky { --sky-focus:clamp(100px,11vw,210px); background:#bac7dd url('https://maylaclassic.com/maylaclassique/images/top/backgroundSky.webp') center/cover no-repeat; }
.cloud-layer { position:absolute; inset:0; width:100%; background:url('https://maylaclassic.com/maylaclassique/images/top/backgroundSky.webp') center/cover no-repeat; transform-origin:50% var(--sky-focus); animation:classique-cloud-depth 60s linear infinite; will-change:transform,opacity; }
.cloud-layer-0 { animation-delay:-30s; }
.cloud-layer-1 { animation-delay:0s; }
@keyframes classique-cloud-depth { 0% { transform:scale(1); opacity:0; } 18% { opacity:.92; } 72% { opacity:.92; } 100% { transform:scale(1.48); opacity:0; } }
/* Diffused daylight from the arch, without straight or evenly spaced shafts. */
.palace-light {
 --light-source-y:clamp(100px,11vw,210px);
 position:absolute; top:0; left:0; right:0;
 height:clamp(760px,84vw,1500px); z-index:-2; pointer-events:none;
 background:
 radial-gradient(ellipse 10% 9% at 50% calc(var(--light-source-y) + 24px),#fffef8f7 0%,#fffef8d9 14%,#fffef89e 36%,#fffef840 64%,transparent 100%),
 radial-gradient(ellipse 24% 16% at 49% calc(var(--light-source-y) + 30px),#fffef5b3 0%,#fffdf266 32%,#fffdf21a 68%,transparent 100%),
 radial-gradient(ellipse 42% 26% at 53% calc(var(--light-source-y) + 45px),#fffdf159 0%,#fffefa26 40%,#fffefa08 72%,transparent 100%);
}
.palace-light::before {
 content:""; position:absolute; inset:0;
 background:
 radial-gradient(ellipse 26% 55% at 47% 25%,#fffef066 0%,#fffef024 37%,#fffef008 66%,transparent 88%),
 radial-gradient(ellipse 34% 44% at 33% 38%,#fffef033 0%,#fffef014 46%,transparent 86%),
 radial-gradient(ellipse 29% 52% at 67% 29%,#fffffb38 0%,#fffffb14 45%,transparent 88%);
 -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 42%,#0006 75%,transparent 100%);
 mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 42%,#0006 75%,transparent 100%);
}
.palace-white {
 --white-intro-depth:calc(var(--scene-unit)*110);
 opacity:1;
 background:linear-gradient(to bottom,transparent 0%,#ffffff66 var(--white-intro-depth),#ffffff85 46%,#ffffffb8 76%,#ffffffe6 100%);
 -webkit-mask-image:none; mask-image:none;
}
@media(max-width:767px) {
 .palace-white { --white-intro-depth:250px; }
 .palace-light {
  --light-source-y:95px; height:900px;
  background:
  radial-gradient(ellipse 20% 8% at 50% calc(var(--light-source-y) + 18px),#fffef8f7 0%,#fffef8d9 14%,#fffef89e 36%,#fffef840 64%,transparent 100%),
  radial-gradient(ellipse 44% 13% at 49% calc(var(--light-source-y) + 26px),#fffef5a3 0%,#fffdf259 32%,#fffdf214 68%,transparent 100%),
  radial-gradient(ellipse 82% 20% at 53% calc(var(--light-source-y) + 38px),#fffdf14d 0%,#fffefa21 40%,#fffefa08 72%,transparent 100%);
 }
 .palace-sky { --sky-focus:95px; background:linear-gradient(#9daed1 0%,#a8b9d3 45%,#c5c7dc 100%); }
 .cloud-layer {
  --cloud-tile:68lvh;
  background-size:auto var(--cloud-tile); background-repeat:repeat-y; background-position:center top;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent);
  -webkit-mask-size:100% var(--cloud-tile); mask-size:100% var(--cloud-tile);
  -webkit-mask-repeat:repeat-y; mask-repeat:repeat-y;
  animation-name:classique-cloud-depth-mobile;
 }
 .cloud-layer-1 {
  background-position:center -34lvh;
  -webkit-mask-position:0 -34lvh; mask-position:0 -34lvh;
 }
}
@keyframes classique-cloud-depth-mobile {
 0% { transform:scale(1); opacity:0; }
 18%,72% { opacity:.92; }
 100% { transform:scale(1.48); opacity:0; }
}

.brand>span { text-shadow:0 1px 2px #fff9; }
.brand small { text-shadow:0 1px 2px #fff8; }
.main-visual-frame { box-shadow:0 14px 30px -18px #39445e6b,0 3px 9px #39445e14; }
.page-book-shell::after { content:""; position:absolute; left:9%; right:9%; height:13px; bottom:-14px; background:radial-gradient(ellipse,#4d465939,transparent 70%); pointer-events:none; z-index:-1; }
.classique-renewal #mainContents .phot { box-shadow:0 8px 18px -10px #39445e66,0 2px 5px #39445e0d; }
.feature-banner { box-shadow:0 12px 24px -15px #39445e73,0 2px 6px #39445e14; }
.outline-button,.classique-renewal #itemContents .viewMore { box-shadow:0 8px 18px -12px #39445e80; }

@media(prefers-reduced-motion:reduce) { .cloud-layer { animation:none!important; opacity:0; transform:none; } }
@media(max-width:767px) and (prefers-reduced-motion:reduce) { .cloud-layer-0 { opacity:.9; }.cloud-layer-1 { opacity:.6; } }

/* The floor catches the same light at a lower intensity than the source. */
.palace-floor::after {
    content:""; position:absolute; inset:27% 0 0; z-index:0; opacity:.38; pointer-events:none;
    -webkit-mask-image:linear-gradient(to bottom,transparent,#000 10%);
    mask-image:linear-gradient(to bottom,transparent,#000 10%);
    background:
      radial-gradient(ellipse 45% 88% at 50% 28%,#fffefbdb 0%,#fffefbc2 28%,#fffffd80 53%,#fffefb24 80%,#fff0 100%),
      linear-gradient(to bottom,#fffefb70 0%,#ffffff1c 42%,transparent 100%);
}
.palace-floor>.palace-ornaments { z-index:1; }
@media(max-width:767px) {
    .palace-floor::after { background:radial-gradient(ellipse 76% 88% at 50% 28%,#fffefbc7 0%,#fffefba8 28%,#ffffff66 56%,#fff0 100%); }
}

/* Sparse petals and floor reflections: transform/opacity only, no image requests. */
.page-book-stage .leaf-copy { cursor:pointer; }
.palace-petals { position:fixed; inset:0; height:100vh; height:100lvh; overflow:hidden; pointer-events:none; z-index:4; }
.palace-petal { position:absolute; top:-24px; left:var(--petal-x); width:var(--petal-size); height:calc(var(--petal-size)*1.4); opacity:0; animation:classique-petal-fall var(--petal-duration) linear var(--petal-delay) infinite; }
.palace-petal::before { content:""; display:block; width:100%; height:100%; border-radius:80% 18% 72% 35%; background:linear-gradient(135deg,#fffaf4 8%,#f2d1c8 52%,#dba69b 100%); box-shadow:inset 1px 1px 1px #fff9; transform:rotate(35deg); }
@keyframes classique-petal-fall {
 0% { transform:translate3d(0,-16px,0) rotate(0deg) scaleX(.7); opacity:0; }
 10% { opacity:.62; }
 30% { transform:translate3d(24px,30lvh,0) rotate(95deg) scaleX(.95); }
 55% { transform:translate3d(-18px,57lvh,0) rotate(195deg) scaleX(.45); }
 80% { transform:translate3d(30px,84lvh,0) rotate(285deg) scaleX(.85); opacity:.55; }
 100% { transform:translate3d(8px,110lvh,0) rotate(390deg) scaleX(.65); opacity:0; }
}
.floor-water { position:absolute; inset:42% 0 0; overflow:hidden; z-index:1; pointer-events:none; contain:paint; mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 95%,transparent); -webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 95%,transparent); }
.floor-water::before,.floor-water::after { content:""; position:absolute; inset:-6%; opacity:0; background:radial-gradient(ellipse at 50% 50%,transparent 54%,#fffefa8c 57%,#fff 58%,#fffdf34d 60%,transparent 64%) 0 0 / 230px 71px,radial-gradient(ellipse at 50% 50%,transparent 52%,#fff9 56%,#fff 58%,transparent 63%) 110px 43px / 310px 101px; animation:classique-water-shimmer 11s ease-in-out infinite alternate; animation-play-state:paused; }
.floor-water::after { background-size:290px 89px,370px 121px; background-position:80px 23px,20px 70px; animation-delay:-6s; animation-duration:14s; }
@keyframes classique-water-shimmer { 0% { transform:translate3d(-14px,-5px,0) scale(1.02,.96); opacity:.12; } 50% { opacity:.36; } 100% { transform:translate3d(16px,8px,0) scale(.98,1.04); opacity:.2; } }
.floor-glint { position:absolute; left:var(--glint-x); top:var(--glint-y); width:clamp(12px,1.5vw,26px); height:clamp(12px,1.5vw,26px); opacity:0; animation:classique-floor-glint 6s ease-in-out var(--glint-delay) infinite; animation-play-state:paused; }
.floor-glint::before,.floor-glint::after { content:""; position:absolute; inset:0; background:radial-gradient(ellipse 7% 50% at center,#fff 20%,#fffdf8b3 50%,transparent 100%); }
.floor-glint::after { transform:rotate(90deg) scale(.75); }
@keyframes classique-floor-glint { 0%,38%,100% { transform:scale(.45); opacity:0; } 58% { transform:scale(1); opacity:.85; } 76% { transform:scale(.6); opacity:.1; } }
.floor-water.effects-visible::before,.floor-water.effects-visible::after,.floor-water.effects-visible .floor-glint { animation-play-state:running; }
.palace-floor>.palace-ornaments { z-index:2; }
.scene-paused .palace-petal,.scene-paused .floor-water::before,.scene-paused .floor-water::after,.scene-paused .floor-glint { animation-play-state:paused; }
/* Quiet down the section headings without changing the main brand logo. */
@media(min-width:768px) {
 .section-heading { padding-inline:2.8vw; }
 .section-heading h2 { font-size:clamp(16px,1.7vw,32px); }
 .section-heading p { font-size:clamp(11px,1.15vw,22px); }
 .section-heading::before,.section-heading::after { width:1.75vw; height:3.25vw; }
}
@media(max-width:767px) {
 .section-heading { padding-inline:24px; }
 .section-heading h2 { font-size:clamp(15px,3.6vw,22px); }
 .section-heading p { font-size:12px; }
 .section-heading::before,.section-heading::after { width:17px; height:35px; }
 .palace-petal:nth-child(n+8) { display:none; animation:none; }
 .floor-water::after { display:none; animation:none; }
 .floor-water::before { background-size:170px 53px,230px 75px; }
 .floor-glint:nth-child(n+5) { display:none; animation:none; }
}
@media(prefers-reduced-motion:reduce) {
 .palace-petals,.floor-water { display:none; }
 .palace-petal,.floor-water::before,.floor-water::after,.floor-glint { animation:none; }
}

.floor-water { --sun-facets:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22s%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.6%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4dfab%22%20stop-opacity%3D%22.72%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22url(%23s)%22%20stroke%3D%22%238195ad%22%20stroke-opacity%3D%22.15%22%20stroke-width%3D%22.5%22%3E%3Cpath%20d%3D%22M28%2022%2038%2021%2043%2019%2047%2021%2065%2020%2070%2022%2058%2024%2049%2023%2039%2025%2032%2024Z%22%2F%3E%3Cpath%20d%3D%22M5%2012%2011%2011%2014%209%2016%2011%2025%2010%2028%2012%2018%2014%2012%2013Z%22%2F%3E%3Cpath%20d%3D%22M66%2035%2076%2032%2080%2033%2091%2032%2096%2034%2085%2036%2075%2036Z%22%2F%3E%3Cpath%20d%3D%22M29%2040%2034%2038%2036%2039%2044%2038%2047%2040%2036%2042Z%22%2F%3E%3Cpath%20d%3D%22M75%208%2082%206%2084%207%2094%206%2097%208%2087%2010%2080%209Z%22%2F%3E%3Cpath%20d%3D%22M3%2029%208%2027%2017%2028%2013%2030%207%2030Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
/* Sunlight broken into small, independently shimmering wave reflections. */
.floor-water { inset:31% 0 0; mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 96%,transparent); -webkit-mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 96%,transparent); }
.floor-water::before,.floor-water::after {
 inset:-4%; opacity:0;
 background:
 radial-gradient(ellipse 18% 2% at 30% 25%,#fffff4d9,transparent 100%),
 radial-gradient(ellipse 13% 1.4% at 73% 43%,#fffffff2,transparent 100%),
 radial-gradient(ellipse 23% 2.8% at 47% 68%,#fffdf3cc,transparent 100%),
 radial-gradient(ellipse 16% 1.6% at 15% 86%,#ffffffd9,transparent 100%),
 radial-gradient(ellipse 21% 2.4% at 86% 91%,#fffdf3cc,transparent 100%);
 background-size:100% 100%; background-repeat:no-repeat;
 animation:classique-sun-water 7.3s ease-in-out infinite alternate; animation-play-state:paused;
}
.floor-water::after { background-position:18px -32px; animation-name:classique-sun-water-back; animation-duration:9.7s; animation-delay:-4.9s; }
@keyframes classique-sun-water {
 0% { transform:translate3d(-10px,-5px,0) scaleX(.94); opacity:.18; }
 48% { opacity:.62; }
 100% { transform:translate3d(13px,6px,0) scaleX(1.07); opacity:.26; }
}
@keyframes classique-sun-water-back {
 0% { transform:translate3d(12px,7px,0) scaleX(1.05); opacity:.16; }
 55% { opacity:.52; }
 100% { transform:translate3d(-14px,-5px,0) scaleX(.95); opacity:.3; }
}
.floor-glint {
 width:var(--glint-width); height:var(--glint-height); opacity:0;
 animation:classique-sun-glitter var(--glint-duration) linear var(--glint-delay) infinite; animation-play-state:paused;
}
.floor-glint::before,.floor-glint::after { inset:0; transform:none; }
.floor-glint::before {
 background:var(--sun-facets) center/100% 100% no-repeat;
}
.floor-glint::after {
 background:radial-gradient(ellipse 30% 25% at 48% 43%,#fffde666,transparent 100%),radial-gradient(ellipse 21% 5% at 48% 61%,#7891b333,transparent 100%);
}
.floor-glint:nth-child(3n)::before { transform:scaleX(.72) rotate(-6deg); }
.floor-glint:nth-child(3n+1)::before { transform:scaleX(1.13) rotate(4deg); }
@keyframes classique-sun-glitter {
 0%,12%,100% { transform:translate3d(-3px,0,0) scaleX(.68); opacity:0; }
 23% { transform:translate3d(0,-1px,0) scaleX(.88); opacity:.44; }
 33% { transform:translate3d(2px,-2px,0) scaleX(1.18); opacity:1; }
 41% { transform:translate3d(3px,-2px,0) scaleX(.82); opacity:.25; }
 53% { transform:translate3d(4px,-3px,0) scaleX(1.12); opacity:.86; }
 68% { transform:translate3d(5px,-3px,0) scaleX(.78); opacity:.12; }
 82% { transform:translate3d(6px,-4px,0) scaleX(.7); opacity:0; }
}
.floor-water.effects-visible::before,.floor-water.effects-visible::after,.floor-water.effects-visible .floor-glint { animation-play-state:running; }
.scene-paused .floor-water::before,.scene-paused .floor-water::after,.scene-paused .floor-glint { animation-play-state:paused; }
@media(max-width:767px) {
 .floor-water::after { display:none; animation:none; }
 .floor-water::before { background-size:100% 100%; }
 .floor-glint:nth-child(n) { display:block; }
 .floor-glint:nth-child(n+15) { display:none; animation:none; }
}
@media(prefers-reduced-motion:reduce) {
 .floor-water { display:none; }
 .floor-water::before,.floor-water::after,.floor-glint { animation:none; }
}

/* Champagne-gold circular controls, using the existing accessible SVG links. */
.header-tools { gap:clamp(12px,1vw,18px); }
.header-tools a {
 --tool-size:clamp(48px,3.3vw,60px);
 position:relative; display:grid; place-items:center; flex:0 0 var(--tool-size);
 width:var(--tool-size); height:var(--tool-size); padding:0;
 border:1px solid transparent; border-radius:50%;
 background:
 linear-gradient(145deg,#fffdf5 0%,#f8efd9 43%,#ebd6aa 100%) padding-box,
 linear-gradient(135deg,#b6934f 0%,#f2dfae 28%,#c4a15d 62%,#9a7638 100%) border-box;
 box-shadow:0 4px 12px #7251231c,inset 0 1px 1px #fffdf5;
 transition:transform .2s ease,box-shadow .2s ease;
}
.header-tools a::before { content:""; position:absolute; inset:4px; border:1px solid #ba985d69; border-radius:inherit; pointer-events:none; }
.header-tools svg { width:54%; height:54%; fill:none; stroke:#896229; stroke-width:1.3; filter:none; }
.header-tools a:focus-visible { outline:2px solid #95703a; outline-offset:4px; }
@media(hover:hover) {
 .header-tools a:hover { transform:translateY(-1px); box-shadow:0 6px 15px #7251232b,inset 0 1px 1px #fffdf5; }
}
.header-tools a:active { transform:translateY(0); }
@media(min-width:1024px) {
 :root { --column:45%; }
 .content-column { max-width:1000px; }
}
@media(max-width:767px) {
 .header-tools { gap:12px; }
 .header-tools a { --tool-size:44px; }
}

/* White reflected light: clustered pinpoints with a clear, short glint. */
.floor-water::before,.floor-water::after { content:none; animation:none; }
.floor-water { inset:38% 0 0; }
.floor-glint {
 width:clamp(44px,calc(var(--glint-width)*.85),86px);
 height:clamp(28px,calc(var(--glint-height)*.9),46px);
}
.floor-glint:nth-child(n) {
 animation:classique-tile-sparkle calc(var(--glint-duration)*.72) ease-in-out var(--glint-delay) infinite;
 animation-play-state:paused;
}
.floor-glint:nth-child(odd) { left:calc(5% + var(--glint-x)*.3); }
.floor-glint:nth-child(even) { left:calc(64% + var(--glint-x)*.3); }
.floor-glint::before {
 background:
 radial-gradient(circle at 50% 48%,#fff 0 2.2px,#fffffff2 2.8px,#ffffff80 3.6px,transparent 5px),
 radial-gradient(ellipse 16px 1.6px at 50% 48%,#fff 0 18%,#ffffffe6 38%,transparent 100%),
 radial-gradient(ellipse 1.4px 10px at 50% 48%,#fff 0 12%,#ffffffcc 38%,transparent 100%),
 radial-gradient(circle at 16% 22%,#fff 0 1px,#ffffffb3 1.6px,transparent 3px),
 radial-gradient(ellipse 6px 1px at 16% 22%,#ffffffeb 0 18%,transparent 100%),
 radial-gradient(circle at 82% 76%,#fff 0 1.2px,#ffffffcc 1.9px,transparent 3.2px),
 radial-gradient(ellipse 7px 1px at 82% 76%,#ffffffeb 0 18%,transparent 100%);
}
.floor-glint:nth-child(n)::before { transform:none; }
.floor-glint::after {
 z-index:-1;
 background:
 radial-gradient(ellipse 12px 9px at 50% 48%,#758aa866 0 30%,#758aa82e 56%,#758aa80a 78%,transparent 100%),
 radial-gradient(ellipse 19px 11px at 50% 48%,#ffffff80 0%,#ffffff33 40%,transparent 100%),
 radial-gradient(ellipse 6px 4px at 16% 22%,#758aa840 0%,transparent 100%),
 radial-gradient(ellipse 7px 4px at 82% 76%,#758aa840 0%,transparent 100%);
}
@keyframes classique-tile-sparkle {
 0%,100% { transform:scale(.72); opacity:0; }
 16% { transform:scale(.86); opacity:.45; }
 29% { transform:scale(1.08); opacity:1; }
 43% { transform:scale(.78); opacity:.12; }
 61% { transform:scale(1); opacity:.94; }
 78% { transform:scale(.84); opacity:.3; }
 90% { transform:scale(.72); opacity:0; }
}
.floor-water.effects-visible .floor-glint:nth-child(n) { animation-play-state:running; }
.scene-paused .floor-water .floor-glint:nth-child(n) { animation-play-state:paused; }
@media(max-width:767px) {
 .floor-glint { width:clamp(32px,calc(var(--glint-width)*.6),58px); height:clamp(24px,calc(var(--glint-height)*.7),36px); }
 .floor-glint:nth-child(n+15) { display:none; animation:none; }
}
@media(prefers-reduced-motion:reduce) { .floor-water { display:none; }.floor-glint:nth-child(n) { animation:none; } }

/* 2026-10-27: pastel scenery, continuous outer white gradient and larger library covers. */
.palace-sky { filter:saturate(.78) brightness(1.03); }
.palace-white { left:0; width:100%; z-index:1; }
/* Tone individual decoration bands; leave the sky clear and avoid a page-height filter. */
.palace::after { content:none; }
/* Keep overflowing shaft bridges out of a parent filter/compositing boundary.
   Apply the tone only to the painted pieces. Contrast comes before brightness
   so clipped white highlights cannot be converted into flat gray. */
.palace { --palace-decor-tone:saturate(.45) contrast(.84) brightness(1.16); }
.palace-top,.palace-level,.palace-floor { filter:none; }
.palace-top { background-image:none; }
.palace-top::before {
 content:""; position:absolute; inset:0; pointer-events:none;
 background:url('https://maylaclassic.com/maylaclassique/images/top/castle-materials-20261026/backgroundPalaceTopAnimeV4.webp') center top / var(--scene-width) 100% no-repeat;
}
.palace-top::before,.palace-top::after,
.palace-level::before,.palace-level::after,
.palace-seam-side::before,.palace-seam-side::after,
.palace-shaft-strip,.palace-floor::before,.palace-floor-tone,.palace img {
 filter:var(--palace-decor-tone);
}
/* The floor's approved blue/ivory reflections remain unfiltered. Only the
   upper architectural part receives the same pale tone as the columns. */
.palace-floor-tone {
 position:absolute; inset:0; z-index:0; pointer-events:none; background:inherit;
 -webkit-mask-image:linear-gradient(#000 0%,#000 31%,transparent 44%);
 mask-image:linear-gradient(#000 0%,#000 31%,transparent 44%);
}
.palace-floor::before { z-index:1; }
.palace-top::after {
 content:""; position:absolute; left:calc(50% - var(--scene-unit)*23.722222);
 top:0; width:calc(var(--scene-unit)*47.444444); height:calc(var(--scene-unit)*67.821429);
 background:url('https://maylaclassic.com/maylaclassique/images/top/keystoneEternelleGold.webp') center/100% 100% no-repeat;
 clip-path:polygon(25% 19.4%,73% 19.4%,78% 23.5%,73% 65.8%,69% 68%,29% 68%,25% 65.8%,20% 25%);
 pointer-events:none;
}
.collection-library .collection-shelf { padding-inline:2%; }
.collection-library .collection-books { gap:3%; padding-inline:0; }
@media(max-width:767px) { .collection-library .collection-shelf { padding-inline:1%; }.collection-library .collection-books { gap:6%; padding-inline:0; } }
/* Live story text on both the turning leaf and the playing spread. */
.book-page-animated .leaf-copy { opacity:1; inset:23% 8% 23% 19%; color:#fffdf6; font-size:clamp(4px,1.8cqw,15px); line-height:1.9; text-shadow:0 1px 2px #14283bbf; pointer-events:auto; user-select:text; }
.page-book-stage .book-page-animated .leaf-copy { cursor:text; }
.story-book .book-page-animated>img { top:0; width:185.1%; height:97.7%; }
.book-page-animated.book-page-left>img { left:6.2%; }
.book-page-animated.book-page-right>img { left:-93.8%; }
.book-motion { position:absolute; left:3.1%; top:0; width:92.55%; height:97.7%; object-fit:fill; z-index:5; visibility:hidden; pointer-events:none; }
.book-motion.is-active { visibility:visible; }
.page-book-stage[data-page="6"]::after {
 content:""; position:absolute; top:0; bottom:2.3%; left:49.3%; width:1.4%; z-index:6;
 background:linear-gradient(90deg,transparent,#57452e26 48%,#fff6 54%,transparent); pointer-events:none;
}
.page-book-stage[aria-busy="true"]::after { display:none; }
@media(prefers-reduced-motion:reduce) { .book-motion { display:none; } }

/* The animated spread has one selectable overlay; the leaf retains its accessible text. */
.book-motion-copy { position:absolute; left:50%; top:0; width:50%; height:100%; z-index:7; visibility:hidden; pointer-events:none; }
.book-motion-copy.is-active { visibility:visible; }
@media(max-width:767px) { .page-book-stage .book-page-animated .leaf-copy { pointer-events:none; user-select:none; } }
@media(prefers-reduced-motion:reduce) { .book-motion-copy { display:none; } }

/* Raise the footer group without changing the scene's measured height. */
.top-footer { position:relative; top:clamp(-56px,-3vw,-24px); }

/* Keep the emblem close to its original gold while the stone stays pale. */
.palace-top::after { filter:saturate(.78) brightness(1.06); }
.palace-emblem-glints {
 position:absolute; left:calc(50% - var(--scene-unit)*23.722222); top:0;
 width:calc(var(--scene-unit)*47.444444); height:calc(var(--scene-unit)*67.821429);
 z-index:1; pointer-events:none;
}
.emblem-glint {
 position:absolute; left:51%; top:27%; width:clamp(6px,calc(var(--scene-unit)*5.5),12px);
 aspect-ratio:1; border-radius:50%; opacity:0;
 background:radial-gradient(ellipse 13% 50% at center,#fff 0%,#fff 22%,#ffffff99 50%,transparent 100%),
  radial-gradient(ellipse 50% 13% at center,#fff 0%,#fff 22%,#ffffff99 50%,transparent 100%),
  radial-gradient(circle at center,#fff 0%,#fffde9c9 13%,#ffffff22 38%,transparent 70%);
 animation:classique-emblem-sparkle 5.8s ease-in-out -.5s infinite paused;
}
.emblem-glint:nth-child(2) { left:72%; top:43%; animation-delay:-2.4s; }
.emblem-glint:nth-child(3) { left:48%; top:59%; animation-delay:-4.3s; }
@keyframes classique-emblem-sparkle {
 0%,24%,100% { opacity:0; transform:translate(-50%,-50%) scale(.4); }
 8% { opacity:.95; transform:translate(-50%,-50%) scale(1); }
 14% { opacity:.32; transform:translate(-50%,-50%) scale(.72); }
}
.palace-emblem-glints.effects-visible .emblem-glint { animation-play-state:running; }
.scene-paused .palace-emblem-glints .emblem-glint { animation-play-state:paused; }
@media(prefers-reduced-motion:reduce) { .emblem-glint { display:none; animation:none; } }

/* The existing flourish silhouette, shaded in quiet gold to match the emblem. */
.section-heading::before,.section-heading::after {
 background:linear-gradient(115deg,#8e7047 0%,#c5a574 20%,#fff0cd 34%,#b08b53 48%,#e6cc9b 62%,#9b794b 80%,#dfc18e 100%);
 -webkit-mask:url('data:image/webp;base64,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') center/contain no-repeat;
 mask:url('data:image/webp;base64,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') center/contain no-repeat;
 filter:none;
}
/* A square native-scale window into the existing keystone image (y=22..274).
   Expand the outline at the side buds instead of squeezing the emblem to fit. */
.palace-top::after {
 top:calc(var(--scene-unit)*4.141975); height:auto; aspect-ratio:1;
 background-size:100% 142.857143%; background-position:50% 20.370370%;
 clip-path:polygon(25% 19%,73% 19%,78% 25%,77% 43%,86% 52%,77% 60%,73% 85.3%,69% 88.4%,29% 88.4%,25% 85.3%,22% 60%,14% 52%,22% 43%,20% 27%);
}

/* BEGIN PC FOOTER TRIAL 20261029: remove this block to restore the original layout. */
.top-footer .footer-pc-columns,.top-footer .footer-follow { display:contents; }
.top-footer .footer-pc-column,.top-footer .footer-pc-heading { display:none; }
@media (min-width:1024px) {
 .top-footer.content-column { width:76%; max-width:1200px; padding-top:clamp(56px,5vw,96px); padding-bottom:30px; }
 .top-footer .footer-pc-columns { display:grid; grid-template-columns:1.1fr 1.1fr 1fr 1fr; gap:clamp(24px,3vw,52px); margin-top:40px; padding:34px 0 30px; text-align:left; text-shadow:0 1px 8px #fff,0 0 18px #fff; }
 .top-footer .footer-pc-column,.top-footer .footer-follow,.top-footer .footer-pc-heading { display:block; min-width:0; }
 .top-footer .footer-pc-columns h3 { margin:0 0 18px; font-family:"Times New Roman",serif; font-size:23px; line-height:1.3; font-weight:400; letter-spacing:.015em; }
 .top-footer .footer-pc-column ul { margin:0; padding:0; list-style:none; }
 .top-footer .footer-pc-column li { margin:0; font-size:13px; line-height:1.7; }
 .top-footer .footer-pc-column li+li { margin-top:8px; }
 .top-footer .footer-pc-column a { display:inline-block; padding:2px 0; }
 .top-footer .footer-pc-column a:hover { text-decoration:underline; text-decoration-color:#bda57e; text-underline-offset:4px; }
 .top-footer .social-links { display:grid; grid-template-columns:repeat(4,26px); gap:14px; justify-content:start; margin:2px 0 0; }
 .top-footer .social-links a { display:block; }
 .top-footer .social-links img { width:26px; height:26px; }
 .top-footer .social-links a:hover { opacity:.65; }
 .top-footer .footer-links { display:none; }
 .top-footer .copyright { margin-top:22px; }
}
/* END PC FOOTER TRIAL 20261029 */


/* TOP collection videos: existing LP media URLs, one active video at a time. */
.mv-carousel { position:relative; }
.mv-stage { position:relative; isolation:isolate; background:#eee9e2; }
.mv-slides { margin:0; padding:0; list-style:none; aspect-ratio:16/9; }
.mv-slide { width:100%; aspect-ratio:16/9; }
.mv-slide~.mv-slide { display:none; }
.mv-slide video { display:block; width:100%; height:100%; aspect-ratio:16/9; object-fit:contain; background:#f2eee7; }
.mv-carousel .bx-wrapper { margin:0; border:0; background:transparent; box-shadow:none; }
.mv-carousel .bx-viewport { height:auto!important; aspect-ratio:16/9; }
.mv-carousel .bx-loading { display:none; }
.mv-stage .mv-arrow { position:absolute; z-index:60; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:42px; height:42px; padding:0; border:1px solid #c5a46c; border-radius:50%; background:linear-gradient(145deg,#fffdf7,#f4e8cf); color:#8d6b38; box-shadow:0 3px 10px #72512320,inset 0 1px 1px #fff; font-size:0; }
.mv-arrow::after { content:""; position:absolute; left:50%; top:50%; display:block; width:7px; height:7px; border-top:1px solid currentColor; border-right:1px solid currentColor; }
.mv-prev::after { transform:translate(-35%,-50%) rotate(-135deg); }
.mv-next::after { transform:translate(-65%,-50%) rotate(45deg); }
.mv-prev { left:-54px; }.mv-next { right:-54px; }
.mv-arrow:hover { background:#fffdf5; }
.mv-play { position:absolute; z-index:61; left:50%; top:50%; transform:translate(-50%,-50%); width:56px; height:56px; border:1px solid var(--line)!important; border-radius:50%; background:#fffdf5ed!important; font-size:20px!important; }
.mv-status { position:absolute; z-index:59; inset:auto 45px 12px; margin:0; text-align:center; font-size:11px; color:#66503a; text-shadow:0 0 6px #fff; pointer-events:none; }
.mv-caption { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:13px 2px 3px; }
.mv-title { margin:0; font-size:clamp(14px,1.15vw,22px); font-weight:400; line-height:1.5; }
.mv-collection-link { flex-shrink:0; font-size:clamp(10px,.8vw,13px); border-bottom:1px solid #c6a16d80; }
.mv-toolbar { display:flex; align-items:center; justify-content:center; gap:14px; padding-top:12px; }
.mv-dots { display:flex; gap:2px; }
.mv-dot { display:grid; place-items:center; width:24px; height:28px; padding:0; }
.mv-dot::before { content:""; width:6px; height:6px; border:1px solid var(--gold); border-radius:50%; }
.mv-dot[aria-current="true"]::before { background:var(--gold); }
.mv-count,.mv-toggle { font-size:10px!important; line-height:1.5; }
.mv-toggle { min-width:55px; padding:5px 7px!important; border:1px solid #c6a16d88!important; background:#fffdf5b3!important; }
@media(max-width:767px) {
 .mv-stage .mv-arrow { width:30px; height:30px; }
 .mv-arrow::before { content:""; position:absolute; inset:-7px 0; border-radius:50%; }
 .mv-prev::before { right:-14px; }
 .mv-next::before { left:-14px; }
 .mv-prev { left:-36px; }.mv-next { right:-36px; }
 .mv-caption { gap:8px; padding-top:11px; }
 .mv-title { font-size:13px; }.mv-collection-link { font-size:10px; }
 .mv-toolbar { gap:9px; padding-top:8px; }
 .mv-status { inset-inline:32px; font-size:10px; }
}


/* Common SP lefter: appearance is overridden only by this TOP stylesheet. */
.classique-renewal .top-menu-button { display:none; }
.classique-renewal.top-menu-open { overflow:hidden; }
.classique-renewal .top-mobile-menu {
 position:fixed; inset:12px 12px 12px auto; margin:0; padding:0;
 width:min(356px,calc(100% - 32px)); max-width:none; height:calc(100% - 24px); height:calc(100dvh - 24px); max-height:none;
 border:1px solid #c9af7b; border-radius:3px; color:var(--ink);
 background:linear-gradient(145deg,#fffefa 0%,#fdfaf4 60%,#f8f2e6 100%);
 box-shadow:0 12px 48px #3b354332; overflow:auto; overscroll-behavior:contain;
 font-family:inherit;
}
.classique-renewal .top-mobile-menu::backdrop { background:#36344b40; }
.classique-renewal .top-menu-heading { position:sticky; z-index:2; top:0; padding:27px 53px 20px 25px; background:#fffdf8f5; }
.classique-renewal .top-menu-heading h2 { margin:0; font:24px/1.3 "Times New Roman",serif; font-weight:400; }
.classique-renewal .top-menu-heading p { margin:4px 0 0; color:#9a7847; font:10px/1.5 "Times New Roman",serif; letter-spacing:.12em; }
.classique-renewal .top-menu-close { position:absolute; top:17px; right:14px; width:40px; height:40px; border:1px solid #ccb27c; border-radius:50%; color:#927047; background:#fffdf8; font:25px/1 serif; }
.classique-renewal .top-menu-content { padding:0 25px 15px; font-size:13px; text-align:left; }
.classique-renewal .top-menu-content h6 { color:#98784e; margin:0 0 14px; font:16px/1.5 "Times New Roman",serif; font-weight:400; letter-spacing:.04em; }
.classique-renewal .top-menu-content ul { list-style:none; margin:0; padding:0; }
.classique-renewal .top-menu-content a { display:block; padding:12px 0; line-height:1.65; }
.classique-renewal .top-menu-content .navMenuMain { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:24px; }
.classique-renewal .top-menu-content .navMenuMain li:first-child:has(a[style*="display:none"]) { display:none; }
.classique-renewal .top-menu-content .navMenuMain a { display:grid; place-items:center; height:100%; min-height:44px; padding:10px 6px; border:1px solid #cbb48b99; background:#fffdf9; text-align:center; font-size:12px; }
.classique-renewal .top-menu-content .switch>li { border-top:1px solid #d9c8aa80; }
.classique-renewal .top-menu-content .toggle,.classique-renewal .top-menu-content .toggle2 { position:relative; display:block; padding:15px 25px 15px 0; cursor:pointer; line-height:1.6; }
.classique-renewal .top-menu-content .toggle::after,.classique-renewal .top-menu-content .toggle2::after { content:"+"; position:absolute; right:3px; top:50%; transform:translateY(-50%); color:#a48452; font:20px/1 "Times New Roman",serif; }
.classique-renewal .top-menu-content [aria-expanded="true"]::after { content:"−"; }
.classique-renewal .top-menu-content .switch>li>ul { padding:0 0 12px 14px; }
.classique-renewal .top-menu-content .switch2>li>ul,.classique-renewal .top-menu-content .submenu+ul { padding:2px 0 8px 14px; border-left:1px solid #e6d9c3; margin:0 0 8px 2px; }
.classique-renewal .top-menu-content .toggle2 { padding-top:12px; padding-bottom:12px; }
.classique-renewal .top-menu-content a:hover { color:#9a7538; }
.classique-renewal .top-menu-brand-link { display:block; margin:5px 25px 26px; padding:13px 0; text-align:center; font:14px/1.6 "Times New Roman",serif; color:#8d6c3d; border:1px solid #d9c8aa; }
@media(max-width:767px) {
 .classique-renewal .top-menu-button {
  position:fixed; z-index:100; top:max(12px,env(safe-area-inset-top)); right:12px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
  width:48px; height:48px; padding:0; border:1px solid #bc9a5c; border-radius:50%; color:#896229;
  background:linear-gradient(145deg,#fffdf5 0%,#f8efd9 55%,#ebd6aa 100%); box-shadow:0 3px 12px #72512324;
 }
 .classique-renewal .top-menu-button::before { content:""; position:absolute; inset:4px; border:1px solid #ba985d69; border-radius:inherit; }
 .classique-renewal .top-menu-bars { width:17px; height:10px; border-top:1px solid currentColor; border-bottom:1px solid currentColor; position:relative; }
 .classique-renewal .top-menu-bars::after { content:""; position:absolute; left:0; right:0; top:4px; border-top:1px solid currentColor; }
 .classique-renewal .top-menu-button small { font:8px/1.2 "Times New Roman",serif; letter-spacing:.08em; }
 .classique-renewal .category-nav { display:none; }
 .classique-renewal .top-header { padding-bottom:18px; }
}

/* TOP category labels: smaller champagne-gold plates. */
@media(min-width:768px) {
 .classique-renewal .category-nav { gap:clamp(5px,.45vw,9px); align-items:stretch; }
 .classique-renewal .category-nav>details { border-left:0; }
 .classique-renewal .category-nav>details:nth-child(3) { flex:1.25; }
 .classique-renewal .category-nav>a,
 .classique-renewal .category-nav>details>summary {
  position:relative; display:flex; align-items:center; justify-content:center;
  min-height:32px; padding:6px 4px; border:1px solid #b89b65; border-radius:2px;
  background:linear-gradient(165deg,#fff5dd 0%,#e7d2a5 43%,#d8bd87 55%,#f0e1bd 100%);
  box-shadow:inset 0 1px 1px #fffdf0,0 2px 6px #7251231a;
  color:#604522; font:clamp(11px,.88vw,16px)/1.25 "Times New Roman",serif;
 }
 .classique-renewal .category-nav>a::before,
 .classique-renewal .category-nav>details>summary::before {
  content:""; position:absolute; inset:3px; border:1px solid #fff8; border-radius:1px; pointer-events:none;
 }
 .classique-renewal .category-nav>a:hover,
 .classique-renewal .category-nav>details>summary:hover,
 .classique-renewal .category-nav>details[open]>summary {
  background:linear-gradient(165deg,#fff8e9,#efdfbb 45%,#e2c994 56%,#f6eacc);
 }
}

/* TOP gold palette, sampled visually from the approved Eternelle emblem.
   Keep the emblem and product media unchanged. All overrides are TOP-local. */
body.classique-renewal {
 --gold:#aa8554; --line:#b69a73;
 --gold-ink:#795634; --gold-shadow:#735031;
 --gold-mid:#b28e5e; --gold-light:#e4cda7; --gold-highlight:#fff2d9;
 --gold-line-soft:#b69a7380;
 --gold-plate:linear-gradient(165deg,#fff2d9 0%,#e2cba7 40%,#c6a578 56%,#eddbbc 100%);
 --gold-plate-hover:linear-gradient(165deg,#fff8e9 0%,#eddbbc 40%,#d3b58b 56%,#f4e6ce 100%);
 --gold-round:linear-gradient(145deg,#fffaf0 0%,#f0e1c9 47%,#d9bd93 100%);
 --gold-edge:linear-gradient(135deg,#87633c 0%,#f2dfbc 29%,#b28e5e 63%,#795634 100%);
 --gold-metal:linear-gradient(115deg,#795634 0%,#b28e5e 20%,#fff2d9 34%,#a17a49 48%,#e4cda7 62%,#89643e 80%,#cfaf7e 100%);
}
.classique-renewal .header-tools a {
 background:var(--gold-round) padding-box,var(--gold-edge) border-box;
 box-shadow:0 4px 12px #7350311c,inset 0 1px 1px #fffaf0;
}
.classique-renewal .header-tools a::before { border-color:var(--gold-line-soft); }
.classique-renewal .header-tools svg { stroke:var(--gold-ink); }
.classique-renewal .section-heading::before,.classique-renewal .section-heading::after { background:var(--gold-metal); }
.classique-renewal .mv-stage .mv-arrow {
 border-color:var(--line); color:var(--gold-ink); background:var(--gold-round);
 box-shadow:0 3px 10px #73503120,inset 0 1px 1px #fffaf0;
}
.classique-renewal .mv-stage .mv-arrow:hover { background:var(--gold-plate-hover); }
.classique-renewal .main-visual-frame,
.classique-renewal .feature-banner,
.classique-renewal .top-mobile-menu,
.classique-renewal .top-menu-close { border-color:var(--line); }
.classique-renewal .mv-collection-link,
.classique-renewal .mv-toggle { border-color:var(--gold-line-soft); }
.classique-renewal #mainContents .phot { border-color:var(--gold-line-soft); }
.classique-renewal .book-cover { border-color:var(--gold-line-soft); }
.classique-renewal .outline-button:hover,
.classique-renewal #itemContents .viewMore:hover { background:#f7eddf!important; border-color:var(--gold)!important; }
.classique-renewal .top-menu-heading p,
.classique-renewal .top-menu-close,
.classique-renewal .top-menu-content h6,
.classique-renewal .top-menu-content .toggle::after,
.classique-renewal .top-menu-content .toggle2::after,
.classique-renewal .top-menu-content a:hover,
.classique-renewal .top-menu-brand-link { color:var(--gold-ink); }
.classique-renewal .top-menu-content .navMenuMain a,
.classique-renewal .top-menu-content .switch>li,
.classique-renewal .top-menu-content .switch2>li>ul,
.classique-renewal .top-menu-content .submenu+ul,
.classique-renewal .top-menu-brand-link { border-color:var(--gold-line-soft); }
@media(min-width:768px) {
 .classique-renewal .category-nav>a,
 .classique-renewal .category-nav>details>summary {
  border-color:var(--line); background:var(--gold-plate); color:#60452d;
  box-shadow:inset 0 1px 1px var(--gold-highlight),0 2px 6px #7350311a;
 }
 .classique-renewal .category-nav>a:hover,
 .classique-renewal .category-nav>details>summary:hover,
 .classique-renewal .category-nav>details[open]>summary { background:var(--gold-plate-hover); }
}
@media(max-width:767px) {
 .classique-renewal .top-menu-button { border-color:var(--line); color:var(--gold-ink); background:var(--gold-round); box-shadow:0 3px 12px #73503124; }
 .classique-renewal .top-menu-button::before { border-color:var(--gold-line-soft); }
}
/* Separate metal from the pale stone treatment. Static filters only: no new
   media files, requests, animation loops or page-sized compositing filters. */
.classique-renewal .palace img.palace-lantern { filter:sepia(.16) saturate(.70) hue-rotate(-7deg) contrast(.96) brightness(1.15); }
.classique-renewal .collection-library .shelf-image { filter:sepia(.20) saturate(.70) brightness(1.04); }
.palace-gold-rails {
 position:absolute; top:0; left:50%; width:var(--scene-width); height:100%;
 transform:translateX(-50%); z-index:1; pointer-events:none;
}
.palace-gold-rails::before,.palace-gold-rails::after {
 content:""; position:absolute; top:var(--rail-top); width:var(--rail-width); height:var(--rail-height);
 background-image:var(--rail-image); background-repeat:no-repeat;
 background-size:var(--scene-width) var(--rail-image-height);
 filter:saturate(.70) hue-rotate(-4deg) contrast(.96) brightness(1.06);
}
.palace-gold-rails::before { left:0; background-position:left calc(-1 * var(--rail-top)); clip-path:var(--rail-clip-left); }
.palace-gold-rails::after { right:0; background-position:right calc(-1 * var(--rail-top)); clip-path:var(--rail-clip-right); }
.palace-top>.palace-gold-rails {
 --rail-image:url('https://maylaclassic.com/maylaclassique/images/top/castle-materials-20261026/backgroundPalaceTopAnimeV4.webp');
 --rail-image-height:calc(var(--scene-unit)*633);
 --rail-top:calc(var(--scene-unit)*257.721429);
 --rail-width:calc(var(--scene-unit)*114.094017);
 --rail-height:calc(var(--scene-unit)*123.208929);
 --rail-clip-left:polygon(0 0,100% 38.6%,100% 45.4%,93% 47.7%,94.5% 97.7%,0 73.4%);
 --rail-clip-right:polygon(100% 0,0 38.6%,0 45.4%,7% 47.7%,5.5% 97.7%,100% 73.4%);
}
.palace-top>.palace-ornaments { z-index:2; }
.palace-level>.palace-gold-rails {
 --rail-image:url('https://maylaclassic.com/maylaclassique/images/top/castle-materials-20261026/backgroundPalaceLevelAnimeV3.webp');
 --rail-image-height:var(--level-height);
 --rail-top:calc(var(--level-height)*50/942);
 --rail-width:calc(var(--scene-width)*240/1670);
 --rail-height:calc(var(--level-height)*262/942);
 --rail-clip-left:polygon(0 0,100% 37.4%,100% 44%,93% 46%,95% 99%,0 75%);
 --rail-clip-right:polygon(100% 0,0 37.4%,0 44%,7% 46%,5% 99%,100% 75%);
}
.palace-floor>.palace-gold-rails {
 --rail-image:url('https://maylaclassic.com/maylaclassique/images/top/castle-materials-20261026/backgroundPalaceFloorAnimeV3.webp');
 --rail-image-height:calc(var(--scene-unit)*548);
 --rail-top:calc(var(--scene-unit)*548*99/1042);
 --rail-width:calc(var(--scene-width)*182/1509);
 --rail-height:calc(var(--scene-unit)*548*179/1042);
 --rail-clip-left:polygon(0 0,100% 0,100% 19%,94% 20%,94% 96%,0 100%);
 --rail-clip-right:polygon(100% 0,0 0,0 19%,6% 20%,6% 96%,100% 100%);
}
.palace-floor>.palace-gold-rails::before,.palace-floor>.palace-gold-rails::after {
 filter:saturate(.64) hue-rotate(-4deg) contrast(1.03) brightness(1.00);
}
.palace-gallery.defer-scene:not(.scene-ready) .palace-gold-rails::before,
.palace-gallery.defer-scene:not(.scene-ready) .palace-gold-rails::after,
.palace-floor.defer-scene:not(.scene-ready)>.palace-gold-rails::before,
.palace-floor.defer-scene:not(.scene-ready)>.palace-gold-rails::after { background-image:none; }

/* Quieter TOP navigation: matte ivory and a single fine gold edge. */
.classique-renewal .header-tools a {
 --tool-size:clamp(44px,3vw,54px);
 border:1px solid #b69a7380; background:#fffaf0d4;
 box-shadow:none;
}
.classique-renewal .header-tools a::before { content:none; }
.classique-renewal .header-tools svg { stroke:#92724d; }
.classique-renewal .header-tools a:hover {
 background:#fffaf0f2; border-color:#b69a73; box-shadow:none; transform:none;
}
@media(min-width:768px) {
 .classique-renewal .category-nav>a,
 .classique-renewal .category-nav>details>summary {
  border-color:#b69a7380; background:#fffaf0d4; box-shadow:none; color:#6b5138;
 }
 .classique-renewal .category-nav>a::before,
 .classique-renewal .category-nav>details>summary::before { content:none; }
 .classique-renewal .category-nav>a:hover,
 .classique-renewal .category-nav>details>summary:hover,
 .classique-renewal .category-nav>details[open]>summary {
  background:#fffaf0f2; border-color:#b69a73;
 }
}
@media(max-width:767px) {
 .classique-renewal .header-tools a { --tool-size:44px; }
}
/* Unframed main video with gold chevrons. Keep invisible hit targets. */
.classique-renewal .main-visual-frame {
 border:0; padding:0; background:transparent;
 box-shadow:0 10px 22px -16px #39445e45;
}
.classique-renewal .mv-stage .mv-arrow,
.classique-renewal .mv-stage .mv-arrow:hover {
 border:0; border-radius:0; background:transparent; box-shadow:none; color:var(--gold);
}
.classique-renewal .mv-stage .mv-arrow:hover { color:var(--gold-ink); }
.classique-renewal .mv-arrow::after { width:12px; height:12px; border-width:1.5px; }
.classique-renewal .mv-arrow::before { border-radius:0; }
@media(max-width:767px) {
 .classique-renewal .mv-prev { left:-32px; }
 .classique-renewal .mv-next { right:-32px; }
 .classique-renewal .mv-arrow::after { width:10px; height:10px; }
}

/* Approved TOP navigation: a sheer ivory ribbon and one fine outline for utilities. */
.classique-renewal .header-tools {
 width:max-content; max-width:100%; margin-left:auto; margin-right:0;
 gap:3px; padding:0 6px; border:1px solid #b99c7366; border-radius:30px;
 background:rgba(255,252,244,.48);
}
.classique-renewal .header-tools a {
 --tool-size:44px; border:0; border-radius:50%; background:transparent; box-shadow:none;
}
.classique-renewal .header-tools svg { width:24px; height:24px; stroke:#8b6e49; stroke-width:1.25; }
.classique-renewal .header-tools a:hover { background:rgba(255,253,247,.58); box-shadow:none; transform:none; }
@media(min-width:768px) {
 .classique-renewal .header-tools { margin-bottom:17px; }
 .classique-renewal .category-nav {
  gap:0; align-items:stretch; min-height:55px; padding:5px 12px;
  background:linear-gradient(90deg,transparent,rgba(255,253,247,.79) 6%,rgba(255,253,247,.79) 94%,transparent);
 }
 .classique-renewal .category-nav::before,.classique-renewal .category-nav::after {
  content:""; position:absolute; left:4%; right:4%; height:1px; pointer-events:none;
  background:linear-gradient(90deg,transparent,#b99c7366 12%,#b99c7366 88%,transparent);
 }
 .classique-renewal .category-nav::before { top:0; }
 .classique-renewal .category-nav::after { bottom:0; }
 .classique-renewal .category-nav>a,.classique-renewal .category-nav>details { border-left:0; }
 .classique-renewal .category-nav>a,.classique-renewal .category-nav>details>summary {
  min-height:44px; padding:9px 4px; border:0; border-radius:0;
  background:transparent; box-shadow:none; color:#624a35;
  font:400 clamp(14px,.85vw,16px)/1.25 "Times New Roman",serif; letter-spacing:.025em;
 }
 .classique-renewal .category-nav>a::before,
 .classique-renewal .category-nav>details:not(:first-child)>summary::before {
  content:""; position:absolute; inset:36% auto 36% 0; width:1px;
  border:0; border-radius:0; background:#b99c7366; pointer-events:none;
 }
 .classique-renewal .category-nav>a:hover,
 .classique-renewal .category-nav>details>summary:hover,
 .classique-renewal .category-nav>details[open]>summary { background:#fffaf17d; color:#6c4c28; }
}
@media(min-width:768px) and (max-width:1023px) {
 .classique-renewal .category-nav>a,.classique-renewal .category-nav>details>summary { font-size:13px; padding-inline:3px; letter-spacing:.015em; }
}