:root{--paper:#FAF9F3;--surround:#E5EBEF;--ink:#26453E;--muted:#526660;--rule:#B6C4C0;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--surround);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;padding:24px;font-size:16px;line-height:1.5625}
h1,h2,h3,p,ul,dl,dd,figure{margin:0}
h1,h2,h3{font-family:var(--serif);font-weight:400}
img{display:block;max-width:100%;object-fit:cover}
a{color:inherit;text-underline-offset:4px}
a:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--ink);outline-offset:6px}
.paper{background:var(--paper);padding-bottom:48px}
.skip-link{position:fixed;top:12px;left:24px;z-index:5;transform:translateY(-200%);background:var(--ink);color:var(--paper);padding:12px 20px;min-height:48px}
.skip-link:focus{transform:none}
.masthead{height:50px;margin-inline:40px;border-bottom:1px solid var(--rule);text-align:center}
.wordmark{font:28px/34px var(--serif);position:relative;top:-6px}
.eyebrow,.concept-label{font:12px/20px var(--sans);text-transform:uppercase}
.concept-label{color:var(--muted);line-height:18px}
.intro-copy{text-align:center;margin-top:38px}
.intro-copy .eyebrow{font-size:14px}
h1{font-size:60px;line-height:72px;margin:24px 16px 8px}
.tagline{font-size:18px;line-height:27px}
.hero-pair{display:grid;grid-template-columns:38vw minmax(0,1fr);column-gap:calc(15vw - 96px);margin:49px 72px 0}
.hero-photo{width:100%;height:402px;border-radius:50%}
.selection{padding-top:8px}
.selection h2{font-size:34px;line-height:41px;margin-bottom:26px}
.preview-list{list-style:none;padding:0}
.preview-list li{height:69px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:16px;padding-top:12px;font:23px/32px var(--serif)}
.preview-note{font:14px/20px var(--sans);color:var(--muted);padding-top:5px;text-align:right}
.primary-action{display:flex;align-items:center;justify-content:space-between;width:234px;min-height:48px;margin-top:44px;padding:10px 20px;background:var(--ink);color:var(--paper);font:16px/24px var(--sans);text-decoration:none;gap:16px}
.primary-action span{font-size:24px;line-height:24px}
.primary-action:hover{background:#1c3731}
.section-opening{border-top:1px solid var(--rule);margin:46px 40px 0;padding-top:26px}
.section-opening h2{font-size:30px;line-height:36px}
.mobile-title{display:none}
.section-opening .concept-label{text-align:right;margin-top:22px}
.content-width{margin-inline:72px}
.details-pair{display:grid;grid-template-columns:calc(55vw - 96px) minmax(0,1fr);margin-top:81px}
.detail-figure{width:min(440px,calc((100vw - 192px)*.4))}
.detail-figure img{width:100%;height:500px}
figcaption{font:12px/19px var(--sans);color:var(--muted);margin-top:12px}
.detail-figure figcaption{font-size:13px}
.details-copy{padding-top:15px}
.detail-intro{margin-top:25px;line-height:25px}
.detail-notes{margin-top:29px}
.detail-notes>div{border-top:1px solid var(--rule);padding-top:16px;margin-top:22px}
.detail-notes>div:first-child{margin-top:0}
.detail-notes dt{font:25px/32px var(--serif)}
.detail-notes dd{font-size:15px;line-height:23px;margin-top:6px}
.collection{border-top:1px solid var(--rule);margin-top:96px;scroll-margin-top:24px}
.collection-opening{padding-top:50px;margin-bottom:59px}
.collection-opening h2{font-size:42px;line-height:50px;margin-top:14px}
.collection-opening>p:last-child{max-width:620px;line-height:25px;margin-top:14px}
.composition{border-top:1px solid var(--rule);padding-top:32px;display:grid;grid-template-columns:minmax(0,1fr) min(380px,calc((100vw - 192px)*.34));column-gap:72px;padding-bottom:64px}
.composition-copy{max-width:460px;padding-top:6px;min-width:0}
.composition h3{font-size:36px;line-height:44px;margin-top:25px}
.composition-description{line-height:25px;margin-top:17px}
.composition-notes{margin-top:27px}
.composition-notes>div+div{margin-top:23px}
.composition-notes dt{font-size:13px;line-height:20px;color:var(--muted)}
.composition-notes dd{font-size:16px;line-height:25px;margin-top:7px}
.composition-photo img{width:100%;height:360px}
.composition-photo figcaption{margin-top:12px}
.site-footer{border-top:1px solid var(--rule);padding-top:50px}
.site-footer h2{font-size:36px;line-height:44px}
.footer-description{font-size:15px;line-height:24px;max-width:650px;color:var(--muted);margin-top:15px}
.back-top{display:inline-flex;align-items:center;gap:5px;min-width:140px;min-height:44px;font-size:15px;line-height:24px;margin-top:20px;text-decoration:none}
.back-top:hover{text-decoration:underline}
.footer-wordmark{font:28px/34px var(--serif);margin-top:20px}
.site-footer .concept-label{margin-top:10px}
.site-footer .concept-label a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-underline-offset:4px}
.error-page{min-height:calc(100svh - 48px);padding:64px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.error-page h1{margin:20px 0;font-size:48px;line-height:1.2}
.error-page p{max-width:480px}
.error-page .primary-action{margin-top:32px}
@media(max-width:899px){
 body{padding:12px}
 .paper{padding-bottom:48px}
 .masthead{height:62px;margin-inline:20px}
 .wordmark{font-size:23px;line-height:28px;top:8px}
 .intro-copy{margin-top:23px}
 .intro-copy .eyebrow{font-size:12px}
 h1{font-size:38px;line-height:46px;margin:12px 12px 4px}
 .tagline{font-size:15px;line-height:23px;margin-inline:20px}
 .hero-pair{display:flex;flex-direction:column;max-width:440px;margin:24px auto 0;width:calc(100% - 40px);gap:24px}
 .hero-photo{order:-1;height:250px}
 .selection{padding-top:0}
 .selection h2{font-size:28px;line-height:34px;margin-bottom:10px}
 .preview-list li{height:48px;padding-top:10px;font-size:18px;line-height:26px}
 .preview-note,.preview-list .desktop-preview{display:none}
 .primary-action{width:100%;margin-top:14px}
 .section-opening{max-width:440px;width:calc(100% - 40px);margin:24px auto 0;padding-top:15px}
 .section-opening h2{font-size:22px;line-height:28px}
 .desktop-title{display:none}.mobile-title{display:inline}
 .section-opening .concept-label{margin-top:19px;text-align:center}
 .content-width{width:calc(100% - 40px);max-width:440px;margin-inline:auto}
 .details-pair{display:block;margin-top:79px}
 .detail-figure{width:100%}
 .detail-figure img{height:auto;aspect-ratio:5/6}
 .details-copy{padding-top:44px}
 .detail-intro{margin-top:19px}
 .detail-notes{margin-top:29px}
 .detail-notes>div{padding-top:16px;margin-top:24px}
 .detail-notes dt{font-size:23px;line-height:30px}
 .detail-notes dd{margin-top:6px}
 .collection{margin-top:72px;scroll-margin-top:20px}
 .collection-opening{padding-top:50px;margin-bottom:59px}
 .collection-opening h2{font-size:30px;line-height:36px;margin-top:18px}
 .collection-opening>p:last-child{margin-top:17px}
 .composition{display:flex;flex-direction:column;position:relative;padding-bottom:91px}
 .composition-photo{order:-1}
 .composition-photo img{height:auto;aspect-ratio:1/1.05}
 .composition-photo figcaption{position:absolute;left:0;bottom:48px;margin-top:0}
 .composition-copy{padding-top:15px;max-width:none}
 .composition h3{font-size:28px;line-height:34px;margin-top:19px}
 .composition-description{margin-top:11px}
 .composition-notes{margin-top:17px}
 .composition-notes dd{font-size:15px;line-height:23px;margin-top:4px}
 .silhouette{display:none}
 .site-footer{padding-top:50px}
 .site-footer h2{font-size:28px;line-height:34px}
 .footer-description{margin-top:17px}
 .footer-wordmark{font-size:23px;line-height:28px}
 .error-page{min-height:calc(100svh - 24px);padding:32px 20px}
 .error-page h1{font-size:36px}
}
@media(max-width:359px){h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
