:root{--ink:#172d35;--muted:#586770;--paper:#fafbf8;--white:#fff;--line:#dbe1dc;--lime:#d9ee7b;--soft:#f0f3ed;--navy:#263e56;--radius:3px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-color:currentColor}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(2.55rem,5vw,4.5rem)}h2{font-size:clamp(2rem,3.6vw,3.5rem)}h3{font-size:1.45rem;letter-spacing:-.03em}p{margin-bottom:1.2em}a,button,input,select{touch-action:manipulation}:focus-visible{outline:3px solid #49640c;outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.eyebrow{font-size:.75rem;letter-spacing:.14em;font-weight:650;text-transform:uppercase;line-height:1.55;margin:0 0 24px}.small{font-size:.875rem;line-height:1.65;color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:14px;z-index:100}.skip:focus{top:10px}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{max-width:1440px;margin:auto;padding:26px 48px;display:flex;align-items:center;gap:36px}.brand{font-size:2.15rem;letter-spacing:-.075em;font-weight:750;text-decoration:none;line-height:1}.brand-dot{color:#718935}.site-header nav{display:flex;align-items:center;gap:23px;margin-left:auto}.site-header nav a{font-size:.875rem;font-weight:550;text-decoration:none;white-space:nowrap;padding:7px 0;border-bottom:1px solid transparent}.site-header nav a:hover,.site-header nav a[aria-current]{border-color:var(--ink)}.search-link{display:flex;align-items:center;gap:7px;text-decoration:none;font-size:.875rem}.search-link span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.menu-button{display:none;background:none;border:0;padding:8px;font-size:.875rem}.hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;padding-block:60px 54px;align-items:center}.hero-copy{padding:22px 0}.hero .eyebrow{font-size:.75rem;letter-spacing:.11em;display:flex;gap:10px;align-items:center}.little-line{width:23px;height:2px;background:var(--ink);display:inline-block}.hero h1{font-size:clamp(3.5rem,6.6vw,6.35rem);line-height:.99;margin-bottom:28px;letter-spacing:-.065em}.hero h1 span{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.065em}.hero-intro{max-width:360px;font-size:1.06rem;line-height:1.75;color:var(--muted);margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 22px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:var(--radius);font-size:.875rem;font-weight:600;text-decoration:none;line-height:1.5;min-height:50px;transition:background .16s}.button:hover{background:#304a53}.button span{font-size:1.3rem;font-weight:400}.button.light{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button.light:hover{background:#e5f5a2}.hero-note{display:flex;align-items:center;gap:12px;margin-top:42px;font-size:.75rem;line-height:1.45;color:var(--muted)}.mini-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;font-size:1.4rem;font-weight:700;color:var(--ink);letter-spacing:-.08em}.hero-photo{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.hero-photo img{width:100%;aspect-ratio:3/2;object-fit:cover}.hero-photo figcaption{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);padding:12px 0;border-bottom:1px solid var(--line)}.hero-photo figcaption span:first-child{color:var(--ink)}.intro-strip{border-block:1px solid var(--line)}.intro-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:20px;font-size:.875rem}.intro-strip span{font-weight:650}.intro-strip p{margin:0;color:var(--muted)}.section{padding-block:76px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:36px}.section-head h2{margin:0}.section-head .eyebrow{margin-bottom:16px}.section-head>p{font-size:.94rem;color:var(--muted);margin-bottom:5px}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.topic{position:relative;padding:25px 24px 27px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-decoration:none;min-height:192px;transition:background .18s}.topic:hover{background:var(--soft)}.topic-index{font-size:.75rem;color:var(--muted);display:block;margin-bottom:34px}.topic h3{font-size:1.45rem;margin-bottom:8px}.topic p{font-size:.85rem;margin:0;color:var(--muted);max-width:185px}.topic-arrow{position:absolute;right:24px;top:24px;font-size:1.25rem}.color-section{background:#eff2eb}.text-link{font-size:.9rem;font-weight:550;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:7px;display:inline-flex;align-items:center;gap:22px;line-height:1.5}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.color-tile{text-decoration:none}.color-pair{aspect-ratio:1.05;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.color-inset{display:block;width:41%;aspect-ratio:1;border-radius:50%;transition:transform .2s}.color-tile:hover .color-inset{transform:scale(1.1)}.color-beige{background:#c8b79b}.color-marineblaa{background:#263e56;color:#fff}.color-groen{background:#6b7650;color:#fff}.color-brun{background:#6f4e3c;color:white}.pair-label{position:absolute;bottom:15px;left:17px;font-size:.75rem;letter-spacing:.02em}.color-title{display:flex;justify-content:space-between;align-items:center;padding-top:18px}.color-title h3{font-size:1.4rem;margin:0}.color-title>span{font-size:1.4rem}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guide-card{display:flex;flex-direction:column;padding:26px;border:1px solid var(--line);text-decoration:none;min-height:310px;background:var(--white);transition:border-color .18s,background .18s}.guide-card:hover{border-color:#738181;background:#f7f9f1}.card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.card-top .eyebrow{margin:0;font-size:.75rem;letter-spacing:.1em}.card-number{font-size:.75rem;color:var(--muted)}.guide-card h3{line-height:1.2;font-size:1.5rem;margin-bottom:15px}.guide-card>p{font-size:.9rem;color:var(--muted);line-height:1.7;margin-bottom:27px}.read-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:.875rem;font-weight:600}.read-link span{font-size:1.2rem}.tool-feature{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:52px;align-items:center}.tool-feature h2{font-size:clamp(2.2rem,3.5vw,3.5rem);margin-bottom:22px}.tool-feature>div>p:not(.eyebrow){color:#c1cccf;max-width:420px}.tool-feature .eyebrow{color:var(--lime)}.outfit-sample{background:#f7f8f3;color:var(--ink);padding:28px}.sample-head{display:flex;justify-content:space-between;gap:12px;font-size:.75rem;margin-bottom:30px}.sample-head span:last-child{color:var(--muted)}.palette{display:flex;gap:10px;width:100%}.palette>div{flex:1;min-width:0}.swatch{display:block;width:100%;height:74px;border:1px solid rgba(23,45,53,.06)}.palette>div>span:last-child{display:block;font-size:.75rem;line-height:1.4;margin-top:8px;overflow-wrap:anywhere}.swatch-beige{background:#c8b79b}.swatch-navy{background:#263e56}.swatch-blue{background:#b5cbd8}.swatch-brown{background:#6f4e3c}.swatch-ivory{background:#e9e7db}.swatch-grey{background:#a4a6a4}.swatch-olive{background:#6b7650}.swatch-black{background:#262728}.outfit-sample ul{padding:0;list-style:none;margin:24px 0 0}.outfit-sample li{display:flex;gap:15px;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line);font-size:.85rem}.outfit-sample li span{color:var(--muted)}.outfit-sample strong{font-weight:500}.feature-editorial{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.editorial-image img{aspect-ratio:3/2;object-fit:cover;width:100%}.feature-editorial h2{margin-bottom:24px}.feature-editorial>div>p:not(.eyebrow){max-width:390px;color:var(--muted)}.footer{background:#eef1eb;padding:54px 0 0;margin-top:28px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.footer-grid .brand{display:inline-block;margin:0 0 21px}.footer-grid p{color:var(--muted);font-size:.9rem}.footer h2{font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;line-height:1.5;margin:0 0 19px}.footer-grid>div>a:not(.brand){display:block;text-decoration:none;font-size:.875rem;margin:8px 0;color:#45575b}.footer-grid>div>a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #d4dcd0;margin-top:44px;padding-block:22px;font-size:.75rem;color:var(--muted)}.breadcrumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:.8rem;color:var(--muted);padding-top:25px;line-height:1.6}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.page-heading{padding-block:55px 45px}.page-heading h1{max-width:950px;margin-bottom:26px}.page-heading .eyebrow{margin-bottom:16px}.lead{max-width:800px;font-size:1.2rem;color:#506168;line-height:1.7;margin:0}.article-meta{font-size:.8rem;color:var(--muted);margin:25px 0 0}.hub-intro{background:var(--soft);padding:30px 34px;display:grid;grid-template-columns:1fr 1.65fr;gap:50px}.hub-intro h2{font-size:1.7rem;max-width:340px;margin:0;line-height:1.2}.hub-intro p{margin:0;color:#475b60}.hub-guides{padding-top:48px}.hub-guides .section-head h2{font-size:2rem}.hub-guides .section-head .eyebrow{margin-bottom:3px}.guide-card .palette{margin-bottom:24px}.guide-card .swatch{height:45px}.article-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:65px;align-items:start;padding-bottom:40px}.toc{position:sticky;top:30px;border-top:1px solid var(--line);padding-top:23px}.toc .eyebrow{margin-bottom:16px}.toc nav{display:grid;gap:12px}.toc a{font-size:.88rem;text-decoration:none;color:var(--muted);line-height:1.5}.toc a:hover{color:var(--ink);text-decoration:underline}.article-body{font-size:1.06rem;line-height:1.85;min-width:0}.article-body h2{font-size:2rem;line-height:1.18;margin-bottom:20px;letter-spacing:-.035em}.article-body section{margin-bottom:42px;scroll-margin-top:30px}.article-body section:last-child{margin-bottom:0}.article-body p{margin-bottom:1.2em}.article-body ul{padding-left:24px}.article-body li{margin-bottom:15px;padding-left:5px}.article-body figure{margin-bottom:35px}.article-body figure img{width:100%}.article-body figcaption{font-size:.8rem;line-height:1.6;color:var(--muted);margin-top:12px}.article-palette{padding:26px;background:var(--soft);margin-bottom:40px}.article-palette .swatch{height:90px}.article-palette .small{margin:16px 0 0}.article-palette .eyebrow{margin-bottom:15px}.related{border-top:1px solid var(--line)}.related .section-head h2{font-size:2rem}.calculator{display:grid;grid-template-columns:.8fr 1.2fr;gap:0;align-items:stretch;border:1px solid var(--line);margin-bottom:64px}.tool-form{padding:36px;background:#fff;display:flex;flex-direction:column;align-items:stretch}.tool-form label{font-size:.875rem;font-weight:600;margin-bottom:8px}.tool-form input,.tool-form select{margin-bottom:24px;width:100%;height:53px;border:1px solid #aebcb7;border-radius:2px;padding:10px 12px;background:#fff;color:var(--ink);font-size:1rem}.tool-form .button{align-self:flex-start;margin-top:5px}.tool-form .small{margin-top:-8px}.tool-result{padding:38px;background:var(--soft);scroll-margin-top:25px}.tool-result h2{font-size:2.1rem;line-height:1.2}.tool-result .result-number{font-size:clamp(2rem,4vw,3.8rem);overflow-wrap:anywhere;margin:38px 0}.tool-result>p{color:#495e65}.tool-result>.eyebrow{color:var(--ink)}.formula{font-size:.95rem;border-top:1px solid #cdd5cd;padding-top:24px;margin-top:32px}.outfit-details{margin:28px 0}.outfit-details>div{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid #ced7cf;padding:12px 0}.outfit-details dt{font-size:.875rem;color:var(--muted)}.outfit-details dd{font-size:.95rem;margin:0;text-align:right;font-weight:550}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.chips a{border:1px solid #b9c6bb;border-radius:2px;text-decoration:none;font-size:.85rem;padding:9px 13px;line-height:1.5;background:var(--paper)}.chips a:hover{background:var(--lime)}.errors{color:#8d2926;padding-left:20px}.search-form{max-width:760px;margin-top:35px}.search-form label{display:block;font-size:.9rem;margin-bottom:10px}.search-form>div{display:flex;gap:10px}.search-form input{border:1px solid #aebcb7;padding:14px 18px;flex:1;min-width:0;font-size:1rem;border-radius:2px}.search-results{padding-top:15px;min-height:320px}.search-results>h2{font-size:1.7rem;margin-bottom:30px}.error-page{text-align:center;padding-block:60px 95px}.error-number{font-size:clamp(6rem,16vw,12rem);line-height:1.1;font-weight:700;letter-spacing:-.1em;color:#d9dfd1;margin:0 0 10px}.error-number span{color:#799138;font-family:Georgia,serif;font-style:italic}.error-page h1{font-size:clamp(2.5rem,5vw,4rem)}.error-page p:not(.eyebrow){color:var(--muted)}.error-page .text-link{margin-left:24px}.error-page .eyebrow{margin-bottom:15px}
@media(min-width:1600px){.header-inner{padding-inline:0}.hero{gap:65px}.hero h1{font-size:6.4rem}}
@media(max-width:1200px){.header-inner{gap:24px;padding-inline:32px}.site-header nav{gap:15px}.site-header nav a{font-size:.875rem}.brand{font-size:1.9rem}.wrap{width:calc(100% - 64px)}.hero{gap:30px}.hero h1{font-size:5.2rem}.hero .eyebrow{font-size:.75rem}.tool-feature{gap:44px;padding:38px}.topic{padding:22px 18px}.topic-arrow{right:18px}.article-layout{grid-template-columns:190px minmax(0,1fr);gap:45px}.feature-editorial{gap:45px}}
@media(max-width:1000px){.site-header nav{order:4;width:100%;margin:0;justify-content:center;flex-wrap:wrap}.header-inner{flex-wrap:wrap;gap:22px}.search-link{margin-left:auto}.hero h1{font-size:4.3rem}.hero-intro{font-size:1rem}.hero-note{margin-top:28px}.hero{padding-block:36px;gap:26px}.hero-photo figcaption{font-size:.75rem}.topic-grid{grid-template-columns:repeat(2,1fr)}.topic{min-height:165px}.topic-index{margin-bottom:25px}.topic p{max-width:none}.guide-grid{gap:16px}.guide-card{padding:22px}.guide-card h3{font-size:1.3rem}.guide-card>p{font-size:.86rem}.color-grid{gap:16px}.tool-feature{gap:32px}.footer-grid{gap:25px}.hub-intro{gap:30px}.calculator{grid-template-columns:1fr 1.2fr}.tool-form,.tool-result{padding:28px}.sample-head{flex-direction:column;gap:3px}.outfit-sample{padding:22px}.outfit-sample li{flex-direction:column;gap:2px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{padding:22px 20px;gap:22px}.brand{font-size:2rem}.has-js .menu-button{display:flex;gap:10px;align-items:center;margin-left:auto}.has-js .search-link{margin-left:0}.has-js .site-header nav{display:none}.has-js .site-header nav.is-open{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:6px 20px;padding-top:8px}.site-header nav{gap:8px 19px;justify-content:flex-start}.site-header nav a{font-size:.9rem;padding:9px 0}.hero{grid-template-columns:1fr;padding-block:36px;gap:30px}.hero-copy{padding:0}.hero .eyebrow{font-size:.75rem;margin-bottom:25px}.hero h1{font-size:clamp(3.4rem,13.5vw,5.5rem);margin-bottom:22px}.hero-intro{max-width:470px;font-size:1rem}.hero-note{display:none}.hero-photo figcaption{font-size:.75rem}.hero-photo img{aspect-ratio:3/2}.intro-strip .wrap{align-items:flex-start;flex-direction:column;gap:5px;padding-block:18px;font-size:.8rem}.section{padding-block:48px}.section-head{display:block;margin-bottom:28px}.section-head h2{font-size:2.4rem}.section-head>p{margin:20px 0 0;font-size:.9rem}.section-head>.text-link{margin-top:24px}.topic{min-height:172px;padding:18px 15px}.topic h3{font-size:1.25rem}.topic p{font-size:.8rem;max-width:160px}.topic-arrow{top:18px;right:15px}.topic-index{margin-bottom:29px}.color-grid{grid-template-columns:repeat(2,1fr);gap:26px 16px}.color-title{padding-top:12px}.color-title h3{font-size:1.3rem}.pair-label{font-size:.75rem;left:12px;bottom:12px}.guide-grid{grid-template-columns:1fr;gap:16px}.guide-card{min-height:240px;padding:24px}.guide-card h3{font-size:1.5rem}.guide-card>p{font-size:.95rem}.card-top{margin-bottom:22px}.guide-card .palette{max-width:360px}.tool-feature{grid-template-columns:1fr;padding:29px 24px;gap:34px}.tool-feature h2{font-size:2.5rem}.tool-feature .eyebrow{font-size:.75rem}.outfit-sample{padding:22px}.sample-head{flex-direction:row;font-size:.75rem}.outfit-sample li{flex-direction:row;font-size:.82rem}.feature-editorial{grid-template-columns:1fr;gap:32px}.feature-editorial h2{font-size:2.6rem}.feature-editorial>div>p:not(.eyebrow){max-width:none}.footer{padding-top:38px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:first-child p br{display:none}.footer-bottom{flex-direction:column;gap:7px;margin-top:28px;font-size:.75rem}.footer-grid>div>a:not(.brand){font-size:.85rem;padding-block:3px}.breadcrumbs{padding-top:20px;font-size:.74rem;gap:8px}.page-heading{padding-block:35px}.page-heading h1{font-size:2.65rem;line-height:1.08}.lead{font-size:1.08rem;line-height:1.7}.page-heading .eyebrow{font-size:.75rem}.hub-intro{grid-template-columns:1fr;gap:17px;padding:24px}.hub-intro h2{max-width:none;font-size:1.65rem}.hub-intro p{font-size:.97rem}.hub-guides .section-head{display:flex;align-items:center;gap:20px}.hub-guides .section-head .eyebrow{white-space:nowrap;font-size:.75rem}.hub-guides .section-head h2{font-size:1.8rem}.article-layout{grid-template-columns:1fr;gap:30px}.toc{position:static;background:var(--soft);border:none;padding:23px}.toc nav{gap:12px}.toc a{font-size:.9rem}.toc .eyebrow{font-size:.75rem}.article-body{font-size:1rem;line-height:1.8}.article-body h2{font-size:1.8rem}.article-body section{margin-bottom:33px}.article-palette{padding:22px}.article-palette .swatch{height:68px}.related .section-head h2{font-size:1.9rem}.calculator{grid-template-columns:1fr;margin-bottom:40px}.tool-form,.tool-result{padding:25px}.tool-result h2{font-size:1.85rem}.tool-result .result-number{font-size:2.7rem;margin-block:25px}.outfit-details>div{gap:15px}.outfit-details dd{font-size:.9rem}.search-form>div{gap:8px}.search-form input{padding:12px;max-width:100%}.search-form .button{gap:10px;padding:13px 15px}.search-results>h2{font-size:1.5rem;overflow-wrap:anywhere}.error-page{padding-block:40px 60px}.error-page h1{font-size:2.7rem}.error-page .text-link{display:table;margin:24px auto 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.site-header,.footer,.toc,.related,.menu-button{display:none}.wrap{width:100%}.article-layout{display:block}.page-heading{padding:0}.article-body{font-size:11pt}.article-body h2{font-size:18pt}a{text-decoration:none}body{background:#fff}.calculator{display:block}}
/* Preserve reflow when readers enlarge text. */
.hero>* , .topic-grid>* , .color-grid>* , .guide-grid>* , .tool-feature>* , .feature-editorial>* , .footer-grid>* , .calculator>*{min-width:0}h1,h2,h3{overflow-wrap:anywhere}.sample-head,.outfit-sample li,.outfit-details>div{flex-wrap:wrap}.footer-grid a{overflow-wrap:anywhere}
@media(max-width:760px){.topic-grid,.color-grid,.footer-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}.tool-feature,.calculator,.feature-editorial,.guide-grid{grid-template-columns:minmax(0,1fr)}.sample-head{row-gap:5px}.outfit-sample li{row-gap:5px}.color-pair{min-height:140px}.pair-label{right:12px}.search-form>div{flex-wrap:wrap}.search-form input{min-width:min(100%,12rem)}}
/* Longer guides: keep comparisons readable without widening the page. */
.table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);margin:24px 0 28px;background:var(--white)}.article-body table{width:100%;min-width:480px;border-collapse:collapse;font-size:.95rem;line-height:1.65}.article-body caption{text-align:left;font-weight:600;padding:18px 20px;background:var(--soft);color:var(--ink)}.article-body th,.article-body td{vertical-align:top;text-align:left;padding:16px 18px;border-top:1px solid var(--line)}.article-body thead th{background:#f5f7f0;font-size:.875rem;font-weight:650}.article-body tbody th{font-weight:600;width:27%}.article-body ol{padding-left:27px}.toc{max-height:calc(100vh - 60px);overflow-y:auto;padding-right:8px}.article-body h3{font-size:1.3rem;line-height:1.3;letter-spacing:-.02em}
@media(max-width:760px){.toc{max-height:none;overflow:visible;padding-right:23px}.article-body table{min-width:460px;font-size:.9rem}.article-body th,.article-body td{padding:13px 14px}.article-body caption{padding:16px 14px}.table-scroll{margin-block:22px}}

/* Two-colour wordmark with a gently curved underline. */
.brand{display:inline-block;white-space:nowrap;padding-bottom:.55em}
.brand-hero{position:relative;display:inline-block;color:#b84438}
.brand-underline{color:var(--ink);position:absolute;display:block;left:0;top:1em;width:100%;height:auto;overflow:visible;pointer-events:none}
.brand-dot{color:var(--ink)}

.brand-sty{position:relative;display:inline-block}
.brand-overline{position:absolute;display:block;left:0;bottom:1em;width:100%;height:auto;color:#b84438;pointer-events:none;overflow:visible}
.brand{padding-top:.3em}

.swatch-pink{background:#c58d97}.swatch-burgundy{background:#762f42}

.swatch-camel{background:#b98a5d}

.swatch-white{background:#fff;border:1px solid #dbe1dc}

.swatch-red{background:#c83935}

.swatch-yellow{background:#f2df8b}.swatch-mustard{background:#b18a29}

.swatch-lavender{background:#c4b6dc}.swatch-purple{background:#493451}

.swatch-orange{background:#e86a1d}.swatch-rust{background:#a75230}