:root{--ink:#0a0a0b;--paper:#f7f6f2;--mute:#a3a09a;--red:#e23b2e;--gap:3px}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--paper);font-family:"Instrument Sans",system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.55}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
.display{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.01em}
.bar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;mix-blend-mode:difference}
.bar .display{font-size:15px;letter-spacing:.08em}
.bar nav{display:flex;gap:16px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.bar nav a{opacity:.92}
.bar nav a:hover,.bar nav a:focus-visible,.bar nav a.on{opacity:1;text-decoration:underline;text-underline-offset:4px}
.hero{position:relative;height:100svh;min-height:540px}
.hero img{position:absolute;inset:0}
.hero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,11,.28) 0%,rgba(10,10,11,0) 34%,rgba(10,10,11,0) 52%,rgba(10,10,11,.82) 100%)}
.hero .mast{position:absolute;left:0;right:0;bottom:0;padding:0 18px 26px}
.hero h1{font-size:clamp(52px,12.5vw,168px);line-height:.9;margin-bottom:14px}
.hero h1 span{display:block}
.hero p{max-width:34ch;font-size:clamp(15px,1.6vw,18px);font-weight:500;margin-bottom:18px}
.cta{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}
.btn{display:inline-block;padding:13px 22px;font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--paper);transition:background .2s,color .2s,border-color .2s}
.btn.red{background:var(--red);border-color:var(--red);color:#fff}
.btn.red:hover,.btn.red:focus-visible{background:#c72d21;border-color:#c72d21}
.btn.ghost:hover,.btn.ghost:focus-visible{background:var(--paper);color:var(--ink)}
.ticker{overflow:hidden;border-top:1px solid #1c1c1e;border-bottom:1px solid #1c1c1e}
.ticker .track{display:flex;width:max-content;animation:slide 26s linear infinite}
.ticker span{padding:11px 0;font-family:Anton,Impact,sans-serif;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.ticker i{font-style:normal;color:var(--red);padding:0 16px}
@keyframes slide{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker .track{animation:none}}
.intro{max-width:680px;padding:64px 18px 8px}
.intro p{font-size:clamp(17px,2.2vw,21px);font-weight:500;line-height:1.6}
.intro .more{display:inline-block;margin-top:16px;color:var(--red);font-weight:600;font-size:14px;letter-spacing:.05em;text-transform:uppercase}
.intro .more:hover,.intro .more:focus-visible{text-decoration:underline;text-underline-offset:4px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:23vw;grid-auto-flow:dense;gap:var(--gap);padding:var(--gap) 0}
.grid figure{overflow:hidden}
.grid .tall{grid-row:span 2}
.grid .wide{grid-column:span 2}
.grid img{transition:transform .5s ease}
.grid.zoom figure{cursor:zoom-in}
@media (hover:hover){.grid figure:hover img{transform:scale(1.03)}}
@media (max-width:760px){.grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:46vw}}
.section-pad{padding:56px 18px}
.page-head{padding:110px 18px 26px}
.page-head h1{font-size:clamp(44px,9vw,110px);line-height:.95}
.page-head p{margin-top:12px;color:var(--mute);max-width:52ch}
.rates{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1c1c1e;border-top:1px solid #1c1c1e;border-bottom:1px solid #1c1c1e}
.rates div{background:var(--ink);padding:34px 22px}
.rates .display{font-size:clamp(30px,4.4vw,50px);line-height:1}
.rates small{display:block;margin-top:10px;font-size:13px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--mute)}
@media (max-width:760px){.rates{grid-template-columns:1fr}}
.book{padding:80px 18px 90px;text-align:center}
.book .display{font-size:clamp(44px,9vw,120px);line-height:.95}
.book .display a{transition:color .2s}
.book .display a:hover,.book .display a:focus-visible{color:var(--red)}
.book p{margin-top:16px;color:var(--mute);font-size:15px}
.book .links{margin-top:26px;display:flex;justify-content:center;gap:26px;font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap}
.book .links a:hover,.book .links a:focus-visible{color:var(--red)}
.fine{padding:0 18px 26px;text-align:center;color:#57544f;font-size:12.5px}
.prose{max-width:640px;padding:8px 18px 48px}
.prose p{margin-bottom:22px;font-size:17px}
.prose strong{color:var(--paper)}
.about-img{max-width:640px;margin:0 18px 26px;aspect-ratio:3/4;overflow:hidden}
.about-img.wide{aspect-ratio:16/10}
@media (min-width:761px){.about-wrap{display:grid;grid-template-columns:1fr 380px;gap:36px;max-width:1080px;padding:0 18px}.about-wrap .prose{padding:8px 0 48px}.about-wrap .about-img{margin:0 0 26px;max-width:none}}
.high{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1c1c1e;border-top:1px solid #1c1c1e;border-bottom:1px solid #1c1c1e;margin-top:20px}
.high>div,.high>a{display:block;background:var(--ink);padding:26px 20px}
.high>a:hover strong,.high>a:focus-visible strong{color:var(--red)}
.prose a{text-decoration:underline;text-underline-offset:3px}
.prose a:hover,.prose a:focus-visible{color:var(--red)}
.high strong{display:block;font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:19px;letter-spacing:.03em}
.high small{display:block;margin-top:7px;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.high.two{grid-template-columns:repeat(2,1fr)}
@media (max-width:760px){.high,.high.two{grid-template-columns:1fr}}
.steps{max-width:680px;padding:8px 18px 26px;counter-reset:s}
.steps li{list-style:none;position:relative;padding:22px 0 22px 74px;border-bottom:1px solid #1c1c1e}
.steps li::before{counter-increment:s;content:counter(s,decimal-leading-zero);position:absolute;left:0;top:20px;font-family:Anton,Impact,sans-serif;font-size:34px;color:var(--red)}
.steps h2{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:21px;letter-spacing:.03em;margin-bottom:6px}
.steps p{color:var(--mute);font-size:15.5px}
.lb{position:fixed;inset:0;z-index:60;background:rgba(6,6,7,.96);display:none;align-items:center;justify-content:center;padding:4vh 4vw;cursor:zoom-out}
.lb.open{display:flex}
.lb img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.lb button{position:absolute;background:none;border:0;color:var(--paper);cursor:pointer;font-family:"Instrument Sans",sans-serif;z-index:61}
.lb .x{top:12px;right:16px;font-size:34px;line-height:1}
.lb .pv,.lb .nx{top:50%;transform:translateY(-50%);font-size:44px;line-height:1;padding:16px 12px}
.lb .pv{left:4px}.lb .nx{right:4px}
.lb button:hover,.lb button:focus-visible{color:var(--red)}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}
