:root{--bg:#090a13;--paper:#f0eaf5;--muted:#aaa2bb;--violet:#c89dfb;--pink:#efa8d6;--blue:#8ad3ef;--line:#c6a9f127;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--paper)}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{color:inherit;background:transparent;border:0;cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}em{font-weight:400;color:var(--violet)}#cosmos{position:fixed;inset:0;z-index:-1;pointer-events:none;width:100%;height:100%}.masthead{height:73px;margin:0 3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font-family:Georgia,serif;font-size:26px;letter-spacing:-1px;padding:0;display:flex;gap:3px;align-items:center}.brand>span{font-size:20px;color:var(--violet)}.brand small{font:8px Arial;letter-spacing:.13em;max-width:165px;line-height:1.6;text-align:left;margin-left:15px}.masthead nav{display:flex;gap:25px;align-items:center}.masthead nav button{font-size:11px;padding:8px 0}.masthead nav button:hover{color:var(--violet)}.masthead nav span{color:var(--blue);margin-left:5px}#motion{border:1px solid var(--line);border-radius:30px;padding:8px 12px;font-size:9px;letter-spacing:.06em;text-transform:uppercase}.studio{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;margin:0 3%;padding:28px 0 20px;min-height:calc(100svh - 109px);max-width:1700px}.eyebrow{font-size:9px;letter-spacing:.17em;color:var(--blue);line-height:1.7}.palette{border-right:1px solid var(--line);padding-right:28px;display:flex;flex-direction:column}.palette-heading h2{font-size:32px;line-height:1.03;letter-spacing:-.04em;margin:10px 0}.palette-heading>p:last-child{font-size:7px;letter-spacing:.1em;color:var(--muted);margin-bottom:22px}.shade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px 11px}.shade-button{min-width:0;padding:0}.pan{position:relative;overflow:hidden;border-radius:50%;background:#181526;flex-shrink:0}.pan-image{position:absolute;max-width:none;height:auto;pointer-events:none}.shade-button .pan{width:42px;height:42px;margin:auto;box-shadow:0 0 0 1px #ffffff20;transition:box-shadow .2s,transform .2s}.shade-button:hover .pan{transform:translateY(-2px)}.shade-button[aria-pressed=true] .pan{box-shadow:0 0 0 3px var(--bg),0 0 0 4px var(--violet)}.shade-button span{font-size:8px;display:block;line-height:1.3;margin-top:6px;color:var(--muted)}.shade-button[aria-pressed=true] span{color:var(--paper)}.reference-link{font-size:10px;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:13px 0;border-top:1px solid var(--line);margin-top:20px;text-align:left;color:var(--paper)}.reference-link span{color:var(--violet)}.palette-note{color:var(--muted);font-size:8px;line-height:1.7}.colour-story{min-width:0;display:flex;flex-direction:column;justify-content:flex-start}.story-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.story-heading h1{font-size:clamp(30px,3.2vw,52px);line-height:1.2;letter-spacing:-.055em;margin-top:4px}.story-heading h1>span{font-size:.65em;color:#a695b4;vertical-align:middle;margin:0 .18em}.tier-badge{display:flex;align-items:center;gap:12px;flex-shrink:0}.tier-badge>span{font:italic 50px Georgia;color:var(--pink)}.tier-badge p{font-size:8px;letter-spacing:.13em;line-height:1.8}.tier-badge small{display:block;font-size:8px;letter-spacing:0;color:var(--muted)}.visual-stage{border:1px solid var(--line);background:#10121c;overflow:hidden;position:relative}#eye-art{width:100%;aspect-ratio:2.5;max-height:42svh;min-height:210px;position:relative;overflow:hidden}#eye-art>img{width:100%;height:100%;object-fit:contain;display:block}.visual-caption{font-size:8px;letter-spacing:.08em;line-height:1.6;color:var(--muted);display:flex;justify-content:space-between;gap:15px;padding:11px 15px;border-top:1px solid var(--line)}.story-info{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0}.story-info h3{font-size:27px;letter-spacing:-.02em;margin-bottom:7px}.story-info p{font-size:11px;line-height:1.6;color:var(--muted);max-width:620px}.story-info button{font-size:10px;border-bottom:1px solid #b391d975;padding:11px 0;flex-shrink:0}.story-info button span{margin-left:20px;color:var(--violet)}.pairing-tray{margin-top:auto;border-top:1px solid var(--line);padding-top:13px}.tray-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tray-heading p{font-size:8px;letter-spacing:.1em;color:var(--muted)}.tray-heading strong{font-weight:400;color:var(--paper)}.tray-heading button{font-size:9px}.tray-heading button span{color:var(--blue);margin-left:10px}.suggestions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.pair-suggestion{text-align:left;display:flex;gap:10px;align-items:center;padding:13px 10px;border:1px solid var(--line);background:#b38ee805;transition:border-color .2s,background .2s}.pair-suggestion:hover{border-color:#c89dfb85;background:#b38ee812}.pair-suggestion.selected{border-color:var(--violet);background:#b38ee81a}.pair-suggestion .pan{width:34px;height:34px}.pair-suggestion strong{font-size:10px;display:block;font-weight:400;line-height:1.5}.pair-suggestion small{font-size:8px;color:var(--muted);display:block}.pair-suggestion small b{font-family:Georgia,serif;color:var(--pink);font-weight:400;margin-right:4px}footer{height:36px;margin:0 3%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:.14em;color:var(--muted)}.mobile-palette{display:none}.reference-pair{height:100%;display:flex;align-items:center;justify-content:center;gap:30px;background:radial-gradient(ellipse,#3a215322,transparent)}.reference-pair .pan{width:130px;height:130px;box-shadow:0 0 0 1px #ffffff20}.reference-pair .pair-name{text-align:center;font:20px Georgia;margin-top:15px}.reference-pair>span{font:italic 40px Georgia;color:var(--violet)}.stage-message{position:absolute;bottom:12px;left:0;right:0;font-size:9px;color:var(--muted);text-align:center}dialog{max-height:90svh;max-width:640px;width:90%;padding:40px;background:#12111e;color:var(--paper);border:1px solid #bea0e875;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}body:has(dialog[open]){overflow:hidden}.dialog-close{position:absolute;right:15px;top:8px;font-size:30px;color:var(--muted);padding:0 5px;z-index:2}.dialog-heading{margin-bottom:25px}dialog h2{font-size:40px;line-height:1.15;letter-spacing:-.04em;margin:12px 0 20px}dialog h3{font-size:23px}dialog p.intro,dialog .note{font-size:12px;line-height:1.8;color:var(--muted)}dialog .note{border-left:1px solid var(--violet);padding-left:14px;margin-top:20px}.wide-dialog{max-width:1000px}.index-tools{display:flex;gap:20px;justify-content:space-between;align-items:end}.tier-filters{display:flex;flex-wrap:wrap;gap:5px}.tier-filters button{border:1px solid var(--line);padding:9px 10px;font-size:10px}.tier-filters button.active{border-color:var(--violet);background:#b38ee818}.index-tools label{font-size:8px;color:var(--muted)}select{display:block;margin-top:5px;padding:8px;color:var(--paper);border:1px solid var(--line);background:#13101e;font-size:11px;min-width:150px}.result-count{font-size:10px;color:var(--muted);margin:20px 0}.look-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.look-card{text-align:left;padding:16px;background:#b18bf00a;border:1px solid var(--line);display:flex;gap:10px;align-items:center}.look-card:hover{border-color:var(--violet)}.card-pans{display:flex;align-items:center;gap:4px;flex-shrink:0}.card-pans .pan{width:30px;height:30px}.look-card strong{font-size:11px;font-weight:400;display:block;line-height:1.5}.look-card small{font-size:9px;display:block;margin-top:4px;color:var(--muted)}.look-card small b{color:var(--pink);font-weight:400}.rubric-criteria{margin-top:25px}.rubric-criteria>div{display:grid;grid-template-columns:1fr 50px;border-bottom:1px solid var(--line);padding:15px 0;gap:9px}.rubric-criteria h3{font-size:22px}.rubric-criteria strong{font:italic 23px Georgia;color:var(--violet)}.rubric-criteria p{grid-column:1/3;color:var(--muted);font-size:11px;line-height:1.6}.source-dialog{max-width:900px}.source-images{display:grid;grid-template-columns:1fr 1fr;gap:20px}.source-images figure{margin:0}.source-images img{display:block;width:100%}.source-images figcaption{font-size:9px;color:var(--muted);line-height:1.5;margin-top:10px}.reason-pans{display:flex;gap:20px;align-items:center;margin:22px 0}.reason-pans .pan{width:70px;height:70px}.reason-text{font-size:13px;color:var(--muted);line-height:1.9}.paused *{animation-play-state:paused!important}#load-error{padding:30px;color:var(--pink)}.colour-story.changing #eye-art{animation:arrive .38s ease-out}@keyframes arrive{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.studio{margin-inline:auto}}
@media(max-height:800px) and (min-width:801px){.studio{padding-top:20px;gap:30px}.palette-heading h2{font-size:28px}.palette-heading>p:last-child{margin-bottom:15px}.shade-grid{gap:10px}.shade-button .pan{width:34px;height:34px}.shade-button span{font-size:7px;margin-top:5px}.reference-link{margin-top:12px}.story-heading{margin-bottom:12px}.story-heading h1{font-size:38px}#eye-art{max-height:38svh;min-height:170px}.story-info{padding:15px 0}.story-info h3{font-size:23px}.pair-suggestion{padding:10px 8px}.pair-suggestion .pan{width:28px;height:28px}.pair-suggestion strong{font-size:9px}.palette-note{font-size:7px}}
@media(max-width:1100px){.studio{grid-template-columns:200px minmax(0,1fr);gap:25px}.palette{padding-right:20px}.pair-suggestion{gap:6px;padding:10px 7px}.pair-suggestion .pan{width:25px;height:25px}.pair-suggestion strong{font-size:9px}.suggestions{gap:6px}.story-info{gap:15px}.story-info p{font-size:10px}.brand small{display:none}.look-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.masthead{height:62px;margin:0 5%}.brand{font-size:23px}.masthead nav{gap:15px}.masthead nav button{font-size:10px}#motion{font-size:8px;padding:7px 9px}.studio{display:block;margin:0 5%;padding:22px 0 18px;min-height:calc(100svh - 97px)}.palette{display:none}.colour-story{min-height:calc(100svh - 137px)}.story-heading{margin-bottom:13px}.story-heading h1{font-size:clamp(26px,5vw,40px);max-width:450px;letter-spacing:-.045em}.tier-badge{gap:8px}.tier-badge>span{font-size:38px}.tier-badge p{font-size:7px;letter-spacing:.05em}.tier-badge small{font-size:7px}.mobile-palette{display:flex;width:100%;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:12px 0;margin-bottom:10px;font-size:10px;color:var(--muted)}.mobile-palette span{color:var(--violet);font-size:15px}#eye-art{min-height:0;max-height:none;aspect-ratio:2.5}.visual-caption{font-size:7px;letter-spacing:.02em;padding:9px;gap:15px}.story-info{display:block;padding:18px 0}.story-info h3{font-size:25px}.story-info p{font-size:11px;line-height:1.65}.story-info button{font-size:10px;margin-top:7px;padding:8px 0}.pairing-tray{padding-top:15px}.suggestions{display:flex;overflow-x:auto;gap:9px;padding:2px 1px 8px;scroll-snap-type:x mandatory}.pair-suggestion{min-width:130px;padding:12px 10px;gap:9px;scroll-snap-align:start}.pair-suggestion .pan{width:32px;height:32px}.pair-suggestion strong{font-size:10px}.tray-heading{margin-bottom:12px}.tray-heading p,.tray-heading button{font-size:8px}footer{height:35px;margin:0 5%;font-size:6px;letter-spacing:.1em}footer span:last-child{display:none}#palette-dialog .shade-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}#palette-dialog .shade-button .pan{width:48px;height:48px}#palette-dialog .shade-button span{font-size:13px}.reference-pair{gap:20px}.reference-pair .pan{width:75px;height:75px}.reference-pair .pair-name{font-size:15px;margin-top:8px}.reference-pair>span{font-size:26px}.stage-message{font-size:7px;bottom:6px}.index-tools{display:block}.index-tools label{display:block;margin-top:15px}select{width:100%}.tier-filters button{font-size:9px;padding:8px}.look-grid{grid-template-columns:1fr}.look-card{padding:14px}.look-card strong{font-size:12px}dialog{padding:32px 22px}dialog h2{font-size:33px}.source-images{grid-template-columns:1fr}.source-images figure{max-width:450px}.source-images figure+figure{margin-top:15px}}
@media(max-width:400px){.masthead nav{gap:10px}.masthead nav button{font-size:9px}.story-heading h1{font-size:28px;max-width:235px}.tier-badge p{display:none}.story-info h3{font-size:23px}.story-info p{font-size:10px}.eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.studio-intro{font-size:10px;color:var(--muted);margin-bottom:16px;line-height:1.6}.studio-intro button{padding:0;margin-left:10px;color:var(--violet);font-size:9px}.tier-key{display:flex;gap:20px;align-items:center;margin-top:14px;padding-top:11px;border-top:1px solid var(--line)}.tier-key button{display:flex;gap:7px;align-items:center;padding:0}.tier-key b{font:italic 19px Georgia}.tier-key span{font-size:8px;color:var(--muted)}[data-key-tier=S],[data-tier-color=S],[data-tier=S]{--tier:#d49dfc}[data-key-tier=A],[data-tier-color=A],[data-tier=A]{--tier:#8cd9f6}[data-key-tier=B],[data-tier-color=B],[data-tier=B]{--tier:#efc07b}[data-key-tier=C],[data-tier-color=C],[data-tier=C]{--tier:#b2b0c9}.tier-key b,.tier-explanations h3,.tier-explanations>div>b,.tier-badge>span{color:var(--tier,var(--pink))}.tier-filters button[data-tier]{color:var(--tier,var(--paper))}.tier-explanations>div{display:flex;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.tier-explanations>div>b{font:italic 42px Georgia;min-width:32px}.tier-explanations h3{font-size:23px;margin-bottom:7px}.tier-explanations p{font-size:12px;line-height:1.7;color:var(--muted)}.key-heading{margin-top:28px;margin-bottom:7px}.how-to{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0;font-size:10px;color:var(--muted)}.how-to b{color:var(--blue);font-weight:400;margin-right:5px}.rubric-details{margin-top:23px}.rubric-details summary{font-size:12px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 0;border-block:1px solid var(--line)}.rubric-details summary span{color:var(--violet)}.rubric-details .rubric-criteria{margin-top:0}.selection-flow{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:15;color:var(--violet);filter:drop-shadow(0 0 3px #b889ed88)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog[open]{animation:dialog-arrive .25s cubic-bezier(.2,.7,.25,1)}@keyframes dialog-arrive{from{opacity:0;transform:translateY(18px) scale(.99)}to{opacity:1;transform:none}}.pair-suggestion.selected{box-shadow:inset 0 -2px var(--violet)}
@media(max-height:800px) and (min-width:801px){.studio-intro{margin-bottom:10px}.tier-key{margin-top:9px;padding-top:8px}.story-info{padding:12px 0}.studio{padding-top:16px}.palette-heading>p:last-child{margin-bottom:12px}}
@media(max-width:800px){.studio-intro{font-size:9px;margin-bottom:14px;max-width:340px}.studio-intro button{font-size:8px;margin-left:4px}.tier-key{gap:14px;justify-content:space-between;margin-top:10px;padding-top:11px}.tier-key b{font-size:18px}.tier-key span{font-size:7px}.how-to{display:grid;gap:10px}.studio{padding-top:17px}.story-info{padding:15px 0}.colour-story{min-height:calc(100svh - 132px)}}

.pair-suggestion small b,.look-card small b{color:var(--tier,var(--pink))}
@media(min-width:801px){.studio{height:calc(100svh - 109px);min-height:0;padding:22px 0 14px}.palette .shade-grid{flex:1;align-content:space-between;row-gap:8px}.palette-heading>p:last-child{margin-bottom:18px}.palette .reference-link{margin-top:16px}}

.guide-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin:0 0 22px;padding-bottom:12px}.guide-tabs button{padding:9px 14px;border:1px solid var(--line);font-size:11px;color:var(--muted)}.guide-tabs button[aria-selected=true]{color:var(--paper);border-color:var(--violet);background:#b38ee818}.key-heading{margin-top:0}#guide-rubric .rubric-details{margin-top:0}[role=tabpanel]{animation:dialog-arrive .2s ease-out}#rubric-dialog h2{font-size:34px;margin-bottom:20px}.tier-explanations>div{padding:13px 0}.tier-explanations p{font-size:11px}.tier-explanations h3{font-size:21px;margin-bottom:5px}

/* Floating panels preserve the visible studio underneath. */
dialog{max-height:82svh;width:min(88%,640px);border-radius:16px;background:#151322f5;box-shadow:0 25px 90px #0009,0 0 0 1px #d2b1ff18;padding:32px}
dialog::backdrop{background:#08081266;backdrop-filter:blur(2px)}
.wide-dialog{width:88%;max-width:1000px}.source-dialog{width:88%;max-width:900px}.dialog-close{right:13px;top:9px}
.matrix-link{font-size:11px;padding:8px 0}.matrix-link:hover{color:var(--violet)}
.matrix-page .masthead{position:sticky;top:0;z-index:5;background:#090a13ee;backdrop-filter:blur(10px)}
.matrix-main{margin:28px 3% 40px}.matrix-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:24px}.matrix-heading h1{font-size:42px;margin:6px 0 10px}.matrix-heading p{font-size:12px;color:var(--muted);line-height:1.7;max-width:620px}.matrix-tools{position:sticky;top:73px;z-index:4;background:#090a13f5;border-block:1px solid var(--line);padding:14px 0;display:flex;flex-wrap:wrap;align-items:center;gap:18px}.matrix-tools label{font-size:10px;color:var(--muted)}.matrix-tools select{display:inline-block;margin:0 0 0 8px}.matrix-count{font-size:11px;color:var(--muted);margin:18px 0}.matrix-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.matrix-card{display:flex;flex-direction:column;border:1px solid var(--line);background:#141220;border-radius:10px;overflow:hidden;transition:transform .2s,border-color .2s}.matrix-card:hover{border-color:var(--tier);transform:translateY(-3px)}.matrix-art{height:118px;display:flex;align-items:center;justify-content:center;gap:13px;background:#0e101b}.matrix-art .pan{width:58px;height:58px;box-shadow:0 0 0 1px #fff3}.matrix-art>span{color:var(--muted)}.matrix-art>img{width:100%;height:100%;object-fit:contain}.matrix-card-body{padding:12px}.matrix-card h2{font-size:17px;line-height:1.3;min-height:44px}.matrix-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:9px;color:var(--muted)}.matrix-meta b{color:var(--tier);font:italic 20px Georgia;margin-right:5px}.matrix-status{font-size:8px;color:var(--muted);line-height:1.5;margin-top:10px}.matrix-empty{padding:35px 0;color:var(--muted)}
@media(min-width:1700px){.matrix-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1100px){.matrix-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.matrix-art .pan{width:48px;height:48px}}
@media(max-width:800px){dialog{width:88%;max-height:80svh;padding:28px 20px}.matrix-link{font-size:10px}.matrix-main{margin:24px 5%}.matrix-heading{display:block}.matrix-heading h1{font-size:33px}.matrix-heading p{font-size:11px}.matrix-tools{top:62px;gap:12px}.matrix-tools select{min-width:120px;width:auto}.matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.matrix-art{height:100px;gap:8px}.matrix-art .pan{width:44px;height:44px}.matrix-card-body{padding:10px}.matrix-card h2{font-size:15px}.matrix-meta{font-size:8px}.matrix-status{font-size:7px}.matrix-page .masthead nav{gap:14px}}

[hidden]{display:none!important}.collection-bar{height:48px;margin:0 3%;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.collection-bar label{display:flex;align-items:center;gap:12px;font-size:9px;color:var(--muted)}.collection-bar select{margin:0;min-width:235px;padding:6px 10px;font-size:10px}.look-modes{display:flex;gap:4px}.look-modes button{font-size:10px;border:1px solid transparent;padding:7px 12px;color:var(--muted)}.look-modes button[aria-pressed=true]{border-color:var(--violet);background:#c89dfb18;color:var(--paper)}.look-modes span{color:var(--violet)}.loading-palette main{opacity:.35;pointer-events:none}.loading-palette .look-modes{pointer-events:none}button:disabled{opacity:.4;cursor:default}.empty-copy,.triple-empty{font-size:12px;line-height:1.7;color:var(--muted)}.triple-empty{display:grid;height:100%;place-content:center;padding:25px}.studio{height:calc(100svh - 157px)}.matrix-art:has(.pan:nth-of-type(3)) .pan{width:42px;height:42px}.matrix-art:has(.pan:nth-of-type(3)){gap:6px}.colour-story:has(.tier-key[hidden]) .pairing-tray{margin-bottom:12px}.colour-story:has(.tier-key[hidden]) .pair-suggestion{grid-column:span 3}#story-title{font-size:clamp(28px,3.2vw,48px)}
@media(max-width:800px){.collection-bar{margin:0 5%;gap:12px;height:48px;justify-content:space-between}.collection-bar label{font-size:0;min-width:0;flex:1}.collection-bar select{min-width:0;max-width:205px;width:100%;font-size:9px}.look-modes{flex-shrink:0}.look-modes button{font-size:9px;padding:6px 9px}.studio{height:auto;min-height:calc(100svh - 145px)}.colour-story{min-height:calc(100svh - 180px)}#story-title{font-size:26px}#eye-art{max-height:30svh}.reference-pair:has(.pan:nth-of-type(3)){gap:8px}.reference-pair:has(.pan:nth-of-type(3)) .pan{width:50px;height:50px}.matrix-art:has(.pan:nth-of-type(3)) .pan{width:32px;height:32px}.matrix-art:has(.pan:nth-of-type(3)){gap:3px}.matrix-art:has(.pan:nth-of-type(3))>span{font-size:10px}}

@media(min-width:801px){.studio>.palette,.studio>.colour-story{min-height:0}.palette .shade-grid{min-height:0;grid-template-rows:repeat(7,minmax(0,1fr))}#eye-art{max-height:calc(42svh - 48px);min-height:150px}.palette-heading h2{font-size:30px}.palette .reference-link{margin-top:10px}.palette .shade-grid{row-gap:6px}}
@media(max-height:800px) and (min-width:801px){#eye-art{max-height:calc(38svh - 48px);min-height:130px}.palette-heading h2{font-size:26px}}

.visual-stage{flex-shrink:0}
@media(min-width:801px){#eye-art{max-height:calc(42svh - 83px)}}
@media(max-height:800px) and (min-width:801px){#eye-art{max-height:calc(38svh - 83px)}}

.pan-role{display:block;text-align:center;margin-top:8px;color:var(--blue);font-size:9px;letter-spacing:.05em}.draft-image{width:100%;display:block;border:1px solid var(--line)}#draft-dialog .reason-pans{margin:15px 0}.colour-story:has(.tier-key[hidden]) .suggestions{grid-template-columns:repeat(4,minmax(0,1fr))}.colour-story:has(.tier-key[hidden]) .pair-suggestion{grid-column:auto;min-width:0}.colour-story:has(.tier-key[hidden]) .pair-suggestion strong{font-size:9px}.story-info:has(#open-draft:not([hidden])){gap:14px}.story-info:has(#open-draft:not([hidden])) button{font-size:9px}.story-info:has(#open-draft:not([hidden]))>div{flex:1}#open-draft{color:var(--blue)}
@media(max-width:800px){.reference-pair .pair-name{font-size:13px}.reference-pair:has(.pan-role){gap:9px}.reference-pair:has(.pan-role) .pan{width:62px;height:62px}.reference-pair:has(.pan-role)>span{font-size:16px}.reference-pair:has(.pan-role)>div{max-width:85px}.pan-role{font-size:7px}.colour-story:has(.tier-key[hidden]) .pair-suggestion{min-width:165px}.story-info:has(#open-draft:not([hidden])) button{margin-right:15px}.story-info:has(#open-draft:not([hidden])){padding-bottom:10px}}

.batch-link{font-size:9px;color:var(--blue);margin-left:auto;padding:9px 0}.reference-main{margin:25px 3% 40px}.reference-heading{display:flex;align-items:end;gap:35px;flex-wrap:wrap;margin-bottom:16px}.reference-heading .eyebrow{width:100%}.reference-heading h1{font-size:36px;line-height:1.05;letter-spacing:-.03em}.reference-heading>p:last-child{font-size:11px;color:var(--muted);line-height:1.7;max-width:550px}.review-notice{font-size:10px;color:var(--muted);line-height:1.6;border-block:1px solid var(--line);padding:11px 0;margin-bottom:18px}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.reference-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#141220}.reference-title{display:flex;gap:10px;align-items:center;padding:12px}.reference-title h2{font-size:17px;flex:1;line-height:1.25}.reference-number{font-size:9px;color:var(--blue)}.reference-tier{font-size:8px;color:var(--tier);flex-shrink:0}.reference-image-button{display:block;padding:0;width:100%;background:#0e101b}.reference-image-button img{display:block;width:100%;aspect-ratio:2.5;object-fit:contain}.reference-body{padding:12px}.review-refs{display:flex;gap:18px}.review-ref{display:grid;grid-template-columns:32px 1fr;column-gap:7px;align-items:center}.review-ref .pan{width:32px;height:32px;grid-row:span 2}.review-ref>span{font-size:10px}.review-ref>small{font-size:8px;color:var(--blue);text-transform:uppercase;letter-spacing:.05em}.review-status{font-size:8px;color:var(--violet);margin:13px 0 6px}.review-qa{font-size:10px;color:var(--muted);line-height:1.65}.reference-action{margin-top:12px;padding:0;font-size:10px;color:var(--blue)}.reference-end{font-size:10px;line-height:1.7;color:var(--muted);margin-top:20px;max-width:950px}.comparison-pans{margin:15px 0}.comparison-pans .review-ref{grid-template-columns:58px 1fr}.comparison-pans .pan{width:58px;height:58px}.comparison-pans .review-ref>span{font-size:16px}.comparison-pans .review-ref>small{font-size:9px}
@media(max-width:1100px){.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.batch-link{font-size:8px;white-space:nowrap;margin:0}.collection-bar{gap:8px}.collection-bar select{max-width:170px}.reference-main{margin:20px 5% 30px}.reference-heading{gap:12px}.reference-heading h1{font-size:32px}.reference-grid{grid-template-columns:1fr;gap:18px}.reference-title h2{font-size:18px}.review-qa{font-size:11px}.reference-heading>p:last-child{font-size:11px}.comparison-pans .review-ref{grid-template-columns:42px 1fr}.comparison-pans .pan{width:42px;height:42px}.comparison-pans .review-ref>span{font-size:12px}.comparison-pans .review-refs{gap:10px}#reference-dialog h2{font-size:29px}}

.review-set{display:flex;align-items:center;gap:12px;margin:10px 0 15px;color:var(--muted);font-size:10px}.review-set select{margin:0;min-width:240px;font-size:10px}.reference-heading>p:last-child{min-width:0}@media(max-width:800px){.review-set{justify-content:space-between}.review-set select{min-width:0;width:auto;max-width:270px;font-size:9px}}
/* Bold fashion studio, 2026-10. Real photographs are deliberately isolated. */
:root{--bg:#080818;--paper:#f5f0ff;--muted:#b9b0cc;--violet:#c0a0ff;--blue:#9aeaff;--line:#c0a0ff30}
body{isolation:isolate;background:radial-gradient(ellipse at 90% 14%,#44247560,transparent 50%),radial-gradient(ellipse at 5% 70%,#16385865,transparent 55%);min-height:100svh}
#cosmos{z-index:-1;opacity:.85}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(130deg,#09091e 20%,#201444 62%,#072836);opacity:.6}
.masthead{height:80px;margin:0 3.5%;border-color:#ddd1ff40}.brand{font:900 35px 'Arial Narrow',Arial,sans-serif;letter-spacing:-.09em;gap:8px}.brand>span{font-size:30px;animation:brand-turn 18s linear infinite}.brand small{font-size:9px;font-weight:600;letter-spacing:.15em;max-width:220px;line-height:1.45;margin-left:20px}.masthead nav{gap:12px}.masthead nav button,.masthead nav a{border:1px solid var(--line);border-radius:50px;padding:12px 18px;font-size:11px}.masthead nav .matrix-link{background:var(--paper);color:#17102c;transform:rotate(-3deg);border-color:transparent}.masthead nav .matrix-link:hover{background:var(--blue);color:#17102c}#motion{font-size:10px;padding:12px 16px}.collection-bar{height:60px;margin:0 3.5%;border:0;gap:22px}.collection-bar select,select{border-radius:30px;padding:10px 16px;background:#131027;max-width:100%}.collection-bar label{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.look-modes{padding:4px;border-radius:40px;border:1px solid var(--line);background:#121024}.look-modes button{border-radius:35px;padding:9px 19px;font-size:11px}.look-modes button[aria-pressed=true]{background:var(--violet);color:#140b2b;border-color:transparent;font-weight:700}.look-modes span{color:inherit}.batch-link{font-size:10px;border-bottom:1px solid var(--blue);padding:6px 0}
.studio{margin:0 3.5%;max-width:none;grid-template-columns:215px minmax(0,1fr);gap:38px;height:auto;min-height:0;padding:8px 0 24px}.palette{border:0;padding:20px 18px 18px;border-radius:32px;background:#131027d9;box-shadow:inset 0 0 0 1px #b891f22b;align-self:start;position:relative}.palette-heading h2{font:bold 29px/1.03 'Arial Narrow',Arial,sans-serif;letter-spacing:-.055em;margin:12px 0;overflow-wrap:anywhere}.palette-heading .eyebrow{font-size:9px}.palette-heading>p:last-child{font-size:8px;margin-bottom:18px;line-height:1.6}.palette .shade-grid{flex:0;grid-template-rows:none;gap:12px 8px;align-content:start}.shade-button{border-radius:20px;padding:5px 0}.shade-button .pan{width:41px;height:41px}.shade-button span{font-size:9px;line-height:1.25;margin-top:6px}.shade-button:hover{background:#c0a0ff12}.shade-button[aria-pressed=true]{background:#c0a0ff1a}.palette .reference-link{font-size:10px;margin-top:15px}.palette-note{font-size:9px;line-height:1.5}
.colour-story{position:relative}.studio-intro{font-size:11px;letter-spacing:.02em;margin:0 0 8px}.studio-intro button{font-size:10px}.story-heading{align-items:end;gap:12px;margin-bottom:20px}.story-heading>div:first-child{min-width:0;flex:1}.story-heading .eyebrow{font-size:9px;letter-spacing:.2em}#story-title{font:900 clamp(42px,5.4vw,96px)/.94 'Arial Narrow','Franklin Gothic Medium',Arial,sans-serif;letter-spacing:-.065em;text-transform:uppercase;margin-top:8px;max-width:1050px;overflow-wrap:anywhere}#story-title .story-cross{font:italic .65em Georgia,serif;color:var(--blue);margin:0 .1em}#story-title em{font:italic .92em/.95 Georgia,serif;letter-spacing:-.07em;color:#d4b5ff;text-transform:none}.tier-badge{gap:9px;border:1px solid var(--tier,var(--violet));border-radius:50% 50% 35% 35%;padding:12px 17px;transform:rotate(7deg);margin:0 4px 4px 0;background:#151026}.tier-badge>span{font:italic 55px/.9 Georgia}.tier-badge p{font-size:8px;letter-spacing:.08em}.tier-badge small{font-size:8px;line-height:1.4}
.visual-stage{border-radius:30px 8px 30px 8px;background:#0d0d15;border:1px solid #c7aeff5c;box-shadow:0 12px 55px #04041070;isolation:isolate;overflow:hidden}#eye-art{aspect-ratio:2.5;max-height:none;min-height:0;background:#0d0d15}#eye-art>img{filter:none;mix-blend-mode:normal;opacity:1;object-fit:contain}.visual-caption{background:#101019;color:#d0c6dd;padding:12px 17px;font-size:9px;letter-spacing:.05em;border-color:#cbc0df25;flex-wrap:wrap;gap:5px 15px}.story-info{padding:17px 0;gap:20px}.story-info>div{min-width:0}.story-info h3{font:italic 30px/1.05 Georgia;margin-bottom:6px;color:#e7dbf5}.story-info p{font-size:11px;line-height:1.6;max-width:670px}.story-info button{border:1px solid var(--line);padding:13px 19px;border-radius:35px;background:#17122c;font-size:11px}.story-info button:hover{border-color:var(--blue);background:#22203a}.story-info button span{margin-left:8px}.pairing-tray{margin-top:0;padding-top:12px}.tray-heading p{font-size:10px}.tray-heading strong{font-weight:700}.tray-heading button{font-size:10px}.suggestions{gap:8px}.pair-suggestion{padding:12px 10px;border-radius:24px 7px 24px 7px;background:#17132be8;gap:9px;min-height:66px}.pair-suggestion:nth-child(even){border-radius:7px 24px 7px 24px}.pair-suggestion .pan{width:36px;height:36px}.pair-suggestion strong{font-size:11px;line-height:1.3;font-weight:600}.pair-suggestion small{font-size:9px;margin-top:4px}.pair-suggestion.selected{background:#35234c;border-color:var(--violet);box-shadow:none}.tier-key{justify-content:flex-start;gap:27px;margin-top:14px;padding-top:12px}.tier-key b{font-size:23px}.tier-key span{font-size:9px}.tier-key button{padding:4px 0}footer{margin:0 3.5%;font-size:8px;height:38px;letter-spacing:.12em}.eyebrow{color:var(--blue)}
.reference-pair{background:#10101b}.reference-pair .pan{width:clamp(75px,10vw,150px);height:clamp(75px,10vw,150px)}.reference-pair .pair-name{font-size:20px}.stage-message{font-size:10px;bottom:16px}.mobile-palette{border-radius:30px;background:var(--blue);color:#101025;padding:12px 17px;font-size:12px;text-align:left}.mobile-palette span{float:right}
dialog{background:#17132af7;border-color:#d3b2ff65;border-radius:30px 12px 30px 12px;padding:32px;box-shadow:0 25px 90px #000a}dialog::backdrop{background:#08081270;backdrop-filter:blur(2px)}.dialog-close{border-radius:50%;background:#302440;width:34px;height:34px;font:25px Arial;top:12px;right:12px}.guide-tabs button,.tier-filters button{border-radius:25px;min-height:40px;padding:10px 16px}.look-card{border-radius:20px;min-height:75px}.look-card strong{font-size:12px}.guide-tabs{gap:7px}#rubric-dialog h2{font-size:40px}.source-images img,.draft-image{filter:none;mix-blend-mode:normal;background:#101015}.note{color:var(--muted)}
.matrix-main,.reference-main{margin:25px 3.5% 45px}.matrix-heading h1,.reference-heading h1{font:900 clamp(50px,6.6vw,100px)/.94 'Arial Narrow',Arial,sans-serif;letter-spacing:-.06em;text-transform:uppercase}.matrix-heading h1 em,.reference-heading h1 em{font:italic .85em Georgia;text-transform:none}.matrix-heading p{font-size:12px;max-width:720px}.matrix-tools{top:80px;background:#101021ed;border-radius:20px;padding:13px 16px;border:1px solid var(--line);gap:16px}.matrix-page .masthead{background:#09091bee}.matrix-grid{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.matrix-art{height:auto;aspect-ratio:2.5;background:#101015;min-height:90px}.matrix-card{border-radius:24px 8px 24px 8px;background:#16122be8}.matrix-card:nth-child(even){border-radius:8px 24px 8px 24px}.matrix-card h2{font:bold 19px/1.15 Arial;min-height:44px;letter-spacing:-.03em}.matrix-card-body{padding:16px}.matrix-count{font-size:12px}.matrix-status{font-size:9px}.reference-heading{gap:20px}.reference-heading>p:last-child{font-size:12px}.reference-card{border-radius:24px 8px 24px 8px;background:#16122b}.reference-title h2{font:bold 19px Arial;letter-spacing:-.03em}.reference-title{padding:16px}.reference-body{padding:16px}.review-qa{font-size:11px}.review-notice{font-size:11px}.review-set select{border-radius:25px}.reference-image-button img{filter:none;mix-blend-mode:normal}.reference-grid{gap:20px}
@keyframes brand-turn{to{transform:rotate(360deg)}}@keyframes fashion-arrive{from{opacity:0;transform:translateY(10px) skewX(-3deg)}to{opacity:1;transform:none}}.story-heading{animation:fashion-arrive .7s ease-out}.paused *{animation-play-state:paused!important}.paused .selection-flow{display:none}.paused *{transition:none!important}
@media(min-width:1600px){.studio{grid-template-columns:245px minmax(0,1fr);gap:50px}.palette .shade-grid{gap:15px 10px}.shade-button .pan{width:48px;height:48px}.palette-heading h2{font-size:33px}.matrix-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:801px) and (max-height:850px){.masthead{height:66px}.collection-bar{height:52px}.studio{grid-template-columns:190px minmax(0,1fr);gap:28px;padding-top:5px}.palette{padding:14px}.palette-heading h2{font-size:25px;margin:7px 0}.palette-heading>p:last-child{margin-bottom:10px}.palette .shade-grid{gap:7px}.shade-button .pan{width:33px;height:33px}.shade-button span{font-size:8px;margin-top:3px}.shade-button{padding:2px}.palette-note{font-size:8px}.palette .reference-link{margin-top:10px;padding:10px 0}#story-title{font-size:clamp(42px,5vw,76px)}.story-heading{margin-bottom:14px}.studio-intro{margin-bottom:5px}.tier-badge>span{font-size:44px}.tier-badge{padding:10px 13px}.story-info{padding:13px 0}.story-info h3{font-size:25px}.pair-suggestion{min-height:58px;padding:9px}.tier-key{margin-top:9px;padding-top:7px}.matrix-tools{top:66px}}
@media(max-width:1000px) and (min-width:801px){.studio{grid-template-columns:185px minmax(0,1fr);gap:22px}.palette{padding:14px}.story-heading{flex-wrap:wrap}.tier-badge p{display:none}.suggestions{grid-template-columns:repeat(3,minmax(0,1fr))}.pair-suggestion:nth-child(n+4){display:none}.story-info{align-items:start}.story-info button{padding:11px;font-size:10px}.matrix-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.masthead{height:70px;margin:0 5%;gap:10px}.brand{font-size:28px;gap:5px}.brand>span{font-size:23px}.brand small{display:none}.masthead nav{gap:6px}.masthead nav button,.masthead nav a{font-size:10px;padding:10px 12px}.masthead nav button#open-rubric{display:none}#motion{font-size:9px;padding:10px}.collection-bar{height:64px;margin:0 5%;gap:10px;flex-wrap:nowrap}.collection-bar label{min-width:0;flex:1;font-size:0}.collection-bar select{font-size:10px;padding:10px;max-width:205px}.look-modes{gap:1px;padding:3px}.look-modes button{padding:8px 11px;font-size:10px}.collection-bar .batch-link{display:none}.studio{display:block;margin:0 5%;padding:6px 0 22px;height:auto;min-height:0}.studio>.palette{display:none}.colour-story{min-height:0}.studio-intro{font-size:10px;margin-bottom:10px}.story-heading{margin-bottom:15px;align-items:center}.story-heading .eyebrow{font-size:8px}#story-title{font-size:clamp(37px,9.5vw,68px);line-height:.96;letter-spacing:-.065em;max-width:none}.tier-badge{padding:11px 10px;margin:0;gap:0;transform:rotate(6deg)}.tier-badge>span{font-size:38px}.tier-badge p{display:none}.mobile-palette{display:block;margin:0 0 14px;order:0}.visual-stage{border-radius:22px 6px 22px 6px}#eye-art{max-height:none;min-height:0;aspect-ratio:2.5}.visual-caption{font-size:8px;padding:10px 12px;letter-spacing:0;gap:3px}.story-info{display:flex;flex-wrap:wrap;gap:10px;padding:15px 0}.story-info>div{flex-basis:100%}.story-info h3{font-size:27px}.story-info p{font-size:11px;line-height:1.6}.story-info button{font-size:10px;padding:10px 15px;margin:0}.pairing-tray{padding-top:13px}.tray-heading{gap:8px}.tray-heading p{font-size:9px}.tray-heading button{font-size:9px}.suggestions{display:flex;overflow-x:auto;padding:2px 1px 9px;scroll-snap-type:x proximity;gap:8px}.pair-suggestion{min-width:147px;max-width:195px;flex-shrink:0;scroll-snap-align:start;padding:11px;min-height:66px}.pair-suggestion .pan{width:37px;height:37px}.pair-suggestion strong{font-size:11px}.pair-suggestion small{font-size:9px}.tier-key{justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px}.tier-key b{font-size:23px}.tier-key span{font-size:8px}footer{margin:0 5%;height:auto;min-height:45px;font-size:7px;gap:15px;line-height:1.5}.reference-pair{gap:15px}.reference-pair .pan{width:65px;height:65px}.reference-pair .pair-name{font-size:12px;margin-top:8px}.reference-pair>span{font-size:20px}.stage-message{font-size:8px;bottom:8px}.reference-pair:has(.pan-role) .pan{width:48px;height:48px}.reference-pair:has(.pan-role){gap:8px}.pan-role{font-size:7px}dialog{width:90%;max-height:82svh;padding:29px 20px;border-radius:24px 9px 24px 9px}dialog h2,#rubric-dialog h2{font-size:33px}.guide-tabs button{padding:9px 11px;font-size:10px}.matrix-main,.reference-main{margin:20px 5% 35px}.matrix-heading h1,.reference-heading h1{font-size:clamp(46px,12vw,75px);line-height:.97}.matrix-tools{top:70px;padding:12px;gap:10px;border-radius:18px}.matrix-tools .tier-filters{gap:5px}.tier-filters button{padding:9px 11px;font-size:9px;min-height:36px}.matrix-tools label{width:100%}.matrix-tools select{font-size:11px;min-width:150px}.matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.matrix-art{aspect-ratio:2.5;min-height:63px;height:auto}.matrix-card-body{padding:12px}.matrix-card h2{font-size:16px;min-height:39px}.matrix-status{font-size:8px}.matrix-meta{font-size:8px}.matrix-art .pan{width:35px;height:35px}.reference-grid{grid-template-columns:1fr;gap:18px}.reference-heading>p:last-child{font-size:11px}.review-set select{max-width:235px}.comparison-pans .review-ref>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.selection-flow{display:none}}
#story-title .story-shade{font:inherit;color:inherit;vertical-align:baseline;margin:0}.historical-label{margin:20px 0 7px;font-size:17px;color:var(--blue)}
@media(min-width:801px){#eye-art{max-height:38svh}.palette{padding-top:17px}.palette .shade-grid{gap:9px 8px}.shade-button .pan{width:38px;height:38px}.palette-heading>p:last-child{margin-bottom:14px}.palette-note{font-size:8px}}
@media(min-width:801px) and (max-height:850px){#eye-art{max-height:34svh}.palette .shade-grid{gap:6px}.shade-button .pan{width:33px;height:33px}}
body::before{background:radial-gradient(ellipse at 94% 20%,#773cad50,transparent 47%),radial-gradient(ellipse at 1% 85%,#086f9160,transparent 48%),linear-gradient(130deg,#09091e 15%,#211045 60%,#072836);opacity:1}
/* Pause never strands a functional panel at an animation's transparent first frame. */
.paused *{animation:none!important;transition:none!important}
/* The local liquid field is always behind opaque photographic evidence. */
#liquid-field{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:.95}
body::before{z-index:-3;background:radial-gradient(ellipse at 94% 20%,var(--atmosphere-b,#773cad50),transparent 47%),radial-gradient(ellipse at 1% 85%,var(--atmosphere-a,#086f9160),transparent 48%),radial-gradient(ellipse at 45% 95%,var(--atmosphere-c,#39b8df30),transparent 50%),#080818}
.studio-utilities{position:absolute;right:0;top:-3px;display:flex;gap:8px;align-items:center}.studio-utilities button{font-size:10px;min-height:33px;padding:8px 13px;border:1px solid var(--line);border-radius:28px}.studio-utilities #surprise{background:#d5b5ff;color:#1d1134;transform:rotate(-3deg);border-radius:21px 8px 21px 8px;font-weight:700;box-shadow:3px 3px 0 #523386}.studio-utilities #surprise span{margin-left:9px}.studio-utilities #surprise:hover{background:#9aeaff;transform:rotate(2deg)}.studio-utilities #replay-intro{color:var(--muted);font-size:9px;border-color:transparent;padding-inline:8px}.studio-utilities button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.fashion-intro{position:fixed;top:0;left:0;right:0;z-index:20;pointer-events:none;opacity:0;visibility:hidden;background:#c9b0f7;color:#140c27;padding:26px 3.5%;font:900 clamp(23px,3vw,46px)/1 'Arial Narrow',Arial,sans-serif;letter-spacing:-.055em;text-transform:uppercase;box-shadow:0 14px 60px #3d19673b}.fashion-intro em{font:italic 1.14em Georgia;color:#32235c;text-transform:none}.fashion-intro i{font-style:normal;position:absolute;right:5%;top:22px;font-size:45px;color:#3b2675}.fashion-intro.playing{visibility:visible;animation:fashion-flourish .8s cubic-bezier(.16,.7,.3,1) both}
@keyframes fashion-flourish{0%{opacity:0;transform:translateY(-35%) skewX(-8deg)}25%{opacity:1;transform:translateY(0) skewX(-3deg)}70%{opacity:1;transform:translateY(0) skewX(0)}100%{opacity:0;transform:translateY(-15%);visibility:hidden}}
.paused .fashion-intro,.paused .fashion-intro.playing{opacity:0;visibility:hidden;animation:none!important}
@media(max-width:1100px){.studio-utilities{position:static;margin:2px 0 12px;justify-content:flex-end}.studio-intro{margin-bottom:0}}
@media(max-width:800px){.studio-utilities{justify-content:space-between;margin:8px 0 15px}.studio-utilities button{min-height:36px}.fashion-intro{padding:22px 5%;font-size:27px;line-height:1.05}.fashion-intro span:first-child{display:block}.fashion-intro i{font-size:33px;top:18px}.fashion-intro em{font-size:.98em}.studio-intro{font-size:10px}}
@media(prefers-reduced-motion:reduce){.fashion-intro,.fashion-intro.playing{display:none}}
/* Readability overrides. A useful page may scroll; its labels must be legible. */
body{font-size:16px}.masthead{height:92px}.brand small{font-size:12px;max-width:280px;line-height:1.4}.masthead nav button,.masthead nav a,#motion{font-size:14px;padding:13px 18px;min-height:44px}.collection-bar{height:76px;gap:24px}.collection-bar label{font-size:14px}.collection-bar select,select{font-size:14px;padding:12px 16px}.look-modes button{font-size:14px;min-height:44px;padding:11px 21px}.batch-link{font-size:14px}.studio{grid-template-columns:300px minmax(0,1fr);gap:40px;padding-top:14px}.palette{padding:24px 20px}.palette-heading h2{font-size:39px}.palette-heading .eyebrow,.eyebrow,.story-heading .eyebrow{font-size:14px;letter-spacing:.1em}.palette-heading>p:last-child{font-size:13px;line-height:1.5;margin-bottom:20px}.palette .shade-grid{gap:16px 7px}.shade-button .pan{width:49px;height:49px}.shade-button span{font-size:13px;line-height:1.35;overflow-wrap:anywhere;min-height:35px;margin-top:9px}.shade-button{padding:7px 1px}.palette .reference-link,.reference-link{font-size:14px;line-height:1.5;padding:17px 0}.palette-note{font-size:14px;line-height:1.5}.studio-intro{font-size:14px;line-height:1.5;max-width:calc(100% - 285px);margin-bottom:16px}.studio-intro button{font-size:14px;margin-left:5px}.studio-utilities button,.studio-utilities #replay-intro{font-size:14px;min-height:44px;padding:11px 16px}.studio-utilities{gap:10px;top:0}.tier-badge p{font-size:14px;letter-spacing:0;line-height:1.4}.tier-badge small:empty{display:none}.tier-badge>span{font-size:64px}.tier-badge{padding:17px 19px}.visual-caption{font-size:13px;line-height:1.55;padding:14px 18px;letter-spacing:.025em}#eye-status{display:none}.story-info{padding:24px 0;align-items:flex-start}.story-info h3{font-size:34px}.story-info p{font-size:16px;line-height:1.6}.story-info button{font-size:14px;min-height:46px;padding:13px 20px;line-height:1.4}.tray-heading p,.tray-heading button{font-size:14px;line-height:1.5}.tray-heading{margin-bottom:16px}.suggestions{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.pair-suggestion{min-height:82px;padding:15px 12px;gap:12px}.pair-suggestion .pan{width:43px;height:43px}.pair-suggestion strong{font-size:16px;line-height:1.3}.pair-suggestion small{font-size:14px;line-height:1.4;margin-top:5px}.pair-suggestion:nth-child(n+4){display:flex}.tier-key{gap:26px;flex-wrap:wrap;margin-top:23px;padding-top:18px}.tier-key b{font-size:36px}.tier-key span{font-size:16px;color:#e4daee}.tier-key button{min-height:48px;gap:10px;padding:6px 4px}.tier-key button:hover span,.tier-key button:focus-visible span{color:white}footer{font-size:14px;line-height:1.5;min-height:60px;height:auto;gap:20px;padding:15px 0;letter-spacing:.04em}.stage-message,.pan-role{font-size:14px}.reference-pair .pair-name{font-size:21px}.reference-pair .pan{width:130px;height:130px}
dialog p.intro,dialog .note,.reason-text,.tier-explanations p,.rubric-criteria p{font-size:16px;line-height:1.65}.guide-tabs button,.tier-filters button{font-size:14px;min-height:44px;padding:12px 17px}.how-to{font-size:16px;gap:20px}.rubric-details summary{font-size:16px;line-height:1.5}.rubric-criteria h3{font-size:25px}.tier-explanations h3{font-size:25px}.historical-label{font-size:21px}.look-card strong{font-size:16px}.look-card small{font-size:14px}.result-count,.index-tools label,.empty-copy,.triple-empty{font-size:16px}.source-images figcaption{font-size:14px}.dialog-close{width:44px;height:44px;font-size:28px}.matrix-heading p,.reference-heading>p:last-child{font-size:16px;line-height:1.65}.matrix-count,.review-notice,.reference-end,.review-set,.review-set select{font-size:16px;line-height:1.6}.matrix-tools{top:92px;padding:18px}.matrix-tools label{font-size:14px}.matrix-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.matrix-card-body{padding:18px}.matrix-card h2{font-size:24px;min-height:58px}.matrix-meta{font-size:14px;gap:12px;flex-wrap:wrap}.matrix-meta b{font-size:32px}.matrix-status{display:none}.reference-title h2{font-size:23px}.reference-tier,.reference-number{font-size:14px}.reference-body{padding:20px}.review-ref>span{font-size:16px}.review-ref>small{font-size:13px}.review-status,.review-qa,.reference-action{font-size:14px;line-height:1.6}.review-refs{flex-wrap:wrap}.review-set select{min-width:280px}.reference-title{flex-wrap:wrap}.comparison-pans .review-ref>span{font-size:18px}.comparison-pans .review-ref>small{font-size:14px}.reference-heading{gap:28px}
/* Prominent cool nebula, with bright effect layers outside the protected photo rectangles. */
body::before{background:linear-gradient(160deg,#06051cc0,#07162770),radial-gradient(ellipse at 90% 10%,var(--atmosphere-b,#773cad50),transparent 55%),radial-gradient(ellipse at 1% 90%,var(--atmosphere-a,#086f9160),transparent 55%),radial-gradient(ellipse at 60% 80%,#07878e50,transparent 50%),#08051c}#cosmos{opacity:1}#glitter-effects{position:fixed;inset:0;width:100%;height:100%;z-index:14;pointer-events:none}
button,a,select,.matrix-card,.reference-card{transition:box-shadow .28s ease,border-color .28s ease,background-color .28s ease,transform .28s ease}button:hover:not(:disabled),button:focus-visible,a:hover,a:focus-visible,select:focus-visible,.reference-card:focus-within{box-shadow:0 0 0 1px #d5b7ff,0 0 18px #c980ffa0,0 0 43px #6d42e177,0 0 65px #14d6ed33;border-color:#d6b7ff;text-shadow:0 0 12px #c1b0ff8f}.matrix-card:hover,.matrix-card:focus-visible,.reference-card:hover{box-shadow:0 0 0 1px #bb97ff,0 0 26px #8150d1a0,0 0 58px #0cd0dc50;border-color:#b6f5ff}.shade-button:hover,.shade-button:focus-visible{background:#6a38b43d;box-shadow:0 0 25px #9c50ee88,0 0 45px #31c5dc35}.shade-button:hover .pan,.shade-button:focus-visible .pan{box-shadow:0 0 0 2px #ead9ff,0 0 16px #bd8cf5b0}.visual-stage,.matrix-art,.reference-image-button,.pan,.source-images img,.draft-image{filter:none;mix-blend-mode:normal;opacity:1}.paused #glitter-effects{display:none}
@media(min-width:1700px){.studio{grid-template-columns:320px minmax(0,1fr)}.suggestions{grid-template-columns:repeat(5,minmax(0,1fr))}.matrix-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1200px) and (min-width:801px){.studio{grid-template-columns:265px minmax(0,1fr);gap:28px}.studio-intro{max-width:100%}.studio-utilities{position:static;margin-bottom:20px}.palette{padding:20px 16px}.shade-button span{font-size:12px}.palette-heading h2{font-size:34px}.suggestions{grid-template-columns:repeat(2,minmax(0,1fr))}.story-info{flex-wrap:wrap}.story-info>div{flex-basis:100%}.tier-badge p{display:none}.tier-key{gap:20px}.matrix-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.matrix-card h2{font-size:20px}}
@media(max-width:800px){.masthead{height:82px}.masthead nav button,.masthead nav a,#motion{font-size:13px;padding:11px 12px;min-height:44px}.brand{font-size:28px}.collection-bar{height:82px;gap:10px}.collection-bar label{font-size:0}.collection-bar select{font-size:13px;padding:11px 12px}.look-modes button{font-size:13px;padding:10px 11px;min-height:42px}.studio{display:block;padding-top:10px}.studio-intro{font-size:14px;max-width:100%;margin-bottom:10px}.studio-intro button{font-size:14px}.studio-utilities{position:static;justify-content:space-between;margin:5px 0 22px}.studio-utilities button,.studio-utilities #replay-intro{font-size:14px;padding:11px 13px}.story-heading .eyebrow{font-size:13px}.story-heading{margin-bottom:22px}.tier-badge>span{font-size:48px}.tier-badge{padding:15px 13px}.tier-badge p{display:none}.mobile-palette{font-size:15px;min-height:48px;margin-bottom:20px}.visual-caption{font-size:13px;padding:13px;line-height:1.5}.story-info{padding:22px 0;gap:15px}.story-info h3{font-size:30px}.story-info p{font-size:16px;line-height:1.6}.story-info button{font-size:14px;min-height:46px}.tray-heading p,.tray-heading button{font-size:14px}.tray-heading{align-items:start;gap:15px}.suggestions{display:flex;gap:12px;padding-bottom:15px}.pair-suggestion{min-width:195px;max-width:260px;padding:15px;min-height:84px}.pair-suggestion strong{font-size:16px}.pair-suggestion small{font-size:14px}.pair-suggestion .pan{width:43px;height:43px}.tier-key{display:grid;grid-template-columns:1fr 1fr;gap:12px 15px;padding:17px 0 5px}.tier-key b{font-size:34px}.tier-key span{font-size:16px}.tier-key button{min-height:50px}.palette-dialog .shade-button span,#mobile-shades .shade-button span{font-size:13px}.shade-grid{gap:17px 10px}.shade-button .pan{width:49px;height:49px}.reference-pair .pan{width:69px;height:69px}.reference-pair .pair-name{font-size:15px}.reference-pair .pan-role{font-size:13px}.reference-pair:has(.pan-role) .pan{width:52px;height:52px}.stage-message{font-size:13px;position:static;padding:10px;background:#10101b}.visual-stage:has(.reference-pair) #eye-art{height:auto;aspect-ratio:auto;min-height:200px;overflow:visible}.reference-pair{min-height:180px;padding:20px 10px;align-items:center}.matrix-tools{top:82px;padding:13px}.matrix-grid{grid-template-columns:1fr 1fr;gap:14px}.matrix-card-body{padding:13px}.matrix-card h2{font-size:18px;min-height:50px}.matrix-meta{font-size:13px;gap:6px}.matrix-meta b{font-size:29px}.matrix-heading p,.reference-heading>p:last-child{font-size:16px}.matrix-count,.review-notice{font-size:14px}.reference-title h2{font-size:22px}.reference-tier{font-size:14px}.review-qa,.review-status,.reference-action{font-size:14px}.review-set{display:block;font-size:14px}.review-set select{min-width:0;max-width:100%;width:100%;margin-top:8px;font-size:14px}.guide-tabs{flex-wrap:wrap}.guide-tabs button{font-size:14px}.tier-explanations p,dialog p.intro,dialog .note,.reason-text,.rubric-criteria p{font-size:16px}.how-to{font-size:16px}.source-images figcaption{font-size:14px}.reference-title{gap:10px}.comparison-pans .review-ref>span{font-size:16px}footer{font-size:13px;flex-wrap:wrap;gap:10px;padding:17px 0}.tier-filters button{font-size:13px}.matrix-tools label{font-size:14px}}
@media(prefers-reduced-motion:reduce){#glitter-effects{display:none}button:hover:not(:disabled),button:focus-visible,a:hover,a:focus-visible,.matrix-card:hover,.matrix-card:focus-visible{transition:none;box-shadow:0 0 0 2px #b5ecff,0 0 24px #9d5eee88}}
.studio-utilities #surprise:hover,.studio-utilities #surprise:focus-visible,.pair-suggestion:hover,.pair-suggestion:focus-visible,.look-card:hover,.look-card:focus-visible,.masthead nav button:hover,.masthead nav button:focus-visible{box-shadow:0 0 0 2px #e3caff,0 0 24px #b974f8c0,0 0 65px #7430d690,0 0 110px #17c6d951;border-color:#effaff}
@media(min-width:1201px){.studio{grid-template-columns:330px minmax(0,1fr)}}
/* The selected tier is a primary jewel, distinct from the small navigation key. */
.tier-badge{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;width:158px;min-height:164px;padding:18px 16px;gap:10px;transform:rotate(4deg);position:relative;border:2px solid var(--tier,var(--violet));background:linear-gradient(140deg,#321950,#141126);box-shadow:0 0 22px #9862cf60,0 0 50px #5b348d35,inset 0 1px 0 #ffffff80}.tier-badge>span{font:italic 96px/.85 Georgia;color:var(--tier,var(--violet));text-shadow:0 0 18px currentColor}.tier-badge p{display:block;font-size:21px;font-weight:700;letter-spacing:0;line-height:1.1;text-align:center;color:#fcf6ff}.tier-badge small{display:none}.tier-badge::after{content:'✦';position:absolute;right:5px;top:2px;font-size:21px;color:#effaff;text-shadow:0 0 12px var(--tier)}.tier-badge[data-tier-color=S]{border-radius:50% 50% 33% 33%;background:linear-gradient(135deg,#623278,#261235 67%,#422046);box-shadow:0 0 26px #c879ee85,0 0 70px #af36e935,inset 0 1px 0 #ffefff90}.tier-badge[data-tier-color=A]{border-radius:22% 48% 22% 48%;background:linear-gradient(140deg,#15505e,#0b2638 65%,#143b66);transform:rotate(-4deg);box-shadow:0 0 28px #54d5f075,0 0 65px #19cbd338,inset 0 1px 0 #dfffff90}.tier-badge[data-tier-color=B]{border-radius:30px 9px 30px 9px;background:linear-gradient(135deg,#574024,#2c1d32 70%,#392341);box-shadow:0 0 25px #efbd6675,0 0 65px #ce866632,inset 0 1px 0 #fff4d490}.tier-badge[data-tier-color=C]{border-radius:19px;background:linear-gradient(135deg,#393653,#141328 70%,#25273b);transform:rotate(-2deg);box-shadow:0 0 24px #aea4d365,0 0 60px #7971b638,inset 0 1px 0 #f2ecff90}.story-heading{align-items:center;gap:24px}.matrix-meta>span:first-child{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--tier);border-radius:24px 8px 24px 8px;background:#101022;font-size:18px;color:var(--tier);box-shadow:0 0 18px #b298ed22}.matrix-meta b{font:italic 46px/.95 Georgia;margin:0;text-shadow:0 0 11px currentColor}.matrix-card[data-tier-color=A] .matrix-meta>span:first-child{border-radius:10px 24px 10px 24px}.matrix-card[data-tier-color=B] .matrix-meta>span:first-child{border-radius:14px 4px 14px 4px}.matrix-card[data-tier-color=C] .matrix-meta>span:first-child{border-radius:8px}
@media(max-width:800px){.story-heading{gap:16px;align-items:center}.tier-badge{width:112px;min-height:139px;gap:10px;padding:17px 10px}.tier-badge>span{font-size:78px}.tier-badge p{display:block;font-size:18px;line-height:1.15}.tier-badge::after{font-size:17px;right:3px}.story-heading>div:first-child{min-width:0}#story-title{font-size:clamp(33px,8.6vw,49px)}.matrix-meta>span:first-child{font-size:15px;width:100%;padding:10px;gap:8px}.matrix-meta b{font-size:40px}.matrix-meta>span:last-child{font-size:14px}}
.brand small,.palette-heading>p:last-child{font-size:14px}.brand small{max-width:320px}.review-ref>small{font-size:14px}
@media(max-width:800px){.masthead nav button,.masthead nav a,#motion,.collection-bar select,.look-modes button,.story-heading .eyebrow,.matrix-count,.review-notice,.matrix-meta,.tier-filters button{font-size:14px}.masthead nav button,.masthead nav a,#motion{padding-inline:11px}.collection-bar select{padding-inline:10px}.look-modes button{padding-inline:10px}}
footer{font-size:14px}
/* Mobile category names retain their 18px size, with space inside the jewel. */
@media(max-width:800px){.tier-badge{width:136px;min-width:136px;padding-inline:8px}.story-heading{gap:12px}.tier-badge p{max-width:100%}}
/* Ink first, concentrated nebula second. Large quiet regions preserve contrast. */
:root{--bg:#03050e}body{background:#03050e}body::before{background:radial-gradient(ellipse at 89% 16%,#43256965,transparent 32%),radial-gradient(ellipse at 10% 85%,#06455365,transparent 30%),radial-gradient(ellipse at 65% 95%,#19134345,transparent 24%),#03050e}
.tier-badge[data-tier-color=S]{width:190px;min-height:188px;padding:37px 15px 40px;gap:7px;transform:none;border:0;border-radius:0;background:none;box-shadow:none;isolation:isolate}.tier-badge[data-tier-color=S]::before{content:'';position:absolute;inset:-10px -13px;z-index:-1;background:center/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x2='.8' y2='1'%3E%3Cstop stop-color='%236b328b'/%3E%3Cstop offset='1' stop-color='%231e102e'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 2 61 34 96 35 69 57 79 93 50 72 21 93 31 57 4 35 39 34Z' fill='url(%23g)' stroke='%23e3b6ff' stroke-width='1.1'/%3E%3C/svg%3E");filter:drop-shadow(0 0 12px #b66fe6a0) drop-shadow(0 0 28px #7d34ca70)}.tier-badge[data-tier-color=S]>span{font-size:88px}.tier-badge[data-tier-color=S] p{font-size:21px}.tier-badge[data-tier-color=S]::after{right:10px;top:24px}
@media(max-width:800px){.tier-badge[data-tier-color=S]{width:136px;min-width:136px;min-height:166px;padding:32px 7px 40px;gap:6px}.tier-badge[data-tier-color=S]::before{inset:-5px -17px}.tier-badge[data-tier-color=S]>span{font-size:74px}.tier-badge[data-tier-color=S] p{font-size:18px}}
/* Full cinematic intro, native dialog supplies keyboard confinement and return focus. */
.fashion-intro:not([open]){display:none}.fashion-intro[open]{display:block;position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;overflow:hidden;transform:none;animation:none;font:inherit}.fashion-intro::backdrop{background:transparent;backdrop-filter:none}.intro-scene{position:absolute;inset:0;background:#02020a;transform-origin:center;overflow:hidden}.intro-scene canvas{position:absolute;inset:0;width:100%;height:100%}.intro-title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:35px;text-align:center;color:white;opacity:0;transform:translateY(45px) scale(.84);filter:blur(10px);text-shadow:0 0 35px #7b39c675,0 0 95px #142ce844}.intro-kicker{font:600 clamp(21px,3.2vw,48px)/1.1 Arial,sans-serif;letter-spacing:.25em;text-transform:uppercase;margin-bottom:15px}.intro-glitter{font:italic clamp(83px,14vw,210px)/.84 Georgia,serif;letter-spacing:-.075em;color:#eee4ff;text-shadow:0 0 28px #d38cfbbb,0 0 70px #ab5bd969}.intro-gradient{font:900 clamp(55px,11vw,168px)/.96 'Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:-.06em;color:#f8f3ff}.intro-index{font:700 clamp(25px,4vw,58px)/1.1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.35em;color:#99f6ff;margin-top:19px;transform:rotate(-4deg)}.intro-index span{display:inline-block;font-size:1.5em;vertical-align:middle;letter-spacing:0}.intro-skip{position:absolute;right:30px;top:28px;z-index:4;border:1px solid #a9b5e960;border-radius:30px;padding:13px 20px;background:#101021dc;font-size:14px;color:#ede9ff;min-height:44px}.intro-skip:focus-visible{outline:2px solid #99f6ff;outline-offset:5px}.paused .fashion-intro[open]{opacity:1;visibility:visible}.intro-running{overflow:hidden}
@media(max-width:800px){.intro-title{padding:25px 15px}.intro-kicker{font-size:22px;letter-spacing:.12em}.intro-glitter{font-size:clamp(78px,23vw,150px)}.intro-gradient{font-size:clamp(50px,14.5vw,95px)}.intro-index{font-size:27px;margin-top:17px;letter-spacing:.3em}.intro-skip{right:20px;top:20px}}
@media(prefers-reduced-motion:reduce){.fashion-intro[open]{display:none}}
.shade-story-tooltip{position:fixed;width:290px;max-width:calc(100vw - 24px);z-index:30;padding:19px 20px;border:1px solid #b297e89c;border-radius:23px 7px 23px 7px;background:#15112cf7;color:#eee7f7;box-shadow:0 15px 50px #000a,0 0 27px #653e9540;pointer-events:none;text-align:left}.shade-story-tooltip strong{display:block;font:700 20px/1.25 Georgia,serif;color:#b8eeff;margin-bottom:8px}.shade-story-tooltip p{font:15px/1.55 Arial,sans-serif}.shade-story-tooltip small{display:block;font:13px/1.4 Arial,sans-serif;color:#b9aec8;margin-top:10px}.intro-glitter{background:linear-gradient(110deg,#bc97f6 8%,#fff 32%,#baf4ff 51%,#fff 70%,#d5b1ff);background-clip:text;-webkit-background-clip:text;color:transparent}.intro-gradient{text-shadow:0 2px 0 #bb9fd4,0 0 45px #9a57d277,0 0 100px #2c40d777}
/* Evidence photographs stay fully opaque during selection as well as at rest. */
.colour-story.changing #eye-art{animation:none}
@media(max-width:800px){#mobile-shades{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Mobile star tips stay in the viewport throughout arrival, without horizontal skew. */
@keyframes mobile-fashion-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:800px){.story-heading{animation-name:mobile-fashion-arrive}}
@media(max-width:360px){.tier-badge[data-tier-color=S]::before{inset:-5px -14px}.masthead nav{gap:4px}.masthead nav a,.masthead nav button,#motion{padding-inline:8px;white-space:nowrap}#motion{letter-spacing:0}}
@media(max-width:800px){.story-heading.long-title{display:grid;grid-template-columns:minmax(0,1fr) 136px;gap:8px 12px}.story-heading.long-title>div:first-child{display:contents}.story-heading.long-title .eyebrow{grid-column:1;grid-row:1}.story-heading.long-title .tier-badge{grid-column:2;grid-row:1}.story-heading.long-title #story-title{grid-column:1/-1;grid-row:2;font-size:clamp(29px,8vw,44px);overflow-wrap:normal;word-break:normal}.story-heading.long-title .story-shade{white-space:nowrap}}

/* Clear product identity remains readable with motion off. Original photos stay unfiltered. */
.palette-identity{position:relative;z-index:2;display:flex;align-items:center;gap:18px;max-width:1440px;margin:14px auto 0;padding:14px 28px;border-top:1px solid #79609d66;border-bottom:1px solid #79609d66;background:#100d20e8;color:var(--paper,#f5edff)}
.palette-identity-photo{width:76px;height:76px;object-fit:contain;background:#fff;flex:none;border-radius:5px}
.palette-identity-copy{display:grid;gap:4px;min-width:0}.palette-identity-copy small{font:600 10px/1.4 sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#bcadd6}.palette-identity-copy strong{font:600 clamp(20px,2.6vw,30px)/1.15 Georgia,serif}.palette-identity-copy>span{font:12px/1.4 sans-serif;color:#ccbfdf}
.palette-finish{margin-left:auto;white-space:nowrap;border:1px solid #a688da88;border-radius:30px;padding:10px 15px;font:600 11px/1 sans-serif;letter-spacing:1px;text-transform:uppercase}.palette-finish:before{content:'✦';color:#bc9cff;margin-right:8px}
:root[data-palette="product-002"] .palette-identity{border-color:#45d9e18c;background:linear-gradient(100deg,#102039ed,#230d29ed)}
:root[data-palette="product-002"] .palette-finish{border-color:#54dce8;color:#f7d9f6}:root[data-palette="product-002"] .palette-finish:before{content:'◆';color:#60e7e2}
:root[data-palette="product-002"] .collection-bar{border-bottom-color:#65dfe28c}
:root[data-palette="product-002"] .palette-heading .eyebrow{color:#6de7e5}
@media(max-width:800px){.palette-identity{margin:8px 18px 0;padding:12px 0;gap:12px;flex-wrap:wrap}.palette-identity-photo{width:56px;height:56px}.palette-identity-copy{flex:1}.palette-identity-copy strong{font-size:22px}.palette-identity-copy small{font-size:9px;letter-spacing:1px}.palette-identity-copy>span{font-size:11px}.palette-finish{margin-left:68px;padding:7px 11px;font-size:9px;margin-top:-4px}}
@media(max-width:360px){.palette-identity{margin-inline:14px}.palette-identity-copy strong{font-size:20px}}
@media(max-width:800px){.palette-identity{display:grid;grid-template-columns:56px minmax(0,1fr)}.palette-finish{grid-column:2;justify-self:start;margin:0}.palette-identity-copy{width:100%}.palette-identity-photo{grid-row:1 / 3}.palette-identity-copy small{white-space:normal}}

/* Freeze occluded decoration and pre-composite the unchanged intro layers. */
.intro-occluding body > :not(.fashion-intro),.intro-occluding body > :not(.fashion-intro) *{animation-play-state:paused!important}
.fashion-intro[open] .intro-title{will-change:transform,opacity,filter}
.fashion-intro[open] .intro-scene{will-change:transform,opacity}