/* DOM-021: a photographic fashion house, built around two complete garments. */
body.forme{--paper:#073e8c;--ink:#f5f1e9;--muted:#dbe4f0;--line:#fff5;--panel:#09274bea;--veil:#001b475c;font-family:Arial,sans-serif}body[data-world=chalk]{--paper:#d8cebe;--ink:#221e1b;--muted:#4e4943;--panel:#e8dfd0f5;--veil:#d8cebe55}body[data-world=night]{--paper:#101114;--ink:#f4f0e9;--muted:#cbcbc6;--panel:#161719ed;--veil:#08090d80}
.house-logo{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em;font-size:42px}.house-header{gap:22px;background:linear-gradient(#0002,transparent);border-bottom-color:var(--line)}.house-header nav{margin-left:auto;gap:28px}.house-header button{font-size:10px;letter-spacing:.12em}.house-header .quality-trigger{min-width:40px}.house-header #openEdit{white-space:nowrap}.campaign-environment>img{top:0;height:100%;width:100%;left:0;object-fit:contain;object-position:50% 50%;filter:none!important}.campaign-environment{background:var(--paper);transition:background .9s}.environment-shade{z-index:2;background:linear-gradient(90deg,var(--veil),transparent 42%,transparent 66%,var(--veil)),linear-gradient(#0002,transparent 20%,transparent 80%,#0003)}
.campaign-copy{top:13%;width:28%;left:4vw;max-height:calc(100% - 80px);overflow-y:auto;scrollbar-width:thin;padding-right:12px}.campaign-copy h1{font:400 clamp(45px,5.5vw,92px)/.91 Georgia,serif;letter-spacing:-.075em;margin:24px 0}.campaign-copy>p{font-size:12px}.campaign-copy .eyebrow{font-size:9px;line-height:1.6}.campaign-copy .concept-caption{font-size:9px!important}.campaign-plates{top:14%;right:3.5vw;flex-direction:column}.campaign-plates button{width:105px;overflow:hidden;border-radius:0}.campaign-plates button img{height:88px;object-fit:cover}.campaign-plates button span{font-size:8px;padding:8px}.campaign-object-label{width:23%;right:3.5vw;bottom:14%}.campaign-object-label p{font:400 clamp(28px,3.8vw,58px)/.94 Georgia,serif;letter-spacing:-.045em}.campaign-object-label button{font-size:10px;min-height:44px}.campaign-object-label>span{font-size:9px}.campaign-pager{bottom:12px;gap:20px}.campaign-pager button{border-radius:50%;transition:background .25s,transform .25s}.campaign-pager button:hover{background:var(--ink);color:var(--paper);transform:scale(1.06)}.campaign-hint{font-size:8px;bottom:30px}.campaign-clean{position:absolute;right:3.5vw;bottom:21px;border:0;border-bottom:1px solid var(--line);background:none;padding:12px 0;font-size:10px}.campaign-panel.is-clean .campaign-copy,.campaign-panel.is-clean .campaign-plates,.campaign-panel.is-clean .campaign-object-label,.campaign-panel.is-clean .campaign-hint{opacity:0;pointer-events:none}.campaign-copy,.campaign-plates,.campaign-object-label{transition:opacity .4s}
.size-selection{gap:8px}.size-selection button{min-width:32px;min-height:44px;font-size:10px}.size-selection>span,.world-colours>span{font-size:8px;min-width:52px}.world-colours{gap:18px}.world-colours output{font-size:9px}.world-colours button{width:18px;height:18px}.edition-action>span{clip-path:none;border-radius:50%;width:48px;height:48px;background:transparent;color:var(--ink);border:1px solid var(--line)}.edition-action>div{font-size:9px}.edition-action small{font-size:10px}.edition-action:hover>span{transform:rotate(35deg);background:var(--ink);color:var(--paper)}
.collection-panel{padding-top:30px;gap:24px}.collection-top h2,.making-copy h2,.edit-dialog h2{font:400 clamp(34px,4vw,62px)/.97 Georgia,serif;letter-spacing:-.06em}.collection-top>p{font-size:12px}.collection-filter button{font-size:10px}.fashion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;scrollbar-width:thin}.fashion-card>button{clip-path:none;background:transparent;max-height:none;border:1px solid var(--line)}.fashion-card img{object-fit:contain}.fashion-card h3{font:400 22px Georgia,serif;margin:10px 0}.fashion-card>span,.fashion-card>p{font-size:9px}.card-action button{font-size:10px;min-height:44px}.collection-bottom{font-size:10px}.fashion-card[hidden]{display:none}.fashion-card>button:focus-visible{outline-offset:-5px}.fashion-card button:hover img{transform:scale(1.025)}
.making-panel{display:grid;grid-template-columns:1.25fr 1fr;gap:5vw;padding:28px 5vw;overflow-y:auto}.making-image{height:100%;min-height:280px;overflow:hidden;position:relative;border:1px solid var(--line)}.making-image img{width:100%;height:100%;object-fit:cover;object-position:48% 48%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.making-image.is-magnified img{transform:scale(2);transform-origin:48% 40%}.making-image button{position:absolute;bottom:20px;left:20px;border:1px solid #fff7;background:#111b;color:white;padding:13px 18px;backdrop-filter:blur(12px);font-size:10px}.making-copy{align-self:center;max-height:100%;overflow:auto;scrollbar-width:thin}.making-copy h2{font-size:clamp(40px,5.8vw,88px);margin:20px 0}.making-copy h2 em{font-weight:400}.making-select{display:flex;gap:20px;margin:20px 0}.making-select button,.construction-tabs button,.making-copy>button{background:none;border:0;border-bottom:1px solid var(--line);padding:13px 0;font-size:11px;min-height:44px}.making-select button[aria-pressed=true]{border-bottom:2px solid currentColor}.construction-tabs{display:flex;gap:18px}.construction-tabs button{color:var(--muted);border-bottom-color:transparent}.construction-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:currentColor}#constructionText{min-height:95px;padding-top:20px;font-size:13px;line-height:1.85;max-width:430px}.making-copy .concept-caption{max-width:400px;font-size:10px!important;margin-block:16px!important}.making-copy>button{display:block;width:100%;text-align:left}.detail-copy h2{font-family:Georgia,serif;letter-spacing:-.05em}.detail-image{overflow:hidden}.detail-image img{transition:transform .8s;object-fit:contain}.detail-image.is-magnified img{transform:scale(1.7)}.detail-copy>button{font-size:11px;min-height:44px}.detail-nav button{border-radius:50%;width:44px;height:44px}.detail-copy .concept-caption{font-size:10px!important}.look-dialog{border:1px solid var(--line)}.fit-dialog{width:min(550px,94vw);padding:65px 35px 35px}.fit-dialog h2{font:400 48px/.95 Georgia,serif;letter-spacing:-.05em;margin:15px 0}.fit-dialog p{font-size:13px;line-height:1.8;margin-block:15px}.fit-dialog fieldset{border:1px solid var(--line);padding:20px;margin-top:22px}.fit-dialog legend{font-size:11px;padding:0 10px}.fit-dialog label{display:flex;gap:12px;align-items:center;padding:13px 0;font-size:12px}.fit-dialog input{accent-color:var(--ink);width:18px;height:18px}.fit-dialog>button:last-child{background:var(--ink);color:var(--paper);border:0;padding:15px;width:100%;min-height:46px}.house-footer{font-size:9px}.house-footer>span{font-size:8px}.edit-item h3{font-family:Georgia,serif;font-size:18px}.edit-item p{font-size:11px}.edit-dialog .concept-caption{font-size:10px!important}.house-status{border:1px solid var(--line);box-shadow:0 10px 40px #0002}.construction-tabs button:focus-visible{outline-offset:3px}
@media(min-width:1500px){.campaign-copy{left:5vw;width:25%}.campaign-plates{right:5vw}.campaign-object-label{right:5vw}.making-panel{gap:7vw}.fashion-grid{gap:40px}}
@media(max-height:720px) and (min-width:761px){.campaign-copy{top:5%}.campaign-copy h1{font-size:4.5vw;margin:15px 0}.campaign-plates{top:7%}.campaign-plates button{width:80px}.campaign-plates button img{height:65px}.making-copy h2{font-size:43px}.making-panel{padding-block:18px}.making-select{margin:8px 0}.collection-top h2{font-size:34px}}
@media(max-width:760px){.house-header{height:108px;padding:14px 5vw 48px;gap:12px}.house-logo{font-size:34px}.house-header nav{margin:0}.house-header nav button{font-size:9px}.house-header #openEdit{font-size:8px;margin-left:auto}.house-header .quality-trigger{min-width:28px;width:28px}.campaign-environment>img{object-fit:contain;object-position:50% 44%;width:100%;height:100%;left:0;top:0}.campaign-copy{top:5%;left:6vw;width:70%;overflow:visible;padding:0;max-height:none}.campaign-copy .eyebrow{font-size:8px}.campaign-copy h1{font-size:12vw;max-width:240px;margin:16px 0}.campaign-copy>p{font-size:10px;max-width:160px}.campaign-plates{top:5%;right:5vw;gap:8px}.campaign-plates button{width:60px}.campaign-plates button img{height:45px}.campaign-plates button span{font-size:6px;padding:6px 3px}.campaign-object-label{bottom:180px;right:6vw;width:50%;text-align:right}.campaign-object-label>span{font-size:8px}.campaign-object-label p{font-size:25px;margin:8px 0}.campaign-object-label button{font-size:9px;padding:8px 0}.size-selection{bottom:145px;left:6vw;gap:4px}.size-selection>span{font-size:7px;min-width:48px}.size-selection button{min-width:27px;font-size:9px}.world-colours{bottom:110px;left:6vw;gap:16px}.world-colours>span{font-size:7px;min-width:48px}.world-colours output{font-size:8px}.edition-action{bottom:110px;right:5vw;gap:7px}.edition-action>span{width:38px;height:38px;font-size:19px}.edition-action>div{max-width:78px;font-size:6px}.edition-action small{font-size:7px}.campaign-pager{left:6vw;transform:none;bottom:10px;gap:16px}.campaign-pager button{width:38px;height:38px}.campaign-clean{bottom:14px;right:6vw;font-size:9px}.house-footer{font-size:7px}.collection-top h2{font-size:34px}.collection-filter{gap:22px}.collection-filter button{font-size:9px}.fashion-grid{grid-template-columns:none;grid-auto-columns:88%;grid-auto-flow:column;gap:16px;scroll-padding-inline:0}.fashion-card h3{font-size:22px}.fashion-card>span{font-size:8px}.fashion-card>p{display:block;font-size:9px}.collection-bottom{font-size:9px}.making-panel{display:flex;flex-direction:column;padding:20px 5vw;gap:22px;overflow-y:auto}.making-image{height:38dvh;min-height:240px;flex-shrink:0;width:100%}.making-image img{object-fit:contain}.making-copy{overflow:visible;max-height:none;width:100%}.making-copy h2{font-size:42px;line-height:1.02;margin:12px 0}.making-copy h2 br{display:none}.making-select{margin:12px 0}.construction-tabs{gap:18px}#constructionText{min-height:110px;font-size:13px}.making-copy>button{font-size:12px}.look-dialog[open]{height:95dvh}.detail-image{height:45dvh;min-height:45dvh}.detail-copy{padding:24px}.detail-copy h2{font-size:39px}.fit-dialog{padding:65px 24px 25px}.fit-dialog h2{font-size:42px}.edit-dialog h2{font-size:45px}}
@media(max-width:760px) and (max-height:700px){.campaign-copy h1{font-size:10vw;margin:10px 0}.campaign-copy>p{display:none}.campaign-plates button{width:49px}.campaign-object-label{bottom:165px}.campaign-object-label p{font-size:20px}.campaign-object-label>span{display:none}.collection-panel{gap:12px}.collection-top h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.making-image img,.detail-image img,.campaign-environment{transition:none}}body.quality-still .making-image img,body.quality-still .detail-image img{transition:none}

.world-panel:not(.current){visibility:hidden;transition:none}.world-panel.current{visibility:visible}.campaign-copy h1 sup{display:none}.campaign-environment>img{transition:opacity .9s}.campaign-environment>img[style*="z-index: 0"]{opacity:1}