/* Private header and watermark design study. */
.site-header{position:absolute;top:0;left:0;background:linear-gradient(180deg,rgba(18,17,15,.8),rgba(18,17,15,.42) 65%,transparent);color:#fff;padding:28px clamp(24px,5vw,76px) 40px;z-index:5}
.site-header .brand,.site-header nav a,.site-header .menu-toggle{color:#fff}.brand-name{font-style:normal;letter-spacing:-.055em;font-size:35px;line-height:1}.brand small{line-height:1.4;margin-top:7px;letter-spacing:.12em;font-size:8px}
.hero-copy{padding-top:160px}.hero-image .monogram{left:auto;right:32px;bottom:28px;width:130px;height:130px;border-radius:0;background:transparent;opacity:.44;mix-blend-mode:screen;pointer-events:none;z-index:3}
.hero-image .monogram img{position:static!important;inset:auto!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:grayscale(1) brightness(.8) contrast(10);display:block}
html[data-wordmark="modern"] .brand-name{font-family:Geist,Arial,sans-serif;font-size:32px;font-weight:400;letter-spacing:-.065em}
html[data-wordmark="caps"] .brand-name{font-family:Fraunces,serif;font-size:28px;font-weight:400;letter-spacing:.045em}
@media(max-width:900px){.site-header{gap:12px;padding:22px 24px 35px}.site-header nav{border-color:#ffffff4d;background:rgba(28,25,22,.96);padding:12px 16px;margin:0 -8px;border-radius:6px}.site-header nav a{color:#fff}.site-header .menu-toggle:focus-visible,.site-header nav a:focus-visible{outline-color:#fff}.menu-toggle{color:#fff}.hero-image .monogram{width:100px;height:100px;right:18px;bottom:18px}}
@media(max-width:600px){.hero-copy{padding-top:42px}.hero-image>img{min-height:450px;object-fit:cover!important;object-position:center center}.brand-name{font-size:31px}.brand small{font-size:7px;letter-spacing:.1em}.site-header{padding:20px 20px 40px}.hero-image .monogram{width:92px;height:92px;bottom:14px;right:14px}}

/* Selected serif lockup: larger, with matching name and strapline widths. */
html[data-wordmark="serif"] .brand{display:inline-grid;justify-items:start;flex-shrink:0}
html[data-wordmark="serif"] .brand-name{display:block;width:max-content;white-space:nowrap;font-size:48px}
html[data-wordmark="serif"] .brand small{width:max-content;white-space:nowrap;font-size:9.5px;letter-spacing:.12em;margin-top:9px}
@media(max-width:600px){html[data-wordmark="serif"] .brand small{font-size:8.5px;letter-spacing:.1em;margin-top:8px}html[data-wordmark="serif"] .brand-name{font-size:43px}}