.vault-page{--paper:#111214;--ink:#ededed;--muted:#9aa0a6;--orange:#e56a2f;--forest:#181a1e;--white:#111214;background:#111214}
.vault-page ::selection{background:#e56a2f;color:#111214}
.vault-page :is(button,a,summary):focus-visible{outline-color:#e56a2f}
.vault-page .breadcrumb{color:#9aa0a6;padding-block:21px;border-bottom:1px solid #ffffff10}
.vault-hero{padding-block:64px 89px}
.vault-hero .hero-grid{gap:55px}
.vault-brand{display:flex;align-items:center;gap:13px;font-size:24px;letter-spacing:-.04em;margin-bottom:26px}
.vault-brand img{width:48px;height:48px;border-radius:12px}
.vault-hero .eyebrow{color:#b0a198;margin-bottom:26px;text-transform:none;letter-spacing:.08em}
.vault-hero h1{font-size:clamp(54px,5.2vw,89px);letter-spacing:-.06em;margin-bottom:26px}
.vault-hero h1 em{color:#e56a2f}
.vault-tagline{font-size:21px;color:#ded7d0;line-height:1.5;margin-bottom:21px;letter-spacing:-.025em}
.vault-hero .lead{font-size:15px;line-height:1.85;max-width:420px}
.vault-hero .small-note{font-size:12px;line-height:1.8;margin-top:26px;color:#969da4}
.vault-button{background:#e56a2f;border-color:#e56a2f;color:#111214;border-radius:4px}
.vault-button:hover{background:#f17a42;color:#111214}
.vault-hero .text-link{color:#c0c4c8}
.vault-hero-art{margin:0;width:100%;min-width:0;align-self:center}
.vault-hero-art{display:flex;flex-direction:column;align-items:center;position:relative;padding:0 21px;background:radial-gradient(ellipse,#e56a2f0d,transparent 65%)}
.vault-phone{width:100%;border:5px solid #343538;border-radius:29px;overflow:hidden;box-shadow:0 21px 34px #0005;background:#111214}
.vault-phone img{width:100%;height:auto;display:block}
.vault-hero-art .vault-phone{max-width:244px}
.vault-hero-art figcaption{width:min(100%,350px);margin-top:26px}
.vault-hero-art figcaption{display:flex;justify-content:space-between;gap:21px;padding-top:21px;border-top:1px solid #e56a2f22;font-size:12px;color:#9aa0a6}
.vault-hero-art figcaption span{font:15px Georgia,serif;color:#e56a2f;white-space:nowrap}
.vault-page .vault-experience{background:#181a1e;border-block:1px solid #ffffff10}
.vault-page .section-heading h2,.vault-page .vault-decisions h2{color:#ededed}
.vault-page .section-heading>p{font-size:14px;color:#9aa0a6;line-height:1.8}
.vault-page .eyebrow{color:#b0a198}
.vault-rituals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.vault-ritual{border-top:1px solid #e56a2f50;padding-top:26px;min-width:0}
.vault-sequence{display:block;color:#e56a2f;font:21px/1.6 Georgia,serif;letter-spacing:.025em;margin-bottom:34px}
.vault-ritual h3{font-size:25px;letter-spacing:-.035em;margin-bottom:17px}
.vault-ritual p{font-size:14px;line-height:1.9;color:#9aa0a6;max-width:350px}
.vault-page .vault-decisions{background:#111214}
.vault-page .vault-decisions .story-copy p{font-size:15px;line-height:1.9;color:#aeb3b8}
.vault-feedback{margin-top:21px;color:#e56a2f}
.vault-page .vault-gallery{background:#111214}
.vault-gallery .screens-text h2{color:#ededed}
.vault-gallery .screens-text p{color:#aeb3b8}
.vault-gallery .screens-phones figure{max-width:222px}
.vault-gallery .screens-phones figcaption{color:#9aa0a6}
@media(max-width:1100px){
 .vault-hero .hero-grid{gap:34px}
 .vault-hero h1{font-size:clamp(54px,6.1vw,72px)}
 .vault-hero .lead{font-size:14px}
 .vault-rituals{gap:26px}
 .vault-ritual h3{font-size:22px}
}
@media(max-width:760px){
 .vault-hero{padding-block:34px 55px}
 .vault-hero .hero-grid{gap:34px}
 .vault-hero h1{font-size:clamp(49px,10vw,69px)}
 .vault-tagline{font-size:19px}
 .vault-hero .small-note{font-size:11px}
 .vault-hero-art{max-width:500px;justify-self:center}
 .vault-hero-art .vault-phone{max-width:244px;width:75%}
 .vault-gallery .vault-phone{border-width:3px;border-radius:19px}
 .vault-hero-art figcaption{font-size:11px}
 .vault-rituals{grid-template-columns:minmax(0,1fr);gap:34px}
 .vault-sequence{margin-bottom:21px}
 .vault-ritual p{max-width:470px}
 .vault-page .vault-decisions .story-copy p{font-size:14px}
}