@font-face{font-family:Geist;src:url('/assets/geist-extrabold.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
.story-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:24px;margin:0}
.story-card{min-height:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 28px 24px;gap:12px;background:#f5f5f7;border-radius:24px;color:var(--ink);text-decoration:none;min-width:0}
.story-card h2{font:500 1rem/1.5 Geist,Arial,sans-serif;margin:0;letter-spacing:0}
.story-card-heading>p{font-size:.875rem;line-height:1.5;color:#737373;margin:4px 0 0}
.story-stack{--stack-unit:clamp(.3px,calc((var(--site-stage-height) - 182px) / 300),1px);flex:1;min-height:0;position:relative;width:100%;display:grid;place-items:center;isolation:isolate;transition:transform .4s ease}
.story-stack img{position:absolute;max-width:calc(280 * var(--stack-unit));max-height:calc(257 * var(--stack-unit));width:auto;height:auto;object-fit:contain;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.story-stack img{border-radius:4px;box-shadow:0 4px 8px #0000001a,0 1px 2px #0000001a}
.story-stack img:nth-child(1){width:calc(121 * var(--stack-unit));transform:rotate(-4deg);z-index:1}
.story-stack img:nth-child(2){width:calc(262 * var(--stack-unit));transform:rotate(-4deg);z-index:2}
.story-stack img:nth-child(3){width:calc(281 * var(--stack-unit));transform:rotate(4deg);z-index:3}
.story-stack img:nth-child(4){width:calc(144 * var(--stack-unit));transform:rotate(-8deg);z-index:4}
.story-card:not(.is-private) .story-stack img:last-child{width:calc(184 * var(--stack-unit))}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .story-card:hover .story-stack{transform:translateY(-3px)}
 .story-card:not(.is-private):hover .story-stack img:nth-child(2){transform:rotate(-7deg)}
 .story-card:not(.is-private):hover .story-stack img:nth-child(3){transform:rotate(6deg)}
 .story-card:not(.is-private):hover .story-stack img:last-child{transform:rotate(-5deg) scale(1.025)}
}
.story-card.is-private .story-stack img{filter:blur(7px)}
.story-card.is-private .story-stack img:nth-child(1){width:calc(262 * var(--stack-unit));transform:rotate(10deg)}
.story-card.is-private .story-stack img:nth-child(2){width:calc(281 * var(--stack-unit));transform:rotate(-9deg)}
.story-card.is-private .story-stack img:nth-child(3){width:calc(121 * var(--stack-unit));transform:rotate(3deg)}
.story-card.is-private .story-stack img:nth-child(4){width:calc(144 * var(--stack-unit));transform:translateX(calc(-54 * var(--stack-unit))) rotate(-8deg)}
.story-card.is-private .story-stack img:nth-child(5){width:calc(132 * var(--stack-unit));transform:translateX(calc(64 * var(--stack-unit))) rotate(12deg);z-index:4}
.story-card.is-private .story-stack img:nth-child(6){width:calc(280 * var(--stack-unit));transform:rotate(3deg);z-index:5}
.story-card.is-private .story-stack{overflow:hidden}
.stories-index>.site-footer{margin:0;padding:0;min-height:44px}
.stealth-dialog{width:min(480px,calc(100vw - 32px));max-width:none;max-height:calc(100svh - 32px);margin:auto;padding:0;border:1px solid #e8e8e8;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 24px 80px #00000026;overflow:auto}
.stealth-dialog::backdrop{background:#00000026;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.stealth-dialog-content{position:relative;padding:48px 32px 32px}
.stealth-dialog-close{position:absolute;top:12px;right:12px;width:36px;height:36px;display:grid;place-items:center;background:none;border:0;border-radius:8px;color:#737373;padding:0}
.stealth-dialog-close:hover{background:#f5f5f5;color:#171717}
.stealth-dialog h2{font:420 2rem/1.15 'Crimson Pro',Georgia,serif;letter-spacing:-.03em;margin:0 0 12px}
.stealth-dialog p{font-size:1rem;line-height:1.5;color:#737373;margin:0}
.stealth-dialog .password-row{flex-direction:column;align-items:stretch;gap:12px}
.stealth-dialog .password-field{width:100%}
.stealth-dialog .glossy-button{justify-content:center;width:100%;min-height:44px}
.stealth-dialog .form-error{font-size:.875rem;color:#b74141;margin-top:12px}
.stealth-dialog .stealth-dialog-contact{font-size:.875rem;margin-top:24px}
.stealth-dialog-contact a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:480px){
 .stealth-dialog-content{padding:48px 24px 24px}
 .stealth-dialog h2{font:500 1.5rem/1.25 Geist,Arial,sans-serif;letter-spacing:-.025em}
 .stealth-dialog .glossy-button{border-radius:10px;background:#171717;box-shadow:none;text-shadow:none;border:1px solid #171717}
 .stealth-dialog .glossy-button::before,.stealth-dialog .glossy-button::after{display:none}
}
.story-page{--story-gutter:max(var(--page-gutter),calc((100vw - var(--page-width))/2 + var(--page-gutter)));background:#fff;overflow-x:clip;overscroll-behavior-x:none}
.story-topbar{position:fixed;inset:0 0 auto;z-index:10;display:flex;justify-content:space-between;gap:20px;padding:24px var(--story-gutter);background:#fff;pointer-events:none}
.story-topbar a,.story-topbar button{pointer-events:auto;background:none;border:0;padding:4px 0;font:400 .875rem/1.5 Geist,Arial,sans-serif;color:#737373;text-decoration:none}
.story-topbar a:hover,.story-topbar button:hover{color:#171717}
.story-scroll{max-width:none;padding:0;margin:0}
.story-viewport{position:relative;overflow:hidden}
.story-track{display:flex;align-items:center;column-gap:67.5vw;width:max-content;padding:64px var(--story-gutter) 0}
.story-entry{width:auto;flex:0 0 auto;margin:0;display:flex;align-items:center}
.story-entry:last-child{width:auto;flex-basis:auto;margin-right:0;padding-right:96px}
.story-media{flex:0 0 auto;margin:0 96px 0 0;max-width:720px}
.story-media img,.story-media video{display:block;width:auto;height:auto;max-width:720px;max-height:min(490px,68svh);object-fit:contain;border-radius:16px}
.story-media img{aspect-ratio:var(--media-ratio);width:min(var(--media-width),720px,calc(min(490px,68svh) * var(--media-ratio)))}
.story-entry.has-gallery{width:auto;flex-basis:auto}
.story-media-gallery{display:flex;align-items:center;gap:24px;max-width:none}
.story-media-gallery>img,.story-media-gallery>video{max-width:450px;max-height:min(440px,62svh)}
.story-media-gallery>img{width:min(var(--media-width),450px,calc(min(440px,62svh) * var(--media-ratio)))}
.story-media-screens>img{max-width:540px;max-height:min(350px,46svh)}
.story-media-screens>img{width:min(var(--media-width),540px,calc(min(350px,46svh) * var(--media-ratio)))}
.story-media .story-illustration{height:min(440px,60svh);max-height:none;width:auto;border-radius:0}
.story-media video:focus-visible{outline:2px solid #737373;outline-offset:6px}
.story-copy{width:672px;flex:0 0 672px;margin-left:32px;color:#999;font-size:36px;line-height:1.25;letter-spacing:-.03em;font-weight:800;text-wrap:pretty}
.story-copy strong{color:#171717;font-weight:800}
.story-ending{display:block;color:#737373;text-decoration:none;font:400 1rem/1.5 Geist,Arial,sans-serif;letter-spacing:0;margin-top:32px}
.story-ending:hover{color:#171717}
.story-page.has-horizontal-story .story-viewport{position:sticky;top:0;height:100svh}
.story-page.has-horizontal-story .story-track{height:100svh;will-change:transform}
.story-progress{position:fixed;bottom:5px;left:8px;right:8px;height:5px;z-index:12;pointer-events:none;display:none}
.has-horizontal-story .story-progress{display:block}
.story-progress span{display:block;min-width:28px;height:100%;border-radius:4px;background:#888;transform:translateX(var(--progress-x,0px));width:var(--progress-width,28px)}
.story-gate{max-width:var(--page-width);padding-top:56px;min-height:100svh}
.story-gate .back-link{margin-bottom:48px}
.story-gate h1{margin-top:24px}
.story-gate .locked-panel{margin-top:16px}
.story-gate .password-form{margin-bottom:64px}
.story-gate .site-footer{margin-top:48px}
@media(prefers-reduced-motion:reduce){
 .story-track{display:block;width:auto;padding-top:132px}.story-entry,.story-entry:last-child{display:flex;max-width:calc(var(--page-width) - 2 * var(--page-gutter));width:auto;margin:0 auto 120px;gap:48px;padding:0}.story-media{margin:0;max-width:50%}.story-media img,.story-media video{max-width:100%;max-height:490px}.story-copy{width:auto;flex:1;margin:0}.story-progress{display:none}
 .story-media-gallery{flex-direction:column;min-width:0}
}
.story-clip{position:relative;flex:0 0 auto;max-width:100%;width:fit-content}
.story-media-gallery>.story-clip video{max-width:450px;max-height:min(440px,62svh)}
.story-video-toggle{position:absolute;right:10px;bottom:10px;min-width:56px;min-height:44px;padding:0 12px;border:1px solid #ffffff80;border-radius:24px;background:#ffffffed;color:#171717;font:400 .8125rem/1 Geist,Arial,sans-serif;box-shadow:0 2px 12px #00000010;cursor:pointer}
.story-video-toggle:hover{background:#fff}
@media(hover:hover) and (min-width:951px) and (prefers-reduced-motion:no-preference){
 .story-video-toggle{opacity:0;transition:opacity .2s}
 .story-clip:hover .story-video-toggle,.story-clip:focus-within .story-video-toggle{opacity:1}
}
.story-topbar a,.story-topbar button,.story-ending{min-height:44px;display:inline-flex;align-items:center}
.stealth-dialog-close{width:44px;height:44px}

/* Let a chapter read as one composition, including on a landscape phone. */
@media(max-width:768px),(max-width:950px) and (max-height:500px){
 .story-topbar{padding:12px max(24px,env(safe-area-inset-right)) 12px max(24px,env(safe-area-inset-left))}
 .story-track{display:block;width:auto;height:auto;padding:96px max(24px,env(safe-area-inset-right)) 48px max(24px,env(safe-area-inset-left))}
 .story-entry,.story-entry:last-child{display:block;max-width:560px;width:auto;margin:0 auto 96px;padding:0;scroll-margin-top:84px}
 .story-entry:last-child{margin-bottom:0}
 .story-media{max-width:100%;width:100%;margin:0 0 28px;display:flex;justify-content:center}
 .story-media img,.story-media video,.story-media-gallery>.story-clip video{width:auto;height:auto;max-width:100%;max-height:54svh;border-radius:12px}
 .story-media img{width:min(100%,calc(54svh * var(--media-ratio)))}
 .story-media-gallery{flex-direction:row;align-items:center;gap:12px}
 .story-media-gallery>img,.story-media-gallery>.story-clip{max-width:calc((100% - 12px) / 2);min-width:0;flex:0 1 auto}
 .story-media-gallery>img{max-height:40svh;width:min(calc((100% - 12px) / 2),calc(40svh * var(--media-ratio)))}
 .story-media .story-illustration{width:100%;height:auto;max-height:54svh;min-width:0}
 .story-copy{width:auto;margin:0;font-size:clamp(24px,6.2vw,28px);line-height:1.35;letter-spacing:-.025em;color:#777}
 .story-gate{padding-top:32px}.story-gate .back-link{margin-bottom:32px}
 .story-ending{font-size:.875rem;margin-top:24px}
}
@media(max-width:767px){
 .stories-index.site-frame>.story-cards{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;width:min(100%,400px)}
 .story-card{padding:18px 20px 16px;gap:8px;border-radius:20px}
 .story-card-heading>p{font-size:.8125rem}
 .story-stack{--stack-unit:clamp(.28px,calc((var(--site-stage-height) / 2 - 112px) / 300),.55px)}
 .story-card:active{background:#eeeef1}
}
@media(max-width:950px) and (max-height:500px){
 .stories-index.site-frame>.story-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);width:100%}
 .story-card{padding:16px;gap:8px}
 .story-stack{--stack-unit:clamp(.3px,calc((var(--site-stage-height) - 140px) / 300),.55px)}
 .story-media img,.story-media video,.story-media-gallery>.story-clip video{max-height:70svh}
 .story-media>img{width:min(100%,calc(70svh * var(--media-ratio)))}
 .story-media-gallery>img{width:min(calc((100% - 12px) / 2),calc(70svh * var(--media-ratio)))}
}