/* Client material edition: keep the atelier atmosphere, make actual products central. */
:root { --ink:#293d34; --muted:#6c7468; --accent:#a68a5c; }
.brand { font-size:26px; letter-spacing:3.5px; white-space:nowrap; }
.brand span { letter-spacing:3px; }
.modal-open { overflow:hidden; }
.masthead nav { gap:16px; }
.showcase.is-look { background:#6e604a; }
.showcase.is-look .hero-image { object-fit:contain; object-position:74% center; }
.showcase.is-look .hero-shade { background:linear-gradient(90deg,#14211ef5 0%,#14211ed9 27%,#14211e50 47%,transparent 65%),linear-gradient(0deg,#14211edb,transparent 24%); }
.category-editorial { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin:40px 0 70px; }
.category-editorial > button { position:relative; padding:0; text-align:left; overflow:hidden; background:#d8d2c4; aspect-ratio:3/4; }
.category-editorial > button > img { object-position:center top; transition:transform .6s; }
.category-editorial > button:hover > img { transform:scale(1.035); }
.category-editorial > button:after { content:''; position:absolute; inset:40% 0 0; background:linear-gradient(transparent,#17251fe8); pointer-events:none; }
.category-editorial > button > span { position:absolute; left:23px; bottom:25px; z-index:1; display:flex; flex-direction:column; gap:12px; color:#fff9ea; }
.category-editorial small { font-size:8px; letter-spacing:1.8px; }
.category-editorial strong { font:27px var(--serif); }
.category-editorial em { font-size:11px; font-style:normal; }
.category-editorial > button > .product-photo { width:100%; height:100%; aspect-ratio:auto; }
.category-editorial > button:nth-child(3) > img,.category-editorial > button:nth-child(4) > img { object-fit:contain; background:#f1eee7; }
.catalog-toolbar { display:flex; justify-content:space-between; align-items:center; gap:24px; border-top:1px solid var(--line); padding-top:25px; scroll-margin-top:28px; }
.category-tabs { display:flex; gap:8px; flex-wrap:wrap; }
.category-tabs button { padding:10px 18px; font-size:12px; border:1px solid transparent; border-radius:30px; }
.category-tabs button[aria-pressed=true] { background:var(--ink); color:var(--paper); }
.category-tabs button:hover { border-color:#a9b1a1; }
.catalog-search input { width:240px; padding:11px 13px; border:1px solid var(--line); border-radius:5px; background:#fff8; color:var(--ink); font-size:12px; }
.catalog-meta { display:flex; justify-content:space-between; align-items:center; padding:22px 0; color:var(--muted); font-size:11px; }
.product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:44px 22px; }
.product-card { position:relative; min-width:0; }
.product-open { display:block; width:100%; padding:0; text-align:left; position:relative; overflow:hidden; }
.product-photo { position:relative; width:100%; aspect-ratio:2/3; overflow:hidden; background:#e9e5dc; display:flex; justify-content:center; }
.product-photo > img { object-fit:contain; object-position:center; transition:transform .5s; }
.product-open:hover .product-photo > img { transform:scale(1.035); }
.source-crop { height:100%; width:auto; position:relative; overflow:hidden; flex-shrink:0; }
.source-crop img { position:absolute; max-width:none; object-fit:fill; }
.product-tag { position:absolute; left:12px; bottom:12px; font-size:9px; color:var(--ink); background:#f7f4e9ee; padding:5px 9px; border-radius:3px; }
.product-heart { position:absolute; top:12px; right:12px; background:#faf7eeeb; width:34px; height:34px; border-radius:50%; display:grid; place-items:center; font-size:22px; z-index:1; }
.product-heart[aria-pressed=true] { color:#8c4e3d; }
.product-copy { padding:16px 0 0; }
.product-copy > small { font-size:9px; color:var(--muted); letter-spacing:.5px; }
.product-copy > button { display:block; text-align:left; padding:0; margin:8px 0; }
.product-copy h3 { font:19px/1.5 var(--serif); }
.product-copy > p { font-size:11px; color:var(--muted); }
.product-copy > div { display:flex; justify-content:space-between; align-items:center; margin-top:12px; gap:8px; }
.product-copy > div > button { font-size:11px; padding:5px 0; }
#empty-results { padding:70px 20px; text-align:center; color:var(--muted); }
.fitting-story { display:grid; grid-template-columns:1fr 1fr 1fr; gap:30px; align-items:center; background:#ebe8de; }
.fitting-story h2 { font:42px/1.5 var(--serif); margin:22px 0; }
.fitting-story h2 i { color:#7b8771; font-style:normal; }
.fitting-story p { color:var(--muted); font-size:13px; line-height:2; }
.fitting-story .button { margin-top:32px; max-width:230px; }
.story-image { position:relative; padding:0; aspect-ratio:2/3; overflow:hidden; }
.story-image span { position:absolute; bottom:18px; left:18px; color:var(--ink); background:#faf6e9db; padding:7px 12px; font-size:8px; letter-spacing:1.4px; }
.materials-grid > button { padding:0; height:440px; }
.materials-grid > button img { object-fit:contain; background:#e6e1d6; }
.studio-heading { min-height:90px; padding:18px 3%; }
.studio-heading .journey { gap:13px; font-size:11px; }
.studio-heading h1 { font-size:24px; }
.ba-workspace { display:grid; grid-template-columns:220px minmax(0,1fr) 350px; height:calc(100svh - 176px); min-height:650px; max-height:1040px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.ba-wardrobe { padding:26px 16px 18px; overflow:auto; background:#edece3; scrollbar-width:thin; }
.ba-wardrobe h2 { font:25px/1.5 var(--serif); margin:14px 10px 24px; }
.ba-wardrobe > .eyebrow { margin-left:10px; font-size:8px; }
.look-option { width:100%; display:flex; gap:12px; align-items:center; text-align:left; padding:9px 7px; border:1px solid transparent; border-radius:7px; margin:4px 0; position:relative; }
.look-option:hover { background:#e2e5da; }
.look-option[aria-pressed=true] { background:#f8f5ec; border-color:#a6b19a; box-shadow:inset 3px 0 #617454; }
.look-option > img { width:45px; height:68px; object-fit:cover; flex-shrink:0; border-radius:3px; }
.look-option > span { display:flex; flex-direction:column; gap:6px; min-width:0; }
.look-option small { font-size:7px; letter-spacing:.8px; color:var(--muted); }
.look-option strong { font-size:11px; font-weight:400; line-height:1.6; }
.look-option em { font-size:9px; color:var(--muted); font-style:normal; }
.look-option > b { font-size:11px; color:#697f5c; margin-left:auto; }
.wardrobe-all { display:block; margin:22px auto 0; }
.ba-stage { position:relative; background:linear-gradient(90deg,#c4b294,#dfc9a9 30%,#dfc9a9 70%,#c9b99f); min-width:0; overflow:hidden; }
.ba-stage > img { position:absolute; inset:0; width:100%; height:calc(100% - 66px); object-fit:contain; }
.ba-stage.is-original { background:#e9e6de; }
.ba-stage-label { position:absolute; left:22px; top:22px; background:#f9f5e9e6; padding:15px 17px; max-width:240px; border-left:2px solid var(--accent); border-radius:0 6px 6px 0; pointer-events:none; }
.ba-stage-label > span { font-size:8px; letter-spacing:1px; }
.ba-stage-label h2 { font:21px/1.6 var(--serif); margin:8px 0; }
.ba-stage-label p { font-size:10px; color:var(--muted); }
.ba-stage-bottom { position:absolute; bottom:16px; left:20px; right:20px; display:flex; justify-content:space-between; align-items:center; gap:10px; }
.view-switch { display:flex; gap:3px; padding:4px; background:#f8f5ecee; border-radius:7px; }
.view-switch button { padding:10px 15px; font-size:11px; border-radius:5px; }
.view-switch button[aria-pressed=true] { background:var(--ink); color:var(--paper); }
.zoom-control { background:#f8f5ecee; padding:10px 13px; font-size:12px; border-radius:6px; }
.stage-loading { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#f8f5ecee; padding:12px 18px; border-radius:5px; font-size:12px; }
.ba-inspector { min-width:0; min-height:0; display:grid; grid-template-rows:64px minmax(0,1fr) auto; background:#faf8f2; border-left:1px solid var(--line); }
.ba-tabs { display:flex; padding:9px 14px; border-bottom:1px solid var(--line); background:#eeede5; }
.ba-tabs button { flex:1; font-size:12px; padding:12px 4px; border:1px solid transparent; border-radius:6px; }
.ba-tabs button[aria-selected=true] { background:#fffcf6; border-color:#d7d5c8; }
.ba-panel { overflow:auto; scrollbar-width:thin; padding:25px 23px; grid-row:2; }
.ba-panel h2 { font:24px/1.5 var(--serif); margin:13px 0 18px; }
.ba-panel > .eyebrow { font-size:7px; letter-spacing:1.4px; }
.product-description,.ba-panel > p { font-size:12px; line-height:1.9; color:var(--muted); }
.feature-chips { display:flex; flex-wrap:wrap; gap:7px; margin:22px 0; }
.feature-chips > span { border:1px solid #d6dacb; background:#f0f1e8; border-radius:4px; padding:6px 9px; font-size:11px; }
.product-specs { display:grid; grid-template-columns:78px minmax(0,1fr); gap:13px 14px; font-size:12px; line-height:1.8; margin:22px 0; padding:20px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.product-specs dt { color:var(--muted); }
.product-specs dd { margin:0; overflow-wrap:anywhere; }
.source-detail { display:flex; gap:15px; align-items:center; padding:10px; background:#eeeee5; width:100%; text-align:left; font-size:11px; border-radius:5px; }
.source-detail .product-photo { width:55px; height:82px; flex-shrink:0; }
.inspector-note { font-size:10px; line-height:1.9; color:var(--muted); margin:15px 0 0; }
.ba-actions { grid-row:3; border-top:1px solid var(--line); padding:16px 21px; background:#faf8f2; }
.ba-actions > .button { width:100%; justify-content:center; font-size:12px; }
.ba-actions > div { display:flex; gap:10px; justify-content:space-between; margin:13px 0; }
.ba-actions > div button { font-size:11px; padding:5px 0; }
.ba-actions > .text-link { display:block; width:100%; text-align:center; padding:10px 0 2px; border-top:1px solid var(--line); }
.ba-mobile-bar { display:none; }
.fitting-note { font-size:10px; color:var(--muted); padding:16px 3%; line-height:1.8; background:#f5f2eb; }
.stylist-prompts { display:flex; flex-wrap:wrap; gap:7px; margin:20px 0; }
.stylist-prompts button { border:1px solid #cbd2bd; border-radius:20px; font-size:11px; padding:7px 11px; }
.ba-chat-log { max-height:400px; overflow:auto; scrollbar-width:thin; }
.chat-user { margin:16px 0 12px 25px; padding:12px; background:#e8ecdf; font-size:12px; border-radius:7px; overflow-wrap:anywhere; }
.chat-reply { padding:4px 0 12px; }
.chat-reply > span { font-size:8px; letter-spacing:1px; color:var(--muted); }
.chat-reply p { font-size:12px; line-height:1.9; margin:9px 0; }
.recommendation { display:flex; width:100%; gap:13px; padding:9px; margin:8px 0; border:1px solid var(--line); border-radius:5px; text-align:left; }
.recommendation .product-photo { width:58px; height:87px; flex-shrink:0; }
.recommendation > span { display:flex; justify-content:center; flex-direction:column; gap:7px; }
.recommendation small,.recommendation em { font-size:9px; color:var(--muted); font-style:normal; }
.recommendation strong { font-size:12px; font-weight:400; }
#chat-form { position:relative; margin-top:16px; }
#chat-input { width:100%; padding:12px 68px 12px 12px; border:1px solid #bec8b5; border-radius:5px; background:#fff9; resize:vertical; font-size:12px; color:var(--ink); }
#chat-form > button { position:absolute; right:9px; bottom:17px; background:var(--ink); color:var(--paper); width:48px; height:36px; border-radius:4px; font-size:11px; letter-spacing:1px; transition:background .2s; }
dialog { width:min(1040px,calc(100% - 40px)); padding:30px 36px; border-radius:12px; max-height:90svh; }
.modal-header { position:sticky; top:-30px; z-index:3; background:var(--paper); padding-top:12px; }
.modal-header h2 { font-size:28px; line-height:1.4; }
.modal-header .eyebrow { font-size:8px; letter-spacing:1.3px; }
.modal-lead { font-size:13px; color:var(--muted); margin:0 0 25px; }
.detail-layout { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:35px; }
.detail-gallery { min-width:0; }
.detail-gallery > img { height:520px; object-fit:contain; background:#e7e2d8; }
.gallery-thumbs { display:flex; gap:8px; margin-top:12px; overflow:auto; padding:2px; }
.gallery-thumbs button { padding:2px; width:51px; height:76px; flex-shrink:0; border:1px solid transparent; }
.gallery-thumbs button[aria-pressed=true] { border-color:var(--ink); }
.gallery-thumbs img { object-fit:contain; }
.detail-gallery > p { font-size:10px; color:var(--muted); margin:13px 0; }
.detail-copy > p { font-size:12px; color:var(--muted); line-height:1.9; }
.detail-actions { display:flex; flex-wrap:wrap; gap:14px; margin:22px 0; }
.detail-actions .button { width:100%; justify-content:center; }
.availability-note { padding:12px; background:#eeeee5; font-size:12px; line-height:1.8; }
.saved-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px 20px; }
.comparison-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; }
.comparison-grid article { min-width:0; }
.comparison-grid .product-photo { height:390px; aspect-ratio:auto; }
.comparison-grid article > small { display:block; font-size:10px; color:var(--muted); margin:10px 0; }
.comparison-grid h3 { font:24px var(--serif); margin:12px 0; }
.compare-actions { display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
.compare-actions .button { width:100%; justify-content:center; }
.empty-state { padding:40px 20px; text-align:center; }
.empty-state h3 { font:28px var(--serif); }
.empty-state p { color:var(--muted); margin:18px 0 28px; }
.empty-state .button { display:inline-flex; }
.zoom-image { height:68svh; object-fit:contain; background:#e5ddcc; }
.choose-looks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.choose-looks .look-option > img { width:65px; height:98px; }
.booking-confirm h3 { font:25px var(--serif); margin:20px 0 12px; }
.booking-confirm > p { color:var(--muted); font-size:13px; }
.booking-summary { overflow-wrap:anywhere; }
.modal-actions { display:flex; gap:18px; flex-wrap:wrap; align-items:center; margin:25px 0 10px; }
.modal-note { font-size:11px; color:var(--muted); line-height:1.8; }
.dossier-fields { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:30px; }
.dossier-fields label { display:flex; flex-direction:column; gap:10px; font-size:12px; }
.dossier-fields input,.dossier-fields textarea { width:100%; }
#dossier-preview { padding:28px; border:1px solid var(--line); background:#fffcf5; }
.dossier-brand { font:26px Georgia,serif; letter-spacing:3px; }
.dossier-brand small { display:block; font:8px var(--sans); letter-spacing:2px; margin-top:10px; }
#dossier-preview h3 { font:28px/1.5 var(--serif); margin:25px 0; overflow-wrap:anywhere; }
.dossier-layout .product-photo { height:400px; }
.dossier-layout h4 { font:22px/1.5 var(--serif); margin:12px 0; }
.dossier-layout p { font-size:12px; }
.dossier-bottom p { white-space:pre-wrap; overflow-wrap:anywhere; }
.dossier-footnote { font-size:10px; color:var(--muted); margin-top:20px; }
@media(min-width:1700px){ .ba-workspace { grid-template-columns:250px minmax(0,1fr) 390px; }.ba-stage-label { left:32px;top:32px; } }
@media(max-width:1150px){ .ba-workspace { grid-template-columns:185px minmax(0,1fr) 310px; }.ba-wardrobe { padding:23px 10px; }.ba-stage-label { max-width:190px;left:15px;top:15px;padding:12px; }.ba-stage-label h2{font-size:17px}.ba-panel{padding:20px 18px}.ba-actions{padding:15px}.studio-heading .journey{display:none}.category-tabs button{padding:10px 12px}.catalog-search input{width:205px}.category-editorial strong{font-size:23px}.product-copy h3{font-size:17px}.fitting-story{gap:20px}.fitting-story h2{font-size:34px} }
@media(max-width:900px){ .ba-workspace{grid-template-columns:170px minmax(0,1fr) 285px}.ba-stage-label{max-width:160px;top:14px;left:14px}.ba-stage-label h2{font-size:16px}.look-option{gap:8px;padding:8px 5px}.look-option>img{width:38px;height:57px}.look-option strong{font-size:10px}.look-option small{font-size:6px}.ba-actions>div button{font-size:10px}.category-editorial{gap:12px}.category-editorial>button>span{left:15px}.category-editorial em{font-size:9px}.catalog-toolbar{align-items:flex-start;flex-direction:column;gap:18px}.catalog-search{width:100%}.catalog-search input{width:100%}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fitting-story{grid-template-columns:1fr 1fr}.fitting-story>div{grid-column:1/-1}.fitting-story h2 br{display:none}.fitting-story>div>.button{margin-top:20px}.materials-grid>button{height:330px} }
@media(max-width:760px){
  .brand{font-size:21px;letter-spacing:2px}.brand span{font-size:6px;letter-spacing:2.5px}.masthead .nav-cta{display:none}.masthead nav{display:flex;gap:0}.masthead nav>a,.masthead nav>[data-action=home-visit]{display:none}.masthead nav>[data-action=saved]{display:block;font-size:10px}.masthead{gap:10px}
  .showcase.is-look .hero-image{height:calc(70% - 76px);object-position:75% top}.showcase.is-look .hero-shade{background:linear-gradient(0deg,#14211e 3%,#14211ef5 24%,#14211eb3 41%,transparent 67%),linear-gradient(180deg,#14211e80,transparent 22%)}
  .section{padding:55px 6%}.section-heading{display:block}.section-heading p{margin-top:20px;font-size:12px}.category-editorial{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:30px 0 40px}.category-editorial>button{aspect-ratio:3/4}.category-editorial>button>span{left:14px;bottom:18px;gap:9px}.category-editorial strong{font-size:22px}.category-editorial small{font-size:6px;letter-spacing:1px}.category-editorial em{font-size:9px}.category-tabs{gap:5px}.category-tabs button{font-size:11px;padding:8px 12px}.catalog-search input{font-size:16px}.catalog-meta{font-size:10px;gap:12px}.catalog-meta .text-link{font-size:10px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}.product-copy h3{font-size:16px}.product-copy>small{font-size:8px}.product-copy>p{font-size:10px}.product-copy>div>button{font-size:10px}.product-tag{left:7px;bottom:7px;font-size:8px;padding:4px 6px}.product-heart{width:30px;height:30px;right:8px;top:8px;font-size:20px}.fitting-story{gap:14px}.fitting-story h2{font-size:31px}.fitting-story p{font-size:12px}.story-image span{left:8px;bottom:10px;padding:5px;font-size:6px;letter-spacing:.5px}.materials-grid>button{height:320px}.materials-grid>button:last-child{display:none}
  .studio-heading{min-height:96px;padding:20px 6%;gap:12px}.studio-heading h1{font-size:22px}.studio-heading>.text-link{font-size:10px;max-width:100px}.studio-heading .eyebrow{font-size:7px;letter-spacing:1px}
  .ba-workspace{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;border-top:0}.ba-wardrobe{display:none}.ba-stage{height:calc(100svh - 172px);min-height:560px;max-height:900px;flex-shrink:0}.ba-stage>img{height:calc(100% - 66px)}.ba-stage-label{left:14px;top:14px;max-width:170px;padding:10px 12px}.ba-stage-label h2{font-size:17px;margin:6px 0}.ba-stage-label>span{font-size:6px;letter-spacing:.5px}.ba-stage-label p{font-size:9px}.ba-stage-bottom{bottom:13px;left:14px;right:14px}.view-switch button{font-size:11px;padding:10px 12px}.zoom-control{font-size:11px}.ba-inspector{display:block;border:0;scroll-margin-top:0}.ba-tabs{padding:10px 6%;position:sticky;top:0;z-index:2}.ba-panel{overflow:visible;padding:28px 6%;max-height:none}.ba-panel>.eyebrow{font-size:8px}.ba-panel h2{font-size:26px}.product-description{font-size:13px}.product-specs{font-size:13px}.feature-chips>span{font-size:12px}.ba-actions{padding:20px 6% 25px}.ba-actions>div button{font-size:12px}.ba-actions>.button{font-size:13px}.ba-chat-log{max-height:560px}.chat-reply p,.chat-user{font-size:13px}#chat-input{font-size:16px}.recommendation strong{font-size:13px}.fitting-note{padding:20px 6% 95px;font-size:10px}.ba-mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:8;background:#293d34;padding:12px 5%;padding-bottom:calc(12px + env(safe-area-inset-bottom));gap:8px;justify-content:space-between;border-top:1px solid #fff3}.ba-mobile-bar button{background:#faf7ef;color:var(--ink);padding:11px 13px;border-radius:5px;font-size:11px;white-space:nowrap}.studio-active .site-footer{padding-bottom:100px}.site-footer .brand{font-size:21px}.site-footer>div{font-size:8px}
  dialog{width:calc(100% - 24px);padding:20px 18px;max-height:90svh;border-radius:10px}.modal-header{top:-20px;padding-top:9px;gap:12px}.modal-header h2{font-size:23px}.modal-header .eyebrow{font-size:6px;letter-spacing:1px}.close-modal{flex-shrink:0}.detail-layout{grid-template-columns:1fr;gap:20px}.detail-gallery>img{height:420px}.gallery-thumbs button{width:42px;height:63px}.detail-copy>.eyebrow{font-size:9px}.detail-copy .product-specs{font-size:12px}.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.comparison-grid{gap:14px}.comparison-grid .product-photo{height:250px}.comparison-grid h3{font-size:19px;line-height:1.5}.comparison-grid .product-specs{grid-template-columns:1fr;gap:5px;font-size:11px}.comparison-grid .product-specs dd{margin-bottom:9px}.compare-actions{gap:9px}.compare-actions>.button{font-size:11px;padding:12px;gap:0}.choose-looks{grid-template-columns:1fr}.choose-looks .look-option{gap:16px}.choose-looks .look-option strong{font-size:14px}.choose-looks .look-option small{font-size:8px}.choose-looks .look-option em{font-size:11px}.choose-looks .look-option>img{height:105px;width:70px}.modal-actions{gap:15px}.modal-actions>.button{width:100%;justify-content:center}.booking-summary{font-size:12px;gap:12px 13px;padding:15px}.booking-summary dt{min-width:54px}.dossier-fields{grid-template-columns:1fr}.dossier-fields input,.dossier-fields textarea{font-size:16px}#dossier-preview{padding:18px}.dossier-brand{font-size:20px;letter-spacing:2px}.dossier-layout{grid-template-columns:1fr}.dossier-layout .product-photo{height:370px}.dossier-layout .product-specs{font-size:12px}#dossier-preview h3{font-size:24px}.zoom-image{height:65svh}
}
@media(max-width:380px){.brand{font-size:19px;letter-spacing:1.8px}.masthead nav>[data-action=saved]{font-size:9px}.ba-mobile-bar button{padding:11px 10px;font-size:10px}.ba-stage-label{max-width:155px}.ba-stage-label h2{font-size:16px}.category-tabs button{padding:8px 9px}.product-copy h3{font-size:15px}.product-copy>div>button{font-size:9px}.comparison-grid{gap:12px}.comparison-grid .product-photo{height:215px}}
/* Reserve a caption strip on phones so labels never cover a face or garment. */
@media(max-width:760px){
  .studio-heading{display:flex;height:96px;min-height:96px;flex-wrap:nowrap;flex-direction:row;align-items:center}.studio-heading>div:first-child{flex:1;min-width:0}.studio-heading>.text-link{font-size:9px;white-space:nowrap;max-width:none;flex-shrink:0}
  .ba-stage{height:calc(100svh - 236px);min-height:510px}.ba-stage>img{top:66px;height:calc(100% - 132px)}
  .ba-stage-label{top:0;left:0;width:100%;max-width:none;padding:10px 6%;height:66px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;border:0;border-radius:0;background:#f0e9dc}
  .ba-stage-label>span{grid-column:1;align-self:end}.ba-stage-label h2{grid-column:1;align-self:start;font-size:18px;line-height:1.5;margin:0}.ba-stage-label p{grid-column:2;grid-row:1/span 2;align-self:center;text-align:right;max-width:85px;font-size:9px;line-height:1.7}
  .studio-active .toast{bottom:90px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.product-open:hover .product-photo>img,.category-editorial>button:hover>img{transform:none}}
@media print{
  body>*{display:none!important}body>dialog[data-kind=dossier]{display:block!important;position:static;margin:0;padding:0;width:100%;max-width:none;max-height:none;overflow:visible;border:0;box-shadow:none;background:white}dialog::backdrop{display:none}.modal-header,.dossier-fields,.modal-actions,.modal-note{display:none!important}#dossier-preview{border:0;padding:0;background:white}.dossier-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dossier-layout .product-photo{height:340px}#dossier-preview h3{font-size:25px;margin:18px 0}.dossier-layout .product-specs{font-size:11px;gap:8px;padding:12px 0}.dossier-bottom{margin-top:18px}body{background:white;font-size:12px}@page{size:A4;margin:16mm}
}
/* Restore the person-first fitting flow. */
.studio-heading{height:110px;min-height:110px}.ba-workspace{height:calc(100svh - 194px)}
.profile-summary{position:absolute;top:22px;right:22px;z-index:2;display:inline-flex;align-items:center;min-height:40px;border:1px solid #c7cfbd;border-radius:20px;padding:9px 14px;background:#f9f5e9f2;font-size:11px;color:#425b43;box-shadow:0 2px 8px #293d340d}
.profile-summary:hover{background:#ecefe5;border-color:#849577}
.profile-summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(min-width:1700px){.profile-summary{top:32px;right:32px}}
.profile-steps{display:flex;justify-content:space-between;gap:14px;padding:4px 0 22px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.profile-steps strong{font-weight:500;color:var(--ink)}
.profile-lead{margin:22px 0;color:var(--muted);font-size:13px;line-height:1.9}
.profile-modes{display:flex;gap:10px;margin:22px 0 26px}.profile-modes button{padding:12px 22px;border:1px solid #c8cfbd;border-radius:6px;font-size:13px}.profile-modes button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.profile-picker-title{font-size:15px;margin:0 0 17px}
.persona-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.persona-card{padding:6px;border:1px solid #d8dacd;border-radius:8px;text-align:left;position:relative;overflow:hidden;background:#ece7db}
.persona-card[aria-pressed=true]{border-color:#667b54;box-shadow:0 0 0 2px #667b54}
.persona-card>img{width:100%;height:260px;object-fit:contain;background:#d8c6aa;border-radius:4px}
.persona-card>span{display:flex;flex-direction:column;gap:6px;padding:13px 8px}
.persona-card strong{font:21px var(--serif)}.persona-card small{font-size:10px;line-height:1.8;color:var(--muted)}
.persona-card>b{position:absolute;right:16px;top:16px;background:#f9f6ed;color:#42583c;border-radius:50%;font-size:13px;width:25px;height:25px;display:grid;place-items:center}.persona-card>b:empty{display:none}
.profile-disclosure{margin-top:22px;color:var(--muted);font-size:12px;line-height:1.9}
.profile-next{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;border-top:1px solid var(--line);padding-top:22px}.profile-next>span{font-size:11px;color:var(--muted)}
.reference-box{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:25px;padding:22px;background:#eeeee5;border:1px dashed #aab79d;border-radius:7px;margin-bottom:26px}
.reference-box label{font-size:15px}.reference-box p{font-size:11px;line-height:1.9;color:var(--muted);margin:10px 0}.reference-box input{font-size:12px;max-width:100%;padding:10px 0}.reference-box>img{height:180px;width:140px;object-fit:contain;border-radius:5px;background:#e1ded3}
.reference-box h4{font-size:15px}.reference-picker{display:inline-block;border:1px solid #a8b69a;background:#fffcf5;border-radius:5px;padding:9px 15px;cursor:pointer;font-size:12px!important}.reference-filename{display:block;font-size:11px;color:var(--muted);overflow-wrap:anywhere;margin-top:9px}#reference-photo:focus-visible+.reference-picker{outline:2px solid var(--accent);outline-offset:3px}
#reference-status{color:#425b43}.profile-ready{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;margin:28px 0}.profile-ready>img{height:490px;object-fit:contain;background:#ded0b7}.profile-ready h3{font:30px var(--serif);margin:18px 0}.profile-ready p{font-size:13px;color:var(--muted);line-height:1.9}.profile-ready .product-specs{font-size:12px}
.ready-reference{display:flex;align-items:center;gap:15px;padding:12px;background:#eeeee5}.ready-reference>img{width:70px;height:95px;object-fit:contain;flex-shrink:0}.ready-reference p{font-size:11px}
.style-controls{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:25px}.style-controls>.eyebrow{font-size:7px;letter-spacing:1.3px}.style-controls>h3{font:23px var(--serif);margin:12px 0}.style-controls>p{font-size:11px;line-height:1.9;color:var(--muted)}
.style-choice-group{margin:22px 0 0}.style-choice-group>h3{font-size:12px;margin-bottom:10px}.style-choice-group>div{display:flex;flex-wrap:wrap;gap:7px}.style-choice-group button{font-size:11px;padding:10px 12px;border:1px solid #cbd3bd;border-radius:5px;background:#f0f1e8}.style-choice-group button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.detail-preview-actions{display:flex;flex-wrap:wrap;gap:10px 17px;margin-top:20px}.detail-preview-actions button{font-size:11px;text-decoration:underline;text-underline-offset:5px}
.garment-detail-crop{height:60svh;max-height:650px;overflow:hidden;background:#d8c7ab}.garment-detail-crop img{width:100%;height:100%;object-fit:contain;transform:scale(2.8);transform-origin:50% 28%}.garment-detail-crop.crop-body img{transform:scale(2.1);transform-origin:50% 48%}
.dossier-model{font-size:12px;color:var(--muted);margin:10px 0}
@media(max-width:760px){
  .studio-heading{height:96px;min-height:96px;padding:14px 6%}.studio-heading h1{font-size:21px}.studio-heading .eyebrow{font-size:6px;letter-spacing:.7px}.profile-summary{top:78px;right:14px;min-height:44px;font-size:10px;padding:8px 12px}.ba-workspace{height:auto}.ba-stage{height:calc(100svh - 236px);min-height:460px}
  .profile-steps{font-size:10px;gap:8px;padding-bottom:18px}.profile-lead{font-size:12px}.profile-modes{gap:8px;margin:19px 0 24px}.profile-modes button{flex:1;font-size:11px;padding:11px 6px}.persona-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.persona-card>img{height:210px}.persona-card>span{padding:11px 5px}.persona-card strong{font-size:20px}.persona-card small{font-size:9px}.persona-card>b{right:11px;top:11px;width:22px;height:22px}.profile-disclosure{font-size:11px}.profile-next{align-items:stretch;flex-direction:column;gap:13px}.profile-next>.button{width:100%;justify-content:center}.profile-next>span{font-size:10px}.reference-box{grid-template-columns:1fr;gap:12px;padding:17px}.reference-box>img{height:180px;width:100%}.reference-box input{font-size:16px}.profile-ready{grid-template-columns:1fr;gap:23px;margin:24px 0}.profile-ready>img{height:360px}.profile-ready h3{font-size:26px}.profile-ready .product-specs{font-size:12px}.ready-reference p{font-size:11px}.style-controls>p{font-size:12px}.style-choice-group button{font-size:12px}.style-choice-group>h3{font-size:13px}.detail-preview-actions button{font-size:12px}.garment-detail-crop{height:55svh}
}
@media(max-width:380px){.persona-card>img{height:185px}.persona-card small{font-size:8px}.studio-heading>.text-link{font-size:8px}.studio-heading h1{font-size:20px}}

/* Quiet actions: typography and fine rules replace repeated decorative arrows. */
.button { justify-content:center; }
.text-link { border-bottom-color:#293d3438; transition:color .2s,border-color .2s; }
.text-link:hover,.text-link:focus-visible { border-bottom-color:currentColor; }
.category-editorial em { text-decoration:underline; text-decoration-color:transparent; text-underline-offset:5px; transition:text-decoration-color .2s; }
.category-editorial > button:hover em,.category-editorial > button:focus-visible em { text-decoration-color:#fff9ea99; }
#chat-form > button:hover { background:#45503f; }

/* Fitting workspace: a clear image stage and one inspector scroll area. */
.ba-stage {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:minmax(0,1fr) auto;
}
.ba-stage > img {
  position:static; grid-column:1 / -1; grid-row:1;
  width:100%; height:100%; min-height:0;
}
.ba-stage-label {
  position:static; grid-row:2; max-width:none;
  padding:13px 18px; border:0; border-radius:0;
  background:#f5f1e7; min-width:0;
}
.ba-stage-label > span { font-size:7px; letter-spacing:.7px; }
.ba-stage-label h2 { font-size:18px; line-height:1.45; margin:4px 0; text-wrap:balance; }
.ba-stage-label p { font-size:10px; margin:0; }
.ba-stage-bottom {
  position:static; grid-row:2; padding:13px 16px 13px 8px;
  background:#f5f1e7; gap:8px;
}
.view-switch button { padding:10px 11px; white-space:nowrap; }
.zoom-control { white-space:nowrap; }
.ba-chat-log { max-height:none; overflow:visible; }
.stylist-intro > .eyebrow { font-size:7px; letter-spacing:1.4px; }
.stylist-intro > p { font-size:12px; line-height:1.9; color:var(--muted); }
.has-conversation .stylist-intro { display:none; }
.has-conversation .stylist-prompts { margin-top:0; }
#panel-stylist { padding-bottom:0; }
#chat-form {
  position:sticky; bottom:0; z-index:1;
  padding:12px 0; margin-top:12px;
  background:#faf8f2; border-top:1px solid var(--line);
}
#chat-input { display:block; resize:none; }
#chat-form > button { bottom:23px; }
.ba-panel { overscroll-behavior-y:contain; }

@media(min-width:761px) {
  body.studio-active { height:100svh; overflow:hidden; display:flex; flex-direction:column; }
  .studio-active .masthead { flex-shrink:0; }
  .studio-active main { flex:1; min-height:0; }
  .studio-active .studio { height:100%; display:flex; flex-direction:column; }
  .studio-heading { height:86px; min-height:86px; flex-shrink:0; padding:14px 3%; }
  .ba-workspace {
    grid-template-columns:172px minmax(0,1fr) 360px;
    height:auto; flex:1; min-height:0; max-height:none;
  }
  .ba-wardrobe { padding:24px 10px 16px; }
  .ba-wardrobe h2 { font-size:22px; margin:14px 6px 22px; }
  .ba-wardrobe > .eyebrow { margin-left:6px; }
  .look-option { gap:8px; padding:9px 6px; }
  .look-option > img { width:40px; height:60px; }
  .look-option > b { position:absolute; right:7px; top:7px; }
  .look-option[aria-pressed=true] { padding-right:16px; }
  .ba-inspector { overflow:hidden; }
  .ba-panel { min-height:0; }
  .ba-actions { padding:12px 20px; }
  .ba-actions > div { margin:8px 0; }
  .fitting-note { margin:0; padding:9px 3%; flex-shrink:0; font-size:9px; }
  .studio-active .site-footer { display:none; }
  .profile-summary { top:16px; right:16px; }
}
@media(min-width:761px) and (max-width:1150px) {
  .ba-workspace { grid-template-columns:150px minmax(0,1fr) 320px; }
  .ba-wardrobe { padding:20px 7px; }
  .ba-wardrobe h2 { font-size:20px; }
  .look-option small { font-size:6px; letter-spacing:.3px; }
  .ba-stage { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) auto auto; }
  .ba-stage-label { padding:10px 16px 4px; }
  .ba-stage-bottom { grid-row:3; padding:8px 16px 12px; }
}
@media(max-width:760px) {
  .ba-stage { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) auto auto; }
  .ba-stage-label { max-width:none; padding:12px 6% 5px; }
  .ba-stage-label h2 { font-size:18px; margin:5px 0; }
  .ba-stage-bottom { grid-row:3; padding:9px 6% 14px; }
  .profile-summary { top:14px; }
  .ba-panel { overflow:visible; overscroll-behavior:auto; }
  .ba-chat-log { max-height:none; }
  .stylist-intro > p { font-size:13px; }
  #chat-form { position:relative; }
  #chat-form > button { bottom:23px; }
}