.masthead{padding-bottom:18px}.opening-type>.eyebrow{letter-spacing:.65px;font-size:10px}
.intro-shades{display:flex;gap:10px;margin-top:22px}.intro-shade{position:relative;background:#fff7ed;border:1px solid #5e382325;border-radius:2px;padding:5px 5px 8px;width:75px;text-align:left;box-shadow:0 2px 3px #3923170b;transform:rotate(-3deg)}.intro-shade:nth-child(2){transform:rotate(2deg)}.intro-shade:nth-child(3){transform:rotate(-1deg)}.intro-shade>span{display:block;height:32px;width:100%;margin-bottom:6px}.intro-shade b{font-size:9px;color:#38251d;font-weight:500;padding-left:2px}
.issue{isolation:isolate;background:transparent!important;transition:none}
.wall-surface{position:fixed;top:0;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,460px);pointer-events:none;z-index:-2}
.wall-surface:after{content:'';position:absolute;inset:0;background:url('assets/wall-plaster.png') repeat;background-size:430px;mix-blend-mode:multiply;opacity:.35}
.wall-ripple{z-index:-1}.closing[hidden]{display:none}
.pantry{padding-top:15px}.wardrobe-heading{padding-bottom:20px}.wardrobe-unbroken{position:relative;overflow:hidden;border-radius:12px}
.wardrobe-full-image{width:100%;height:auto;display:block}
.wardrobe-category-map{position:absolute;inset:4% 4% 4%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,1fr)}
.wardrobe-category-map .continuous-link{position:static;inset:auto;width:auto;height:auto;padding:0 3px 10px;display:flex;align-items:flex-end;justify-content:center;border-radius:0;min-width:0}
.wardrobe-category-map .continuous-link>span{display:flex;align-items:center;justify-content:space-between;gap:4px;background:#352118e8;color:#fff5e8;border:1px solid #fff6;border-radius:3px;font-size:8px;padding:7px 6px;line-height:1.2;width:100%;min-height:30px;box-shadow:0 2px 7px #0002;white-space:normal}
.continuous-link b{display:flex}.continuous-link .phone-arrow svg{width:12px;height:12px;min-width:12px}
.wardrobe-category-map .continuous-link:hover{background:#fff1}.wardrobe-category-map .continuous-link:hover>span{background:#25170fee}
.statement{padding-top:36px}.room-stories{padding-top:25px}.discovery{padding-top:25px}
.collection-continuation{background:#fff9ec;color:#211913;padding:30px 0 175px;margin-top:18px}
.collection-title{padding:0 16px 18px}.collection-title h2{font-size:24px;line-height:32px;letter-spacing:-.7px;font-weight:500}.collection-title p{font-size:10px;margin-top:4px;color:#736960}
.collection-filterbar{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding:12px 16px;background:#fff9ec;border-bottom:1px solid #e9e2d6;position:sticky;top:0;z-index:9;overscroll-behavior-x:contain}
.collection-filterbar>button{flex:none;background:#fff;border:1px solid #e7e2d8;border-radius:6px;padding:6px 9px;font-size:11px;line-height:16px;box-shadow:0 1px 1px #21191312;white-space:nowrap;display:flex;align-items:center;gap:6px}
.collection-filterbar>button[aria-pressed=true]{background:#fff1c9;border-color:#dba93d}
#collection-luxe{font-family:Georgia,serif;font-weight:700;color:#772b4d}
.collection-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px;padding:16px 12px}
.collection-product{min-width:0;display:flex;flex-direction:column;gap:8px}.collection-product .picture{position:relative;aspect-ratio:1/1.15;border-radius:12px;overflow:hidden;background:#f2ede4}.collection-product .picture>a{display:block;width:100%;height:100%}.collection-product .picture img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.collection-product .heart{position:absolute;bottom:0;right:0;width:44px;height:44px;display:grid;place-items:center;padding:10px;background:radial-gradient(ellipse at bottom right,#0009,transparent 80%);color:white}.collection-product .heart svg{display:block;filter:drop-shadow(0 1px 2px #0004)}.collection-product .heart[aria-pressed=true] svg{fill:#ffc845;stroke:#ffc845}
.collection-product .variations{position:absolute;bottom:0;left:0;padding:20px 8px 9px;background:linear-gradient(0deg,#0008,transparent);color:white;font-size:8px;pointer-events:none}
.collection-product .info{padding:0 4px;display:flex;flex-direction:column;gap:4px}.collection-product .product-name{font-size:11px;font-weight:300;line-height:17px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.collection-product .product-meta{display:flex;align-items:center;justify-content:space-between;gap:3px}.collection-product .price{font-size:14px;line-height:20px;font-weight:500}.collection-product .rating{font-size:7px;white-space:nowrap}.collection-product .rating b{color:#d99800}
.collection-product .product-tags{display:flex;gap:4px;flex-wrap:wrap;font-size:7px;line-height:12px}.collection-badge{background:#b60e111a;color:#b60e11;padding:0 4px}.collection-badge.luxe{background:#772b4d;color:#fff;font-family:Georgia,serif}
#collection-applied{padding:12px 16px 0;font-size:10px;color:#6f594a}.collection-empty,.collection-status{padding:20px 16px;text-align:center;font-size:11px;line-height:1.7;color:#736960}.collection-status:empty{display:none}
.collection-more{display:block;margin:10px auto;padding:12px 20px;border:1px solid #cdbda8;border-radius:8px;background:none;font-size:12px}.collection-more[hidden],.collection-empty[hidden],#collection-applied[hidden]{display:none}
.collection-dialog{width:calc(100% - 30px);max-width:420px;border:0;border-radius:20px;padding:25px;background:#fff9ec;color:#211913;font-family:Lexend,Arial,sans-serif}.collection-dialog::backdrop{background:#21191380;backdrop-filter:blur(4px)}.collection-dialog h2{font-size:22px;font-weight:500;margin-bottom:20px}.collection-dialog-close{float:right;background:none;font-size:25px;padding:0 4px}
#collection-filter-fields{display:grid;gap:16px}#collection-filter-fields label{display:grid;gap:7px;font-size:12px}#collection-filter-fields select,#collection-filter-fields input{width:100%;padding:12px;border:1px solid #d5c7b4;background:#fff;border-radius:7px;font:inherit;color:#211913}
.collection-filter-actions{display:flex;gap:12px;margin-top:24px}.collection-filter-actions button{flex:1;min-height:44px;border-radius:7px;background:#ffc845;color:#211913}.collection-filter-actions button:first-child{background:none;border:1px solid #cdbda8}
@media(prefers-reduced-motion:reduce){.intro-shade{transform:none}}

/* Compact square shade cards, centred and tucked into the headline. */
.opening h1{position:relative;z-index:1;margin-bottom:0}
.opening-sub{position:relative;z-index:2;margin-top:-7px;animation:none}
.intro-shades{justify-content:center;gap:0;margin-top:0;padding:0 0 4px}
.intro-shade{width:78px;flex:0 0 78px;padding:4px 4px 6px;margin-left:-5px;box-shadow:0 3px 8px #39231713}
.intro-shade:first-child{margin-left:0;transform:rotate(-7deg)}
.intro-shade:nth-child(2){z-index:2;transform:rotate(3deg)}
.intro-shade:nth-child(3){transform:rotate(-3deg)}
.intro-shade>span{aspect-ratio:1;height:auto;margin-bottom:4px}
.intro-shade b{display:block;font-size:10px;line-height:14px;padding-left:3px}
.wall-edge{z-index:-1;overflow:hidden}.wall-edge:after{display:none}
.wall-edge-circle{position:absolute;width:64px;height:64px;border-radius:50%;border:1px solid currentColor;box-shadow:0 0 3px 2px currentColor;transform-origin:center;opacity:.18}
.collection-continuation{background:transparent;margin-top:0;padding-top:24px}
.collection-filterbar{background:var(--paper);background-image:linear-gradient(#ffffff12,#ffffff12),url('assets/wall-plaster.png');background-size:auto,430px;background-blend-mode:normal,multiply}
.collection-products .sf-product-card{display:grid;gap:8px;align-content:start}
.collection-products .sf-product-card-copy{grid-template-rows:20px 40px;gap:0;min-height:60px}
.collection-products .sf-product-card-price-block{min-height:40px}
.collection-products .sf-product-card-wishlist-button{width:20px;height:20px}
.hero-opening-slot{margin:0 20px;aspect-ratio:320/368}
.hero-scene.fullscreen-opening{position:fixed;inset:0 auto auto 50%;width:min(100vw,460px);height:100dvh;margin:0;aspect-ratio:auto;border-radius:0;z-index:100;animation:none;transform:translateX(-50%);transform-origin:top left;will-change:transform}
.fullscreen-opening .scene-play{display:none}
.intro-skip{position:absolute;right:18px;top:max(20px,env(safe-area-inset-top));border:1px solid #ffffff80;background:#21191350;color:white;border-radius:30px;padding:10px 15px;font-size:11px;min-height:44px;z-index:2}
.intro-brand{position:absolute;left:20px;top:max(26px,env(safe-area-inset-top));color:#fff;font-size:24px;letter-spacing:-1.5px}
@media(prefers-reduced-motion:reduce){.intro-shade{transform:none!important}}

.hero-video{display:block;width:100%;height:100%;object-fit:cover}
.hero-scene:has(.hero-video) .sunlight,.hero-scene:has(.hero-video) .scene-timer{display:none}
.fullscreen-opening .scene-note{display:none}

/* A consistent mobile reading scale: display, section, body, then utility text. */
:root{--ease:ease-in-out;--type-section:28px;--type-body:14px;--type-utility:12px}
*,*:before,*:after{animation-timing-function:ease-in-out!important;transition-timing-function:ease-in-out!important}
.opening h1{font-size:clamp(52px,16vw,70px);line-height:1.02;letter-spacing:-3px}
.opening-type>.eyebrow{font-size:11px;line-height:1.5;letter-spacing:1.1px}
.intro-shade b{font-size:12px;line-height:17px}
.hero-caption{font-size:13px;line-height:1.6;gap:16px}.hero-caption .scroll-cue{font-size:10px;line-height:1.5;letter-spacing:.6px}
.palette-heading{font-size:26px;line-height:1.25;max-width:340px;letter-spacing:-.7px}
.colour-label,.bottom-palette .colour-label{font-size:14px}
.mood-name{font-size:14px;line-height:1.5}.mood-copy p{font-size:21px;line-height:1.45}.mood-copy{min-height:150px}
.wardrobe-heading h2,.rooms-heading,.discovery-header h2{font-size:var(--type-section);line-height:1.15;letter-spacing:-.8px}
.wardrobe-heading p,.discovery-header p{font-size:var(--type-body);line-height:1.6}
.wardrobe-category-map .continuous-link>span{font-size:10px;line-height:1.3;min-height:36px;padding:7px 4px}
.statement-header h2{font-size:44px;line-height:1.02;letter-spacing:-1.7px}
.handwritten{font-size:14px;line-height:1.4}
.card-label,.find>span:nth-child(2){font-size:14px;line-height:1.4}
.card-meta,.find>small{font-size:11px;line-height:1.4;letter-spacing:0;text-transform:none}
.rail-count{font-size:12px}.room-title{font-size:27px;line-height:1.1}.room-title small{font-size:13px;line-height:1.5}
.detail-scene>span{font-size:13px;line-height:1.5}
.collection-title h2{font-size:28px;line-height:1.2}.collection-title p{font-size:13px;line-height:1.5}
.collection-filterbar>button{font-size:13px;line-height:18px;min-height:40px;padding:8px 12px}
.collection-status,.collection-empty,#collection-applied{font-size:13px}
.album-dialog>.eyebrow,.now-previewing{font-size:10px}.album-invitation{font-size:23px;line-height:1.3}
.album-description h2{font-size:32px}.album-description p{font-size:13px;line-height:1.6}
#album-track,.disc-name,.album-paging>span,.album-sound{font-size:12px;line-height:1.5}
.album-description{min-height:170px}.album-apply{font-size:14px}.dialog-copy p{font-size:14px;line-height:1.65}.dialog-copy>.eyebrow{font-size:11px}.dialog-action{font-size:14px}
.intro-skip{top:auto;bottom:max(28px,env(safe-area-inset-bottom));right:50%;transform:translateX(50%);padding:11px 20px;font-size:14px}
.scene-note{display:none!important}
/* Fade the editorial wall into a plain white shopping surface. */
.collection-continuation{position:relative;background:#fff;color:#211913;margin-top:120px;padding-top:22px}
.collection-continuation:before{content:'';position:absolute;left:0;right:0;bottom:100%;height:120px;background:linear-gradient(to bottom,#ffffff00,#fff);pointer-events:none}
.collection-filterbar{background:#fff;background-image:none;border-color:#efefef}
.collection-products{background:#fff}.collection-title{padding-bottom:12px}
.collection-subcategories{display:flex;gap:13px;overflow-x:auto;padding:4px 16px 20px;scrollbar-width:none;overscroll-behavior-x:contain}
.collection-subcategory{flex:0 0 82px;display:flex;flex-direction:column;align-items:center;gap:8px;background:none;padding:0;color:#211913}
.collection-subcategory>span{display:block;aspect-ratio:1;width:80px;border-radius:24px;overflow:hidden;border:2px solid transparent;padding:3px;transition:border-color .3s ease-in-out}
.collection-subcategory img{width:100%;height:100%;object-fit:cover;border-radius:19px;transition:transform .4s ease-in-out}
.collection-subcategory b{font-size:12px;line-height:1.4;font-weight:400}
.collection-subcategory[aria-pressed=true]>span{border-color:var(--accent)}
.collection-subcategory[aria-pressed=true] b{font-weight:600}
.collection-subcategory:active img{transform:scale(.94)}
/* Fixed photo geometry lets the selection animate without jumping in size. */
.palette-button .tiny-photos,.palette-button.active .tiny-photos{width:70px;height:60px;left:calc(50% - 35px)}
.palette-button .tiny-photos img,.palette-button.active .tiny-photos img{width:47px;height:58px;left:0;top:0;transition:transform .65s ease-in-out,opacity .45s ease-in-out,visibility 0s .45s}
.palette-button .tiny-photos img:first-child{transform:translate(12px,15px) rotate(-5deg) scale(.74)}
.palette-button.active .tiny-photos img:first-child{transform:translate(0,-3px) rotate(-12deg) scale(1)}
.palette-button .tiny-photos img:nth-child(2),.palette-button.active .tiny-photos img:nth-child(2){left:23px;top:6px}
.palette-button .tiny-photos img:nth-child(2){transform:translate(-8px,15px) rotate(-5deg) scale(.7);opacity:0;visibility:hidden}
.palette-button.active .tiny-photos img:nth-child(2){transform:translate(0,0) rotate(13deg) scale(1);opacity:1;visibility:visible;transition-delay:.07s,.07s,0s}
.palette-button .selected-line{transition:transform .4s ease-in-out,opacity .4s ease-in-out}
.bottom-palette .palette-button .tiny-photos,.bottom-palette .palette-button.active .tiny-photos{height:47px;width:56px;left:calc(50% - 28px)}
.bottom-palette .palette-button .tiny-photos img,.bottom-palette .palette-button.active .tiny-photos img{width:38px;height:46px}
.bottom-palette .palette-button .tiny-photos img:nth-child(2),.bottom-palette .palette-button.active .tiny-photos img:nth-child(2){left:18px;top:4px}
@media(max-width:350px){.opening h1{font-size:52px;letter-spacing:-2.8px}.wardrobe-category-map .continuous-link>span{font-size:9px}.hero-caption .scroll-cue{font-size:9px}.statement-header h2{font-size:40px}}

/* Mobile autoplay restrictions keep the intro open for a user gesture. */
.intro-play-prompt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;padding:14px 24px;min-height:48px;border:1px solid #ffffff99;border-radius:32px;background:#20150c66;backdrop-filter:blur(10px);color:#fff;font-size:15px}
.intro-play-prompt[hidden]{display:none}
