@font-face{font-family:Sunup;src:local("Helvetica Neue");font-display:swap}
:root{--paper:#f4f3ec;--ink:#222720;--muted:#666b60;--acid:#e5ff9a;--line:rgba(34,39,32,.2);--ease:cubic-bezier(.22,.68,.12,1);font-family:Sunup,Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #477b65;outline-offset:5px}h1,h2,h3,p{margin:0;font-weight:400}svg{display:block}img,video{max-width:100%;display:block}[hidden]{display:none!important}::selection{color:#20261d;background:#d8f48e}.skip{position:fixed;top:-90px;left:15px;padding:12px 20px;background:var(--acid);z-index:100}.skip:focus{top:15px}.pill{background:var(--acid);color:#20261d;border-radius:100px;display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:51px;padding:15px 27px;font-size:14px;transition:background .25s,transform .3s var(--ease),box-shadow .3s;white-space:nowrap}.pill:hover{background:#efffc5;transform:translateY(-2px);box-shadow:0 5px 22px #0b210d12}.pill>span{font-size:20px;line-height:1}.text-link{display:inline-flex;align-items:center;gap:25px;background:transparent;padding:0 0 8px;border-bottom:1px solid currentColor;font-size:13px;line-height:1.5}.text-link>span{font-size:20px;transition:transform .3s}.text-link:hover>span{transform:translate(3px,-2px)}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;line-height:1.6}
.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;padding:29px 40px;display:flex;align-items:center;justify-content:space-between;color:#fffdf5}.wordmark{display:flex;align-items:center;gap:10px;font-size:29px;letter-spacing:-1.7px;line-height:1}.wordmark svg{height:32px;width:32px;fill:none;stroke:currentColor;stroke-width:1.6}.wordmark-mail{font-weight:400;opacity:.78}.site-header nav{display:flex;align-items:center;gap:36px}.nav-story{font-size:13px}.header-join{font-size:12px;min-height:44px;padding:12px 21px;gap:28px}.header-join>span{font-size:17px}.header-join{position:fixed;top:27px;right:38px;z-index:30}.nav-story{margin-right:200px}
.hero{position:relative;height:max(740px,100svh);max-height:1100px;min-height:690px;overflow:hidden;color:#fffdf4;background:#5a6554;isolation:isolate;display:grid;place-items:center}.hero-photo-wrap,.hero-photo,.hero-wash{position:absolute;inset:0;width:100%;height:100%}.hero-photo{object-fit:cover;object-position:center 55%;transform:scale(1.07);will-change:transform;animation:arrive 2.5s var(--ease) both}.hero-wash{background:linear-gradient(180deg,#1420142e 0%,#18211930 30%,#1b251c45 72%,#15211664 100%);z-index:1}.hero-copy{text-align:center;position:relative;z-index:2;padding:95px 24px 65px;animation:appear 1.3s .1s var(--ease) both}.hero-eyebrow{margin-bottom:25px;font-size:10px;letter-spacing:.15em;opacity:.87}.hero h1{font-size:clamp(75px,10.9vw,171px);font-weight:400;line-height:.91;letter-spacing:-.075em}.period{margin-left:.02em}.hero-description{font-size:18px;line-height:1.4;margin-top:28px;letter-spacing:-.02em}.hero-join{margin-top:29px;min-width:190px}.hero-note{display:block;margin-top:14px;font-size:10px;letter-spacing:.02em;color:#fffdf4c7}.scroll-note{position:absolute;z-index:3;bottom:29px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.02em}.scroll-note>span:last-child{font-size:25px}.hero-side-note{position:absolute;z-index:2;right:31px;top:49%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.08em;opacity:.65}
.introduction{text-align:center;padding:124px 24px 120px}.introduction h2{font-size:clamp(40px,5.2vw,72px);line-height:1.03;letter-spacing:-.055em;margin:24px 0 30px}.introduction>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#62685e}.introduction .text-link{margin-top:35px;gap:28px}
.story{padding:51px 4.2% 65px;background:#e7e7d9}.story-inner{max-width:1440px;margin:auto}.story-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin:0 2px 18px;opacity:.75}.story-stage{position:relative;aspect-ratio:1.92;min-height:390px;max-height:735px;border-radius:25px;overflow:hidden;isolation:isolate;background:#60675a}.story-photo,.photo-shade,.stage-toggle{position:absolute;inset:0;width:100%;height:100%}.story-photo{object-fit:cover;transition:transform 1.7s var(--ease),filter .8s,opacity .8s}.photo-shade{background:linear-gradient(180deg,#0a211315,#16271e2c 50%,#10251744);transition:background .8s,opacity .8s}.photo-words{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px 35px 65px;color:#fffef4;transition:opacity .55s,transform .7s var(--ease);text-shadow:0 2px 25px #10201122}.photo-words>span{font-size:11px;letter-spacing:.04em;margin-bottom:19px}.photo-words h3{font-size:clamp(42px,6.6vw,100px);line-height:1.02;letter-spacing:-.055em}.stage-toggle{z-index:5;background:transparent;color:#fffef4;display:flex;align-items:flex-end;justify-content:center;padding:28px}.stage-hint{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.02em;transition:opacity .3s}.play-mark{width:27px;height:27px;display:grid;place-items:center;border:1px solid #fffff49e;border-radius:50%;font-size:14px}.demo-window{position:absolute;width:min(79%,920px);left:50%;top:50%;transform:translate(-50%,calc(-50% + 25px)) scale(.96);opacity:0;background:#fafbf6;border:1px solid #fff9;border-radius:12px;overflow:hidden;box-shadow:0 25px 100px #07180e55;transition:transform .85s var(--ease),opacity .7s var(--ease);pointer-events:none}.demo-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:9px;color:#657064;background:#f6f7f1}.demo-topline>span:first-child{display:flex;gap:4px}.demo-topline i{height:5px;width:5px;border-radius:50%;background:#ccd2c4}.demo-window video{width:100%;max-height:470px;object-fit:contain;background:#fff}.demo-footnote{display:block;text-align:center;font-size:9px;color:#7c8377;padding:5px;background:#f6f7f1}.photo-back{position:absolute;z-index:7;top:18px;right:18px;border-radius:100px;background:#f8f9f1eb;padding:9px 14px;font-size:10px;display:none;align-items:center;gap:12px}.photo-back span{font-size:18px}.story-stage.is-playing .story-photo{transform:scale(1.045);filter:blur(3px) brightness(.78)}.story-stage.is-playing .photo-words{opacity:0;transform:translateY(-16px)}.story-stage.is-playing .demo-window{opacity:1;transform:translate(-50%,-50%) scale(1)}.story-stage.is-playing .stage-hint{opacity:0}.story-stage.is-pinned .photo-back{display:flex}.story-caption{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;padding-top:26px}.story-caption h2{font-size:clamp(26px,2.6vw,39px);letter-spacing:-.045em;line-height:1.2;margin-bottom:11px}.story-caption p{font-size:15px;line-height:1.65;max-width:640px;color:#505a4f}.large-demo{flex-shrink:0;font-size:11px;gap:25px;margin-bottom:5px}.story-focus{background:#d4dfd9}.story-map{background:#e9e9e1}.story-read{background:#dedbcf}.story-reply{background:#dce3d6}.story-labels .story-photo{object-position:center 55%}.story-map .photo-shade{background:#12251538}.story-read .photo-shade{background:#16211635}.story-reply .photo-shade{background:#16251630}
.interlude{padding:76px 24px 78px;background:#eceee1;text-align:center}.interlude p{font-size:clamp(35px,5vw,64px);line-height:1.05;letter-spacing:-.055em}.interlude .pill{margin-top:27px}.interlude>span{display:block;margin-top:12px;color:var(--muted);font-size:10px}
.questions{padding:87px max(6%,24px) 88px;display:grid;grid-template-columns:1fr 1.1fr;gap:8%;max-width:1420px;margin:auto}.questions-title h2{font-size:clamp(33px,3.5vw,48px);line-height:1.06;letter-spacing:-.055em;margin:18px 0 24px}.questions-title>p:last-child{font-size:13px;line-height:1.8;color:var(--muted)}.questions-title a{border-bottom:1px solid #8a9284}.question-list details{border-bottom:1px solid var(--line)}.question-list details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.question-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:14px;padding:19px 0;line-height:1.5}.question-list summary>span{font-size:21px;font-weight:300;transition:transform .25s}.question-list details[open] summary>span{transform:rotate(45deg)}.question-list details>p{font-size:13px;line-height:1.7;max-width:92%;padding:0 0 22px;color:var(--muted)}.closing{background:#d8e1cb;text-align:center;padding:80px 24px 76px}.closing h2{font-size:clamp(58px,8vw,113px);letter-spacing:-.065em;line-height:.95;margin:22px 0 29px}.closing-note{font-size:11px;line-height:1.7;margin-top:17px;color:#5b6854}.founder{display:flex;align-items:center;justify-content:center;gap:17px;padding:37px 35px 33px;border-bottom:1px solid var(--line);max-width:1300px;margin:auto}.founder img{width:47px;height:47px;border-radius:50%;object-fit:cover;object-position:50% 55%}.founder p{font-size:11px;line-height:1.8}.founder p>span{display:block}.founder p>span:last-child{color:var(--muted)}.founder>div{display:flex;gap:17px;font-size:11px;margin-left:20px}.site-footer{max-width:1420px;margin:auto;padding:24px 5% 25px;display:flex;align-items:center;gap:28px;font-size:10px;color:#767d70}.footer-brand{font-size:19px;letter-spacing:-1px;color:var(--ink);margin-right:4px}.site-footer>span:nth-child(3){margin-left:auto}.site-footer .text-link{font-size:10px;border:0;padding:0}
dialog{border:0;color:var(--ink);background:var(--paper);padding:0;max-height:calc(100dvh - 40px);max-width:calc(100vw - 30px);box-shadow:0 24px 120px #15221833}dialog::backdrop{background:#1f2a2366;backdrop-filter:blur(10px)}dialog[open]{animation:dialog-in .35s var(--ease)}body.has-dialog{overflow:hidden}.dialog-close{position:absolute;right:20px;top:13px;background:transparent;font-size:28px;font-weight:300;width:35px;height:35px;z-index:3}.signup-dialog{width:540px;border-radius:24px}.signup-view{padding:47px 46px 35px}.signup-view h2,.privacy-dialog h2{font-size:54px;line-height:1;letter-spacing:-.055em;margin:19px 0}.signup-view>p:not(.eyebrow){font-size:13px;line-height:1.7;color:var(--muted)}form label{display:block;margin:22px 0 9px;font-size:12px}form label>span{color:#8b9384;font-size:10px;margin-left:5px}input,textarea,select{border:1px solid #a8b19f;border-radius:8px;width:100%;padding:13px 14px;background:#fff8;color:var(--ink);font-size:13px;line-height:1.5}input::placeholder,textarea::placeholder{color:#90968a;font-size:12px}textarea{resize:vertical;min-height:80px}form .pill{width:100%;margin-top:24px;justify-content:space-between}form small{display:block;font-size:10px;line-height:1.7;color:#7f8876;margin-top:13px}.inline-button{display:inline;background:transparent;padding:0;font-size:inherit;text-decoration:underline;text-underline-offset:2px;color:inherit}.direct-message{font-size:11px!important;border-top:1px solid var(--line);margin-top:25px;padding-top:17px}.direct-message a{text-decoration:underline;text-underline-offset:3px}.form-status{font-size:12px;line-height:1.5;margin-top:12px;color:#6e4834}.form-status:empty{display:none}.honeypot{display:none!important}.local-preview-note{font-size:11px!important;background:#e7ead9;padding:10px 13px;margin-top:12px;border-radius:6px}.research-disclosure{margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0}.research-disclosure>summary{font-size:13px;line-height:1.6}.research-disclosure>summary span{font-size:10px;color:var(--muted);display:block}.research-intro{font-size:12px;line-height:1.6;color:var(--muted);margin-top:17px}.research-disclosure label{margin-top:19px}.back-to-site{margin-top:25px;font-size:11px}.video-dialog{width:1120px;padding:23px;border-radius:20px;background:#f0f2e9}.video-modal-heading{display:flex;align-items:center;justify-content:space-between;padding:0 50px 18px 2px}.video-modal-heading h2{font-size:21px;letter-spacing:-.03em}.video-modal-heading .dialog-close{right:15px;top:12px}.video-dialog video{width:100%;max-height:72dvh;object-fit:contain;background:#fff;border-radius:8px}.video-dialog>p{font-size:10px;color:var(--muted);padding-top:15px;display:flex;justify-content:space-between}.privacy-dialog{width:570px;border-radius:22px;padding:43px}.privacy-dialog>p:not(.eyebrow){font-size:13px;line-height:1.75;margin:20px 0}.privacy-dialog a{text-decoration:underline}.privacy-storage{font-size:11px!important;color:var(--muted)}
@keyframes arrive{from{transform:scale(1.16);filter:brightness(.8)}to{transform:scale(1.07);filter:brightness(1)}}@keyframes appear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(13px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1700px){.story-stage{aspect-ratio:2.05}.story{padding-top:60px;padding-bottom:74px}}
@media(max-width:900px){.hero{height:92svh;min-height:700px}.hero h1{font-size:13vw}.site-header{padding:27px}.header-join{right:25px}.nav-story{margin-right:190px}.story{padding:35px 25px 46px}.story-stage{min-height:380px;aspect-ratio:1.55;border-radius:20px}.photo-words h3{font-size:7vw}.demo-window{width:88%}.demo-window video{max-height:320px}.story-caption{gap:25px}.story-caption p{font-size:13px}.questions{gap:45px;padding:65px 30px}.founder{justify-content:flex-start}.founder>div{margin-left:auto}.site-footer{gap:20px}.site-footer>span:nth-child(2){display:none}}
@media(max-width:600px){html{scroll-padding-top:70px}.site-header{padding:23px 21px}.wordmark{font-size:24px;gap:7px;letter-spacing:-1.4px}.wordmark svg{height:25px;width:25px}.wordmark-mail{display:none}.nav-story{display:none}.header-join{top:19px;right:19px;min-height:40px;padding:10px 17px;gap:18px;font-size:11px}.hero{height:94svh;min-height:650px;max-height:960px}.hero-copy{padding:70px 16px 65px}.hero h1{font-size:18vw;line-height:.97;letter-spacing:-.075em}.hero-eyebrow{font-size:9px;margin-bottom:23px}.hero-description{font-size:16px;margin-top:25px}.hero-join{margin-top:27px}.hero-note{font-size:9px;max-width:230px;line-height:1.6;margin:13px auto 0}.hero-side-note{display:none}.scroll-note{left:22px;right:22px;bottom:22px;font-size:10px}.hero-photo{object-position:55% center}.hero-wash{background:linear-gradient(180deg,#14201440,#18211935 35%,#1b251c50 72%,#15211675)}.introduction{padding:80px 22px}.introduction h2{font-size:40px;margin:24px 0}.introduction>p:not(.eyebrow){font-size:14px;line-height:1.75}.desktop-break{display:none}.introduction .text-link{margin-top:28px;font-size:11px}.eyebrow{font-size:9px}.story{padding:27px 16px 34px}.story-meta{font-size:8px;letter-spacing:.05em;margin-bottom:12px}.story-stage{aspect-ratio:1;min-height:0;border-radius:17px}.photo-words{padding:25px 15px 60px}.photo-words>span{font-size:9px;margin-bottom:18px}.photo-words h3{font-size:10vw;letter-spacing:-.055em}.stage-toggle{padding-bottom:18px}.stage-hint{font-size:9px;gap:8px}.play-mark{width:24px;height:24px}.demo-window{width:94%;border-radius:7px}.demo-topline{padding:7px 8px;font-size:7px}.demo-topline i{height:4px;width:4px}.demo-window video{max-height:unset}.demo-footnote{font-size:7px;padding:4px}.photo-back{top:10px;right:10px;padding:7px 10px;font-size:8px}.story-caption{display:block;padding-top:20px}.story-caption h2{font-size:28px;line-height:1.12;margin-bottom:10px;max-width:340px}.story-caption p{font-size:13px;line-height:1.65}.large-demo{margin-top:17px;font-size:10px;gap:20px}.interlude{padding:53px 22px}.interlude p{font-size:38px}.interlude .pill{margin-top:22px;font-size:12px;min-height:46px}.interlude>span{font-size:9px}.questions{display:block;padding:54px 23px 57px}.questions-title h2{font-size:38px}.questions-title>p:last-child{font-size:12px;margin-bottom:28px}.question-list summary{font-size:12px;padding:17px 0;gap:15px}.question-list details>p{font-size:12px;padding-bottom:18px}.closing{padding:65px 20px 58px}.closing h2{font-size:65px;margin:23px 0 28px}.closing-note{font-size:10px}.founder{padding:27px 23px;gap:12px;flex-wrap:wrap;align-items:center}.founder img{height:42px;width:42px}.founder p{font-size:10px;flex:1;line-height:1.6}.founder p>span{display:inline}.founder p>span:last-child{display:block;margin-top:3px}.founder>div{margin-left:54px;gap:20px;width:100%;font-size:10px}.site-footer{padding:22px 23px;gap:17px;flex-wrap:wrap;font-size:9px}.footer-brand{font-size:17px}.site-footer>span:nth-child(3){margin-left:auto}.site-footer>button{margin-left:auto}.site-footer>a:last-child{font-size:9px}.signup-dialog{border-radius:19px;max-height:calc(100dvh - 24px);max-width:calc(100vw - 22px)}.signup-view{padding:42px 26px 28px}.signup-view h2,.privacy-dialog h2{font-size:47px}.signup-view>p:not(.eyebrow){font-size:12px}.signup-view .eyebrow{font-size:9px}.dialog-close{right:14px;top:10px}.signup-dialog form label{font-size:11px}.signup-dialog input,.signup-dialog textarea,.signup-dialog select{font-size:16px;padding:11px 12px}.signup-dialog select{font-size:13px}.direct-message{font-size:10px!important}.video-dialog{padding:13px;border-radius:13px}.video-modal-heading h2{font-size:17px}.video-modal-heading{padding-bottom:16px}.video-dialog>p{line-height:1.6;display:block;font-size:9px}.video-dialog>p>span{display:block}.privacy-dialog{padding:35px 26px}.privacy-dialog>p:not(.eyebrow){font-size:12px}}
.hero h1{font-size:clamp(68px,9.3vw,145px)}
.hero-wash{background:linear-gradient(180deg,#14201435 0%,#18211966 35%,#1b251c70 65%,#15211670 100%)}
.hero h1{text-shadow:0 2px 45px #17201030}
.story-read .photo-words{color:#26342b;text-shadow:none}.story-read .stage-toggle{color:#26342b}.story-read .play-mark{border-color:#26342b99}.story-read .photo-shade{background:#18251508}
@media(max-width:600px){.hero h1{font-size:14.8vw;line-height:1.04;letter-spacing:-.065em}}
/* The photograph stays visible until a decoded video frame is ready. */
.demo-window{transform:translate(-50%,-50%) scale(.985);transition:opacity .8s var(--ease),transform 1.05s var(--ease)}
.demo-window video{aspect-ratio:984/612;background:#fafbf6}
.photo-words{transition:opacity .75s var(--ease),transform .95s var(--ease)}
.stage-hint{transition:opacity .55s var(--ease)}
.story-stage.is-playing .story-photo{transform:scale(1.02);filter:blur(1.4px) brightness(.88)}
.story-stage.is-playing .photo-words{transform:translateY(-5px)}
.story-stage.is-playing .demo-window{transform:translate(-50%,-50%) scale(1)}
@supports(width:1cqh){.story-stage{container-type:size}.demo-window{max-width:calc((100cqh - 108px)*1.607843)}.demo-window video{max-height:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-photo{will-change:auto}}