/* Experimental homepage only. Shared v1.1 pages keep their own compositions. */
.living-studio{--folio-ink:#c5d8b9;--folio-room:#182a25;--paper-ink:#e4cfe6;--paper-room:#292332;--scene-edge:#111820;--quiet-edge:#111820;overflow-x:clip}
[data-theme="light"] .living-studio{--folio-ink:#35523d;--folio-room:#e5e8dc;--paper-ink:#684676;--paper-room:#ece2e9;--scene-edge:#f3ebdd;--quiet-edge:#f3ebdd}
.living-studio .site-header{position:sticky;top:0;z-index:40}.living-studio .header-inner{min-height:80px}.living-studio main{overflow:clip}.journey-chapter{scroll-margin-top:80px;position:relative}.room-stage{position:relative;isolation:isolate;overflow:hidden}.room-image{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;z-index:-3;transform:translate3d(0,var(--room-drift,0px),0) scale(1.015);will-change:auto}.room-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#09121be8,transparent 48%),linear-gradient(90deg,#09121b65,transparent 70%)}.arrival{height:120svh;min-height:800px}.arrival-stage{position:sticky;top:80px;height:calc(100svh - 80px);min-height:640px}.arrival .room-image{object-position:62% 52%}.arrival-top{display:flex;justify-content:space-between;padding:28px 6%;color:#f4e6d0;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase}.arrival-title{position:absolute;left:6%;bottom:17%;color:#f4eee4}.chapter-label{font:600 .66rem/1.5 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}.arrival .chapter-label{color:#e9cb98}.arrival h1{font-size:clamp(3.2rem,5.6vw,6.6rem);line-height:1.05;margin:20px 0 18px;max-width:860px}.arrival h1 em{color:#ebcfaa}.arrival-title>p:last-child{font-size:.9rem;color:#e5ded0}.walk-in{position:absolute;right:6%;bottom:14%;width:104px;height:104px;border:1px solid #f4e6d07a;border-radius:50%;color:#f5eada;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:.7rem}.walk-in>span:last-child{font-size:1.5rem}.walk-in:hover{background:#f4e6d020}.room-caption{position:absolute;left:6%;bottom:30px;color:#dbd4c5;font-size:.64rem;letter-spacing:.06em}.threshold{display:flex;align-items:center;justify-content:space-between;width:88%;margin:auto;padding:110px 0 125px;gap:60px}.threshold p{font:clamp(1.5rem,2.6vw,2.8rem)/1.5 var(--display);color:var(--text);letter-spacing:-.025em}.threshold p span{color:var(--muted)}.threshold-line{height:1px;background:var(--line);width:18%;flex:none}.workroom,.creative-room{height:650px;max-height:78svh;min-height:500px;margin-inline:6%;overflow:visible}.workroom .room-image,.creative-room .room-image{inset:0;width:100%;height:100%;object-position:50% 54%;clip-path:inset(0);transform:translate3d(0,var(--room-drift,0px),0) scale(1.025)}.workroom-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101917c9,transparent 70%),linear-gradient(0deg,var(--scene-edge),transparent 25%)}.room-intro{position:absolute;left:5%;top:12%;color:#f1e9dc}.room-intro .chapter-label{color:#e9cb98}.room-thought{font:clamp(2.5rem,4vw,4.5rem)/1.1 var(--display);color:#f1e9dc;margin-top:22px;letter-spacing:-.035em}.ledger-object{position:absolute;right:10%;bottom:-52px;width:230px;padding:30px 26px 27px;background:#20392c;border-left:7px solid #12291f;box-shadow:10px 24px 45px #0005,inset 0 0 0 1px #b4c29a55;transform:rotate(-7deg);color:#e1d5b3;z-index:2;display:flex;flex-direction:column;gap:26px}.ledger-object>span:first-child{font-size:.8rem;letter-spacing:.22em}.ledger-object i{font:italic 1.55rem/1.35 var(--display)}.ledger-object>span:last-child{font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #e1d5b360;padding-top:15px}.product-world{position:relative;padding:115px 6% 80px}.folio-world{background:linear-gradient(0deg,var(--bg),var(--folio-room) 38%,var(--folio-room) 88%,var(--bg));color:var(--folio-ink)}.product-storyline{display:grid;grid-template-columns:24% 76%;align-items:center;gap:0;max-width:1500px;margin:auto}.product-heading{padding-right:26px}.product-heading .chapter-label{color:var(--folio-ink)}.product-heading h2{font-size:clamp(4rem,6.5vw,7rem);margin:22px 0 28px}.period{color:var(--amber)}.product-promise{font:1.6rem/1.4 var(--display);letter-spacing:-.02em;color:var(--folio-ink)}.software-composition{min-width:0}.software-window{margin:0;position:relative}.software-window a{position:relative;display:block;padding:7px;background:var(--surface);box-shadow:0 25px 75px #0004;border:1px solid var(--border-soft)}.software-window img{width:100%;height:auto}.inspect-label{position:absolute;bottom:12px;right:12px;padding:5px 10px;background:var(--surface);color:var(--text);font: .65rem/1.7 var(--ui);border:1px solid var(--line);opacity:0;transition:opacity .2s}.software-window a:hover .inspect-label,.software-window a:focus-visible .inspect-label,.character-phone a:hover .inspect-label,.character-phone a:focus-visible .inspect-label{opacity:1}.software-window figcaption{font-size:.7rem;color:var(--muted);margin-top:20px}.product-exit{max-width:1500px;margin:55px auto 0;display:grid;grid-template-columns:1fr auto;align-items:start;column-gap:30px;row-gap:12px;padding-left:24%}.product-exit p{font-size:.9rem;max-width:470px}.studio-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border-bottom:1px solid var(--line);padding:13px 0;font-size:.95rem;color:var(--text);min-height:48px}.studio-link:hover{color:var(--amber);border-color:var(--amber)}.platform-meta{font-size:.64rem;color:var(--muted);letter-spacing:.05em}.product-exit .platform-meta{grid-column:2}.creative-room{margin-top:30px;height:590px}.creative-room .room-image{object-position:48% 60%}.notebook-object{position:absolute;right:12%;bottom:-70px;width:250px;background:#e9dfd2;color:#44334b;padding:30px;border-left:4px solid #a2979f;box-shadow:12px 28px 50px #0005;transform:rotate(6deg);z-index:2}.notebook-object:before{content:'';position:absolute;inset:10px -8px -8px 10px;background:#bcb0c4;z-index:-1;transform:rotate(-9deg)}.notebook-object>span:first-child{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase}.notebook-object p{font:2rem/1.15 var(--display);color:#44334b;margin:32px 0}.notebook-object>span:last-child{display:block;border-top:1px solid #a2979f;padding-top:18px;font-size:.55rem}.character-world{padding-top:150px;background:linear-gradient(0deg,var(--bg),var(--paper-room) 35%,var(--paper-room) 87%,var(--bg))}.character-storyline{display:grid;grid-template-columns:44% 56%;align-items:center;max-width:1400px;margin:auto;gap:0}.character-heading .chapter-label{color:var(--paper-ink)}.character-heading h2{font-size:clamp(3.8rem,6.6vw,7.2rem);margin:24px 0 30px;line-height:1.02}.character-heading h2 em,.character-heading .product-promise{color:var(--paper-ink)}.character-heading .studio-link{margin-top:30px}.character-heading .platform-meta{margin-top:16px}.paper-interfaces{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:0 20px}.character-phone{margin:0;min-width:0}.character-phone a{display:block;position:relative;padding:5px;background:var(--surface);border:1px solid var(--border-soft);box-shadow:var(--shadow);border-radius:12px}.character-phone img{border-radius:7px;width:100%;height:auto}.character-phone figcaption{font:italic .9rem/1.6 var(--display);color:var(--muted);margin-top:15px}.paper-second{padding-top:100px}.paper-margin{position:absolute;top:-42px;right:20px;font:italic 1rem var(--display);color:var(--paper-ink)}.character-footnote{max-width:1400px;margin:65px auto 0;font-size:.82rem;border-top:1px solid var(--border-soft);padding-top:30px;color:var(--muted)}.closing-chapter{padding-top:70px}.closing-room{height:800px;min-height:650px;max-height:100svh}.closing-room .room-image{object-position:center 60%}.closing-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0e171ce6,transparent 85%),linear-gradient(0deg,var(--bg),transparent 28%)}.closing-copy{position:absolute;left:8%;top:22%;max-width:800px;color:#f1e9dc}.closing-copy .chapter-label{color:#e9cb98}.closing-copy h2{font-size:clamp(3.5rem,6vw,6.5rem);margin:25px 0 32px}.closing-copy h2 em{color:#ebcfaa}.closing-copy>p:not(.chapter-label){color:#e0d9cb;line-height:1.9}.closing-copy .studio-link{color:#f1e9dc;border-color:#d2bf9970;margin-top:26px}.closing-note{position:absolute;bottom:42px;left:8%;font-size:.7rem;color:var(--muted)}.chapter-compass{position:fixed;bottom:24px;left:20px;display:flex;flex-direction:column;gap:4px;z-index:25;background:var(--header);padding:7px;border:1px solid var(--border-soft);opacity:0;pointer-events:none;transition:opacity .25s}.chapter-compass.is-visible{opacity:1;pointer-events:auto}.chapter-compass a{width:32px;min-height:32px;display:grid;place-items:center;font-size:.6rem;color:var(--muted)}.chapter-compass a[aria-current="location"]{color:var(--text);box-shadow:inset 2px 0 var(--amber)}.chapter-compass a:hover{color:var(--amber)}
.workroom,.creative-room{z-index:2}.product-world{z-index:1}.room-artwork{position:absolute;inset:0;z-index:-3;overflow:hidden}.room-artwork .room-image{z-index:0}
.chapter-compass[hidden]{display:none}
.ledger-object{transform:translate3d(0,calc(var(--room-drift,0px) * -.6),0) rotate(-7deg)}.notebook-object{transform:translate3d(0,calc(var(--room-drift,0px) * -.6),0) rotate(6deg)}
/* Light mode frames the existing evening art as a print, without pretending to relight it. */
[data-theme="light"] .arrival{padding:22px 22px 0;background:var(--bg)}[data-theme="light"] .arrival-stage{height:calc(100svh - 102px)}[data-theme="light"] .workroom,[data-theme="light"] .creative-room{border:10px solid var(--surface);box-shadow:var(--shadow)}[data-theme="light"] .workroom-shade{background:linear-gradient(90deg,#101917c0,transparent 75%)}[data-theme="light"] .closing-chapter{padding-inline:22px;padding-bottom:22px}[data-theme="light"] .closing-scrim{background:linear-gradient(90deg,#0e171ce6,transparent 85%)}[data-theme="light"] .closing-note{color:#e0d9cb}
@media(min-width:1800px){.workroom,.creative-room{max-width:1600px;margin-inline:auto}.product-world{padding-inline:max(6%,calc((100vw - 1600px)/2))}}
@media(max-width:1000px){.product-storyline{grid-template-columns:1fr}.product-heading{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-bottom:35px}.product-heading .chapter-label{grid-column:1/-1}.product-heading h2{margin:15px 0}.product-heading .product-promise{font-size:1.4rem}.product-exit{padding-left:0}.character-storyline{grid-template-columns:40% 60%}.character-heading h2{font-size:4rem}.paper-interfaces{gap:18px;padding-right:0}.character-heading .product-promise{font-size:1.35rem}.chapter-compass{left:5px;bottom:15px;padding:3px}.chapter-compass a{width:23px}.ledger-object{right:7%}.notebook-object{right:7%}.closing-copy{left:6%}}
@media(max-width:700px){.living-studio .header-inner{min-height:76px}.journey-chapter{scroll-margin-top:76px}.arrival{height:auto;min-height:0}.arrival-stage{position:relative;top:auto;height:calc(100svh - 76px);min-height:590px;max-height:850px}.arrival .room-image{object-position:61% center}.arrival-top{padding:25px 6%;font-size:.57rem}.arrival-top>span:last-child{display:none}.arrival-title{bottom:24%;left:7%;right:7%}.arrival h1{font-size:clamp(2.6rem,9vw,4rem);margin:18px 0}.arrival-title>p:last-child{font-size:.83rem;max-width:250px}.room-scrim{background:linear-gradient(0deg,#09121bef,transparent 75%)}.walk-in{bottom:7%;right:7%;width:80px;height:80px;font-size:.62rem;gap:2px}.room-caption{bottom:36px;left:7%;font-size:.58rem;max-width:150px}.threshold{padding:60px 0 75px;gap:15px}.threshold p{font-size:1.5rem}.threshold-line{width:8%}.workroom,.creative-room{height:460px;min-height:0;max-height:none;margin-inline:0;overflow:hidden}.room-thought{font-size:2.8rem}.room-intro{left:7%;top:11%}.workroom .room-image{object-position:40% center}.creative-room .room-image{object-position:40% center}.ledger-object{width:150px;padding:21px 18px;right:8%;bottom:20px;gap:18px}.ledger-object i{font-size:1.15rem}.ledger-object>span:first-child{font-size:.65rem}.ledger-object>span:last-child{font-size:.4rem}.product-world{padding:50px 7% 60px}.product-heading{display:block;padding:0;margin-bottom:30px}.product-heading h2{font-size:4.4rem;margin:15px 0 20px}.product-heading .product-promise{font-size:1.5rem}.product-heading .product-promise br{display:none}.product-heading .product-promise br:after{content:' '}.software-window{max-width:290px;margin:auto}.software-window a{padding:5px;border-radius:12px}.software-window img{border-radius:7px}.inspect-label{opacity:1;font-size:.6rem}.software-window figcaption{font-size:.73rem}.product-exit{display:flex;flex-direction:column;gap:15px;margin-top:30px}.product-exit p{font-size:.88rem}.studio-link{width:100%;max-width:360px;min-height:54px}.platform-meta{font-size:.65rem}.creative-room{margin-top:0}.notebook-object{width:170px;padding:20px;bottom:25px;right:8%}.notebook-object p{font-size:1.4rem;margin:20px 0}.notebook-object>span:first-child{font-size:.5rem}.notebook-object>span:last-child{font-size:.48rem}.character-storyline{display:block}.character-heading h2{font-size:clamp(3.1rem,12vw,4.5rem);margin:20px 0}.character-heading .product-promise{font-size:1.4rem}.character-heading .studio-link{margin-top:20px}.paper-interfaces{display:flex;flex-direction:column;align-items:center;padding:70px 0 0;gap:40px}.character-phone{width:min(290px,100%)}.paper-second{padding-top:0}.paper-margin{top:32px;right:0;font-size:.9rem}.character-footnote{margin-top:35px;font-size:.8rem}.closing-chapter{padding-top:0}.closing-room{min-height:630px;height:90svh;max-height:800px}.closing-copy{left:7%;right:7%;top:18%}.closing-copy h2{font-size:clamp(3rem,11vw,4.8rem);margin:22px 0 28px}.closing-copy>p:not(.chapter-label){font-size:.9rem}.closing-copy .studio-link{margin-top:20px}.closing-note{left:7%;right:7%;bottom:35px;font-size:.63rem}.desktop-break{display:none}.chapter-compass{display:none}[data-theme="light"] .arrival{padding:10px 10px 0}[data-theme="light"] .arrival-stage{height:calc(100svh - 86px)}[data-theme="light"] .workroom,[data-theme="light"] .creative-room{border:7px solid var(--surface);margin-inline:10px}[data-theme="light"] .closing-chapter{padding:10px}}
@media(prefers-reduced-motion:reduce){.arrival{height:auto;min-height:0}.arrival-stage{position:relative;top:auto}.room-image,.workroom .room-image,.creative-room .room-image{transform:none!important}.chapter-compass{transition:none}}