:root{--red:#cf1f2f;--paper:#fbfaf8;--cream:#f7f3ed;--ink:#181411;--muted:#655d56;--border:#e6dfd8;--serif:"Cormorant Garamond",Georgia,serif;--sans:Montserrat,Arial,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;width:100%;background:var(--paper);color:var(--ink);font-family:var(--sans)}
body{overflow-x:hidden}
.shell{width:min(85%,1224px);margin:auto}
.header{position:absolute;z-index:3;top:0;left:50%;transform:translateX(-50%);width:min(calc(100% - 96px),1344px);height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff}
.logo{font-size:14px;letter-spacing:5px}
.header nav{display:flex;gap:40px}
.header nav span,.account span{font-size:11px;font-weight:500;letter-spacing:2px}
.account{justify-self:end;display:flex;align-items:center;gap:28px}
.account .join{padding:22px 34px;background:var(--red)}
.hero{height:698px;position:relative;background:linear-gradient(90deg,rgba(252,241,224,.28),rgba(252,241,224,.1) 33%,rgba(8,8,7,.02) 61%),url('./hero.png') center/cover no-repeat}
.hero:before{content:"";position:absolute;inset:0 0 auto;height:104px;background:linear-gradient(rgba(15,13,12,.36),transparent)}
.hero-inner{height:100%;position:relative}
.hero-copy{position:absolute;top:126px;left:0;width:515px}
.hero h1{margin:0 0 18px;font:500 63px/.91 var(--serif);letter-spacing:-1.4px}
.hero-copy>p{max-width:485px;margin:0 0 20px;font-size:14px;line-height:1.62;color:#2a2521}
.button{display:inline-flex;min-width:252px;height:60px;padding:0 28px;align-items:center;justify-content:center;background:var(--red);color:#fff;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:2.2px}
.compact{height:50px;min-width:220px;margin-top:8px;font-size:10px}
.hero-copy small{display:block;margin-top:18px;font-size:10px;letter-spacing:2.4px}
.finder{height:77px;background:#f7f3ed;display:grid;grid-template-columns:repeat(4,1fr) 250px;padding:0 58px;border-bottom:1px solid #e2ddd5}
.finder>div{height:100%;padding:16px 26px;border-right:1px solid #ddd7cf;position:relative;display:flex;flex-direction:column;justify-content:center}
.finder small{font:500 12px/1.2 var(--sans);letter-spacing:2.2px;color:#5f5750}
.finder strong{font:500 16px/1.45 var(--serif);color:#4f4741}
.finder b{position:absolute;right:24px;bottom:17px;font-size:12px}
.finder>a{align-self:center;justify-self:center;width:204px;padding:17px;text-align:center;background:var(--red);color:#fff;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:2px}
.content-stack{display:grid;gap:18px;width:min(85%,1224px);margin:23px auto 22px}
.section{border:1px solid var(--border);background:#fff}
.split{display:grid;grid-template-columns:1.07fr .93fr;gap:46px;padding:54px 34px 54px 44px;align-items:center}
.image-first{grid-template-columns:.93fr 1.07fr;padding:54px 44px 54px 34px}
.copy{min-width:0}
.eyebrow{margin:0 0 10px!important;color:var(--red)!important;font-size:10px!important;font-weight:600!important;letter-spacing:2px!important}
.section h2{margin:0 0 18px;font:500 37px/1.05 var(--serif);letter-spacing:-.35px}
.section p{margin:0 0 15px;color:var(--muted);font:500 14.2px/1.72 var(--sans)}
.centered{padding:62px 92px;text-align:center}
.reading{max-width:970px;margin:auto}
.reading>p{max-width:900px;margin-left:auto;margin-right:auto}
.reading hr{width:150px;margin:42px auto;border:0;border-top:1px solid #ddd6cf}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:52px;margin:46px 0 8px;padding-top:42px;border-top:1px solid #e2dbd5;text-align:left}
.two-column h2{font-size:33px}
.final-cta{height:465px;position:relative;color:#fff;background:url('./final-cta.png') center 52%/cover no-repeat}
.final-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,5,4,.9),rgba(9,6,4,.72) 28%,rgba(9,6,4,.34) 48%,transparent 78%)}
.final-inner{height:100%;position:relative}
.final-copy{position:absolute;left:0;top:45px;width:535px}
.final-eyebrow{margin:0 0 8px;font-size:10px;letter-spacing:3px}
.final-copy h2{margin:0 0 12px;font:500 56px/.9 var(--serif)}
.final-copy>p:not(.final-eyebrow){margin:0 0 14px;font-size:13px;line-height:1.58}
.final-copy small{display:block;margin-top:15px;font-size:9px;letter-spacing:1.8px}
footer{height:300px;padding:36px 48px 20px;background:var(--cream)}
.footer-main{max-width:1344px;margin:auto;display:grid;grid-template-columns:1.65fr 1fr 1.25fr 1.15fr 1.25fr .8fr;gap:30px}
.brand strong{font-size:13px;letter-spacing:4px}
.footer-main h3{margin:0 0 14px;font-size:11px;letter-spacing:1.5px}
.footer-main p{margin:14px 0 0;color:#716861;font:13px/1.72 var(--serif)}
.footer-main>div:not(.brand) p{margin-top:0;font-size:12px}
.footer-bottom{max-width:1344px;margin:29px auto 0;padding-top:19px;border-top:1px solid #ded8d1;display:flex;justify-content:space-between;color:#81776f;font-size:10px;letter-spacing:1px}