:root{color-scheme:dark;--ivory:#f5f5f5;--gold:#fff;--ink:#000;--edge:clamp(24px,5vw,88px);--sans:"Helvetica Neue",Arial,sans-serif;--panel-surface:linear-gradient(120deg,rgba(8,8,8,.9),rgba(8,8,8,.8));--panel-shadow:0 16px 56px rgba(0,0,0,.14)}
*{box-sizing:border-box}
html{margin:0;background:#000;scrollbar-width:thin;scrollbar-color:#555 #000}
body{margin:0;color:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;border:0;cursor:pointer;background:none}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:7px}
.skip-link{position:fixed;top:12px;left:20px;z-index:100;padding:12px 18px;background:#000;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.experience{height:780svh;position:relative}
.stage{position:fixed;inset:0;overflow:hidden;background:#000;isolation:isolate}
.scene{position:absolute;inset:0;overflow:hidden;will-change:opacity,clip-path}
.scene img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%;will-change:transform;backface-visibility:hidden;transform:translateZ(0);transform-origin:50% 53%}
.scene-exterior{z-index:1}
.scene-living{z-index:2;opacity:0;clip-path:inset(50% 50% 50% 50%)}
.scene-kitchen{z-index:3;opacity:0;clip-path:inset(50% 50% 50% 50%)}
.cinema-shade{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.45),transparent 28%,transparent 43%,rgba(0,0,0,.24) 65%,rgba(0,0,0,.7) 100%),linear-gradient(90deg,rgba(0,0,0,.2),transparent 66%)}
.site-header{position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px var(--edge);transition:background .25s}
.wordmark{font-size:clamp(25px,2.1vw,32px);font-weight:400;letter-spacing:-1.5px;white-space:nowrap;line-height:1.2}
.wordmark>span:not(.brand-point){font-weight:700}
.brand-point{color:#fff;font-weight:700}
main{position:fixed;inset:0;z-index:10;pointer-events:none}
.chapter{position:absolute;inset:0;pointer-events:none}
.chapter-copy{position:absolute;bottom:clamp(32px,6vh,72px);left:var(--edge);width:min(36rem,calc(100% - var(--edge) * 2));padding:clamp(24px,2.5vw,40px);max-height:calc(100svh - 130px);overflow-y:auto;overscroll-behavior:auto;pointer-events:auto;border:0;border-radius:18px;background:var(--panel-surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--panel-shadow);opacity:0;visibility:hidden;will-change:opacity,transform}
.chapter-arrival .chapter-copy{opacity:1;visibility:visible}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 24px}
.hero-tags li,.hero-tag{display:inline-block;width:fit-content;padding:7px 12px;border:0;border-radius:6px;background:rgba(255,255,255,.1);color:#eee;font-size:.875rem;font-weight:500;line-height:1.4;letter-spacing:0}
.hero-tag{margin:0 0 24px}
.eyebrow{font-size:12px;letter-spacing:.16em;line-height:1.5;font-weight:400;margin:0 0 23px;color:#d3d3d3}
.fine-line{display:none}
h1,h2{font-family:var(--sans);font-size:clamp(48px,6.25vw,98px);line-height:1.04;letter-spacing:-.055em;font-weight:400;margin:0 0 24px}
h1 em,h2 em{font-style:normal;font-weight:400;color:inherit;letter-spacing:inherit}
.chapter-copy h1,.chapter-copy h2{font-size:clamp(2.25rem,4.1vw,3.75rem);font-weight:600;line-height:1.1;letter-spacing:-.04em;margin:0 0 20px;overflow-wrap:break-word}
.chapter-copy h1 span,.chapter-copy h2 span{color:#fff}
.chapter-description{font-size:1.0625rem;line-height:1.6;color:#e0e0e0;margin:0 0 28px;max-width:34ch}
.journey-link{font-size:.9375rem;font-weight:600;line-height:1.4;display:inline-flex;align-items:center;justify-content:center;gap:18px;pointer-events:auto;padding:14px 20px;min-height:50px;max-width:100%;border:0;border-radius:8px;background:#fff;color:#111;cursor:pointer;transition:background .2s}
.round-arrow{order:1;display:inline-flex;align-items:center;justify-content:center;font-size:21px;font-weight:400;transition:transform .2s}
.journey-link:hover .round-arrow{transform:translateY(3px)}
.journey-link:hover{background:#e5e5e5}
.hero-actions{display:flex;gap:14px 22px;align-items:center;flex-wrap:wrap}
.quiet-link{font-size:.875rem;line-height:1.5;pointer-events:auto;padding:12px 0;color:#ddd;display:inline-flex;gap:10px;align-items:center}
.quiet-link:hover{color:white}
body.is-reduced .experience{height:360svh}
@media(max-width:760px){:root{--edge:25px}.site-header{padding-top:21px;padding-bottom:21px}.wordmark{font-size:26px}.chapter-copy{bottom:max(24px,env(safe-area-inset-bottom));max-width:480px;max-height:calc(100svh - 120px);border-radius:14px;padding:24px}.chapter-copy h1,.chapter-copy h2{font-size:clamp(2.125rem,5.5vw,2.75rem);letter-spacing:-.035em;margin-bottom:18px}.hero-tags,.hero-tag{margin-bottom:22px}.hero-tags{gap:6px}.hero-tags li,.hero-tag{padding:6px 10px}.eyebrow{letter-spacing:.12em;margin-bottom:19px}.chapter-description{font-size:1rem;margin-bottom:24px}.cinema-shade{background:linear-gradient(180deg,rgba(0,0,0,.5),transparent 28%,rgba(0,0,0,.15) 45%,rgba(0,0,0,.4) 72%,rgba(0,0,0,.6))}.experience{height:690svh}}
@media(max-width:380px){:root{--edge:18px}.chapter-copy{padding:22px 20px}.chapter-copy h1,.chapter-copy h2{font-size:2rem}.hero-tags{gap:5px}.hero-tags li{padding:6px 8px}.eyebrow{font-size:12px}}
@media(max-height:570px){.site-header{padding-top:16px;padding-bottom:16px}.chapter-copy{bottom:20px;max-height:calc(100svh - 108px);padding:22px 26px}.chapter-copy h1,.chapter-copy h2{font-size:2rem;margin-bottom:14px}.hero-tags,.hero-tag{margin-bottom:16px}.chapter-description{margin-bottom:20px}.hero-actions .quiet-link{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}