@font-face{font-family:Inria;src:url('/fonts/inria-serif.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inria;src:url('/fonts/inria-serif-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
:root{--paper:#f6f3ec;--ink:#202a28;--copper:#dda071;--line:#ffffff2b;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #d97943;outline-offset:6px}p,h1,h2{margin:0}::selection{background:#d97943;color:#202a28}
.skip{position:absolute;top:-100px;left:24px;z-index:10;padding:14px;background:var(--paper)}.skip:focus{top:12px}.shell{padding-inline:clamp(24px,4.5vw,80px)}
header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--paper)}.wordmark{display:block;width:156px;height:auto}.header-note{font-size:13px;letter-spacing:.11em;text-transform:uppercase;display:flex;align-items:center;gap:14px}.header-note:before{content:'';width:28px;height:1px;background:#ae6a40}.app-link{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:500;min-height:44px;border-bottom:1px solid #202a28}.app-link .plus{font-size:22px;font-weight:300;transition:transform .25s}.app-link:hover .plus{transform:rotate(90deg)}
.hero{position:relative;isolation:isolate;min-height:max(740px,calc(100svh - 100px));color:var(--paper);background:#1c2421;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
.film{position:absolute;inset:0;z-index:-3;background:#1c2421 url('/media/perspective.jpg') center/cover no-repeat}.film video{display:block;width:100%;height:100%;object-fit:cover;object-position:60% center}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#131c18f2 0%,#131c18d4 31%,#131c186b 58%,#131c1805 100%)}.shade:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d1712b3,transparent 35%)}
.hero-content{padding-top:clamp(70px,8vh,112px);padding-bottom:56px;position:relative}.eyebrow{display:flex;gap:14px;align-items:center;color:#deded1;font-size:12px;letter-spacing:.15em;font-weight:500;line-height:1.5;text-transform:uppercase}.eyebrow .number{color:var(--copper);font-variant-numeric:tabular-nums}.eyebrow .rule{width:34px;height:1px;background:#c9997299}
h1{font-family:Inria,Georgia,serif;font-size:clamp(76px,7.4vw,122px);line-height:.98;letter-spacing:-.055em;font-weight:400;margin-top:34px;max-width:880px}h1 span{display:block}h1 em{font-weight:400;color:#e5c6a8}h1 .final-line{display:inline-block;padding-bottom:.08em}.intro{font-size:18px;line-height:1.65;color:#dddeda;max-width:390px;margin-top:25px}
.cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 24px;gap:30px;font-size:14px;font-weight:500;background:var(--paper);color:var(--ink);border:1px solid var(--paper);border-radius:3px;transition:background .2s,transform .2s}.cta:hover{background:#fff;transform:translateY(-2px)}.hero-cta{margin-top:30px}.cta svg{width:16px;height:16px;flex:none}
.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:22px;border-top:1px solid var(--line);margin-inline:clamp(24px,4.5vw,80px)}.hero-bottom p{font-size:12px;letter-spacing:.025em;color:#dddeda}.hero-bottom .caption{color:#dddeda;display:flex;gap:26px}.caption span:first-child{color:#beccbf}.motion{color:var(--paper);border:1px solid #ffffff50;border-radius:50%;background:#18251c60;width:40px;height:40px;display:grid;place-items:center;cursor:pointer;transition:background .2s;flex:none}.motion:hover{background:#18251c}.motion svg{height:12px;width:12px}.motion[hidden]{display:none}
.next{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:50px;align-items:start;padding-block:66px 70px}.next-label{color:#7d4a2d;font-size:12px;letter-spacing:.12em;text-transform:uppercase;line-height:1.6;display:flex;gap:14px;align-items:center}.next-label:before{content:'';height:7px;width:7px;background:#bd744b;transform:rotate(45deg);flex:none}.next h2{font-family:Inria,Georgia,serif;font-size:36px;letter-spacing:-.035em;font-weight:400;line-height:1.15;margin-top:-7px}.next-copy{font-size:16px;line-height:1.7;color:#56605a;max-width:360px}.next-copy a{color:var(--ink);display:inline-block;margin-top:18px;border-bottom:1px solid #758071;padding-bottom:3px}.next-copy a:hover{border-color:#d97943}
footer{border-top:1px solid #202a2826;margin-inline:clamp(24px,4.5vw,80px);padding-block:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#657068;font-size:12px}.footer-brand{letter-spacing:.025em}.reveal{animation:arrive .9s both}.reveal-2{animation-delay:.12s}.reveal-3{animation-delay:.24s}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(min-width:1800px){.hero-content{padding-top:100px}.hero{min-height:900px}}
@media(max-width:900px){header{height:82px}.header-note{display:none}.hero{min-height:max(760px,calc(100svh - 82px))}h1{font-size:clamp(70px,10vw,100px)}.hero-content{padding-top:72px}.next{grid-template-columns:1fr 1fr;gap:26px 40px}.next-label{grid-column:1/-1}.next h2{margin:0}.caption span:last-child{display:none}.shade{background:linear-gradient(90deg,#131c18e6,#131c1899 60%,#131c1810)}}
@media(max-width:560px){header{height:80px}.wordmark{width:127px}.app-link{font-size:13px;gap:16px}.hero{min-height:max(730px,calc(100svh - 80px))}.hero-content{padding-top:53px;padding-bottom:80px}.eyebrow{font-size:11px;gap:11px;letter-spacing:.12em}h1{font-size:clamp(58px,15vw,84px);margin-top:34px;line-height:1.02}.intro{font-size:16px;max-width:290px;margin-top:24px}.hero-cta{margin-top:27px}.film{background-position:65% center}.film video{object-position:65% center}.shade{background:linear-gradient(90deg,#131c18eb,#131c18bd 60%,#131c1833)}.hero-bottom{gap:10px;padding-block:18px}.hero-bottom .caption{display:none}.hero-bottom p{font-size:11px;max-width:215px;line-height:1.6}.next{grid-template-columns:1fr;gap:25px;padding-block:40px 44px}.next h2{font-size:34px}.next-copy{max-width:360px}footer{font-size:11px;align-items:flex-start}.footer-brand{max-width:180px;line-height:1.6}footer p:last-child{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}.cta,.app-link .plus{transition:none}}
