/* LONDRONE cinematic homepage: native scroll, photographic depth, accessible fallbacks. */
.living-home{
  --paper:#f7f0e2;
  --paper-strong:#fffaf1;
  --ink:#071426;
  --ink-soft:#10233b;
  --muted:#526176;
  --blue:#1763dd;
  --blue-deep:#123f91;
  --sun:#f5c84c;
  --coral:#ff7b62;
  --white:#fffdf7;
  --line:#b8d7ff;
  background:var(--ink);
  color:var(--ink);
  font-size:18px;
  overflow-x:clip;
}
.living-home .shell{max-width:none;padding:0}
.living-home .preview-label{position:relative;z-index:120;padding:9px 20px;background:#f7f0e2;color:#26364a;font:700 11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.11em;text-align:center}
.living-home .site-header{height:86px;padding:0 clamp(22px,5vw,76px);border:0;background:linear-gradient(180deg,#061321f2 0%,#061321b8 72%,transparent);color:var(--white);position:absolute;left:0;right:0;z-index:110}
.living-home .brand{font-size:25px;color:var(--white)}.living-home .brand-symbol{color:var(--sun);width:30px;height:32px}
.living-home .desktop-nav{font-size:14px;gap:clamp(18px,2.2vw,36px)}
.living-home .desktop-nav a{color:var(--white);opacity:.82}.living-home .desktop-nav .nav-contact{border-radius:40px;border:1px solid #ffffff8f;color:var(--white);padding:12px 19px;opacity:1}
.living-home .desktop-nav a:hover,.living-home .desktop-nav a[aria-current=page]{color:var(--sun);box-shadow:0 1px 0 currentColor;opacity:1}
.living-home em{font-family:Georgia,'Times New Roman',serif;color:var(--sun);font-weight:400}
.living-home .eyebrow,.living-home .phase-label{font:800 11px/1.45 Arial,Helvetica,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#a9ceff}
.living-home .button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-radius:999px;padding:17px 24px;background:var(--blue);color:white;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 14px 38px #00173955;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.living-home .button:hover{background:#0f4fb8;transform:translateY(-3px);box-shadow:0 20px 45px #00173970}
.living-home .button--light,.living-home .button--sun{background:var(--sun);color:#0a1c34}.living-home .button--light:hover,.living-home .button--sun:hover{background:var(--white);color:#0a1c34}
.living-home a:focus-visible,.living-home button:focus-visible,.living-home summary:focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 6px #095fdb}
.living-home button{font:inherit;cursor:pointer}.living-home button:disabled{cursor:default}

/* Static semantic document is the default. JavaScript opts into the cinematic layer. */
.scroll-story{position:relative;isolation:isolate;background:var(--ink);color:var(--white)}
.story-stage{position:absolute;top:0;left:0;right:0;z-index:20;padding:108px clamp(22px,5vw,76px) 26px;background:var(--ink-soft)}
.story-topline{display:flex;align-items:center;justify-content:space-between;gap:18px}
.story-kicker{display:flex;align-items:center;gap:10px;font:800 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.14em}.story-kicker i{width:9px;height:9px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 6px #f5c84c26}
.story-controls{display:flex;align-items:center;gap:10px}.motion-control,.story-compact-cta{display:inline-flex;align-items:center;gap:9px;border:1px solid #ffffff66;border-radius:999px;background:#061321b8;color:white;padding:10px 15px;font-size:11px;text-decoration:none;backdrop-filter:blur(14px)}
.story-compact-cta{background:var(--sun);border-color:var(--sun);color:#0a1c34;font-weight:800}
.story-index{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.story-index a{display:flex;align-items:center;gap:7px;border:1px solid #ffffff2b;border-radius:999px;padding:8px 10px;color:white;text-decoration:none;font-size:11px;opacity:.9}.story-index a span{font:700 9px/1 'Courier New',monospace}.story-index a[aria-current=step]{background:white;color:var(--ink);opacity:1}
.story-progress{height:3px;margin-top:18px;background:#ffffff24}.story-progress span{display:block;width:0;height:100%;background:var(--sun)}
.phase-counter{margin:12px 0 0;font:700 10px/1 'Courier New',monospace;letter-spacing:.1em;color:#b8d7ff}
.story-chapter{position:relative;padding:72px clamp(22px,6vw,90px);background:var(--ink);border-top:1px solid #ffffff1a}
.cinematic-controller .story-chapter{content-visibility:auto;contain-intrinsic-size:auto 400svh}
.cinematic-controller .story-chapter--friction,.cinematic-controller .story-chapter--field{contain-intrinsic-size:auto 500svh}
.cinematic-controller #chapter-opening .scene-media,.cinematic-controller #chapter-opening .chapter-copy-stack{content-visibility:hidden}
.chapter-scene{position:relative;max-width:1500px;margin:auto}
.scene-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:28px;content-visibility:auto;contain-intrinsic-size:100svh}
.scene-plane{margin:0;min-width:0;border-radius:18px;overflow:hidden;background:#0b1f37}.scene-plane--cover{grid-column:1/-1}
.cinematic-picture,.cinematic-picture img{display:block;width:100%;height:100%}.cinematic-picture img{object-fit:cover}
.portal-geometry,.portal-canvas,.scene-vignette,.observe-signal,.system-gate,.friction-fields,.evidence-markers,.proof-rail,.inquiry-tunnel,.flight-lines{display:none}
.chapter-copy-stack{display:grid;gap:32px}.phase-copy{max-width:760px}.phase-copy h1,.phase-copy h2,.proof-heading h2{font-size:clamp(52px,8vw,118px);line-height:.88;letter-spacing:-.065em;margin:18px 0 25px}.phase-copy h2,.proof-heading h2{font-size:clamp(48px,6vw,90px)}
.chapter-lead,.phase-statement{font-size:clamp(23px,2.3vw,34px);line-height:1.22;letter-spacing:-.03em}.chapter-body{max-width:580px;font-size:17px;line-height:1.6;color:#dce7f5}.actions{display:flex;align-items:center;gap:18px;margin-top:28px}.scroll-cue{display:inline-flex;align-items:center;gap:18px;color:white;text-decoration:none;padding:12px 0;border-bottom:1px solid #ffffff99;font-size:14px}
.proof-heading{margin-bottom:28px}.proof-heading>p:last-child{font-size:20px;color:#dce7f5}.method-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.method-card{position:relative;min-height:280px;padding:25px;border-radius:22px;overflow:hidden;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;background:var(--paper-strong)}.method-card>span{font:800 10px/1.3 Arial,sans-serif;letter-spacing:.14em}.method-card h3{font-size:38px;line-height:1;margin:auto 0 14px}.method-card p{font-size:15px;line-height:1.45}.method-card b{position:absolute;right:20px;top:17px;font-size:24px}.method-card--friction{background:var(--coral)}.method-card--proof{background:var(--sun)}.method-card--decide{background:#173c79;color:white}.proof-link{display:inline-flex;margin-top:24px;color:white;border-bottom:1px solid currentColor;text-decoration:none;padding-bottom:6px}
.scroll-instruction{display:none}

/* Cinematic enhancement. */
.cinematic-ready .story-stage{position:sticky;top:0;height:100vh;height:100svh;margin-bottom:-100vh;margin-bottom:-100svh;padding:0;background:transparent;pointer-events:none;z-index:60}
.cinematic-ready .story-topline{position:absolute;top:clamp(94px,11vh,122px);left:clamp(18px,4vw,58px);right:clamp(18px,4vw,58px);z-index:8;color:white;text-shadow:0 2px 18px #000}
.cinematic-ready .story-controls,.cinematic-ready .story-index,.cinematic-ready .story-progress{pointer-events:auto}
.cinematic-ready .story-index{position:absolute;left:50%;bottom:18px;translate:-50% 0;z-index:8;display:flex;flex-wrap:nowrap;gap:5px;margin:0;padding:7px;border:1px solid #ffffff38;border-radius:999px;background:#04101f9e;backdrop-filter:blur(18px);box-shadow:0 14px 42px #0006}
.cinematic-ready .story-index a{white-space:nowrap;padding:8px 11px;transition:opacity .25s,background .25s,color .25s,transform .25s}.cinematic-ready .story-index a[aria-current=step]{transform:translateY(-2px);box-shadow:0 5px 16px #0004}
.cinematic-ready .story-progress{position:absolute;right:0;top:0;bottom:0;width:4px;height:auto;margin:0;background:#ffffff21;z-index:10;pointer-events:none}.cinematic-ready .story-progress span{width:100%;height:100%;transform:scaleY(0);transform-origin:top;box-shadow:0 0 16px #f5c84c}
.cinematic-ready .phase-counter{position:absolute;right:20px;bottom:22px;margin:0;z-index:8;color:white}
.story-chapter.cinematic-chapter{height:400vh;height:400svh;padding:0;border:0;background:var(--ink);content-visibility:visible;contain-intrinsic-size:auto 400svh}
.story-chapter--friction.cinematic-chapter,.story-chapter--field.cinematic-chapter{height:500vh;height:500svh;contain-intrinsic-size:auto 500svh}
.cinematic-chapter .chapter-scene{position:sticky;top:0;width:100%;max-width:none;height:100vh;height:100svh;margin:0;overflow:hidden;isolation:isolate;background:#071426;perspective:1200px}
.cinematic-chapter .chapter-scene:after{content:'';position:absolute;inset:-40%;z-index:18;pointer-events:none;opacity:.055;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.4px);background-size:5px 5px;mix-blend-mode:soft-light;animation:film-grain .9s steps(2,end) infinite}
@keyframes film-grain{0%{translate:-1% 1%}25%{translate:1% -1%}50%{translate:.5% 1.5%}75%{translate:-1.5% -.5%}100%{translate:0 0}}
.cinematic-chapter .scene-media{position:absolute;inset:0;display:block;margin:0;overflow:hidden;perspective:1400px;transform-style:preserve-3d;background:#071426;content-visibility:auto;contain-intrinsic-size:100svh}
.cinematic-chapter .scene-plane{position:absolute;margin:0;border-radius:0;overflow:hidden;box-shadow:0 35px 90px #0008;opacity:1;will-change:auto;backface-visibility:hidden;transform:translate3d(var(--mx,0),var(--my,0),var(--mz,0)) rotate(var(--mr,0deg)) scale(var(--ms,1));filter:blur(var(--mb,0px));transition:opacity .65s cubic-bezier(.2,.7,.2,1),filter .4s ease}.story-chapter.is-near .scene-plane{will-change:transform,opacity}
.cinematic-chapter .scene-plane--cover{inset:-4%;width:auto;height:auto}.cinematic-chapter .scene-plane--cover img{object-fit:cover}
.story-chapter.cinematic-chapter [data-show]{opacity:0;visibility:hidden;transition:opacity .65s cubic-bezier(.2,.7,.2,1),visibility 0s linear .65s}
.story-chapter.cinematic-chapter[data-phase="0"] [data-show~="0"],
.story-chapter.cinematic-chapter[data-phase="1"] [data-show~="1"],
.story-chapter.cinematic-chapter[data-phase="2"] [data-show~="2"],
.story-chapter.cinematic-chapter[data-phase="3"] [data-show~="3"],
.story-chapter.cinematic-chapter[data-phase="4"] [data-show~="4"]{opacity:1;visibility:visible;transition-delay:0s}
.cinematic-chapter .scene-vignette{display:block;position:absolute;inset:0;z-index:15;pointer-events:none;background:linear-gradient(90deg,#061321d9 0%,#0613215e 43%,transparent 70%),linear-gradient(0deg,#061321d1 0%,transparent 42%,#06132178 100%)}
.cinematic-chapter .chapter-copy-stack{position:absolute;inset:0;display:block;z-index:24;pointer-events:none}
.cinematic-chapter .phase-copy{position:absolute;left:clamp(42px,7vw,112px);top:50%;translate:0 -50%;width:min(44vw,660px);max-width:none;padding:clamp(20px,2.4vw,34px);border:1px solid #ffffff20;border-radius:24px;background:#061321c7;color:var(--white);box-shadow:0 28px 80px #0007;backdrop-filter:blur(16px);opacity:0;transform:translate3d(0,34px,0) scale(.98);filter:blur(7px);pointer-events:none;transition:opacity .55s ease,transform .75s cubic-bezier(.2,.75,.2,1),filter .55s ease;contain:layout style paint}
.cinematic-chapter .phase-copy.copy--right{left:auto;right:clamp(42px,7vw,112px)}.cinematic-chapter .phase-copy.copy--center{left:50%;right:auto;translate:-50% -50%;text-align:center;width:min(72vw,850px)}
.cinematic-chapter .phase-copy.copy--compact{width:min(39vw,560px)}.cinematic-chapter .phase-copy.copy--transition{top:52%}
.story-chapter.cinematic-chapter[data-phase="0"] [data-phase-copy="0"],
.story-chapter.cinematic-chapter[data-phase="1"] [data-phase-copy="1"],
.story-chapter.cinematic-chapter[data-phase="2"] [data-phase-copy="2"],
.story-chapter.cinematic-chapter[data-phase="3"] [data-phase-copy="3"],
.story-chapter.cinematic-chapter[data-phase="4"] [data-phase-copy="4"]{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);pointer-events:auto;transition-delay:0s}
.cinematic-chapter .copy--center[data-phase-copy]{transform:translate3d(0,34px,0) scale(.98)}.story-chapter.cinematic-chapter[data-phase="3"] .copy--center[data-phase-copy="3"],.story-chapter.cinematic-chapter[data-phase="4"] .copy--center[data-phase-copy="4"]{transform:translate3d(0,0,0) scale(1)}
.cinematic-chapter .phase-copy h1{font-size:clamp(64px,7.8vw,126px);margin:18px 0 24px}.cinematic-chapter .phase-copy h2{font-size:clamp(54px,6.2vw,96px);margin:16px 0 22px}.cinematic-chapter .copy--compact .phase-statement{font-size:clamp(30px,3.7vw,58px);margin:14px 0 18px}.cinematic-chapter .chapter-lead{font-size:clamp(20px,1.7vw,27px)}.cinematic-chapter .chapter-body{font-size:16px;line-height:1.55}.cinematic-chapter .actions{pointer-events:auto}

/* Entry: photographic tunnel plus procedural canvas. */
.cinematic-chapter .opening-portal{z-index:1}.cinematic-chapter .opening-portal img{object-position:center}
.cinematic-chapter .opening-horizon{z-index:4;right:6%;top:16%;width:22vw;height:66vh;border:1px solid #ffffff4d;border-radius:4px;box-shadow:0 35px 90px #0009}.cinematic-chapter .opening-horizon img{object-position:center 58%}
.cinematic-chapter .opening-structure{z-index:5;right:-4%;bottom:-4%;width:47vw;height:66vh;border:1px solid #ffffff38;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}.cinematic-chapter .opening-structure img{object-position:center}
.cinematic-chapter .portal-geometry{display:block;position:absolute;inset:10% 15%;z-index:7;transform-style:preserve-3d;transform:perspective(1000px) translate3d(var(--mx,0),var(--my,0),var(--mz,0)) rotateY(var(--pointer-yaw,0deg)) rotateX(var(--pointer-pitch,0deg)) scale(var(--ms,1));pointer-events:none}.cinematic-chapter .portal-geometry span{position:absolute;inset:var(--frame-inset,0);border:1px solid #cce5ff9c;box-shadow:inset 0 0 35px #0a6cff2e,0 0 35px #0a6cff24}.cinematic-chapter .portal-geometry span:nth-child(2){--frame-inset:9%}.cinematic-chapter .portal-geometry span:nth-child(3){--frame-inset:18%}.cinematic-chapter .portal-geometry span:nth-child(4){--frame-inset:27%;border-color:#f5c84cb8}
.cinematic-chapter .portal-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:6;opacity:.72;mix-blend-mode:screen;pointer-events:none}.cinematic-chapter .canvas-failed .portal-canvas{display:none}
.cinematic-chapter .scene-media--opening .scene-vignette{background:linear-gradient(90deg,#05111edb 0%,#05111e72 47%,transparent 72%),linear-gradient(0deg,#05111ebd,transparent 46%,#05111e70)}
.cinematic-chapter .scroll-instruction{display:block;position:absolute;right:clamp(28px,5vw,72px);bottom:78px;z-index:24;margin:0;color:#fff;font:700 10px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.cinematic-chapter .scroll-instruction:before{content:'';display:inline-block;width:44px;height:1px;background:var(--sun);vertical-align:middle;margin-right:12px}

/* Observe: workplace to detail to handoff to exception. */
.cinematic-chapter .observe-people{z-index:1}.cinematic-chapter .observe-people img{object-position:center 47%;filter:saturate(.72) contrast(1.04)}
.cinematic-chapter .observe-hands,.cinematic-chapter .observe-handoff{z-index:5;right:4%;top:15%;width:55vw;height:68vh;border-radius:18px;border:1px solid #ffffff3d}.cinematic-chapter .observe-handoff{left:4%;right:auto;top:19%}
.cinematic-chapter .observe-exception{z-index:7;right:9%;top:17%;width:38vw;height:65vh;border-radius:18px;border:1px solid #ffd36d70}.cinematic-chapter .observe-exception img{object-position:61% center}
.cinematic-chapter .observe-signal{display:flex;position:absolute;left:50%;bottom:78px;translate:-50% 0;z-index:13;align-items:center;gap:12px;padding:10px 14px;border:1px solid #ffffff36;border-radius:999px;background:#061321ad;color:#dbeaff;font:800 9px/1 Arial,sans-serif;letter-spacing:.12em}.cinematic-chapter .observe-signal i{width:35px;height:1px;background:#6fa7e7}
.cinematic-chapter .scene-media--observe .scene-vignette{background:linear-gradient(90deg,#061321cc 0%,transparent 48%,#0613215c 100%),linear-gradient(0deg,#061321c4,transparent 44%,#06132159)}

/* Friction: one fictional set of fields travels between systems. */
.cinematic-chapter .scene-media--friction{background:radial-gradient(circle at 50% 35%,#174d7a,#071426 68%)}
.cinematic-chapter .friction-systems{z-index:1}.cinematic-chapter .friction-systems img{filter:saturate(.74) brightness(.68)}
.cinematic-chapter .friction-product{z-index:4;left:7%;top:18%;width:42vw;height:64vh;border-radius:19px}.cinematic-chapter .friction-label{z-index:5;right:7%;top:17%;width:43vw;height:66vh;border-radius:19px}.cinematic-chapter .friction-sheet{z-index:6;left:50%;top:13%;translate:-50% 0;width:34vw;height:70vh;border-radius:16px}
.cinematic-chapter .system-gate{display:block;position:absolute;top:15%;z-index:9;width:23vw;min-width:250px;padding:18px;border:1px solid #ffffff48;border-radius:15px;background:#071426d6;color:white;box-shadow:0 20px 60px #0008}.cinematic-chapter .system-gate span{display:block;margin-bottom:8px;color:#9fc9ff;font:800 9px/1 Arial,sans-serif;letter-spacing:.15em}.cinematic-chapter .system-gate strong{font:700 15px/1.2 Arial,sans-serif}.cinematic-chapter .system-gate--left{left:5%}.cinematic-chapter .system-gate--right{right:5%}
.cinematic-chapter .friction-fields{display:block;position:absolute;inset:0;z-index:12;pointer-events:none}.cinematic-chapter .friction-field{position:absolute;left:18%;top:var(--field-top);padding:10px 13px;border:1px solid #ffffffa3;border-radius:8px;background:#f5c84c;color:#0b1c31;font:800 9px/1 Arial,sans-serif;letter-spacing:.12em;box-shadow:0 12px 30px #0007;transition:left .75s cubic-bezier(.2,.75,.2,1),top .75s cubic-bezier(.2,.75,.2,1),transform .75s cubic-bezier(.2,.75,.2,1),opacity .5s ease}.cinematic-chapter .friction-field--a{--field-top:33%}.cinematic-chapter .friction-field--b{--field-top:46%;background:#ff7b62}.cinematic-chapter .friction-field--c{--field-top:59%;background:#92cbff}.cinematic-chapter .field-echo{opacity:0;left:67%}
#chapter-friction.cinematic-chapter[data-phase="1"] .friction-field:not(.field-echo){left:43%;transform:translateX(-50%) rotate(-2deg)}#chapter-friction.cinematic-chapter[data-phase="2"] .friction-field:not(.field-echo){left:48%;transform:translateX(-50%) rotate(2deg)}#chapter-friction.cinematic-chapter[data-phase="2"] .field-echo{opacity:.72}#chapter-friction.cinematic-chapter[data-phase="3"] .friction-field:not(.field-echo){left:72%;transform:translateX(-50%)}#chapter-friction.cinematic-chapter[data-phase="3"] .field-echo{opacity:.88;left:32%}#chapter-friction.cinematic-chapter[data-phase="4"] .friction-field{opacity:0;top:76%;transform:scale(.72)}
.cinematic-chapter .evidence-markers{display:flex;position:absolute;left:50%;top:46%;translate:-50% -50%;z-index:13;align-items:center;gap:18px}.cinematic-chapter .evidence-markers span{display:grid;place-items:center;width:128px;aspect-ratio:1;border:1px solid #b9dbff;border-radius:50%;background:#071426de;color:white;font:800 9px/1.3 Arial,sans-serif;letter-spacing:.12em;text-align:center;box-shadow:0 0 0 18px #2b7fff10}
.cinematic-chapter .scene-media--friction .scene-vignette{background:linear-gradient(90deg,#061321bb 0%,transparent 42%,#06132173 100%),linear-gradient(0deg,#061321d4,transparent 48%,#06132152)}

/* Proof: the four cards enter separately and retain readable edges. */
.cinematic-chapter .scene-media--proof{background:#071426}.cinematic-chapter .proof-evidence{z-index:1}.cinematic-chapter .proof-evidence img{filter:saturate(.72) brightness(.56)}.cinematic-chapter .proof-review{z-index:4;left:4%;bottom:8%;width:45vw;height:58vh;border-radius:18px}.cinematic-chapter .proof-review img{object-position:center}
.cinematic-chapter .scene-media--proof .scene-vignette{background:linear-gradient(90deg,#061321e6 0%,#061321a8 43%,transparent 72%),linear-gradient(0deg,#061321d9,transparent 50%,#06132163)}
.cinematic-chapter .proof-heading{position:absolute;left:clamp(38px,6vw,92px);top:50%;translate:0 -50%;z-index:24;width:min(42vw,610px);padding:clamp(18px,2.2vw,30px);border:1px solid #ffffff20;border-radius:22px;background:#061321d9;color:white;box-shadow:0 28px 80px #0007;backdrop-filter:blur(14px);contain:layout style paint}.cinematic-chapter .proof-heading h2{font-size:clamp(48px,5.6vw,86px);margin:16px 0 22px}.cinematic-chapter .proof-heading>p:last-child{max-width:430px}
.cinematic-chapter .proof-rail{display:flex;position:absolute;left:clamp(40px,6vw,92px);bottom:70px;z-index:13;align-items:center;gap:10px;color:#d9e9ff;font:800 9px/1 Arial,sans-serif;letter-spacing:.11em}.cinematic-chapter .proof-rail i{width:28px;height:1px;background:#7aa9df}
.cinematic-chapter .method-stack{position:absolute;right:clamp(34px,6vw,92px);top:16%;z-index:28;width:min(41vw,610px);height:68%;display:block;perspective:1100px;pointer-events:none}
.cinematic-chapter .method-card{position:absolute;left:0;top:0;width:100%;height:min(47vh,410px);min-height:0;padding:clamp(22px,2.4vw,32px);border:1px solid #ffffff62;border-radius:25px;box-shadow:0 35px 80px #0009;opacity:0;transform:translate3d(0,72vh,-80px) rotateX(-7deg) scale(.92);transition:transform .8s cubic-bezier(.16,.8,.2,1),opacity .45s ease;pointer-events:none;overflow:hidden;contain:layout style paint}.cinematic-chapter .method-card h3{font-size:clamp(45px,5vw,76px);letter-spacing:-.055em}.cinematic-chapter .method-card p{max-width:390px;font-size:15px}
.cinematic-chapter .method-card:focus-visible{z-index:40}
#chapter-proof.cinematic-chapter[data-phase="0"] .method-card--observe,
#chapter-proof.cinematic-chapter[data-phase="1"] .method-card--observe,
#chapter-proof.cinematic-chapter[data-phase="1"] .method-card--friction,
#chapter-proof.cinematic-chapter[data-phase="2"] .method-card--observe,
#chapter-proof.cinematic-chapter[data-phase="2"] .method-card--friction,
#chapter-proof.cinematic-chapter[data-phase="2"] .method-card--proof,
#chapter-proof.cinematic-chapter[data-phase="3"] .method-card{opacity:1;pointer-events:auto;transition-delay:0s}
#chapter-proof.cinematic-chapter[data-phase="0"] .method-card--observe{transform:translate3d(0,74px,0) rotate(-1deg)}
#chapter-proof.cinematic-chapter[data-phase="1"] .method-card--observe{transform:translate3d(0,26px,-50px) rotate(-2deg) scale(.96)}#chapter-proof.cinematic-chapter[data-phase="1"] .method-card--friction{transform:translate3d(0,70px,0) rotate(1deg)}
#chapter-proof.cinematic-chapter[data-phase="2"] .method-card--observe{transform:translate3d(0,4px,-100px) rotate(-2deg) scale(.92)}#chapter-proof.cinematic-chapter[data-phase="2"] .method-card--friction{transform:translate3d(0,44px,-50px) rotate(1deg) scale(.96)}#chapter-proof.cinematic-chapter[data-phase="2"] .method-card--proof{transform:translate3d(0,84px,0) rotate(-1deg)}
#chapter-proof.cinematic-chapter[data-phase="3"] .method-card--observe{transform:translate3d(0,0,-150px) rotate(-2deg) scale(.88)}#chapter-proof.cinematic-chapter[data-phase="3"] .method-card--friction{transform:translate3d(0,40px,-100px) rotate(1deg) scale(.92)}#chapter-proof.cinematic-chapter[data-phase="3"] .method-card--proof{transform:translate3d(0,80px,-50px) rotate(-1deg) scale(.96)}#chapter-proof.cinematic-chapter[data-phase="3"] .method-card--decide{transform:translate3d(0,120px,0) rotate(1deg)}
.cinematic-chapter .proof-link{position:absolute;right:clamp(38px,6vw,92px);bottom:66px;z-index:30;margin:0;padding:10px 13px;border:1px solid #ffffff52;border-radius:999px;background:#061321e6;pointer-events:auto}

/* Inquiry: a product-to-workflow photographic tunnel. */
.cinematic-chapter .scene-media--field{background:#081b25}.cinematic-chapter .inquiry-food{z-index:1}.cinematic-chapter .inquiry-food img{filter:saturate(.74) brightness(.58)}
.cinematic-chapter .inquiry-product,.cinematic-chapter .inquiry-label,.cinematic-chapter .inquiry-sheet,.cinematic-chapter .inquiry-systems{z-index:6;left:50%;top:14%;translate:-50% 0;width:56vw;height:68vh;border-radius:18px;border:1px solid #ffffff45}.cinematic-chapter .inquiry-label{width:49vw}.cinematic-chapter .inquiry-sheet{width:44vw}.cinematic-chapter .inquiry-systems{width:58vw}.cinematic-chapter .inquiry-exit{z-index:3;inset:-4%}
.cinematic-chapter .inquiry-tunnel{display:block;position:absolute;inset:10% 14%;z-index:10;pointer-events:none;perspective:1000px}.cinematic-chapter .inquiry-tunnel span{position:absolute;inset:var(--tunnel-inset,0);border:1px solid #f5c84c62;transform:perspective(900px) rotateY(var(--tunnel-rotate,0deg));box-shadow:inset 0 0 45px #2d87ff24}.cinematic-chapter .inquiry-tunnel span:nth-child(2){--tunnel-inset:10%;--tunnel-rotate:1deg}.cinematic-chapter .inquiry-tunnel span:nth-child(3){--tunnel-inset:20%;--tunnel-rotate:-1deg}
.cinematic-chapter .scene-media--field .scene-vignette{background:linear-gradient(90deg,#061321de 0%,#06132171 43%,transparent 72%),linear-gradient(0deg,#061321d5,transparent 50%,#06132168)}

/* Origins: ground-to-air reveal and owned aerial sequence. */
.cinematic-chapter .scene-media--drone{background:radial-gradient(circle at 60% 42%,#214c72,#061321 72%)}.cinematic-chapter .origins-ground-air{z-index:2}.cinematic-chapter .origins-hero{z-index:1}.cinematic-chapter .origins-hero img,.cinematic-chapter .origins-ground-air img{filter:saturate(.88) brightness(.72)}
.cinematic-chapter .origins-aerial-1,.cinematic-chapter .origins-aerial-2,.cinematic-chapter .origins-aerial-3,.cinematic-chapter .origins-aerial-4{z-index:7;width:39vw;height:54vh;border:1px solid #ffffff55;border-radius:12px}.cinematic-chapter .origins-aerial-1{left:6%;top:12%}.cinematic-chapter .origins-aerial-2{right:6%;bottom:10%}.cinematic-chapter .origins-aerial-3{left:7%;bottom:9%}.cinematic-chapter .origins-aerial-4{right:7%;top:11%}
.cinematic-chapter .flight-lines{display:block;position:absolute;inset:0;z-index:10;pointer-events:none}.cinematic-chapter .flight-lines span{position:absolute;left:8%;right:8%;top:var(--flight-y);height:1px;background:linear-gradient(90deg,transparent,#a9d6ff7a,transparent);transform:perspective(700px) rotateY(-11deg)}.cinematic-chapter .flight-lines span:nth-child(1){--flight-y:24%}.cinematic-chapter .flight-lines span:nth-child(2){--flight-y:50%}.cinematic-chapter .flight-lines span:nth-child(3){--flight-y:76%}
.cinematic-chapter .scene-media--drone .scene-vignette{background:linear-gradient(90deg,#04111fd4 0%,transparent 52%,#04111f82 100%),linear-gradient(0deg,#04111fdf,transparent 50%,#04111f5c)}

/* Interactive epilogue and truthful close. */
.question-lab{position:relative;z-index:4;margin:0;background:var(--paper);padding:130px clamp(24px,7vw,110px);display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(38px,7vw,110px)}
.question-copy h2{font-size:clamp(54px,6.4vw,98px);line-height:.9;letter-spacing:-.06em;margin:22px 0}.question-copy>p:last-child{max-width:410px;color:var(--muted);font-size:18px}.question-lab .eyebrow{color:var(--blue-deep)}
.question-interface{min-width:0}.friction-options{display:grid;gap:10px}.friction-options button{border:1px solid #a7b7cd;border-radius:15px;background:#fffaf3;padding:19px;text-align:left;color:#10233b;font-size:16px;line-height:1.32;display:grid;grid-template-columns:40px 1fr;transition:background .2s,color .2s,transform .2s}.friction-options button span{font:800 10px Arial;letter-spacing:.1em;padding-top:4px}.friction-options button:hover{transform:translateX(4px)}.friction-options button[aria-pressed=true]{background:var(--blue-deep);border-color:var(--blue-deep);color:white}
.friction-response{margin-top:16px;padding:27px;background:white;border-radius:18px;box-shadow:0 18px 45px #10233b12}.friction-response h3{font-size:31px;line-height:1.1;margin:15px 0}.friction-response>p:not(.eyebrow){font-size:16px;color:var(--muted)}.response-flow{display:flex;align-items:center;gap:8px;margin-top:22px}.response-flow span{border-radius:8px;background:#e8effd;padding:10px;font-size:11px;text-align:center;flex:1}.response-flow .flow-task{background:var(--sun)}.response-flow b{color:var(--blue)}
.venture-links{position:relative;z-index:4;padding:110px clamp(24px,7vw,110px);background:#0a1b31;color:white;display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.venture-links header h2{font-size:clamp(50px,6vw,88px);line-height:.92;letter-spacing:-.055em;margin:20px 0}.venture-links nav{display:grid;gap:12px}.venture-links nav a{position:relative;min-height:190px;padding:28px 70px 28px 28px;border:1px solid #ffffff2b;border-radius:20px;background:#ffffff0b;color:white;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,background .25s}.venture-links nav a:hover{transform:translateY(-4px);background:#ffffff15}.venture-links nav a>span:first-child{font:800 10px Arial;letter-spacing:.14em;color:#a9ceff}.venture-links nav a strong{font-size:clamp(25px,3vw,42px);line-height:1.08}.venture-links nav a>span:last-child{position:absolute;right:26px;top:24px;font-size:22px}
.living-close{position:relative;z-index:4;min-height:84svh;background:var(--blue-deep);color:white;text-align:center;padding:110px 28px 74px;overflow:hidden}.living-close:before,.living-close:after{content:'';position:absolute;left:50%;top:50%;translate:-50% -50%;width:58vw;aspect-ratio:1;border:1px solid #ffffff27;border-radius:50%;pointer-events:none}.living-close:after{width:39vw}.closing-sun{display:block;position:relative;color:var(--sun);font-size:68px}.living-close .eyebrow{position:relative;color:#c7deff}.living-close h2{position:relative;font-size:clamp(66px,8.3vw,130px);line-height:.85;letter-spacing:-.065em;margin:26px 0}.living-close>p:not(.eyebrow){position:relative;font-size:19px;line-height:1.5}.living-close .button{position:relative;margin-top:32px}.close-boundaries{position:relative;display:flex;justify-content:center;gap:30px;margin-top:70px;font-size:12px}.close-boundaries span{padding-top:11px;border-top:1px solid #ffffff58}
.photo-credits{position:relative;z-index:4;margin:0;padding:24px clamp(24px,6vw,92px) 42px;background:var(--paper);font-size:13px;color:var(--muted)}.photo-credits summary{cursor:pointer;font-weight:800}.photo-credits p{max-width:980px;margin-top:14px}.photo-credits a{color:#163f80}
.living-home .site-footer{position:relative;z-index:4;margin:0;padding:0 clamp(24px,5vw,76px);background:var(--paper);font-size:14px}.living-home .footer-top>div>p,.living-home .footer-links{font-size:14px}.living-home .footer-bottom{font-size:12px}

@media(max-width:1100px){
  .cinematic-chapter .phase-copy{width:min(48vw,620px)}.cinematic-chapter .phase-copy.copy--compact{width:min(43vw,530px)}
  .cinematic-chapter .method-stack{width:46vw;right:3vw}.cinematic-chapter .proof-heading{left:4vw;width:43vw}
  .cinematic-chapter .origins-aerial-1,.cinematic-chapter .origins-aerial-2,.cinematic-chapter .origins-aerial-3,.cinematic-chapter .origins-aerial-4{width:43vw}
}

@media(max-width:760px){
  .living-home{font-size:17px}.living-home .preview-label{font-size:9px;padding:7px 8px}.living-home .site-header{height:68px;padding:0 16px}.living-home .brand{font-size:21px}.living-home .brand-symbol{width:25px}.living-home .mobile-nav{display:block}.living-home .mobile-nav summary{border-color:#ffffff7d;color:white;background:#071426ad;border-radius:999px;padding:9px 13px;font-size:13px}.living-home .mobile-nav nav{background:#071426f3;width:245px}.living-home .mobile-nav a{font-size:16px;color:white}
  .story-stage{padding:82px 16px 20px}.story-kicker{font-size:11px}.story-controls{gap:7px}.motion-control,.story-compact-cta{padding:11px 13px;font-size:12px;line-height:1.2;backdrop-filter:none}
  .cinematic-ready .story-topline{top:75px;left:12px;right:12px}.cinematic-ready .story-kicker{display:none}.cinematic-ready .story-controls{margin-left:auto}.cinematic-ready .story-index{bottom:8px;padding:5px;gap:3px;backdrop-filter:none;background:#04101fe8}.cinematic-ready .story-index a{width:43px;height:36px;padding:0;justify-content:center;border-radius:50px;font-size:0}.cinematic-ready .story-index a span{font-size:11px}.cinematic-ready .phase-counter{display:none}.cinematic-ready .story-progress{width:3px}
  .cinematic-chapter .chapter-scene:after{animation:none;opacity:.025}.cinematic-chapter .portal-canvas{display:none}.cinematic-chapter .motion-plane{filter:none!important}.story-chapter.is-near .scene-plane{will-change:transform,opacity}#chapter-opening.cinematic-chapter [data-show]{transition:opacity .35s ease,visibility 0s linear .35s}
  .story-chapter.cinematic-chapter{height:360svh;contain-intrinsic-size:auto 360svh}.story-chapter--friction.cinematic-chapter,.story-chapter--field.cinematic-chapter{height:450svh;contain-intrinsic-size:auto 450svh}.story-chapter--proof.cinematic-chapter{height:400svh;contain-intrinsic-size:auto 400svh}.story-chapter--drone.cinematic-chapter{height:380svh;contain-intrinsic-size:auto 380svh}
  .cinematic-chapter .chapter-scene{perspective:800px}.cinematic-chapter .chapter-scene:after{opacity:.035}
  .cinematic-chapter .phase-copy,.cinematic-chapter .phase-copy.copy--right,.cinematic-chapter .phase-copy.copy--center,.cinematic-chapter .phase-copy.copy--compact{left:12px;right:12px;top:auto;bottom:76px;translate:0 0;width:auto;max-width:none;padding:20px;border-radius:18px;background:#051321f2;text-align:left;backdrop-filter:none;filter:none}
  .cinematic-chapter .phase-copy.copy--transition{top:auto;bottom:84px;text-align:center}.cinematic-chapter .phase-copy h1{font-size:clamp(48px,14vw,67px);line-height:.88;margin:11px 0 16px}.cinematic-chapter .phase-copy h2{font-size:clamp(44px,12.8vw,62px);line-height:.9;margin:10px 0 15px}.cinematic-chapter .copy--compact .phase-statement{font-size:clamp(28px,8.3vw,39px);line-height:1.08;margin:9px 0 13px}.cinematic-chapter .chapter-lead{font-size:20px;line-height:1.35}.cinematic-chapter .chapter-body{font-size:17px;line-height:1.55;margin:0}.cinematic-chapter .phase-label,.cinematic-chapter .eyebrow{font-size:11px;line-height:1.4}.cinematic-chapter .actions{gap:10px;margin-top:17px;align-items:stretch;flex-direction:column}.cinematic-chapter .button{padding:15px 18px;font-size:15px}.cinematic-chapter .scroll-cue{padding:9px 0;font-size:14px;align-self:center}
  .cinematic-chapter .scroll-instruction{right:17px;bottom:50px;font-size:10px;line-height:1.35}.cinematic-chapter .scroll-instruction:before{width:24px;margin-right:7px}
  .cinematic-chapter .opening-horizon{right:5%;top:15%;width:42vw;height:46vh}.cinematic-chapter .opening-structure{right:-14%;bottom:23%;width:78vw;height:48vh}.cinematic-chapter .portal-geometry{inset:9% 8% 28%}
  .cinematic-chapter .observe-hands,.cinematic-chapter .observe-handoff{left:5%;right:5%;top:10%;width:90vw;height:52vh}.cinematic-chapter .observe-exception{right:6%;top:9%;width:76vw;height:53vh}.cinematic-chapter .observe-signal{bottom:auto;top:61%;gap:7px;padding:9px 11px;font-size:10px}.cinematic-chapter .observe-signal i{width:18px}
  .cinematic-chapter .friction-product,.cinematic-chapter .friction-label,.cinematic-chapter .friction-sheet{left:8%;right:8%;top:9%;translate:0 0;width:84vw;height:49vh}.cinematic-chapter .system-gate{top:9%;width:41vw;min-width:0;padding:11px}.cinematic-chapter .system-gate--left{left:5%}.cinematic-chapter .system-gate--right{right:5%;top:52%}.cinematic-chapter .system-gate strong{font-size:12px}.cinematic-chapter .system-gate span{font-size:10px}
  .cinematic-chapter .friction-field{left:16%;top:var(--field-top);padding:8px 9px;font-size:10px}.cinematic-chapter .friction-field--a{--field-top:24%}.cinematic-chapter .friction-field--b{--field-top:33%}.cinematic-chapter .friction-field--c{--field-top:42%}.cinematic-chapter .field-echo{left:70%}#chapter-friction.cinematic-chapter[data-phase="1"] .friction-field:not(.field-echo),#chapter-friction.cinematic-chapter[data-phase="2"] .friction-field:not(.field-echo){left:50%}#chapter-friction.cinematic-chapter[data-phase="3"] .friction-field:not(.field-echo){left:70%;top:var(--field-top)}#chapter-friction.cinematic-chapter[data-phase="3"] .field-echo{left:20%}#chapter-friction.cinematic-chapter[data-phase="4"] .friction-field{top:54%}
  .cinematic-chapter .evidence-markers{top:34%;gap:7px;width:92%;justify-content:center}.cinematic-chapter .evidence-markers span{width:88px;font-size:10px;line-height:1.2;box-shadow:0 0 0 8px #2b7fff10}
  .cinematic-chapter .proof-heading{left:12px;right:12px;top:118px;translate:0 0;width:auto;z-index:25}.cinematic-chapter .proof-heading h2{font-size:clamp(36px,9.7vw,48px);line-height:.92;margin:7px 0 10px}.cinematic-chapter .proof-heading>p:last-child{font-size:16px;line-height:1.4;margin:0;max-width:95%}.cinematic-chapter .proof-rail{display:none}
  .cinematic-chapter .method-stack{left:6vw;right:auto;top:36%;width:88vw;height:58%}.cinematic-chapter .method-card{height:min(42vh,350px);padding:21px;border-radius:20px}.cinematic-chapter .method-card h3{font-size:clamp(41px,13vw,56px)}.cinematic-chapter .method-card p{font-size:16px;line-height:1.45}#chapter-proof.cinematic-chapter[data-phase="0"] .method-card--observe{transform:translate3d(0,36px,0)}#chapter-proof.cinematic-chapter[data-phase="1"] .method-card--observe{transform:translate3d(0,0,-50px) scale(.96)}#chapter-proof.cinematic-chapter[data-phase="1"] .method-card--friction{transform:translate3d(0,30px,0)}#chapter-proof.cinematic-chapter[data-phase="2"] .method-card--observe{transform:translate3d(0,-8px,-100px) scale(.92)}#chapter-proof.cinematic-chapter[data-phase="2"] .method-card--friction{transform:translate3d(0,19px,-50px) scale(.96)}#chapter-proof.cinematic-chapter[data-phase="2"] .method-card--proof{transform:translate3d(0,46px,0)}#chapter-proof.cinematic-chapter[data-phase="3"] .method-card--observe{transform:translate3d(0,-16px,-150px) scale(.88)}#chapter-proof.cinematic-chapter[data-phase="3"] .method-card--friction{transform:translate3d(0,8px,-100px) scale(.92)}#chapter-proof.cinematic-chapter[data-phase="3"] .method-card--proof{transform:translate3d(0,32px,-50px) scale(.96)}#chapter-proof.cinematic-chapter[data-phase="3"] .method-card--decide{transform:translate3d(0,56px,0)}.cinematic-chapter .proof-link{right:16px;bottom:48px;font-size:14px}
  .cinematic-chapter .inquiry-product,.cinematic-chapter .inquiry-label,.cinematic-chapter .inquiry-sheet,.cinematic-chapter .inquiry-systems{left:6%;right:6%;top:8%;translate:0 0;width:88vw;height:52vh}.cinematic-chapter .inquiry-tunnel{inset:7% 5% 33%}
  .cinematic-chapter .origins-aerial-1,.cinematic-chapter .origins-aerial-2,.cinematic-chapter .origins-aerial-3,.cinematic-chapter .origins-aerial-4{width:76vw;height:45vh}.cinematic-chapter .origins-aerial-1{left:4%;top:8%}.cinematic-chapter .origins-aerial-2{right:4%;bottom:35%}.cinematic-chapter .origins-aerial-3{left:4%;bottom:35%}.cinematic-chapter .origins-aerial-4{right:4%;top:8%}
  .question-lab{padding:80px 18px;grid-template-columns:1fr;gap:32px}.question-copy h2{font-size:54px}.question-copy>p:last-child{font-size:17px;line-height:1.55}.friction-options button{font-size:17px;line-height:1.45}.friction-options button span{font-size:12px}.friction-response{padding:21px 17px}.friction-response h3{font-size:28px}.friction-response>p:not(.eyebrow){font-size:17px;line-height:1.55}.response-flow{flex-direction:column;align-items:stretch}.response-flow span{font-size:14px}.response-flow b{rotate:90deg;align-self:center;height:10px}
  .venture-links{padding:75px 18px;grid-template-columns:1fr;gap:28px}.venture-links header h2{font-size:52px}.venture-links nav a{min-height:165px;padding:23px 58px 23px 23px}.venture-links nav a>span:first-child{font-size:12px}.venture-links nav a strong{font-size:30px}
  .living-close{min-height:78svh;padding:78px 18px 48px}.living-close h2{font-size:clamp(57px,17vw,78px)}.living-close>p:not(.eyebrow){font-size:18px}.close-boundaries{flex-direction:column;gap:10px;margin-top:48px}.close-boundaries span{font-size:14px}.living-close:before{width:120vw}.living-close:after{width:83vw}.photo-credits{padding:22px 20px 36px;font-size:15px;line-height:1.5}.living-home .site-footer{padding:0 20px;font-size:15px}.living-home .footer-top>div>p,.living-home .footer-links{font-size:15px}.living-home .footer-bottom{font-size:14px}
  .cinematic-chapter .proof-link{bottom:66px}
  #chapter-proof.cinematic-chapter[data-phase="1"] .method-card--friction{transform:translate3d(0,34px,0)}
  #chapter-proof.cinematic-chapter[data-phase="2"] .method-card--friction{transform:translate3d(0,25px,-50px) scale(.96)}
  #chapter-proof.cinematic-chapter[data-phase="2"] .method-card--proof{transform:translate3d(0,57px,0)}
  #chapter-proof.cinematic-chapter[data-phase="3"] .method-card--friction{transform:translate3d(0,17px,-100px) scale(.92)}
  #chapter-proof.cinematic-chapter[data-phase="3"] .method-card--proof{transform:translate3d(0,49px,-50px) scale(.96)}
  #chapter-proof.cinematic-chapter[data-phase="3"] .method-card--decide{transform:translate3d(0,81px,0)}
}

@media(max-width:380px){
  .cinematic-ready .story-topline{top:70px}.cinematic-ready .motion-control,.cinematic-ready .story-compact-cta{font-size:11px;padding:9px 10px}
  .cinematic-chapter .phase-copy,.cinematic-chapter .phase-copy.copy--right,.cinematic-chapter .phase-copy.copy--center,.cinematic-chapter .phase-copy.copy--compact{bottom:72px;padding:16px}
  .cinematic-chapter .phase-copy h1{font-size:44px}.cinematic-chapter .phase-copy h2{font-size:40px}.cinematic-chapter .copy--compact .phase-statement{font-size:27px}.cinematic-chapter .chapter-lead{font-size:18px}.cinematic-chapter .chapter-body{font-size:16px;line-height:1.5}.cinematic-chapter .phase-label,.cinematic-chapter .eyebrow{font-size:10px}.cinematic-chapter .scroll-instruction{display:none}
  .cinematic-chapter .proof-heading{top:112px;padding:14px}.cinematic-chapter .proof-heading h2{font-size:28px}.cinematic-chapter .proof-heading>p:last-child{font-size:14px}.cinematic-chapter .method-stack{top:45%;width:88vw;height:53%}.cinematic-chapter .method-card{height:39vh;padding:17px}.cinematic-chapter .method-card h3{font-size:36px}.cinematic-chapter .method-card p{font-size:15px;line-height:1.4}.cinematic-chapter .proof-link{bottom:66px;font-size:13px}
}

@media(min-width:761px) and (max-height:520px){
  .living-home .site-header{height:54px}.living-home .brand{font-size:20px}.living-home .desktop-nav{font-size:11px}.living-home .desktop-nav .nav-contact{padding:8px 12px}
  .cinematic-ready .story-topline{top:8px;left:12px;right:12px}.cinematic-ready .story-kicker{font-size:10px}.cinematic-ready .motion-control,.cinematic-ready .story-compact-cta{padding:8px 11px;font-size:10px}.cinematic-ready .story-index{bottom:3px;padding:3px}.cinematic-ready .story-index a{padding:6px 9px;font-size:10px}.cinematic-ready .phase-counter{display:none}
  .cinematic-chapter .phase-copy,.cinematic-chapter .phase-copy.copy--right,.cinematic-chapter .phase-copy.copy--center,.cinematic-chapter .phase-copy.copy--compact{left:12px;right:auto;top:52%;bottom:auto;translate:0 -50%;width:42vw;padding:14px 16px;border-radius:14px;text-align:left}.cinematic-chapter .phase-copy h1{font-size:40px;line-height:.86;margin:7px 0 10px}.cinematic-chapter .phase-copy h2{font-size:35px;line-height:.89;margin:6px 0 10px}.cinematic-chapter .copy--compact .phase-statement{font-size:25px;line-height:1.04;margin:7px 0 10px}.cinematic-chapter .chapter-lead{font-size:16px;line-height:1.3}.cinematic-chapter .chapter-body{font-size:14px;line-height:1.4}.cinematic-chapter .phase-label,.cinematic-chapter .eyebrow{font-size:9px}.cinematic-chapter .actions{margin-top:10px;gap:7px}.cinematic-chapter .button{padding:10px 13px;font-size:12px}.cinematic-chapter .scroll-cue{font-size:11px}
  .cinematic-chapter .scene-plane--cover{left:43%;right:-4%}.cinematic-chapter .opening-horizon{right:4%;top:8%;width:18vw;height:70vh}.cinematic-chapter .opening-structure{right:-3%;bottom:-8%;width:52vw;height:80vh}.cinematic-chapter .portal-geometry{left:46%;right:4%;top:8%;bottom:8%}.cinematic-chapter .portal-canvas{left:43%;width:57%}.cinematic-chapter .scroll-instruction{display:none}
  .cinematic-chapter .observe-hands,.cinematic-chapter .observe-handoff,.cinematic-chapter .observe-exception{left:45%;right:3%;top:9%;width:52vw;height:76vh}.cinematic-chapter .observe-signal{left:72%;bottom:34px;font-size:6px}
  .cinematic-chapter .friction-product,.cinematic-chapter .friction-label,.cinematic-chapter .friction-sheet{left:47%;right:3%;top:8%;translate:0;width:49vw;height:76vh}.cinematic-chapter .system-gate{top:9%;width:20vw;min-width:0;padding:8px}.cinematic-chapter .system-gate--left{left:45%}.cinematic-chapter .system-gate--right{right:3%}.cinematic-chapter .system-gate strong{font-size:10px}.cinematic-chapter .system-gate span{font-size:8px}.cinematic-chapter .friction-field{font-size:8px;padding:6px 7px}.cinematic-chapter .evidence-markers{left:72%;top:50%;gap:6px}.cinematic-chapter .evidence-markers span{width:70px;font-size:8px}
  .cinematic-chapter .proof-heading{left:12px;top:51%;width:41vw}.cinematic-chapter .proof-heading h2{font-size:34px;margin:6px 0}.cinematic-chapter .proof-heading>p:last-child{font-size:14px;line-height:1.35}.cinematic-chapter .proof-rail{display:none}.cinematic-chapter .method-stack{left:auto;right:3vw;top:11%;width:52vw;height:73%}.cinematic-chapter .method-card{height:66vh;padding:14px;border-radius:14px}.cinematic-chapter .method-card h3{font-size:32px;margin:auto 0 7px}.cinematic-chapter .method-card p{font-size:13px;line-height:1.35}.cinematic-chapter .method-card b{font-size:16px;right:12px;top:10px}#chapter-proof.cinematic-chapter[data-phase="3"] .method-card--observe{transform:translate3d(0,-7px,-150px) scale(.88)}#chapter-proof.cinematic-chapter[data-phase="3"] .method-card--friction{transform:translate3d(0,10px,-100px) scale(.92)}#chapter-proof.cinematic-chapter[data-phase="3"] .method-card--proof{transform:translate3d(0,27px,-50px) scale(.96)}#chapter-proof.cinematic-chapter[data-phase="3"] .method-card--decide{transform:translate3d(0,44px,0)}.cinematic-chapter .proof-link{right:4vw;bottom:25px;font-size:11px}
  .cinematic-chapter .inquiry-product,.cinematic-chapter .inquiry-label,.cinematic-chapter .inquiry-sheet,.cinematic-chapter .inquiry-systems{left:45%;right:3%;top:8%;translate:0;width:52vw;height:77vh}.cinematic-chapter .inquiry-tunnel{left:45%;right:3%;top:7%;bottom:8%}
  .cinematic-chapter .origins-aerial-1,.cinematic-chapter .origins-aerial-2,.cinematic-chapter .origins-aerial-3,.cinematic-chapter .origins-aerial-4{width:45vw;height:72vh}.cinematic-chapter .origins-aerial-1,.cinematic-chapter .origins-aerial-3{left:47%;top:7%;bottom:auto}.cinematic-chapter .origins-aerial-2,.cinematic-chapter .origins-aerial-4{right:2%;top:9%;bottom:auto}
  .cinematic-chapter .proof-link{left:12px;right:auto;bottom:18px}
  .cinematic-chapter .method-card{height:56vh}
  #chapter-proof.cinematic-chapter[data-phase="3"] .method-card--friction{transform:translate3d(0,19px,-100px) scale(.92)}
  #chapter-proof.cinematic-chapter[data-phase="3"] .method-card--proof{transform:translate3d(0,44px,-50px) scale(.96)}
  #chapter-proof.cinematic-chapter[data-phase="3"] .method-card--decide{transform:translate3d(0,69px,0)}
}

@media(prefers-reduced-motion:reduce){
  .cinematic-chapter .chapter-scene:after{animation:none}
  .cinematic-chapter .motion-plane{transform:none!important;filter:none!important;transition:none!important}
  .cinematic-chapter .portal-canvas{display:none}
  .story-chapter.cinematic-chapter [data-show],.cinematic-chapter .phase-copy,.cinematic-chapter .method-card{transition:none!important;filter:none!important}
  .living-home .button:hover,.venture-links nav a:hover,.friction-options button:hover{transform:none}
  .scene-media--opening{content-visibility:visible}
  .reduced-media-staging .scene-media{content-visibility:hidden;contain-intrinsic-size:auto 100svh}
  .reduced-media-staging #chapter-opening .scene-media{content-visibility:visible}
}
.motion-paused .chapter-scene:after{animation-play-state:paused}
.motion-paused .motion-plane{transform:none!important;filter:none!important;transition:none!important}
.motion-paused .portal-canvas{display:none}
.motion-paused .story-chapter [data-show],.motion-paused .phase-copy,.motion-paused .method-card{transition:none!important;filter:none!important}

.question-lab,.venture-links,.living-close,.photo-credits,.living-home .site-footer{content-visibility:auto;contain-intrinsic-size:auto 800px}


/* Featherlight V2 — optimistic, airy, analytical. Kept as a reversible override layer. */
.living-home{
  --paper:#F7F6F1;
  --paper-strong:#FFFFFF;
  --ink:#17222D;
  --ink-soft:#EAF0F2;
  --muted:#52616C;
  --blue:#6E9FB2;
  --blue-deep:#315B6B;
  --sun:#D5BB82;
  --coral:#E5B6A8;
  --white:#FFFFFF;
  --line:#CADCE3;
  --mist:#DCEAF0;
  --pearl:#EDF1F3;
  --feather:#BFD8E3;
  background:var(--paper);
  color:var(--ink);
}
.living-home .preview-label{background:#F1EEE7;color:#43515B}
.living-home .site-header{
  background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(247,246,241,.82) 72%,rgba(247,246,241,0) 100%);
  color:var(--ink);
}
.living-home .brand,.living-home .desktop-nav a{color:var(--ink)}
.living-home .brand-symbol{color:var(--blue-deep)}
.living-home .desktop-nav .nav-contact{border-color:#315B6B55;color:var(--ink);background:#FFFFFFA8}
.living-home .desktop-nav a:hover,.living-home .desktop-nav a[aria-current=page]{color:var(--blue-deep)}
.living-home em{color:var(--blue-deep)}
.living-home .eyebrow,.living-home .phase-label{color:#557A88}
.living-home .button{background:var(--blue-deep);color:#fff;box-shadow:0 14px 38px #315B6B22}
.living-home .button:hover{background:#244957;box-shadow:0 18px 42px #315B6B2B}
.living-home .button--light,.living-home .button--sun{background:#F3E8CC;color:var(--ink)}
.living-home .living-close .button--sun{background:#F3E8CC;color:#071426;border:1px solid #C7A864}
.living-home .living-close .button--sun:hover{background:#D5BB82;color:#071426}
.living-home a:focus-visible,.living-home button:focus-visible,.living-home summary:focus-visible{outline-color:#fff;box-shadow:0 0 0 6px #315B6B}

.living-home .scroll-story,
.living-home .story-chapter,
.living-home .story-chapter.cinematic-chapter{background:var(--paper);color:var(--ink)}
.living-home .story-stage{background:rgba(247,246,241,.9)}
.living-home .story-kicker{color:var(--ink)}
.living-home .story-kicker i{background:var(--sun);box-shadow:0 0 0 6px #D5BB822A}
.living-home .motion-control,
.living-home .story-compact-cta{border-color:#315B6B35;background:rgba(255,255,255,.78);color:var(--ink)}
.living-home .story-compact-cta{background:#F3E8CC;border-color:#D5BB82;color:var(--ink)}
.living-home .story-index a{border-color:#315B6B25;color:var(--ink);background:rgba(255,255,255,.56)}
.living-home .story-index a[aria-current=step]{background:var(--ink);color:#fff}
.living-home .story-progress{background:#315B6B1C}.living-home .story-progress span{background:var(--blue-deep)}
.living-home .phase-counter{color:#647984}
.living-home .story-chapter{border-top-color:#315B6B16}

.living-home .cinematic-chapter .chapter-scene,
.living-home .cinematic-chapter .scene-media{background:linear-gradient(180deg,#F8F7F2 0%,#EAF0F2 100%)}
.living-home .cinematic-chapter .chapter-scene:after{opacity:.025;mix-blend-mode:multiply}
.living-home .cinematic-ready .story-topline{color:var(--ink);text-shadow:0 2px 22px #FFFFFF}
.living-home .cinematic-ready .story-index{border-color:#315B6B22;background:rgba(255,255,255,.78);box-shadow:0 14px 42px #315B6B1A}
.living-home .cinematic-ready .phase-counter{color:var(--ink)}
.living-home .cinematic-chapter .scene-plane{box-shadow:0 28px 80px #52616C28;background:#E4ECEF}
.living-home .cinematic-chapter .scene-vignette{
  background:linear-gradient(90deg,rgba(247,246,241,.9) 0%,rgba(247,246,241,.28) 45%,rgba(247,246,241,0) 73%),
             linear-gradient(0deg,rgba(247,246,241,.72) 0%,rgba(247,246,241,0) 42%,rgba(247,246,241,.38) 100%);
}
.living-home .cinematic-chapter .phase-copy{
  border-color:#FFFFFFB8;
  background:rgba(255,255,255,.86);
  color:var(--ink);
  box-shadow:0 28px 80px #52616C24;
}
.living-home .cinematic-chapter .chapter-body,
.living-home .proof-heading>p:last-child{color:#52616C}
.living-home .cinematic-chapter .scroll-instruction,
.living-home .proof-link,
.living-home .scroll-cue{color:var(--ink)}
.living-home .cinematic-chapter .scroll-instruction:before{background:var(--blue-deep)}
.living-home .cinematic-chapter .portal-geometry span{border-color:#FFFFFFC7;box-shadow:inset 0 0 35px #BFD8E338,0 0 35px #BFD8E32E}
.living-home .cinematic-chapter .portal-geometry span:nth-child(4){border-color:#D5BB82D8}
.living-home .cinematic-chapter .scene-media--opening .scene-vignette,
.living-home .cinematic-chapter .scene-media--observe .scene-vignette,
.living-home .cinematic-chapter .scene-media--friction .scene-vignette{
  background:linear-gradient(90deg,rgba(247,246,241,.92) 0%,rgba(247,246,241,.30) 45%,rgba(247,246,241,0) 72%),
             linear-gradient(0deg,rgba(247,246,241,.72),rgba(247,246,241,0) 46%,rgba(247,246,241,.34));
}
.living-home .cinematic-chapter .scene-media--friction{background:radial-gradient(circle at 50% 35%,#E1ECEF,#F7F6F1 68%)}
.living-home .cinematic-chapter .friction-systems img,
.living-home .cinematic-chapter .proof-evidence img{filter:saturate(.78) brightness(.92)}
.living-home .cinematic-chapter .system-gate,
.living-home .cinematic-chapter .observe-signal{border-color:#315B6B2B;background:rgba(255,255,255,.86);color:var(--ink);box-shadow:0 20px 60px #52616C22}
.living-home .cinematic-chapter .system-gate span{color:#557A88}
.living-home .cinematic-chapter .friction-field{border-color:#FFFFFFB8;box-shadow:0 12px 30px #52616C25}
.living-home .cinematic-chapter .friction-field--a{background:#F0E3C4}.living-home .cinematic-chapter .friction-field--b{background:#EACBC1}.living-home .cinematic-chapter .friction-field--c{background:#CFE3EA}
.living-home .cinematic-chapter .evidence-markers span{border-color:#BFD8E3;background:rgba(255,255,255,.88);color:var(--ink);box-shadow:0 0 0 18px #BFD8E316}

.living-home .method-card{box-shadow:0 20px 55px #52616C18}
.living-home .method-card--friction{background:#F2DDD6}.living-home .method-card--proof{background:#F3E8CC}.living-home .method-card--decide{background:#DCEAF0;color:var(--ink)}
.living-home .question-lab{background:var(--paper);color:var(--ink)}
.living-home .friction-response{background:#fff;box-shadow:0 18px 45px #52616C12}
.living-home .venture-links{background:#EAF0F2;color:var(--ink)}
.living-home .venture-links nav a{border-color:#315B6B20;background:rgba(255,255,255,.56);color:var(--ink)}
.living-home .venture-links nav a:hover{background:#fff}.living-home .venture-links nav a>span:first-child{color:#557A88}
.living-home .living-close{background:linear-gradient(180deg,#EEF3F3 0%,#DCEAF0 100%);color:var(--ink)}
.living-home .living-close:before,.living-home .living-close:after{border-color:#FFFFFFA8}
.living-home .living-close .eyebrow{color:#557A88}
.living-home .photo-credits,.living-home .site-footer{background:var(--paper);color:var(--muted)}
.living-home .photo-credits a{color:var(--blue-deep)}

@media(prefers-reduced-motion:reduce){
  .living-home .scene-plane{
    transform:none!important;
    transition:none!important;
  }
}

@media(max-width:760px){
  .living-home .mobile-nav summary{border-color:#315B6B35;color:var(--ink);background:rgba(255,255,255,.88)}
  .living-home .mobile-nav nav{background:#FFFEFBF7}.living-home .mobile-nav a{color:var(--ink)}
  .living-home .cinematic-ready .story-index{background:rgba(255,255,255,.92)}
  .living-home .cinematic-chapter .phase-copy,
  .living-home .cinematic-chapter .phase-copy.copy--right,
  .living-home .cinematic-chapter .phase-copy.copy--center,
  .living-home .cinematic-chapter .phase-copy.copy--compact{background:rgba(255,255,255,.93);color:var(--ink)}
}


/* Featherlight V2 hero — one image, transform-only depth, minimal boot work. */
.living-home #chapter-opening.cinematic-chapter{height:320svh;contain-intrinsic-size:auto 320svh}
.living-home #chapter-opening .chapter-scene{background:#F7F6F1}
.living-home #chapter-opening .scene-media--opening{background:#F7F6F1}
.living-home #chapter-opening .opening-portal{
  inset:-2%;
  transform-origin:50% 50%;
  box-shadow:none;
}
.living-home #chapter-opening .opening-portal img{
  object-fit:cover;
  object-position:center 48%;
  filter:saturate(.82) brightness(1.07) contrast(.94);
}
.living-home #chapter-opening .scene-media--opening .scene-vignette{
  z-index:10;
  background:
    linear-gradient(90deg,rgba(247,246,241,.95) 0%,rgba(247,246,241,.68) 22%,rgba(247,246,241,.17) 48%,rgba(247,246,241,0) 72%),
    linear-gradient(180deg,rgba(255,255,255,.20) 0%,rgba(255,255,255,0) 30%,rgba(247,246,241,.20) 100%);
}
.living-home #chapter-opening .feather-veil{
  display:block;
  position:absolute;
  top:-12%;
  bottom:-12%;
  width:46vw;
  z-index:8;
  pointer-events:none;
  opacity:.34;
  filter:blur(18px);
  transform:translate3d(0,0,0) rotate(var(--veil-rotate));
  background:
    radial-gradient(ellipse at center,rgba(255,255,255,.82) 0 22%,rgba(255,255,255,.26) 49%,rgba(255,255,255,0) 72%);
  mix-blend-mode:screen;
}
.living-home #chapter-opening .feather-veil--left{left:-25vw;--veil-rotate:12deg}
.living-home #chapter-opening .feather-veil--right{right:-27vw;--veil-rotate:-12deg}
.living-home #chapter-opening[data-phase="1"] .feather-veil--left,
.living-home #chapter-opening[data-phase="2"] .feather-veil--left,
.living-home #chapter-opening[data-phase="3"] .feather-veil--left{transform:translate3d(14vw,0,0) rotate(6deg);opacity:.48}
.living-home #chapter-opening[data-phase="1"] .feather-veil--right,
.living-home #chapter-opening[data-phase="2"] .feather-veil--right,
.living-home #chapter-opening[data-phase="3"] .feather-veil--right{transform:translate3d(-14vw,0,0) rotate(-6deg);opacity:.48}
.living-home #chapter-opening .feather-veil{transition:transform 1.1s cubic-bezier(.2,.7,.2,1),opacity .9s ease}

.living-home #chapter-opening .phase-copy{
  left:clamp(32px,8vw,122px);
  right:auto;
  width:min(39vw,610px);
  top:29%;
  translate:0 -50%;
  text-align:left;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(255,255,255,.88);
  box-shadow:0 24px 70px rgba(54,72,80,.16);
  backdrop-filter:blur(12px);
}
.living-home #chapter-opening .copy--hero-entry{
  top:auto;
  bottom:8vh;
  translate:0 0;
  width:auto;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.living-home #chapter-opening .hero-entry-cue{
  margin:0;
  color:#31434C;
  font:700 12px/1.3 Arial,Helvetica,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.living-home #chapter-opening .copy--hero-message h1{
  max-width:8.6ch;
  margin:13px 0 20px;
  color:#17222D;
  font-size:clamp(62px,7.2vw,118px);
  line-height:.88;
  letter-spacing:-.062em;
}
.living-home #chapter-opening .copy--hero-message .chapter-lead{
  max-width:29em;
  color:#43515B;
  font-size:clamp(19px,1.55vw,25px);
  line-height:1.42;
}
.living-home #chapter-opening .copy--compact .phase-statement,
.living-home #chapter-opening .copy--transition .phase-statement{
  color:#17222D;
  max-width:12ch;
}
.living-home #chapter-opening .copy--transition{top:31%}
.living-home #chapter-opening .scroll-instruction{color:#31434C}
.living-home #chapter-opening .scroll-instruction:before{background:#315B6B}

@media(max-width:760px){
  .living-home #chapter-opening.cinematic-chapter{height:300svh;contain-intrinsic-size:auto 300svh}
  .living-home #chapter-opening .opening-portal{inset:-1%}
  .living-home #chapter-opening .opening-portal img{object-position:58% center}
  .living-home #chapter-opening .scene-media--opening .scene-vignette{
    background:
      linear-gradient(0deg,rgba(247,246,241,.93) 0%,rgba(247,246,241,.58) 30%,rgba(247,246,241,.06) 58%,rgba(247,246,241,.08) 100%);
  }
  .living-home #chapter-opening .feather-veil{width:72vw;opacity:.24;filter:blur(14px)}
  .living-home #chapter-opening .feather-veil--left{left:-54vw}
  .living-home #chapter-opening .feather-veil--right{right:-56vw}
  .living-home #chapter-opening .phase-copy,
  .living-home #chapter-opening .phase-copy.copy--right,
  .living-home #chapter-opening .phase-copy.copy--center,
  .living-home #chapter-opening .phase-copy.copy--compact{
    left:16px;
    right:16px;
    top:auto;
    bottom:clamp(96px,18vh,122px);
    translate:0 0;
    width:auto;
    padding:18px 19px;
    background:rgba(255,255,255,.91);
    border-radius:18px;
    box-shadow:0 20px 55px rgba(54,72,80,.16);
  }
  .living-home #chapter-opening .copy--hero-entry{
    bottom:clamp(72px,14vh,90px);
    right:auto;
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
  }
  .living-home #chapter-opening .copy--hero-message h1{
    font-size:clamp(50px,14vw,72px);
    max-width:8.8ch;
  }
  .living-home #chapter-opening .copy--hero-message .chapter-lead{font-size:18px;line-height:1.42}
  .living-home #chapter-opening .copy--transition{bottom:clamp(100px,19vh,128px)}
}

@media(prefers-reduced-motion:reduce){
  .living-home #chapter-opening .opening-portal{transform:none!important}
  .living-home #chapter-opening .feather-veil{display:none}
}


/* Featherlight proof surface: keep all analytical copy on a high-contrast light panel. */
.living-home .cinematic-chapter .proof-heading{
  background:rgba(255,255,255,.92);
  color:var(--ink);
  border-color:#FFFFFFD9;
  box-shadow:0 24px 70px #52616C24;
}
.living-home .cinematic-chapter .proof-heading .eyebrow{color:#557A88}
.living-home .cinematic-chapter .proof-heading h2{color:var(--ink)}
.living-home .cinematic-chapter .proof-heading h2 em{color:var(--blue-deep)}
.living-home .cinematic-chapter .proof-heading>p:last-child{color:#43515B}


.living-home .cinematic-chapter .proof-link{
  color:var(--ink);
  background:rgba(255,255,255,.94);
  border:1px solid #315B6B2B;
  border-radius:999px;
  padding:11px 15px;
  box-shadow:0 12px 34px #52616C18;
  text-decoration:none;
}


/* Featherlight mobile proof CTA clearance. */
@media(max-width:760px){
  .living-home .cinematic-chapter .proof-link{
    right:16px;
    bottom:clamp(96px,18vh,118px);
  }
}
@media(max-width:380px) and (max-height:600px){
  .living-home .cinematic-chapter .proof-link{
    display:none;
  }
}


/* Featherlight compact proof stack — keep linked cards above the persistent story nav. */
@media(max-width:380px) and (max-height:600px){
  .living-home .cinematic-chapter .method-stack{
    top:39%;
    height:43%;
  }
  .living-home .cinematic-chapter .method-card{
    height:30vh;
    min-height:0;
  }
  .living-home #chapter-proof.cinematic-chapter[data-phase="0"] .method-card--observe{
    transform:translate3d(0,10px,0);
  }
  .living-home #chapter-proof.cinematic-chapter[data-phase="1"] .method-card--observe{
    transform:translate3d(0,0,-50px) scale(.96);
  }
  .living-home #chapter-proof.cinematic-chapter[data-phase="1"] .method-card--friction{
    transform:translate3d(0,16px,0);
  }
  .living-home #chapter-proof.cinematic-chapter[data-phase="2"] .method-card--observe{
    transform:translate3d(0,-6px,-100px) scale(.92);
  }
  .living-home #chapter-proof.cinematic-chapter[data-phase="2"] .method-card--friction{
    transform:translate3d(0,8px,-50px) scale(.96);
  }
  .living-home #chapter-proof.cinematic-chapter[data-phase="2"] .method-card--proof{
    transform:translate3d(0,24px,0);
  }
  .living-home #chapter-proof.cinematic-chapter[data-phase="3"] .method-card--observe{
    transform:translate3d(0,-10px,-150px) scale(.88);
  }
  .living-home #chapter-proof.cinematic-chapter[data-phase="3"] .method-card--friction{
    transform:translate3d(0,2px,-100px) scale(.92);
  }
  .living-home #chapter-proof.cinematic-chapter[data-phase="3"] .method-card--proof{
    transform:translate3d(0,14px,-50px) scale(.96);
  }
  .living-home #chapter-proof.cinematic-chapter[data-phase="3"] .method-card--decide{
    transform:translate3d(0,28px,0);
  }
}


/* Featherlight short-landscape hero: preserve cinematic framing without colliding with persistent nav. */
@media(min-width:761px) and (max-height:520px){
  .living-home #chapter-opening .phase-copy,
  .living-home #chapter-opening .phase-copy.copy--right,
  .living-home #chapter-opening .phase-copy.copy--center,
  .living-home #chapter-opening .phase-copy.copy--compact{
    left:12px;
    right:auto;
    top:48%;
    bottom:auto;
    translate:0 -50%;
    width:40vw;
    padding:13px 15px;
    border-radius:14px;
  }
  .living-home #chapter-opening .copy--hero-entry{
    top:auto;
    bottom:44px;
    translate:0 0;
    width:auto;
    padding:0;
  }
  .living-home #chapter-opening .copy--hero-message h1{
    font-size:38px;
    line-height:.9;
    margin:6px 0 9px;
    max-width:9ch;
  }
  .living-home #chapter-opening .copy--hero-message .chapter-lead{
    font-size:14px;
    line-height:1.32;
  }
  .living-home #chapter-opening .phase-label,
  .living-home #chapter-opening .eyebrow{font-size:9px}
  .living-home #chapter-opening .copy--compact .phase-statement,
  .living-home #chapter-opening .copy--transition .phase-statement{
    font-size:24px;
    line-height:1.05;
    margin:6px 0 9px;
  }
  .living-home #chapter-opening .chapter-body{font-size:13px;line-height:1.35}
  .living-home #chapter-opening .actions{margin-top:8px}
}


/* Featherlight Entry removes the legacy procedural canvas entirely. */
.living-home #chapter-opening .portal-canvas{display:none!important}


/* Featherlight compact Proof depth: deterministic readable edge spacing. */
@media(max-width:380px) and (max-height:600px){
  .living-home #chapter-proof.cinematic-chapter[data-phase="0"] .method-card--observe{
    transform:translate3d(0,0,0);
  }
  .living-home #chapter-proof.cinematic-chapter[data-phase="1"] .method-card--observe{
    transform:translate3d(0,0,-50px) scale(.96);
  }
  .living-home #chapter-proof.cinematic-chapter[data-phase="1"] .method-card--friction{
    transform:translate3d(0,16px,0);
  }
  .living-home #chapter-proof.cinematic-chapter[data-phase="2"] .method-card--observe{
    transform:translate3d(0,0,-100px) scale(.92);
  }
  .living-home #chapter-proof.cinematic-chapter[data-phase="2"] .method-card--friction{
    transform:translate3d(0,18px,-50px) scale(.96);
  }
  .living-home #chapter-proof.cinematic-chapter[data-phase="2"] .method-card--proof{
    transform:translate3d(0,36px,0);
  }
  .living-home #chapter-proof.cinematic-chapter[data-phase="3"] .method-card--observe{
    transform:translate3d(0,0,-150px) scale(.88);
  }
  .living-home #chapter-proof.cinematic-chapter[data-phase="3"] .method-card--friction{
    transform:translate3d(0,18px,-100px) scale(.92);
  }
  .living-home #chapter-proof.cinematic-chapter[data-phase="3"] .method-card--proof{
    transform:translate3d(0,36px,-50px) scale(.96);
  }
  .living-home #chapter-proof.cinematic-chapter[data-phase="3"] .method-card--decide{
    transform:translate3d(0,54px,0);
  }
}


/* Keep compact Proof card top edges stable while depth scale changes. */
@media(max-width:380px) and (max-height:600px){
  .living-home #chapter-proof .method-card{transform-origin:50% 0}
}

/* Surreal photographic film — scroll controls time, not image zoom. */
body.living-home.surreal-film-ready .story-stage{
  background:transparent!important;
}

body.living-home.surreal-film-ready .portal-canvas,
body.living-home.surreal-film-ready .portal-geometry,
body.living-home.surreal-film-ready .observe-signal,
body.living-home.surreal-film-ready .system-gate,
body.living-home.surreal-film-ready .friction-fields,
body.living-home.surreal-film-ready .evidence-markers,
body.living-home.surreal-film-ready .proof-rail,
body.living-home.surreal-film-ready .inquiry-tunnel,
body.living-home.surreal-film-ready .flight-lines,
body.living-home.surreal-film-ready .feather-veil{
  display:none!important;
}

body.living-home.surreal-film-ready .cinematic-chapter .chapter-scene,
body.living-home.surreal-film-ready .cinematic-chapter .scene-media{
  background:#071013!important;
}

body.living-home.surreal-film-ready .cinematic-chapter .chapter-scene{
  perspective:none;
}

body.living-home.surreal-film-ready .cinematic-chapter .scene-media{
  position:absolute;
  inset:0;
  overflow:hidden;
  isolation:isolate;
}

body.living-home.surreal-film-ready .cinematic-chapter .scene-media::before,
body.living-home.surreal-film-ready .cinematic-chapter .scene-media::after{
  content:'';
  position:absolute;
  pointer-events:none;
  z-index:8;
  will-change:transform;
}

body.living-home.surreal-film-ready .cinematic-chapter .scene-media::before{
  top:-12%;bottom:-12%;left:-24vw;width:20vw;
  transform:translate3d(var(--occluder-x,-130vw),0,0) skewX(-3deg);
  background:linear-gradient(90deg,rgba(1,5,6,.98),rgba(7,14,17,.94) 58%,rgba(29,42,45,.58) 88%,transparent);
  box-shadow:28px 0 80px rgba(0,0,0,.52);
  filter:blur(var(--rack-focus,0));
}

body.living-home.surreal-film-ready .cinematic-chapter .scene-media::after{
  left:-35vw;bottom:-8%;width:34vw;height:42%;
  transform:translate3d(var(--occluder-two-x,-150vw),0,0) skewX(8deg);
  background:linear-gradient(8deg,rgba(2,7,9,.96),rgba(13,23,26,.82) 68%,transparent 69%);
  box-shadow:20px -24px 70px rgba(0,0,0,.38);
}

body.living-home.surreal-film-ready .cinematic-chapter .scene-plane{
  --film-opacity:0;
  --film-x:0%;
  --film-y:0%;
  --film-scale:1;
  --film-clip-top:0%;
  --film-clip-right:0%;
  --film-clip-bottom:0%;
  --film-clip-left:0%;
  --film-blur:0px;
  position:absolute!important;
  margin:0!important;
  opacity:var(--film-opacity)!important;
  visibility:visible!important;
  transform:translate3d(var(--film-x),var(--film-y),0) scale(var(--film-scale))!important;
  clip-path:inset(var(--film-clip-top) var(--film-clip-right) var(--film-clip-bottom) var(--film-clip-left))!important;
  filter:none!important;
  transition:none!important;
  transform-origin:center;
  backface-visibility:hidden;
  will-change:transform,opacity,clip-path,filter;
  border-radius:0!important;
}

body.living-home.surreal-film-ready .cinematic-chapter .scene-plane picture,
body.living-home.surreal-film-ready .cinematic-chapter .scene-plane img{
  display:block;
  width:100%;
  height:100%;
}

body.living-home.surreal-film-ready .cinematic-chapter .scene-plane img{
  object-fit:cover;
  filter:saturate(.78) contrast(1.06) brightness(.72);
}

body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="environment"]{
  inset:-4%!important;
  width:auto!important;
  height:auto!important;
  z-index:1;
  box-shadow:none!important;
  clip-path:none!important;
}
body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="environment"] img{
  filter:none!important;
}

body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="glass"],
body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="window"],
body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="wipe"],
body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="frozen"]{
  inset:-2%!important;
  width:auto!important;
  height:auto!important;
  z-index:3;
  box-shadow:-18px 0 70px rgba(0,0,0,.32)!important;
}

body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="glass"],
body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="window"],
body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="wipe"],
body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="reflection"],
body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="memory"]{
  filter:blur(var(--film-blur))!important;
}

body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="glass"]::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(104deg,rgba(232,247,246,.2),transparent 28%,rgba(255,255,255,.08) 52%,transparent 68%);
  box-shadow:inset 1px 0 rgba(238,249,248,.3),inset -1px 0 rgba(238,249,248,.16);
}

body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="frozen"]{
  z-index:2;
  mix-blend-mode:screen;
}

body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="echo"],
body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="document"]{
  top:12vh!important;
  right:5vw!important;
  bottom:auto!important;
  left:auto!important;
  width:min(35vw,560px)!important;
  height:74vh!important;
  z-index:5;
  border:1px solid rgba(224,237,236,.24)!important;
  box-shadow:0 36px 100px rgba(0,0,0,.56)!important;
}

body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="echo"]:nth-of-type(even){
  left:-5vw!important;
  right:auto!important;
}

body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="evidence"]{
  top:18vh!important;
  left:auto!important;
  right:6vw!important;
  width:min(27vw,410px)!important;
  height:34vh!important;
  z-index:5;
  border:1px solid rgba(230,241,239,.32)!important;
  box-shadow:0 26px 80px rgba(0,0,0,.48)!important;
}

body.living-home.surreal-film-ready .cinematic-chapter .proof-state--reviewed{
  top:35vh!important;
  right:10vw!important;
  z-index:6;
}

body.living-home.surreal-film-ready .cinematic-chapter .proof-state--approved{
  top:52vh!important;
  right:4vw!important;
  z-index:7;
}

body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="reflection"]{
  top:10vh!important;
  right:5vw!important;
  bottom:auto!important;
  left:auto!important;
  width:min(48vw,760px)!important;
  height:76vh!important;
  z-index:4;
  border:1px solid rgba(226,239,237,.2)!important;
  box-shadow:0 36px 110px rgba(0,0,0,.52)!important;
}

body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="memory"]{
  top:16vh!important;
  left:7vw!important;
  right:auto!important;
  bottom:auto!important;
  width:min(29vw,440px)!important;
  height:32vh!important;
  z-index:6;
  border:1px solid rgba(226,239,237,.28)!important;
  box-shadow:0 26px 90px rgba(0,0,0,.48)!important;
}

body.living-home.surreal-film-ready .cinematic-chapter .origins-memory--proof{
  top:52vh!important;
  left:12vw!important;
}

body.living-home.surreal-film-ready .cinematic-chapter .scene-vignette{
  display:block!important;
  position:absolute;
  inset:0;
  z-index:9;
  opacity:1!important;
  pointer-events:none;
  background:
    radial-gradient(circle at 62% 40%,transparent 0 27%,rgba(0,5,7,.08) 56%,rgba(0,5,7,.48) 100%),
    linear-gradient(90deg,rgba(1,7,9,.62),rgba(1,7,9,.08) 48%,rgba(1,7,9,.2))!important;
}

body.living-home.surreal-film-ready #chapter-opening [data-film-role="environment"] img{
  object-position:54% 48%;
  filter:none!important;
}

body.living-home.surreal-film-ready #chapter-opening [data-film-role="glass"] img{
  object-position:center 52%;
  filter:saturate(.68) contrast(1.08) brightness(.62);
}

body.living-home.surreal-film-ready #chapter-observe [data-film-role="environment"] img{
  object-position:center 52%;
}

body.living-home.surreal-film-ready #chapter-friction .scene-vignette{
  background:linear-gradient(90deg,rgba(1,6,8,.74),rgba(1,6,8,.08) 47%,rgba(1,6,8,.52))!important;
}

body.living-home.surreal-film-ready #chapter-proof [data-film-role="environment"] img{
  filter:none!important;
}

body.living-home.surreal-film-ready #chapter-drone [data-film-role="environment"] img{
  filter:none!important;
}

body.living-home.surreal-film-ready .cinematic-chapter .phase-copy,
body.living-home.surreal-film-ready #chapter-opening .phase-copy,
body.living-home.surreal-film-ready #chapter-opening .phase-copy.copy--right,
body.living-home.surreal-film-ready #chapter-opening .phase-copy.copy--compact,
body.living-home.surreal-film-ready #chapter-opening .phase-copy.copy--center{
  left:clamp(28px,4.8vw,76px);
  right:auto;
  top:52%;
  bottom:auto;
  translate:0 -50%;
  width:min(23vw,330px);
  max-width:330px;
  padding:clamp(15px,1.45vw,21px);
  border:1px solid rgba(222,236,234,.28)!important;
  border-radius:2px;
  color:#f5f2e9!important;
  background:rgba(5,14,17,.76)!important;
  box-shadow:0 25px 80px rgba(0,0,0,.46);
  backdrop-filter:blur(12px) saturate(.84);
  text-align:left;
  transform:translate3d(0,18px,0)!important;
  filter:none!important;
}

body.living-home.surreal-film-ready .cinematic-chapter .phase-copy.copy--right{
  left:auto;
  right:clamp(28px,4.8vw,76px);
}

body.living-home.surreal-film-ready .cinematic-chapter .phase-copy.copy--center{
  left:50%;
  right:auto;
  translate:-50% -50%;
  width:min(31vw,430px);
  max-width:430px;
  text-align:center;
}

body.living-home.surreal-film-ready .story-chapter.cinematic-chapter [data-phase-copy]{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .38s ease,transform .55s cubic-bezier(.2,.72,.2,1)!important;
}

body.living-home.surreal-film-ready .story-chapter.cinematic-chapter[data-phase="0"] [data-phase-copy="0"],
body.living-home.surreal-film-ready .story-chapter.cinematic-chapter[data-phase="1"] [data-phase-copy="1"],
body.living-home.surreal-film-ready .story-chapter.cinematic-chapter[data-phase="2"] [data-phase-copy="2"],
body.living-home.surreal-film-ready .story-chapter.cinematic-chapter[data-phase="3"] [data-phase-copy="3"],
body.living-home.surreal-film-ready .story-chapter.cinematic-chapter[data-phase="4"] [data-phase-copy="4"]{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate3d(0,0,0)!important;
}

body.living-home.surreal-film-ready #chapter-opening .phase-copy h1,
body.living-home.surreal-film-ready #chapter-opening .phase-copy h2,
body.living-home.surreal-film-ready #chapter-opening .phase-copy .phase-statement,
body.living-home.surreal-film-ready #chapter-opening .phase-copy .chapter-lead,
body.living-home.surreal-film-ready #chapter-opening .phase-copy .chapter-body,
body.living-home.surreal-film-ready #chapter-opening .hero-entry-cue{
  color:#f5f2e9!important;
}

body.living-home.surreal-film-ready .cinematic-chapter .phase-copy h1,
body.living-home.surreal-film-ready #chapter-opening .copy--hero-message h1{
  margin:8px 0 12px;
  font-size:clamp(37px,3.15vw,48px);
  line-height:.94;
}

body.living-home.surreal-film-ready .cinematic-chapter .phase-copy h2{
  margin:8px 0 12px;
  font-size:clamp(31px,2.8vw,41px);
  line-height:.97;
}

body.living-home.surreal-film-ready .cinematic-chapter .copy--compact .phase-statement{
  margin:7px 0 10px;
  font-size:clamp(22px,1.85vw,28px);
  line-height:1.05;
}

body.living-home.surreal-film-ready .cinematic-chapter .chapter-lead{
  font-size:clamp(14px,1.06vw,17px);
  line-height:1.42;
}

body.living-home.surreal-film-ready .cinematic-chapter .chapter-body{
  margin-bottom:0;
  color:#d2dddc!important;
  font-size:13px;
  line-height:1.48;
}

body.living-home.surreal-film-ready .cinematic-chapter .phase-label,
body.living-home.surreal-film-ready .cinematic-chapter .eyebrow{
  color:#c9dfe0;
}

body.living-home.surreal-film-ready .cinematic-chapter .proof-heading{
  left:clamp(28px,4.8vw,76px);
  top:50%;
  width:min(23vw,330px);
  padding:20px;
  border:1px solid rgba(222,236,234,.28);
  border-radius:2px;
  color:#f5f2e9;
  background:rgba(5,14,17,.78);
  box-shadow:0 25px 80px rgba(0,0,0,.46);
  backdrop-filter:blur(12px) saturate(.84);
}

body.living-home.surreal-film-ready .cinematic-chapter .proof-heading h2{
  margin:8px 0 13px;
  color:#f5f2e9;
  font-size:clamp(31px,2.8vw,41px);
  line-height:.97;
}

body.living-home.surreal-film-ready .cinematic-chapter .proof-heading h2 em{color:#c8dee0}
body.living-home.surreal-film-ready .cinematic-chapter .proof-heading>p:last-child{color:#d2dddc;font-size:14px}

body.living-home.surreal-film-ready .cinematic-chapter .method-stack{
  right:clamp(28px,4.8vw,76px);
  top:18%;
  width:min(22vw,310px);
  height:62%;
}

body.living-home.surreal-film-ready .cinematic-chapter .method-card{
  height:min(30vh,255px);
  padding:18px;
  border-radius:3px;
  box-shadow:0 24px 68px rgba(0,0,0,.44);
}

body.living-home.surreal-film-ready .cinematic-chapter .method-card h3{font-size:clamp(31px,2.8vw,41px)}
body.living-home.surreal-film-ready .cinematic-chapter .proof-link{right:clamp(30px,5vw,82px)}

body.living-home.surreal-film-ready .story-topline{
  color:#edf2ef;
  text-shadow:0 2px 20px rgba(0,0,0,.72);
}

body.living-home.surreal-film-ready .story-index{
  border-color:rgba(220,235,234,.22);
  color:#edf2ef;
  background:rgba(4,12,15,.74);
  box-shadow:0 14px 45px rgba(0,0,0,.34);
}

body.living-home.surreal-film-ready .story-index a[aria-current="step"]{
  color:#091518;
  background:#c8dee0;
}

body.living-home.surreal-film-ready .phase-counter{color:#edf2ef}

body.living-home.surreal-film-ready .motion-control,
body.living-home.surreal-film-ready .story-compact-cta{
  border-color:rgba(220,235,234,.25);
  color:#eef3ef;
  background:rgba(4,12,15,.7);
  backdrop-filter:blur(10px);
}

body.living-home.surreal-film-ready.motion-paused .cinematic-chapter .scene-plane,
body.living-home.surreal-film-ready.motion-paused .cinematic-chapter .scene-media::before,
body.living-home.surreal-film-ready.motion-paused .cinematic-chapter .scene-media::after{
  will-change:auto;
}

@media(max-width:760px){
  body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="echo"],
  body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="document"]{
    top:9vh!important;
    right:-26vw!important;
    width:78vw!important;
    height:62vh!important;
  }

  body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="evidence"]{
    top:10vh!important;
    right:-18vw!important;
    width:68vw!important;
    height:28vh!important;
  }

  body.living-home.surreal-film-ready .cinematic-chapter .proof-state--reviewed{top:28vh!important;right:-8vw!important}
  body.living-home.surreal-film-ready .cinematic-chapter .proof-state--approved{top:46vh!important;right:-20vw!important}

  body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="reflection"]{
    top:7vh!important;
    right:-18vw!important;
    width:84vw!important;
    height:65vh!important;
  }

  body.living-home.surreal-film-ready .cinematic-chapter [data-film-role="memory"]{
    top:10vh!important;
    left:-18vw!important;
    width:72vw!important;
    height:28vh!important;
  }

  body.living-home.surreal-film-ready .cinematic-chapter .origins-memory--proof{top:39vh!important;left:-9vw!important}

  body.living-home.surreal-film-ready .cinematic-chapter .scene-media::before{width:30vw}
  body.living-home.surreal-film-ready .cinematic-chapter .scene-media::after{width:48vw}

  body.living-home.surreal-film-ready .cinematic-chapter .phase-copy,
  body.living-home.surreal-film-ready .cinematic-chapter .phase-copy.copy--right,
  body.living-home.surreal-film-ready .cinematic-chapter .phase-copy.copy--compact,
  body.living-home.surreal-film-ready .cinematic-chapter .phase-copy.copy--center,
  body.living-home.surreal-film-ready #chapter-opening .phase-copy,
  body.living-home.surreal-film-ready #chapter-opening .phase-copy.copy--right,
  body.living-home.surreal-film-ready #chapter-opening .phase-copy.copy--compact,
  body.living-home.surreal-film-ready #chapter-opening .phase-copy.copy--center{
    left:14px;
    right:auto;
    top:auto;
    bottom:86px;
    translate:0 0;
    width:min(calc(100vw - 28px),320px);
    max-width:320px;
    padding:15px;
    text-align:left;
    backdrop-filter:blur(8px);
  }

  body.living-home.surreal-film-ready .cinematic-chapter .phase-copy h1,
  body.living-home.surreal-film-ready #chapter-opening .copy--hero-message h1{font-size:clamp(36px,9.7vw,44px)}
  body.living-home.surreal-film-ready .cinematic-chapter .phase-copy h2{font-size:clamp(30px,8.4vw,38px)}

  body.living-home.surreal-film-ready .cinematic-chapter .proof-heading{
    left:14px;
    right:auto;
    top:104px;
    translate:0 0;
    width:min(calc(100vw - 28px),320px);
    padding:15px;
  }

  body.living-home.surreal-film-ready .cinematic-chapter .proof-heading h2{font-size:clamp(29px,8vw,37px)}

  body.living-home.surreal-film-ready .cinematic-chapter .method-stack{
    left:14px;
    right:auto;
    top:43%;
    width:min(calc(100vw - 28px),320px);
    height:47%;
  }

  body.living-home.surreal-film-ready .cinematic-chapter .method-card{height:min(31vh,245px);padding:16px}
  body.living-home.surreal-film-ready .cinematic-chapter .proof-link{right:16px;bottom:54px}
}

@media(prefers-reduced-motion:reduce){
  body.living-home .scene-plane{transform:none!important;clip-path:none!important;filter:none!important}
}

/* Real-footage film: the camera movement lives inside the recorded image. */
body.living-home.real-film-ready .story-stage{background:transparent!important}

body.living-home.real-film-ready .cinematic-chapter .scene-media{
  overflow:hidden;
  isolation:isolate;
  background:#03090b!important;
}

body.living-home.real-film-ready .cinematic-chapter .scene-plane,
body.living-home.real-film-ready .cinematic-chapter .portal-canvas,
body.living-home.real-film-ready .cinematic-chapter .feather-veil,
body.living-home.real-film-ready .cinematic-chapter .observe-signal,
body.living-home.real-film-ready .cinematic-chapter .system-gate,
body.living-home.real-film-ready .cinematic-chapter .friction-fields,
body.living-home.real-film-ready .cinematic-chapter .evidence-markers,
body.living-home.real-film-ready .cinematic-chapter .inquiry-tunnel,
body.living-home.real-film-ready .cinematic-chapter .flight-lines{
  display:none!important;
}

.film-video-stack{
  display:none;
}

body.living-home.real-film-ready .film-video-stack{
  display:block;
  position:absolute;
  inset:0;
  z-index:2;
  overflow:hidden;
  background:#03090b;
}

body.living-home.real-film-ready .film-video{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  border:0;
  object-fit:cover;
  object-position:center;
  background:#03090b;
  filter:saturate(.82) contrast(1.08) brightness(.76);
}

body.living-home.real-film-ready .film-video--primary{
  z-index:1;
  opacity:1;
}

body.living-home.real-film-ready .film-video--echo{
  z-index:2;
  opacity:var(--film-echo-opacity,0);
  pointer-events:none;
  filter:saturate(.7) contrast(1.12) brightness(.86);
}

body.living-home.real-film-ready .film-video--echo-1{
  clip-path:inset(0 0 0 58%);
  mix-blend-mode:screen;
}

body.living-home.real-film-ready .film-video--echo-2{
  clip-path:inset(0 56% 0 0);
  mix-blend-mode:luminosity;
}

body.living-home.real-film-ready .film-video-stack::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,8,10,.68),rgba(2,8,10,.08) 42%,rgba(2,8,10,.16)),
    radial-gradient(circle at 68% 42%,transparent 0 28%,rgba(1,6,8,.08) 58%,rgba(1,6,8,.48) 100%);
}

body.living-home.real-film-ready .film-lens-wipe{
  position:absolute;
  top:-8%;
  bottom:-8%;
  left:0;
  z-index:4;
  width:clamp(110px,18vw,300px);
  transform:translate3d(var(--occluder-x,-130vw),0,0) skewX(-8deg);
  background:linear-gradient(90deg,rgba(2,7,9,.96),rgba(11,24,27,.86) 62%,rgba(227,237,232,.12));
  box-shadow:24px 0 80px rgba(0,0,0,.46);
  pointer-events:none;
  will-change:transform;
}

body.living-home.real-film-ready #chapter-opening .film-video{object-position:50% 50%}
body.living-home.real-film-ready #chapter-observe .film-video{object-position:50% 46%}
body.living-home.real-film-ready #chapter-friction .film-video{object-position:58% 50%}
body.living-home.real-film-ready #chapter-proof .film-video{object-position:50% 48%}
body.living-home.real-film-ready #chapter-field .film-video{object-position:50% 48%}
body.living-home.real-film-ready #chapter-drone .film-video{object-position:50% 52%}
body.living-home.real-film-ready #chapter-opening .film-temporal-still{object-position:50% 50%}
body.living-home.real-film-ready #chapter-observe .film-temporal-still{object-position:50% 46%}
body.living-home.real-film-ready #chapter-friction .film-temporal-still{object-position:58% 50%}
body.living-home.real-film-ready #chapter-proof .film-temporal-still{object-position:50% 48%}
body.living-home.real-film-ready #chapter-field .film-temporal-still{object-position:50% 48%}
body.living-home.real-film-ready #chapter-drone .film-temporal-still{object-position:50% 52%}

body.living-home.real-film-ready #chapter-opening .film-video-stack::before{
  background:
    linear-gradient(105deg,rgba(3,10,12,.72),rgba(3,10,12,.08) 46%,rgba(222,235,233,.08) 58%,rgba(3,10,12,.26)),
    radial-gradient(circle at 72% 40%,transparent 0 24%,rgba(2,7,9,.36) 100%);
}

body.living-home.real-film-ready #chapter-friction .film-video-stack::before{
  background:linear-gradient(90deg,rgba(2,7,9,.74),rgba(2,7,9,.08) 45%,rgba(2,7,9,.5));
}

body.living-home.real-film-ready #chapter-proof .film-video--echo-1{clip-path:inset(8% 4% 54% 66%)}
body.living-home.real-film-ready #chapter-proof .film-video--echo-2{clip-path:inset(54% 62% 8% 4%)}
body.living-home.real-film-ready #chapter-field .film-video--echo-1{clip-path:inset(0 0 0 66%)}
body.living-home.real-film-ready #chapter-field .film-video--echo-2{clip-path:inset(0 68% 0 0)}

body.living-home.real-film-ready.motion-paused .film-lens-wipe{will-change:auto}

body.living-home.real-film-static .scene-plane,
body.living-home.real-film-static .portal-canvas,
body.living-home.real-film-static .feather-veil{
  display:none!important;
}

body.living-home.real-film-static .chapter-scene,
body.living-home.real-film-static .scene-media{
  display:block!important;
  width:100%!important;
  max-width:none!important;
}

body.living-home.real-film-static .scene-media{
  position:relative;
  min-height:min(68vh,680px);
}

body.living-home.real-film-static .film-video-stack{
  display:block;
  position:relative;
  width:100%;
  min-height:min(68vh,680px);
  overflow:hidden;
  background:#03090b;
}

body.living-home.real-film-static .film-video{
  display:none;
}

body.living-home.real-film-static .film-video--primary{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.82) contrast(1.08) brightness(.78);
}

@media(max-width:760px){
  body.living-home.real-film-ready .film-video{object-position:50% 50%}
  body.living-home.real-film-ready #chapter-friction .film-video{object-position:62% 50%}
  body.living-home.real-film-ready #chapter-drone .film-video{object-position:50% 58%}
  body.living-home.real-film-ready .film-temporal-still{object-position:50% 50%}
  body.living-home.real-film-ready #chapter-friction .film-temporal-still{object-position:62% 50%}
  body.living-home.real-film-ready #chapter-drone .film-temporal-still{object-position:50% 58%}
  body.living-home.real-film-ready .film-video--echo-1{clip-path:inset(0 0 0 70%)}
  body.living-home.real-film-ready .film-video--echo-2{clip-path:inset(0 72% 0 0)}
  body.living-home.real-film-ready .film-lens-wipe{width:38vw}
  body.living-home.real-film-static .film-video-stack{min-height:62vh}
  body.living-home.real-film-ready .cinematic-chapter .proof-heading{
    top:118px;
    width:min(calc(100vw - 28px),308px);
    padding:13px;
  }
  body.living-home.real-film-ready .cinematic-chapter .proof-heading h2{font-size:clamp(27px,7.5vw,34px)}
  body.living-home.real-film-ready .cinematic-chapter .method-card{
    height:min(24vh,190px);
    padding:13px;
  }
  body.living-home.real-film-ready .cinematic-chapter .method-card h3{font-size:clamp(29px,8vw,36px)}
}

@media(prefers-reduced-motion:reduce){
  body.living-home .scene-plane,
  body.living-home .portal-canvas,
  body.living-home .feather-veil,
  body.living-home .film-temporal-still,
  body.living-home .film-aperture,
  body.living-home .film-lens-wipe,
  body.living-home .film-video--far,
  body.living-home .film-video--near,
  body.living-home .story-sticker,
  body.living-home .entry-depth-canvas{display:none!important}
  body.living-home .chapter-scene,
  body.living-home .scene-media{display:block!important;width:100%!important;max-width:none!important}
  body.living-home .scene-media{position:relative;min-height:min(68vh,680px)}
  body.living-home .film-video-stack,
  body.living-home.real-film-static .film-video-stack{display:none!important}
  body.living-home .scene-plane.scene-plane--cover,
  body.living-home.real-film-static .scene-plane.scene-plane--cover{display:block!important;min-height:min(68vh,680px)}
  body.living-home .scene-media.scene-media--opening,
  body.living-home.real-film-static .scene-media.scene-media--opening{display:none!important;min-height:0}
}

@media(max-width:760px) and (prefers-reduced-motion:reduce){
  body.living-home .scene-plane.scene-plane--cover,
  body.living-home.real-film-static .scene-plane.scene-plane--cover{min-height:62vh}
}

/* Spatial compositor: synchronized real-footage depth, real-object masks and physical occlusion. */
body.living-home.real-film-ready .cinematic-chapter .chapter-scene{
  perspective:clamp(920px,86vw,1420px);
  perspective-origin:50% 48%;
  transform-style:preserve-3d;
}

body.living-home.real-film-ready .film-video-stack{
  overflow:hidden;
  transform-style:preserve-3d;
  contain:strict;
}

body.living-home.real-film-ready .film-video,
body.living-home.real-film-ready .film-temporal-still{
  position:absolute;
  inset:-4%;
  width:108%;
  height:108%;
  object-fit:cover;
  backface-visibility:hidden;
  transform-origin:50% 50%;
  will-change:transform;
}

body.living-home.real-film-ready .film-video--far{
  z-index:1;
  opacity:1;
  transform:translate3d(var(--far-x,0),var(--far-y,0),-34px) scale(1.045);
  filter:saturate(.78) contrast(1.06) brightness(.72);
}

body.living-home.real-film-ready .film-video--mid{
  z-index:2;
  opacity:.98;
  transform:translate3d(var(--mid-x,0),var(--mid-y,0),0) scale(1.035);
  filter:saturate(.84) contrast(1.08) brightness(.78);
  mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);
  mask-size:100% 100%;
  mask-repeat:no-repeat;
}

body.living-home.real-film-ready .film-video--near{
  z-index:4;
  opacity:.99;
  transform:translate3d(var(--near-x,0),var(--near-y,0),46px) scale(1.055);
  filter:saturate(.88) contrast(1.1) brightness(.72);
  pointer-events:none;
}

body.living-home.real-film-ready .film-temporal-still{
  z-index:3;
  opacity:calc(var(--temporal-visibility,0) * .42);
  transform:translate3d(var(--temporal-x,0),var(--temporal-y,0),18px) scale(1.035);
  filter:saturate(.72) contrast(1.12) brightness(.76);
  pointer-events:none;
}

body.living-home.real-film-ready .film-aperture{
  position:absolute;
  z-index:5;
  pointer-events:none;
  opacity:calc(.18 + (var(--aperture-reveal,0) * .34));
  border:1px solid rgba(226,238,235,.24);
  box-shadow:inset 0 0 42px rgba(221,237,234,.08),0 20px 70px rgba(0,0,0,.2);
  transform:translate3d(var(--near-x,0),var(--near-y,0),58px);
}

body.living-home.real-film-ready .film-lens-wipe{
  z-index:6;
  width:clamp(90px,13vw,220px);
  transform:translate3d(var(--occluder-x,-130vw),0,72px) skewX(-5deg);
  background:linear-gradient(90deg,rgba(1,5,7,.97),rgba(9,18,20,.88) 72%,rgba(222,236,232,.16));
  box-shadow:22px 0 70px rgba(0,0,0,.48),inset -1px 0 rgba(234,244,241,.2);
}

body.living-home.real-film-ready .film-video-stack::before{
  z-index:7;
  background:
    linear-gradient(90deg,rgba(2,8,10,.58),rgba(2,8,10,.04) 41%,rgba(2,8,10,.13)),
    radial-gradient(circle at 67% 42%,transparent 0 31%,rgba(1,6,8,.07) 59%,rgba(1,6,8,.45) 100%);
}

body.living-home.real-film-ready .cinematic-chapter .chapter-copy-stack,
body.living-home.real-film-ready .cinematic-chapter .proof-heading,
body.living-home.real-film-ready .cinematic-chapter .method-stack{
  transform-style:preserve-3d;
}

body.living-home.real-film-ready .cinematic-chapter .phase-copy,
body.living-home.real-film-ready .cinematic-chapter .proof-heading{
  border-color:rgba(224,237,234,.28);
  background:rgba(3,13,16,.76);
  box-shadow:0 24px 72px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.06);
  backdrop-filter:blur(14px) saturate(.86);
}

/* ENTRY — the glass edge crosses first; the reflected future room sits behind it. */
body.living-home.real-film-ready #chapter-opening .film-video--mid{
  clip-path:polygon(13% 0,100% 0,100% 100%,5% 100%);
  mask-image:linear-gradient(96deg,transparent 0,#000 11%,#000 100%);
}

body.living-home.real-film-ready #chapter-opening .film-video--near{
  clip-path:polygon(0 0,19% 0,30% 100%,0 100%);
  transform:translate3d(var(--near-x,0),var(--near-y,0),68px) scale(1.075);
  filter:saturate(.76) contrast(1.16) brightness(.61);
}

body.living-home.real-film-ready #chapter-opening .film-temporal-still{
  clip-path:polygon(45% 7%,92% 3%,84% 94%,38% 98%);
  mask-image:radial-gradient(ellipse at 67% 48%,#000 0 52%,transparent 78%);
  opacity:calc(var(--temporal-visibility,0) * .38);
}

body.living-home.real-film-ready #chapter-opening .film-aperture{
  inset:5% 8% 5% 37%;
  clip-path:polygon(16% 0,100% 0,86% 100%,0 100%);
  border-width:0 1px 0 2px;
}

body.living-home.real-film-ready #chapter-opening .film-lens-wipe{
  width:clamp(105px,15vw,250px);
  background:linear-gradient(90deg,rgba(2,8,10,.98),rgba(17,30,31,.9) 76%,rgba(219,234,231,.2));
}

/* OBSERVE — desk foreground, worker middle plane, office held back. */
body.living-home.real-film-ready #chapter-observe .film-video--mid{
  clip-path:polygon(17% 0,86% 0,95% 79%,7% 88%);
  mask-image:radial-gradient(ellipse at 53% 45%,#000 0 54%,transparent 82%);
}

body.living-home.real-film-ready #chapter-observe .film-video--near{
  clip-path:polygon(0 61%,31% 56%,55% 68%,100% 47%,100% 100%,0 100%);
  mask-image:linear-gradient(0deg,#000 0 70%,transparent 100%);
}

body.living-home.real-film-ready #chapter-observe .film-temporal-still{
  clip-path:polygon(61% 15%,94% 12%,88% 56%,59% 59%);
  mask-image:radial-gradient(ellipse,#000 0 58%,transparent 82%);
  opacity:calc(var(--temporal-visibility,0) * .3);
}

body.living-home.real-film-ready #chapter-observe .film-aperture{
  left:61%;
  top:16%;
  width:29%;
  height:41%;
  clip-path:polygon(8% 0,100% 3%,91% 100%,0 94%);
}

/* FRICTION — the nearest handoff surfaces temporarily take over the frame. */
body.living-home.real-film-ready #chapter-friction .film-video--mid{
  clip-path:polygon(9% 0,92% 0,100% 87%,0 93%);
  mask-image:radial-gradient(ellipse at 58% 48%,#000 0 58%,transparent 86%);
}

body.living-home.real-film-ready #chapter-friction .film-video--near{
  clip-path:polygon(45% 40%,100% 24%,100% 100%,22% 100%);
  mask-image:linear-gradient(132deg,transparent 0 26%,#000 45% 100%);
  transform:translate3d(var(--near-x,0),var(--near-y,0),62px) scale(1.07);
}

body.living-home.real-film-ready #chapter-friction .film-temporal-still{
  clip-path:polygon(3% 19%,42% 9%,55% 73%,16% 88%);
  mask-image:linear-gradient(116deg,transparent,#000 20% 76%,transparent);
  opacity:calc(var(--temporal-visibility,0) * .35);
}

body.living-home.real-film-ready #chapter-friction .film-lens-wipe{
  width:clamp(180px,27vw,430px);
  background:linear-gradient(90deg,rgba(1,5,7,.99),rgba(5,12,14,.94) 76%,rgba(235,241,238,.12));
}

/* PROOF — table and documents stay close while the room barely drifts. */
body.living-home.real-film-ready #chapter-proof .film-video--far{
  transform:translate3d(var(--far-x,0),var(--far-y,0),-46px) scale(1.04);
}

body.living-home.real-film-ready #chapter-proof .film-video--mid{
  clip-path:polygon(16% 0,88% 0,96% 70%,8% 76%);
  mask-image:radial-gradient(ellipse at 53% 34%,#000 0 52%,transparent 82%);
}

body.living-home.real-film-ready #chapter-proof .film-video--near{
  clip-path:polygon(0 56%,38% 51%,62% 59%,100% 49%,100% 100%,0 100%);
  mask-image:linear-gradient(0deg,#000 0 68%,transparent 100%);
}

body.living-home.real-film-ready #chapter-proof .film-temporal-still{
  clip-path:polygon(8% 53%,43% 46%,51% 84%,16% 91%);
  mask-image:linear-gradient(145deg,transparent 0 8%,#000 22% 77%,transparent 94%);
  opacity:calc(var(--temporal-visibility,0) * .34);
}

body.living-home.real-film-ready #chapter-proof .film-aperture{
  left:8%;
  top:53%;
  width:39%;
  height:34%;
  clip-path:polygon(0 17%,88% 0,100% 83%,11% 100%);
  border-color:rgba(238,242,236,.2);
}

body.living-home.real-film-ready #chapter-proof .film-lens-wipe{
  width:clamp(80px,9vw,150px);
  opacity:.78;
}

/* INQUIRY — real screen, folder and table edges act as apertures. */
body.living-home.real-film-ready #chapter-field .film-video--mid{
  clip-path:polygon(11% 0,91% 0,100% 73%,3% 82%);
  mask-image:radial-gradient(ellipse at 55% 42%,#000 0 56%,transparent 84%);
}

body.living-home.real-film-ready #chapter-field .film-video--near{
  clip-path:polygon(0 57%,28% 52%,48% 67%,77% 54%,100% 61%,100% 100%,0 100%);
  mask-image:linear-gradient(0deg,#000 0 66%,transparent 100%);
}

body.living-home.real-film-ready #chapter-field .film-temporal-still{
  clip-path:polygon(58% 17%,93% 24%,84% 64%,51% 56%);
  mask-image:radial-gradient(ellipse at 72% 41%,#000 0 54%,transparent 79%);
  opacity:calc(var(--temporal-visibility,0) * .36);
}

body.living-home.real-film-ready #chapter-field .film-aperture{
  left:54%;
  top:19%;
  width:35%;
  height:39%;
  clip-path:polygon(14% 0,100% 17%,86% 100%,0 83%);
}

/* ORIGINS — a close dark edge clears into the deepest, quietest real space. */
body.living-home.real-film-ready #chapter-drone .film-video--far{
  transform:translate3d(var(--far-x,0),var(--far-y,0),-72px) scale(1.025);
  filter:saturate(.86) contrast(1.04) brightness(.82);
}

body.living-home.real-film-ready #chapter-drone .film-video--mid{
  clip-path:polygon(0 12%,100% 0,100% 83%,0 91%);
  mask-image:linear-gradient(0deg,transparent 0,#000 16% 88%,transparent 100%);
  transform:translate3d(var(--mid-x,0),var(--mid-y,0),-4px) scale(1.02);
}

body.living-home.real-film-ready #chapter-drone .film-video--near{
  clip-path:polygon(0 65%,29% 57%,57% 72%,100% 55%,100% 100%,0 100%);
  mask-image:linear-gradient(0deg,#000 0 68%,transparent 100%);
  opacity:.82;
}

body.living-home.real-film-ready #chapter-drone .film-temporal-still{
  clip-path:polygon(3% 10%,24% 7%,31% 89%,0 94%);
  mask-image:linear-gradient(90deg,#000,transparent 90%);
  opacity:calc(var(--temporal-visibility,0) * .16);
}

body.living-home.real-film-ready #chapter-drone .film-lens-wipe{
  width:clamp(190px,29vw,460px);
  background:linear-gradient(90deg,rgba(1,4,6,.99),rgba(5,11,13,.96) 83%,rgba(220,232,229,.09));
}

body.living-home.real-film-ready.motion-paused .film-video,
body.living-home.real-film-ready.motion-paused .film-temporal-still{
  will-change:auto;
}

body.living-home.real-film-static .film-temporal-still,
body.living-home.real-film-static .film-aperture,
body.living-home.real-film-static .film-lens-wipe,
body.living-home.real-film-static .film-video--far,
body.living-home.real-film-static .film-video--near{
  display:none!important;
}

@media(max-width:760px){
  body.living-home.real-film-ready .cinematic-chapter .chapter-scene{
    perspective:980px;
    perspective-origin:50% 43%;
  }

  body.living-home.real-film-ready .film-video,
  body.living-home.real-film-ready .film-temporal-still{
    inset:-2.5%;
    width:105%;
    height:105%;
  }

  body.living-home.real-film-ready .film-video--far{transform:translate3d(var(--far-x,0),var(--far-y,0),-18px) scale(1.035)}
  body.living-home.real-film-ready .film-video--mid{transform:translate3d(var(--mid-x,0),var(--mid-y,0),0) scale(1.025)}
  body.living-home.real-film-ready .film-video--near{transform:translate3d(var(--near-x,0),var(--near-y,0),24px) scale(1.04)}
  body.living-home.real-film-ready .film-temporal-still{opacity:calc(var(--temporal-visibility,0) * .2)}
  body.living-home.real-film-ready .film-aperture{display:none}
  body.living-home.real-film-ready .film-lens-wipe{width:24vw;filter:none}
  body.living-home.real-film-ready #chapter-friction .film-lens-wipe,
  body.living-home.real-film-ready #chapter-drone .film-lens-wipe{width:34vw}
  body.living-home.real-film-ready #chapter-opening .film-video--near{transform:translate3d(var(--near-x,0),var(--near-y,0),30px) scale(1.045)}
  body.living-home.real-film-ready #chapter-friction .film-video--near{transform:translate3d(var(--near-x,0),var(--near-y,0),28px) scale(1.045)}
  body.living-home.real-film-ready #chapter-drone .film-video--far{transform:translate3d(var(--far-x,0),var(--far-y,0),-32px) scale(1.02)}
}

@media(prefers-reduced-motion:reduce){
  body.living-home.real-film-static .film-video--primary{
    display:block;
    inset:0;
    width:100%;
    height:100%;
    transform:none!important;
    clip-path:none!important;
    mask-image:none!important;
  }
}

/* ENTRY true-depth proof: one real video texture displaced by its inferred depth field. */
body.living-home.real-film-ready #chapter-opening .entry-depth-stack{
  transform:none;
  perspective:none;
  background:#03090b;
}

body.living-home.real-film-ready #chapter-opening .film-video--source{
  inset:0;
  width:100%;
  height:100%;
  z-index:1;
  opacity:1;
  clip-path:none;
  mask-image:none;
  transform:none;
  object-fit:cover;
  filter:saturate(.82) contrast(1.08) brightness(.76);
}

.entry-depth-canvas{
  display:none;
}

body.living-home.real-film-ready #chapter-opening.entry-depth-ready .entry-depth-canvas{
  position:absolute;
  inset:0;
  z-index:2;
  display:block;
  width:100%;
  height:100%;
  filter:saturate(.82) contrast(1.08) brightness(.76);
}

body.living-home.real-film-ready #chapter-opening.entry-depth-ready .film-video--source{
  opacity:0;
  pointer-events:none;
}

body.living-home.real-film-ready #chapter-opening .entry-depth-stack::before{
  z-index:3;
  background:
    linear-gradient(90deg,rgba(2,8,10,.5),rgba(2,8,10,.03) 42%,rgba(2,8,10,.1)),
    radial-gradient(circle at 69% 43%,transparent 0 36%,rgba(1,6,8,.05) 64%,rgba(1,6,8,.35) 100%);
}

body.living-home.real-film-static .entry-depth-canvas{
  display:none!important;
}

@media(prefers-reduced-motion:reduce){
  body.living-home.real-film-static #chapter-opening .film-video--source{
    display:block;
    opacity:1;
    clip-path:none;
    mask-image:none;
    transform:none!important;
  }
}

/* MICRO PASS 1A — full-bleed hero with a restrained floating glass header. */
.living-home .preview-label{
  display:none;
}

.living-home .site-header{
  top:12px;
  left:clamp(12px,2vw,28px);
  right:clamp(12px,2vw,28px);
  height:74px;
  padding:0 clamp(18px,2.2vw,32px);
  border:1px solid rgba(255,255,255,.2);
  border-radius:22px;
  background:rgba(4,16,31,.44);
  color:var(--white);
  box-shadow:0 16px 44px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(16px) saturate(112%);
  backdrop-filter:blur(16px) saturate(112%);
}

.living-home .site-header .brand,
.living-home .site-header .desktop-nav a{
  color:var(--white);
}

.living-home .site-header .brand-symbol{
  color:#b9dce9;
}

.living-home .site-header .desktop-nav a{
  opacity:.9;
}

.living-home .site-header .desktop-nav .nav-contact{
  border-color:rgba(255,255,255,.34);
  background:rgba(255,255,255,.08);
  color:var(--white);
}

.living-home .site-header .desktop-nav a:hover,
.living-home .site-header .desktop-nav a[aria-current=page]{
  color:var(--white);
  opacity:1;
  box-shadow:0 1px 0 rgba(255,255,255,.72);
}

@media(max-width:760px){
  .living-home .site-header{
    top:8px;
    left:8px;
    right:8px;
    height:60px;
    padding:0 12px;
    border-radius:16px;
    background:rgba(4,16,31,.52);
  }

  .living-home .site-header .mobile-nav summary{
    border-color:rgba(255,255,255,.28);
    background:rgba(255,255,255,.08);
    color:var(--white);
  }

  .living-home .site-header .mobile-nav nav{
    right:0;
    width:min(245px,calc(100vw - 32px));
    max-height:calc(100svh - 82px);
    overflow:auto;
    border-color:rgba(255,255,255,.2);
    background:rgba(3,13,26,.96);
    box-shadow:0 18px 48px rgba(0,0,0,.34);
    -webkit-backdrop-filter:blur(16px);
    backdrop-filter:blur(16px);
  }

  .living-home .site-header .mobile-nav a{
    color:var(--white);
  }
}


/* MICRO PASS 1B — restore the Featherlight Intelligence material language. */
body.living-home{
  background:#F7F6F1;
  color:#17222D;
}

/* Keep the 1A geometry; change only the floating rail material. */
.living-home .site-header{
  border-color:rgba(255,255,255,.68);
  background:linear-gradient(105deg,rgba(255,255,255,.62),rgba(247,246,241,.46) 58%,rgba(220,234,240,.34));
  color:#17222D;
  box-shadow:0 16px 50px rgba(23,34,45,.13),inset 0 1px rgba(255,255,255,.78);
  -webkit-backdrop-filter:blur(20px) saturate(108%);
  backdrop-filter:blur(20px) saturate(108%);
}
.living-home .site-header .brand,
.living-home .site-header .desktop-nav a{color:#17222D}
.living-home .site-header .brand-symbol{color:#315B6B}
.living-home .site-header .desktop-nav .nav-contact{
  border-color:rgba(49,91,107,.26);
  background:rgba(255,255,255,.4);
  color:#17222D;
}
.living-home .site-header .desktop-nav a:hover,
.living-home .site-header .desktop-nav a[aria-current=page]{
  color:#315B6B;
  box-shadow:0 1px 0 rgba(49,91,107,.62);
}

/* Lift the real footage into morning light without changing its framing. */
body.living-home.real-film-ready .cinematic-chapter .scene-media,
body.living-home.real-film-ready .film-video-stack{background:#EDF1F3!important}
body.living-home.real-film-ready .film-video{
  filter:saturate(.86) contrast(1.03) brightness(.96);
}
body.living-home.real-film-ready .film-video--echo{
  filter:saturate(.76) contrast(1.04) brightness(.98);
}
body.living-home.real-film-ready .film-video-stack::before,
body.living-home.real-film-ready #chapter-opening .film-video-stack::before,
body.living-home.real-film-ready #chapter-friction .film-video-stack::before{
  background:
    linear-gradient(90deg,rgba(247,246,241,.2),rgba(247,246,241,.04) 44%,rgba(220,234,240,.1)),
    radial-gradient(circle at 68% 42%,transparent 0 34%,rgba(247,246,241,.05) 66%,rgba(237,241,243,.2) 100%)!important;
}
body.living-home.real-film-ready .film-lens-wipe{
  background:linear-gradient(90deg,rgba(247,246,241,.82),rgba(237,241,243,.52) 62%,rgba(255,255,255,.12));
  box-shadow:24px 0 80px rgba(23,34,45,.12);
}

/* Replace black cinematic occlusion with translucent porcelain and pearl haze. */
body.living-home.surreal-film-ready .cinematic-chapter .scene-media::before{
  background:linear-gradient(90deg,rgba(247,246,241,.78),rgba(237,241,243,.48) 58%,rgba(220,234,240,.2) 88%,transparent)!important;
  box-shadow:28px 0 80px rgba(23,34,45,.1);
}
body.living-home.surreal-film-ready .cinematic-chapter .scene-media::after{
  background:linear-gradient(8deg,rgba(247,246,241,.84),rgba(237,241,243,.48) 68%,transparent 69%)!important;
  box-shadow:20px -24px 70px rgba(23,34,45,.08);
}
body.living-home.surreal-film-ready .cinematic-chapter .scene-vignette,
body.living-home.surreal-film-ready #chapter-friction .scene-vignette{
  background:
    radial-gradient(circle at 64% 40%,transparent 0 32%,rgba(247,246,241,.03) 64%,rgba(237,241,243,.16) 100%),
    linear-gradient(90deg,rgba(247,246,241,.3),rgba(247,246,241,.04) 48%,rgba(220,234,240,.1))!important;
}

/* Fine-paper copy panels instead of black glass. */
body.living-home.surreal-film-ready .cinematic-chapter .phase-copy,
body.living-home.surreal-film-ready #chapter-opening .phase-copy,
body.living-home.surreal-film-ready #chapter-opening .phase-copy.copy--right,
body.living-home.surreal-film-ready #chapter-opening .phase-copy.copy--compact,
body.living-home.surreal-film-ready #chapter-opening .phase-copy.copy--center{
  border-color:rgba(255,255,255,.84)!important;
  color:#17222D!important;
  background:rgba(255,255,255,.84)!important;
  box-shadow:0 24px 72px rgba(23,34,45,.14),inset 0 1px rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(16px) saturate(92%);
  backdrop-filter:blur(16px) saturate(92%);
}
body.living-home.surreal-film-ready #chapter-opening .phase-copy h1,
body.living-home.surreal-film-ready #chapter-opening .phase-copy h2,
body.living-home.surreal-film-ready #chapter-opening .phase-copy .phase-statement,
body.living-home.surreal-film-ready #chapter-opening .phase-copy .chapter-lead,
body.living-home.surreal-film-ready #chapter-opening .phase-copy .chapter-body,
body.living-home.surreal-film-ready #chapter-opening .hero-entry-cue,
body.living-home.surreal-film-ready .cinematic-chapter .phase-copy h1,
body.living-home.surreal-film-ready .cinematic-chapter .phase-copy h2{color:#17222D!important}
body.living-home.surreal-film-ready .cinematic-chapter .chapter-body{color:#52616C!important}
body.living-home.surreal-film-ready .cinematic-chapter .phase-label,
body.living-home.surreal-film-ready .cinematic-chapter .eyebrow{color:#557A88}

/* Proof remains analytical, but reads like editorial material. */
body.living-home.surreal-film-ready .cinematic-chapter .proof-heading{
  border-color:rgba(255,255,255,.84);
  color:#17222D;
  background:rgba(255,255,255,.86);
  box-shadow:0 24px 72px rgba(23,34,45,.14),inset 0 1px rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(16px) saturate(92%);
  backdrop-filter:blur(16px) saturate(92%);
}
body.living-home.surreal-film-ready .cinematic-chapter .proof-heading h2{color:#17222D}
body.living-home.surreal-film-ready .cinematic-chapter .proof-heading h2 em{color:#315B6B}
body.living-home.surreal-film-ready .cinematic-chapter .proof-heading>p:last-child{color:#52616C}
body.living-home.surreal-film-ready .cinematic-chapter .method-card{
  border-color:rgba(255,255,255,.76);
  box-shadow:0 22px 60px rgba(23,34,45,.13),inset 0 1px rgba(255,255,255,.72);
}
body.living-home.surreal-film-ready .cinematic-chapter .proof-link{
  border-color:rgba(49,91,107,.2);
  background:rgba(255,255,255,.82);
  color:#17222D;
  box-shadow:0 14px 38px rgba(23,34,45,.1);
}

/* Lightweight navigation and controls over the photographic chapters. */
body.living-home.surreal-film-ready .story-topline{
  color:#17222D;
  text-shadow:0 2px 18px rgba(255,255,255,.94);
}
body.living-home.surreal-film-ready .story-kicker{
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.68);
  border-radius:999px;
  background:rgba(255,255,255,.58);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
body.living-home.surreal-film-ready .story-index{
  border-color:rgba(255,255,255,.72);
  color:#17222D;
  background:rgba(255,255,255,.72);
  box-shadow:0 14px 45px rgba(23,34,45,.12),inset 0 1px rgba(255,255,255,.82);
}
body.living-home.surreal-film-ready .story-index a{
  border-color:rgba(49,91,107,.14);
  background:rgba(247,246,241,.58);
  color:#17222D;
}
body.living-home.surreal-film-ready .story-index a[aria-current="step"]{
  color:#17222D;
  background:#DCEAF0;
  box-shadow:0 5px 16px rgba(49,91,107,.13);
}
body.living-home.surreal-film-ready .phase-counter{
  color:#17222D;
  text-shadow:0 1px 12px rgba(255,255,255,.94);
}
body.living-home.surreal-film-ready .motion-control,
body.living-home.surreal-film-ready .story-compact-cta{
  border-color:rgba(255,255,255,.76);
  color:#17222D;
  background:rgba(255,255,255,.72);
  box-shadow:0 12px 32px rgba(23,34,45,.1);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
body.living-home.surreal-film-ready .story-compact-cta{
  border-color:rgba(49,91,107,.18);
  background:rgba(220,234,240,.86);
}
body.living-home.surreal-film-ready .cinematic-chapter .scroll-instruction,
body.living-home.surreal-film-ready .cinematic-chapter .scroll-cue{
  color:#17222D;
  text-shadow:0 1px 14px rgba(255,255,255,.96);
}
body.living-home.surreal-film-ready .cinematic-chapter .scroll-instruction:before{background:#315B6B}

/* Existing light closing sections keep their structure; only their transitions soften. */
.living-home .question-lab{background:linear-gradient(180deg,#F7F6F1 0%,#FFFFFF 100%)}
.living-home .venture-links{background:linear-gradient(180deg,#FFFFFF 0%,#EDF1F3 100%)}
.living-home .living-close{background:linear-gradient(180deg,#EDF1F3 0%,#DCEAF0 100%)}

@media(max-width:760px){
  .living-home .site-header{
    border-color:rgba(255,255,255,.74);
    background:linear-gradient(105deg,rgba(255,255,255,.7),rgba(247,246,241,.58) 62%,rgba(220,234,240,.44));
    box-shadow:0 12px 36px rgba(23,34,45,.12),inset 0 1px rgba(255,255,255,.82);
  }
  .living-home .site-header .mobile-nav summary{
    border-color:rgba(49,91,107,.22);
    background:rgba(255,255,255,.42);
    color:#17222D;
  }
  .living-home .site-header .mobile-nav nav{
    border-color:rgba(255,255,255,.78);
    background:rgba(247,246,241,.94);
    box-shadow:0 18px 48px rgba(23,34,45,.18);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
  }
  .living-home .site-header .mobile-nav a{color:#17222D}
  body.living-home.real-film-ready .film-video{
    filter:saturate(.84) contrast(1.02) brightness(.98);
  }
  body.living-home.surreal-film-ready .cinematic-chapter .scene-media::before{
    background:linear-gradient(90deg,rgba(247,246,241,.68),rgba(237,241,243,.36) 62%,transparent)!important;
  }
  body.living-home.surreal-film-ready .cinematic-chapter .scene-media::after{
    background:linear-gradient(8deg,rgba(247,246,241,.72),rgba(237,241,243,.38) 68%,transparent 69%)!important;
  }
}

/* APPROVED GRAPHIC STICKERS — independent from depth, video and copy transforms. */
body.living-home.surreal-film-ready .story-sticker{
  display:none;
  position:absolute;
  z-index:23;
  width:66px;
  aspect-ratio:1;
  pointer-events:none;
  background:none;
  border:0;
  box-shadow:none;
}
body.living-home.surreal-film-ready .story-sticker--primary{width:86px}
body.living-home.surreal-film-ready .story-sticker img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 5px 7px rgba(23,34,45,.14));
}

/* One approved graphic at a time, tied only to the chapter's existing phase state. */
body.living-home.surreal-film-ready #chapter-opening[data-phase="0"] .story-sticker--entry-primary,
body.living-home.surreal-film-ready #chapter-opening[data-phase="1"] .story-sticker--entry-primary,
body.living-home.surreal-film-ready #chapter-opening[data-phase="2"] .story-sticker--entry-secondary,
body.living-home.surreal-film-ready #chapter-observe[data-phase="1"] .story-sticker--observe-primary,
body.living-home.surreal-film-ready #chapter-observe[data-phase="2"] .story-sticker--observe-secondary,
body.living-home.surreal-film-ready #chapter-friction[data-phase="2"] .story-sticker--friction-primary,
body.living-home.surreal-film-ready #chapter-friction[data-phase="3"] .story-sticker--friction-secondary,
body.living-home.surreal-film-ready #chapter-proof[data-phase="1"] .story-sticker--proof-primary,
body.living-home.surreal-film-ready #chapter-proof[data-phase="2"] .story-sticker--proof-secondary,
body.living-home.surreal-film-ready #chapter-field[data-phase="2"] .story-sticker--inquiry-primary,
body.living-home.surreal-film-ready #chapter-field[data-phase="3"] .story-sticker--inquiry-secondary,
body.living-home.surreal-film-ready #chapter-drone[data-phase="1"] .story-sticker--origins-primary,
body.living-home.surreal-film-ready #chapter-drone[data-phase="2"] .story-sticker--origins-secondary{
  display:block;
}

/* Desktop: place each graphic in open media space, away from copy and controls. */
body.living-home.surreal-film-ready .story-sticker--entry-primary{left:48%;top:36%}
body.living-home.surreal-film-ready .story-sticker--entry-secondary{right:14%;top:34%}
body.living-home.surreal-film-ready .story-sticker--observe-primary{right:14%;top:29%}
body.living-home.surreal-film-ready .story-sticker--observe-secondary{right:10%;top:48%}
body.living-home.surreal-film-ready .story-sticker--friction-primary{right:9%;top:30%}
body.living-home.surreal-film-ready .story-sticker--friction-secondary{left:9%;top:31%}
body.living-home.surreal-film-ready .story-sticker--proof-primary{left:47%;top:17%}
body.living-home.surreal-film-ready .story-sticker--proof-secondary{left:46%;bottom:17%}
body.living-home.surreal-film-ready .story-sticker--inquiry-primary{right:10%;top:28%}
body.living-home.surreal-film-ready .story-sticker--inquiry-secondary{left:10%;top:29%}
body.living-home.surreal-film-ready .story-sticker--origins-primary{right:12%;top:28%}
body.living-home.surreal-film-ready .story-sticker--origins-secondary{right:10%;top:18%}

@media(max-width:760px){
  /*
   * Mobile approved-graphic treatment.
   * Keep the sticker layer independent from film/depth transforms, but give the
   * illustrations enough optical scale and a real safe-area inset so they read
   * as editorial accents rather than tiny edge UI.
   */
  body.living-home.surreal-film-ready .story-sticker{
    left:max(28px, env(safe-area-inset-left, 0px))!important;
    right:auto!important;
    top:24%!important;
    bottom:auto!important;
    width:84px;
    pointer-events:none;
    transform:none;
    transition:none;
    animation:none;
  }

  body.living-home.surreal-film-ready .story-sticker--primary{
    left:auto!important;
    right:max(30px, env(safe-area-inset-right, 0px))!important;
    width:98px;
  }

  /* Alternate the composition so the graphics feel editorial, not like UI badges. */
  body.living-home.surreal-film-ready .story-sticker--entry-primary{
    left:auto!important;
    right:max(30px, env(safe-area-inset-right, 0px))!important;
    top:23%!important;
    width:98px;
  }
  body.living-home.surreal-film-ready .story-sticker--entry-secondary{
    left:max(30px, env(safe-area-inset-left, 0px))!important;
    right:auto!important;
    top:28%!important;
    width:86px;
  }

  body.living-home.surreal-film-ready .story-sticker--observe-primary{
    left:auto!important;
    right:max(32px, env(safe-area-inset-right, 0px))!important;
    top:22%!important;
    width:108px;
  }
  body.living-home.surreal-film-ready .story-sticker--observe-secondary{
    left:max(30px, env(safe-area-inset-left, 0px))!important;
    right:auto!important;
    top:31%!important;
    width:90px;
  }

  body.living-home.surreal-film-ready .story-sticker--friction-primary{
    left:max(30px, env(safe-area-inset-left, 0px))!important;
    right:auto!important;
    top:24%!important;
    width:94px;
  }
  body.living-home.surreal-film-ready .story-sticker--friction-secondary{
    left:auto!important;
    right:max(30px, env(safe-area-inset-right, 0px))!important;
    top:28%!important;
    width:90px;
  }

  body.living-home.surreal-film-ready .story-sticker--proof-primary{
    left:auto!important;
    right:max(30px, env(safe-area-inset-right, 0px))!important;
    top:18%!important;
    width:96px;
  }
  body.living-home.surreal-film-ready .story-sticker--proof-secondary{
    left:max(30px, env(safe-area-inset-left, 0px))!important;
    right:auto!important;
    top:44%!important;
    bottom:auto!important;
    width:90px;
  }

  body.living-home.surreal-film-ready .story-sticker--inquiry-primary{
    left:max(30px, env(safe-area-inset-left, 0px))!important;
    right:auto!important;
    top:24%!important;
    width:92px;
  }
  body.living-home.surreal-film-ready .story-sticker--inquiry-secondary{
    left:auto!important;
    right:max(30px, env(safe-area-inset-right, 0px))!important;
    top:30%!important;
    width:90px;
  }

  body.living-home.surreal-film-ready .story-sticker--origins-primary{
    left:auto!important;
    right:max(30px, env(safe-area-inset-right, 0px))!important;
    top:24%!important;
    width:96px;
  }
  body.living-home.surreal-film-ready .story-sticker--origins-secondary{
    left:max(30px, env(safe-area-inset-left, 0px))!important;
    right:auto!important;
    top:30%!important;
    width:90px;
  }

  body.living-home.surreal-film-ready .story-sticker img{
    transform:none;
    transition:none;
    animation:none;
  }
}

@media(prefers-reduced-motion:reduce){
  body.living-home.surreal-film-ready .story-sticker,
  body.living-home.surreal-film-ready .story-sticker img{
    animation:none!important;
    transition:none!important;
    transform:none!important;
  }
}



/* SMART SEMANTIC STICKERS — 2026-09-22
   Each text sticker/card receives a different schematic symbol.
   Phase-copy/proof symbols participate in text flow so text can never cover them.
   Method-card symbols use a reserved top-right zone. */
body.living-home.surreal-film-ready .story-sticker{
  display:none!important;
}

body.living-home.surreal-film-ready .phase-copy::before,
body.living-home.surreal-film-ready .proof-heading::before{
  content:"";
  display:block;
  float:right;
  width:clamp(64px,6.2vw,86px);
  height:clamp(64px,6.2vw,86px);
  margin:0 0 12px clamp(14px,1.8vw,22px);
  pointer-events:none;
  opacity:.72;
  background-image:url("/londrone/stickers/smart/smart-sticker-sprite.svg");
  background-repeat:no-repeat;
  background-size:100% 2700%;
  background-position:50% var(--smart-icon-pos,0%);
  filter:drop-shadow(0 4px 8px rgba(23,34,45,.10));
}

body.living-home.surreal-film-ready .method-card::before{
  content:"";
  position:absolute;
  top:16px;
  right:16px;
  width:68px;
  height:68px;
  pointer-events:none;
  opacity:.72;
  background-image:url("/londrone/stickers/smart/smart-sticker-sprite.svg");
  background-repeat:no-repeat;
  background-size:100% 2700%;
  background-position:50% var(--smart-icon-pos,0%);
  filter:drop-shadow(0 4px 8px rgba(23,34,45,.10));
}
body.living-home.surreal-film-ready .method-card>span{padding-right:78px}
body.living-home.surreal-film-ready .method-card>b{
  top:auto;
  right:16px;
  bottom:14px;
}

/* 00 ENTRY — enter / remove burden / map real work / see work before software. */
body.living-home.surreal-film-ready #chapter-opening [data-phase-copy="0"]{--smart-icon-pos:0%}
body.living-home.surreal-film-ready #chapter-opening [data-phase-copy="1"]{--smart-icon-pos:3.846154%}
body.living-home.surreal-film-ready #chapter-opening [data-phase-copy="2"]{--smart-icon-pos:7.692308%}
body.living-home.surreal-film-ready #chapter-opening [data-phase-copy="3"]{--smart-icon-pos:11.538462%}

/* 01 OBSERVE — inspect / intake / handoffs / exception outcome. */
body.living-home.surreal-film-ready #chapter-observe [data-phase-copy="0"]{--smart-icon-pos:15.384615%}
body.living-home.surreal-film-ready #chapter-observe [data-phase-copy="1"]{--smart-icon-pos:19.230769%}
body.living-home.surreal-film-ready #chapter-observe [data-phase-copy="2"]{--smart-icon-pos:23.076923%}
body.living-home.surreal-film-ready #chapter-observe [data-phase-copy="3"]{--smart-icon-pos:26.923077%}

/* 02 FRICTION — systems gap / approved source / re-entry / broken connection / evidence baseline. */
body.living-home.surreal-film-ready #chapter-friction [data-phase-copy="0"]{--smart-icon-pos:30.769231%}
body.living-home.surreal-film-ready #chapter-friction [data-phase-copy="1"]{--smart-icon-pos:34.615385%}
body.living-home.surreal-film-ready #chapter-friction [data-phase-copy="2"]{--smart-icon-pos:38.461538%}
body.living-home.surreal-film-ready #chapter-friction [data-phase-copy="3"]{--smart-icon-pos:42.307692%}
body.living-home.surreal-film-ready #chapter-friction [data-phase-copy="4"]{--smart-icon-pos:46.153846%}

/* 03 PROOF — evidence decides / observe / friction / proof / decide. */
body.living-home.surreal-film-ready #chapter-proof .proof-heading{--smart-icon-pos:50%}
body.living-home.surreal-film-ready #chapter-proof .method-card--observe{--smart-icon-pos:53.846154%}
body.living-home.surreal-film-ready #chapter-proof .method-card--friction{--smart-icon-pos:57.692308%}
body.living-home.surreal-film-ready #chapter-proof .method-card--proof{--smart-icon-pos:61.538462%}
body.living-home.surreal-film-ready #chapter-proof .method-card--decide{--smart-icon-pos:65.384615%}

/* 04 INQUIRY — approved-again / product / field mapping / workflow / fan-out to customer systems. */
body.living-home.surreal-film-ready #chapter-field [data-phase-copy="0"]{--smart-icon-pos:69.230769%}
body.living-home.surreal-film-ready #chapter-field [data-phase-copy="1"]{--smart-icon-pos:73.076923%}
body.living-home.surreal-film-ready #chapter-field [data-phase-copy="2"]{--smart-icon-pos:76.923077%}
body.living-home.surreal-film-ready #chapter-field [data-phase-copy="3"]{--smart-icon-pos:80.769231%}
body.living-home.surreal-film-ready #chapter-field [data-phase-copy="4"]{--smart-icon-pos:84.615385%}

/* 05 ORIGINS — wider aerial view / ground-air / moving sequence / preserved original experience. */
body.living-home.surreal-film-ready #chapter-drone [data-phase-copy="0"]{--smart-icon-pos:88.461538%}
body.living-home.surreal-film-ready #chapter-drone [data-phase-copy="1"]{--smart-icon-pos:92.307692%}
body.living-home.surreal-film-ready #chapter-drone [data-phase-copy="2"]{--smart-icon-pos:96.153846%}
body.living-home.surreal-film-ready #chapter-drone [data-phase-copy="3"]{--smart-icon-pos:100%}

@media(max-width:760px){
  body.living-home.surreal-film-ready .phase-copy::before,
  body.living-home.surreal-film-ready .proof-heading::before{
    width:62px;
    height:62px;
    margin:0 0 10px 14px;
    opacity:.78;
  }
  body.living-home.surreal-film-ready .method-card::before{
    top:13px;
    right:13px;
    width:58px;
    height:58px;
    opacity:.78;
  }
  body.living-home.surreal-film-ready .method-card>span{padding-right:66px}
  body.living-home.surreal-film-ready .method-card>b{right:13px;bottom:12px}
}

@media(prefers-reduced-motion:reduce){
  body.living-home.surreal-film-ready .phase-copy::before,
  body.living-home.surreal-film-ready .proof-heading::before,
  body.living-home.surreal-film-ready .method-card::before{
    animation:none!important;
    transition:none!important;
    transform:none!important;
  }
}


/* FINAL PREMIUM UX/CRO RETOUCH — 2026-09-23
   Preserve architecture and motion system; sharpen hierarchy, clarity and confidence. */
body.living-home.surreal-film-ready .motion-control{
  background:rgba(255,255,255,.5);
  border-color:rgba(49,91,107,.16);
  color:#52616C;
  box-shadow:0 8px 22px rgba(23,34,45,.07);
  opacity:1;
}
body.living-home.surreal-film-ready .motion-control:hover,
body.living-home.surreal-film-ready .motion-control:focus-visible{
  opacity:1;
  color:#17222D;
}
body.living-home.surreal-film-ready .story-compact-cta{
  background:#315B6B;
  border-color:#315B6B;
  color:#fff;
  box-shadow:0 12px 30px rgba(49,91,107,.22);
  font-weight:800;
}
body.living-home.surreal-film-ready .story-compact-cta:hover,
body.living-home.surreal-film-ready .story-compact-cta:focus-visible{
  background:#244957;
  color:#fff;
}
body.living-home.surreal-film-ready .cta-reassurance{
  margin-top:11px;
  max-width:430px;
  color:#52616C;
  font-size:13px;
  line-height:1.45;
}
body.living-home.surreal-film-ready #chapter-opening .copy--hero-message .chapter-lead{
  max-width:640px;
  color:#3E4A52!important;
}
body.living-home.surreal-film-ready .phase-copy,
body.living-home.surreal-film-ready .proof-heading{
  text-wrap:pretty;
}
body.living-home.surreal-film-ready .phase-copy h1,
body.living-home.surreal-film-ready .phase-copy h2,
body.living-home.surreal-film-ready .phase-statement,
body.living-home.surreal-film-ready .proof-heading h2{
  text-wrap:balance;
}
.living-home .brand-copy strong{color:#17222D}
.living-home .brand-copy small{color:#64748B}

@media(max-width:760px){
  body.living-home.surreal-film-ready .motion-control{
    opacity:1;
  }
  body.living-home.surreal-film-ready .story-compact-cta{
    min-height:44px;
    padding:11px 15px;
  }
  body.living-home.surreal-film-ready .motion-control{
    min-height:44px;
  }
  body.living-home.surreal-film-ready .cta-reassurance{
    margin-top:9px;
    font-size:12px;
    line-height:1.4;
    max-width:100%;
  }
  body.living-home.surreal-film-ready #chapter-opening .copy--hero-message .chapter-lead{
    max-width:100%;
  }
}


/* MOBILE CINEMATIC FOCAL PASS — 2026-09-24
   Portrait crops deliberately follow the human/action area instead of source-frame centre. */
@media(max-width:760px){
  body.living-home.real-film-ready #chapter-opening .film-video,
  body.living-home.real-film-ready #chapter-opening .film-temporal-still,
  body.living-home.real-film-ready #chapter-opening .film-video--source{
    object-position:64% 50%!important;
  }
  body.living-home.real-film-ready #chapter-observe .film-video,
  body.living-home.real-film-ready #chapter-observe .film-temporal-still{
    object-position:68% 50%!important;
  }
  body.living-home.real-film-ready #chapter-friction .film-video,
  body.living-home.real-film-ready #chapter-friction .film-temporal-still{
    object-position:72% 50%!important;
  }
  body.living-home.real-film-ready #chapter-proof .film-video,
  body.living-home.real-film-ready #chapter-proof .film-temporal-still{
    object-position:61% 50%!important;
  }
  body.living-home.real-film-ready #chapter-field .film-video,
  body.living-home.real-film-ready #chapter-field .film-temporal-still{
    object-position:66% 50%!important;
  }
  body.living-home.real-film-ready #chapter-drone .film-video,
  body.living-home.real-film-ready #chapter-drone .film-temporal-still{
    object-position:50% 58%!important;
  }

  /* Preserve natural footage presence on small screens: less haze, slightly richer local contrast. */
  body.living-home.real-film-ready .film-video{
    filter:saturate(.94) contrast(1.055) brightness(.99);
  }
  body.living-home.real-film-ready .film-video-stack::before,
  body.living-home.real-film-ready #chapter-opening .film-video-stack::before,
  body.living-home.real-film-ready #chapter-friction .film-video-stack::before{
    opacity:.72;
  }
}


/* MOBILE ORIGINS STABILITY + LOWER-PAGE SNAP SUPPORT — 2026-09-24 */
@media(max-width:760px){
  /* ORIGINS: collapse the multi-layer compositor to the primary recorded film on mobile.
     This removes the only remaining flicker/flambing source without changing desktop. */
  body.living-home.real-film-ready #chapter-drone .film-video--far,
  body.living-home.real-film-ready #chapter-drone .film-video--near,
  body.living-home.real-film-ready #chapter-drone .film-temporal-still,
  body.living-home.real-film-ready #chapter-drone .film-aperture,
  body.living-home.real-film-ready #chapter-drone .film-lens-wipe{
    display:none!important;
  }

  body.living-home.real-film-ready #chapter-drone .film-video--mid.film-video--primary{
    display:block!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    opacity:1!important;
    clip-path:none!important;
    mask-image:none!important;
    transform:none!important;
    object-position:50% 58%!important;
    filter:saturate(.96) contrast(1.045) brightness(.99)!important;
  }

  /* Post-story panels are stable snap destinations; no layout animation is introduced. */
  .question-lab,
  .venture-links,
  .living-close,
  .photo-credits,
  .living-home .site-footer{
    scroll-margin-top:0;
  }
}


/* MOBILE ENTRY FOCAL CORRECTION — 2026-09-24
   Shift the source crop toward the recorded frame's right-hand human/action area. */
@media(max-width:760px){
  body.living-home.real-film-ready #chapter-opening .film-video,
  body.living-home.real-film-ready #chapter-opening .film-temporal-still,
  body.living-home.real-film-ready #chapter-opening .film-video--source{
    object-position:82% 50%!important;
  }
}


/* MOBILE ENTRY DEPTH COMPOSITION — 2026-09-24
   The visible WebGL layer replaces the source video after load, so move the rendered
   composition itself toward the source frame's right-hand human subject. */
@media(max-width:760px){
  body.living-home.real-film-ready #chapter-opening.entry-depth-ready .entry-depth-canvas{
    width:124%!important;
    max-width:none!important;
    left:-24%!important;
    right:auto!important;
    transform:none!important;
    transform-origin:center center!important;
  }
}


/* MOBILE ENTRY FINAL — source film is canonical; depth proof remains desktop-only. */
@media(max-width:760px){
  body.living-home.real-film-ready #chapter-opening .entry-depth-canvas,
  body.living-home.real-film-ready #chapter-opening .entry-depth-controls{
    display:none!important;
  }
  body.living-home.real-film-ready #chapter-opening .film-video--source{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:82% 50%!important;
    transform:none!important;
  }
}


/* MOBILE MOTION FINISH — 2026-09-24
   Inquiry: one compositor-stable primary film. Origins: smooth scroll-driven push-in. */
@media(max-width:760px){
  body.living-home.real-film-ready #chapter-field .film-video--far,
  body.living-home.real-film-ready #chapter-field .film-video--near,
  body.living-home.real-film-ready #chapter-field .film-temporal-still,
  body.living-home.real-film-ready #chapter-field .film-aperture,
  body.living-home.real-film-ready #chapter-field .film-lens-wipe{
    display:none!important;
  }

  body.living-home.real-film-ready #chapter-field .film-video--mid.film-video--primary{
    display:block!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    opacity:1!important;
    clip-path:none!important;
    mask-image:none!important;
    transform:translateZ(0)!important;
    will-change:auto!important;
  }

  body.living-home.real-film-ready #chapter-drone .film-video--mid.film-video--primary{
    transform:translateZ(0) scale(var(--drone-mobile-zoom,1))!important;
    transform-origin:50% 58%!important;
    will-change:transform!important;
  }
}

@media(max-width:760px) and (prefers-reduced-motion:reduce){
  body.living-home.real-film-ready #chapter-drone .film-video--mid.film-video--primary{
    transform:none!important;
  }
}


/* CANONICAL HOMEPAGE DISCIPLINE — 2026-09-24
   One type family, three semantic sizes and one narrative-card rhythm. */
body.living-home{
  --font-family:Arial,Helvetica,sans-serif;
  --type-title:clamp(30px,2.35vw,34px);
  --type-subtitle:11px;
  --type-body:15px;
  --weight-title:700;
  --weight-subtitle:700;
  --weight-body:400;
  --card-width:450px;
  --card-height:390px;
  --card-padding:22px;
  --card-left:clamp(36px,4vw,64px);
  --card-top:56%;
  --icon-size:48px;
  --section-space:64px;
  --content-gap:40px;
  font-family:var(--font-family)!important;
  font-size:var(--type-body)!important;
  font-weight:var(--weight-body)!important;
}

body.living-home *{
  font-family:var(--font-family)!important;
  font-size:var(--type-body)!important;
  font-weight:var(--weight-body)!important;
  line-height:1.55!important;
  letter-spacing:0!important;
}

body.living-home h1,
body.living-home h2,
body.living-home h3,
body.living-home .phase-statement,
body.living-home .venture-links nav a strong,
body.living-home .closing-sun{
  font-size:var(--type-title)!important;
  font-weight:var(--weight-title)!important;
  line-height:1.08!important;
  letter-spacing:-.02em!important;
}

body.living-home h1 *,
body.living-home h2 *,
body.living-home h3 *,
body.living-home .phase-statement *{
  font-size:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
}

body.living-home .preview-label,
body.living-home .desktop-nav,
body.living-home .mobile-nav summary,
body.living-home .eyebrow,
body.living-home .phase-label,
body.living-home .story-kicker,
body.living-home .story-controls,
body.living-home .story-controls *,
body.living-home .story-index,
body.living-home .story-index *,
body.living-home .phase-counter,
body.living-home .method-card>span,
body.living-home .scroll-instruction,
body.living-home .friction-options button span,
body.living-home .venture-links nav a>span:first-child,
body.living-home .close-boundaries,
body.living-home .photo-credits summary{
  font-size:var(--type-subtitle)!important;
  font-weight:var(--weight-subtitle)!important;
  line-height:1.35!important;
  letter-spacing:.1em!important;
}

body.living-home em{
  font-family:var(--font-family)!important;
  font-style:normal!important;
  font-weight:inherit!important;
  letter-spacing:inherit!important;
}

body.living-home .button,
body.living-home button,
body.living-home .chapter-lead,
body.living-home .chapter-body,
body.living-home .cta-reassurance,
body.living-home .scroll-cue,
body.living-home .proof-link,
body.living-home .method-card p{
  font-size:var(--type-body)!important;
  font-weight:var(--weight-body)!important;
  line-height:1.55!important;
  letter-spacing:0!important;
}

body.living-home .button,
body.living-home button{
  font-weight:500!important;
}

.question-lab{contain-intrinsic-size:auto 520px}
.venture-links{contain-intrinsic-size:auto 420px}
.living-close{contain-intrinsic-size:auto 400px}
.photo-credits{contain-intrinsic-size:auto 64px}
.living-home .site-footer{contain-intrinsic-size:auto 180px}

@media (min-width:761px){
  .cinematic-ready .story-topline{
    top:100px!important;
    left:clamp(24px,3vw,48px)!important;
    right:clamp(24px,3vw,48px)!important;
  }
  body.story-controls-docked.cinematic-ready .story-topline{top:20px!important}

  body.living-home.surreal-film-ready .cinematic-chapter .phase-copy,
  body.living-home.surreal-film-ready .cinematic-chapter .phase-copy.copy--right,
  body.living-home.surreal-film-ready .cinematic-chapter .phase-copy.copy--center,
  body.living-home.surreal-film-ready .cinematic-chapter .phase-copy.copy--compact,
  body.living-home.surreal-film-ready #chapter-opening .phase-copy,
  body.living-home.surreal-film-ready #chapter-opening .phase-copy.copy--right,
  body.living-home.surreal-film-ready #chapter-opening .phase-copy.copy--center,
  body.living-home.surreal-film-ready #chapter-opening .phase-copy.copy--compact,
  body.living-home.surreal-film-ready .cinematic-chapter .proof-heading{
    left:var(--card-left)!important;
    right:auto!important;
    top:var(--card-top)!important;
    bottom:auto!important;
    translate:0 -50%!important;
    width:var(--card-width)!important;
    max-width:var(--card-width)!important;
    height:var(--card-height)!important;
    min-height:var(--card-height)!important;
    max-height:var(--card-height)!important;
    box-sizing:border-box!important;
    padding:var(--card-padding)!important;
    overflow:hidden!important;
    text-align:left!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    border:1px solid rgba(49,91,107,.18)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.92)!important;
    box-shadow:0 22px 60px rgba(23,34,45,.13)!important;
    backdrop-filter:blur(12px) saturate(.9)!important;
  }

  body.living-home.surreal-film-ready .phase-copy::before,
  body.living-home.surreal-film-ready .proof-heading::before{
    float:none!important;
    display:block!important;
    flex:0 0 var(--icon-size)!important;
    width:var(--icon-size)!important;
    height:var(--icon-size)!important;
    margin:0 0 16px 0!important;
    opacity:.68!important;
    filter:drop-shadow(0 3px 6px rgba(23,34,45,.08))!important;
  }

  body.living-home.surreal-film-ready .phase-copy>.eyebrow,
  body.living-home.surreal-film-ready .phase-copy>.phase-label,
  body.living-home.surreal-film-ready .proof-heading>.eyebrow{
    margin:0 0 10px!important;
    color:#4B6873!important;
  }

  body.living-home.surreal-film-ready .phase-copy>h1,
  body.living-home.surreal-film-ready .phase-copy>h2,
  body.living-home.surreal-film-ready .phase-copy>.phase-statement,
  body.living-home.surreal-film-ready .proof-heading>h2{
    margin:0 0 12px!important;
    text-wrap:balance;
  }

  body.living-home.surreal-film-ready .phase-copy>.chapter-lead,
  body.living-home.surreal-film-ready .phase-copy>.chapter-body,
  body.living-home.surreal-film-ready .proof-heading>p:last-child{
    margin:0!important;
  }

  body.living-home.surreal-film-ready .phase-copy>.hero-entry-cue,
  body.living-home.surreal-film-ready .phase-copy>.actions,
  body.living-home.surreal-film-ready .phase-copy>.button{
    margin-top:auto!important;
  }

  body.living-home.surreal-film-ready .phase-copy>.actions{
    gap:10px!important;
  }

  body.living-home.surreal-film-ready .phase-copy .cta-reassurance{
    margin-top:8px!important;
  }

  body.living-home.surreal-film-ready .method-card::before{
    width:var(--icon-size)!important;
    height:var(--icon-size)!important;
    top:16px!important;
    right:16px!important;
    opacity:.68!important;
    filter:drop-shadow(0 3px 6px rgba(23,34,45,.08))!important;
  }
  body.living-home.surreal-film-ready .method-card>span{padding-right:68px!important}

  body.living-home.real-film-ready #chapter-field .film-video--mid.film-video--primary{
    display:block!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    opacity:1!important;
    clip-path:none!important;
    mask-image:none!important;
    transform:none!important;
    object-fit:cover!important;
    filter:saturate(.94) contrast(1.03) brightness(.98)!important;
  }
  body.living-home.real-film-ready #chapter-field .film-video-stack::before,
  body.living-home.surreal-film-ready #chapter-field .scene-media::before,
  body.living-home.surreal-film-ready #chapter-field .scene-media::after,
  body.living-home.surreal-film-ready #chapter-field .scene-plane,
  body.living-home.surreal-film-ready #chapter-field .inquiry-tunnel,
  body.living-home.surreal-film-ready #chapter-field .scene-vignette{
    display:none!important;
  }

  .question-lab,
  .venture-links{
    padding:var(--section-space) max(36px,calc((100vw - 1280px)/2))!important;
    gap:var(--content-gap)!important;
    align-items:start!important;
  }
  .question-lab{grid-template-columns:.9fr 1.1fr!important}
  .question-copy h2,
  .venture-links header h2,
  .living-close h2{margin:12px 0 16px!important}
  .friction-response h3{margin:12px 0!important}
  .venture-links{grid-template-columns:.8fr 1.2fr!important}
  .venture-links nav a{
    min-height:132px!important;
    padding:20px 56px 20px 22px!important;
  }
  .living-close{
    min-height:0!important;
    padding:56px max(28px,calc((100vw - 1280px)/2)) 44px!important;
  }
  .living-close .button{margin-top:20px!important}
  .close-boundaries{margin-top:28px!important;gap:20px!important}
  .photo-credits{padding:16px max(36px,calc((100vw - 1280px)/2)) 20px!important}
  .living-home .site-footer{padding:0 max(36px,calc((100vw - 1280px)/2))!important}
  .living-home .footer-top{
    padding-top:20px!important;
    padding-bottom:18px!important;
    align-items:flex-start!important;
    gap:28px!important;
  }
  .living-home .footer-bottom{
    margin-top:0!important;
    padding-top:12px!important;
    padding-bottom:12px!important;
  }
}

@media(max-width:760px){
  body.living-home{
    --type-title:clamp(30px,8vw,34px);
    --card-padding:18px;
    --icon-size:48px;
  }
  body.living-home.surreal-film-ready .phase-copy::before,
  body.living-home.surreal-film-ready .proof-heading::before{
    width:var(--icon-size)!important;
    height:var(--icon-size)!important;
    margin:0 0 12px!important;
    opacity:.68!important;
  }
  body.living-home.surreal-film-ready .phase-copy,
  body.living-home.surreal-film-ready .proof-heading{
    padding:var(--card-padding)!important;
    border-radius:18px!important;
  }
  body.living-home.cinematic-ready .story-index a{
    font-size:0!important;
    line-height:0!important;
    letter-spacing:0!important;
  }
  body.living-home.cinematic-ready .story-index a span{
    font-size:var(--type-subtitle)!important;
    line-height:1!important;
    letter-spacing:.08em!important;
  }
  .question-lab,
  .venture-links{padding-top:56px!important;padding-bottom:56px!important}
  .living-close{min-height:0!important;padding-top:56px!important;padding-bottom:42px!important}
  .close-boundaries{margin-top:28px!important}
}

body.living-home.surreal-film-ready .phase-copy>.eyebrow,
body.living-home.surreal-film-ready .phase-copy>.phase-label,
body.living-home.surreal-film-ready .proof-heading>.eyebrow{
  color:#4B6873!important;
}

body.living-home.surreal-film-ready .story-index a{
  transition:opacity .25s,transform .25s,box-shadow .25s!important;
}

@media(max-width:380px) and (max-height:600px){
  body.living-home.real-film-ready .cinematic-chapter .proof-heading{
    top:130px!important;
  }
  body.living-home.real-film-ready #chapter-field [data-phase-copy="4"]{
    top:127px!important;
    bottom:auto!important;
  }
}

@media(min-width:761px) and (max-height:520px){
  body.living-home.surreal-film-ready .cinematic-chapter .phase-copy.phase-copy,
  body.living-home.surreal-film-ready #chapter-opening .phase-copy.phase-copy,
  body.living-home.surreal-film-ready .cinematic-chapter .proof-heading{
    top:50%!important;
    bottom:auto!important;
    translate:0 -50%!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100vh - 20px)!important;
    padding:14px!important;
  }
  body.living-home.cinematic-ready .story-index{
    left:auto!important;
    right:12px!important;
    top:auto!important;
    bottom:8px!important;
    translate:0 0!important;
    flex-direction:row!important;
    align-items:center!important;
  }
  body.living-home.cinematic-ready .story-index a{
    width:36px!important;
    height:32px!important;
    padding:0!important;
    justify-content:center!important;
    font-size:0!important;
  }
  body.living-home.cinematic-ready .story-index a span{
    font-size:10px!important;
    line-height:1!important;
  }
  body.living-home.surreal-film-ready .cinematic-chapter .proof-link{
    right:auto!important;
    width:auto!important;
  }
  body.living-home.surreal-film-ready #chapter-proof .method-card.method-card{
    height:200px!important;
    min-height:0!important;
    padding:14px!important;
  }
  body.living-home.surreal-film-ready #chapter-proof .method-stack{
    top:13%!important;
  }
}

/* Mobile Proof is sequential: intro, then exactly one method card per phase. */
@media(max-width:760px), (max-height:520px){
  body.living-home.surreal-film-ready #chapter-proof .proof-heading{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .18s ease,transform .18s ease,visibility 0s linear 0s!important;
  }
  body.living-home.surreal-film-ready #chapter-proof:not([data-phase="0"]) .proof-heading{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate3d(0,-12px,0)!important;
    transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s!important;
  }
  body.living-home.surreal-film-ready #chapter-proof .method-stack{
    left:14px!important;
    right:auto!important;
    top:clamp(210px,40svh,300px)!important;
    width:min(calc(100vw - 28px),308px)!important;
    height:190px!important;
    pointer-events:none!important;
  }
  body.living-home.surreal-film-ready #chapter-proof .method-card.method-card{
    inset:0!important;
    width:100%!important;
    height:190px!important;
    min-height:0!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translate3d(0,12px,0)!important;
    pointer-events:none!important;
    transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s!important;
  }
  body.living-home.surreal-film-ready #chapter-proof[data-phase="1"] [data-method-card="0"],
  body.living-home.surreal-film-ready #chapter-proof[data-phase="2"] [data-method-card="1"],
  body.living-home.surreal-film-ready #chapter-proof[data-phase="3"] [data-method-card="2"],
  body.living-home.surreal-film-ready #chapter-proof[data-phase="4"] [data-method-card="3"]{
    z-index:30!important;
    opacity:1!important;
    visibility:visible!important;
    transform:translate3d(0,0,0)!important;
    pointer-events:auto!important;
    transition-delay:.08s,.08s,0s!important;
  }
  body.living-home.surreal-film-ready #chapter-proof .method-card:focus-visible{
    z-index:40!important;
  }
  body.living-home.surreal-film-ready #chapter-proof[data-phase="0"] .proof-link{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

@media(max-width:760px){
  body.living-home.real-film-ready #chapter-proof .proof-heading{
    top:136px!important;
  }
}

@media(min-width:761px) and (max-height:520px){
  body.living-home.surreal-film-ready #chapter-proof .method-stack{
    left:36px!important;
    top:83px!important;
    width:450px!important;
  }
  body.living-home.surreal-film-ready #chapter-proof .proof-link{
    right:12px!important;
    bottom:60px!important;
  }
}

/* BUSINESS IMPACT — ACADEMIC EXECUTIVE BENCHMARKS — 2026-09-27
   Independent phase-1 panel so fixed card geometry cannot clip it. */
body.living-home #chapter-opening .business-impact-sticker{
  position:absolute;
  z-index:27;
  right:clamp(46px,6vw,96px);
  left:auto;
  top:56%;
  width:clamp(330px,26vw,400px);
  transform:translateY(-50%);
  box-sizing:border-box;
  padding:18px 18px 16px;
  border:1px solid rgba(255,255,255,.92);
  border-radius:20px;
  background:rgba(250,249,246,.94);
  color:#17222D;
  box-shadow:0 22px 60px rgba(23,34,45,.16);
  -webkit-backdrop-filter:blur(14px) saturate(.92);
  backdrop-filter:blur(14px) saturate(.92);
}
body.living-home #chapter-opening .business-impact-kicker{
  display:block;
  margin:0 0 12px;
  color:#4B6873;
  font-size:var(--type-subtitle)!important;
  font-weight:var(--weight-subtitle)!important;
  line-height:1.35!important;
  letter-spacing:.1em!important;
}
body.living-home #chapter-opening .business-impact-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:0 0 12px;
}
body.living-home #chapter-opening .business-impact-metric{
  min-width:0;
  padding-right:9px;
  border-right:1px solid rgba(49,91,107,.18);
}
body.living-home #chapter-opening .business-impact-metric:last-child{
  padding-right:0;
  border-right:0;
}
body.living-home #chapter-opening .business-impact-metric strong{
  display:block;
  margin:0 0 4px;
  color:#315B6B;
  font-size:var(--type-title)!important;
  font-weight:var(--weight-title)!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
}
body.living-home #chapter-opening .business-impact-metric span{
  display:block;
  color:#17222D;
  font-size:var(--type-subtitle)!important;
  font-weight:var(--weight-subtitle)!important;
  line-height:1.3!important;
  letter-spacing:0!important;
}
body.living-home #chapter-opening .business-impact-takeaway{
  margin:0!important;
  padding-top:10px;
  border-top:1px solid rgba(49,91,107,.18);
  color:#3E4A52!important;
  font-size:var(--type-body)!important;
  font-weight:var(--weight-body)!important;
  line-height:1.45!important;
  letter-spacing:0!important;
}
body.living-home #chapter-opening .business-impact-source{
  display:block;
  margin-top:8px;
  color:#65737C;
  font-size:var(--type-subtitle)!important;
  font-weight:var(--weight-body)!important;
  line-height:1.3!important;
  letter-spacing:0!important;
}

@media(min-width:761px) and (max-width:1180px){
  body.living-home #chapter-opening .business-impact-sticker{
    right:28px;
    width:clamp(300px,30vw,340px);
  }
}

@media(max-width:760px){
  body.living-home #chapter-opening .business-impact-sticker{
    left:16px;
    right:16px;
    top:154px;
    width:auto;
    transform:none;
    padding:12px 13px 11px;
    border-radius:16px;
    box-shadow:0 14px 38px rgba(23,34,45,.14);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
  }
  body.living-home #chapter-opening .business-impact-kicker{
    margin-bottom:8px;
  }
  body.living-home #chapter-opening .business-impact-metrics{
    gap:6px;
    margin-bottom:8px;
  }
  body.living-home #chapter-opening .business-impact-metric{
    padding-right:6px;
  }
  body.living-home #chapter-opening .business-impact-takeaway{
    padding-top:8px;
    line-height:1.35!important;
  }
  body.living-home #chapter-opening .business-impact-source{
    margin-top:5px;
  }
}

@media(max-width:380px){
  body.living-home #chapter-opening .business-impact-sticker{
    left:12px;
    right:12px;
    top:142px;
    padding:10px 11px 9px;
  }
  body.living-home #chapter-opening .business-impact-metrics{
    gap:4px;
  }
  body.living-home #chapter-opening .business-impact-metric{
    padding-right:4px;
  }
}

@media(max-height:600px) and (max-width:760px){
  body.living-home #chapter-opening .business-impact-sticker{
    top:88px;
    padding:8px 10px;
  }
  body.living-home #chapter-opening .business-impact-kicker,
  body.living-home #chapter-opening .business-impact-takeaway,
  body.living-home #chapter-opening .business-impact-source{
    display:none;
  }
  body.living-home #chapter-opening .business-impact-metrics{
    margin:0;
  }
}

@media(prefers-reduced-motion:reduce){
  body.living-home #chapter-opening .business-impact-sticker{
    transition:none!important;
  }
}

/* LONDRONE BRAND SCALE — 2026-09-27
   Larger identity in header, footer and all homepage brand instances. */
body.living-home .brand{
  gap:4px!important;
  min-width:204px;
}
body.living-home .brand-symbol{
  width:92px!important;
  height:13px!important;
}
body.living-home .brand-copy strong{
  font-size:18px!important;
  line-height:20px!important;
  letter-spacing:1.6px!important;
  font-weight:700!important;
}
body.living-home .brand-copy small{
  font-size:11px!important;
  line-height:13px!important;
  letter-spacing:1.1px!important;
  font-weight:700!important;
}
@media(max-width:760px){
  body.living-home .brand{
    min-width:184px;
  }
  body.living-home .brand-symbol{
    width:86px!important;
    height:12px!important;
  }
  body.living-home .brand-copy strong{
    font-size:17px!important;
    line-height:19px!important;
    letter-spacing:1.5px!important;
  }
  body.living-home .brand-copy small{
    font-size:10px!important;
    line-height:12px!important;
    letter-spacing:1px!important;
  }
}



/* PERSISTENT SCROLL MENU + CONTROL DEPTH — 2026-09-27 */
.story-menu{display:none}

body.living-home.surreal-film-ready .story-menu{
  display:block;
  position:relative;
  z-index:12;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(0,-8px,0);
  transition:opacity .34s ease,transform .34s cubic-bezier(.22,.8,.2,1),visibility 0s linear .34s;
}

body.story-controls-docked.living-home.surreal-film-ready .story-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate3d(0,0,0);
  transition-delay:0s;
}

body.living-home.surreal-film-ready .story-menu>summary{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:10px 15px;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.98);
  border-radius:999px;
  color:#17222D;
  background:rgba(255,255,255,.88);
  cursor:pointer;
  list-style:none;
  user-select:none;
  box-shadow:
    0 24px 42px rgba(7,20,38,.58),
    0 12px 22px rgba(7,20,38,.48),
    0 4px 8px rgba(7,20,38,.34),
    0 0 0 1px rgba(255,255,255,.2);
}

body.living-home.surreal-film-ready .story-menu>summary::-webkit-details-marker{display:none}
body.living-home.surreal-film-ready .story-menu>summary::after{
  content:"+";
  width:16px;
  text-align:center;
  font-size:15px!important;
  line-height:1!important;
  letter-spacing:0!important;
  transition:transform .2s ease;
}
body.living-home.surreal-film-ready .story-menu[open]>summary::after{
  content:"–";
  transform:rotate(180deg);
}

body.living-home.surreal-film-ready .story-menu nav{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:max-content;
  min-width:220px;
  padding:8px;
  display:grid;
  gap:2px;
  border:1px solid rgba(255,255,255,.9);
  border-radius:16px;
  background:rgba(247,246,241,.96);
  box-shadow:0 22px 54px rgba(7,20,38,.32),0 8px 20px rgba(7,20,38,.22);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(0,-7px,0) scale(.985);
  transform-origin:100% 0;
  transition:opacity .2s ease,transform .22s cubic-bezier(.22,.8,.2,1),visibility 0s linear .22s;
}

body.living-home.surreal-film-ready .story-menu[open] nav{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate3d(0,0,0) scale(1);
  transition-delay:0s;
}

body.living-home.surreal-film-ready .story-menu nav a{
  display:block;
  padding:11px 12px;
  border-radius:10px;
  color:#17222D;
  text-decoration:none;
  white-space:nowrap;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.25!important;
  letter-spacing:.04em!important;
}

body.living-home.surreal-film-ready .story-menu nav a:hover,
body.living-home.surreal-film-ready .story-menu nav a:focus-visible{
  background:#DCEAF0;
  color:#17222D;
}

body.living-home.surreal-film-ready .story-compact-cta{
  position:relative;
  z-index:2;
  box-shadow:
    0 26px 46px rgba(22,54,68,.68),
    0 13px 24px rgba(22,54,68,.56),
    0 4px 9px rgba(7,20,38,.38),
    0 0 0 1px rgba(255,255,255,.16)!important;
}

body.living-home.surreal-film-ready .story-menu>summary:hover,
body.living-home.surreal-film-ready .story-compact-cta:hover{
  box-shadow:
    0 30px 52px rgba(7,20,38,.68),
    0 15px 27px rgba(7,20,38,.56),
    0 5px 10px rgba(7,20,38,.4),
    0 0 0 1px rgba(255,255,255,.22)!important;
}

@media(max-width:760px){
  body.living-home.surreal-film-ready .story-menu>summary{
    min-height:44px;
    padding:11px 13px;
  }
  body.living-home.surreal-film-ready .story-menu nav{
    left:0;
    right:auto;
    width:min(240px,calc(100vw - 40px));
    min-width:0;
    box-sizing:border-box;
    border:.5px solid rgba(49,91,107,.42);
    border-radius:16px;
    background:rgba(247,246,241,.97);
    box-shadow:
      0 26px 46px rgba(22,54,68,.68),
      0 13px 24px rgba(22,54,68,.56),
      0 4px 9px rgba(7,20,38,.38);
  }
}

@media(prefers-reduced-motion:reduce){
  body.living-home.surreal-film-ready .story-menu,
  body.living-home.surreal-film-ready .story-menu nav,
  body.living-home.surreal-film-ready .story-menu>summary::after{
    transition:none!important;
  }
}


/* STICKER DEPTH HIERARCHY — 2026-09-27 */
/* Smaller than the persistent Menu/CTA shadow so content stickers sit on a lower visual plane. */
body.living-home.surreal-film-ready .cinematic-chapter .phase-copy,
body.living-home.surreal-film-ready .cinematic-chapter .proof-heading,
body.living-home #chapter-opening .business-impact-sticker{
  box-shadow:
    0 12px 24px rgba(22,54,68,.30),
    0 5px 10px rgba(7,20,38,.18),
    0 2px 4px rgba(7,20,38,.10)!important;
}

/* If approved graphic stickers are re-enabled, keep them on the same lower depth plane. */
body.living-home.surreal-film-ready .story-sticker img{
  filter:drop-shadow(0 7px 10px rgba(22,54,68,.24)) drop-shadow(0 2px 4px rgba(7,20,38,.12))!important;
}


/* DESKTOP STICKER SHADOW ACCENT — 2026-09-27 */
@media(min-width:761px){
  /* One explicit desktop shadow contract for every floating sticker surface. */
  body.living-home.surreal-film-ready .story-kicker,
  body.living-home.surreal-film-ready .cinematic-chapter .phase-copy,
  body.living-home.surreal-film-ready .cinematic-chapter .proof-heading,
  body.living-home #chapter-opening .business-impact-sticker,
  body.living-home.surreal-film-ready .cinematic-chapter .observe-signal,
  body.living-home.surreal-film-ready .cinematic-chapter .system-gate,
  body.living-home.surreal-film-ready .cinematic-chapter .friction-field,
  body.living-home.surreal-film-ready .cinematic-chapter .evidence-markers span,
  body.living-home.surreal-film-ready #chapter-proof .method-card{
    box-shadow:
      0 14px 26px rgba(22,54,68,.46),
      0 6px 12px rgba(7,20,38,.30),
      0 2px 5px rgba(7,20,38,.16)!important;
  }

  body.living-home.surreal-film-ready .story-sticker img{
    filter:
      drop-shadow(0 8px 12px rgba(22,54,68,.34))
      drop-shadow(0 3px 5px rgba(7,20,38,.18))!important;
  }
}


/* DESKTOP SHADOW RENDER FIX — 2026-09-27 */
@media(min-width:761px){
  /*
   * The copy panels already carry box-shadow, but the real-film stack uses
   * paint containment and animated filter compositing. Reinforce the ACTIVE
   * surface after compositing so every phase reads with the same depth,
   * independent of the footage directly behind it.
   */
  body.living-home.surreal-film-ready .story-chapter.cinematic-chapter[data-phase="0"] [data-phase-copy="0"],
  body.living-home.surreal-film-ready .story-chapter.cinematic-chapter[data-phase="1"] [data-phase-copy="1"],
  body.living-home.surreal-film-ready .story-chapter.cinematic-chapter[data-phase="2"] [data-phase-copy="2"],
  body.living-home.surreal-film-ready .story-chapter.cinematic-chapter[data-phase="3"] [data-phase-copy="3"],
  body.living-home.surreal-film-ready .story-chapter.cinematic-chapter[data-phase="4"] [data-phase-copy="4"]{
    box-shadow:
      0 12px 22px rgba(7,20,38,.34),
      0 5px 10px rgba(7,20,38,.24),
      0 2px 4px rgba(7,20,38,.16)!important;
    filter:
      blur(0)
      drop-shadow(0 11px 10px rgba(7,20,38,.34))
      drop-shadow(0 3px 4px rgba(7,20,38,.22))!important;
  }

  body.living-home.surreal-film-ready .cinematic-chapter .proof-heading,
  body.living-home #chapter-opening .business-impact-sticker,
  body.living-home.surreal-film-ready .cinematic-chapter .observe-signal,
  body.living-home.surreal-film-ready .cinematic-chapter .system-gate,
  body.living-home.surreal-film-ready .cinematic-chapter .friction-field,
  body.living-home.surreal-film-ready .cinematic-chapter .evidence-markers span,
  body.living-home.surreal-film-ready #chapter-proof .method-card--decide{
    box-shadow:
      0 12px 22px rgba(7,20,38,.34),
      0 5px 10px rgba(7,20,38,.24),
      0 2px 4px rgba(7,20,38,.16)!important;
    filter:
      drop-shadow(0 11px 10px rgba(7,20,38,.34))
      drop-shadow(0 3px 4px rgba(7,20,38,.22))!important;
  }
}


/* OPENING CARD SHADOW FIX — 2026-09-27 */
@media(min-width:761px){
  /*
   * All four opening cards use the same visible depth treatment.
   * Remove paint containment here so the shadow can render outside the card edge.
   */
  body.living-home.surreal-film-ready #chapter-opening .phase-copy{
    contain:layout style!important;
    overflow:visible!important;
  }

  body.living-home.surreal-film-ready #chapter-opening.cinematic-chapter[data-phase="0"] [data-phase-copy="0"],
  body.living-home.surreal-film-ready #chapter-opening.cinematic-chapter[data-phase="1"] [data-phase-copy="1"],
  body.living-home.surreal-film-ready #chapter-opening.cinematic-chapter[data-phase="2"] [data-phase-copy="2"],
  body.living-home.surreal-film-ready #chapter-opening.cinematic-chapter[data-phase="3"] [data-phase-copy="3"]{
    box-shadow:
      0 14px 26px rgba(22,54,68,.46),
      0 6px 12px rgba(7,20,38,.30),
      0 2px 5px rgba(7,20,38,.16)!important;
    filter:
      blur(0)
      drop-shadow(0 10px 9px rgba(7,20,38,.30))
      drop-shadow(0 3px 4px rgba(7,20,38,.18))!important;
  }
}


/* PROOF DESKTOP LAYERED SHADOW FIX — 2026-09-27 */
@media(min-width:761px){
  /*
   * Give every Proof card the exact same post-composite depth treatment.
   * Explicit z-order makes each newer card cast its shadow across the card below.
   */
  body.living-home.surreal-film-ready #chapter-proof .method-card{
    box-shadow:
      0 12px 22px rgba(7,20,38,.34),
      0 5px 10px rgba(7,20,38,.24),
      0 2px 4px rgba(7,20,38,.16)!important;
    filter:
      drop-shadow(0 11px 10px rgba(7,20,38,.34))
      drop-shadow(0 3px 4px rgba(7,20,38,.22))!important;
  }

  body.living-home.surreal-film-ready #chapter-proof .method-card--observe{z-index:31!important}
  body.living-home.surreal-film-ready #chapter-proof .method-card--friction{z-index:32!important}
  body.living-home.surreal-film-ready #chapter-proof .method-card--proof{z-index:33!important}
  body.living-home.surreal-film-ready #chapter-proof .method-card--decide{z-index:34!important}
}


/* ORIGINS VISIBLE PING-PONG FILM — 2026-09-27 */
body.living-home.real-film-ready #chapter-drone[data-film-mode="full-pingpong"] .film-video-stack{
  z-index:8!important;
  background:#03090b!important;
}

body.living-home.real-film-ready #chapter-drone[data-film-mode="full-pingpong"] .film-video--far,
body.living-home.real-film-ready #chapter-drone[data-film-mode="full-pingpong"] .film-video--near,
body.living-home.real-film-ready #chapter-drone[data-film-mode="full-pingpong"] .film-temporal-still,
body.living-home.real-film-ready #chapter-drone[data-film-mode="full-pingpong"] .film-aperture,
body.living-home.real-film-ready #chapter-drone[data-film-mode="full-pingpong"] .film-lens-wipe{
  display:none!important;
}

body.living-home.real-film-ready #chapter-drone[data-film-mode="full-pingpong"] .film-video--mid.film-video--primary{
  display:block!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:1!important;
  opacity:1!important;
  object-fit:cover!important;
  object-position:50% 52%!important;
  clip-path:none!important;
  mask-image:none!important;
  transform:translate3d(0,0,0) scale(1.035)!important;
  filter:saturate(.94) contrast(1.045) brightness(.96)!important;
  will-change:auto!important;
}