.wrap{max-width:1400px}
.hero{padding:clamp(28px,7vw,60px) 0 clamp(20px,4vw,40px);text-align:center}
.hero .kicker{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);margin-bottom:22px}
.hero h1{font-weight:400;font-style:italic;font-size:clamp(38px,5.6vw,72px);line-height:1.1;margin:0 auto 20px;max-width:820px}
.hero p{max-width:460px;margin:0 auto;font-size:16px;opacity:.75}
.section{padding:clamp(20px,4vw,40px) 0 clamp(48px,13vw,130px)}
.pillar-ghost{font-family:'Newsreader',serif;font-size:clamp(48px,9vw,92px);line-height:1;color:var(--ink);opacity:.05;position:relative;top:-8px;user-select:none}
.ritual{display:grid;grid-template-columns:repeat(4,1fr)}
.ritual-step{position:relative;padding:0 32px;border-left:1px solid var(--rule)}
.ritual-step:first-child{border-left:none;padding-left:0}
.ritual-step .rlabel{font-family:'Newsreader',serif;font-style:italic;font-size:clamp(18px,2.2vw,26px);position:relative;margin:10px 0 8px}
.ritual-step p{font-size:14px;opacity:.7;margin:0}

@media (max-width:860px){
.ritual{grid-template-columns:1fr 1fr}
.ritual-step{border-left:none;border-top:1px solid var(--rule);padding:24px 0 0}
.ritual-step:first-child{border-top:none}
}
@media (max-width:640px){
.ritual{grid-template-columns:1fr}
}
