.unfold-home{--paper:#f7f5f1;--ink:#29262e;--muted:#847d87;--orange:#535cc6;--header-height:84px;--stage-height:max(640px,calc(100svh - 84px));background:var(--paper);color:var(--ink)}
.unfold-home .site-header{height:84px;min-height:84px;padding:0 5.6vw;border-color:#29262e15;background:var(--paper);z-index:12;position:sticky;top:0}
.unfold-home .wordmark{font-size:25px;letter-spacing:-1.1px}.unfold-home .wordmark svg{width:29px;height:36px;margin-right:10px}
.unfold-home .wordmark-dot{color:var(--ink)}.unfold-home .site-header nav{gap:32px;font-size:12px}.unfold-home .site-header nav a[aria-current]{color:var(--orange)}
.unfold-home .prototype-tag{display:none}
.journey-stage{position:relative}.unfold-viewport{position:relative;isolation:isolate}
html:not(.journey-ready) .paper-surface{inset:0 0 auto;height:var(--stage-height)}
html:not(.journey-ready) .paper-tools{display:none}
.unfold-home .hero{height:calc(100svh - 84px);min-height:640px;max-height:none;padding:0;position:relative;overflow:hidden}
.unfold-home .hero-copy{position:absolute;left:5.6vw;top:47%;transform:translateY(-50%);z-index:4;pointer-events:auto}
.unfold-home .hero-copy h1{font:400 clamp(64px,6.3vw,108px)/1.3 var(--serif);letter-spacing:-.065em}
.unfold-home .hero-copy h1 span{margin-left:25px;display:inline-block}
.unfold-home .hero-subtitle{font-size:clamp(12px,1.05vw,15px);line-height:1.9;color:#716974;letter-spacing:.025em;margin-top:30px}
.paper-surface{position:absolute;inset:0;z-index:2;user-select:none;touch-action:pan-y;outline-offset:-15px}
.paper-surface canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .4s;pointer-events:none}
.paper-surface.is-ready canvas{opacity:1}.paper-surface.is-grabbing{cursor:grabbing!important}
.paper-fallback{position:absolute;right:9%;top:12%;width:30%;max-width:430px;aspect-ratio:3.4/4.4;background:#f1ece3;box-shadow:15px 22px 38px #4a39471a;transform:rotate(-7deg);padding:7%;display:flex;flex-direction:column;justify-content:space-between;color:#29262e}
.paper-fallback img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.paper-fallback span{font-family:var(--serif);font-size:clamp(18px,2.5vw,38px)}.paper-fallback small{font-size:10px}
.is-ready .paper-fallback{opacity:0;pointer-events:none}
.paper-tools{position:absolute;right:5.6vw;bottom:40px;z-index:7;display:flex;align-items:center;gap:8px;transition:opacity .2s}
.paper-tools button{width:36px;height:36px;min-width:36px;border:1px solid #29262e28;border-radius:50%;background:transparent;display:grid;place-items:center;padding:7px}
.paper-tools button:hover{background:#29262e08}.paper-tools button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.paper-tools button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4}
.paper-tools button[hidden]{display:none}.paper-hint{font-size:10px;color:#847b88;margin-right:16px;min-width:98px}
.unfold-home .hero-bottom{position:absolute;left:5.6vw;right:auto;bottom:42px;z-index:7;display:block}
.unfold-home .explore-link{padding:10px 0;font-size:12px;gap:48px;border-bottom:1px solid #29262e35;min-width:150px}.unfold-home .explore-link span{font-size:23px}
.next-page-peek{display:none}
.unfold-home .writing{position:relative;padding:45px 5.6vw 40px;background:var(--paper);color:var(--ink)}
.unfold-home .section-top{font-size:10px;padding-bottom:18px;border-color:#29262e22}
.unfold-home .writing-heading{margin:25px 0 22px;align-items:center}.unfold-home .writing-heading h2{font:400 clamp(29px,3vw,45px)/1.45 var(--serif);letter-spacing:-.035em}
.unfold-home .writing-heading p{font-size:11px;color:#847c88;line-height:1.9;margin:0}
.unfold-home .feature-story{display:grid;grid-template-columns:.9fr 1.1fr;background:transparent;color:var(--ink);min-height:350px;border-top:1px solid #29262e25;border-bottom:1px solid #29262e25}
.unfold-home .story-visual{background:transparent;display:flex;align-items:center;justify-content:center;overflow:visible;padding:20px;aspect-ratio:auto;max-height:none;align-self:stretch}
.unfold-home .visual-caption{display:none}
.paper-cover-fit{width:min(100%,270px);aspect-ratio:3.4/4.4;position:relative;flex-shrink:0;box-shadow:10px 12px 26px #42334412}
.paper-cover-fit img{display:block;width:100%;height:100%;object-fit:cover;opacity:var(--handoff,1)}
.unfold-home .story-copy{padding:28px 8% 28px 10%;justify-content:center;min-width:0}
.unfold-home .story-meta{font-size:9px;padding-bottom:15px;gap:14px;border-color:#29262e20;color:#8c828e}
.unfold-home .story-copy h3{font:400 clamp(29px,3vw,44px)/1.5 var(--serif);letter-spacing:-.045em;margin:19px 0;text-wrap:balance}
.unfold-home .story-copy p{font-size:13px;line-height:1.95;color:#746b77;max-width:340px;margin:0}
.unfold-home .story-copy .read-link{margin-top:25px;font-size:12px}.unfold-home .read-link span{color:#535cc6}
.unfold-home .writing-foot{margin-top:15px;font-size:9px;color:#8c828d;line-height:1.8}.unfold-home .writing-foot .mono{font-size:8px}
.unfold-home .sample-entry{margin-top:15px;padding:15px 0;border-color:#29262e20;gap:16px}
.unfold-home .draft-entry-status{color:#8b818e;font-size:9px;margin-bottom:6px}.unfold-home .draft-entry-title{font-size:21px;line-height:1.45}.unfold-home .draft-entry-arrow{font-size:22px}
.unfold-home .play{padding:48px 5.6vw 70px;background:#eae6e0;color:var(--ink);overflow:hidden}
.unfold-home .play-grid{margin-top:38px;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.unfold-home .play h2{font:400 clamp(36px,4vw,60px)/1.35 var(--serif);letter-spacing:-.045em}.unfold-home .play p{font-size:12px;line-height:1.9;color:#7f7484;margin:24px 0}
.ink-keepsake{position:relative;aspect-ratio:1.4;display:grid;place-items:center;background:#f7f5f1;transform:rotate(-3deg);box-shadow:0 12px 28px #493d4e0d}
.ink-keepsake img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.ink-keepsake span{font:400 34px/1.5 var(--serif);color:#b2a9b4}.ink-keepsake.has-ink span{opacity:0}
.unfold-home .text-button{font-size:12px;border-color:#29262e44;background:transparent;line-height:1.8}
.unfold-home .about{padding:65px 5.6vw 90px;grid-template-columns:.55fr 1.2fr 1fr;gap:45px;border-color:#29262e20;background:var(--paper)}
.unfold-home .about h2{font-size:clamp(33px,3.7vw,54px)}.unfold-home .about p{font-size:12px;color:#807584}.unfold-home .about>.mono{color:#9c929f}
.unfold-home .site-footer{background:var(--paper);border-top:1px solid #29262e20;padding:30px 5.6vw;color:#7b707f}.unfold-home .site-footer .footer-name{color:var(--ink)}

html.journey-ready .journey-stage{height:calc(var(--stage-height)*2.42)}
html.journey-ready .unfold-viewport{position:sticky;top:var(--header-height);height:var(--stage-height);overflow:clip;--departure:0;--writing:0;--handoff:0}
html.journey-ready .unfold-home .hero{position:absolute;inset:0;height:100%;min-height:0;opacity:calc(1 - var(--departure));transform:translateY(calc(var(--departure)*-100px));pointer-events:none;z-index:4}
html.journey-ready .hero .explore-link{pointer-events:auto}
html.journey-ready .unfold-home .writing{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding-top:22px;padding-bottom:25px;background:transparent;opacity:var(--writing);transform:translateY(calc((1 - var(--writing))*85px));pointer-events:none;z-index:3}
html.journey-ready .unfold-home .writing.is-active{pointer-events:auto}
html.journey-ready .unfold-home .writing-heading{margin-top:17px;margin-bottom:17px}
html.journey-ready .unfold-home .feature-story{min-height:0;flex:0 1 auto}
html.journey-ready .unfold-home .story-visual{min-height:0;padding:14px}
html.journey-ready .paper-cover-fit{width:min(100%,240px)}
html.journey-ready .next-page-peek{display:flex;position:absolute;bottom:-32px;left:5.6vw;right:5.6vw;height:56px;padding:13px 18px;justify-content:space-between;align-items:start;background:#ece8e1;border:1px solid #d4ccd4;transform:translateY(calc(var(--departure)*80px));font-size:10px;color:#9c919f;z-index:5;pointer-events:none}
html.journey-ready .next-page-peek span:last-child{font-family:var(--serif);font-size:17px;letter-spacing:-.02em}
html.journey-ready .paper-tools{opacity:calc(1 - var(--departure));}
html.journey-ready .paper-surface{z-index:2}

@media(min-width:1600px){.unfold-home .hero-copy h1{font-size:112px}html.journey-ready .paper-cover-fit{width:290px}.unfold-home .story-copy{padding:40px 10%}.unfold-home .story-copy h3{font-size:47px}}
@media(max-width:1100px) and (min-width:900px){.unfold-home .hero-copy h1{font-size:66px}.unfold-home .hero-subtitle{font-size:12px;max-width:285px}.unfold-home .story-copy h3{font-size:34px}.unfold-home .story-copy{padding:20px 7%}}
@media(max-width:899px){
 .unfold-home{--header-height:76px;--stage-height:max(690px,calc(100svh - 76px))}
 .unfold-home .site-header{height:76px;min-height:76px;padding:0 6vw}.unfold-home .wordmark{font-size:23px}.unfold-home .site-header nav{gap:22px;font-size:11px}
 .unfold-home .hero{height:calc(100svh - 76px);min-height:690px}.unfold-home .hero-copy{top:35px;left:6vw;transform:none}
 .unfold-home .hero-copy h1{font-size:clamp(55px,8.4vw,74px);line-height:1.27}.unfold-home .hero-copy h1 span{margin-left:20px}.unfold-home .hero-subtitle{font-size:11px;margin-top:22px}
 .paper-fallback{width:43%;right:28%;top:43%;padding:6%}.paper-tools{right:6vw;bottom:47px}.paper-hint{font-size:9px;margin-right:7px}
 .unfold-home .hero-bottom{left:6vw;bottom:48px}.unfold-home .explore-link{min-width:120px;gap:27px;font-size:11px}
 .unfold-home .writing{padding:35px 6vw}.unfold-home .writing-heading h2{font-size:32px}.unfold-home .writing-heading p{font-size:10px;max-width:145px}
 .unfold-home .feature-story{grid-template-columns:.78fr 1.22fr}.unfold-home .story-copy{padding:20px 0 20px 24px}.unfold-home .story-copy h3{font-size:31px}.unfold-home .story-copy p{font-size:12px}.unfold-home .story-meta{font-size:8px}
 .unfold-home .story-visual{padding:10px}.unfold-home .story-copy .read-link{font-size:11px;margin-top:20px}.unfold-home .writing-foot .mono{display:none}
 .unfold-home .play,.unfold-home .about{padding-left:6vw;padding-right:6vw}.unfold-home .play-grid{gap:25px}.unfold-home .play h2{font-size:38px}.unfold-home .about{grid-template-columns:1fr 1.2fr;gap:30px}.unfold-home .about>.mono{grid-column:1/-1}.unfold-home .about h2{font-size:35px}.unfold-home .about .back-top{grid-column:2}
 html.journey-ready .journey-stage{height:calc(var(--stage-height)*2.42)}html.journey-ready .unfold-viewport{height:var(--stage-height)}
 html.journey-ready .unfold-home .hero{min-height:0}html.journey-ready .unfold-home .writing{padding:22px 6vw}
 html.journey-ready .paper-cover-fit{width:min(100%,190px)}.unfold-home .site-footer{padding-left:6vw;padding-right:6vw}
}
@media(min-width:640px) and (max-width:899px){
 .unfold-home .hero-copy{top:47%;transform:translateY(-50%)}
 .unfold-home .hero-copy h1{font-size:clamp(48px,7.3vw,60px);line-height:1.3}
 .unfold-home .hero-subtitle{font-size:10px;max-width:285px}
 .paper-fallback{width:30%;right:9%;top:20%;padding:5%}
}
@media(max-width:540px){
 .unfold-home .site-header nav{gap:16px}.unfold-home .wordmark{font-size:21px}.unfold-home .wordmark svg{width:24px;margin-right:8px}
 .unfold-home .hero{min-height:690px}.unfold-home .hero-copy h1{font-size:55px}.unfold-home .hero-copy h1 span{margin-left:17px}.unfold-home .hero-subtitle{font-size:10px;max-width:290px}
 .paper-tools{left:6vw;right:6vw;bottom:47px;justify-content:end}.paper-hint{margin-right:auto}.unfold-home .hero-bottom{bottom:8px}.unfold-home .explore-link{padding:5px 0;font-size:10px;min-width:128px}
 .unfold-home .writing-heading{display:block;margin:15px 0}.unfold-home .writing-heading h2{font-size:30px}.unfold-home .writing-heading p{display:none}
 .unfold-home .feature-story{grid-template-columns:90px minmax(0,1fr)}.unfold-home .story-visual{padding:0}
 .unfold-home .story-copy{padding:20px 0 20px 20px}.unfold-home .story-copy h3{font-size:26px;margin:15px 0}.unfold-home .story-copy p{font-size:11px;line-height:1.95}
 .unfold-home .story-meta{flex-wrap:wrap;font-size:8px;padding-bottom:10px;gap:7px}.unfold-home .story-copy .read-link{font-size:10px;margin-top:18px}
 .unfold-home .writing-foot{font-size:8px;margin-top:12px}.unfold-home .sample-entry{padding:14px 0;margin-top:10px}.unfold-home .draft-entry-title{font-size:18px}.unfold-home .draft-entry-status{font-size:8px}
 .unfold-home .play-grid{grid-template-columns:1fr;gap:40px}.unfold-home .play h2{font-size:38px}.ink-keepsake{width:86%;margin-left:auto;aspect-ratio:1.5}.ink-keepsake span{font-size:27px}
 .unfold-home .about{grid-template-columns:1fr;gap:25px}.unfold-home .about .back-top{grid-column:1}.unfold-home .site-footer{padding-top:25px;padding-bottom:25px}.unfold-home .site-footer .mono{width:100%}
 html.journey-ready .paper-cover-fit{width:90px}html.journey-ready .next-page-peek{display:none}
}
@media(prefers-reduced-motion:reduce){
 .unfold-home{--stage-height:max(690px,calc(100svh - var(--header-height)))}
 html.journey-ready .journey-stage{height:auto}html.journey-ready .unfold-viewport{position:relative;top:auto;height:auto;overflow:visible}
 html.journey-ready .unfold-home .hero{position:relative;height:var(--stage-height);min-height:0;opacity:1;transform:none}
 html.journey-ready .unfold-home .writing{position:relative;opacity:1;transform:none;pointer-events:auto;display:block}
 html.journey-ready .paper-cover-fit img{opacity:1}html.journey-ready .next-page-peek{display:none}
 .paper-surface{height:var(--stage-height);min-height:0}.paper-surface canvas{transition:none}.paper-tools{opacity:1!important;bottom:auto;top:calc(var(--stage-height) - 76px)}
}
