@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4efe6;color:#3b3027;font:14px 'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #986c43;outline-offset:4px}header{height:68px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#f8f4ecf2;border-bottom:1px solid #d8cbbb;backdrop-filter:blur(10px)}.brand{font:600 25px Georgia;letter-spacing:1px}.brand>span{color:#983e2e}.brand small{display:block;font:7px 'DM Sans';letter-spacing:5px;text-align:center;margin-top:4px}.header-note{font-size:8px;letter-spacing:2px;color:#9e856c}.bag-icon{border:1px solid #d0bda3;border-radius:50%;width:42px;height:42px;background:none;font-size:24px;position:relative}.bag-icon b{position:absolute;right:-3px;top:-3px;background:#795134;color:#fff9eb;border-radius:50%;min-width:18px;height:18px;font-size:10px;padding:3px}.journey{height:290svh;position:relative}.sticky-room{position:sticky;top:68px;height:calc(100svh - 68px);min-height:480px;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#e5dac5,#f4efe6 70%)}.intro{position:absolute;top:25px;left:18px;right:18px;text-align:center;z-index:3;pointer-events:none}.eyebrow{font-size:8px;letter-spacing:2px;color:#9b7a54}h1{font:500 39px/1.15 'Playfair Display',Georgia;margin:10px 0}em{font-weight:400;color:#9f7954}.intro p{font-size:11px;color:#97836c;margin:0}.scene{--depth:clamp(190px,44vw,600px);--wall-height:clamp(330px,calc(100svh - 300px),560px);position:absolute;inset:128px 0 122px;perspective:1000px;perspective-origin:50% 46%;overflow:hidden;touch-action:pan-y}.room{position:absolute;top:50%;left:50%;width:0;height:0;transform-style:preserve-3d;transform:translateZ(calc(var(--depth) - 70px)) rotateY(0deg);will-change:transform}.wall{position:absolute;width:calc(var(--depth)*2);height:var(--wall-height);left:calc(0px - var(--depth));top:calc(var(--wall-height)/-2);transform-style:preserve-3d;backface-visibility:hidden;border:1px solid #9b7954}.mens-wall{transform:translateZ(calc(0px - var(--depth)));background:#724732}.shoe-wall{transform:rotateY(-90deg) translateZ(calc(0px - var(--depth)));background:#cfa979}.wall-cornice{position:absolute;inset:0 0 auto;height:48px;background:linear-gradient(#e5c79a,#b78d5c);text-align:center;padding:9px;box-shadow:0 5px 13px #ffd88255;border-bottom:3px solid #ffdf9a}.wall-cornice span{font:12px Georgia;letter-spacing:3px;color:#4b3926}.wall-cornice small{display:block;font-size:6px;letter-spacing:2px;color:#896c48;margin-top:5px}.wood-backing{position:absolute;inset:48px 0 0;background:repeating-linear-gradient(90deg,#47261c1a 0 1px,transparent 1px 15px),linear-gradient(110deg,#723c2b,#8a5435 45%,#673e2b);border-inline:12px solid #a97647}.clothing-rail{position:absolute;left:24px;right:24px;height:calc((var(--wall-height) - 65px)/2);transform-style:preserve-3d}.upper-rail{top:58px}.lower-rail{top:calc(58px + (var(--wall-height) - 65px)/2)}.clothing-rail:before{content:'';position:absolute;left:-4px;right:-4px;top:8px;height:5px;background:linear-gradient(#c4beb2,#f1dfb8 35%,#7d7666 70%);box-shadow:0 4px 6px #0004}.garment{position:absolute;left:var(--pos);top:8px;width:calc(100%/7);height:100%;border:0;background:none;padding:0;transform-style:preserve-3d;z-index:1}.garment .piece{position:absolute;width:clamp(95px,19vw,230px);height:calc(100% - 10px);left:50%;top:0;transform-origin:50% 0;transform:translateX(-50%) rotateY(-68deg);transition:transform .6s cubic-bezier(.2,.9,.25,1),filter .45s;filter:brightness(.84);pointer-events:none}.hanger{display:block;width:60%;height:27px;margin:0 auto -3px}.piece img{width:100%;height:calc(100% - 24px);object-fit:contain;object-position:center top;filter:drop-shadow(5px 10px 5px #0005);display:block}.garment.active{z-index:10}.garment.active .piece{transform:translateX(-50%) translateZ(18px) rotateY(0deg);filter:brightness(1.08)}.garment.before .piece{transform:translateX(calc(-50% - var(--spread,30px))) rotateY(-70deg)}.garment.after .piece{transform:translateX(calc(-50% + var(--spread,30px))) rotateY(-70deg)}.wall-plinth{position:absolute;left:0;right:0;bottom:0;height:8px;background:#b08350}.shoe-cabinet{position:absolute;inset:49px 18px 47px;display:grid;grid-template-rows:repeat(4,1fr)}.shoe-shelf{position:relative;display:flex;align-items:end;justify-content:space-evenly;gap:8px;padding:8px 12px 4px;background:linear-gradient(#fff4b9aa,transparent 42%),linear-gradient(#e4d6ad,#cabc95);border-bottom:8px solid #fff8e2;border-top:3px solid #ffedaa;box-shadow:0 5px 8px #67482535;transform-style:preserve-3d}.shoe{position:relative;width:35%;height:100%;border:0;background:none;padding:0;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.85,.3,1)}.shoe img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(4px 6px 3px #5b452642)}.shoe:hover,.shoe.active{transform:translateZ(35px) translateY(-5px) rotateY(-12deg)}.cupboards{position:absolute;left:18px;right:18px;bottom:0;height:45px;display:flex;background:#f5ecda;border-top:2px solid #bfa97f}.cupboards i{flex:1;border-right:1px solid #ccc0a4;position:relative}.cupboards i:after{content:'';position:absolute;top:12px;width:20px;height:3px;background:#b5a185;left:50%;transform:translateX(-50%)}.floor{position:absolute;left:calc(0px - var(--depth));top:calc(0px - var(--depth));width:calc(var(--depth)*2);height:calc(var(--depth)*2);background:repeating-linear-gradient(90deg,#6b45282e 0 2px,transparent 2px 50px),repeating-linear-gradient(0deg,#7f552a55 0 1px,transparent 1px 140px),linear-gradient(30deg,#b58b58,#d2ad77,#b48850);transform:translateY(calc(var(--wall-height)/2)) rotateX(90deg);backface-visibility:hidden}.ceiling{position:absolute;left:calc(0px - var(--depth));top:calc(0px - var(--depth));width:calc(var(--depth)*2);height:calc(var(--depth)*2);background:linear-gradient(#bfa17c,#e3c8a1);transform:translateY(calc(var(--wall-height)/-2)) rotateX(-90deg);backface-visibility:hidden}.selection-bar{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:17px;width:min(530px,92%);padding:10px 14px;border:1px solid #d9cbb6;border-radius:4px;background:#fbf7efe8;box-shadow:0 8px 24px #6048250c;z-index:5}.selection-bar>button{width:32px;height:36px;border:0;background:none;font-size:20px}.selection-bar .inspect{font-size:10px;width:auto;white-space:nowrap;padding:0 12px;background:#704c33;color:#fff4df;border-radius:3px}.selection-bar>div{flex:1;min-width:0}.selection-bar span{display:block;font-size:6px;letter-spacing:1.2px;color:#a2896b}.selection-bar b{display:block;font:500 15px Georgia;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journey-controls{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);width:min(410px,85%);display:flex;align-items:center;gap:15px}.journey-controls button{border:0;background:none;font-size:9px;color:#a0917b;padding:5px}.journey-controls button span{margin-left:5px}.journey-controls button.active{color:#69472f}.progress-track{height:2px;flex:1;background:#d4c7b2}.progress-track i{display:block;height:100%;width:0;background:#94704d}.scroll-cue{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:2px;color:#9c876c}.scroll-cue span{margin-left:8px}.after-room{max-width:1000px;padding:60px 24px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.after-room h2{font:500 38px/1.2 'Playfair Display',Georgia;margin:18px 0}.after-room p{font-size:12px;line-height:1.9;color:#927b63}.after-room img{width:100%;height:390px;object-fit:contain;background:#e8ddcb;border-radius:4px}.after-room button{background:none;border:0;border-bottom:1px solid #997345;padding:12px 0;margin-top:20px;font-size:11px}footer{border-top:1px solid #dfd1bb;padding:30px 5vw;display:flex;justify-content:space-between;gap:30px;font-size:11px}footer details{max-width:450px;font-size:9px;color:#9d866c}footer p{line-height:1.8}summary{cursor:pointer}dialog{background:#f8f3e9;border:1px solid #c3ad8b;border-radius:6px;padding:30px;max-width:92vw;width:650px;max-height:92dvh;overflow:auto;color:#4d3929}dialog::backdrop{background:#211810bd;backdrop-filter:blur(5px)}.close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:1px solid #ccb590;border-radius:50%;background:#f8f1e3;font-size:22px;z-index:2}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.product-photo{width:100%;height:330px;object-fit:contain;background:radial-gradient(#eee2cc,#e2d0b3);padding:15px;border-radius:4px}dialog h2{font:500 29px 'Playfair Display',Georgia;margin:15px 0}.fine{font-size:10px;line-height:1.8;color:#9c8568}.sizes{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 10px}.sizes button{min-width:39px;height:41px;border:1px solid #c8b99b;background:none;border-radius:3px;padding:7px}.sizes button.active{background:#785237;color:#fff5df;border-color:#785237}.primary{width:100%;min-height:47px;background:#704c33;border:0;color:#fff3dc;border-radius:3px;margin-top:15px;font-size:12px}.error{min-height:15px;font-size:10px;color:#a34c35}.instagram{display:block;text-align:center;font-size:11px;padding:16px}.bag-line{padding:15px 0;border-bottom:1px solid #dcccaf;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.bag-line small{display:block;font-size:9px;color:#9e8568;margin-top:7px}.bag-line button{border:0;background:none;color:#9a6b4a;font-size:9px;text-decoration:underline}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:#62462f;color:#fff5e3;padding:13px 20px;border-radius:4px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}body:has(dialog[open]){overflow:hidden}@media(max-width:760px){header{height:60px;padding:0 20px}.brand{font-size:22px}.header-note{display:none}.sticky-room{top:60px;height:calc(100svh - 60px)}.intro{top:18px}.eyebrow{font-size:6px;letter-spacing:1.6px}h1{font-size:27px;letter-spacing:-.8px;margin:9px 0}.intro p{font-size:9px}.scene{inset:103px 0 116px;--depth:46vw;--wall-height:clamp(290px,calc(100svh - 300px),480px);perspective:750px;perspective-origin:50% 48%}.room{transform:translateZ(calc(var(--depth) - 20px)) rotateY(0)}.wall-cornice{height:36px;padding:6px;border-bottom-width:2px}.wall-cornice span{font-size:8px;letter-spacing:1.7px}.wall-cornice small{font-size:5px;margin-top:3px}.wood-backing{inset:36px 0 0;border-inline-width:6px}.clothing-rail{left:11px;right:11px;height:calc((var(--wall-height) - 48px)/2)}.upper-rail{top:43px}.lower-rail{top:calc(43px + (var(--wall-height) - 48px)/2)}.garment .piece{width:clamp(90px,29vw,130px);--spread:19px}.hanger{height:20px;margin-bottom:-2px}.piece img{height:calc(100% - 18px)}.shoe-cabinet{inset:38px 10px 35px}.shoe-shelf{padding:6px 8px 2px;border-bottom-width:6px;gap:13px}.shoe{width:42%}.cupboards{height:34px;left:10px;right:10px}.selection-bar{gap:7px;padding:8px;width:94%;bottom:64px}.selection-bar b{font-size:13px}.selection-bar .inspect{padding:0 9px;font-size:9px}.selection-bar>button{width:28px;font-size:17px}.journey-controls{bottom:30px}.scroll-cue{bottom:7px;font-size:5px;letter-spacing:1.5px}.after-room{grid-template-columns:1fr;padding:35px 22px;gap:30px}.after-room h2{font-size:33px}.after-room img{height:320px}footer{flex-direction:column;padding:25px 22px;gap:15px}.product-layout{grid-template-columns:1fr;gap:10px}.product-photo{height:250px}dialog{padding:20px}.product-layout h2{font-size:26px;margin:10px 0}}@media(max-height:650px) and (max-width:760px){.intro{top:9px}h1{font-size:23px}.scene{inset:85px 0 112px;--wall-height:275px}.sticky-room{min-height:445px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.piece,.shoe{transition:none!important}}

.bag-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}.mobile-break{display:none}@media(max-width:760px){.mobile-break{display:block}}
/* Dense, left-facing rails. Each selected piece gets its own opening. */
.garment{width:5%}.garment .piece{transform:translateX(-50%) rotateY(-82deg);filter:brightness(.95)}.garment.before .piece{transform:translateX(calc(-50% - var(--spread,75px))) rotateY(-83deg)}.garment.after .piece{transform:translateX(calc(-50% + var(--spread,75px))) rotateY(-83deg)}.garment.active .piece{transform:translateX(-50%) translateZ(22px) rotateY(0deg);filter:brightness(1.08)}.shoe-shelf{gap:7px;padding-inline:12px}.shoe{width:15%;flex:0 0 15%}.shoe:hover,.shoe.active{transform:translateZ(45px) translateY(-7px) rotateY(-12deg) scale(1.15)}.catalogue{max-width:1200px;margin:0 auto;padding:45px 5vw 25px}.catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:18px}.catalog-heading h2{font:500 36px/1.2 'Playfair Display',Georgia;margin:13px 0 0}.catalog-heading>span{font-size:10px;color:#9f8668;white-space:nowrap}.catalog-tools{margin:27px 0}.catalog-tools input{width:100%;padding:14px 15px;border:1px solid #d1c2a9;background:#faf6ed;border-radius:3px;font:13px 'DM Sans',sans-serif;color:#604730}.catalog-tabs{display:flex;gap:8px;margin-top:13px;overflow-x:auto}.catalog-tabs button{background:#eee5d5;border:1px solid #d6c6aa;padding:10px 17px;border-radius:3px;font-size:11px;min-height:42px;white-space:nowrap}.catalog-tabs .active{background:#704d33;color:#fff5e1;border-color:#704d33}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}.catalog-card{background:none;border:0;padding:0;text-align:left;min-width:0}.catalog-photo{position:relative;overflow:hidden;background:#e7dac5;border-radius:4px}.catalog-photo img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform .5s}.catalog-photo.cutout img{object-fit:contain;padding:15px}.catalog-card:hover img{transform:scale(1.035)}.catalog-photo span{position:absolute;bottom:10px;right:10px;background:#f8f2e7e8;padding:7px 9px;border-radius:3px;font-size:8px;color:#694b31}.catalog-card>small{display:block;font-size:7px;letter-spacing:1.5px;color:#9b805e;margin-top:14px}.catalog-card h3{font:500 13px/1.5 'DM Sans',sans-serif;margin:6px 0;color:#58432d}.catalog-card>p{font-size:10px;color:#927c5d;margin:0}.show-more{display:block;margin:30px auto;background:none;border:1px solid #bda783;padding:14px 28px;border-radius:3px;color:#715235;font-size:11px}.show-more[hidden]{display:none}.gallery-thumbs{display:flex;gap:7px;margin-top:8px}.gallery-thumbs button{padding:2px;border:1px solid #c7b490;background:#eee1cc;width:47px;height:59px}.gallery-thumbs img{width:100%;height:100%;object-fit:contain}@media(max-width:760px){.garment .piece{width:clamp(90px,27vw,122px);--spread:44px}.shoe-shelf{gap:3px;padding-inline:5px}.shoe{width:15.7%;flex-basis:15.7%}.catalogue{padding:35px 20px 20px}.catalog-heading h2{font-size:29px}.catalog-tools input{font-size:16px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.catalog-card h3{font-size:12px}.catalog-tabs button{padding:9px 13px;font-size:10px}.catalog-photo span{font-size:7px;padding:6px}.catalog-heading>span{font-size:9px}}@media(prefers-reduced-motion:reduce){.catalog-photo img{transition:none}}

/* Cabinet-contained hanging rails with independent perspective per hanger. */
.clothing-rail{overflow:hidden;isolation:isolate;transform-style:flat;perspective:none;border-bottom:9px solid #825a38;box-shadow:inset 0 9px 18px #160d0855,inset 0 -8px 16px #160d0844;background:linear-gradient(180deg,#ffe3ac22,transparent 24%,#24180e22)}
.clothing-rail:before{left:0;right:0;top:6px;z-index:0;height:4px}
.garment{left:var(--pos);width:4.8%;top:5px;height:calc(100% - 13px);transform:translateX(-50%);transition:left .55s cubic-bezier(.22,.8,.25,1);perspective:900px;perspective-origin:50% 0}
.garment .piece,.garment.before .piece,.garment.after .piece{width:clamp(95px,19vw,230px);height:100%;left:50%;transform:translateX(-50%) rotateY(-58deg);filter:brightness(.96);transform-origin:50% 0;transform-style:flat}
.garment .piece:after{content:'';position:absolute;inset:27px 14% 4px;pointer-events:none;background:linear-gradient(90deg,#0002,transparent 35%,#fff1 60%,#0002);mix-blend-mode:multiply;clip-path:polygon(25% 0,75% 0,100% 17%,87% 100%,13% 100%,0 17%)}
.garment.before .piece,.garment.after .piece{transform:translateX(-50%) rotateY(-68deg);filter:brightness(.86)}
.garment.active .piece{transform:translateX(-50%) rotateY(0deg);filter:brightness(1.06)}
.hanger{height:23px;width:65%;margin:0 auto -8px}.piece img{height:calc(100% - 15px);object-position:center top;filter:drop-shadow(3px 3px 2px #130d0855)}
.upper-rail{height:calc((var(--wall-height) - 66px)/2)}.lower-rail{top:calc(58px + (var(--wall-height) - 66px)/2);height:calc((var(--wall-height) - 66px)/2)}
.bag-line img{width:62px;height:76px;object-fit:contain;background:#ede4d5;border-radius:4px}.bag-line>span{flex:1}.delivery-label{display:block;font-size:12px;margin:22px 0 9px}.delivery-label span{color:#8f7c69}.delivery-input{width:100%;padding:13px;border:1px solid #c8b79d;border-radius:4px;background:#fffaf2;font-size:16px;font-family:inherit}.whatsapp{background:#285b44}.primary:disabled,.secondary:disabled{opacity:.45;cursor:not-allowed}.secondary{width:100%;padding:12px;border:1px solid #c8b79d;background:transparent;border-radius:4px;font-size:12px}
@media(max-width:760px){.garment .piece,.garment.before .piece,.garment.after .piece{width:clamp(88px,26vw,120px)}.clothing-rail{left:12px;right:12px;border-bottom-width:6px}.upper-rail{top:42px;height:calc((var(--wall-height) - 50px)/2)}.lower-rail{top:calc(42px + (var(--wall-height) - 50px)/2);height:calc((var(--wall-height) - 50px)/2)}.hanger{height:19px;margin-bottom:-6px}.piece img{height:calc(100% - 13px)}.bag-line{gap:12px}.bag-line img{width:50px;height:66px}}
@media(prefers-reduced-motion:reduce){.garment{transition:none}}

/* Touch preview stays below the cabinet, leaving the animation unobstructed. */
.preview-sizes,#dismissPreview{display:none}
@media(max-width:760px),(hover:none){
.selection-bar{bottom:61px;min-height:82px;padding:12px 9px;gap:6px;border-radius:10px;background:#fffaf1;box-shadow:0 6px 24px #4b332719;align-items:center}
.selection-bar b{font-size:12px;line-height:1.4;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.selection-bar span{font-size:6px;letter-spacing:.4px;line-height:1.5}.selection-bar>button{width:24px;min-height:44px;flex-shrink:0}.selection-bar .inspect{min-height:44px;padding:0 8px;font-size:9px}
.preview-open .preview-sizes{display:block;font-size:8px;line-height:1.5;color:#826b52;margin-top:4px}
.preview-open #dismissPreview{display:block;position:absolute;right:-4px;top:-14px;width:28px;height:28px;min-height:28px;background:#fffaf1;border:1px solid #cfbda5;border-radius:50%;font-size:18px}
.preview-open{animation:preview-reveal .28s ease-out}.scene{bottom:154px;--wall-height:clamp(240px,calc(100svh - 345px),480px)}
}
@keyframes preview-reveal{from{opacity:.4;translate:0 7px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.preview-open{animation:none}}