/* Remove the explanatory block and wardrobe heading, as requested. */
.mood-copy,.wardrobe-heading{display:none!important}
/* A continuous, uniform rule reads as a divider rather than a progress track. */
.palette-section:before,.pantry:before,.statement:before,.room-editorial:before,.discovery:before{background:var(--line)}
.collection-title:before{background:#e6e1da}
.statement-header h2{font-size:32px;line-height:1.12;font-weight:600;letter-spacing:-1px}
.statement-header .handwritten{display:block;position:static;transform:none;rotate:none;font-family:Lexend,Arial,sans-serif;font-style:normal;font-size:14px;line-height:1.5;font-weight:400;color:var(--muted);text-align:left;max-width:none}
/* A small frosted record-and-sound pill, aligned to the right. */
.mini-player{width:104px;margin-left:auto;gap:9px;padding:5px 7px 5px 5px;background:#fff8;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid #fff9;box-shadow:0 3px 16px #251a1414;border-radius:40px}
.bottom-dock .record-caption{display:none}
.bottom-dock .record-control{flex:none;gap:0;min-width:40px;min-height:40px}
.bottom-dock .record{width:40px;height:40px;animation-duration:16s}
.bottom-dock .record-label{width:29px;height:29px}
.mini-player .sound-toggle{width:36px;height:36px;min-height:36px;min-width:36px;padding:8px;border:0;background:#fff5}
.bottom-dock.tabs-visible:before{content:'';position:absolute;left:0;right:0;bottom:0;height:145px;z-index:0;background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--paper) 85%,transparent) 42%,var(--paper) 100%);pointer-events:none}
.bottom-dock .bottom-palette{position:relative;z-index:1}
/* Fullscreen is separate from the opening transition; the inline frame stays unchanged. */
.hero-scene .scene-play{inset:auto 14px 14px auto;width:42px;height:42px;margin:0;border:1px solid #fff8;border-radius:50%;background:#20170e4d;backdrop-filter:blur(8px)}
.hero-scene .scene-play>img,.hero-scene .pause-symbol{display:none!important}
.hero-scene .scene-play:after{content:'';display:block;width:16px;height:16px;border:1.5px solid #fff;clip-path:polygon(0 0,42% 0,42% 15%,15% 15%,15% 42%,0 42%,0 0,100% 0,100% 42%,85% 42%,85% 15%,58% 15%,58% 0,100% 0,100% 100%,58% 100%,58% 85%,85% 85%,85% 58%,100% 58%,100% 100%,0 100%,0 58%,15% 58%,15% 85%,42% 85%,42% 100%,0 100%)}
.fullscreen-opening .scene-play{display:none}
.film-expanded{position:fixed!important;inset:0!important;z-index:200!important;margin:0!important;max-width:none!important;width:100vw!important;height:100dvh!important;border-radius:0!important;transform:none!important;background:#000}
.film-expanded .hero-video,.hero-video:fullscreen{object-fit:contain;background:#000}
.film-expanded .scene-play{display:none}.film-close{position:absolute;top:max(18px,env(safe-area-inset-top));right:18px;z-index:3;color:white;background:#21191390;border:1px solid #fff6;border-radius:24px;padding:10px 18px;min-height:44px;font-size:13px}.film-close[hidden]{display:none}
/* Statement cards now show the actual product, a verified snapshot price and cart CTA. */
.statement-shop-card{cursor:default;display:flex;flex-direction:column;align-items:stretch}
.statement-shop-card .statement-art{display:block;width:100%;aspect-ratio:1/1.1;flex:none}
.statement-shop-card .statement-art>img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;transform:none;filter:none}
.statement-shop-card .card-label{font-size:14px;line-height:1.5;font-weight:400;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:12px 0 7px}
.statement-price{font-size:16px;line-height:1.5;font-weight:500;margin:0 0 12px}
.statement-cart{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff45;min-height:44px;padding:10px 13px;font-size:13px;font-weight:500}
.statement-cart>span{font-size:19px;font-weight:400}.statement-cart:active{background:var(--soft)}
.preview-bag-button{position:fixed;right:max(16px,calc((100vw - 460px)/2 + 16px));top:12px;z-index:18;min-height:40px;border-radius:24px;padding:9px 15px;background:#302018;color:#fff;font-size:12px;box-shadow:0 3px 12px #0002}.preview-bag-button[hidden]{display:none}
.preview-bag{width:calc(100% - 28px);max-width:420px;max-height:85dvh;overflow:auto;background:#fffaf2;border:0;border-radius:20px;padding:26px;color:#302018;font-family:Lexend,Arial,sans-serif}.preview-bag::backdrop{background:#21191380;backdrop-filter:blur(5px)}
.preview-bag-close{position:absolute;top:10px;right:14px;background:none;font-size:27px;min-width:40px;min-height:40px}.preview-bag h2{font-size:25px;letter-spacing:-.6px;font-weight:500;margin:10px 0 24px}.preview-bag article{display:flex;gap:14px;border-top:1px solid #e8ddce;padding:18px 0}.preview-bag article img{width:75px;height:90px;object-fit:cover;border-radius:8px}.preview-bag h3{font-size:13px;line-height:1.5;font-weight:500;margin:0 0 7px}.preview-bag article p{font-size:12px;line-height:1.5;margin-bottom:8px}.preview-bag article a{display:block;text-decoration:underline;font-size:12px}.preview-bag article button{background:none;padding:9px 0 0;font-size:11px;color:#806859}.preview-bag-total{display:flex;justify-content:space-between;border-top:1px solid #e8ddce;padding-top:16px;font-size:14px}.preview-bag-note{font-size:11px;line-height:1.7;color:#806859;margin-top:18px}
/* Colour choice leads directly into the wardrobe; no boundary line here. */
.pantry:before{display:none}
.pantry{margin-top:24px;padding-top:0}
/* Full-width wardrobe; compact labels sit at the bottom of each shelf. */
.pantry{padding-left:0;padding-right:0}
.wardrobe-unbroken{border-radius:0}
.wardrobe-category-map{inset:1% 3% 0;grid-template-rows:35% 31% 34%}
.wardrobe-category-map .continuous-link{padding:0 3px;align-items:flex-end}
.wardrobe-category-map .continuous-link>span{min-height:28px;padding:6px 7px;font-size:10px;line-height:1.25;background:#302219d6;border:1px solid #ffffff50;border-radius:5px;box-shadow:0 2px 5px #0001;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.wardrobe-category-map .continuous-link .phone-arrow svg{width:12px;height:12px}
.find>small{display:none}
.collection-subcategory[aria-pressed=true]>span{border-color:transparent}
.collection-subcategory[aria-pressed=true] b{font-weight:400}

.collection-subcategory{cursor:default}.collection-subcategory>span{border-color:transparent}.collection-subcategory:active img{transform:none}
/* A short, direct invitation into the main colour control. */
.hero-caption{padding:14px var(--page-gutter) 20px;font-size:12px;line-height:1.55}
.hero-caption .scroll-cue{font-size:9px;letter-spacing:.5px}
.palette-section{padding-top:22px}
.palette-heading{font-size:23px;line-height:1.2;font-weight:500;letter-spacing:-.6px;margin:0;text-align:left;max-width:none}
#main-palette{padding-top:66px;gap:12px;padding-bottom:8px}
#main-palette .palette-button{padding:0;filter:drop-shadow(0 5px 5px #36221620)}
#main-palette .colour-label{height:96px;position:relative;display:flex;align-items:flex-end;justify-content:center;padding:0 4px 13px;border-radius:0;background:none!important;font-size:14px;font-weight:400;color:#fff7eb;isolation:isolate}
#main-palette .colour-label:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:9px 9px 12px 12px;background-color:var(--pocket-colour);background-image:url('assets/wall-plaster.png');background-size:160px;background-blend-mode:multiply;border:1px solid #ffffff26;box-shadow:inset 0 1px 1px #ffffff40,inset 0 -3px 5px #0002;mask-image:radial-gradient(ellipse 32% 11px at 50% 0,transparent 98%,#000 100%);-webkit-mask-image:radial-gradient(ellipse 32% 11px at 50% 0,transparent 98%,#000 100%)}
#main-palette .colour-label:after{content:'';position:absolute;top:24px;left:calc(50% - 11px);width:22px;height:22px;border-radius:50%;background:#fff5e8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233c281e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4 10-10'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:0 2px 4px #0002;opacity:0;transform:scale(.75);transition:opacity .3s ease-in-out,transform .3s ease-in-out}
#main-palette .active .colour-label:after{opacity:1;transform:scale(1)}
#main-palette .tiny-photos,#main-palette .active .tiny-photos{width:76px;height:80px;left:calc(50% - 38px);bottom:64px;z-index:0}
#main-palette .tiny-photos img,#main-palette .active .tiny-photos img{width:58px;height:72px;top:0;border:3px solid #fff9ee;box-shadow:0 2px 4px #0002}
#main-palette .tiny-photos img:first-child{transform:translate(9px,8px) rotate(-4deg) scale(.96)}
#main-palette .active .tiny-photos img:first-child{transform:translate(-4px,-5px) rotate(-9deg)}
#main-palette .tiny-photos img:nth-child(2),#main-palette .active .tiny-photos img:nth-child(2){left:24px;top:7px}
#main-palette .active .tiny-photos img:nth-child(2){transform:translate(0,0) rotate(8deg)}
#main-palette .selected-line{display:none}
/* Leave the bottom tabs visually unchanged; add a small selected check. */
.bottom-palette .active .colour-label:after{content:'';width:13px;height:13px;flex:none;margin-left:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4 10-10'/%3E%3C/svg%3E") center/contain no-repeat}
/* The palette stays laid out during exit. Only transform and opacity animate. */
.bottom-dock{height:184px;display:flex;flex-direction:column;justify-content:flex-end;transform:translate(-50%,18px);transition:transform .42s ease-in-out,opacity .3s ease-in-out}
.bottom-dock.visible{transform:translate(-50%,0)}
.bottom-dock .mini-player{position:absolute;right:17px;bottom:max(13px,env(safe-area-inset-bottom));transition:transform .42s ease-in-out}
.bottom-dock.tabs-visible .mini-player{transform:translateY(-111px)}
.bottom-dock .bottom-palette,.bottom-dock.tabs-visible .bottom-palette{display:grid;position:absolute;left:17px;right:17px;bottom:max(13px,env(safe-area-inset-bottom));padding-top:42px;opacity:0;transform:translateY(22px);pointer-events:none;visibility:hidden;transition:transform .42s ease-in-out,opacity .3s ease-in-out,visibility 0s .42s}
.bottom-dock.tabs-visible .bottom-palette{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible;transition-delay:0s}
.bottom-dock:before{content:'';position:absolute;left:0;right:0;bottom:0;height:145px;z-index:0;background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--paper) 85%,transparent) 42%,var(--paper) 100%);pointer-events:none;opacity:0;transition:opacity .42s ease-in-out}
.bottom-dock.tabs-visible:before{opacity:1}

/* Representative median colours sampled from the textured swatches on PDF page 3. */
:root{--rust-swatch:#9a361d;--merlot-swatch:#4f1313;--cocoa-swatch:#4f2b1a;--accent:var(--rust-swatch)}
:root[data-theme=merlot]{--accent:var(--merlot-swatch);--album-colour:var(--merlot-swatch)}
:root[data-theme=cocoa]{--accent:var(--cocoa-swatch);--album-colour:var(--cocoa-swatch)}
.rust-label{background:var(--rust-swatch)}.merlot-label{background:var(--merlot-swatch)}.cocoa-label{background:var(--cocoa-swatch)}
/* A compact display heading, with no separate supporting paragraph. */
.statement{margin-top:26px;padding-top:24px}
.statement-header{padding-bottom:14px;gap:0}
.statement-header h2{font-size:clamp(40px,11vw,49px);line-height:.95;letter-spacing:-1.8px;font-weight:700}
.statement-header .handwritten{display:none}
/* Mirror the room composition: image left, room tabs right. */
.room-editorial-layout{grid-template-columns:minmax(0,1fr) 34px;gap:12px}
.room-editorial-main{grid-column:1;grid-row:1;min-width:0}
.room-editorial-tabs{grid-column:2;grid-row:1}
.room-editorial-tabs button{transform:none;border-left:0;border-right:2px solid transparent}
.room-editorial-tabs button[aria-pressed=true]{border-right-color:var(--accent)}
.room-editorial-notes{position:relative;padding-bottom:30px}
.room-motion-toggle{position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:5px;background:none;color:var(--muted);font-size:10px;min-height:28px;padding:4px 0}
.room-motion-toggle svg{width:12px;height:12px}
/* The caption is a single quiet line; the selector gets the display hierarchy. */
.hero-caption{display:block;text-align:center;padding:14px var(--page-gutter) 18px;font-size:clamp(10px,2.9vw,12px);line-height:1.5;white-space:nowrap}
.palette-heading{font-size:clamp(40px,11vw,49px);line-height:.95;font-weight:700;letter-spacing:-1.8px;text-align:left}
/* Continuous rotary motion must not inherit the page-wide entrance easing. */
.bottom-dock .record,.album-record .disc-surface{animation-timing-function:linear!important}
.bottom-dock .record{animation-duration:16s;animation-iteration-count:infinite}
@media(prefers-reduced-motion:reduce){.bottom-dock .record,.album-record .disc-surface{animation:none!important}}