@font-face{font-family:Newsreader;src:url("../fonts/Newsreader.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20AC,U+2190-21FF}
@font-face{font-family:Newsreader;src:url("../fonts/Newsreader-Italic.woff2") format("woff2");font-style:italic;font-weight:200 800;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20AC,U+2190-21FF}

:root{--ink:#171210;--wine:#4c101d;--wine-bright:#711729;--ivory:#f2ece3;--blush:#e3b49b;--page-x:clamp(22px,5vw,76px);color:var(--ivory);background:var(--ink);font-family:Instrument,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{background:var(--ink)}
body{margin:0;overflow-x:hidden;background:var(--ink);color:var(--ivory)}
a{color:inherit;text-decoration:none}
img{display:block;width:100%}
h1,p{margin:0}
em{font-family:Newsreader,serif;font-weight:310}

.site-header{position:absolute;z-index:50;top:0;right:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:25px var(--page-x);font-size:11px;letter-spacing:.07em;text-transform:uppercase}
.brand{display:flex;gap:12px;align-items:center;width:max-content;font-family:Newsreader,serif;font-size:21px;font-style:italic;font-weight:330;letter-spacing:-.02em;text-transform:none}
.site-header nav{display:flex;gap:30px;color:rgba(242,236,227,.68)}
.header-cta{justify-self:end;padding-bottom:5px;border-bottom:1px solid rgba(242,236,227,.48)}
.header-cta span{margin-left:12px}

.hero{position:relative;display:flex;min-height:100svh;align-items:flex-end;isolation:isolate;overflow:hidden;padding:150px var(--page-x) 78px}
.hero-media{position:absolute;z-index:-4;inset:-4%;width:108%;height:108%;object-fit:cover;object-position:center 58%;filter:saturate(.68) contrast(1.05);transform:scale(1.04)}
.hero-shade{position:absolute;z-index:-3;inset:0;background:linear-gradient(180deg,rgba(13,9,8,.5),rgba(13,9,8,.08) 30%,rgba(21,8,11,.32) 58%,rgba(23,18,16,.97) 100%),linear-gradient(90deg,rgba(40,7,14,.58),transparent 72%)}
.hero-copy{width:min(930px,86vw)}
.hero-logo{width:clamp(250px,27vw,410px);height:auto;margin:0 0 clamp(18px,2.4vh,30px) -1.3vw;object-fit:contain}
.hero h1{max-width:12ch;font-family:Newsreader,serif;font-size:clamp(58px,7.8vw,96px);font-weight:350;line-height:.88;letter-spacing:-.04em;text-wrap:balance}
.hero h1 em{display:block;color:var(--blush);font-size:.75em;line-height:.95}
.hero-intro{width:min(530px,78vw);margin:29px 0 0 9.8vw;color:rgba(242,236,227,.75);font-family:Newsreader,serif;font-size:clamp(17px,1.45vw,23px);font-weight:320;line-height:1.45}
.journey-button{display:flex;width:190px;align-items:center;justify-content:space-between;margin:34px 0 0 9.8vw;padding:13px 0;border-bottom:1px solid rgba(242,236,227,.55);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.journey-button i{font-size:17px;font-style:normal}
.hero-foot{position:absolute;right:var(--page-x);bottom:25px;display:flex;width:min(260px,38vw);gap:15px;align-items:center;color:rgba(242,236,227,.5);font-size:8px;letter-spacing:.12em;text-transform:uppercase}
.hero-foot-line{height:1px;flex:1;background:rgba(242,236,227,.25)}

@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.header-cta{font-size:9px}.hero{padding-bottom:82px}.hero-copy{width:100%}.hero-logo{margin-left:-2vw}.hero-intro,.journey-button{margin-left:0}}
@media(max-width:560px){:root{--page-x:20px}.site-header{padding-top:18px}.brand{font-size:18px}.header-cta{padding-bottom:3px}.header-cta span{display:none}.hero{padding-top:106px;padding-bottom:72px}.hero-logo{width:238px;margin:0 0 18px -10px}.hero h1{max-width:10ch;font-size:46px;line-height:.91}.hero h1 em{margin-top:5px;font-size:.78em}.hero-intro{width:100%;max-width:32ch;margin-top:22px;font-size:16px;line-height:1.42}.journey-button{margin-top:24px}.hero-foot{font-size:7px}}
