@charset "UTF-8";
:root{color-scheme:dark;--canvas:#18191b;--ink:#f4f4f8;--soft:#afb0b9;--violet:#b1a1ef;--line:#ffffff17;--max:1180px}
*{box-sizing:border-box}
html{scroll-padding-top:30px}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
main{overflow:clip}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--violet);outline-offset:8px;border-radius:4px}
img{display:block;max-width:100%;height:auto}
.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}
.site-header{height:116px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}
.brand{display:inline-flex;align-items:center;gap:12px;font-weight:650;font-size:23px;letter-spacing:-.7px}
.brand img{flex:none}
.header-note{font-size:13px;color:var(--soft);letter-spacing:.025em}
.hero{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;min-height:760px;padding:30px 0 85px;position:relative}
h1,h2,p{margin:0}
h1{font-size:clamp(64px,7.1vw,104px);font-weight:660;line-height:1.02;letter-spacing:-.065em}
em{font-style:normal;color:var(--violet)}
.hero-copy{position:relative;z-index:2;padding-bottom:30px}
.hero-copy p{max-width:430px;font-size:18px;line-height:1.7;color:var(--soft);margin-top:30px;letter-spacing:-.2px}
.store-link{display:inline-block;margin-top:34px;transition:transform .2s}
.store-link img{width:180px;height:60px}
.store-link:hover{transform:translateY(-3px)}
.hero-art{height:650px;position:relative;isolation:isolate}
.phone{position:relative;filter:drop-shadow(0 25px 28px #0005);border-radius:15.3% / 7.2%;z-index:2}
.hero-phone{width:300px;position:absolute;left:50%;top:2px;transform:translateX(-50%) rotate(3deg)}
.quiet-orbit{position:absolute;width:475px;height:475px;border-radius:50%;background:#27252e;left:50%;top:110px;transform:translateX(-50%);z-index:-2}
.illustration{pointer-events:none;user-select:none}
.thread-hero{position:absolute;width:720px;max-width:none;left:50%;top:160px;transform:translateX(-49%) rotate(-9deg);z-index:0;opacity:.85}
.art-note{position:absolute;bottom:4px;left:6%;font-size:12px;color:#c7c0d6;letter-spacing:.02em;transform:rotate(-5deg);z-index:3}
.chapter{position:relative;overflow:hidden}
.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;min-height:850px;padding-block:95px}
.chapter-copy{position:relative;z-index:3}
.section-label{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;color:#b7a9d9;margin-bottom:28px;line-height:1.6}
h2{font-size:clamp(44px,4.6vw,68px);font-weight:650;line-height:1.07;letter-spacing:-.055em}
.chapter-copy>p{font-size:18px;line-height:1.75;letter-spacing:-.2px;color:var(--soft);max-width:420px;margin-top:28px}
.chapter-copy>.quiet-line{font-size:14px;color:#c4b8df;margin-top:28px;max-width:370px;line-height:1.7}
.beginning{background:#202024}
.chapter-art{height:655px;position:relative;isolation:isolate}
.choice-phone{width:290px;position:absolute;top:12px;left:50%;transform:translateX(-50%) rotate(-3deg)}
.paper-circle{width:440px;height:440px;position:absolute;top:125px;left:50%;transform:translateX(-50%);background:#302c39;border-radius:50%;z-index:-2}
.thread-small{width:500px;max-width:none;position:absolute;left:-50px;bottom:-28px;z-index:0;transform:rotate(12deg);opacity:.92}
.reverse .chapter-copy{grid-column:2;grid-row:1}
.perspective{background:#18191b}
.perspective-art{grid-column:1;grid-row:1;position:relative;min-width:0;height:600px;display:flex;align-items:flex-end;isolation:isolate}
.paper-sculpture{position:absolute;max-width:none;width:650px;left:-90px;top:-15px;z-index:-1;opacity:.88;transform:rotate(-11deg)}
.real-excerpt{margin:0;position:relative;width:100%;padding:24px 16px 15px;background:#18191b;border:1px solid #ffffff15;border-radius:14px;box-shadow:0 20px 45px #0003}
.real-excerpt img{width:100%;border-radius:0}
figcaption{margin-top:20px;font-size:11px;color:#93909c;letter-spacing:.02em}
.ending{background:#29262e}
.ending .split{min-height:860px}
.ending .section-label{color:#c9bce7}
.ending .chapter-copy>p{color:#bfbac6}
.reflection-phone{width:292px;position:absolute;top:15px;left:50%;transform:translateX(-50%) rotate(3deg)}
.reflection-orbit{position:absolute;top:105px;left:50%;transform:translateX(-50%);width:455px;height:455px;border:1px solid #c8b7e72e;border-radius:50%;z-index:-1}
.paper-ending{position:absolute;bottom:-40px;right:-190px;width:420px;max-width:none;z-index:0;transform:rotate(25deg)}
.closing-store{margin-top:30px}
.site-footer{min-height:140px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#9c9ba5}
.site-footer .brand{color:var(--ink);font-size:19px}
.site-footer p,.site-footer .contact{font-size:12px;line-height:1.6}
.site-footer p a{color:#d3ccdf;border-bottom:1px solid #77717e}
.contact:hover{color:var(--ink)}
.skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus{position:fixed;width:auto;height:auto;left:20px;top:12px;margin:0;padding:12px;clip-path:none;background:var(--ink);color:var(--canvas);z-index:20}
@media(min-width:1600px){.hero{min-height:820px}.hero-art{height:700px}.hero-phone{width:318px}.thread-hero{top:180px}.art-note{bottom:12px}}
@media(max-width:1100px) and (min-width:761px){.wrap{width:calc(100% - 64px)}.hero{min-height:700px;grid-template-columns:1.05fr 1fr}.hero-art{height:580px}.hero-phone{width:260px;top:30px}.quiet-orbit{width:360px;height:360px}.thread-hero{width:580px;top:190px}.hero-copy p{font-size:16px}.split{gap:60px;min-height:800px}.chapter-art{height:600px}.choice-phone,.reflection-phone{width:260px}.paper-circle,.reflection-orbit{width:350px;height:350px}.paper-sculpture{width:530px;left:-90px}.thread-small{width:420px;left:-40px}.perspective-art{height:570px}}
@media(max-width:760px){
 .wrap{width:calc(100% - 44px)}
 .site-header{height:90px}.brand{gap:9px;font-size:20px}.brand img{width:35px;height:35px}.header-note{font-size:10px;max-width:110px;text-align:right;line-height:1.5}
 .hero{display:flex;flex-direction:column;align-items:stretch;padding:35px 0 35px;min-height:0;gap:38px}
 .hero-copy{padding-bottom:0}h1{font-size:clamp(56px,12.9vw,88px);line-height:1.04;letter-spacing:-.065em}.hero-copy p{font-size:16px;line-height:1.75;max-width:430px;margin-top:25px}
 .store-link{margin-top:26px}.store-link img{width:160px;height:auto}
 .hero-art{height:645px;width:100%;max-width:470px;align-self:center}.hero-phone{width:282px;top:14px;transform:translateX(-50%) rotate(2deg)}
 .quiet-orbit{top:110px;width:350px;height:350px}.thread-hero{width:535px;top:220px;transform:translateX(-49%) rotate(-7deg)}.art-note{font-size:11px;bottom:6px;left:0}
 .split{display:flex;flex-direction:column;align-items:stretch;padding-block:70px;min-height:0;gap:46px}
 .section-label{font-size:10px;letter-spacing:.12em;margin-bottom:22px}h2{font-size:clamp(43px,10vw,62px);line-height:1.09;letter-spacing:-.055em}
 .chapter-copy>p{font-size:16px;line-height:1.8;margin-top:24px;max-width:460px}.chapter-copy>.quiet-line{font-size:13px;margin-top:22px}
 .chapter-art{height:640px;width:100%;max-width:470px;align-self:center}.choice-phone{width:274px;top:10px}.paper-circle{width:340px;height:340px;top:125px}.thread-small{width:400px;left:-64px;bottom:-5px}
 .perspective .split{gap:35px}.perspective-art{width:100%;max-width:470px;height:490px;align-self:center}.paper-sculpture{width:470px;left:50%;top:-5px;transform:translateX(-50%) rotate(-11deg)}.real-excerpt{padding:18px 12px 14px;margin-bottom:0}.real-excerpt figcaption{font-size:10px;margin-top:15px}
 .ending .split{min-height:0}.reflection-phone{width:280px;top:10px}.reflection-orbit{width:355px;height:355px;top:120px}.paper-ending{right:-100px;width:300px;bottom:-5px}
 .site-footer{padding:35px 0;min-height:0;display:grid;grid-template-columns:1fr auto;gap:24px}.site-footer .brand{font-size:18px}.site-footer p{grid-column:1 / -1;grid-row:2}.site-footer .contact{grid-column:2;grid-row:1}
 body{overflow-x:clip}.hero-art{clip-path:inset(-20px -22px -20px -22px)}
}
@media(max-width:360px){h1{font-size:52px}.header-note{display:none}.hero-phone{width:260px}.hero-art{height:605px}.chapter-art{height:600px}.choice-phone,.reflection-phone{width:258px}.paper-circle,.reflection-orbit,.quiet-orbit{width:300px;height:300px}.perspective-art{height:455px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.store-link{transition:none}}

.hero-copy>p.little-note,.chapter-copy>p.little-note{font-size:13px;line-height:1.4;color:var(--soft);margin-top:10px;letter-spacing:.01em;max-width:360px}
.hero-copy>p:not(.little-note){margin-top:22px}
.hero-copy .store-link{margin-top:30px}
.chapter-copy>.store-link{margin-top:36px}
.beginning,.perspective,.ending{border-top:1px solid var(--line)}