:root{--ink:#1b1c1e;--paper:#f4f0e7;--white:#fbf9f3;--gold:#b89b68;--gold-light:#d0bc95;--muted:#777267;--rule:#d9d2c4;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.68}a{color:inherit}button,input,select{font:inherit}.skip-link{position:absolute;top:-60px;left:15px;background:var(--gold-light);padding:10px;z-index:100}.skip-link:focus{top:10px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.topline{background:var(--ink);color:#c6b894;height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 5.2vw;font-size:8px;letter-spacing:1.5px;font-weight:700}.site-header{background:var(--paper);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:60}.masthead{height:84px;max-width:1380px;margin:auto;padding:0 5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.wordmark{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-family:var(--serif);letter-spacing:2px;font-size:15px;font-weight:700}.wordmark b{width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:italic 22px var(--serif);color:var(--gold);letter-spacing:-2px}.search-toggle{justify-self:end;border:0;background:none;color:#676153;font-size:9px;letter-spacing:1.2px;cursor:pointer}.search-toggle span{font:24px var(--serif);vertical-align:-4px;margin-left:6px}.menu-toggle{display:none}.main-nav{display:flex;justify-content:center;gap:clamp(18px,3vw,44px);height:43px;align-items:center}.nav-link{font-size:9px;letter-spacing:1.4px;font-weight:700;text-transform:uppercase;color:#575348;text-decoration:none;padding:8px 0}.nav-link:hover,.nav-link.is-active{color:#9c7942}.nav-link.is-active{border-bottom:1px solid var(--gold)}
.hero{max-width:1380px;margin:0 auto;padding:68px 5vw 86px;display:grid;grid-template-columns:.98fr 1.02fr;gap:7%;align-items:center}.hero-copy{padding-left:3vw}.eyebrow,.section-label{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#7c7568;margin:0 0 23px}.eyebrow span{color:#9b7b4a}.eyebrow i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--gold);vertical-align:middle;margin:0 7px}.hero h1,.page-hero h1{font:400 clamp(53px,7vw,96px)/.96 var(--serif);letter-spacing:-3px;margin:0 0 25px}.hero h1 em{font-weight:400;color:#9e8358}.hero-dek{max-width:510px;color:#615e56;font:18px/1.7 var(--serif);margin:0 0 28px}.hero-links{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:18px;text-decoration:none;text-transform:uppercase;font-size:9px;letter-spacing:1.15px;font-weight:700;padding:14px 17px;transition:background .2s,color .2s}.button-gold{background:var(--gold);color:#fff}.button-gold:hover{background:#9c7e50}.button-outline{border:1px solid var(--gold);color:var(--ink)}.button-outline:hover{background:var(--ink);color:white}.underlink{font:12px var(--serif);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:4px}.hero-meta{margin-top:42px;padding-top:12px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;max-width:420px;font-size:8px;letter-spacing:1.5px;color:#857f72}.hero-image{position:relative;padding:0 14px 14px 0}.hero-image:after{content:"";position:absolute;right:0;bottom:0;width:84%;height:78%;border:1px solid var(--gold);z-index:0}.hero-image img{position:relative;z-index:1;width:100%;display:block;max-height:600px;object-fit:cover}.image-caption{position:absolute;z-index:2;left:-28px;bottom:31px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;letter-spacing:2px;color:#695a40}
.intro-quote{background:#1b1c1e;color:var(--paper);padding:52px 12vw;display:grid;grid-template-columns:80px 1fr;gap:22px;align-items:start}.quote-mark{font:90px/.8 var(--serif);color:var(--gold)}.intro-quote p{max-width:870px;font:italic clamp(21px,3vw,34px)/1.4 var(--serif);margin:0 0 18px}.intro-quote span{font-size:8px;letter-spacing:1.7px;color:#b8a885}
.editorial-section{max-width:1320px;margin:auto;padding:88px 5vw}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:34px}.section-heading h2{font:400 clamp(38px,5vw,61px)/1.02 var(--serif);letter-spacing:-1.5px;margin:9px 0 0}.section-heading>p{max-width:355px;color:#6d685e;font:15px/1.7 var(--serif);margin:0 0 5px}.story-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.story{grid-column:span 2;text-decoration:none;border-bottom:1px solid var(--gold);background:#eee9dd;transition:transform .2s}.story:hover{transform:translateY(-4px)}.story-large{grid-column:span 3;grid-row:span 2}.story img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover}.story-large img{aspect-ratio:1.12}.story-text{padding:18px 19px 21px}.story-text>span{font-size:8px;letter-spacing:1.5px;color:#9a7a4a}.story h3{font:400 29px var(--serif);margin:8px 0 5px}.story p{font:13px/1.6 var(--serif);color:#656157;margin:0 0 15px}.story b{font-size:8px;letter-spacing:1px;text-transform:uppercase}
.occasion-band{background:#e4ddcf;padding:50px 10vw;display:flex;align-items:center;justify-content:space-between;gap:30px}.occasion-band h2{font:400 36px var(--serif);margin:8px 0}.occasion-band p{font:14px/1.7 var(--serif);color:#676154;max-width:550px;margin:0}.closing{text-align:center;padding:64px 20px 70px}.closing span{font-size:8px;letter-spacing:1.8px;color:#8c806a}.closing p{font:italic 25px var(--serif);max-width:650px;margin:16px auto;color:#393a3a}.closing a{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:5px}
.site-footer{background:#1b1c1e;color:#e7e1d5;padding:37px 5vw 20px}.footer-mast{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #49463f;padding-bottom:21px}.footer-wordmark{text-decoration:none;font:16px var(--serif);letter-spacing:2px}.footer-mast p{font:italic 17px var(--serif);color:#b9aa8c;margin:0}.footer-links{display:flex;gap:22px;flex-wrap:wrap;padding:19px 0}.footer-links a{font-size:8px;letter-spacing:1.1px;text-transform:uppercase;text-decoration:none;color:#d4cbb7}.footer-note{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #49463f;padding-top:15px;color:#aaa397;font-size:9px}
.page-hero{max-width:1380px;margin:auto;padding:54px 5vw 42px;display:grid;grid-template-columns:1fr .8fr;gap:7%;align-items:center}.page-hero-copy{padding-left:3vw}.page-hero h1{font-size:clamp(47px,5.8vw,76px);max-width:740px}.page-hero .hero-dek{font-size:16px;max-width:570px}.page-hero-art img{width:100%;display:block;max-height:440px;object-fit:cover}.breadcrumb{border-block:1px solid var(--rule);padding:11px max(calc((100vw - 1240px)/2),5vw);font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#898375;display:flex;gap:10px}.breadcrumb a{text-decoration:none;color:#514e46}.reading-layout{max-width:1240px;margin:auto;padding:43px 5vw 90px;display:grid;grid-template-columns:200px 1fr;gap:7%}.article-rail{position:sticky;top:145px;align-self:start}.article-rail>span{font-size:8px;letter-spacing:1.5px;color:#948a76}.article-rail nav{display:grid;gap:11px;margin:15px 0 35px}.article-rail nav a{font:12px/1.5 var(--serif);text-decoration:none;color:#6a675e}.article-rail nav a:hover{color:#987b4b}.rail-monogram{font:italic 26px var(--serif);letter-spacing:-2px;color:var(--gold);border:1px solid var(--gold);border-radius:50%;width:54px;height:54px;display:grid;place-items:center}.article-content{min-width:0}.article-part{display:grid;grid-template-columns:39px 1fr;gap:18px;padding:0 0 37px;margin:0 0 37px;border-bottom:1px solid var(--rule);scroll-margin-top:120px}.part-index{font:italic 14px var(--serif);color:#a58c5f;padding-top:7px}.article-part h2{font:400 30px/1.2 var(--serif);letter-spacing:-.4px;margin:0 0 16px}.article-part p,.article-part li{font:14px/1.85 var(--serif);color:#56534c}.article-part p:last-child{margin-bottom:0}.article-part ul{padding-left:20px}.article-part li{padding:5px 0}.editor-note{border-left:2px solid var(--gold);padding:14px 18px;background:#ece5d8;margin:19px 0}.editor-note b{font-size:8px;letter-spacing:1.5px;color:#8d7143}.editor-note p{margin:7px 0 0!important}.wardrobe-grid,.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:20px 0}.wardrobe-grid article,.archive-grid article{padding:16px;background:#eee9dd;border-top:2px solid var(--gold)}.wardrobe-grid span,.archive-grid span{font-size:8px;letter-spacing:1.2px;color:#94794e}.wardrobe-grid h3,.archive-grid h3{font:20px var(--serif);margin:7px 0}.wardrobe-grid p,.archive-grid p{font-size:12px;line-height:1.6;margin:0}.next-article{padding:25px;background:#1b1c1e;color:var(--paper)}.next-article .section-label{color:#c2a673}.next-article h2{font:27px var(--serif);margin:0 0 12px}.next-article a{font-size:9px;letter-spacing:1.1px;text-transform:uppercase;color:#d5c19a;text-decoration:none}
.occasion-tool,.color-tool{background:#ebe4d7;padding:19px;border:1px solid #d9d0c0}.occasion-tool label,.color-tool label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;margin-bottom:8px}.occasion-tool select,.color-tool select{width:100%;padding:11px;background:var(--white);border:1px solid #c9beaa;color:var(--ink)}.occasion-result{margin:15px 0;font:13px/1.8 var(--serif);color:#57534b}.occasion-result ul{margin:7px 0}.copy-checklist{background:#1b1c1e;color:#fff;border:0;cursor:pointer}.copy-status{min-height:16px;font-size:10px;color:#6d685e;margin:6px 0 0!important}.color-tool>p{font:14px/1.7 var(--serif);color:#57534b;margin:11px 0 0}
.search-shade{position:fixed;inset:0;z-index:120;background:#101112bb;display:grid;place-items:start center;padding:14vh 18px}.search-shade[hidden]{display:none}.search-dialog{width:min(640px,100%);background:var(--paper);padding:24px;box-shadow:0 20px 80px #0007}.search-top{display:flex;justify-content:space-between;align-items:center}.search-top h2{font:27px var(--serif);margin:0 0 14px}.search-close{border:0;background:none;font:30px var(--serif);cursor:pointer}.search-dialog input{width:100%;padding:13px;border:1px solid var(--rule);background:#fffdf8;outline:none}.search-dialog input:focus{border-color:var(--gold)}.search-results{margin-top:14px;max-height:43vh;overflow:auto}.search-results a{display:block;border-bottom:1px solid var(--rule);padding:12px 8px;text-decoration:none}.search-results a strong{font:16px var(--serif)}.search-results a span,.search-results>p{display:block;color:#726c60;font-size:10px}
@media(max-width:1050px){.masthead{padding:0 3.5vw}.main-nav{gap:19px}.hero{padding:55px 4vw 72px;gap:5%}.hero-copy,.page-hero-copy{padding-left:1vw}.hero h1{font-size:clamp(50px,7vw,78px)}.page-hero{padding:47px 4vw 35px}.reading-layout{gap:5%}}
@media(max-width:800px){.topline{padding:0 18px;font-size:7px}.topline span:last-child{display:none}.masthead{height:68px;grid-template-columns:40px 1fr 55px;padding:0 17px}.wordmark{justify-content:center;font-size:12px;gap:7px}.wordmark b{width:28px;height:28px;font-size:19px}.search-toggle{font-size:0}.search-toggle span{font-size:24px}.menu-toggle{display:grid;gap:5px;width:35px;border:0;background:none;padding:7px;cursor:pointer}.menu-toggle i{height:1px;background:var(--ink);width:20px;transition:.2s}.menu-toggle[aria-expanded=true] i:first-of-type{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] i:last-of-type{transform:translateY(-3px) rotate(-45deg)}.main-nav{display:none;position:absolute;top:67px;left:0;right:0;height:auto;background:var(--paper);padding:10px 21px 17px;box-shadow:0 14px 25px #0002;align-items:stretch;gap:0}.main-nav.is-open{display:grid}.nav-link{padding:10px 0;border-bottom:1px solid var(--rule);font-size:9px}.nav-link.is-active{border-bottom:1px solid var(--rule)}.hero{grid-template-columns:1fr;padding:42px 21px 59px;gap:34px}.hero-copy{padding:0}.hero h1{font-size:clamp(51px,12vw,74px);letter-spacing:-2.2px}.hero-dek{font-size:16px}.hero-image{max-width:620px;margin:auto}.intro-quote{grid-template-columns:42px 1fr;padding:43px 22px;gap:15px}.quote-mark{font-size:62px}.editorial-section{padding:63px 21px}.section-heading{display:block}.section-heading h2{font-size:45px}.section-heading>p{margin-top:14px}.story-grid{grid-template-columns:1fr 1fr;gap:13px}.story,.story-large{grid-column:auto;grid-row:auto}.story-large{grid-column:span 2}.story-large img{aspect-ratio:1.65}.story img{aspect-ratio:1.2}.story-text{padding:14px}.story h3{font-size:25px}.occasion-band{padding:39px 22px;align-items:flex-start;flex-direction:column}.occasion-band h2{font-size:31px}.footer-mast{align-items:flex-start;flex-direction:column;gap:9px}.footer-note{flex-wrap:wrap}.page-hero{grid-template-columns:1fr;padding:39px 21px 30px;gap:25px}.page-hero-copy{padding:0}.page-hero h1{font-size:clamp(46px,11vw,66px);letter-spacing:-2px}.page-hero-art{max-width:590px}.reading-layout{grid-template-columns:1fr;padding:28px 21px 65px;gap:20px}.article-rail{position:static}.article-rail nav{display:flex;overflow:auto;gap:11px;margin:10px 0}.article-rail nav a{white-space:nowrap;background:#fbf9f3;border:1px solid var(--rule);padding:7px 10px}.rail-monogram{display:none}.article-part{grid-template-columns:27px 1fr;gap:11px}.article-part h2{font-size:26px}.breadcrumb{padding:11px 21px}.next-article{padding:21px}}
@media(max-width:520px){.wordmark{font-size:10px;letter-spacing:1.4px}.hero-links{align-items:flex-start;flex-direction:column;gap:18px}.hero-meta{margin-top:27px}.image-caption{left:-14px;font-size:7px}.section-heading h2{font-size:38px}.story-grid{grid-template-columns:1fr}.story-large{grid-column:auto}.story-large img,.story img{aspect-ratio:1.35}.story-text{padding:17px}.story h3{font-size:28px}.intro-quote p{font-size:21px}.page-hero h1{font-size:45px}.article-part p,.article-part li{font-size:13px}.wardrobe-grid,.archive-grid{grid-template-columns:1fr}.footer-links{gap:13px}.footer-note{display:grid;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}