:root{color-scheme:dark;--bg:#131513;--panel:#20231f;--ink:#efede6;--muted:#bec2b5;--accent:#d3dc98;--line:#50564c;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.preview{padding:10px 20px;background:var(--accent);color:#171914;text-align:center;font-size:14px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 4vw;border-bottom:1px solid var(--line)}.brand{font-family:Impact,Haettenschweiler,'HelveticaNeue-CondensedBlack','Avenir Next Condensed','Roboto Condensed','sans-serif-condensed','Arial Narrow',sans-serif;font-size:28px;letter-spacing:.03em}.brand span{color:var(--accent)}nav{display:flex;gap:24px;align-items:center;font-size:16px}button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:12px 18px}nav button{border-color:var(--accent)}.intro{padding:56px 4vw 36px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.eyebrow{font-size:14px;letter-spacing:.14em;color:var(--accent);margin:0 0 18px}.intro .eyebrow{grid-column:1/-1}.intro h1{font-family:Impact,Haettenschweiler,'HelveticaNeue-CondensedBlack','Avenir Next Condensed','Roboto Condensed','sans-serif-condensed','Arial Narrow',sans-serif;font-size:clamp(50px,7vw,104px);line-height:1;margin:0;text-transform:uppercase;font-weight:400}.intro em{font-style:normal;color:var(--accent)}.intro>p:last-child{align-self:end;max-width:380px;font:italic 26px/1.35 Georgia,serif}.collection{padding:20px 4vw 70px}.filters{display:flex;align-items:end;gap:20px;border-block:1px solid var(--line);padding:20px 0;margin-bottom:28px;flex-wrap:wrap}.filters label{display:grid;gap:8px;font-size:14px}.filters label:nth-child(2){flex:1}.filters input,.filters select{background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:12px;min-height:46px;width:100%}.filters span{font-size:14px;padding:13px 0}.look-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px}.look-card{position:relative;min-width:0}.look-card img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;background:#343832}.look-card h2{font-size:20px;font-weight:500;line-height:1.25;margin:16px 0 7px}.look-card p,.look-card span{font-size:14px;color:var(--muted)}.look-card .save{position:absolute;top:12px;right:12px;background:#131513dc;border-color:#ddd;border-radius:50%;padding:0;width:42px;height:42px;font-size:24px}.save[aria-pressed=true]{background:var(--accent);color:#151515}.card-link{display:block}.card-label{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.secondary{margin-top:30px}.primary{background:var(--accent);border-color:var(--accent);color:#171914;font-weight:700}.quiet{font-size:14px;color:var(--muted);line-height:1.5}dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:0;width:min(1180px,96vw);max-height:94vh}dialog::backdrop{background:#000b}.close{position:sticky;display:block;top:10px;margin:10px 12px 0 auto;z-index:5;background:#131513eb;width:42px;height:42px;font-size:26px;padding:0}.detail-layout{display:grid;grid-template-columns:44% 56%;margin-top:-52px}.detail-photo img{width:100%;height:auto;display:block}.detail-photo{background:#242821;align-self:start}.detail-copy{padding:54px 32px 30px;min-width:0}.detail-copy h2{font:400 clamp(32px,4vw,52px)/1.05 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;margin:12px 0 18px}.description{line-height:1.6;font-size:17px}.mode{display:flex;gap:8px;margin:26px 0 14px}.mode button{flex:1}.mode button[aria-pressed=true]{background:var(--accent);color:#171914;border-color:var(--accent)}.piece{padding:20px 0;border-bottom:1px solid var(--line)}.piece-heading{display:flex;align-items:start;gap:12px}.piece-heading input{width:20px;height:20px;flex-shrink:0;accent-color:var(--accent)}.piece h3{font-size:16px;line-height:1.4;font-weight:500;margin:0}.piece a{font-size:14px;text-decoration:underline}.piece-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.piece-controls label{display:grid;gap:6px;font-size:14px}.piece select{width:100%;min-width:0;padding:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink)}.piece select:disabled{opacity:.5}.detail-actions{position:sticky;bottom:0;background:var(--bg);padding:18px 0 0}.detail-actions button{width:100%}.validation{color:#f6b6a4;font-size:14px}.bag-content{padding:15px 32px 32px}.bag-content h2{font:400 46px Impact,sans-serif;margin:10px 0}.bag-line{display:grid;grid-template-columns:80px 1fr auto;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}.bag-line img{width:80px;height:110px;object-fit:cover}.bag-line h3{font-size:16px;line-height:1.4;margin:0 0 8px}.quantity{display:flex;align-items:center;gap:12px;margin-top:10px}.quantity button{padding:5px 12px}.remove{font-size:14px;padding:6px}.bag-summary{padding:24px 0}.bag-summary button{width:100%;margin-top:16px}.bag-summary ul{line-height:1.6}.empty{padding:40px 0;grid-column:1/-1}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:20;background:var(--accent);color:#171914;padding:14px 24px;max-width:90vw;display:none}footer{display:flex;justify-content:space-between;gap:24px;padding:35px 4vw;border-top:1px solid var(--line)}footer p{max-width:450px;font-size:14px;color:var(--muted);line-height:1.5}@media(max-width:900px){.look-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-layout{grid-template-columns:40% 60%}.detail-copy{padding-inline:20px}nav a:nth-child(2){display:none}}@media(max-width:650px){header{padding:18px 5vw}.brand{font-size:23px}nav{gap:12px}.intro{display:block;padding:32px 5vw 10px}.intro h1{font-size:60px}.intro>p:last-child{font-size:22px}.collection{padding-inline:5vw}.filters{gap:12px}.filters label{width:100%}.look-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.look-card h2{font-size:17px}.detail-layout{display:block}.detail-photo img{max-height:65vh;object-fit:contain}.detail-copy{padding:24px 20px}.bag-content{padding:15px 20px}.bag-line{grid-template-columns:64px 1fr}.bag-line img{width:64px;height:96px}.bag-line>.remove{grid-column:2;width:fit-content}footer{display:block}dialog{max-height:96dvh}.filters label:nth-child(2){flex:auto}.card-label{display:block}}
:root .look-card img{height:auto;aspect-ratio:1/2;object-fit:contain}
.look-card .outfit-motion video{height:auto;aspect-ratio:1/2;object-fit:contain}
/* Give outfit choices room and keep cast navigation visible. */
.detail-actions{position:static;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}
.product-description{margin-top:8px;font-size:14px;color:var(--muted)}
.product-description summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.product-description p{overflow-wrap:anywhere}
.piece-controls{gap:16px;margin-top:18px}
.piece select{min-height:46px;font-size:16px}
.look-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px}
nav .cast-nav{display:inline}
@media(max-width:900px){nav a[href="index.html#edit"]{display:none}nav .cast-nav{display:inline}}
@media(max-width:650px){header{flex-wrap:wrap;gap:16px}header nav{width:100%;justify-content:space-between;flex-wrap:wrap;font-size:14px}.detail-copy{padding-bottom:32px}.piece-controls{grid-template-columns:1fr}.detail-layout{margin-top:0}.detail-photo{position:static!important}.filters input{min-width:0}nav .cast-nav{display:inline}}
header nav a.cast-nav{display:inline!important}
.look-card .card-link h2,.look-card .card-link:hover h2,.detail-copy .description{color:var(--ink)}
.look-card h2{font-size:18px}.detail-copy h2{font-size:clamp(28px,3.5vw,44px)}@media(max-width:650px){.look-card h2{font-size:16px}}

/* 2026-10-07: no bands or strips around outfit pictures; whole picture always shown */
:root .look-card img{aspect-ratio:auto;height:auto;object-fit:contain;background:transparent}

/* 2026-10-07: space between model label and "Shop the look" on phones */
.card-label{gap:.6rem}
@media(max-width:620px){.card-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.1rem .6rem}}

/* 2026-10-07: no coloured bands beside the picture in the look pop-up */
.detail-photo,.detail-photo img{background:transparent}

/* 2026-10-07: headline weight on phones, where Impact is not installed */
@media(max-width:900px){h1,h2,h3{font-weight:700}}


/* 2026-10-07 shop update: Women / Men / All buttons, tap-a-face row, outfits higher on phones */
.filters label[hidden]{display:none}
.group-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.group-tabs{display:flex;gap:8px}
.group-tabs button{min-width:104px;padding:12px 20px;font-size:15px;letter-spacing:.08em;text-transform:uppercase}
.group-tabs button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#171914;font-weight:700}
#resultCount{font-size:14px;color:var(--muted);white-space:nowrap}
.face-hint{margin:0 0 10px;font-size:14px;color:var(--muted)}
.face-row{display:flex;flex-wrap:wrap;gap:14px 12px;padding:4px 2px 18px}
.face{border:0;background:none;padding:0;display:grid;justify-items:center;gap:6px;width:74px;color:var(--muted);font-size:13px}
.face img{display:block;width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--line)}
.face[aria-pressed=true]{color:var(--accent);font-weight:700}
.face[aria-pressed=true] img{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
@media(hover:hover){.face:hover img{border-color:var(--accent)}}
.filters{padding:14px 0;margin-bottom:24px}
.filters .label-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.filters label{gap:0}
@media(max-width:650px){
:root .editorial-intro{padding:16px 5vw 0}
:root .editorial-intro .featured-strip,:root .editorial-intro .intro-line,:root .editorial-intro .intro-link{display:none}
:root .intro-words .eyebrow{margin-bottom:6px;font-size:12px}
:root .intro-words h1{font-size:38px;letter-spacing:0}
:root .collection{padding-top:14px}
:root .group-tabs{gap:6px}
:root .group-tabs button{min-width:0;padding:11px 15px;font-size:14px}
:root .face-hint{font-size:13px;margin-bottom:8px}
:root .face-row{flex-wrap:nowrap;overflow-x:auto;gap:10px;margin-inline:-5vw;padding:4px 5vw 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
:root .face-row::-webkit-scrollbar{display:none}
:root .face{flex:0 0 auto;width:66px}
:root .face img{width:58px;height:58px}
:root .filters{padding:10px 0;margin-bottom:16px;gap:8px}
:root .filters .label-text{display:none}
:root .filters label{gap:0}
:root .filters #savedFilter,:root .filters .surprise{flex:1;margin-left:0;padding:11px 8px;font-size:14px}
}
@media(min-width:1001px){
:root .editorial-intro{padding-block:14px 18px;grid-template-columns:1fr 1fr}
:root .featured-strip{max-width:540px;margin-left:auto;width:100%}
:root .intro-words h1{font-size:clamp(54px,5.4vw,80px)}
:root .intro-line{margin:14px 0}
:root .collection{padding-top:8px}
}

/* 2026-10-07 polish pass: even picture frames, tidy cards, neat face rows, cleaner look pop-up */
:root .look-grid .look-card img{aspect-ratio:11/25;object-fit:cover;width:100%;height:auto}
.look-grid{gap:36px 20px}
.card-label{margin-top:14px;align-items:baseline}
.card-label span:first-child{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.card-label .shop-cue{font-size:13px;color:var(--muted);white-space:nowrap}
.look-card h2{margin:8px 0 0;font-weight:500}
.look-card .card-link:hover .shop-cue{color:var(--accent)}
.look-card .save{width:38px;height:38px;font-size:21px;top:10px;right:10px;background:#131513a6;border-color:#ffffff66;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.look-card .save[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#151515}
#loadMore{display:block;margin:44px auto 0;padding:15px 34px;border-color:var(--accent);color:var(--accent);font-size:16px}
#loadMore[hidden]{display:none}
dialog:focus{outline:none}
.fixed-color{display:grid;gap:6px;font-size:14px;align-content:start}
.fixed-color b{display:flex;align-items:center;min-height:46px;padding:0 12px;border:1px solid var(--line);font-weight:400;font-size:16px;color:var(--ink)}
.piece{padding:18px 0}
.piece .product-description{margin-top:4px}
.piece .quiet{margin:6px 0 0}
.piece-controls{margin-top:14px}
@media(min-width:1001px){
.face-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));justify-items:center;gap:18px 8px;padding-bottom:22px}
.face-row.few{display:flex;flex-wrap:nowrap;gap:22px;justify-content:flex-start}
.face-row.few .face{width:78px}
.face-row.few .face img{width:70px;height:70px}
.face{transition:color .2s}
.face img{transition:transform .2s,border-color .2s}
.face:hover img{transform:scale(1.06)}
}
@media(min-width:651px) and (max-width:1000px){
.face-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));justify-items:center;gap:16px 8px}
}
@media(min-width:901px){
.detail-layout{grid-template-columns:auto minmax(0,1fr)}
.detail-photo{position:sticky;top:0;align-self:start}
.detail-photo img{height:calc(94vh - 2px);width:auto;max-width:48vw;object-fit:cover}
}
@media(max-width:650px){
:root .look-grid{gap:26px 12px}
:root .piece-controls{grid-template-columns:1fr 1fr;gap:10px}
:root .detail-photo img{max-height:58vh}
:root .card-label .shop-cue{display:none}
:root #loadMore{width:100%}
}

/* 2026-10-07 cohesion with the home page: same preview bar colour, logo mark, and phone bottom bar */
.preview{background:#c9aa91;color:#1a1715}
header .brand{display:inline-flex;align-items:center;gap:.6rem}
header .brand img{width:30px;height:30px;display:block}
header .brand .bt{font-style:normal}
.phone-bar{display:none}
@media(max-width:650px){
:root header nav a{display:none!important}
:root header{flex-wrap:nowrap;padding:12px 5vw}
:root header nav{width:auto}
:root header .brand img{width:26px;height:26px}
.phone-bar{position:fixed;left:0;right:0;bottom:0;z-index:15;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px 5vw calc(9px + env(safe-area-inset-bottom,0px));background:#131513f2;border-top:1px solid var(--line);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.phone-bar a{display:flex!important;align-items:center;justify-content:center;min-height:48px;border:1px solid var(--ink);text-transform:uppercase;letter-spacing:.1em;font-size:12.5px;font-weight:700;text-align:center}
.phone-bar a.go{background:var(--accent);border-color:var(--accent);color:#171914}
body{padding-bottom:70px}
#toast{bottom:84px}
}

/* 2026-10-07: optional link to the cast member's video inside the look pop-up */
.meet-row{margin:12px 0 0}
.meet-link{display:inline-block;color:var(--accent);font-size:14px;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--accent);padding-bottom:3px}

/* 2026-10-07: on computers an outfit card is never taller than the screen */
@media(min-width:901px){
:root .look-grid{grid-template-columns:repeat(auto-fill,clamp(180px,calc((100vh - 9rem)*.44),340px));justify-content:space-between;gap:32px 18px}
}

/* 2026-10-07: "show more" is a solid green button, same as every other action on the site */
#loadMore{background:var(--accent);border-color:var(--accent);color:#171914;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:15px;padding:17px 36px}
#loadMore:hover{background:#eef5b5;border-color:#eef5b5}

/* 2026-10-11 v74: whole look picture always shown on every card - head to shoes, never cropped (Julia) */
:root .look-grid .look-card img{aspect-ratio:auto;height:auto;width:100%;object-fit:contain;background:transparent}