/* The sample's visual language, layered over the established commerce UI. */
:root{--night:#08151d;--champagne:#e7d1a5;--cream:#f4f0e8}
html{scroll-padding-top:72px}body{background:var(--night);color:var(--cream)}
.announcement{background:#071119;color:#d9d1bf;border-bottom:1px solid #ffffff26}
.site-header{background:#0a1b24ed;color:#f9f1e5;border-bottom:1px solid #ffffff32;backdrop-filter:blur(15px);position:sticky;top:0;height:77px}
.brand strong,.brand small,.site-header nav a{color:#f6ecdc}.brand img{border-radius:50%;width:48px;height:48px}.site-header nav a:after{background:var(--champagne)}
.account-trigger,.cart-trigger{background:#ffffff0d;border-color:#ffffff65;color:#fff}.account-trigger:hover,.cart-trigger:hover{background:#ffffff24}
.cart-trigger b{background:var(--champagne);color:#17252b}.support-link{color:#f4dfb8}
.hero{min-height:calc(100svh - 103px);background:#08141b}
.hero-scene{background-image:linear-gradient(180deg,#06131bd4 0%,#06131b38 38%,#06131bce 100%),linear-gradient(90deg,#07131abb 0%,transparent 80%),url('/assets/auto-studio.webp');background-position:center;transform:scale(1.04) translate3d(var(--scene-x,0px),var(--scene-y,0px),0)}
.hero-inner{min-height:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;text-align:center;padding:42px 22px 72px;max-width:1000px}
.hero-copy{max-width:840px}.hero-kicker{justify-content:center;color:var(--champagne);font-size:11px;letter-spacing:.2em}.hero h1{font-size:clamp(44px,7vw,94px);line-height:1.22;letter-spacing:-.05em;margin:5px 0}.hero h1 em{color:#ecd9b8}
.hero-copy>p:not(.hero-kicker){max-width:650px;font-size:clamp(13px,1.2vw,16px);margin:12px auto 0;color:#e9ebe5;text-shadow:0 2px 10px #000}
.hero-directory{background:none;border:0;backdrop-filter:none;box-shadow:none;padding:0;min-width:0;width:100%;max-width:850px;align-self:center;text-align:right}
.directory-label{font-size:11px;color:#eadac0}.directory-label span{color:#ded4bb}
.hero-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:12px 0 5px}
.hero-categories .hero-portal{height:170px;border:1px solid #ffffff8c;border-radius:17px;display:flex;flex-direction:column;justify-content:end;align-items:flex-start;text-align:right;gap:3px;padding:23px;background-size:cover;background-position:center;box-shadow:0 30px 55px #0009;transition:transform .45s,border-color .45s,box-shadow .45s;overflow:hidden}
.hero-categories .hero-portal:hover,.hero-categories .hero-portal:focus-visible{transform:translateY(-7px) scale(1.02);border-color:#f6deaa;box-shadow:0 35px 70px #000b;background-color:transparent}
.hero-portal.portal-auto{background-image:linear-gradient(0deg,#08131be9,#08131b1a 80%),url('/assets/auto-studio.webp')}
.hero-portal.portal-fashion{background-image:linear-gradient(0deg,#201810ed,#20181022 80%),url('/assets/fashion-studio.webp')}
.hero-portal.portal-other{background-image:linear-gradient(145deg,#35475a,#111c28)}
.hero-categories .hero-portal .portal-number{font:10px Georgia,serif;color:#edcd94;letter-spacing:.14em;direction:ltr;align-self:flex-start}
.hero-categories .hero-portal strong{font-size:25px;color:#fff}.hero-categories .hero-portal span:last-child{font-size:11px;color:#fff1da}
.hero-directory small{font-size:11px;color:#d5d9d2}.hero-scroll{right:50%;transform:translateX(50%);bottom:19px}
.category-scene{background:#08151d;padding-top:65px;padding-bottom:85px}.scene-intro .eyebrow{color:var(--champagne)}.scene-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:26px}
.scene-card{height:180px;border-radius:17px;background-image:linear-gradient(0deg,#07131be8,#07131b32),url('/assets/auto-studio.webp')}
.scene-card.scene-garment{background-image:linear-gradient(0deg,#201810e8,#20181026),url('/assets/fashion-studio.webp')}.scene-card strong{font-size:27px}.scene-icon{margin:0 auto 5px 0;width:35px;height:35px;font-size:17px}.scene-caption{font-size:11px}
.live-room{position:relative;min-height:690px;margin-top:34px;overflow:hidden;border:1px solid #ffffff68;border-radius:22px;background:#16232b url('/assets/auto-studio.webp') center/cover;isolation:isolate;box-shadow:0 30px 70px #0008}
.live-room[data-room="fashion"]{background-image:url('/assets/fashion-studio.webp')}
.live-room:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08131bd8,#0a172570 38%,#07131bf0 100%)}
.live-room[data-room="fashion"]:before{background:linear-gradient(180deg,#30241fd5,#33231d65 40%,#1c1716ec)}
.live-room-head{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:start;gap:20px;padding:28px 35px}.live-room-head .eyebrow{color:#efd5a4}.live-room-head h3{margin:0;color:#fff;font-size:clamp(29px,3vw,47px)}.live-room-head p:last-child{font-size:12px;color:#eee5d7;margin:5px 0 0;max-width:570px}.live-room-head a{font-size:12px;color:#f6e5bb;white-space:nowrap;border-bottom:1px solid #f6e5bb}
.room-stage{height:410px;position:relative;perspective:1200px;perspective-origin:50% 35%;touch-action:pan-y}
.room-gallery{height:100%;position:relative;transform-style:preserve-3d;transform:translateZ(70px)}
.room-product{position:absolute;right:50%;top:49%;width:clamp(175px,20vw,270px);height:clamp(275px,32vw,360px);padding:9px;border:1px solid #ffffff9c;border-radius:12px;background:#ffffff2a;color:#fff;text-align:right;box-shadow:0 30px 60px #000b;backdrop-filter:blur(12px);transform:translate(50%,-50%) translate3d(var(--x),15px,var(--z)) rotateY(var(--rot)) scale(.9);opacity:var(--room-opacity);transition:transform .75s cubic-bezier(.2,.75,.1,1),opacity .55s,box-shadow .4s;display:flex;flex-direction:column;gap:9px}
.room-product[aria-current="true"]{transform:translate(50%,-50%) translate3d(var(--x),0,var(--z)) rotateY(var(--rot)) scale(1.07);box-shadow:0 35px 80px #000c,0 0 35px #dabb794f}
.room-product:hover{box-shadow:0 38px 80px #000e,0 0 30px #e4d1a66b}
.room-photo{display:grid;place-items:center;min-height:0;flex:1;background:#f0efeb;border-radius:5px;overflow:hidden;color:#48556a}.room-photo img{width:100%;height:100%;object-fit:contain}.room-photo .no-product-photo{font-size:12px}
.room-product-info{display:grid;gap:2px;padding:4px 7px}.room-product-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.room-product-info small{font-size:10px;color:#e8d6b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.room-arrow{position:absolute;top:50%;transform:translateY(-50%);border:1px solid #e8d2a288;width:45px;height:45px;border-radius:50%;background:#071820bd;color:#fff;font-size:24px;z-index:15}.room-arrow:hover{background:#e5c99a;color:#17242b}.room-arrow:disabled,.room-controls button:disabled{opacity:.45;cursor:default}.room-prev{right:22px}.room-next{left:22px}
.room-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff72;margin:0 35px;padding-top:15px}.room-controls>div:first-child{display:flex;align-items:center;gap:16px;min-width:0}.room-controls strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.room-controls span{font-size:11px;white-space:nowrap}.room-controls button:not(.room-thumb){border:0;border-radius:99px;background:#e7d0a0;color:#17252a;padding:9px 15px;font-size:11px;font-weight:800;white-space:nowrap}
.room-thumbnails{display:flex;direction:ltr;gap:5px;overflow-x:auto;max-width:48%;padding:2px 0 6px}.room-thumb{flex:0 0 45px;width:45px;height:52px;border:1px solid #ffffff78;border-radius:4px;background:#ece9e3;color:#11222f;padding:2px;overflow:hidden}.room-thumb[aria-current="true"]{border:2px solid #ffe0a6}.room-thumb img{width:100%;height:100%;object-fit:contain}.room-thumb span{font-size:9px;overflow-wrap:anywhere}
.sample-lookbook{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;padding-top:52px}.sample-lookbook h3{font-size:30px;margin:0}.sample-lookbook p:last-child{max-width:550px;color:#c5d3d7;font-size:13px}.sample-strip{display:flex;direction:ltr;gap:8px;overflow-x:auto;padding:10px 2px}.sample-strip img{flex:0 0 110px;width:110px;height:135px;object-fit:contain;background:#f4f1eb;border:3px solid #ffffff43;border-radius:9px;transform:perspective(500px) rotateY(-7deg)}
.catalog{color:#152235;background:#fff;border-radius:30px 30px 0 0;max-width:none;padding:75px max(24px,calc((100vw - 1260px)/2)) 90px}.value-section,.steps,footer{background:#f5f4f0}.room-transition{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:#0b1820;opacity:0;pointer-events:none;transition:opacity .38s}.room-transition.visible{opacity:1}.room-transition span{font:700 clamp(70px,15vw,200px) Georgia,serif;color:#e8d1a1;letter-spacing:.18em;direction:ltr}
@media(max-width:760px){.site-header{height:63px;padding:0 10px;gap:6px}.brand{margin-left:auto}.brand img{width:35px;height:35px}.brand strong{font-size:16px}.brand small{display:none}.account-trigger{font-size:10px;padding:7px 8px}.support-link{display:block;font-size:10px;white-space:nowrap}.cart-trigger{padding:4px}.cart-trigger b{width:25px;height:25px}.hero{min-height:calc(100svh - 90px)}.hero-scene{background-image:linear-gradient(180deg,#07131bdc 0%,#07131b50 40%,#07131bef 100%),url('/assets/auto-studio.webp');background-position:61% center}.hero-inner{min-height:inherit;padding:36px 16px 54px;justify-content:space-evenly;gap:10px}.hero-kicker{font-size:9px}.hero h1{font-size:clamp(36px,10vw,56px);line-height:1.28}.hero-copy>p:not(.hero-kicker){font-size:12px;line-height:1.8;margin-top:10px}.hero-directory{padding:0}.directory-label{font-size:10px}.directory-label span{font-size:9px}.hero-categories{gap:9px}.hero-categories .hero-portal{height:145px;padding:12px;border-radius:11px}.hero-categories .hero-portal strong{font-size:clamp(15px,5vw,21px)}.hero-categories .hero-portal span:last-child{font-size:10px}.hero-directory small,.hero-scroll{display:none}.category-scene{padding:42px 13px 65px}.scene-intro h2{font-size:31px}.scene-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-top:18px}.scene-card{flex:0 0 min(76vw,290px);height:160px;scroll-snap-align:center;padding:16px}.scene-card strong{font-size:22px}.scene-icon{width:28px;height:28px;font-size:13px}.live-room{min-height:620px;margin-top:22px;border-radius:15px}.live-room-head{padding:17px 16px;display:block}.live-room-head h3{font-size:30px}.live-room-head p:last-child{font-size:11px}.live-room-head a{display:inline-block;margin-top:7px}.room-stage{height:350px}.room-product{width:clamp(154px,47vw,220px);height:clamp(265px,68vw,318px)}.room-arrow{width:34px;height:34px;font-size:19px}.room-prev{right:5px}.room-next{left:5px}.room-controls{margin:0 13px;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding-top:11px}.room-controls>div:first-child{justify-content:space-between;gap:8px}.room-controls strong{font-size:11px;max-width:42%}.room-controls button:not(.room-thumb){font-size:10px;padding:8px}.room-thumbnails{max-width:100%;width:100%}.room-thumb{flex-basis:39px;width:39px;height:44px}.sample-lookbook{grid-template-columns:1fr;gap:8px;padding-top:40px}.sample-lookbook h3{font-size:25px}.sample-strip img{flex-basis:95px;width:95px;height:120px}.catalog{padding:60px 15px 70px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{min-width:0}.product-body{padding:12px}.product-body h3{font-size:12px}.product-price{align-items:center}.product-price strong{font-size:12px}}
@media(max-width:380px){.support-link{font-size:9px}.brand strong{font-size:14px}.hero-categories .hero-portal{height:130px}.hero-categories .hero-portal .portal-number{font-size:8px}.room-product{width:150px}.room-product-info strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.room-product,.room-transition,.hero-scene,.hero-portal{transition:none!important;transform:none!important}.room-product{transform:translate(50%,-50%) translateX(var(--x))!important}}
.sample-photo-button{flex:0 0 115px;min-width:0;padding:4px;background:#ffffff1c;border:1px solid #ffffff70;border-radius:10px;color:#fff;text-align:center;transform:perspective(500px) rotateY(-7deg);transition:transform .25s,border-color .25s}.sample-photo-button:hover,.sample-photo-button:focus-visible{transform:perspective(500px) rotateY(0) translateY(-5px);border-color:#f2d6a0}.sample-photo-button img{width:100%;height:132px;object-fit:contain;background:#f4f1eb;border-radius:6px}.sample-photo-button span{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px}
@media(max-width:760px){.sample-photo-button{flex-basis:100px}.sample-photo-button img{height:112px}}
@media(prefers-reduced-motion:reduce){.sample-photo-button,.sample-photo-button:hover,.sample-photo-button:focus-visible{transform:none!important;transition:none!important}}