.project-story{background-color:var(--cardboard);background-image:linear-gradient(90deg,#ffffff17 1px,#0000 1px),linear-gradient(#1817140d 1px,#0000 1px);background-size:31px 31px;min-height:100svh;padding-top:4rem;padding-bottom:5.5rem;overflow-x:clip}.story-book__toolbar{z-index:40;min-height:4rem;color:var(--paper);border-bottom:2px solid var(--paper);font:700 .67rem/1.2 var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;background:#181714f5;grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;padding:.65rem clamp(.75rem,3vw,2.5rem);display:grid;position:fixed;inset:4px 0 auto;box-shadow:0 .45rem 1.2rem #18171433}.story-book__toolbar>a:first-child{justify-self:start;text-decoration:none}.story-book__toolbar>button,.story-book__toolbar .language-toggle{min-height:2.65rem;color:var(--paper);font:inherit;letter-spacing:inherit;text-transform:uppercase;background:0 0;border:1px solid #f2e7d2b8;padding:.65rem .9rem}.story-book__toolbar>button:hover,.story-book__toolbar .language-toggle:hover{color:var(--ink);background:var(--paper)}.story-book__stage{touch-action:pan-y pinch-zoom;perspective:1800px;padding:clamp(.75rem,2.4vw,2.5rem);scroll-margin-top:4.5rem}.story-book__spread{width:min(1500px,100%);transform-style:preserve-3d;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(.5rem,1.1vw,1rem);margin-inline:auto;display:grid}.story-book__spread[data-single=true]{grid-template-columns:minmax(0,1fr);width:min(1120px,100%)}.story-book__leaf{min-width:0;min-height:calc(100svh - 11rem);color:var(--ink);background:var(--paper);border:2px solid var(--ink);clip-path:polygon(.3% .5%,99.5% .1%,99.8% 98.6%,97.7% 100%,.4% 99.3%);position:relative;overflow:hidden;box-shadow:0 1.2rem 2rem #1817143d,inset 0 0 3rem #73503314}.story-book__leaf[hidden]{display:none}.story-book__cover{min-height:calc(100svh - 9.5rem);color:var(--paper);background:linear-gradient(#181714e6, #181714f0), var(--story-cover-image) center / cover;clip-path:polygon(.2% .4%,99.8% 0,99.5% 99.4%,.5% 99.9%);border-width:4px;grid-template-rows:auto 1fr auto;padding:clamp(1.25rem,4.5vw,4.5rem);display:grid}.project-story--blue .story-book__cover{background:linear-gradient(#141d21e6, #181714f2), var(--story-cover-image) center / cover}.story-book__cover-meta{font:700 .64rem/1.3 var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #f2e7d294;justify-content:space-between;gap:1rem;padding-bottom:1rem;display:flex}.story-book__cover-title{align-self:center;margin-block:clamp(3rem,9vh,7rem)}.story-book__cover-title>p:first-child{color:#d6a092;font:700 .67rem/1.3 var(--font-mono), monospace;letter-spacing:.1em;margin:0 0 1rem}.story-book__cover h1{max-width:13ch;font:400 clamp(4rem, 10vw, 9.5rem)/.78 var(--display);letter-spacing:-.045em;overflow-wrap:break-word;margin:0}.story-book__cover-title>p:last-child{max-width:45rem;margin:1.5rem 0 0;font-size:clamp(1rem,2vw,1.4rem);line-height:1.5}.story-book__cover-footer{border-top:1px solid #f2e7d294;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem;padding-top:1.3rem;display:grid}.story-book__cover-footer span{font:700 .62rem/1.3 var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase}.story-book__cover-footer p{max-width:42rem;margin:.7rem 0 0;line-height:1.5}.story-book__cover-footer button{min-height:3.25rem;color:var(--ink);background:var(--paper);border:2px solid var(--paper);box-shadow:5px 5px 0 var(--red);font:700 .66rem/1.2 var(--font-mono), monospace;letter-spacing:.07em;text-transform:uppercase;padding:.8rem 1.2rem}.project-story--blue .story-book__cover-footer button{box-shadow:5px 5px 0 var(--blue)}.story-book__cover-footer button:hover{color:var(--paper);background:var(--ink)}.story-book .story-chapter{border-bottom:0;flex-direction:column;padding:clamp(1.25rem,3vw,2.6rem);display:flex}.story-book .story-chapter:nth-child(2n){background:var(--warm-white)}.story-book .story-chapter__header{grid-template-columns:1.3rem minmax(0,1fr);gap:.8rem;width:100%;margin:0 0 clamp(1.5rem,3vw,2.4rem)}.story-book .story-chapter__header>p{margin-top:.2rem;font-size:.57rem}.story-book .story-chapter__header h2{overflow-wrap:normal;font-size:clamp(2.4rem,4.8vw,4.9rem)}.story-book .story-chapter__header div>p{margin-top:.75rem;font-size:clamp(.88rem,1.15vw,1rem)}.story-scene{background:var(--ink);border:2px solid var(--ink);box-shadow:7px 8px 0 var(--red);grid-template-rows:minmax(17rem,42svh) auto;margin:0 0 clamp(1.2rem,2.5vw,2rem);display:grid;transform:rotate(-.35deg)}.project-story--blue .story-scene{box-shadow:7px 8px 0 var(--blue)}.story-scene__image{min-height:17rem;position:relative;overflow:hidden}.story-scene__image img{object-fit:cover}.story-scene figcaption{color:var(--paper);padding:.9rem 1rem 1rem}.story-scene figcaption span{color:#d6a092;font:700 .58rem/1.2 var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase}.story-scene figcaption p{margin:.55rem 0 0;font-size:.86rem;line-height:1.5}.story-book .story-chapter__panels,.story-book .story-chapter__panels--2,.story-book .story-chapter__panels--3{grid-template-columns:1fr;gap:1rem;width:100%;display:grid}.story-book .story-chapter__panels--3>:first-child{grid-column:auto}.story-book .story-panel{padding:clamp(1rem,2vw,1.55rem);box-shadow:5px 6px #18171429}.story-book .story-panel h3{margin-bottom:.75rem;font-size:clamp(1.55rem,2.6vw,2.5rem)}.story-book .story-panel p,.story-book .story-panel li{font-size:clamp(.82rem,1vw,.93rem)}.story-book .story-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.story-book .story-flow li{min-height:4.8rem}.story-book__folio{font:700 .57rem/1.2 var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1.2rem;display:flex}.story-book__folio span:first-child{color:var(--red)}.story-book__back-cover{min-height:calc(100svh - 9.5rem);color:var(--paper);background:var(--ink);border-width:4px;align-content:end;padding:clamp(1.5rem,5vw,5rem);display:grid}.story-book__back-cover>p{color:#d6a092;font:700 .65rem/1.3 var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase}.story-book__back-cover blockquote{max-width:16ch;font:400 clamp(3rem, 7vw, 6.8rem)/.9 var(--display);letter-spacing:-.035em;margin:1.3rem 0 clamp(3rem,10vh,7rem)}.story-book__back-cover>div{border-top:1px solid #f2e7d28c;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem;padding-top:1.2rem;display:flex}.story-book__back-cover a,.story-book__back-cover button{color:var(--paper);font:700 .64rem/1.3 var(--font-mono), monospace;letter-spacing:.06em;text-underline-offset:.25rem;text-transform:uppercase;background:0 0;border:0;text-decoration:underline}.story-book__controls{z-index:45;width:min(48rem,100% - 1.5rem);color:var(--paper);border:2px solid var(--paper);background:#181714f7;grid-template-columns:minmax(8rem,1fr) auto minmax(8rem,1fr);align-items:stretch;display:grid;position:fixed;bottom:.8rem;right:50%;overflow:hidden;transform:translate(50%);box-shadow:7px 8px #18171442}.story-book__controls button{min-height:3.4rem;color:inherit;font:700 .62rem/1.25 var(--font-mono), monospace;letter-spacing:.05em;text-transform:uppercase;background:0 0;border:0;padding:.65rem 1rem}.story-book__controls button:first-child{border-right:1px solid #f2e7d273}.story-book__controls button:last-child{border-left:1px solid #f2e7d273}.story-book__controls button:hover:not(:disabled){color:var(--ink);background:var(--paper)}.story-book__controls button:disabled{opacity:.32;cursor:not-allowed}.story-book__controls p{text-align:center;min-width:9rem;font:700 .64rem/1.2 var(--font-mono), monospace;letter-spacing:.04em;text-transform:uppercase;place-content:center;margin:0;display:grid}.story-book__controls p span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.story-book__controls small{color:#f2e7d2ad;letter-spacing:.02em;text-transform:none;margin-top:.25rem;font-size:.47rem;font-weight:400;display:block}.story-book__index{width:min(42rem,100% - 2rem);max-height:min(46rem,100svh - 2rem);color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:10px 12px 0 var(--red);padding:0}.project-story--blue .story-book__index{box-shadow:10px 12px 0 var(--blue)}.story-book__index::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#181714c2}.story-book__index>header{z-index:1;background:var(--paper);border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex;position:sticky;top:0}.story-book__index h2{font:400 clamp(2.1rem, 5vw, 3.8rem)/.9 var(--display);margin:0}.story-book__index header button{border:1px solid var(--ink);min-height:2.75rem;font:700 .58rem/1.2 var(--font-mono), monospace;text-transform:uppercase;background:0 0;padding:.65rem .8rem}.story-book__index ol{margin:0;padding:0 1.2rem 1.2rem;list-style:none}.story-book__index li{border-bottom:1px solid #18171447}.story-book__index li button{text-align:left;width:100%;font:.7rem/1.35 var(--font-mono), monospace;background:0 0;border:0;grid-template-columns:2.3rem minmax(0,1fr);gap:.7rem;padding:.85rem 0;display:grid}.story-book__index li button span,.story-book__index li button[aria-current=page]{color:var(--red)}@media (min-width:901px){.story-book__spread[data-single=false] .story-book__leaf:first-of-type{box-shadow:1rem 1.2rem 2rem #18171438,inset -1.2rem 0 1.8rem #18171412}.story-book__spread[data-single=false] .story-book__leaf:last-of-type{box-shadow:-1rem 1.2rem 2rem #18171438,inset 1.2rem 0 1.8rem #18171412}}@media (max-width:900px){.project-story{padding-bottom:5rem}.story-book__spread{grid-template-columns:minmax(0,1fr);width:min(46rem,100%)}.story-book__leaf{min-height:calc(100svh - 10rem)}.story-book__cover,.story-book__back-cover{min-height:calc(100svh - 9rem)}.story-book__cover h1{font-size:clamp(3.4rem,15vw,6.4rem)}.story-book .story-chapter__header h2{font-size:clamp(2.7rem,10vw,4.8rem)}.story-book .story-flow{grid-template-columns:1fr}.story-book .story-flow li{border-bottom:1px solid;border-right:0}.story-book .story-flow li:last-child{border-bottom:0}}@media (max-width:560px){.story-book__toolbar{grid-template-columns:minmax(0,1fr) auto auto;gap:.45rem;min-height:3.7rem;padding-inline:.65rem;font-size:.56rem}.story-book__toolbar>a:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.story-book__toolbar>button,.story-book__toolbar .language-toggle{min-width:2.8rem;min-height:2.7rem;padding-inline:.65rem}.story-book__stage{padding:.55rem}.story-book__leaf{clip-path:polygon(.2% .3%,99.8% 0,99.6% 99.2%,.4% 99.8%);border-width:1.5px;min-height:calc(100svh - 8.8rem)}.story-book__cover{min-height:calc(100svh - 8.3rem);padding:1.1rem}.story-book__cover-meta{flex-direction:column;align-items:flex-start;font-size:.54rem}.story-book__cover-title{margin-block:2.8rem}.story-book__cover-title>p:first-child{font-size:.56rem}.story-book__cover h1{overflow-wrap:anywhere;font-size:clamp(3rem,17vw,5.2rem)}.story-book__cover-title>p:last-child{font-size:.95rem}.story-book__cover-footer{grid-template-columns:1fr}.story-book__cover-footer p{font-size:.86rem}.story-book__cover-footer button{width:100%}.story-book .story-chapter{padding:1.05rem}.story-book .story-chapter__header{grid-template-columns:1.1rem minmax(0,1fr)}.story-book .story-chapter__header h2{font-size:clamp(2.35rem,12.8vw,3.7rem)}.story-book .story-chapter__header div>p{font-size:.86rem}.story-scene{grid-template-rows:minmax(13rem,34svh) auto}.story-scene__image{min-height:13rem}.story-book .story-panel,.story-book .story-panel:nth-child(2n){transform:none}.story-book__controls{grid-template-columns:minmax(0,1fr) 5.2rem minmax(0,1fr);width:calc(100% - 1rem);bottom:.5rem}.story-book__controls button{overflow-wrap:anywhere;min-width:0;padding-inline:.45rem;font-size:.54rem}.story-book__controls p{min-width:0;font-size:.57rem}.story-book__controls small{display:none}.story-book__back-cover{min-height:calc(100svh - 8.3rem);padding:1.35rem}.story-book__back-cover blockquote{font-size:clamp(2.7rem,13vw,4.6rem)}.story-book__back-cover>div{flex-direction:column;align-items:flex-start}}