.story-page{--story-header:104px;overflow-x:clip}.story-page .site-nav{z-index:40;height:var(--story-header);backdrop-filter:blur(12px);background:#f2f4f6ef;border-bottom:1px solid #d0d8e480;max-width:none;padding:8px max(30px,50vw - 660px);position:sticky;top:0}.story-page .brand-logo{width:70px;height:84px}.story-page .site-nav>.button{color:#fff;box-shadow:none}.origin-story{position:relative}.story-stage{max-width:1400px;margin:auto;padding:24px 40px 0}.story-topline{color:var(--muted);letter-spacing:.09em;justify-content:space-between;align-items:center;gap:18px;padding-bottom:16px;font-size:11px;display:flex}.story-topline>span{text-transform:uppercase}.story-topline button{border:0;border-bottom:1px solid var(--line);color:var(--muted);font:12px var(--body);cursor:pointer;letter-spacing:0;background:0 0;padding:5px 0}.story-scene{scroll-margin-top:calc(var(--story-header) + 30px);grid-template-columns:1fr 1.08fr;align-items:center;gap:42px;padding:40px 0 70px;display:grid}.story-copy{z-index:2;min-width:0;position:relative}.story-chapter{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:23px;font-size:10px}.story-chapter>span{color:var(--accent);margin-right:8px}.story-copy h1,.story-copy h2{font:500 clamp(36px,4.25vw,65px)/1.02 var(--display);letter-spacing:-.045em;margin:0 0 26px}.story-copy em{color:var(--accent);font-style:normal;display:block}.story-prose{max-width:570px;color:var(--muted);font-size:clamp(14px,1.2vw,17px);line-height:1.65}.story-prose p{margin:0 0 14px}.story-prose p:last-child{color:var(--ink);margin-bottom:0}.story-word{display:inline-block}.story-art{min-width:0;margin:0;position:relative}.story-art-image{mix-blend-mode:multiply;position:relative}.story-art-image img{object-fit:contain;aspect-ratio:1;width:100%;height:auto;display:block;mask-image:radial-gradient(50% 50%,#000 60%,#000c 85%,#0000 100%)}.story-relations{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:2px;padding:0 12px;display:flex}.story-concept{font:500 10px/1.4 var(--body);color:var(--soft);background:#f6f8fc;border:1px solid #b9cbe2;border-radius:4px;padding:6px 9px}.story-controls{border-top:1px solid var(--line);grid-template-columns:68px 1fr auto;align-items:center;gap:24px;padding:18px 0 24px;position:relative}.story-controls:not([hidden]){display:grid}.story-position{font:20px var(--display);color:var(--accent);align-items:baseline;gap:8px;display:flex}.story-total{font:11px var(--body);color:var(--muted)}.story-chapter-links{gap:4px;display:flex}.story-chapter-links a{place-items:center;width:30px;height:32px;text-decoration:none;display:grid}.story-chapter-links a>span{transform-origin:50%;background:#c3ccda;width:18px;height:3px}.story-chapter-links a[aria-current] span{background:var(--accent);height:5px}.story-chapter-links a:hover span{background:var(--accent2)}.story-directions{color:var(--muted);align-items:center;gap:12px;font-size:10px;display:flex}.story-directions button{border:1px solid var(--line);width:32px;height:32px;color:var(--ink);cursor:pointer;font:17px var(--body);background:#ffffff80;border-radius:50%}.story-directions button:disabled{opacity:.25;cursor:default}.story-progress{background:var(--line);width:100%;height:2px;position:absolute;bottom:0;left:0}.story-progress span{transform-origin:0;background:var(--accent);width:100%;height:100%;display:block;transform:scaleX(0)}.story-invitation{text-align:center;max-width:1000px;scroll-margin-top:calc(var(--story-header) + 20px);margin:auto;padding:130px 30px 110px}.story-invitation-number{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:11px}.story-invitation h2{font:500 clamp(42px,6vw,76px)/1.05 var(--display);letter-spacing:-.045em;margin:24px 0}.story-invitation h2 em{color:var(--accent);font-style:normal}.story-invitation p{max-width:630px;color:var(--muted);margin:auto;font-size:18px;line-height:1.6}.story-invitation-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin:32px 0;display:flex}.story-invitation .button:not(.secondary){color:#fff}.story-contact-link,.story-return{color:var(--accent);text-underline-offset:5px;font-size:13px}.story-return{color:var(--muted);margin-top:34px;font-size:11px;display:inline-block}.story-animated .story-stage{top:var(--story-header);height:calc(100svh - var(--story-header));grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:sticky;overflow:visible}.story-animated .story-scenes{min-height:0;position:relative}.story-animated .story-scene{visibility:hidden;opacity:0;padding:10px 0 24px;position:absolute;inset:0}.story-animated .story-art-image,.story-animated .story-chapter{opacity:var(--scene-reveal,1)}.story-animated .art-routes .story-concept:nth-child(2){color:#684798;border-color:#baa8d7}.story-animated .art-retrieval .story-concept:nth-child(2){border-color:var(--accent);background:#e6eefa}.is-reading .story-stage{padding-bottom:0}.is-reading .story-topline{position:relative}.is-reading .story-scene+.story-scene{border-top:1px solid var(--line)}@media (width>=1100px) and (height<=850px){.story-copy h1,.story-copy h2{margin-bottom:18px;font-size:clamp(34px,3.4vw,48px)}.story-prose{font-size:14px;line-height:1.5}.story-prose p{margin-bottom:10px}.story-chapter{margin-bottom:16px}.story-art-image img{max-height:53svh}}@media (width<=1000px){.story-stage{padding:18px 26px 0}.story-scene{grid-template-columns:1.05fr 1fr;gap:20px}.story-copy h1,.story-copy h2{font-size:40px}.story-prose{font-size:14px;line-height:1.5}.story-directions>span{display:none}.story-controls{gap:14px}.story-chapter-links a{width:26px}}@media (width<=700px),(pointer:coarse) and (width<=1100px){.story-stage{padding:10px 20px 0}.story-topline{letter-spacing:.06em;gap:8px;padding-bottom:8px;font-size:9px}.story-topline button{font-size:10px}.story-scene{grid-template-columns:1fr;gap:10px;padding:26px 0 40px}.story-art{grid-row:1}.story-copy{grid-row:2}.story-art-image img{aspect-ratio:1;width:100%;height:auto}.story-relations{gap:4px;margin:0;padding:0}.story-concept{padding:3px 5px;font-size:8px}.story-copy h1,.story-copy h2{margin-bottom:13px;font-size:clamp(29px,7.8vw,38px);line-height:1.03}.story-chapter{letter-spacing:.1em;margin-bottom:12px;font-size:8px}.story-prose{font-size:13px;line-height:1.48}.story-prose p{margin-bottom:9px}.story-animated .story-scene{grid-template-rows:auto minmax(0,1fr);align-content:start;align-items:start;padding:0 0 8px}.story-animated .story-relations{display:none}.story-controls{grid-template-columns:43px minmax(0,1fr) 70px;gap:4px;padding:10px 0 14px}.story-position{gap:4px;font-size:17px}.story-total{font-size:9px}.story-chapter-links{justify-content:space-between;gap:0;min-width:0}.story-chapter-links a{flex:1;width:auto;min-width:0;height:30px}.story-chapter-links a>span{width:12px}.story-directions{gap:5px}.story-directions button{width:30px;height:30px}.story-invitation{padding:80px 24px}.story-invitation p{font-size:16px}}@media (prefers-reduced-motion:reduce){.story-page{scroll-behavior:auto}.story-word{opacity:1!important;transform:none!important}}.story-particles{pointer-events:none;z-index:3;mix-blend-mode:multiply;visibility:hidden;display:none;position:fixed}.story-animated .story-particles{display:block}@media (width>=701px){.story-animated .story-art-image img{aspect-ratio:auto;height:min(55svh,620px)}}@media (width<=700px),(pointer:coarse) and (width<=1100px){.story-art-image img{mask-image:radial-gradient(50% 50%,#000 60%,#000c 85%,#0000 100%)}}.story-topline{letter-spacing:normal;border-bottom:1px solid #d0d8e480;align-items:flex-start;padding-bottom:20px}.story-orientation{max-width:930px}.story-definition{color:var(--ink);font:600 18px/1.45 var(--body);margin:0}.story-purpose{color:var(--muted);font:14px/1.5 var(--body);margin:5px 0 0}.story-topline button{flex:none;margin-top:2px}@media (width<=700px),(pointer:coarse) and (width<=1100px){.story-topline{flex-wrap:wrap;gap:4px;padding-bottom:8px}.story-orientation{width:100%}.story-definition{font-size:13px;line-height:1.4}.story-purpose{margin-top:4px;font-size:11px;line-height:1.4}.story-topline button{padding:3px 0;font-size:9px}.story-mobile.story-animated .story-scene{grid-template-rows:auto minmax(0,1fr);padding:8px 0}.story-mobile.story-animated .story-art-image{width:min(100%,var(--story-image-size,220px));margin:auto}.story-mobile.story-animated .story-art-image img{aspect-ratio:1;width:100%;height:auto}.story-mobile.story-animated .story-copy{flex-direction:column;align-self:stretch;min-height:0;display:flex}.story-mobile.story-animated .story-copy h1,.story-mobile.story-animated .story-copy h2{flex:none;margin-bottom:10px;font-size:clamp(25px,7vw,32px)}.story-mobile.story-animated .story-chapter{flex:none;margin-bottom:8px}.story-mobile .story-prose{font-size:14px;line-height:1.55}.story-mobile.story-animated .story-prose{scrollbar-width:thin;flex:1;min-height:0;overflow:hidden auto}.story-prose:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}.story-topline,.story-controls{z-index:5;position:relative}@media (width<=700px) and (orientation:landscape),(pointer:coarse) and (width<=1100px) and (orientation:landscape){.story-mobile.story-animated .story-scene{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr 1fr;gap:24px}.story-mobile.story-animated .story-copy{grid-area:1/1}.story-mobile.story-animated .story-art{grid-area:1/2;align-self:center}.story-mobile.story-animated .story-copy h1,.story-mobile.story-animated .story-copy h2{font-size:25px}}@media (width<=360px) and (height<=650px){.story-mobile.story-animated .story-copy h1,.story-mobile.story-animated .story-copy h2{margin-bottom:8px;font-size:22px;line-height:1.02}.story-mobile .story-definition{font-size:12px;line-height:1.35}.story-mobile .story-purpose{font-size:10px}}
