/* SHEVLIK visual system v2: self-hosted editorial typography, two full themes. */
:root{--serif:'Bodoni Moda',Georgia,serif;--sans:'Manrope',Arial,sans-serif;--paper:#f7f7f4;--surface:#fff;--soft:#eceeec;--ink:#20272b;--muted:#626a70;--line:#d6dbdd;--blue:#294f9c;--navy:#14202e;--silver:#edf0f2;--accent:#c0a67d;--pad:clamp(22px,5.3vw,100px);color-scheme:light}
:root[data-theme=dark]{--paper:#15191d;--surface:#20262c;--soft:#242b32;--ink:#eceeea;--muted:#b0b8bf;--line:#3a434c;--blue:#aec6f2;--navy:#090e15;--silver:#242c34;--accent:#d3bb95;color-scheme:dark}
html{font-size:16px}body{font-family:var(--sans);font-size:1rem;line-height:1.7;background:var(--paper);color:var(--ink)}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.12;font-optical-sizing:auto}h3{font-family:var(--sans)}em{color:var(--blue)}a,button,input,select,summary{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:5px}::selection{background:#476dab;color:#fff}.caption{font-size:.8125rem}.eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:600}.lead{font-size:1.0625rem;line-height:1.8}.muted{color:var(--muted)}.announcement{font-size:.75rem;letter-spacing:.12em;padding:9px 18px}.site-header{padding-block:24px;gap:20px}.brand strong{font-family:var(--sans);font-size:28px;font-weight:500;letter-spacing:.11em}.brand small{font-size:9px;letter-spacing:.19em}.header-controls{display:flex;gap:12px;align-items:center;order:3}.theme-toggle{border:0;background:none;padding:9px 5px;display:flex;align-items:center;gap:8px;min-height:44px}.theme-toggle span{font-size:.75rem}.theme-icon{fill:none;stroke:currentColor;stroke-width:1.35}.system-theme{border:0;padding:0;background:none;text-decoration:underline;font-size:.75rem;color:var(--muted)}.nav{margin-left:auto;gap:25px}.nav a{font-size:.8125rem}.nav .nav-cta{background:var(--ink);color:var(--paper);padding:12px 20px}.btn{font-family:var(--sans);font-size:.8125rem;font-weight:600;letter-spacing:.025em;min-height:50px;padding:14px 24px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);transition:background .25s,color .25s,transform .25s}.btn:hover{background:var(--blue);border-color:var(--blue);color:var(--paper);transform:translateY(-2px)}.btn.secondary{border-color:var(--line);color:var(--ink);background:transparent}.btn.secondary:hover{background:var(--soft)}.btn.light{color:#172536;background:#f5f6f4;border-color:#f5f6f4}.text-link{font-size:.875rem;line-height:1.8;font-weight:500}.menu-toggle{font-size:.875rem;color:var(--ink);border-color:var(--line)}.footer-bottom{font-size:.75rem;align-items:start}.footer-links{font-size:.8125rem}.premium-hero{position:relative;display:grid;grid-template-columns:1.07fr 1fr;min-height:660px;border-bottom:1px solid var(--line)}.premium-copy{padding:74px 5vw 60px var(--pad);align-self:center;position:relative;z-index:1}.premium-copy>.eyebrow{color:var(--muted);margin-bottom:32px}.premium-copy h1{font-size:clamp(66px,6.9vw,112px);line-height:1.06;letter-spacing:-.047em;margin-bottom:26px;max-width:730px}.premium-copy h1 em{white-space:nowrap}.hero-description{font-size:1.0625rem;line-height:1.85;max-width:360px;color:var(--muted)}.premium-copy .actions{margin-top:32px;gap:25px}.hero-status{font-size:.7rem;letter-spacing:.13em;margin-top:58px;color:var(--muted)}.hero-status span{margin:0 9px}.premium-photo{position:relative;overflow:hidden;background:#dbe0e7}.premium-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 43%}.premium-photo figcaption{position:absolute;bottom:22px;left:25px;right:25px;background:#f7f7f0e8;backdrop-filter:blur(10px);color:#20272b;padding:17px 21px;display:flex;align-items:center;justify-content:space-between;gap:20px}.premium-photo figcaption span{font-size:.65rem;letter-spacing:.11em}.premium-photo figcaption a{font-size:.8125rem;text-decoration:none}.hero-edition{position:absolute;bottom:24px;left:calc(51.7% - 60px);font:14px var(--serif);color:var(--muted);writing-mode:vertical-rl}.brand-ribbon{display:flex;justify-content:space-between;gap:20px;padding:23px var(--pad);border-bottom:1px solid var(--line)}.brand-ribbon p{font-size:.75rem;letter-spacing:.035em;color:var(--muted)}.premium-edit .section-head{margin-bottom:40px}.premium-edit h2{font-size:clamp(42px,4.5vw,68px)}.section-head .text-link{display:inline-block;margin-top:20px}.shade-image{background:#e2e6e8}.shade-image img{transition:transform .8s cubic-bezier(.2,.7,.25,1)}.shade-info{margin-top:17px}.shade-info h3{font-size:1rem;line-height:1.5;font-weight:500}.shade-info a{text-decoration:none}.shade-number{font-size:.75rem}.compare-toggle{font-size:.8125rem;min-height:44px}.signature-story{display:grid;grid-template-columns:1fr 1fr;margin:20px var(--pad) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.signature-story figure{background:#e5eaf0;max-height:750px;overflow:hidden}.signature-story figure img{width:100%;height:100%;object-fit:cover}.signature-copy{padding:65px clamp(30px,5vw,85px);align-self:center}.signature-copy h2{font-size:clamp(50px,4.8vw,75px);margin:27px 0}.signature-copy p{font-size:1rem}.signature-copy p+p{margin-top:17px}.signature-copy .btn{margin-top:30px}.spectrum-editorial{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center}.spectrum-editorial h2{margin-top:22px;font-size:clamp(43px,4.5vw,68px)}.spectrum-editorial .text-link{display:inline-block;margin-top:25px}.editorial-spectrum{grid-column:1/-1;display:flex;height:130px;text-decoration:none;overflow:hidden}.editorial-spectrum span{flex:1;transition:flex .6s ease,filter .6s ease;background:#c7a796}.editorial-spectrum span:nth-child(2){background:#bc959c}.editorial-spectrum span:nth-child(3){background:#a47283}.editorial-spectrum span:nth-child(4){background:#a895b8}.editorial-spectrum span:nth-child(5){background:#8d9985}.editorial-spectrum span:nth-child(6){background:#758596}.editorial-spectrum span:nth-child(7){background:#374d65}.editorial-spectrum span:nth-child(8){background:#172b43}.editorial-spectrum span:hover{flex:1.5;filter:brightness(1.05)}.premium-closing{text-align:center;padding:65px var(--pad) 100px;border-block:1px solid var(--line)}.premium-closing h2{font-size:clamp(52px,7.5vw,112px);margin:34px 0;line-height:1.12}.premium-closing>p:not(.eyebrow){color:var(--muted);margin:auto}.premium-closing .btn{margin-top:28px}.section{padding-block:88px}.brand-note h2{line-height:1.25}.page-intro h1{font-size:clamp(52px,6vw,86px)}.story-copy h1{font-size:clamp(58px,6vw,94px)}.product-copy h2{font-size:50px}.page-intro,.story-copy{color:var(--ink)}.fine-print,.studio-teaser,.teaser-spectrum{background:var(--soft)}.image-label{color:#20272b}.launch-banner{background:var(--navy);color:#f4f5f4}.launch-banner h2{font-family:var(--serif)}.launch-banner .eyebrow{color:#b3c0d0}.value p{font-size:1rem}.studio-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:45px var(--pad) 34px}.studio-intro h1{font-size:64px;max-width:none}.studio-intro .eyebrow{margin-bottom:14px}.studio-intro>p{font-size:.9375rem;max-width:370px}.color-finder{margin:0 var(--pad) 34px;border:1px solid var(--line);background:var(--surface)}.color-finder>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:18px 24px;cursor:pointer;font-size:.9375rem}.color-finder>summary::-webkit-details-marker{display:none}.finder-caption{display:flex;align-items:center;gap:20px}.finder-caption small{display:block;color:var(--muted);font-size:.75rem;margin-top:2px}.mini-spectrum{width:90px;height:25px;background:linear-gradient(90deg,#c7788f,#ad8aaf,#a1abb5,#8a9f81,#ccb680);display:block}.finder-symbol{font-size:24px;font-weight:400}.color-finder[open] .finder-symbol{transform:rotate(45deg)}.color-finder .studio-shell{margin:0;border:0;border-top:1px solid var(--line);background:var(--surface)}.picker-panel{background:var(--surface)}.results-panel{background:var(--soft)}.results-panel>.step-label{margin-bottom:22px}.step-label{font-family:var(--sans);font-size:.8125rem;letter-spacing:.09em;font-weight:600}.match{background:var(--paper);border-color:var(--line);text-decoration:none}.match:first-child{background:var(--surface)}.match-rank{font-size:.7rem}.match .caption{font-size:.75rem}.match-name{font-size:1rem}.range-label{font-size:.8125rem}.value-fields label{font-size:.75rem}.value-fields input{background:var(--paper);color:var(--ink);border-color:var(--line)}.reset-btn{color:var(--muted);font-size:.8125rem;min-height:40px}.chosen-color p{font-size:.75rem}.catalog-workspace{padding:0 var(--pad) 90px}.catalog-topbar{display:flex;align-items:center;gap:25px;padding-bottom:24px;border-bottom:1px solid var(--line)}.catalog-search{flex:1}.catalog-search input{width:100%;border:0;border-bottom:1px solid var(--line);padding:12px 0;border-radius:0;font-size:1rem;background:transparent;color:var(--ink)}.sort-control{display:flex;gap:12px;align-items:center;font-size:.8125rem}.sort-control select,.family-control select,.page-size select{border:1px solid var(--line);border-radius:0;background:var(--surface);color:var(--ink);padding:10px;font-size:.875rem;min-height:44px}.catalog-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:42px}.filter-panel{padding-top:24px}.filter-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.filter-title h2{font:500 .9375rem var(--sans);letter-spacing:0;line-height:1.6}.filter-panel details{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:19px}.filter-panel summary{font-size:.875rem;font-weight:600;cursor:pointer;padding:6px 0}.filter-options{margin-top:13px;display:flex;flex-direction:column;gap:4px}.filter-option{display:flex;align-items:center;gap:9px;font-size:.8125rem;min-height:37px;cursor:pointer;line-height:1.4}.filter-option input{width:16px;height:16px;accent-color:var(--blue);margin:0;flex-shrink:0}.filter-option span:nth-child(2){flex:1}.facet-count{color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums}.filter-panel details>.caption{margin:9px 0 0;font-size:.75rem}.family-control{display:block;font-size:.875rem}.family-control select{display:block;width:100%;margin-top:12px}.filter-disclaimer{font-size:.75rem;color:var(--muted);margin-top:24px;line-height:1.7}.catalog-results{min-width:0}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0}.results-heading p{font-size:.8125rem;color:var(--muted)}.page-size{display:flex;gap:10px;align-items:center;font-size:.75rem}.page-size select{padding:5px 8px;min-height:36px}.catalog-results .shade-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}.active-filters{display:flex;gap:8px;flex-wrap:wrap}.active-filters:not(:empty){margin:0 0 23px}.filter-chip{border:1px solid var(--line);background:var(--soft);color:var(--ink);padding:7px 11px;font-size:.75rem;min-height:36px;display:flex;align-items:center;gap:12px}.filter-chip span{font-size:18px}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:36px 0 0;flex-wrap:wrap}.pagination button{background:transparent;border:1px solid var(--line);color:var(--ink);min-width:42px;min-height:44px;padding:8px 12px;font-size:.8125rem}.pagination [aria-current=page]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filter-trigger{display:none}.empty-state h2{font-size:40px;margin:18px 0}.empty-state .btn{margin-top:25px}.empty-state p{font-size:.9375rem}.compare-bar{background:var(--navy);color:#f4f5f6}.compare-clear{color:#f4f5f6}.compare-grid{background:var(--paper)}.compare-grid a{color:var(--ink)}.compare-grid .caption{font-size:.8125rem}.modal{background:var(--paper);color:var(--ink)}.modal-head h2{font-size:30px}.close-modal{color:var(--ink);border-color:var(--line)}.remove-compare{color:var(--muted)}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:25px var(--pad);font-size:.75rem;color:var(--muted)}.breadcrumbs a{text-decoration:none}.shade-page{display:grid;grid-template-columns:1fr 1fr;margin:0 var(--pad);border:1px solid var(--line)}.shade-page-visual{background:#e6e9ed;position:relative;overflow:hidden}.shade-page-visual img{width:100%;height:100%;object-fit:cover;max-height:850px}.shade-page-visual figcaption{position:absolute;bottom:20px;left:20px;background:#f7f7f0eb;color:#20272b;padding:10px 15px;font-size:.65rem;letter-spacing:.12em}.shade-page-copy{padding:50px clamp(28px,4vw,65px);align-self:center}.shade-page h1{font-size:clamp(52px,5.8vw,88px);margin:23px 0}.shade-reference{font-size:.8125rem;letter-spacing:.06em;color:var(--muted);margin-bottom:25px}.shade-reference span{padding:0 10px}.shade-page .lead{font-size:1rem}.shade-facts{margin:30px 0;border-block:1px solid var(--line)}.shade-facts>div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;font-size:.8125rem}.shade-facts>div+div{border-top:1px solid var(--line)}.shade-facts>div>span{color:var(--muted)}.shade-facts strong{font-weight:500;display:flex;gap:12px;align-items:center;text-align:right}.shade-page-copy>.caption{margin-top:24px}.shade-info-disclosure{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;font-size:.8125rem}.shade-info-disclosure summary{cursor:pointer}.shade-info-disclosure p{margin-top:15px;color:var(--muted)}.related-shades h2{font-size:50px}.toast{background:var(--ink);color:var(--paper)}.noscript{background:var(--soft);color:var(--ink)}
@media(prefers-reduced-motion:no-preference){.hero-enter{animation:hero-reveal .8s both cubic-bezier(.2,.65,.2,1)}.hero-enter:nth-child(2){animation-delay:.1s}.hero-enter:nth-child(3){animation-delay:.2s}.hero-enter:nth-child(4){animation-delay:.3s}.hero-enter:nth-child(5){animation-delay:.4s}.premium-photo img{animation:photo-settle 1.5s cubic-bezier(.2,.7,.2,1)}.reveal.is-reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}@keyframes hero-reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes photo-settle{from{opacity:.3;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}}
@media(min-width:1600px){.premium-hero{min-height:770px}.premium-copy{padding-left:max(var(--pad),calc((100vw - 1600px)/2))}.catalog-results .shade-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px){.nav{gap:16px}.nav a{font-size:.75rem}.theme-toggle span{display:none}.premium-copy{padding-top:55px;padding-bottom:55px}.premium-copy h1{font-size:clamp(58px,7.2vw,86px)}.premium-copy .actions{gap:20px}.hero-status{margin-top:35px}.catalog-layout{grid-template-columns:205px minmax(0,1fr);gap:25px}.catalog-results .shade-grid{gap:24px 14px}.signature-copy{padding:40px}.shade-page-copy{padding:32px}.shade-page h1{font-size:64px}}
@media(max-width:900px){.site-header{flex-wrap:wrap;gap:15px}.nav{gap:14px}.nav .nav-cta{padding:10px 12px}.brand strong{font-size:23px}.brand small{font-size:8px}.premium-hero{min-height:560px}.premium-copy h1{font-size:62px}.premium-copy h1 em{white-space:normal}.premium-copy .actions{align-items:start;flex-direction:column;gap:20px}.hero-status{font-size:.65rem}.catalog-layout{grid-template-columns:190px minmax(0,1fr);gap:20px}.catalog-results .shade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-intro h1{font-size:55px}.premium-photo figcaption{flex-direction:column;align-items:start;gap:7px;padding:15px}.signature-copy h2{font-size:56px}.signature-story figure{max-height:none}.shade-page h1{font-size:56px}.shade-page-copy{padding:25px}.shade-page .actions{gap:20px}}
@media(max-width:800px){.header-controls{margin-left:auto;order:0}.theme-toggle span{display:inline}.site-header{flex-wrap:nowrap;padding-block:17px}.nav{margin-left:0}.nav a{font-size:.9375rem}.nav .nav-cta{padding:13px 20px}.premium-hero{min-height:550px}.premium-copy{padding-right:28px}.premium-copy h1{font-size:59px}.hero-description{font-size:1rem}.premium-copy .eyebrow{font-size:.65rem}.premium-photo figcaption{left:18px;right:18px}.brand-ribbon{padding-block:19px}.brand-ribbon p{font-size:.7rem}.signature-story{grid-template-columns:1fr 1fr}.signature-copy{padding:32px}.signature-copy h2{font-size:50px}.signature-copy p{font-size:.9375rem}.signature-copy .btn{padding:13px 18px}.studio-intro{align-items:start;flex-direction:column;gap:15px;padding-block:35px 25px}.studio-intro p br{display:none}.catalog-layout{grid-template-columns:1fr}.filter-panel{display:none;padding:25px;background:var(--soft);margin-top:20px}.filter-panel.is-open{display:block}.filter-options{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px}.filter-trigger{display:flex;gap:12px;align-items:center;background:transparent;color:var(--ink);border:1px solid var(--line);padding:10px 14px;min-height:44px;font-size:.875rem}.catalog-topbar{flex-wrap:wrap;gap:15px}.catalog-search{flex-basis:100%}.sort-control{flex:1;justify-content:space-between}.sort-control select{flex:1;max-width:220px}.catalog-results .shade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.results-heading{padding-block:17px}.page-size select{min-height:40px}.shade-page{grid-template-columns:1fr 1fr}.shade-page-copy{padding:25px}.shade-page h1{font-size:52px}.shade-facts>div{flex-direction:column;gap:6px}.shade-facts strong{text-align:left}.shade-page-visual img{height:100%;object-fit:cover}.breadcrumbs{padding-block:20px}}
@media(max-width:600px){.announcement{font-size:.625rem;padding:8px 13px;letter-spacing:.07em}.brand strong{font-size:23px}.brand small{font-size:7.5px}.theme-toggle span{display:none}.theme-toggle{padding:8px;min-width:39px}.header-controls{gap:5px}.site-header{padding-inline:20px}.menu-toggle{padding:7px 10px;min-height:42px;font-size:.8125rem}.premium-hero{grid-template-columns:1fr;min-height:0}.premium-copy{padding:43px var(--pad) 39px}.premium-copy .eyebrow{font-size:.65rem;margin-bottom:25px}.premium-copy h1{font-size:clamp(49px,12.5vw,75px);margin-bottom:24px;line-height:1.15;letter-spacing:-.042em}.premium-copy h1 em{white-space:nowrap}.hero-description{font-size:1rem;line-height:1.8}.premium-copy .actions{flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap;margin-top:27px}.premium-copy .btn{font-size:.75rem;padding:13px 18px}.premium-copy .text-link{font-size:.8125rem}.hero-status{font-size:.6rem;letter-spacing:.08em;line-height:1.8;margin-top:28px}.hero-status span{margin:0 5px}.premium-photo{height:490px}.premium-photo img{object-position:center 45%}.premium-photo figcaption{flex-direction:row;align-items:center;gap:20px;bottom:17px;left:20px;right:20px}.premium-photo figcaption span{font-size:.57rem}.premium-photo figcaption a{font-size:.75rem}.hero-edition{display:none}.brand-ribbon{justify-content:space-between;gap:15px;padding:18px var(--pad)}.brand-ribbon p{font-size:.68rem}.brand-ribbon p:last-child{display:none}.section{padding-block:56px}.section-head .eyebrow{font-size:.7rem}.premium-edit .section-head h2{font-size:43px}.premium-edit .section-head{gap:18px;margin-bottom:28px}.premium-edit .section-head p{font-size:.9375rem}.section-head .text-link{margin-top:12px}.shade-info h3{font-size:.875rem}.shade-number{font-size:.6875rem}.compare-toggle{font-size:.75rem}.signature-story{grid-template-columns:1fr;margin-top:0}.signature-story figure{height:470px}.signature-story figure img{object-fit:contain}.signature-copy{padding:36px 0}.signature-copy h2{font-size:57px;line-height:1.12;margin:24px 0}.spectrum-editorial{grid-template-columns:1fr;gap:25px}.spectrum-editorial h2{font-size:46px;margin-top:19px}.editorial-spectrum{height:100px;margin-top:4px}.premium-closing{padding:52px var(--pad) 62px}.premium-closing h2{font-size:67px;margin:30px 0}.premium-closing .eyebrow{font-size:.6875rem}.footer-links{font-size:.8125rem}.footer-bottom{align-items:start;font-size:.6875rem;gap:12px}.studio-intro h1{font-size:53px}.studio-intro .eyebrow{font-size:.6875rem}.studio-intro p{font-size:.875rem}.color-finder{margin-bottom:25px}.color-finder>summary{padding:15px;font-size:.875rem}.finder-caption{gap:12px}.finder-caption small{font-size:.6875rem;max-width:195px}.mini-spectrum{width:43px;height:35px;flex-shrink:0}.color-finder .studio-shell{grid-template-columns:1fr}.picker-panel,.results-panel{padding:20px}.results-panel .step-label{font-size:.75rem}.step-label{font-size:.75rem}.match-name{font-size:.9375rem}.match .caption{font-size:.6875rem}.range-label{font-size:.75rem}.value-fields input{font-size:16px}.catalog-workspace{padding-bottom:55px}.catalog-layout{gap:0}.catalog-results .shade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}.catalog-topbar{gap:16px;padding-bottom:18px}.sort-control{font-size:.75rem;gap:10px}.sort-control select{font-size:.8125rem;max-width:170px;padding:9px}.filter-trigger{font-size:.8125rem;padding:9px 11px;gap:8px}.catalog-search input{font-size:16px;padding-block:10px}.results-heading p{font-size:.75rem}.page-size{font-size:.75rem}.page-size select{font-size:.8125rem}.filter-panel{padding:20px}.filter-options{grid-template-columns:1fr;gap:4px}.filter-option{font-size:.875rem;min-height:40px}.filter-disclaimer{font-size:.8125rem}.catalog-results .shade-info h3{font-size:.875rem}.empty-state h2{font-size:35px}.empty-state p{font-size:.875rem}.shade-page{grid-template-columns:1fr;margin:0 var(--pad)}.shade-page-visual img{max-height:550px;aspect-ratio:4/5;height:auto}.shade-page-copy{padding:29px 22px}.shade-page h1{font-size:54px;margin:22px 0}.shade-page .eyebrow{font-size:.6875rem}.shade-page .lead{font-size:.9375rem}.shade-facts>div{flex-direction:row;gap:15px}.shade-facts strong{text-align:right}.shade-page .actions{gap:20px}.shade-page .btn{padding:13px 18px}.shade-info-disclosure{font-size:.8125rem}.related-shades h2{font-size:43px}.breadcrumbs{font-size:.6875rem;gap:9px}.compare-grid h3{font-family:var(--sans);font-size:1rem}.compare-grid .caption{font-size:.75rem}.modal-head h2{font-size:27px}.compare-note{font-size:.75rem}.story-copy h1{font-size:60px}.page-intro h1{font-size:54px}}
@media(max-width:380px){.premium-copy h1{font-size:47px}.premium-copy h1 em{white-space:normal}.premium-closing h2{font-size:59px}.sort-control{flex-basis:100%;justify-content:start}.sort-control select{max-width:none;flex:1}.filter-trigger{width:100%;justify-content:space-between}.shade-page h1{font-size:46px}.shade-facts>div{flex-direction:column;gap:5px}.shade-facts strong{text-align:left}.mini-spectrum{display:none}}
.hero-status,.premium-copy>.eyebrow,.premium-photo figcaption span,.brand-ribbon p,.shade-number,.footer-bottom,.shade-page .eyebrow,.breadcrumbs,.filter-disclaimer,.finder-caption small{font-size:.75rem}
@media(prefers-reduced-motion:reduce){.hero-enter,.premium-photo img{animation:none!important}.reveal,.reveal.is-reveal-ready{opacity:1!important;transform:none!important}.btn:hover{transform:none}}

/* Active solid color collection */
.compare-grid img{height:auto;object-fit:contain}.shade-finish{font-size:11px;color:var(--muted);margin:8px 0}.preview-note{margin:0 var(--pad) 28px;color:var(--muted);font-size:13px}.shade-directory{margin-top:32px;border-top:1px solid var(--line);padding-top:20px;font-size:13px}.shade-directory summary{cursor:pointer}.shade-directory>div{display:flex;flex-wrap:wrap;gap:12px 24px;padding-top:20px}