/* The room is the stage. Glass appears only at the handoffs. */
html{scroll-behavior:auto;scroll-padding-top:100px}.living-home{isolation:isolate;overflow-x:clip;--chapter-green:#c4d8be;--chapter-purple:#dbc5e5;--story-ink:#f3ecdf;--story-muted:#c9cbc4;--nav-sheet:#101c25ed;--download:#e0c59b;--download-ink:#1d2824}
[data-theme=light] .living-home{--story-ink:#28372f;--story-muted:#46564a;--chapter-green:#31563d;--chapter-purple:#664279;--nav-sheet:#f2ecdfed;--download:#35543e;--download-ink:#fff5df}
.living-home .site-header{position:fixed;inset:0 0 auto;z-index:100;background:var(--nav-sheet);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft)}.living-home .header-inner{min-height:78px}.living-home .logo-note{font-size:.65rem}.living-home #primary-nav{gap:23px}.living-home #primary-nav a{font-size:.77rem}
.living-home main{overflow:visible;position:relative;z-index:2}.studio-environment{position:fixed;inset:0;z-index:-2;overflow:clip;background:#152027}.environment-poster,#studio-canvas{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:57% 50%}.environment-poster{filter:brightness(.66)}#studio-canvas{display:none}.gpu-ready #studio-canvas{display:block}.gpu-ready .environment-poster{visibility:hidden}.practical-breath{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 27% 64%,#e0ad6b18,transparent 65%);animation:practical-light 9s ease-in-out infinite alternate}@keyframes practical-light{to{opacity:.35}}
.studio-scene{position:relative;padding:120px 6vw 90px;min-height:800px;color:var(--story-ink);background:var(--bg)}.studio-scene h1,.studio-scene h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;line-height:1.04}.studio-scene em{color:var(--amber)}.studio-scene p{color:var(--story-muted)}.chapter-kicker{font:400 .67rem/1.5 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--amber)!important;margin:0 0 23px}.studio-note{font:italic 1rem Georgia,serif;color:var(--amber)}
.arrival-scene{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:110px;min-height:900px;background:transparent}.reading-emblem{width:250px;height:250px;object-fit:contain}.studio-wordmark{font:400 3.1rem/1.1 Georgia,serif;letter-spacing:.3em;text-indent:.3em;color:var(--story-ink)!important;margin:18px 0}.arrival-copy h1{font-size:clamp(2.5rem,4.3vw,4.4rem);margin:25px 0 18px}.arrival-copy>p:last-child{font-size:.82rem;line-height:1.75}.hero-side{display:none}.enter-cue{display:flex;flex-direction:column;align-items:center;gap:8px;font:.57rem/1.5 var(--ui);letter-spacing:.12em;text-transform:uppercase;min-height:55px;margin-top:35px;color:var(--story-ink)}.enter-cue>span{font:1.5rem Georgia,serif}
#emblem-stage,#shared-star,#travelling-glass{display:none;pointer-events:none}#emblem-stage{position:fixed;left:50%;top:13vh;width:clamp(250px,37vh,380px);height:clamp(250px,37vh,380px);transform:translateX(-50%);z-index:16}#emblem-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.emblem-sun,.emblem-moon{opacity:0}#shared-star{position:fixed;left:0;top:0;z-index:24;width:32px;transform:translate(-50%,-50%)}#shared-star>img{display:block;width:100%;height:auto}#travelling-glass{position:fixed;inset:-15vh -8vw;z-index:15;border:1px solid #cce0e975;background:linear-gradient(120deg,#e2d8b210,transparent 42%,#b5dbe72c 54%,transparent 65%);backdrop-filter:blur(3px);clip-path:polygon(5% 0,100% 7%,94% 100%,0 88%);box-shadow:inset 1px 0 #f1ddb98c,0 25px 80px #07121c4a}#travelling-glass>span{position:absolute;inset:0;background:linear-gradient(112deg,transparent 40%,#e3effe1c 48%,transparent 56%)}
.inside-scene{display:flex;align-items:center}.inside-copy{max-width:690px}.inside-copy h2{font-size:clamp(3.8rem,6.8vw,7.5rem)}.inside-copy>p:not(.chapter-kicker){font-size:1rem;line-height:1.8;max-width:440px;margin:30px 0 25px}
.product-scene{display:grid;grid-template-columns:35% 59%;gap:6%;align-items:center}.product-story{position:relative;z-index:3;min-width:0}.product-story h2{font-size:clamp(5.5rem,8.6vw,9rem);margin:0 0 25px}.folio-scene h2{color:var(--chapter-green)}.paper-scene h2{font-size:clamp(4.3rem,6.6vw,7rem);color:var(--chapter-purple)}.paper-scene h2 em{color:inherit}.product-promise{font:400 1.4rem/1.4 Georgia,serif;color:var(--story-ink)!important;margin:0 0 19px}.product-summary{font-size:.84rem;line-height:1.7;max-width:360px;margin-bottom:25px}.download-pair{display:flex;flex-direction:column;align-items:stretch;gap:9px;max-width:325px}.platform-download{display:flex;align-items:center;justify-content:center;gap:13px;min-height:48px;padding:12px 15px;background:var(--download);border:1px solid var(--download);color:var(--download-ink);font:500 .74rem/1.3 var(--ui);text-decoration:none;transition:background .18s,border-color .18s}.platform-download:hover{background:#edd5b2;color:#1d2824;border-color:#edd5b2}.platform-download.secondary{background:#15241f80;color:var(--story-ink);border-color:var(--line)}[data-theme=light] .platform-download.secondary{background:#f6f1e7c4}.platform-download.secondary:hover{border-color:var(--amber);color:var(--amber)}.platform-download>span{font-size:1.1rem}.quiet-source{font-size:.62rem!important;margin:16px 0 0!important;color:var(--story-muted)!important}.quiet-source a{color:inherit;text-decoration:underline;text-underline-offset:3px}.quiet-source a:hover,.quiet-source a:focus-visible{color:var(--amber)}.story-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:45px;border-bottom:1px solid var(--line);font:.76rem/1.4 var(--ui);color:var(--story-ink);margin-top:20px}.story-link:hover{color:var(--amber)}
.interface-stage{min-width:0;position:relative;z-index:5}.interface-stage a{display:block;position:relative}.folio-interface img{width:100%;height:auto;max-height:57vh;object-fit:contain;border:1px solid #c9d5d240;border-radius:5px;box-shadow:0 35px 85px #02090f65;background:#111b23}.interface-stage figcaption{font:italic .76rem/1.5 Georgia,serif;color:var(--story-muted);margin-top:14px}.inspect-label{position:absolute;right:14px;bottom:14px;background:#142026ed;border:1px solid #e1dbcb40;color:#eee7d8;padding:8px 12px;font:.58rem/1.4 var(--ui)}.paper-interfaces{display:flex;align-items:center;justify-content:center;gap:25px;perspective:1600px}.paper-interfaces figure{width:44%;max-width:265px;margin:0;transform:rotate(-4deg) translateY(-10px)}.paper-interfaces figure+figure{transform:rotate(4deg) translateY(35px)}.paper-interfaces img{width:100%;height:auto;max-height:61vh;object-fit:contain;box-shadow:0 28px 65px #07101b75;border-radius:8px;border:1px solid #e6dbb66b}
.bench-scene{display:flex;align-items:center}.bench-heading{max-width:520px}.bench-heading h2{font-size:clamp(3.3rem,5.1vw,5.6rem)}.bench-heading>p:not(.chapter-kicker){margin-top:25px;font-size:.88rem;line-height:1.8}.fragment-field{display:none}.studio-fragment{position:absolute;display:flex;align-items:center;justify-content:center;width:50%;height:50%;isolation:isolate;border:1px solid #d2e0df7a;background:linear-gradient(135deg,#d5dec52b,#172c3670);color:var(--story-ink);backdrop-filter:blur(13px);box-shadow:inset 0 1px #eee1b940,0 25px 60px #07111b40;overflow:hidden}.fragment-photo{position:absolute;inset:0;z-index:-1;background-image:url('../assets/works/karu-stories-1280.webp');background-size:200% 200%;background-repeat:no-repeat;opacity:0}.fragment-label{display:flex;flex-direction:column;gap:25px;padding:30px;width:100%}.fragment-label small{font-size:.57rem;letter-spacing:.08em;color:var(--story-muted)}.fragment-label strong{font:400 clamp(1.5rem,2.5vw,2.8rem)/1.1 Georgia,serif}.fragment-label>span{font-size:.63rem;color:var(--story-muted)}.studio-fragment:hover .fragment-label strong{color:var(--amber)}.fragment-0 .fragment-photo{background-position:0 0}.fragment-1 .fragment-photo{background-position:100% 0}.fragment-2 .fragment-photo{background-position:0 100%}.fragment-3 .fragment-photo{background-position:100% 100%}
.works-scene{display:flex;align-items:center}.works-heading{max-width:390px}.works-heading h2{font-size:clamp(3.5rem,5.2vw,5.7rem)}.works-heading>p:not(.chapter-kicker){font-size:.87rem;line-height:1.8;margin-top:28px;max-width:310px}.work-credit{margin-top:50px}.work-credit>span{font-size:.6rem;letter-spacing:.09em;text-transform:uppercase;color:var(--story-muted)}.work-credit h3{font:400 2.4rem/1.2 Georgia,serif;color:var(--story-ink);margin:12px 0}.work-credit p{font-size:.77rem;line-height:1.6}.work-credit .story-link{margin-top:10px}.reading-karu{display:block;width:100%;margin:40px 0}.reading-karu img{width:100%;height:auto}
.connection-scene{display:flex;align-items:start;justify-content:center;flex-direction:column}.connection-scene h2{font-size:clamp(4rem,8.1vw,8.5rem);max-width:1100px}.connection-scene>p:not(.chapter-kicker){font-size:1rem;line-height:1.8;margin-top:30px}.connection-links{display:flex;gap:35px;margin-top:25px}.connection-links>a{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);min-height:50px;color:var(--story-ink);font-size:.85rem}.connection-links>a:first-child{color:var(--amber)}.connection-note{font:italic 1rem Georgia,serif!important;color:var(--amber)!important}.reunion-scene{display:none}
.cinema-controls{position:fixed;z-index:65;left:3vw;bottom:20px;display:flex;align-items:center;gap:9px;padding:4px 10px;background:var(--nav-sheet);border:1px solid var(--border-soft)}.cinema-controls[hidden]{display:none}.cinema-controls button{font:.62rem/1.4 var(--ui);background:none;border:0;color:var(--story-ink);padding:9px 7px;min-height:36px;cursor:pointer}.cinema-controls #loop-mode{border-left:1px solid var(--border-soft)}#journey-caption{display:none}.chapter-navigation{position:fixed;z-index:65;left:50%;transform:translateX(-50%);bottom:20px;display:flex;gap:25px;align-items:center;padding:5px 17px;background:var(--nav-sheet);border:1px solid var(--border-soft)}.chapter-navigation[hidden]{display:none}.chapter-navigation a{position:relative;padding:10px 0;font:.59rem/1.5 var(--ui);color:var(--story-muted);white-space:nowrap}.chapter-navigation a[aria-current]{color:var(--amber)}.chapter-navigation a[aria-current]:after{content:'';height:1px;position:absolute;bottom:4px;left:0;right:0;background:var(--amber)}.chapter-progress{position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--amber);transform:scaleX(var(--progress,0));transform-origin:left}
.cinematic .studio-scene{position:fixed;inset:0;min-height:0;height:100svh;overflow:clip;background:none;opacity:0;pointer-events:none;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0) scale(var(--scene-scale,1));will-change:transform,opacity}.cinematic .studio-scene.is-active{pointer-events:auto}.cinematic #emblem-stage,.cinematic #shared-star,.cinematic #travelling-glass{display:block}.cinematic .reading-emblem{display:none}.cinematic .arrival-scene{padding:0}.cinematic .arrival-copy{position:absolute;bottom:16vh;left:0;right:0}.cinematic .studio-wordmark{font-size:3rem;margin:0 0 30px}.cinematic .arrival-copy h1{font-size:clamp(2.5rem,3.5vw,3.8rem);margin:0 0 18px}.cinematic .arrival-copy>p:last-child{font-size:.78rem}.cinematic .hero-side{display:block;position:absolute;top:49%;font:.61rem/1.8 var(--ui);letter-spacing:.11em;text-transform:uppercase;color:var(--story-muted)}.cinematic .hero-side-left{left:6vw;text-align:left}.cinematic .hero-side-right{right:6vw;text-align:right}.cinematic .enter-cue{position:absolute;bottom:76px;left:50%;transform:translateX(-50%);margin:0}.cinematic .inside-scene{padding-left:9vw}.cinematic .fragment-field{display:block;position:fixed;z-index:7;left:44vw;top:23vh;width:52vw;height:58vh;perspective:1600px;pointer-events:none}.cinematic .fragment-field.is-interactive{pointer-events:auto}.cinematic .works-heading{position:absolute;top:21vh;left:6vw;max-width:30vw}.cinematic .works-heading h2{font-size:clamp(3.4rem,4.6vw,5rem)}.cinematic .work-credit{position:absolute;left:39vw;bottom:11vh;margin:0}.cinematic .work-credit h3{font-size:2rem;margin:8px 0}.cinematic .work-credit p{display:none}.cinematic .work-credit .story-link{margin:0}.cinematic .reading-karu,.cinematic .reading-bench-links{display:none}.cinematic .connection-scene{padding-left:9vw}.cinematic footer{position:relative;z-index:55;margin-top:0;padding-bottom:105px}.cinematic .reunion-scene{display:none}
.reading-bench-links{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px;list-style:none;padding:0;max-width:800px}.reading-bench-links a{display:flex;flex-direction:column;gap:12px;padding:25px 20px;border-top:1px solid var(--line);background:var(--glass);min-height:120px}.reading-bench-links strong{font:1.6rem/1.2 Georgia,serif}.reading-bench-links span{font-size:.7rem;color:var(--muted)}
.flow-journey .studio-scene{background:linear-gradient(0deg,var(--bg),transparent 18%,transparent 80%,var(--bg));min-height:650px}.flow-journey #emblem-stage,.flow-journey #shared-star{display:block}.flow-journey .reading-emblem{visibility:hidden}.flow-journey .arrival-scene{min-height:1100px;padding-top:110px}.flow-journey #emblem-stage{top:125px;width:235px;height:235px}.flow-journey .arrival-copy{margin-top:24px}.flow-journey .arrival-copy h1{font-size:2.6rem}.flow-journey .arrival-scene .arrival-copy{position:sticky;top:390px}.flow-journey .enter-cue{margin-top:45px}.flow-journey .inside-scene,.flow-journey .bench-scene{flex-direction:column;align-items:start}.flow-journey .reunion-scene{display:flex;align-items:center;justify-content:center;min-height:1000px;background:transparent;text-align:center;padding-top:410px}.reunion-copy h2{font-size:2.6rem;line-height:1.1;font-weight:400}.reunion-copy>p{margin-bottom:25px;font:2.7rem Georgia,serif;letter-spacing:.25em}.flow-journey .chapter-navigation{display:none}.flow-journey #loop-mode{display:none}.flow-journey .product-story{background:var(--nav-sheet);padding:28px;border-left:1px solid var(--border-soft)}
@media(max-width:1100px){.living-home .logo-note{display:none}.living-home #primary-nav{gap:17px}.cinema-controls{left:15px}.chapter-navigation{left:auto;right:18px;transform:none;gap:17px}.product-story h2{font-size:6.4rem}.paper-scene h2{font-size:5rem}.product-promise{font-size:1.17rem}.product-summary{font-size:.8rem}.paper-interfaces{gap:18px}.fragment-label{padding:24px;gap:20px}.fragment-label strong{font-size:2rem}.cinematic .works-heading h2{font-size:3.6rem}}
@media(max-height:780px) and (min-width:901px){.cinematic #emblem-stage{top:13vh;width:29vh;height:29vh}.cinematic .arrival-copy{bottom:18vh}.cinematic .studio-wordmark{font-size:2.5rem;margin-bottom:18px}.cinematic .arrival-copy h1{font-size:2.7rem}.cinematic .arrival-copy>p:last-child{font-size:.72rem}.product-scene{padding-top:105px;padding-bottom:85px}.product-story h2{font-size:6.6rem;margin-bottom:15px}.paper-scene h2{font-size:4.6rem}.product-promise{font-size:1.12rem;margin-bottom:14px}.product-summary{font-size:.76rem;margin-bottom:18px}.chapter-kicker{margin-bottom:16px}.platform-download{min-height:42px;font-size:.65rem}.quiet-source{margin-top:12px!important;font-size:.56rem!important}.story-link{margin-top:12px}.interface-stage figcaption{font-size:.65rem}.cinematic .works-heading h2{font-size:3.4rem}.cinematic .work-credit{bottom:12vh}.cinematic .work-credit h3{font-size:1.6rem}.cinematic .inside-copy h2{font-size:5rem}.cinematic .inside-copy>p:not(.chapter-kicker){font-size:.88rem;margin:20px 0}.cinematic .connection-scene h2{font-size:6.4rem}}
@media(max-width:900px){.living-home .studio-scene{padding:110px 7vw 80px}.product-scene{display:block}.product-story{max-width:640px;margin-bottom:45px}.product-story h2{font-size:5.5rem}.paper-scene h2{font-size:4.8rem}.download-pair{flex-direction:row;max-width:100%;gap:10px}.platform-download{flex:1;font-size:.68rem;padding:12px 9px}.platform-download>span{display:none}.folio-interface{max-width:640px;margin-inline:auto}.folio-interface img{max-height:650px;background:transparent}.paper-interfaces{max-width:590px;margin:auto}.paper-interfaces figure{max-width:245px}.paper-interfaces img{max-height:none}.inside-copy h2{font-size:4.5rem}.bench-heading{max-width:none}.bench-heading h2{font-size:4.1rem}.works-scene{display:block}.works-heading{max-width:650px}.works-heading h2{font-size:4.5rem}.work-credit h3{font-size:2.6rem}.connection-scene h2{font-size:5rem}.cinema-controls{bottom:15px;left:15px}.living-home footer{padding-bottom:100px}}
@media(max-width:700px){.living-home .header-inner{min-height:74px}.living-home .logo{font-size:1.1rem}.living-home .logo-symbol{width:34px;height:34px}.living-home .studio-scene{padding:105px 6vw 75px}.arrival-scene{min-height:900px!important}.flow-journey .arrival-scene{min-height:1130px!important}.flow-journey .arrival-copy{position:sticky;top:390px}.studio-wordmark{font-size:2.5rem}.arrival-copy h1,.flow-journey .arrival-copy h1{font-size:2.15rem;line-height:1.15}.arrival-copy>p:last-child{font-size:.78rem}.reading-emblem{width:225px;height:225px}.inside-copy h2{font-size:3.6rem}.inside-copy>p:not(.chapter-kicker){font-size:.89rem}.product-story h2{font-size:4.9rem}.paper-scene h2{font-size:4.1rem}.product-promise{font-size:1.15rem}.product-summary{font-size:.82rem}.flow-journey .product-story{padding:24px 20px}.download-pair{flex-direction:column;gap:9px}.platform-download{min-height:48px;font-size:.75rem}.folio-interface{max-width:290px}.folio-interface img{max-height:none;box-shadow:0 20px 50px #07101b50}.interface-stage figcaption{font-size:.72rem}.paper-interfaces{flex-direction:column;gap:35px}.paper-interfaces figure,.paper-interfaces figure+figure{width:88%;max-width:285px;transform:none}.paper-interfaces img{width:100%;max-height:none}.bench-heading h2{font-size:3.4rem}.reading-bench-links{gap:12px}.reading-bench-links a{padding:20px 15px;min-height:150px}.reading-bench-links strong{font-size:1.4rem}.reading-bench-links span{font-size:.62rem}.works-heading h2{font-size:3.6rem}.work-credit>span{font-size:.57rem}.work-credit h3{font-size:2.2rem}.connection-scene h2{font-size:3.7rem}.connection-scene>p:not(.chapter-kicker){font-size:.9rem}.connection-links{flex-direction:column;gap:5px;align-items:start}.connection-links>a{font-size:.82rem}.flow-journey .reunion-scene{min-height:950px!important;padding-top:410px}.reunion-copy h2{font-size:2.2rem}.reunion-copy>p{font-size:2.5rem}.cinema-controls{padding:3px 8px}.cinema-controls button{font-size:.6rem;min-height:38px}.inspect-label{font-size:.53rem;padding:7px 9px}.living-home .site-header:has(#primary-nav.open){background:var(--header)}}
@media(prefers-reduced-motion:reduce){.practical-breath{animation:none}.studio-scene,.interface-stage,.paper-interfaces figure{transform:none!important}.platform-download{transition:none}}
.scene-turn-controls{position:fixed;right:5vw;top:100px;z-index:45;display:flex;align-items:center;gap:13px;padding:4px 9px;background:var(--nav-sheet);border:1px solid var(--border-soft)}.scene-turn-controls[hidden]{display:none}.scene-turn-controls button{width:38px;height:38px;background:none;border:0;cursor:pointer;color:var(--story-ink);font-size:1.1rem}.scene-turn-controls>span{font:italic .75rem Georgia,serif;color:var(--story-muted)}
.living-home:not(.cinematic) .works-scene{display:block}.living-home.reading-studio .arrival-scene{background:var(--bg)}.reading-studio .practical-breath{animation:none}.living-home:not(.cinematic):not(.flow-journey) .reunion-scene{display:none}.flow-journey .scene-turn-controls{display:none!important}
.studio-environment:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 48% 76%,#09121d7a,transparent 65%),linear-gradient(90deg,#09121d38,transparent 70%)}
[data-theme=light] .studio-environment:after{background:radial-gradient(ellipse at 45% 72%,#eee4d667,transparent 65%)}
@media(max-height:780px) and (min-width:901px){.cinematic #emblem-stage{width:34vh;height:34vh}}
.living-home .product-story{display:block;grid-template-columns:none;gap:0}
.living-home .product-story>p,.living-home .product-story>div,.living-home .product-story>h2{grid-column:auto;grid-row:auto}
.living-home .product-story{padding:0;margin:0}
[data-theme=light] .living-home{--story-muted:#3e4b41;--amber:#76562e}
[data-theme=light] .studio-environment:after{background:linear-gradient(90deg,#f3ebddf0 0%,#f3ebddd9 30%,#f3ebdd5c 57%,transparent 82%)}
[data-theme=light] .living-home[data-chapter=arrival] .studio-environment:after{background:radial-gradient(ellipse at 50% 78%,#f3ebddf5 0%,#f3ebddc9 30%,#f3ebdd38 65%,transparent 90%)}
.flow-journey .product-story{padding:28px;border-left:1px solid var(--border-soft)}
@media(max-width:700px){.flow-journey .product-story{padding:24px 20px}}
.living-home:not(.cinematic) .bench-scene{display:block}
.reading-bench-links{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.reading-bench-links li,.reading-bench-links a{min-width:0;overflow-wrap:anywhere}
.reading-studio .scene-turn-controls{display:none!important}
[data-theme=light] .studio-fragment{background:linear-gradient(135deg,#faf5ebf5,#e8ddcde8);border-color:#88765980;box-shadow:inset 0 1px #fff8eeb3,0 20px 50px #55473226}

html:has(.cyclic-studio){overflow:hidden;overscroll-behavior:none}.cyclic-studio{height:100svh;overflow:hidden}.cyclic-studio footer{display:none}.cyclic-studio main{height:100svh}

/* Imagination: one material, complementary geometry, real opposing faces. */
.cyclic-studio .chapter-progress{display:none}
.cinematic .product-scene>.interface-stage{display:none}
#material-book{display:none;position:fixed;z-index:10;perspective:1900px;pointer-events:none}
.cinematic #material-book{display:block}#material-book:not([inert]){pointer-events:auto}
.material-sheet{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:50% 55%;will-change:transform}
.sheet-face{position:absolute;inset:0;backface-visibility:hidden;border:1px solid #c7e0eb80;background:linear-gradient(125deg,#d4e6ee18,#12232c66 45%,#dfb98a14);box-shadow:inset 0 1px #fff5df66,0 30px 80px #07101859;display:flex;align-items:center;justify-content:center;padding:14px;border-radius:3px;overflow:hidden}
.sheet-face:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#fff9ed0a 40%,transparent 53%,#a8d5f112 75%,transparent)}
.sheet-front>a{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.sheet-front img{width:100%;height:100%;object-fit:contain}
.sheet-back{transform:rotateY(180deg);gap:26px;padding:16px 30px 35px;background:linear-gradient(130deg,#dcd0e82b,#251d3580,#c4dded10)}
.sheet-back>a{height:100%;max-width:45%;opacity:var(--interface-opacity,1)}.sheet-back img{width:auto;height:100%;max-width:100%;object-fit:contain}
.sheet-caption{position:absolute;bottom:5px;left:16px;font:italic .65rem Georgia,serif;color:#eee6d7}.sheet-back .sheet-caption{opacity:var(--interface-opacity,1)}
.fragment-field{isolation:isolate}.studio-fragment{position:absolute;inset:0;display:block!important;background:linear-gradient(130deg,#ccdfe636,#14273287 50%,#e2c1931a)!important;backdrop-filter:blur(7px);overflow:hidden;transform-origin:25% 25%;transform-style:flat;will-change:transform;isolation:isolate;contain:paint}
.fragment-1{transform-origin:75% 25%}.fragment-2{transform-origin:75% 75%}.fragment-3{transform-origin:25% 75%}
.fragment-art{position:absolute;object-fit:cover;max-width:none;z-index:0}.fragment-0 .fragment-art{left:0;top:0;width:56%;height:60%}.fragment-1 .fragment-art{left:45%;top:0;width:55%;height:50%}.fragment-2 .fragment-art{left:43%;top:39%;width:57%;height:61%}.fragment-3 .fragment-art{left:0;top:43%;width:50%;height:57%}
.fragment-label{position:absolute;display:flex;gap:9px;padding:18px!important;color:#fff2df!important;z-index:3;width:46%;height:auto;min-height:25%;justify-content:end;background:linear-gradient(0deg,#0e1926ed,#0e1926b3 60%,transparent);text-shadow:0 1px 2px #0008}
.fragment-label strong{font-size:clamp(1.25rem,2.1vw,2.35rem);color:#fff1df}.fragment-label small,.fragment-label>span{color:#e5dfd4;font-size:.54rem;line-height:1.5}
.fragment-0 .fragment-label{left:0;top:25%}.fragment-1 .fragment-label{right:0;top:18%}.fragment-2 .fragment-label{right:0;bottom:0}.fragment-3 .fragment-label{left:0;bottom:0}
.studio-fragment:hover .fragment-label strong{color:#f4d09e}.studio-fragment:focus-visible{outline:none!important}.studio-fragment:focus-visible .shard-edge polygon{stroke:#fff4c9;stroke-width:1.4}
.fragment-photo{position:absolute;inset:0;z-index:2!important;background-size:100% 100%!important;background-position:0 0!important}
.shard-edge{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}.shard-edge polygon{fill:none;stroke:#e0edf0a8;stroke-width:.2;vector-effect:non-scaling-stroke}
.fracture-lines{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;opacity:calc(var(--fracture,0) * (1 - var(--assembly,0)))}
.fracture-lines path{fill:none;stroke:#ecdbc0;stroke-width:1.8;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--fracture,0));filter:drop-shadow(0 0 3px #9ecde866)}
.impact-reflection{position:absolute;left:48%;top:46%;width:58px;z-index:5;pointer-events:none;opacity:calc(var(--fracture,0) * (1 - var(--assembly,0)) * .14);transform:translate(-50%,-50%) scaleY(-.55) rotate(-15deg)}


.cinematic .connection-scene h2{font-size:clamp(4.2rem,7.4vw,7.8rem);max-width:72vw}.cinematic .connection-note{margin-top:28px!important}
.reading-bench-links a{padding:0 0 22px;overflow:hidden}.reading-bench-links img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}.reading-bench-links strong,.reading-bench-links span{padding-inline:18px}.reading-bench-links span{font-size:.64rem}
[data-theme=light] .living-home{--story-ink:#23342d;--story-muted:#34483c;--amber:#715125}
[data-theme=light] .living-home .studio-environment:after,[data-theme=light] .living-home[data-chapter=arrival] .studio-environment:after{background:none}
[data-theme=light] .living-home .environment-poster{filter:none}
[data-theme=light] .sheet-face{border-color:#f7fbfc;background:linear-gradient(130deg,#fffaf06e,#e4edf34a);box-shadow:inset 0 1px #fff,0 28px 65px #292e302b}
[data-theme=light] .sheet-caption{color:#2b3b32}
@media(max-width:900px){#material-book{display:none!important}.reading-bench-links{gap:20px}.reading-bench-links strong{font-size:1.5rem}.reading-bench-links span{font-size:.6rem}}
@media(max-width:500px){.reading-bench-links{grid-template-columns:1fr}.reading-bench-links strong{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){#material-book{display:none!important}.invitation-paper{transform:none!important}}

.fracture-lines{opacity:calc(var(--fracture,0) * (1 - var(--separation,0)) * (1 - var(--assembly,0)))}
.karu-print{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:9px;padding:15px;background:#581528}.karu-print img{width:100%;height:100%;object-fit:cover;min-height:0}.quiet-live-work{font-size:.65rem;color:var(--story-muted);text-decoration:underline;display:inline-block;margin-left:25px}.cinematic .work-credit h3{margin-bottom:8px}

.sheet-face:after{background:linear-gradient(var(--turn-angle,115deg),transparent 20%,#fff9ed0a 40%,transparent 53%,#a8d5f112 75%,transparent)}

.practical-breath{animation:none}.environment-day-poster{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:57% 50%}[data-theme=light] .environment-day-poster{display:block}.gpu-ready .environment-day-poster{visibility:hidden}.shard-edge polygon{stroke-width:.8}

.material-sheet:before{content:'';position:absolute;left:calc(50% - 2px);top:0;width:4px;height:100%;background:linear-gradient(#d6eef4,#f5d6a3 46%,#99cddd);transform:rotateY(90deg);transform-style:preserve-3d;backface-visibility:visible;box-shadow:0 0 8px #c6dfea33}

.fragment-field:before{content:'';position:absolute;inset:0;border:1px solid #d5e7f282;background:linear-gradient(130deg,#ccdfe636,#14273287 50%,#e2c1931a);backdrop-filter:blur(7px);pointer-events:none}.fragment-field.has-separated:before{display:none}.fragment-field:not(.has-separated) .studio-fragment{visibility:hidden}

.fragment-field.has-separated .studio-fragment{backdrop-filter:none}.reading-karu-photos{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:16px;align-items:center}.reading-karu-photos img{width:100%;height:400px;object-fit:cover}.reading-karu-photos img:nth-child(2){height:510px}.reading-karu figcaption{font-size:.7rem;color:var(--story-muted);margin-top:20px}@media(max-width:700px){.reading-karu-photos{grid-template-columns:1fr 1fr;gap:12px}.reading-karu-photos img{height:280px}.reading-karu-photos img:nth-child(2){height:330px}.reading-karu-photos img:last-child{grid-column:1/-1;height:300px;object-position:center 45%}}

.fragment-field.has-separated .fracture-lines{display:none}

.living-home.cinematic .work-credit{left:43vw;top:calc(20vh + min(57vh,37.857vw) + 20px);bottom:auto;width:53vw;display:grid;grid-template-columns:1fr auto;gap:0 20px}.living-home.cinematic .work-credit>span{grid-column:1/-1;margin-bottom:6px;font-size:.58rem;line-height:1.5}.living-home.cinematic .work-credit h3{grid-column:1;grid-row:2;margin:0;font-size:2rem;align-self:center}.living-home.cinematic .work-credit .story-link{grid-column:2;grid-row:2;min-height:42px;margin:0}.living-home.cinematic .work-credit .quiet-live-work{grid-column:1;grid-row:3;min-height:26px;margin:0;width:fit-content;font-size:.66rem;align-self:start}@media(max-height:780px) and (min-width:901px){.living-home.cinematic .work-credit{top:calc(20vh + min(57vh,37.857vw) + 10px)}.living-home.cinematic .work-credit>span{font-size:.51rem;margin-bottom:4px}.living-home.cinematic .work-credit h3{font-size:1.55rem}.living-home.cinematic .work-credit .story-link{min-height:33px;font-size:.66rem}.living-home.cinematic .work-credit .quiet-live-work{font-size:.59rem;min-height:22px}}

body.living-home:not(.cinematic) footer{padding-bottom:90px}

.cinematic .studio-scene{will-change:auto}.cinematic .studio-scene.is-active{will-change:transform,opacity}.fragment-1 .fragment-label{top:15%}@media(max-width:1100px){.fragment-label{padding:12px!important;gap:7px}.fragment-label strong{font-size:clamp(1.2rem,2.1vw,2.35rem)}}

/* A localized paper-light reading field keeps Pearl type legible while the
   room's daylight, shadows and material depth remain visible to the right. */
[data-theme=light] .cinematic .studio-scene:not(.arrival-scene):before{content:'';position:absolute;z-index:-1;inset:78px auto 0 0;width:78vw;pointer-events:none;background:linear-gradient(90deg,#f3ebddf5 0%,#f3ebdded 43%,#f3ebdd9c 65%,transparent 100%)}
[data-theme=light] .cinematic .connection-scene:before{width:89vw;background:linear-gradient(90deg,#f3ebddf5 0%,#f3ebdde8 53%,#f3ebdd91 72%,transparent 100%)}

.visually-quiet{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Small and coarse-pointer devices receive a complete, ordinary composition. */
.flow-journey #emblem-stage,.flow-journey #shared-star{display:none!important}.flow-journey .reading-emblem{visibility:visible}.flow-journey .studio-scene{background:var(--bg)}.flow-journey .arrival-scene{min-height:850px!important;background:transparent;padding-top:115px}.flow-journey .arrival-scene .arrival-copy{position:relative;top:auto;margin-top:24px;padding:28px 22px;background:var(--nav-sheet);border-top:1px solid var(--border-soft);max-width:600px}.flow-journey .reunion-scene{min-height:600px!important;padding-top:100px;background:var(--bg)}.flow-journey .reunion-copy:before{content:'';display:block;width:190px;height:190px;margin:0 auto 35px;background:url('../assets/journey/emblem.png') center/contain no-repeat}
@media(max-width:700px){.flow-journey .arrival-scene{min-height:900px!important}.paper-scene h2{font-size:clamp(2.7rem,10.4vw,4.1rem)}.inside-copy h2,.works-heading h2,.connection-scene h2{font-size:clamp(2.7rem,11vw,3.6rem)}}

[data-theme=light] .cinematic .arrival-scene:before{content:"";position:absolute;z-index:-1;inset:45% 0 0;pointer-events:none;background:radial-gradient(ellipse at 50% 68%,#f3ebddfc 0%,#f3ebddf2 30%,#f3ebdda8 49%,transparent 76%)}

[data-theme=light] .living-home.cinematic .work-credit{background:#f3ebddf5;box-shadow:0 0 0 8px #f3ebddf5}

.scene-turn-controls[hidden],.cinema-controls[hidden],.chapter-navigation[hidden]{display:none!important}