:root{--paper:#fff9f1;--ink:#48271e;--muted:#796d68;--lavender:#ad84d8;--lavender-light:#eee4f6;--line:#e8ddd4;--surface:#fffdf9;--plum:#70516c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus,button:focus,a:focus-visible,button:focus-visible{outline:none;box-shadow:none;text-decoration:none}header{height:106px;max-width:1440px;margin:auto;padding:22px 5%;display:flex;align-items:center;justify-content:space-between}.brand img{width:146px;display:block}nav{display:flex;align-items:center;gap:34px;font-size:14px}nav a:last-child{border:1px solid var(--line);padding:12px 18px;border-radius:25px}nav span{margin-left:12px}.hero{text-align:center;padding:40px 0 24px;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:650;margin:0 0 25px}h1{font-size:clamp(44px,5.1vw,74px);font-weight:620;letter-spacing:-3.3px;line-height:1.08;margin:0}em{font-family:Georgia,serif;font-weight:400;color:var(--plum)}.intro{font-size:16px;line-height:1.8;color:var(--muted);margin:24px 18px}.button{display:inline-flex;align-items:center;gap:28px;font-size:14px;font-weight:600;background:var(--lavender-light);padding:17px 24px;border-radius:50px;transition:background .25s}.button:hover{background:#e4d3ef}.button span{font-size:20px;font-weight:400}.people{max-width:950px;margin:20px auto 0;animation:arrive 1s ease both}.people img{width:100%;display:block;mix-blend-mode:normal}.caption{font-size:12px;color:var(--muted);letter-spacing:.5px;margin:8px 0 22px}.why,.example,.how{max-width:1240px;margin:auto;padding:105px 50px}.why{border-top:1px solid var(--line)}h2{font-size:clamp(33px,3.25vw,48px);font-weight:530;letter-spacing:-1.8px;line-height:1.18;margin:0}p{line-height:1.75}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:100px}.two-col>p{margin:0;color:var(--muted);font-size:16px;max-width:450px}.topics{display:flex;justify-content:space-between;padding:46px 0 0;margin-top:30px;border-top:1px solid var(--line);font-size:14px}.topics span{display:flex;align-items:center;gap:12px}.topics span:before{content:'';display:inline-block;width:16px;height:16px;flex:none;background:url('spark.4a3b1290d84c.svg') center/contain no-repeat}.example{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px;padding-top:70px}.example-copy>p:not(.eyebrow){max-width:360px;color:var(--muted);font-size:15px;margin-top:26px}.small{font-size:12px!important;color:var(--muted)}.vault{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden}.vault-top{padding:22px;display:flex;justify-content:space-between;font-size:13px;font-weight:600;border-bottom:1px solid var(--line)}.sample{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.filters{display:flex;gap:6px;padding:18px 16px}.filters button{border:0;background:none;padding:7px 10px;font-size:11px;border-radius:18px}.filters button[aria-pressed=true]{background:var(--lavender-light);color:var(--ink)}.record{display:flex;gap:15px;padding:18px 24px;border-bottom:1px solid #f0e8e0}.record[hidden]{display:none}.record-icon{font-size:20px;color:var(--plum);width:30px;flex-shrink:0}h3{font-size:16px;font-weight:550;margin:0}.record p{font-size:12px;color:var(--muted);margin:5px 0 10px}.record small{font-size:9px;letter-spacing:.7px;color:var(--muted)}.context-note{display:flex;align-items:center;gap:18px;padding:15px 24px;background:#f2eaf7}.context-note>span{font-size:28px;color:var(--plum)}.context-note p{font-size:12px;margin:0}.context-note strong{font-weight:550}.how{padding-top:85px}.how>h2{margin-bottom:50px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:56px}.steps article{border-top:1px solid var(--line);padding-top:24px}.steps article>span{font-size:10px;letter-spacing:1.6px;color:var(--plum)}.steps h3{font-size:21px;margin:25px 0 13px}.steps p{font-size:14px;color:var(--muted);margin:0}.ending{background:#eee4f4;text-align:center;padding:88px 25px}.ending>p:not(.eyebrow){color:var(--muted);font-size:15px}.ending .button{background:var(--ink);color:var(--paper);margin:15px 0 8px}.ending .button:hover{background:#634338}footer{max-width:1340px;margin:auto;padding:35px 45px;display:flex;align-items:center;gap:30px;font-size:12px;color:var(--muted)}.footer-logo{font-size:24px;font-weight:750;letter-spacing:-1px;color:var(--ink)}footer>span{margin-left:auto}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.js .reveal.shown{opacity:1;transform:none}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(max-width:700px){header{height:85px;padding:16px 22px}.brand img{width:115px}nav{gap:10px}nav>a:not(:last-child){display:none}nav a:last-child{font-size:11px;padding:10px 13px}.hero{padding-top:28px}h1{letter-spacing:-1.8px;font-size:43px}.eyebrow{font-size:9px;letter-spacing:1.4px}.intro{font-size:14px;margin:20px 25px}.desktop{display:none}.button{font-size:12px;padding:14px 19px;gap:15px}.people{width:100%;max-width:none;margin-left:0;margin-top:28px}.caption{font-size:10px}.why,.example,.how{padding:65px 25px}.two-col,.example{grid-template-columns:1fr;gap:25px}.two-col>p{font-size:14px}.topics{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:11px;padding-top:25px}.example{padding-top:20px}.example-copy>p:not(.eyebrow){max-width:none}.steps{grid-template-columns:1fr;gap:28px}.steps h3{margin-top:16px}.ending{padding:65px 22px}.ending h2{font-size:32px}footer{padding:28px 25px;flex-wrap:wrap;gap:8px 20px}footer>p{font-size:10px}footer>span{margin:0;width:100%;font-size:10px}.filters{padding:14px 9px;gap:0}.filters button{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,.js .reveal{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}

html:has(body.capture) .reveal{opacity:1!important;transform:none!important}


.scroll-progress{position:fixed;z-index:20;top:0;left:0;width:100%;height:2px;background:var(--lavender);transform-origin:left;pointer-events:none}
.js .motion-piece{opacity:0;transform:translateY(28px);transition:opacity .8s ease var(--delay,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--delay,0ms)}
.js .motion-piece.shown{opacity:1;transform:none}
.js .reveal{transition-duration:.9s;transform:translateY(35px)}
.js .reveal.shown{transform:none}
.capture .motion-piece{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.js .motion-piece{opacity:1;transform:none;transition:none}.people{translate:none!important}.scroll-progress{display:none}}

.people img{height:auto}

body{font-kerning:normal;font-variant-ligatures:common-ligatures;letter-spacing:0}
h1{letter-spacing:-.035em;line-height:1.1}h1 em{letter-spacing:-.025em}
h2{letter-spacing:-.025em;line-height:1.2}h2 em{letter-spacing:-.015em}
h3,.steps h3{letter-spacing:-.012em}
nav,.button{letter-spacing:.005em}
p,.intro,.record p,.two-col>p{letter-spacing:0}
.eyebrow{letter-spacing:.12em;line-height:1.5;font-weight:600}
.steps article>span{letter-spacing:.09em}.sample{letter-spacing:.1em}
.record small{letter-spacing:.045em}.caption{letter-spacing:.015em}
.vault-top,.filters button,.topics span,footer{letter-spacing:0}
.footer-logo{letter-spacing:-.035em}
@media(max-width:700px){h1{letter-spacing:-.028em}h2{letter-spacing:-.02em}.eyebrow{letter-spacing:.1em}.steps article>span{letter-spacing:.08em}}

h1 em{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit}


.people-scene{padding-bottom:28px}
.caption{margin:32px 20px 22px;line-height:1.6}
@media(max-width:700px){.caption{margin-top:24px}.people-scene{padding-bottom:18px}}
@media(prefers-reduced-motion:reduce){.people-scene{translate:none!important}}


.why{display:grid;grid-template-columns:1fr 270px;column-gap:65px;align-items:center}
.why .two-col{grid-template-columns:1fr;gap:25px}.why .two-col>p{max-width:600px}
.why-portrait{align-self:end}.why-portrait img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain}
.why .topics{grid-column:1/-1;margin-top:40px}
@media(max-width:700px){.why{grid-template-columns:1fr 120px;column-gap:12px}.why-content{grid-column:1/-1}.why-portrait{grid-column:1/-1;justify-self:center;width:190px;margin-top:28px}.why-portrait img{max-height:280px}.why .topics{margin-top:26px}}

.ending{display:grid;grid-template-columns:minmax(250px,430px) minmax(0,680px);align-items:center;justify-content:center;gap:38px;text-align:left;padding:70px 5%}.ending-art img{display:block;width:100%;height:auto}.ending-copy>p:not(.eyebrow){color:var(--muted)}.ending-copy h2{font-size:clamp(30px,3vw,44px)}
@media(max-width:700px){.ending{grid-template-columns:1fr;text-align:center;gap:24px;padding:50px 25px}.ending-art{max-width:300px;margin:auto}}

.why{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:36px}.why-portrait{align-self:center}.why-portrait img{max-height:450px}
@media(max-width:700px){.why{grid-template-columns:1fr}.why-portrait{width:100%;max-width:460px}.why-portrait img{max-height:none}}

.brand img{height:auto}

.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left}.footer-brand p{margin:0;font-size:12px;line-height:1.6}footer{align-items:flex-end}@media(max-width:700px){footer{gap:22px}.footer-brand p{font-size:11px}}
.footer-brand{gap:2px}.footer-logo{line-height:1.1}.footer-brand p{line-height:1.35}


.people-desktop{display:grid;grid-template-columns:430fr 277fr 330fr 280fr 437fr;width:100%;aspect-ratio:1754/897}.hero-person{display:block;min-width:0;height:100%;overflow:hidden}.hero-person img{width:100%;height:100%;object-fit:fill}.people-mobile{display:none}
@media(max-width:700px){.people-desktop{display:none}.people-mobile{display:block}.people-mobile img{width:100%;height:auto}}

.vault-top{padding:20px 24px;align-items:center}.vault-title{display:flex;align-items:center;gap:12px}.vault-symbol{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;line-height:0}.vault-symbol svg{display:block;width:18px;height:18px}.record{gap:12px;align-items:flex-start}.record h3{line-height:24px}.context-note{gap:12px}.context-note>.vault-symbol{font-size:0}.record-icon{font-size:0}