@font-face{font-family:Caslon;src:url('/assets/caslon.ttf');font-display:swap}
@font-face{font-family:DM;src:url('/assets/dm.ttf');font-weight:100 900;font-display:swap}
:root{--paper:#f5f2eb;--ink:#262620;--muted:#716d64;--line:#d6d0c4;--wine:#773c40}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 DM,Arial,sans-serif}
body:has(dialog[open]){overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
a,button{touch-action:manipulation}
a:focus-visible,button:focus-visible{outline:2px solid var(--wine);outline-offset:6px}
img{display:block;max-width:100%;height:auto}
figure,p,h1,h2,h3{margin:0}
p+p{margin-top:18px}
h1,h2,h3{font-family:Caslon,Georgia,serif;font-weight:400}
h1,h2{line-height:1.03;letter-spacing:-.025em}
h1{font-size:clamp(64px,6.8vw,104px)}
h2{font-size:clamp(40px,4.4vw,66px)}
h3{font-size:clamp(27px,2.7vw,38px);line-height:1.2}
em{font-weight:400}
.skip{position:absolute;left:20px;top:-90px;padding:10px;background:var(--ink);color:white;z-index:100}
.skip:focus{top:10px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px max(6vw,24px);border-bottom:1px solid var(--line)}
.wordmark{font-size:16px;letter-spacing:.16em;font-weight:600;white-space:nowrap}
.site-header nav{display:flex;gap:30px;font-size:10px;letter-spacing:.13em}
.site-header nav a{padding:8px 0}
.site-header a:hover,.text-button:hover{color:var(--wine)}
.spread,.room{padding:90px max(6vw,24px);border-bottom:1px solid var(--line)}
.spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8vw;align-items:center}
.spread>*,.pair>*{min-width:0}
.eyebrow{font:500 10px/1.5 DM,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin-bottom:24px}
#top{max-width:1500px;margin:auto;grid-template-columns:1.15fr .85fr;padding-top:65px;padding-bottom:75px}
#top h1{margin-bottom:24px}
#top h3{font:400 22px/1.45 Caslon,Georgia,serif;letter-spacing:0;margin-bottom:22px;max-width:31ch}
#top p:not(.eyebrow){font-size:14px;max-width:52ch;color:#59564e}
#top figure{padding:12px 20px 20px;max-width:410px;justify-self:center}
#top img{box-shadow:none;transform:none}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:30px 0 16px}
.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 24px;background:var(--ink);color:white;border:1px solid var(--ink);font:500 10px/1.5 DM,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.button:hover{background:var(--wine);border-color:var(--wine)}
.text-button{border:0;background:none;padding:8px 0;color:var(--ink);font-size:12px;border-bottom:1px solid #9d968a}
small{display:block;font-size:11px;color:var(--muted)}
.context{background:#e7e0d4;grid-template-columns:.8fr 1.2fr}
.year{font:400 clamp(120px,19vw,270px)/.77 Caslon,Georgia,serif;letter-spacing:-.07em;color:#8d4d49;justify-self:center}
.context h2{max-width:12ch;margin-bottom:30px}
.context p{max-width:58ch;font-size:15px}
#dealers>h2{max-width:15ch;margin-bottom:24px}
#dealers>p:not(.eyebrow){max-width:60ch;color:var(--muted)}
.dealer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 70px;margin-top:55px}
.dealer-list .pair{display:flex;flex-direction:column;align-items:stretch;gap:26px}
.dealer-list figure{height:330px;background:#eee9df;display:flex;align-items:center;justify-content:center;padding:16px}
.dealer-list img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}
.dealer-list .eyebrow{margin-bottom:12px}
.dealer-list h3{margin-bottom:16px}
.dealer-list p{max-width:46ch;font-size:14px}
.dealer-list em{color:var(--muted);font-size:13px}
.shows{background:#eae5db}
.shows>.eyebrow{margin-bottom:40px}
.shows .pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8vw;align-items:center;padding:45px 0 65px}
.shows .pair+.pair{border-top:1px solid #c9c0b3;padding-top:65px}
.shows figure{margin:0}
.shows img{max-height:520px;width:100%;object-fit:contain}
.shows figcaption{font-size:10px;letter-spacing:.08em;margin-top:16px;text-align:center;color:var(--muted)}
.shows h2{font-size:clamp(40px,4.6vw,68px);margin-bottom:28px}
.shows h3{font:400 20px/1.4 Caslon,Georgia,serif;margin-bottom:16px}
.shows .pair:nth-of-type(2) figure{order:2}
.shows .pair p:not(.eyebrow){font-size:14px;max-width:44ch}
.notice{border-top:1px solid #c9c0b3;padding-top:24px;font-size:11px;color:var(--muted)}
#author figure{margin:0;max-width:370px;justify-self:center}
#author h2{margin-bottom:22px}
#author h3{margin-bottom:20px}
#author p:not(.eyebrow){font-size:14px;max-width:56ch}
.news{background:#292b25;color:#f5f2eb;padding-top:85px;padding-bottom:85px}
.news h2{max-width:14ch;margin-bottom:26px}
.news>p:not(.eyebrow){max-width:53ch;color:#d4d2c8;margin-bottom:28px}
.news .button{background:#f5f2eb;color:#292b25;border-color:#f5f2eb}
.news small{color:#bcbeb0;margin-top:18px}
.news .text-button{display:block;margin-top:24px;color:#f5f2eb}
.signup-note{font-size:12px;color:#bcbeb0;margin-top:15px}
.signup-note a{text-decoration:underline}
footer{display:flex;justify-content:space-between;gap:20px;padding:30px max(6vw,24px);font-size:10px;letter-spacing:.08em}
dialog{width:min(760px,calc(100% - 28px));max-height:90vh;border:1px solid var(--line);padding:0;background:var(--paper);color:var(--ink)}
dialog::backdrop{background:#171a17b8}
.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.1em}
.close-dialog{border:0;background:none;padding:10px;color:var(--ink)}
.excerpt-body{padding:35px clamp(22px,6vw,64px)}
.excerpt-body h2{margin-bottom:30px}
.excerpt-body p{font:18px/1.7 Georgia,serif;margin-bottom:20px}
.excerpt-body .eyebrow,.excerpt-end{font:11px/1.6 DM,Arial,sans-serif}
@media(min-width:1500px){.spread,.room{padding-left:calc((100vw - 1320px)/2);padding-right:calc((100vw - 1320px)/2)}#top{padding-left:90px;padding-right:90px}}
@media(max-width:800px){.site-header{align-items:flex-start;flex-direction:column;padding:22px 24px 16px;gap:14px}.site-header nav{gap:22px;font-size:9px;flex-wrap:wrap}.spread,.room{padding:55px 24px}.spread{gap:35px}#top{padding:45px 24px;grid-template-columns:1fr}#top h1{font-size:clamp(58px,10vw,82px)}#top figure{max-width:310px;margin:20px auto 0}.context{grid-template-columns:.65fr 1fr;gap:30px}.context h2{font-size:38px}.dealer-list{gap:45px 28px}.dealer-list figure{height:260px}.shows .pair{gap:32px}.shows h2{font-size:42px}#author{grid-template-columns:.8fr 1.2fr;gap:30px}#author h2{font-size:40px}}
@media(max-width:540px){body{font-size:15px}.site-header nav{gap:18px}.eyebrow{font-size:9px;margin-bottom:20px}.context,#author,.shows .pair{grid-template-columns:1fr}.year{font-size:100px;justify-self:start}.year br{display:none}.context h2{max-width:15ch;font-size:43px}.dealer-list{grid-template-columns:1fr;gap:40px}.dealer-list figure{height:290px}.dealer-list h3{font-size:34px}.shows .pair{padding-top:20px;gap:30px}.shows .pair:nth-of-type(2) figure{order:0}.shows img{max-height:400px}.shows h2{font-size:45px}#author figure{max-width:280px;margin:0 0 15px;justify-self:start}footer{flex-direction:column;gap:12px}.news h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.context{background:var(--paper);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7vw}
.context .new-york-photo{margin:0}
.new-york-photo img{width:100%;aspect-ratio:1/1.04;object-fit:cover;object-position:50% 40%;filter:grayscale(1)}
.new-york-photo figcaption{font-size:10px;color:var(--muted);margin-top:12px;line-height:1.5}
.context h2{font-family:DM,Arial,sans-serif;font-size:clamp(32px,3.3vw,48px);letter-spacing:-.04em;max-width:none;margin-bottom:16px}
.context h3{font-family:DM,Arial,sans-serif;font-size:clamp(23px,2.3vw,33px);line-height:1.2;letter-spacing:-.03em;margin-bottom:26px}
.context .context-coda{font-size:13px;margin-top:24px}
@media(max-width:650px){.context{grid-template-columns:1fr;gap:30px}.context h2{font-size:36px}.context h3{font-size:26px}}

/* Dealer portraits integrated directly into the editorial cards. */
#dealers{background:#eeebe3}
#dealers>h2{max-width:18ch}
.dealer-list{gap:72px 8vw;margin-top:65px}
.dealer-list .pair{gap:30px}
.dealer-list figure{height:auto;margin:0;padding:0;background:transparent;border:0;outline:0;box-shadow:none}
.dealer-list img{display:block;width:100%;height:auto;aspect-ratio:583/512;object-fit:contain;mix-blend-mode:normal;background:transparent}
.dealer-list .pair>div{padding:0;margin:0;background:transparent;border:0;box-shadow:none}
.dealer-list .eyebrow{color:#773c40;font-size:9px;letter-spacing:.14em}
.dealer-list h3{font-size:32px;margin-bottom:16px}
.dealer-list p{font-size:13px;line-height:1.6}
.dealer-list .pair>div p:last-child{padding-top:14px;margin-top:18px}
.dealer-list em{font-family:Caslon,Georgia,serif;font-size:18px;line-height:1.4;color:#63564b}
@media(max-width:800px){.dealer-list{gap:65px 30px}.dealer-list h3{font-size:29px}}
@media(max-width:540px){.dealer-list{margin-top:60px;gap:70px}.dealer-list h3{font-size:32px}}

/* Bring the book directly below the subheadline on phones. */
#top .mobile-book{display:none}
@media(max-width:540px){
 #top>figure{display:none}
 #top .mobile-book{display:block;width:100%;max-width:260px;margin:8px auto 24px;padding:0}
 #top .mobile-book img{display:block;width:100%;height:auto}
}