.site-header{position:absolute;height:160px;padding:30px var(--pad) 0;display:flex;align-items:flex-start;justify-content:center;background:transparent;color:#fff;border:0;backdrop-filter:none}
.site-header.scrolled{height:160px;background:transparent;color:#fff;border:0;backdrop-filter:none}
.site-header .brand{display:grid;justify-items:center;width:max-content}
.site-header .brand span{font:400 42px/.8 var(--serif);letter-spacing:.02em}
.site-header .brand small{font-size:9px;letter-spacing:.34em;margin-top:10px}
.site-header .brand b{font-size:6px;font-weight:400;letter-spacing:.42em;margin-top:6px;opacity:.75}
.site-header .menu-button{position:absolute;right:var(--pad);top:60px;color:#fff}
.hero{background:#222}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transform:scale(1.015)}
.hero-wash{background:rgba(8,8,8,.48)}
.hero h1{z-index:2;left:50%;top:50%;transform:translate(-50%,-48%);width:min(900px,88vw);text-align:center;font:300 clamp(46px,6.1vw,88px)/.92 var(--serif);letter-spacing:-.025em;text-transform:none}
.hero h1 em{font-weight:400}.hero h1 strong{font-weight:600}
.hero-cta{position:absolute;z-index:2;left:50%;bottom:18%;transform:translateX(-50%);width:245px;padding:17px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.72);text-transform:uppercase;letter-spacing:.18em;font-size:9px;cursor:pointer;transition:.3s}
.hero-cta:hover{background:#fff;color:var(--ink)}
.scroll-cue{position:absolute;z-index:2;left:50%;bottom:4%;transform:translateX(-50%);width:42px;height:42px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font:26px/1 var(--serif)}
.utility-bar{height:112px;padding:0 var(--pad);display:flex;align-items:center;gap:24px;background:var(--paper);position:relative;border-bottom:1px solid #f2efe8}
.utility-bar>button:first-child{padding:14px 22px;background:transparent;border:1px solid var(--line);text-transform:uppercase;letter-spacing:.16em;font-size:9px;cursor:pointer}
.utility-bar>a{font-size:10px;letter-spacing:.14em}
.utility-bar nav{margin-left:auto;display:flex;gap:24px}.utility-bar nav a{font-size:9px;text-transform:uppercase;letter-spacing:.13em}
.utility-bar .menu-button{position:static;color:var(--ink);margin-left:20px}
.intro{padding-top:170px;padding-bottom:170px;background:#fff}
.priorities{background:#fbfaf7}
.priority-card .card-image,.tile div{filter:saturate(.68)}
@media(max-width:760px){.site-header{height:125px;padding-top:26px}.site-header.scrolled{height:125px}.site-header .menu-button{top:45px}.site-header .brand span{font-size:35px}.hero h1{top:46%;font-size:13vw;line-height:.94}.hero-cta{bottom:16%;width:220px}.utility-bar{height:88px;gap:14px}.utility-bar nav{display:none}.utility-bar>a{display:none}.utility-bar .menu-button{margin-left:auto}.intro{padding-top:110px;padding-bottom:110px}}
.menu-drawer{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:clamp(55px,8vw,110px) var(--pad);border:0;background:#1f1e1b;color:#f5f1e8}.menu-drawer[open]{display:flex;flex-direction:column}.menu-drawer::backdrop{background:#1f1e1b}.menu-drawer>p{text-transform:uppercase;letter-spacing:.25em;font-size:9px}.menu-drawer nav{display:flex;flex-direction:column;margin:auto 0}.menu-drawer nav a,.menu-drawer nav button{width:max-content;border:0;background:none;color:inherit;padding:4px 0;font:300 clamp(52px,8vw,112px)/.9 var(--serif);cursor:pointer}.menu-drawer nav a:hover,.menu-drawer nav button:hover{font-style:italic}.menu-drawer footer{display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.13em}.menu-drawer .modal-close{color:#fff}