@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300;1,9..40,400&family=DM+Mono:wght@300;400&display=swap";:root{--color-cream: #F3EEE3;--color-leather: #8D7158;--color-olive: #4A4B40;--color-beige: #D4C7B0;--color-sage: #A9A082;--color-bg: var(--color-cream);--color-bg-subtle: var(--color-beige);--color-surface: #FDFCF8;--color-text: var(--color-olive);--color-text-secondary: var(--color-sage);--color-text-tertiary: #B8B0A0;--color-accent: var(--color-leather);--color-accent-soft: rgba(141, 113, 88, .12);--color-divider: var(--color-beige);--color-dark-bg: var(--color-olive);--color-dark-surface: #5A5B50;--color-dark-text: var(--color-cream);--color-dark-text-secondary: var(--color-sage);--color-dark-divider: #6A6B60;--font-serif: "Instrument Serif", Georgia, serif;--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", "SF Mono", monospace;--type-display-xl: clamp(5rem, 12vw, 10rem);--type-display-lg: clamp(3.5rem, 8vw, 7rem);--type-display-md: clamp(2rem, 5vw, 4rem);--type-display-sm: clamp(1.5rem, 3vw, 2.25rem);--type-body-lg: 1.15rem;--type-body-md: .95rem;--type-body-sm: .85rem;--type-label-lg: .7rem;--type-label-sm: .6rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--grid-columns: 8;--grid-gutter: 1.5rem;--grid-margin: clamp(1.5rem, 4vw, 6rem);--grid-max-width: 1280px;--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .7s;--duration-glacial: 1.2s;--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.76, 0, .24, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;overflow-x:hidden}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--color-accent);color:var(--color-surface)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes scrollDown{0%{top:-100%}to{top:200%}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-book{opacity:0;transform:translateY(50px) scale(.95);transition:opacity 1s var(--ease-out),transform 1s var(--ease-out)}.reveal-book.visible{opacity:1;transform:translateY(0) scale(1)}.book-scene{perspective:1200px;flex-shrink:0}.book-3d{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateY(-25deg) rotateX(5deg);transition:transform .8s var(--ease-out)}.book-3d:hover{transform:rotateY(-10deg) rotateX(2deg)}.book-front{display:flex;flex-direction:column;justify-content:flex-end;border-radius:2px;box-shadow:4px 4px 20px #0000001f;overflow:hidden;cursor:pointer;position:relative}.book-front:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 50%);pointer-events:none}.book-front .book-cover-title{font-family:var(--font-serif);line-height:1.2;color:#fff;position:relative;z-index:1;text-shadow:0 1px 4px rgba(0,0,0,.2)}.book-front .book-cover-author{font-family:var(--font-sans);font-weight:400;letter-spacing:.08em;color:#ffffffbf;position:relative;z-index:1}.book-spine{position:absolute;top:0;transform:rotateY(-90deg);transform-origin:right center;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-sans);font-weight:400;color:#fff9;text-transform:uppercase}.book-pages{position:absolute;top:3px;transform:rotateY(90deg);transform-origin:left center;background:linear-gradient(90deg,#f5f0e8,#faf6ef);border-top:1px solid #E8E3DC;border-bottom:1px solid #E8E3DC}.book-pages:before{content:"";position:absolute;inset:2px;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 3px)}.book-side{position:absolute;left:0;transform:rotateX(-90deg);transform-origin:top center;background:linear-gradient(90deg,#e8e3dc,#f0ebe4,#e8e3dc)}.app{min-height:100vh;background:var(--color-cream);color:var(--color-olive)}.handwriting{font-family:Caveat,cursive;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:400;line-height:1.6;transform:rotate(-.5deg)}.book-scene-large{perspective:2000px}.detail-wrapper{position:relative}.detail-nav{position:fixed;left:0;top:0;bottom:0;width:80px;color:var(--color-cream);z-index:1100;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1)}.detail-nav:hover{width:300px}.nav-overlay{position:fixed;inset:0;background:var(--color-olive);opacity:0;pointer-events:none;transition:opacity .3s ease}.detail-nav:hover .nav-overlay{opacity:.7}.nav-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.nav-back{background:transparent;border:none;color:inherit;padding:var(--space-2);margin-bottom:var(--space-3);align-self:flex-start;border-radius:4px;transition:opacity .2s;opacity:0;pointer-events:none}.nav-back.visible{opacity:.7;pointer-events:auto;cursor:pointer}.nav-back.visible:hover{opacity:1}.nav-book-list{display:flex;flex-direction:column;gap:2px;flex:1;justify-content:center;padding:0 var(--space-5)}.nav-book-item{background:transparent;border:none;cursor:pointer;padding:6px 0;display:flex;align-items:center;gap:var(--space-3);transition:opacity .15s}.nav-book-item:hover{opacity:1!important}.nav-book-bar{display:block;width:28px;height:2px;border-radius:1px;flex-shrink:0;opacity:.35;transition:width .25s cubic-bezier(.4,0,.2,1),height .25s cubic-bezier(.4,0,.2,1),opacity .2s ease}.nav-book-item.active .nav-book-bar{width:44px;height:3px;opacity:1}.nav-book-item:hover .nav-book-bar{opacity:.8}.nav-book-title{font-family:var(--font-serif);font-size:.85rem;white-space:nowrap;opacity:0;transition:opacity .2s ease;color:var(--color-cream)}.detail-nav:hover .nav-book-title{opacity:.6}.detail-nav:hover .nav-book-item.active .nav-book-title,.detail-nav:hover .nav-book-item:hover .nav-book-title{opacity:1}.detail-container{position:relative;margin-left:80px;min-height:100vh;background:var(--color-cream);overflow:hidden}.detail-inner{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.detail-book-side{display:flex;align-items:center;justify-content:center;padding:var(--space-8);transition:transform .3s cubic-bezier(.4,0,.2,1)}.detail-inner.book-centered .detail-book-side{transform:translate(var(--gym-center-tx, 50%))}.detail-content-side{position:relative;overflow:hidden;opacity:1;transition:opacity .4s ease}.detail-inner.book-centered .detail-content-side{opacity:0;pointer-events:none}.detail-content-side.content-hidden{opacity:0}.transition-preview{position:absolute;inset:0;visibility:hidden;background:var(--color-cream);z-index:50;will-change:transform}.content-panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:var(--space-8);padding-right:var(--space-16);transform:translate(60px);opacity:0;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s ease;pointer-events:none}.content-panel.active{transform:translate(0);opacity:1;pointer-events:auto}.content-panel.no-transition{transition:none}.context-indicator{display:flex;flex-direction:column;gap:var(--space-2)}.context-label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;opacity:.5}.context-number{font-family:var(--font-serif);font-size:2rem;opacity:.3}.overview-wrapper{position:relative}.overview-pinned{position:relative;height:100vh;width:100%;background:var(--color-cream);will-change:transform}.arc-carousel{position:absolute;top:calc(50% + 100px);left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none}.arc-book{pointer-events:auto}.arc-book:hover{filter:brightness(1.05)}.arc-book__inner{transform-style:preserve-3d}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.arc-book__inner--breathing{animation:breathe 3s ease-in-out infinite;transform-style:preserve-3d}.overview-header{position:absolute;top:var(--space-8);left:50%;transform:translate(-50%);text-align:center;z-index:10}.overview-header h1{font-family:var(--font-serif);font-size:clamp(1.5rem,3vw,2.5rem);margin-bottom:var(--space-2)}.overview-header p{font-family:var(--font-mono);font-size:.8rem;opacity:.7;text-transform:uppercase;letter-spacing:.1em}@media(max-width:768px){.detail-layout{grid-template-columns:1fr}.detail-nav{position:fixed;inset:auto 0 0;width:100%;height:60px}.detail-nav:hover{width:100%}.overview-container{height:auto;padding:var(--space-8) var(--space-4)}}.openable-book-scene{perspective:2500px;width:400px;height:560px}.openable-book{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(-20deg) rotateX(5deg)}.book-spine-3d{position:absolute;left:-50px;top:0;width:50px;height:100%;transform:rotateY(-90deg);transform-origin:right center;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-serif);font-size:.7rem;letter-spacing:.1em;color:var(--color-cream);text-transform:uppercase}.book-back-cover{position:absolute;inset:0;transform:translateZ(-50px);backface-visibility:hidden;border-radius:0 4px 4px 0;display:flex;align-items:flex-end;justify-content:flex-end;padding:1.5rem}.back-cover-content{text-align:right}.back-cover-title{font-family:var(--font-serif);font-size:.9rem;color:var(--color-cream);opacity:.8}.book-pages-stack{position:absolute;right:-48px;top:4px;width:48px;height:calc(100% - 8px);background:linear-gradient(90deg,#e8e0d0,#f5f0e5,#e8e0d0);transform:rotateY(90deg);transform-origin:left center;backface-visibility:hidden}.book-page{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:left center;will-change:transform}.page-front,.page-back{position:absolute;inset:0;backface-visibility:hidden;background:#f8f5ef;border-radius:0 4px 4px 0;overflow:hidden}.page-front{display:flex;align-items:stretch}.page-content{width:100%;height:100%;padding:1.5rem;overflow:hidden}.page-back{transform:rotateY(180deg);background:linear-gradient(to right,#e0d8c8,#f0ebe0 5%,#f8f5ef)}.book-front-cover{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:left center;border-radius:0 4px 4px 0;will-change:transform}.detail-book-side .book-front-cover{box-shadow:6px 6px 30px #0003}.cover-front{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;border-radius:0 4px 4px 0}.cover-image{width:100%;height:100%;object-fit:cover;display:block}.cover-inside{position:absolute;inset:0;transform:rotateY(180deg);backface-visibility:hidden;background:#f5f0e5;border-radius:0 4px 4px 0;padding:1.5rem;overflow:hidden}.synopsis-content h3{font-family:var(--font-serif);font-size:1rem;margin-bottom:.75rem;color:var(--color-olive);opacity:.7}.synopsis-content p{font-family:var(--font-serif);font-size:.8rem;line-height:1.6;color:var(--color-olive)}.detail-book-side .page-front:before,.detail-book-side .page-back:before,.detail-book-side .cover-inside:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px}.detail-book-side .cover-front:after,.detail-book-side .book-back-cover:before,.detail-book-side .book-spine-3d:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;opacity:.08;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.45' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px}.detail-book-side .book-pages-stack:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 3px)}.detail-book-side .cover-front:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;box-shadow:inset 3px 0 8px #00000026}.detail-book-side .page-front:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;box-shadow:inset 3px 0 6px #00000014}.cultural-context-page{height:100%;display:flex;flex-direction:column}.page-header{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-olive);opacity:.4;margin-bottom:1rem}.context-text{font-family:Caveat,cursive;font-size:1.1rem;line-height:1.5;color:var(--color-olive);flex:1;overflow:hidden}.cursor{animation:blink .7s step-end infinite;color:var(--color-olive)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.context-source{font-family:var(--font-mono);font-size:.55rem;color:var(--color-olive);opacity:.5;font-style:italic;margin-top:.75rem;display:block}@media(max-width:1024px){.openable-book-scene{width:320px;height:450px}.book-spine-3d{left:-40px;width:40px}.book-pages-stack{right:-38px;width:38px}.context-text{font-size:.95rem}}@media(max-width:768px){.openable-book-scene{width:260px;height:370px}.book-spine-3d{left:-32px;width:32px;font-size:.55rem}.context-text{font-size:.85rem}}