/* ANGELS: the threshold. Emerald velvet, a red path that runs the length of the page, candle gold. */
:root{color-scheme:dark;--ground:#04110c;--green:#082b20;--text:#eee9dc;--muted:#b6bcb0;--red:#a92c2b;--gold:#c9b26a;--line:rgba(238,233,220,.16);--line-strong:rgba(238,233,220,.45);--focus:#bfba85;--gutter:clamp(22px,5vw,88px);--serif:"Bodoni 72","Didot","Baskerville",Georgia,serif;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif}
::selection{background:#a92c2b;color:#fff}
cite{font-style:normal}
.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--muted)}
.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:56px;padding:0 28px;border-radius:40px;background:var(--text);color:#0c1f17;text-decoration:none;font-size:13px;letter-spacing:.03em;transition:background .3s,color .3s}
.cta:hover{background:var(--red);color:#fff}
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:130px var(--gutter) 120px;overflow:hidden;isolation:isolate}
.velvet{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 46%,rgba(4,17,12,.38),rgba(4,17,12,.82) 68%),linear-gradient(0deg,#04110c 0%,rgba(4,17,12,0) 30%)}
/* The red path begins under the title and continues through the page. */
.hero:after{content:"";position:absolute;left:50%;bottom:0;width:2px;height:92px;margin-left:-1px;background:linear-gradient(0deg,var(--red),rgba(169,44,43,0))}
.hero h1{font:400 clamp(86px,19vw,330px)/.86 var(--serif);letter-spacing:-.03em;margin:26px 0 30px;text-shadow:0 4px 60px rgba(0,0,0,.5)}
.premise{font:italic 400 clamp(23px,2.7vw,40px)/1.2 var(--serif);margin-bottom:44px}
.carried{position:absolute;top:92px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:13px 22px;border:1px solid var(--gold);border-radius:40px;background:rgba(4,17,12,.8);color:var(--gold);font-size:12px;letter-spacing:.06em}
.about{position:relative;max-width:1240px;margin:0 auto;padding:clamp(80px,10vw,150px) var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,12vw,190px)}
.about p{font:400 clamp(20px,1.85vw,27px)/1.5 var(--serif);text-wrap:pretty}
.about:before,.path:before,.close:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--red)}
.path{position:relative;padding:20px var(--gutter) 40px}
.station{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,12vw,190px);align-items:center;max-width:1500px;margin:0 auto;padding:clamp(50px,7vw,110px) 0}
.station:before{content:"";position:absolute;left:50%;top:50%;width:13px;height:13px;margin:-6.5px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 7px var(--ground),0 0 34px 10px rgba(201,178,106,.35)}
.station figure{overflow:hidden;background:#020a07}
.station img{width:100%;aspect-ratio:3/2;object-fit:cover}
.station:nth-child(even) figure{order:2}
.station h2{font:400 clamp(42px,5.2vw,86px)/1 var(--serif);letter-spacing:-.04em;margin:20px 0 24px}
.station-copy p:last-child{max-width:25em;line-height:1.65;color:#d7dacd;font-size:16px}
.close{position:relative;display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center;padding:clamp(120px,14vw,200px) var(--gutter) clamp(80px,9vw,130px)}
.close:before{bottom:auto;height:clamp(70px,9vw,120px)}
.close .eyebrow{color:var(--text)}
.fine{font-size:12px;color:var(--muted)}
@media(max-width:760px){
 .hero{padding:110px var(--gutter) 110px}
 .hero h1{font-size:25vw}
 .carried{top:74px;font-size:11px}
 .about{grid-template-columns:1fr;gap:28px;padding-left:calc(var(--gutter) + 30px)}
 .about:before,.path:before{left:calc(var(--gutter) + 6px)}
 .hero:after{left:calc(var(--gutter) + 6px);height:60px}
 .path{padding-left:calc(var(--gutter) + 30px)}
 .station{grid-template-columns:1fr;gap:26px;padding:44px 0}
 .station:nth-child(even) figure{order:0}
 .station:before{left:-24px;top:44px;margin:0 -6.5px}
 .close:before{display:none}
 .close{padding-top:70px}
 .cta{width:100%;max-width:340px}
}