/* POINTIMOVIE mother-company presentation v2 — source-backed R4D4us Living Sky identity */
:root {--navy:#12345a;--ink:#17385a;--accent:#e58a2f;--red:#d81f36;--gold:#f2ac21;--cream:#fdfaf2;--line:#d6e1e8;--paper:#fffdf7;--text:#284a62;--shadow:0 18px 42px rgba(12,37,71,.13);--font-display:'Michroma','Tw Cen MT','Century Gothic','Segoe UI',sans-serif;--font-body:'Manrope','Segoe UI',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:0}body{margin:0;min-width:300px;color:var(--ink);font:16px/1.65 var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}p,h1,h2,h3{margin-top:0}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.3;overflow-wrap:break-word}p{line-height:1.75}h1{font-size:clamp(2.12rem,3.8vw,4.05rem);letter-spacing:-.055em}h2{font-size:clamp(1.65rem,3vw,3rem);letter-spacing:-.04em}h3{font-size:clamp(1.03rem,1.4vw,1.4rem);letter-spacing:-.025em}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:#f7c264;color:#0e304c}
.visually-hidden{position:absolute!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important}.skip-link{position:fixed;top:-80px;left:20px;z-index:200;background:#fff;padding:12px 18px;border:2px solid #f18723;border-radius:15px}.skip-link:focus{top:10px}
.sky-backdrop{position:fixed;inset:0;z-index:-5;background:url('sky-day.jpg') center center/cover no-repeat #1382d3;transition:none}.sky-moon{position:fixed;z-index:-4;top:16vh;right:12vw;width:70px;aspect-ratio:1;opacity:0;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fcfbf0 0%,#e8ecf0 58%,#a9bac9 100%);border:1px solid rgba(254,254,254,.78);box-shadow:inset -5px -5px 8px rgba(86,115,140,.23);pointer-events:none}.sky-fade{position:fixed;z-index:-3;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,71,133,.22),rgba(3,54,97,.02) 72%)}
html[data-sky='night'] .sky-backdrop{background-image:url('night-stars.svg');background-color:#041638}html[data-sky='night'] .sky-moon{opacity:.92}html[data-sky='night'] .sky-fade{background:linear-gradient(90deg,rgba(2,13,38,.28),rgba(2,13,38,.02))}html[data-sky='light'] .sky-backdrop{background-image:none;background-color:#e8f1f5}html[data-sky='light'] .sky-fade{background:linear-gradient(135deg,rgba(222,241,248,.75),rgba(253,247,231,.7))}html[data-sky='dark'] .sky-backdrop{background-image:none;background-color:#1d3553}html[data-sky='dark'] .sky-fade{background:linear-gradient(135deg,#183f66,#395a7b)}html[data-sky='light'] .sky-moon,html[data-sky='dark'] .sky-moon{opacity:0}
.shell{width:min(1320px,calc(100% - 64px));margin-inline:auto}.section{padding-block:58px;scroll-margin-top:24px}
.site-header{position:sticky;top:0;z-index:60;padding:12px 0;background:rgba(247,251,253,.97);border-bottom:2px solid rgba(236,140,57,.65)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-mark{width:250px;min-height:63px;flex:none;display:flex;align-items:center;justify-content:center;padding:11px 20px 11px;background:url('button-white-orange.png') center/100% 100% no-repeat}.brand-mark img{display:block;width:100%;max-height:48px;object-fit:contain}.desktop-nav{display:flex;gap:clamp(12px,1.7vw,26px);align-items:center;margin-left:auto}.desktop-nav a{font-family:var(--font-display);font-size:11px;font-weight:400;white-space:nowrap;color:#214668;transition:color .15s}.desktop-nav a:hover,.desktop-nav a:focus-visible{color:#c8491c}.header-actions{display:flex;align-items:center;gap:9px}.sky-select{appearance:auto;border:1.5px solid #df964e;border-radius:20px;background:#fffefa;color:#153958;min-height:42px;width:178px;font:600 12px/1.2 var(--font-body);padding:8px 10px;cursor:pointer}.menu-toggle{display:none;justify-content:center;align-items:center;flex-direction:column;gap:5px;width:42px;height:42px;background:#fff;border:2px solid #d87d28;border-radius:15px}.menu-toggle span{height:2px;background:#193d60;width:20px;display:block;border-radius:3px}.mobile-nav{display:none;background:#fffaf4;max-height:60vh;overflow-y:auto;padding:8px 22px 20px;border-bottom:1px solid #e7b779}.mobile-nav[hidden]{display:none!important}.mobile-nav a{display:block;padding:11px 0;border-bottom:1px solid #dce4e9;color:#17395a;font-family:var(--font-display);font-size:12px}
.eyebrow,.small-kicker,.section-label,.story-eyebrow{font-family:var(--font-display);font-size:10px;letter-spacing:.13em;text-transform:uppercase}.eyebrow{color:#9d3d2a}.eyebrow.bright{color:#fff;display:flex;align-items:center;gap:12px;text-shadow:0 1px 5px rgba(6,28,52,.28)}.eyebrow-dot{height:8px;width:8px;background:var(--gold);display:inline-block;border-radius:50%}
.hero{min-height:min(760px,calc(100svh - 84px));padding-top:82px;padding-bottom:70px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:50px;align-items:center}.hero-copy{color:#fff;text-shadow:0 1px 5px rgba(6,45,90,.23)}.hero h1{margin:26px 0 23px;max-width:720px}.hero h1 em{color:#fff2cb;font-style:normal}.hero-lead{font-size:clamp(18px,1.65vw,22px);max-width:600px;line-height:1.6;font-weight:600}.hero-foundation{color:#fff;font-size:15px;max-width:615px}.hero-foundation strong{color:#fff2cb;letter-spacing:.045em}.hero-actions,.closing-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.signature-button{display:flex;align-items:center;justify-content:center;position:relative;background-color:transparent;background-size:100% 100%;background-position:center;background-repeat:no-repeat;aspect-ratio:1113 / 277;width:clamp(191px,18.6vw,246px);padding:2px 25px 7px 19px;font-size:clamp(12px,1vw,14px);font-family:var(--font-display);color:#203e60;line-height:1.28;text-align:center;isolation:isolate;flex:none;transition:transform .18s ease,filter .18s ease;text-shadow:none}.signature-button.gold{background-image:url('button-orange.png')}.signature-button.white{background-image:url('button-white-orange.png')}.signature-button>span{display:flex;gap:12px;align-items:center;justify-content:center}.signature-button:hover{transform:translateY(-3px);filter:brightness(1.02)}.signature-button:active{transform:translateY(0)}.sky-note{font-size:12px;color:#e6f5ff;margin-top:24px;max-width:560px}.sky-note span{font-weight:800}
.hero-art{max-width:100%}.world-window{min-height:460px;background:linear-gradient(158deg,#fffefa 5%,#f5f8f8 78%,#fff4db);border-radius:38px 42px 36px 40px;border:3px solid #e89134;box-shadow:var(--shadow);padding:32px clamp(24px,3vw,45px);color:#163b67}.world-window-head{display:flex;justify-content:space-between;align-items:center}.small-kicker{color:#b7542b}.orbit-icon{font-size:30px;color:#b86029;line-height:1}.dimension-text{font-family:var(--font-display);font-size:clamp(3.3rem,6vw,5.8rem);margin:22px 0 4px;letter-spacing:-.07em;line-height:1.35;color:#1b5c9d}.gold-dot{color:#f3a621}.path-graph{position:relative;margin:10px auto 16px;max-width:340px;height:140px}.path-entry{position:absolute;top:5px;left:calc(50% - 7px);width:14px;height:14px;background:#ef9c29;border-radius:50%}.path-link{position:absolute;left:50%;top:18px;width:1.5px;height:62px;background:#c38634}.path-link:after{content:'';position:absolute;left:-96px;bottom:-1px;width:194px;height:2px;background:linear-gradient(90deg,#e12e42,#e7a124,#d97a2c)}.path-option{position:absolute;top:83px;width:62px;height:56px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);border-radius:24px 26px 24px 26px;box-shadow:0 5px 10px rgba(29,53,83,.1)}.path-option.a{left:calc(50% - 130px);background:#d62843}.path-option.b{left:calc(50% - 31px);background:#e49a23}.path-option.c{left:calc(50% + 69px);background:#ca6338}.world-tagline{font:500 14px/1.7 var(--font-body);color:#345b77;margin-top:9px;text-align:center}.three-color-line{display:flex;gap:5px;height:6px;margin-top:15px}.three-color-line i{display:block;height:6px;flex:1;border-radius:50px}.three-color-line i:nth-child(1){background:#f2bd22}.three-color-line i:nth-child(2){background:#eb922c}.three-color-line i:nth-child(3){background:#d5273a}.hero-caption{text-align:center;margin:13px 0 0;color:#fff;font-size:12px;font-weight:600;text-shadow:0 2px 3px rgba(1,25,55,.35)}
.section-panel{background:rgba(255,253,248,.97);border-radius:30px 34px 32px 30px;padding:clamp(26px,4vw,56px);border:1.5px solid rgba(239,169,93,.75);box-shadow:var(--shadow)}.section-label{color:#b9572f;margin-bottom:18px}.section-panel h2{color:#1b4e7b;margin-bottom:24px}.section-lead{font-size:17px;color:#426581;line-height:1.85}.two-col{display:grid;grid-template-columns:.94fr 1.06fr;gap:clamp(25px,4.5vw,72px)}.concept-copy{padding-top:14px}.concept-copy h3{margin-bottom:17px;color:#19527f}.concept-copy p{color:#456178}.comparison{margin-top:26px;border-top:1px solid #d9e4e9;padding-top:23px;display:flex;align-items:center;gap:17px}.comparison>div:not(.comparison-arrow){flex:1;padding:13px 17px;background:#eef7fa;border-radius:16px}.comparison strong{display:block;color:#1a466c}.comparison span{font-size:13px;display:block;color:#496780;line-height:1.6}.comparison-arrow{font-size:25px;color:#d88731}
.example-panel .example-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.example-title-row h2{margin-bottom:13px}.r4d-stamp{max-width:150px;max-height:86px;object-fit:contain}.example-caption{color:#446780;max-width:800px}.path-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.path-tabs button{border:1.5px solid #de933f;background:#fff;padding:10px 22px;border-radius:100px;color:#274f73;font-family:var(--font-display);font-size:12px;min-height:43px}.path-tabs button[aria-selected='true']{background:#e59c2d;color:#172e45;border-color:#b85620}.story-panel{background:linear-gradient(125deg,#ebf6fc,#fff6e7);border:1px solid #e2ebf0;border-radius:25px;display:grid;grid-template-columns:100px 1fr;align-items:center;gap:33px;padding:34px;margin-top:17px;min-height:235px}.story-big{font-size:92px;font-family:var(--font-display);color:#c7632c;line-height:1}.story-panel h3{margin-bottom:6px}.story-panel p{margin:0;color:#496980}.story-eyebrow{color:#af5e31!important;margin-bottom:10px!important}
.group-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:55px;margin-bottom:34px;color:#fff}.group-heading .eyebrow{color:#fff}.text-on-sky,.section-heading-white h2{color:#fff;text-shadow:0 1px 4px rgba(2,21,40,.38)}.group-intro{color:#fff;font-size:17px;text-shadow:0 1px 4px rgba(2,21,40,.3)}.company-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.company-card{background:rgba(255,254,250,.97);border-radius:26px;border:1.5px solid #e8b171;padding:28px 23px 22px;min-height:320px;display:flex;flex-direction:column;position:relative;box-shadow:0 10px 27px rgba(8,39,76,.09)}.company-card.highlight{border-color:#d8782d}.card-index{font:400 9px/1.6 var(--font-display);letter-spacing:.045em;color:#ad582e;margin-bottom:23px;min-height:16px}.company-logo{height:44px;width:145px;object-fit:contain;object-position:left center;margin:0 0 13px}.company-card h3{font-size:clamp(14px,1.13vw,18px);line-height:1.6;color:#164e7c;margin-bottom:13px}.company-card p{color:#46657b;font-size:13px;line-height:1.65;margin-bottom:9px}.company-card .card-note{font-size:11px;color:#a1572f;margin-top:auto;padding-top:14px}.branch-icon{font-family:var(--font-display);font-size:51px;color:#de8a34;line-height:1;margin-bottom:12px;min-height:45px}.wordmark-inline{display:flex;align-items:center;gap:5px;min-height:44px;margin-bottom:15px}.wordmark-inline img{width:65px;height:42px;object-fit:contain}.wordmark-inline span{font-family:var(--font-display);font-size:14px;white-space:nowrap;color:#23486e}.text-link{font-size:12px;font-weight:800;color:#bc512c}.text-link:hover{text-decoration:underline}.business-caveat{margin:18px 5px 0;color:#fff;font-size:12px;text-shadow:0 1px 3px rgba(2,24,48,.4)}
.technology-panel .section-lead{max-width:940px}.process-line{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:38px 0 26px}.process-line>div{padding:16px 12px 14px;border-left:3px solid #e7a236;background:#f4f8f7;border-radius:0 14px 14px 0}.process-num{font:400 10px var(--font-display);color:#ad5627;display:block;margin-bottom:13px}.process-line h3{font-size:14px;color:#164974}.process-line p{font-size:12px;color:#446078;line-height:1.65}.philosophy-band{margin-top:33px;position:relative;min-height:195px;border-radius:23px;overflow:hidden;display:flex;align-items:center;background:#0d4c89}.philosophy-photo{position:absolute;inset:0;background:url('architecture-day.jpg') center/cover no-repeat;opacity:.78}.philosophy-band p{position:relative;margin:0;max-width:650px;color:#fff;font:400 clamp(14px,1.35vw,19px)/2 var(--font-display);padding:18px 29px;text-shadow:0 2px 9px #134069}.philosophy-band strong{color:#fff7e7}
.section-heading-white{max-width:950px;margin-bottom:27px}.section-heading-white .eyebrow{color:#fff}.section-heading-white h2{margin-bottom:20px}.section-heading-white>p:last-child{color:#fff;font-size:17px;text-shadow:0 1px 4px rgba(2,22,44,.4)}.opportunity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.opportunity-grid article{background:rgba(255,253,247,.95);border:1.5px solid #edd0a3;border-radius:24px;padding:25px;min-height:237px}.opportunity-grid article>span{color:#cc6c2b;font:400 15px var(--font-display)}.opportunity-grid h3{color:#1a4e7a;margin:27px 0 12px}.opportunity-grid p{color:#4d697f;font-size:13px}.opportunity-footnote{font-size:12px;color:#fff;margin:16px 0 0;text-shadow:0 1px 4px rgba(2,22,44,.4)}
.closing-inner{margin:10px auto 30px;background:rgba(255,251,243,.97);border:1.5px solid #edac57;border-radius:35px;text-align:center;padding:65px 40px;box-shadow:var(--shadow)}.closing-inner .eyebrow{color:#bc5f28}.closing h2{color:#164b7f;margin:12px 0 22px}.closing h2 em{font-style:normal;color:#ce672d}.closing p:not(.eyebrow){color:#456780;max-width:795px;margin-inline:auto;font-size:17px}.closing-actions{justify-content:center;margin-top:26px}.closing .closing-small{font-size:12px!important;margin-top:23px}
.site-footer{color:#173c61;margin-top:50px;padding-top:30px;padding-bottom:32px;background:rgba(255,253,246,.95);border-radius:29px 29px 0 0;border:1.5px solid #eab67d;border-bottom:0}.footer-main{display:grid;grid-template-columns:260px 1fr 190px;gap:30px;align-items:center}.footer-logo img{width:100%;max-height:55px;object-fit:contain}.footer-explainer{font-size:13px;color:#45667b}.footer-links{display:flex;flex-direction:column;gap:7px}.footer-links a{font-size:12px;color:#1c507c;font-weight:700}.footer-links a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dce4e6;padding-top:16px;margin-top:22px;font-size:10px;color:#56738a}
@media(max-width:1180px){.shell{width:min(100% - 44px,1050px)}.brand-mark{width:204px;min-height:55px}.desktop-nav{gap:12px}.desktop-nav a{font-size:10px}.sky-select{width:145px}.hero{gap:27px}.company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.opportunity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.desktop-nav{display:none}.menu-toggle{display:flex}.mobile-nav:not([hidden]){display:block}.brand-mark{width:220px}.sky-select{width:168px}.hero{grid-template-columns:1fr;min-height:unset;padding-top:58px;gap:30px}.hero-copy{max-width:720px}.hero-art{max-width:700px;width:100%;margin:auto}.world-window{min-height:390px}.two-col{grid-template-columns:1fr;gap:4px}.group-heading{grid-template-columns:1fr;gap:10px}.process-line{grid-template-columns:repeat(3,1fr)}.footer-main{grid-template-columns:1fr 1fr}.footer-logo{max-width:230px}.footer-links{grid-column:span 2;flex-direction:row;gap:23px}}
@media(max-width:560px){html{scroll-padding-top:0}.shell{width:calc(100% - 30px)}.section{padding-block:34px}.site-header{padding:8px 0}.brand-mark{width:157px;min-height:46px;padding:8px 12px}.brand-mark img{max-height:34px}.header-actions{gap:7px}.sky-select{width:116px;font-size:10px;min-height:37px;padding:7px 4px}.menu-toggle{width:40px;height:39px;border-radius:12px}.hero{padding-top:43px;gap:32px}.hero h1{font-size:clamp(2rem,8.6vw,3.1rem);margin:16px 0}.hero-lead{font-size:17px;line-height:1.55}.hero-foundation{font-size:13px}.hero-actions{display:flex;gap:5px}.signature-button{width:min(48%,210px);min-width:0;padding:0 11px 5px 8px;font-size:9px}.signature-button>span{gap:5px}.sky-note{margin-top:16px}.world-window{min-height:335px;padding:23px 20px;border-radius:25px}.dimension-text{font-size:clamp(3rem,13vw,4.3rem)}.path-graph{height:127px}.hero-caption{font-size:11px}.section-panel{padding:26px 20px;border-radius:25px}.section-panel h2{font-size:clamp(1.5rem,7vw,2.2rem)}.section-lead{font-size:15px}.concept-copy h3{font-size:16px}.concept-copy p{font-size:14px}.comparison{flex-direction:column;align-items:stretch}.comparison-arrow{text-align:center;transform:rotate(90deg)}.example-title-row{align-items:start}.r4d-stamp{max-width:83px;max-height:56px}.path-tabs button{flex:1;min-width:0;font-size:10px;padding:8px}.story-panel{grid-template-columns:55px 1fr;padding:22px 15px;gap:13px;min-height:200px}.story-big{font-size:56px}.story-panel h3{font-size:14px}.story-panel p{font-size:12px}.company-grid{grid-template-columns:1fr;gap:12px}.company-card{min-height:unset;padding:21px;border-radius:22px}.card-index{margin-bottom:13px}.company-card p{font-size:13px}.group-intro{font-size:15px}.business-caveat{font-size:11px}.process-line{grid-template-columns:1fr 1fr}.process-line>div{padding:12px}.process-line h3{font-size:12px}.process-line p{font-size:11px}.philosophy-band{min-height:180px}.philosophy-band p{font-size:12px;line-height:2;padding:20px}.opportunity-grid{grid-template-columns:1fr;gap:12px}.opportunity-grid article{min-height:unset}.opportunity-grid h3{margin:12px 0}.closing-inner{padding:38px 19px}.closing h2{font-size:clamp(1.5rem,7vw,2.3rem)}.closing p:not(.eyebrow){font-size:14px}.closing-actions{gap:5px}.footer-main{display:flex;flex-direction:column;align-items:start;gap:16px}.footer-logo{max-width:180px}.footer-links{flex-wrap:wrap;gap:16px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition:none!important}}
@media (max-width:360px){
  .topbar{gap:5px}
  .brand-mark{width:125px;min-height:41px;padding:7px 10px}
  .brand-mark img{max-height:29px}
  .header-actions{gap:4px}
  .sky-select{width:102px;font-size:9px;padding:5px 2px}
  .menu-toggle{width:37px;height:37px}
  .shell{width:calc(100% - 22px)}
  .world-window{padding:20px 14px}
}
/* Pure, readable editorial panels against both sunshine and starfields. */
.group-heading,.section-heading-white{
  background:rgba(255,253,248,.96);
  border:1.5px solid #e6ae6d;
  border-radius:26px;
  padding:clamp(22px,3vw,38px);
  box-shadow:0 13px 28px rgba(11,42,75,.10);
}
.group-heading .eyebrow,.section-heading-white .eyebrow{color:#ab522b}
.group-heading .text-on-sky,.section-heading-white h2{color:#1a4d79;text-shadow:none}
.group-intro,.section-heading-white>p:last-child{color:#436783;text-shadow:none}
.business-caveat,.opportunity-footnote{
  display:inline-block;
  padding:10px 15px;
  color:#3c5e79;
  background:rgba(255,253,248,.95);
  border-radius:13px;
  text-shadow:none;
  border:1px solid #edcc9b;
}

/* Embedded R4D Basic demo — approved source-backed buttons elsewhere unchanged */
.r4d-explainer-panel{background:rgba(255,252,244,.985)}
.experience-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
.experience-title-row h2{margin:10px 0 18px}
.r4d-explainer-panel>.section-lead{max-width:1030px;color:#284d70}
.r4d-mechanics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:29px 0 40px}
.r4d-mechanics>div{background:#f4f8fb;border-radius:16px;border-left:4px solid #e7a347;padding:20px}
.r4d-mechanics h3{color:#194b79;font-size:16px;margin:7px 0}
.r4d-mechanics p{color:#527087;font-size:13px;line-height:1.7}
.demo-heading{margin:14px 0 23px}.demo-heading h3{font-family:var(--font-display);font-size:clamp(14px,1.5vw,20px);line-height:1.6;color:#194c7b}
.demo-heading p{font-size:14px;color:#466784;line-height:1.75;max-width:1040px;margin-top:9px}
.r4d-experience{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.85fr);gap:22px;align-items:stretch}
.embedded-player{border-radius:22px;overflow:hidden;background:#f8fbfc;border:1.5px solid #e4bd84;min-width:0}
.player-screen{position:relative;aspect-ratio:16/9;background:#113e71;overflow:hidden}
.player-screen video{width:100%;height:100%;object-fit:cover;display:block}
.player-overlay{pointer-events:none;position:absolute;left:17px;right:17px;top:14px;display:flex;gap:12px;align-items:center;justify-content:space-between;color:white;text-shadow:0 1px 3px #123a61;font-size:11px;font-weight:800}
.player-brand em{font-style:normal;font-size:9px;letter-spacing:.1em;color:#fff0bf}
.player-playmask{pointer-events:auto;cursor:pointer;border:0;width:100%;position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;background:rgba(5,29,60,.18);color:#fff;font-weight:800;text-shadow:0 2px 3px #173857;transition:opacity .2s}
.player-playmask[hidden]{display:none}.play-symbol{display:grid;place-content:center;width:65px;height:65px;background:rgba(255,252,242,.94);border:3px solid #df8d30;color:#164a81;font-size:26px;border-radius:50%}
.player-bottom-overlay{position:absolute;bottom:8px;left:15px;right:15px;color:#fff;background:rgba(7,43,80,.84);border-radius:9px;padding:8px 12px;font-size:12px;pointer-events:none}
.player-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:15px 12px 8px}
.demo-control{border:1.5px solid #d8872f;background:#fffdf8;color:#173f68;padding:12px 7px;min-width:0;border-radius:12px;font-weight:800;font-size:11px;line-height:1.5;cursor:pointer;min-height:52px}
.demo-control:hover,.demo-control:focus-visible{background:#fff4df;outline-offset:2px}.demo-control.primary{background:#e9ae56;color:#173454;border-color:#b65529}
.demo-control:disabled{opacity:.48;cursor:not-allowed}
.demo-details{padding:14px 15px 8px;display:grid;gap:11px}.demo-subhead{font-size:11px;font-weight:700;color:#47627b}.route-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
.route-chips span{border-radius:8px;padding:6px 12px;border:1px solid #e3b264;background:#fff3de;color:#224e76;font-size:13px;font-weight:800}
.route-chips span.current{border-color:#ac642e;background:#d88a37;color:#fff}
.demo-state{font-size:12px;color:#24496d;min-height:30px}
.demo-share{padding:8px 15px 12px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.demo-small-action{border:1px solid #c8d4da;border-radius:10px;padding:8px 12px;background:#fff;color:#204f79;font-size:11px;cursor:pointer;font-weight:700}
#demo-share-status{color:#38677b;font-size:11px;overflow-wrap:anywhere}
.demo-technical-note{border-top:1px solid #e4e9e8;background:#edf4f8;padding:12px 15px;color:#657e8d;font-size:11px;line-height:1.7}
.demo-sidebar{background:linear-gradient(180deg,#eaf3f7,#fcf9f3);border:1px solid #d8e5e7;border-radius:21px;padding:24px 20px;display:flex;flex-direction:column;gap:12px}
.demo-sidebar h3{font:400 16px/1.7 var(--font-display);color:#175483}.demo-sidebar p{color:#4b6679;font-size:13px;line-height:1.7}
.version-matrix{display:grid;gap:9px;margin:8px 0}.version-matrix>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7e5eb;padding:5px 0 9px;gap:10px}.version-matrix span{font-size:12px;color:#4c6a82;font-weight:700;margin-right:auto}.version-matrix strong{background:#fff7e6;border:1px solid #e5b874;color:#174d7d;border-radius:9px;padding:5px 9px;font-size:12px}
.demo-sidebar .demo-mode-distinction{font-size:12px;background:#fffdf9;border-left:3px solid #dc8a3b;border-radius:7px;padding:12px}
.demo-site-link{width:100%;max-width:260px;margin-top:auto;color:#124978;text-align:center;font-size:11px}.demo-real-link{font-size:12px;font-weight:800;color:#bc5f2a;line-height:1.8}
.value-panel{background:rgba(255,251,242,.985)}.value-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:24px 0}
.value-columns>div{background:#eef6fa;border:1px solid #e1e8e8;border-radius:18px;padding:23px}
.value-icon{color:#cd782d;font:400 25px var(--font-display)}.value-columns h3{color:#18507e;font-size:17px;margin:15px 0 8px}.value-columns p{font-size:14px;color:#476782;line-height:1.75}.benefits-footnote{font-size:12px;color:#5a7286;line-height:1.7}
@media(max-width:1000px){.r4d-experience{grid-template-columns:minmax(0,1.3fr) minmax(215px,.8fr)}.demo-sidebar{padding:18px}}
@media(max-width:820px){.r4d-experience{grid-template-columns:1fr}.r4d-mechanics{grid-template-columns:1fr 1fr}.demo-sidebar{gap:7px}.value-columns{grid-template-columns:1fr}}
@media(max-width:560px){.r4d-mechanics{grid-template-columns:1fr;margin:21px 0}.demo-heading p{font-size:13px}.r4d-experience{gap:15px}.player-controls{grid-template-columns:1fr 1fr;padding:10px;gap:7px}.demo-control{font-size:10px;min-height:45px}.player-controls .primary{grid-column:span 2}.player-overlay{font-size:10px;left:11px;right:11px;top:9px}.player-brand em{font-size:8px}.player-bottom-overlay{font-size:10px;padding:6px 8px;left:8px;right:8px}.r4d-explainer-panel>.section-lead{font-size:15px}.experience-title-row h2{font-size:clamp(1.4rem,6vw,2rem)}}

/* V4 animation and R4D mental mechanism */
/* POINTIMOVIE V4: preservation-first animated identity and psychological R4D vision. */
html{scroll-padding-top:0}
.identity-opening[hidden]{display:none!important}
.identity-opening{position:fixed;inset:0;z-index:110;display:grid;place-items:center;background:#117bcb;overflow:auto;isolation:isolate}
.identity-opening-sky{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(9,56,111,.07),rgba(7,50,91,.42)),url('sky-day.jpg') center/cover no-repeat #1488d5}
html[data-sky='night'] .identity-opening-sky{background:linear-gradient(180deg,rgba(3,18,43,.1),rgba(3,12,33,.6)),url('night-stars.svg') center/cover no-repeat #061733}
html[data-sky='dark'] .identity-opening-sky{background:linear-gradient(135deg,#102a4b,#28466a)}
html[data-sky='light'] .identity-opening-sky{background:linear-gradient(135deg,#e5f5fb,#cde3f2)}
.identity-opening-inner{width:min(880px,calc(100% - 26px));margin:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:80px 8px 60px;color:#fff;text-shadow:0 1px 8px rgba(2,29,59,.3)}
html[data-sky='light'] .identity-opening-inner{color:#153f70;text-shadow:none}
.identity-overline,.identity-definition{font:400 clamp(9px,1.1vw,12px)/1.8 var(--font-display);letter-spacing:.14em}
.identity-overline{margin:0 0 clamp(18px,4.3vw,42px);opacity:0;transform:translateY(10px)}
.identity-wordmark{width:min(820px,94vw);height:auto;overflow:visible;filter:drop-shadow(0 9px 16px rgba(1,23,56,.22));background:rgba(255,255,255,.93);border-radius:22px;padding:8px 12px 5px}
.identity-wordmark #identity-p-trace,.identity-wordmark #identity-p-tip,.identity-wordmark #identity-p-finish{stroke-dasharray:1000;stroke-dashoffset:1000}
.identity-wordmark .identity-scan{opacity:0;transform:scaleX(.05);transform-box:fill-box;transform-origin:left center}
.identity-wordmark .identity-logo-final{opacity:0}
.identity-opening.intro-playing #identity-p-trace{animation:pm-p-write 1.8s cubic-bezier(.29,.05,.34,1) .32s both}
.identity-opening.intro-playing #identity-p-tip{animation:pm-p-write .65s ease-out .95s both}
.identity-opening.intro-playing #identity-p-finish{animation:pm-p-write .95s ease-in-out 1.54s both}
.identity-opening.intro-playing .identity-scan{animation:pm-stripe-reveal .46s ease-out calc(1.85s + var(--order) * .16s) both}
.identity-opening.intro-playing .identity-logo-final{animation:pm-final-logo .8s ease-out 3.55s both}
.identity-opening.intro-playing .identity-overline{animation:pm-topline .7s ease-out .08s both}
@keyframes pm-p-write{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
@keyframes pm-stripe-reveal{0%{opacity:0;transform:scaleX(.05)}35%{opacity:1}100%{opacity:1;transform:scaleX(1)}}
@keyframes pm-final-logo{from{opacity:0}to{opacity:1}}
@keyframes pm-topline{to{opacity:1;transform:translateY(0)}}
.identity-branches{width:min(470px,76%);height:32px;position:relative;margin-top:6px;opacity:0}
.identity-branches i{position:absolute;left:50%;height:2px;width:45%;background:#e94a48;border-radius:3px;transform-origin:left center}
.identity-branches i:nth-child(1){transform:rotate(-6deg);background:#e62a45}
.identity-branches i:nth-child(2){transform:rotate(0);background:#f3b532}
.identity-branches i:nth-child(3){transform:rotate(6deg);background:#e78d31}
.identity-opening.intro-playing .identity-branches{animation:pm-branches 2s ease 1.65s both}
@keyframes pm-branches{0%{opacity:0;transform:scaleX(.04)}30%{opacity:.8;transform:scaleX(.9)}70%{opacity:.75}100%{opacity:.2;transform:scaleX(1)}}
.identity-statement{display:grid;gap:7px;margin-top:14px;min-height:114px}
.identity-statement span,.identity-statement strong,.identity-statement em{opacity:0;transform:translateY(10px);font-style:normal}
.identity-statement span{font:400 clamp(12px,1.35vw,17px)/1.6 var(--font-display)}
.identity-statement strong{font:400 clamp(15px,2.4vw,29px)/1.45 var(--font-display);color:#fff0c4}
.identity-statement em{font:600 clamp(14px,1.6vw,18px)/1.5 var(--font-body)}
html[data-sky='light'] .identity-statement strong{color:#ab5027}
.identity-opening.intro-playing .identity-statement span{animation:pm-topline .55s ease-out 2.15s both}
.identity-opening.intro-playing .identity-statement strong{animation:pm-topline .55s ease-out 3.15s both}
.identity-opening.intro-playing .identity-statement em{animation:pm-topline .6s ease-out 4.1s both}
.identity-definition{margin:17px 0 0;opacity:0}
.identity-opening.intro-playing .identity-definition{animation:pm-definition .5s ease-out 4.45s both}
@keyframes pm-definition{to{opacity:.94}}
.identity-skip{position:fixed;right:clamp(10px,4vw,42px);bottom:clamp(15px,4vw,40px);border:1.5px solid rgba(255,255,255,.85);border-radius:16px;padding:11px 18px;background:rgba(8,42,76,.82);color:#fff;z-index:5;font:600 13px/1.3 var(--font-body)}
.identity-skip:focus-visible{outline-color:#ffd891}
body.identity-running{overflow:hidden}
.identity-opening.intro-leaving{animation:pm-opening-leave .7s ease-in both;pointer-events:none}
@keyframes pm-opening-leave{to{opacity:0;visibility:hidden}}
.identity-replay{border:1px solid rgba(255,246,223,.92);border-radius:50px;background:rgba(18,63,107,.63);color:#fff;padding:8px 15px;font:600 12px/1.25 var(--font-body);margin-top:20px;transition:background .2s,transform .2s}
.identity-replay:hover{background:rgba(24,75,122,.88);transform:translateY(-2px)}
.sky-drift{position:fixed;inset:0;z-index:-4;pointer-events:none;opacity:.23;background:radial-gradient(ellipse 170px 33px at 3% 85%,rgba(255,255,255,.65),transparent 80%),radial-gradient(ellipse 240px 24px at 60% 69%,rgba(255,255,255,.4),transparent 80%);background-repeat:no-repeat;animation:pm-cloud-drift 120s linear infinite alternate}
@keyframes pm-cloud-drift{to{transform:translateX(75px)}}
html[data-sky='night'] .sky-drift,html[data-sky='dark'] .sky-drift,html[data-sky='light'] .sky-drift{opacity:0}
html[data-sky='night'] .sky-moon{animation:pm-moon-breath 14s ease-in-out infinite alternate}
@keyframes pm-moon-breath{to{filter:brightness(1.13)}}
/* The original signature-button raster assets remain unchanged. */
.illusion-panel{background:rgba(255,252,246,.98);border:1.5px solid #e5a15c}
.illusion-intro{display:grid;grid-template-columns:1.07fr .93fr;gap:clamp(20px,4vw,64px);align-items:center}
.illusion-kicker{font:600 12px var(--font-body);letter-spacing:.14em;color:#b75c2c;margin:0 0 13px}
.illusion-intro h2{font-size:clamp(23px,2.75vw,38px);line-height:1.5;margin-bottom:10px}
.illusion-intro h2 em{font-style:normal;color:#c35f2c}
.illusion-intro .section-lead{font-size:16px;margin-bottom:9px}
.mental-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:36px 0 31px}
.mental-step{position:relative;padding:25px 19px 19px;background:#f0f7fa;border:1px solid #dfedf0;border-radius:20px;min-height:210px}
.mental-number{display:block;color:#c56731;font:400 23px/1.2 var(--font-display);margin-bottom:24px}
.mental-step h3{font-size:14px;color:#1c537d;line-height:1.5;margin-bottom:11px}
.mental-step p{font-size:12px;line-height:1.7;color:#4d6a7e;margin:0}
.mental-step::after{content:'→';position:absolute;right:-18px;top:35px;z-index:2;font:700 25px var(--font-body);color:#d97b34}
.mental-step:last-child::after{content:none}
.illusion-core{display:grid;grid-template-columns:1fr 1fr;gap:21px}
.illusion-quote{padding:33px 29px;background:#143d67;border-radius:22px;color:#fff;display:flex;flex-direction:column;justify-content:center}
.illusion-quote>span{font:400 11px var(--font-display);letter-spacing:.14em;color:#f6c272}
.illusion-quote blockquote{font:400 clamp(17px,1.7vw,23px)/1.6 var(--font-display);margin:17px 0;color:#fff5dc}
.illusion-quote p{font-size:14px;color:#dfebf5;margin:0}
.parallel-worlds{min-width:0;padding:26px 25px;background:linear-gradient(145deg,#eaf4fa,#fffbf0);border:1px solid #cfdde5;border-radius:22px;text-align:center}
.parallel-root{display:inline-block;padding:10px 14px;background:#fff;border:1px solid #ebc791;border-radius:11px;font:400 10px var(--font-display);color:#204f78}
.parallel-trunks{position:relative;width:80%;height:41px;margin:auto}
.parallel-trunks:before{content:'';position:absolute;left:50%;top:0;height:19px;width:2px;background:#bd7b43}
.parallel-trunks:after{content:'';position:absolute;top:19px;left:16%;right:16%;height:2px;background:linear-gradient(90deg,#dc3149,#edac32,#dc7137)}
.parallel-trunks i{position:absolute;top:19px;width:2px;height:21px;background:#cb8b4e}
.parallel-trunks i:nth-child(1){left:16%}.parallel-trunks i:nth-child(2){left:50%}.parallel-trunks i:nth-child(3){left:84%}
.parallel-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.world-choice{border:2px solid #e1d3bd;border-radius:14px;background:#fff;padding:12px 5px 10px;color:#1a547e;display:grid;gap:8px;place-items:center;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s}
.world-choice span{display:grid;place-items:center;width:53px;aspect-ratio:1;border-radius:50%;background:#d6374f;color:#fff;font:400 20px var(--font-display)}
.world-choice:nth-child(2) span{background:#dba13a}.world-choice:nth-child(3) span{background:#c77842}
.world-choice small{font:400 9px var(--font-display)}
.world-choice[aria-pressed='true']{border-color:#bd6739;box-shadow:0 5px 15px rgba(34,85,121,.15);transform:translateY(-3px)}
.parallel-response{font-size:12px;line-height:1.7;color:#486981;margin:18px 0 0;min-height:42px}
.illusion-disclaimer{font-size:11px;color:#5f7787;line-height:1.8;padding-top:15px;border-top:1px solid #dce8ed;margin:22px 0 0}
/* Slight distinction in a resumed, revisited experience; zero motion in reduced-motion environments. */
@media(max-width:1100px){.mental-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.mental-step:nth-child(2)::after{content:none}.illusion-intro{grid-template-columns:1fr}.illusion-intro .section-lead{max-width:880px}}
@media(max-width:820px){.illusion-core{grid-template-columns:1fr}.identity-wordmark{width:min(660px,95vw)}}
@media(max-width:560px){.illusion-intro h2{font-size:clamp(20px,6.3vw,29px)}.mental-steps{grid-template-columns:1fr;gap:13px;margin:24px 0}.mental-step{min-height:unset;padding:17px 20px}.mental-number{margin-bottom:10px}.mental-step::after{content:'↓';right:50%;top:auto;bottom:-21px}.mental-step:nth-child(2)::after{content:'↓'}.mental-step:last-child::after{content:none}.illusion-quote{padding:24px 20px}.illusion-quote blockquote{font-size:16px}.parallel-worlds{padding:18px 12px}.world-choice{padding:9px 3px}.world-choice span{width:41px}.world-choice small{font-size:8px}.identity-overline{max-width:280px}.identity-statement{min-height:106px}.identity-statement strong{font-size:clamp(14px,4.5vw,21px)}.identity-opening-inner{padding-top:45px}.identity-skip{padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.sky-drift,.sky-moon{animation:none!important}.identity-opening.intro-playing *{animation:none!important}.identity-wordmark .identity-logo-final{opacity:1!important}.identity-opening .identity-overline,.identity-opening .identity-definition,.identity-statement>span,.identity-statement>strong,.identity-statement>em{opacity:1!important;transform:none!important}.identity-opening .identity-branches{opacity:0!important}}

/* V5 point-precise RGB-stripe revealing, one chosen colour per letter, while P is curving. */
.identity-wordmark .pm-p-stem,.identity-wordmark .pm-p-curve,.identity-wordmark .pm-p-hook{stroke-dasharray:1000;stroke-dashoffset:1000}
.identity-wordmark .pm-ink-letter{opacity:0}
.identity-wordmark .pm-second-ink,.identity-wordmark .pm-third-ink,.identity-wordmark .identity-logo-final{opacity:0}
.identity-opening.intro-playing .pm-p-stem{animation:pm-p-write 2.15s cubic-bezier(.22,.02,.35,1) .15s both}
.identity-opening.intro-playing .pm-p-curve{animation:pm-p-write 1.65s cubic-bezier(.36,.05,.39,1) .96s both}
.identity-opening.intro-playing .pm-p-hook{animation:pm-p-write .84s ease-out 1.22s both}
.identity-opening.intro-playing .pm-ink-letter{animation:pm-letter-ink .13s ease-out calc(1.16s + var(--order)*.172s) both}
.identity-opening.intro-playing .pm-second-ink{animation:pm-rest-ink .42s ease-in-out 3.28s both}
.identity-opening.intro-playing .pm-third-ink{animation:pm-rest-ink .42s ease-in-out 3.52s both}
.identity-opening.intro-playing .identity-logo-final{animation:pm-final-logo .26s ease-in-out 3.95s both}
@keyframes pm-letter-ink{from{opacity:0}to{opacity:1}}
@keyframes pm-rest-ink{from{opacity:0}to{opacity:1}}
.identity-opening.intro-playing .identity-statement span{animation:pm-topline .55s ease-out 3.9s both}
.identity-opening.intro-playing .identity-statement strong{animation:pm-topline .55s ease-out 4.5s both}
.identity-opening.intro-playing .identity-statement em{animation:pm-topline .6s ease-out 4.9s both}
.identity-opening.intro-playing .identity-definition{animation:pm-definition .5s ease-out 5.2s both}
.identity-opening.intro-playing .identity-branches{animation:pm-branches 2.1s ease 2.05s both}
.pm-colour-switcher{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px;color:#fff;font-size:12px;letter-spacing:0}
.pm-colour-switcher>span{margin-right:6px;font-size:11px;font-weight:700}
.pm-colour-choice{display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:30px;border:1px solid rgba(255,255,255,.65);background:rgba(13,59,107,.62);color:#fff;padding:7px 10px;font-size:11px;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}
.pm-colour-choice[aria-pressed='true']{background:#fffaf3;color:#17456d;border-color:#fff}
.pm-colour-choice:focus-visible,.r4d-identity-replay:focus-visible{outline:3px solid #f8be57;outline-offset:3px}
.pm-colour-choice:hover{transform:translateY(-2px)}
.pm-dot{width:11px;height:11px;border-radius:50%;display:inline-block}
.pm-gold{background:#f7b231}.pm-grey{background:#a9a9ab}.pm-red{background:#ea0e28}
/* Second brand film: R&D becomes R4D using the inventor's preserved source image. */
.r4d-brand-story{margin:30px 0 35px;border:1px solid #d7dce2;border-radius:23px;padding:clamp(16px,2.5vw,31px);background:linear-gradient(135deg,#f7fafc,#fff9f0);box-shadow:0 13px 32px rgba(19,62,93,.05)}
.r4d-brand-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}
.r4d-brand-heading>div{max-width:790px}
.r4d-brand-kicker{color:#b95b28;font:700 10px/1.7 var(--font-body);letter-spacing:.14em;margin:0 0 8px}
.r4d-brand-heading h3{font-size:clamp(17px,2.2vw,25px);color:#183f68;line-height:1.4;margin:0 0 8px}
.r4d-brand-heading p:not(.r4d-brand-kicker){color:#4c6980;font-size:13px;line-height:1.76;margin:0}
.r4d-identity-replay{white-space:nowrap;border:1px solid #df9f55;color:#294d70;border-radius:30px;padding:12px 15px;background:#fffcf5;font-weight:700;cursor:pointer;transition:box-shadow .2s,transform .2s}
.r4d-identity-replay:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(45,88,120,.12)}
.r4d-identity-stage{position:relative;margin:10px auto 0;max-width:690px;aspect-ratio:958/508;overflow:hidden}
.r4d-identity-stage svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 8px 8px rgba(34,50,74,.08))}
.r4d-ampersand{font:900 italic 267px/1 var(--font-display),sans-serif;fill:#f4b642;paint-order:stroke fill;stroke:#fff6d7;stroke-width:3}
.r4d-arrow-growth{stroke-dasharray:1000;stroke-dashoffset:1000}
.r4d-four-ink,.r4d-finished-logo{opacity:0}
.r4d-choice-selected,.r4d-choice-alternative{opacity:0;stroke-dasharray:1000;stroke-dashoffset:1000}
.r4d-in-motion .r4d-arrow-growth{animation:pm-p-write 2.15s cubic-bezier(.26,.03,.35,1) .37s both}
.r4d-in-motion .r4d-four-ink{animation:r4d-visible .12s ease .46s both}
.r4d-in-motion .r4d-ampersand{animation:r4d-amp-clear 1.25s ease 1.1s both}
.r4d-in-motion .r4d-choice-selected{animation:r4d-fork-strong 1.15s ease 2.12s both}
.r4d-in-motion .r4d-choice-alternative{animation:r4d-fork-muted 1.15s ease 2.12s both}
.r4d-in-motion .r4d-finished-logo{animation:r4d-complete 1s ease 3.56s both}
.r4d-motion-complete .r4d-finished-logo{opacity:1}
.r4d-motion-complete .r4d-initial-r,.r4d-motion-complete .r4d-initial-d,.r4d-motion-complete .r4d-ampersand{opacity:0}
.r4d-identity-words{display:flex;justify-content:center;align-items:center;gap:16px;color:#294e70;font:700 clamp(12px,1.6vw,17px)/1.25 var(--font-display);letter-spacing:.08em;margin-top:-9px}
.r4d-identity-words strong{color:#e51337}.r4d-identity-words i{font-style:normal;color:#f1a929}
.r4d-story-caption{text-align:center;color:#5d7284;font-size:12px;line-height:1.7;margin:5px 0 0}
@keyframes r4d-visible{from{opacity:0}to{opacity:1}}
@keyframes r4d-amp-clear{0%,22%{opacity:1}100%{opacity:0}}
@keyframes r4d-fork-strong{0%{opacity:0;stroke-dashoffset:1000}42%,76%{opacity:.94;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
@keyframes r4d-fork-muted{0%{opacity:0;stroke-dashoffset:1000}42%,76%{opacity:.3;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
@keyframes r4d-complete{0%{opacity:0}45%,100%{opacity:1}}
@media(max-width:760px){.r4d-brand-heading{align-items:flex-start;flex-direction:column;gap:14px}.r4d-identity-replay{white-space:normal}.pm-colour-switcher{max-width:350px}.r4d-brand-story{margin:24px 0}}
@media(max-width:400px){.pm-colour-switcher>span{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.r4d-in-motion *{animation:none!important}.r4d-in-motion .r4d-finished-logo{opacity:1!important}.identity-opening .pm-second-ink,.identity-opening .pm-third-ink,.identity-opening .identity-logo-final{opacity:1!important}}

/* POINTIMOVIE V6 — true original VECTOR artwork, never scaled from the 696px V5 raster.
   Every letter's coloured regions are the original source shapes, not approximations.
   Each run randomly chooses a colour by default (or manual control for verification).
   This revision deliberately does not change the separate R4D logo animation. */
.identity-wordmark-v6{shape-rendering:geometricPrecision;text-rendering:geometricPrecision}
.identity-wordmark-v6 .pm6-p-stem,.identity-wordmark-v6 .pm6-p-curve,.identity-wordmark-v6 .pm6-p-hook{stroke-dasharray:1000;stroke-dashoffset:1000}
.identity-wordmark-v6 .pm6-glyph-ink,.identity-wordmark-v6 .pm6-p-whole,.identity-wordmark-v6 .pm6-final-original{opacity:0}
.identity-opening.intro-playing .pm6-p-stem{animation:pm-p-write 2.18s cubic-bezier(.22,.02,.35,1) .15s both}
.identity-opening.intro-playing .pm6-p-curve{animation:pm-p-write 1.68s cubic-bezier(.36,.05,.39,1) .94s both}
.identity-opening.intro-playing .pm6-p-hook{animation:pm-p-write .82s ease-out 1.20s both}
.identity-opening.intro-playing .pm6-p-whole{animation:pm6-p-resolve .22s ease-out 2.64s both}
@keyframes pm6-p-resolve{from{opacity:0}to{opacity:1}}
.identity-opening.intro-playing[data-colour="yellow"] .pm6-glyph .pm6-ink-yellow,
.identity-opening.intro-playing[data-colour="grey"] .pm6-glyph .pm6-ink-grey,
.identity-opening.intro-playing[data-colour="red"] .pm6-glyph .pm6-ink-red{
 animation:pm6-letter-show .16s ease-out calc(1.18s + var(--glyph-order)*.187s) both
}
@keyframes pm6-letter-show{from{opacity:0}to{opacity:1}}
.identity-opening.intro-playing[data-colour="yellow"] .pm6-glyph .pm6-ink-grey,
.identity-opening.intro-playing[data-colour="yellow"] .pm6-glyph .pm6-ink-red,
.identity-opening.intro-playing[data-colour="grey"] .pm6-glyph .pm6-ink-yellow,
.identity-opening.intro-playing[data-colour="grey"] .pm6-glyph .pm6-ink-red,
.identity-opening.intro-playing[data-colour="red"] .pm6-glyph .pm6-ink-grey,
.identity-opening.intro-playing[data-colour="red"] .pm6-glyph .pm6-ink-yellow{
 animation:pm6-rest-colours .53s ease-out 3.41s both
}
@keyframes pm6-rest-colours{from{opacity:0}to{opacity:1}}
.identity-opening.intro-playing .pm6-final-original{animation:pm6-complete .23s ease-in 4.0s both}
@keyframes pm6-complete{from{opacity:0}to{opacity:1}}
.pm-mode-status{margin:8px 0 0;color:#f5eac5;font-size:11px;line-height:1.65}
.pm-random-choice[aria-pressed="true"]{background:#fffaf3;color:#17456d;border-color:#fff}
@media(prefers-reduced-motion:reduce){
 .identity-wordmark-v6 .pm6-final-original{opacity:1!important}
 .identity-wordmark-v6 .pm6-p-masked,.identity-wordmark-v6 .pm6-letters{opacity:0!important}
}
/* R4D's separate, previously identified animation defects are deferred: focus on POINTIMOVIE approval. */
#r4d-brand-story{display:none}


/* V6.1: corrective start-state gate. Chromium's SVG mask strokes were painting
   rounded end-caps BEFORE their delayed animation started, producing premature
   coloured flecks in the very first MP4 frame. Keep all original paths and
   timing/sequence; suppress each pen stroke until its own animation starts. */
.identity-wordmark-v6 .pm6-p-stem,
.identity-wordmark-v6 .pm6-p-curve,
.identity-wordmark-v6 .pm6-p-hook { opacity: 0; }
@keyframes pm6-clean-write {
  0% { stroke-dashoffset: 1000; opacity: 0; }
  1% { opacity: 1; }
  100% { stroke-dashoffset: 0; opacity: 1; }
}
.identity-opening.intro-playing .pm6-p-stem { animation:pm6-clean-write 2.18s cubic-bezier(.22,.02,.35,1) .15s both; }
.identity-opening.intro-playing .pm6-p-curve { animation:pm6-clean-write 1.68s cubic-bezier(.36,.05,.39,1) .94s both; }
.identity-opening.intro-playing .pm6-p-hook { animation:pm6-clean-write .82s ease-out 1.20s both; }


/* POINTIMOVIE V6.2: approved logo — remove unwanted guide lines, keep layout;
   grey P segment is excluded from the stroke-masked preview and appears
   only when the full ORIGINAL P resolves at the existing 2.64s animation cue. */
.identity-opening .identity-branches{visibility:hidden!important;opacity:0!important;animation:none!important}
.identity-opening .identity-branches i{display:none!important}

/* =============================================================
 POINTIMOVIE V7: targeted user-approved homepage changes ONLY
 1) logo lives statically in the original top-left signature button;
    on HOME click, animate that exact vector IN PLACE, random colour.
 2) wide horizontal, progressing tree replaces the square TIME panel.
 No overlay, manual colour selections, automatic logo intro or text rewriting.
============================================================= */
.identity-opening{display:none!important}
.brand-mark{position:relative;overflow:hidden}
.brand-mark .identity-wordmark-v6{display:block;width:100%;height:auto;max-width:100%;max-height:100%;padding:0;border-radius:0;background:none;filter:none;overflow:visible;flex:none}
.brand-mark .identity-wordmark-v6 .pm6-final-original{opacity:1}
.brand-mark .pm6-p-stem,.brand-mark .pm6-p-curve,.brand-mark .pm6-p-hook{opacity:0;stroke-dasharray:1000;stroke-dashoffset:1000}
.brand-mark .pm6-p-whole,.brand-mark .pm6-glyph-ink{opacity:0}
.brand-mark.logo-playing .pm6-final-original{opacity:0;animation:pm6-complete .23s ease-in 4.0s both}
.brand-mark.logo-playing .pm6-p-stem{animation:pm6-clean-write 2.18s cubic-bezier(.22,.02,.35,1) .15s both}
.brand-mark.logo-playing .pm6-p-curve{animation:pm6-clean-write 1.68s cubic-bezier(.36,.05,.39,1) .94s both}
.brand-mark.logo-playing .pm6-p-hook{animation:pm6-clean-write .82s ease-out 1.20s both}
.brand-mark.logo-playing .pm6-p-whole{animation:pm6-p-resolve .22s ease-out 2.64s both}
.brand-mark.logo-playing[data-colour="yellow"] .pm6-glyph .pm6-ink-yellow,
.brand-mark.logo-playing[data-colour="grey"] .pm6-glyph .pm6-ink-grey,
.brand-mark.logo-playing[data-colour="red"] .pm6-glyph .pm6-ink-red{
 animation:pm6-letter-show .16s ease-out calc(1.18s + var(--glyph-order)*.187s) both
}
.brand-mark.logo-playing[data-colour="yellow"] .pm6-glyph :is(.pm6-ink-grey,.pm6-ink-red),
.brand-mark.logo-playing[data-colour="grey"] .pm6-glyph :is(.pm6-ink-yellow,.pm6-ink-red),
.brand-mark.logo-playing[data-colour="red"] .pm6-glyph :is(.pm6-ink-grey,.pm6-ink-yellow){
 animation:pm6-rest-colours .53s ease-out 3.41s both
}
.brand-mark:focus-visible{outline:3px solid #f5a927;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.brand-mark .identity-wordmark-v6 .pm6-final-original{opacity:1!important}.brand-mark .pm6-p-masked,.brand-mark .pm6-letters{opacity:0!important}}

/* Horizontal, free-floating story tree; no boxed diagram or viewer route controls */
.hero{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:unset;padding-top:clamp(26px,3.7vw,52px);padding-bottom:clamp(36px,4vw,58px);gap:12px}
.hero-copy{max-width:1130px;width:100%}
.hero h1{font-size:clamp(2.15rem,4vw,4.15rem);margin:15px 0 14px;max-width:1000px}
.hero-lead{max-width:970px;font-size:clamp(16px,1.55vw,20px);line-height:1.6;margin-bottom:10px}
.hero-foundation{max-width:930px;margin-bottom:12px}
.hero-actions{margin-top:15px}
.hero-art{width:100%;max-width:100%;margin-top:2px}
.story-tree{position:relative;isolation:isolate;width:100%;aspect-ratio:1280/360;max-height:335px;overflow:hidden;filter:drop-shadow(0 2px 3px rgba(7,36,75,.4))}
.story-tree-svg{display:block;width:100%;height:100%;overflow:visible}
.story-horizontal-guides line{stroke:#e5f3ff;opacity:.19;stroke-width:1.3;stroke-dasharray:3 12}
.story-line{stroke-width:3.1;opacity:.87;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 1px 2px rgba(4,28,49,.5))}
.story-line.stage-0{stroke:url(#story-trunk);stroke-width:5.8}
.story-line.tone-gold{stroke:#ffc044}
.story-line.tone-coral{stroke:#fa6071}
.story-line.tone-silver{stroke:#e8f2fa;opacity:.75}
.story-line.stage-4{stroke-width:2.6;opacity:.78}
.story-junction{opacity:0;fill:#fff1bc;stroke:#d9912b;stroke-width:1.5}
.story-ends{opacity:0}
.story-end-dot{stroke:#ffffff;stroke-width:1.8;filter:drop-shadow(0 1px 3px rgba(2,25,53,.6))}
.story-end-dot.tone-gold{fill:#ffca57}
.story-end-dot.tone-coral{fill:#f96c79}
.story-end-dot.tone-silver{fill:#d7eaf5}
.story-focus{opacity:0}
.story-picked{stroke:#ffe394;stroke-width:7;filter:url(#story-glow);stroke-dasharray:1;stroke-dashoffset:0}
.story-focus-b .story-picked{stroke:#fa6574}
.story-focus-c .story-picked{stroke:#ffe9b9}
.story-tree.story-animating .story-line.stage-0{animation:story-draw 1.0s ease-out 0.05s both}
.story-tree.story-animating .story-line.stage-1{animation:story-draw 1.28s ease-out 1.05s both}
.story-tree.story-animating .story-line.stage-2{animation:story-draw 1.33s ease-out 2.23s both}
.story-tree.story-animating .story-line.stage-3{animation:story-draw 1.4s ease-out 3.52s both}
.story-tree.story-animating .story-line.stage-4{animation:story-draw 1.08s ease-out 4.86s both}
.story-tree.story-animating .story-junction.stage-0{animation:story-node-in .45s ease .25s both}
.story-tree.story-animating .story-junction.stage-1{animation:story-node-in .45s ease 1.1s both}
.story-tree.story-animating .story-junction.stage-2{animation:story-node-in .45s ease 2.4s both}
.story-tree.story-animating .story-junction.stage-3{animation:story-node-in .45s ease 3.7s both}
.story-tree.story-animating .story-junction.stage-4{animation:story-node-in .45s ease 4.99s both}
.story-tree.story-animating .story-ends{animation:story-node-in .6s ease 5.6s both}
.story-tree.story-animating .story-focus-a{animation:story-focus-a 19.5s ease-in-out 5.7s infinite}
.story-tree.story-animating .story-focus-b{animation:story-focus-b 19.5s ease-in-out 5.7s infinite}
.story-tree.story-animating .story-focus-c{animation:story-focus-c 19.5s ease-in-out 5.7s infinite}
@keyframes story-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes story-node-in{from{opacity:0}to{opacity:1}}
@keyframes story-focus-a{0%,27%,100%{opacity:0}3%,22%{opacity:.9}}
@keyframes story-focus-b{0%,32%,60%,100%{opacity:0}38%,53%{opacity:.87}}
@keyframes story-focus-c{0%,65%,94%,100%{opacity:0}70%,88%{opacity:.89}}
.hero-caption{margin-top:0;color:#fff9e5;text-shadow:0 1px 4px rgba(7,38,74,.7);font-size:12px}
@media(max-width:820px){.hero{display:flex;padding-top:31px;gap:9px}.hero-art{max-width:100%;margin:0}.story-tree{max-height:none}.hero-copy{max-width:100%}}
@media(max-width:560px){.hero{padding-top:24px;gap:10px}.hero h1{font-size:clamp(30px,8.6vw,45px);margin:12px 0}.hero-lead{font-size:16px}.hero-foundation{font-size:13px}.story-tree{aspect-ratio:1280/440;min-height:117px}.story-tree-svg{width:100%;height:100%}.hero-caption{font-size:10px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){
 .story-tree .story-line{stroke-dashoffset:0!important;animation:none!important}
 .story-tree .story-junction,.story-tree .story-ends{opacity:1!important;animation:none!important}
 .story-tree .story-focus-a{opacity:.8!important;animation:none!important}
 .story-tree .story-focus-b,.story-tree .story-focus-c{opacity:0!important;animation:none!important}
}


/* POINTIMOVIE V8 — approved original identity, finalised horizontal tree, unchanged text.
   Visual-only additions: SVG logo at the tree origin, original R4D logo at main ending,
   inline wordmark caption, original R4D4us animated identity in business card. */
.tree-scrollport{position:relative;width:100%;overflow:visible}
.tree-mobile-hint{display:none}
.story-tree{aspect-ratio:1480/360;max-height:none;overflow:hidden}
.story-tree-svg{width:100%;height:100%}
.story-line.story-main-final{stroke:#ffe9b5;stroke-width:5.8;opacity:1;filter:url(#story-glow)}
.story-tree .story-origin-visible{display:block}
.tree-origin-logo{position:absolute;left:4.6%;top:27%;width:16.3%;height:auto;z-index:3;pointer-events:none}
.tree-origin-logo .tree-original-wordmark{display:block!important;width:100%!important;height:auto;max-width:100%;padding:0!important;border-radius:0!important;background:transparent!important;filter:drop-shadow(0 1px 2px rgba(8,34,65,.25))!important;overflow:visible}
.tree-origin-logo .pm6-final-original{opacity:1}
.tree-origin-logo .pm6-p-stem,.tree-origin-logo .pm6-p-curve,.tree-origin-logo .pm6-p-hook{opacity:0;stroke-dasharray:1000;stroke-dashoffset:1000}
.tree-origin-logo .pm6-p-whole,.tree-origin-logo .pm6-glyph-ink{opacity:0}
.story-tree.story-animating .tree-origin-logo .pm6-final-original{opacity:0;animation:pm6-complete .23s ease-in 4s both}
.story-tree.story-animating .tree-origin-logo .pm6-p-stem{animation:pm6-clean-write 2.18s cubic-bezier(.22,.02,.35,1) .15s both}
.story-tree.story-animating .tree-origin-logo .pm6-p-curve{animation:pm6-clean-write 1.68s cubic-bezier(.36,.05,.39,1) .94s both}
.story-tree.story-animating .tree-origin-logo .pm6-p-hook{animation:pm6-clean-write .82s ease-out 1.20s both}
.story-tree.story-animating .tree-origin-logo .pm6-p-whole{animation:pm6-p-resolve .22s ease-out 2.64s both}
.story-tree.story-animating[data-colour="yellow"] .tree-origin-logo .pm6-glyph .pm6-ink-yellow,
.story-tree.story-animating[data-colour="grey"] .tree-origin-logo .pm6-glyph .pm6-ink-grey,
.story-tree.story-animating[data-colour="red"] .tree-origin-logo .pm6-glyph .pm6-ink-red{
 animation:pm6-letter-show .16s ease-out calc(1.18s + var(--glyph-order)*.187s) both
}
.story-tree.story-animating[data-colour="yellow"] .tree-origin-logo .pm6-glyph :is(.pm6-ink-grey,.pm6-ink-red),
.story-tree.story-animating[data-colour="grey"] .tree-origin-logo .pm6-glyph :is(.pm6-ink-yellow,.pm6-ink-red),
.story-tree.story-animating[data-colour="red"] .tree-origin-logo .pm6-glyph :is(.pm6-ink-grey,.pm6-ink-yellow){
 animation:pm6-rest-colours .53s ease-out 3.41s both
}
/* Wording is left untouched. Times are sequenced: the original logo writes first,
   branch routes complete, then the endpoint logo animates. */
.story-tree.story-animating .story-line.stage-0{animation:story-draw .95s ease-out 2.60s both}
.story-tree.story-animating .story-line.stage-1{animation:story-draw 1.04s ease-out 3.55s both}
.story-tree.story-animating .story-line.stage-2{animation:story-draw 1.05s ease-out 4.55s both}
.story-tree.story-animating .story-line.stage-3{animation:story-draw 1.10s ease-out 5.60s both}
.story-tree.story-animating .story-line.stage-4{animation:story-draw .95s ease-out 6.70s both}
.story-tree.story-animating .story-junction.stage-0{animation:story-node-in .4s ease 2.7s both}
.story-tree.story-animating .story-junction.stage-1{animation:story-node-in .4s ease 3.62s both}
.story-tree.story-animating .story-junction.stage-2{animation:story-node-in .4s ease 4.65s both}
.story-tree.story-animating .story-junction.stage-3{animation:story-node-in .4s ease 5.7s both}
.story-tree.story-animating .story-junction.stage-4{animation:story-node-in .4s ease 6.8s both}
.story-tree.story-animating .story-ends{animation:story-node-in .4s ease 7.48s both}
.story-tree.story-animating .story-focus-a{animation:story-focus-a 19.5s ease-in-out 7.8s infinite}
.story-tree.story-animating .story-focus-b{animation:story-focus-b 19.5s ease-in-out 7.8s infinite}
.story-tree.story-animating .story-focus-c{animation:story-focus-c 19.5s ease-in-out 7.8s infinite}
.tree-r4d-destination{position:absolute;left:82.2%;top:32.5%;width:17%;height:36%;z-index:3;pointer-events:none;opacity:0;transform:translateY(5px);transition:opacity .6s ease,transform .6s ease}
.tree-r4d-destination img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(1,23,54,.25))}
.tree-r4d-destination .tree-r4d-motion{opacity:0}
.story-tree.tree-end-revealed .tree-r4d-destination{opacity:1;transform:translateY(0)}
.story-tree.tree-end-playing .tree-r4d-destination .tree-r4d-rest{opacity:0}
.story-tree.tree-end-playing .tree-r4d-destination .tree-r4d-motion{opacity:1}
.tree-multiverse-title{display:flex;justify-content:center;align-items:center;gap:clamp(5px,1.4vw,16px);margin:15px auto 9px;line-height:1.1;font:400 clamp(15px,2.15vw,29px)/1.3 var(--font-display);color:#fff4d8;filter:drop-shadow(0 1px 5px rgba(8,37,73,.42))}
.tree-multiverse-title img{width:clamp(49px,7vw,98px);height:clamp(30px,4.7vw,64px);object-fit:contain;display:block}
.company-animated-brand{position:relative;display:block;width:min(100%,340px);aspect-ratio: 950/279;margin:12px 0 16px;overflow:hidden;border-radius:9px;outline-offset:4px}
.company-animated-brand img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}
.company-animated-brand .company-animated-motion{opacity:0}
.company-animated-brand.is-animating .company-animated-still{opacity:0}
.company-animated-brand.is-animating .company-animated-motion{opacity:1}
.company-animated-brand:hover,.company-animated-brand:focus-visible{filter:drop-shadow(0 3px 5px rgba(239,154,49,.32))}
@media(max-width:820px){.story-tree{aspect-ratio:1480/360;min-height:0}}
@media(max-width:560px){
 .tree-scrollport{overflow-x:auto;overflow-y:hidden;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:#e5af5c transparent;overscroll-behavior-x:contain}
 .tree-scrollport .story-tree{width:900px;min-width:900px;aspect-ratio:1480/360;min-height:0;overflow:hidden}
 .tree-origin-logo{top:26%;width:16.3%;left:4.6%}
 .tree-r4d-destination{left:82.2%;width:17%;top:32.5%}
 .tree-mobile-hint{display:block;text-align:right;color:#fff7e7;text-shadow:0 2px 5px rgba(0,28,65,.7);font-size:11px;font-weight:700;letter-spacing:.05em;margin:4px 0 5px}
 .tree-multiverse-title{gap:5px;white-space:nowrap;font-size:clamp(13px,4vw,17px);margin:14px 0 11px}
 .tree-multiverse-title img{width:48px;height:32px}
}
@media(prefers-reduced-motion:reduce){
 .story-tree .story-line{stroke-dashoffset:0!important;animation:none!important}
 .story-tree .story-junction,.story-tree .story-ends{opacity:1!important;animation:none!important}
 .story-tree .tree-origin-logo .pm6-final-original{opacity:1!important;animation:none!important}
 .story-tree .tree-origin-logo .pm6-p-masked,.story-tree .tree-origin-logo .pm6-letters{opacity:0!important;animation:none!important}
 .story-tree .tree-r4d-destination{opacity:1!important;transform:none!important}
 .company-animated-brand .company-animated-motion{opacity:0!important}
 .company-animated-brand .company-animated-still{opacity:1!important}
}

/* POINTIMOVIE V9 — approved V8 presentation, ONE persistent route / screening.
   Do not change header Home logo, story text, alternate branches, or Living Sky. */
.story-tree .story-selected-route {opacity:1;filter:url(#story-glow)}
.story-tree .story-chosen-segment {
  fill:none;stroke:#fffdf4;stroke-width:8.0;stroke-linecap:round;
  stroke-linejoin:round;stroke-dasharray:var(--route-length) var(--route-length);
  stroke-dashoffset:var(--route-length);
  filter:none;opacity:1;
}
.story-tree .story-chosen-node {
  fill:#fff8dd;stroke:#f4ad29;stroke-width:2.1;
  filter:drop-shadow(0 0 3px rgba(255,219,105,.7));opacity:0;
}
@keyframes story-selected-draw{from{stroke-dashoffset:var(--route-length)}to{stroke-dashoffset:0}}
/* Draw the selected screening branch-by-branch and NEVER fade or replace segments. */
.story-tree.story-animating .story-chosen-segment.stage-0 {animation:story-selected-draw .95s ease-out 2.60s both}
.story-tree.story-animating .story-chosen-segment.stage-1 {animation:story-selected-draw 1.04s ease-out 3.55s both}
.story-tree.story-animating .story-chosen-segment.stage-2 {animation:story-selected-draw 1.05s ease-out 4.55s both}
.story-tree.story-animating .story-chosen-segment.stage-3 {animation:story-selected-draw 1.10s ease-out 5.60s both}
.story-tree.story-animating .story-chosen-segment.stage-4 {animation:story-selected-draw .95s ease-out 6.70s both}
.story-tree.story-animating .story-chosen-node.stage-0 {animation:story-node-in .22s ease 2.62s both}
.story-tree.story-animating .story-chosen-node.stage-1 {animation:story-node-in .22s ease 3.58s both}
.story-tree.story-animating .story-chosen-node.stage-2 {animation:story-node-in .22s ease 4.58s both}
.story-tree.story-animating .story-chosen-node.stage-3 {animation:story-node-in .22s ease 5.63s both}
.story-tree.story-animating .story-chosen-node.stage-4 {animation:story-node-in .22s ease 6.72s both}
.story-tree.story-animating .story-chosen-node.stage-end {animation:story-node-in .28s ease 7.63s both}
/* R4D logo's graphic centre coincides with the END of the selected branch (x1234,y205).
   Previously it was ~250px wide and vertically offset. */
.tree-r4d-destination {
  left:83.95%;top:44.45%;width:11.3%;height:25%;
  transform:translateY(4px);z-index:4;
}
.story-tree.tree-end-revealed .tree-r4d-destination {transform:translateY(0)}
@media(max-width:560px){
 .tree-r4d-destination{left:83.95%;top:44.45%;width:11.3%;height:25%}
}
@media(prefers-reduced-motion:reduce){
 .story-tree .story-chosen-segment{stroke-dashoffset:0!important;animation:none!important}
 .story-tree .story-chosen-node{opacity:1!important;animation:none!important}
}

/* V9.1 editorial review (30 October 2026): readable section titles and guaranteed
   new-line starts for prominent concluding sentences across editorial text blocks.
   Brand, animation, sky and selected Multiverse-route CSS are unchanged. */
.section-label,
.group-heading .eyebrow,
.section-heading-white .eyebrow,
.closing-inner > .eyebrow {
  font-size: clamp(13px, 1.1vw, 16px);
  letter-spacing: .09em;
  line-height: 1.65;
}
.editorial-line {display:block; margin-top:.32em}


/* POINTIMOVIE continuing website review — 30 October 2026.
   Original R4D logo is used within prominent brand references (not retyped in Michroma).
   Compact illustration is intentionally independent of the embedded Basic video player. */
.r4d-inline-brand {display:inline-flex;vertical-align:-.23em;width:2.33em;height:1.24em;align-items:center;justify-content:center;margin:0 .04em;white-space:nowrap;line-height:1}
.r4d-inline-brand img {display:block;width:100%;height:100%;object-fit:contain}
.r4d-inline-brand--small {width:2.05em;height:1.09em;vertical-align:-.21em}
.signature-button .r4d-inline-brand {vertical-align:-.26em}
.section-label .r4d-inline-brand {vertical-align:-.29em}
.company-card p .r4d-inline-brand {width:2.3em}
/* Diagram: one actual approved R4D logo; 11 lettered but NON-clickable worlds. */
.parallel-worlds--random {display:flex;flex-direction:column;justify-content:center;padding:20px 16px;min-height:215px}
.parallel-flow {display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-width:0}
.parallel-movie {flex:0 0 auto;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:#fffefa;border:1.8px solid #d9913e;border-radius:14px;padding:9px 8px 7px;width:106px;min-height:99px;box-shadow:0 3px 12px rgba(12,45,78,.07);color:#16456f;transition:box-shadow .18s,transform .18s,border-color .18s}
.parallel-movie:hover {box-shadow:0 5px 18px rgba(208,119,41,.26);transform:translateY(-2px);border-color:#b65d23}
.parallel-movie:focus-visible {outline:3px solid #1c649d;outline-offset:3px}
.parallel-movie img {width:73px;height:42px;object-fit:contain;display:block;flex:none}
.parallel-movie-name {font:400 10px/1.35 var(--font-display);letter-spacing:.04em;color:#16456f}
.parallel-movie-cta {font:700 8px/1.35 var(--font-body);color:#bc6127;letter-spacing:.015em;margin-top:5px}
.parallel-flow-arrow {font:400 clamp(18px,2.3vw,28px)/1 var(--font-body);color:#ca7738;flex:0 0 auto;transition:color .25s,filter .25s}
.parallel-flow.is-revealed .parallel-flow-arrow {color:#e7a028;filter:drop-shadow(0 0 4px rgba(232,169,41,.48))}
.parallel-letters {display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:3px;flex:1;min-width:0;max-width:462px;align-items:center}
.parallel-letter {display:flex;align-items:center;justify-content:center;aspect-ratio:1;min-width:0;border-radius:50%;font:400 clamp(8px,.92vw,12px)/1 var(--font-display);color:#426986;background:#f8fafd;border:1.2px solid #c7d6e0;transition:background-color .22s,box-shadow .25s,color .22s,border-color .22s,transform .22s;cursor:default;user-select:none}
.parallel-letter:nth-child(3n+1) {border-color:#d36b7b}
.parallel-letter:nth-child(3n+2) {border-color:#dfad5e}
.parallel-letter:nth-child(3n) {border-color:#d4936e}
.parallel-letter.is-revealed {color:#fff;background:#d83454;border-color:#b91b3c;box-shadow:0 0 0 2px rgba(219,50,77,.14),0 0 14px rgba(219,50,77,.37);transform:scale(1.13);z-index:2}
.parallel-letter.is-revealed:nth-child(3n+2) {background:#df9b2b;border-color:#b77610;box-shadow:0 0 0 2px rgba(223,155,43,.18),0 0 14px rgba(223,155,43,.42)}
.parallel-letter.is-revealed:nth-child(3n) {background:#ca7540;border-color:#a65d27;box-shadow:0 0 0 2px rgba(202,117,64,.16),0 0 14px rgba(202,117,64,.39)}
.parallel-worlds--random .parallel-response {font-size:12px;line-height:1.6;min-height:39px;color:#476580;margin:17px 0 0}
@media(max-width:1250px){.parallel-worlds--random{padding:17px 12px}.parallel-flow{gap:6px}.parallel-movie{width:88px;min-height:88px;padding:7px 5px}.parallel-movie img{width:60px;height:35px}.parallel-movie-cta{font-size:7px}.parallel-letters{gap:2px}.parallel-letter{font-size:9px}}
@media(max-width:820px){.parallel-movie{width:112px;min-height:100px}.parallel-movie img{width:72px;height:42px}.parallel-letter{font-size:clamp(9px,2vw,13px)}.parallel-flow{gap:10px}.parallel-letters{gap:4px}}
@media(max-width:560px){.parallel-worlds--random{padding:17px 11px;min-height:195px}.parallel-movie{width:88px;min-height:89px}.parallel-movie img{width:60px;height:35px}.parallel-movie-cta{font-size:7px}.parallel-flow{gap:5px}.parallel-flow-arrow{font-size:17px}.parallel-letters{gap:2px}.parallel-letter{font-size:clamp(7px,2.2vw,11px)}.parallel-worlds--random .parallel-response{font-size:11px;margin-top:14px}}
@media(max-width:350px){.parallel-movie{width:76px;padding:6px 3px}.parallel-movie img{width:52px;height:30px}.parallel-letters{gap:1px}.parallel-letter{font-size:7px}.parallel-flow{gap:3px}}
@media(prefers-reduced-motion:reduce){.parallel-movie,.parallel-letter,.parallel-flow-arrow{transition:none!important;transform:none!important}}
/* Keep the distinctive R4D system brand together instead of orphaning the logo. */
.r4d-brand-phrase {white-space:nowrap}
/* Mobile: two short rows keep all eleven WORLD letters recognizable at phone widths. */
@media(max-width:560px){
 .parallel-letters{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px 3px}
 .parallel-letter{width:min(100%,27px);justify-self:center;font-size:10px}
}
@media(max-width:350px){.parallel-letters{gap:3px 2px}.parallel-letter{font-size:9px}}

/* 31 October editorial review — demo readability and original R4D4us branding. */
.site-header {background:#f7fbfd;}
html {scroll-padding-top:0;}
.section {scroll-margin-top:24px;}
.demo-sidebar {gap:15px; min-width:0;}
.demo-sidebar .demo-side-conclusion {display:block; margin-top:1px; font-weight:700; color:#234d70;}
.demo-sidebar .demo-mode-distinction {display:block; padding:17px 17px 18px; background:#fffdf9;}
.demo-sidebar .demo-mode-distinction p {display:block; margin:0 0 15px; color:#3e5e78; font-size:13px; line-height:1.75;}
.demo-sidebar .demo-mode-distinction p:last-child {margin-bottom:0;}
.demo-sidebar .demo-mode-distinction .demo-mode-conclusion {margin-top:7px; padding-top:12px; border-top:1px solid #e3e9ed; color:#18476c;}
.demo-sidebar .demo-site-link {max-width:270px; width:min(100%,270px); padding:3px 28px 5px; margin:13px auto 0; align-self:center;}
.demo-sidebar .demo-site-link img {width:100%; max-height:49px; object-fit:contain; display:block;}
.demo-state:empty {display:none;}
.demo-mode-distinction code{font:600 .96em/1.5 monospace;}
@media(max-width:820px){.demo-sidebar {gap:13px;} }
@media(max-width:560px){html {scroll-padding-top:0;}.section{scroll-margin-top:24px;} .demo-sidebar .demo-mode-distinction p{font-size:12px;} .demo-sidebar .demo-site-link {width:220px;}}

/* Review 31 October — approved R4D logo in player and other R4D-labelled buttons. */
.r4d-button-label{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 .32em;text-align:center;vertical-align:middle;max-width:100%;line-height:1.35}
.r4d-button-logo{display:inline-block;flex:none;width:auto;height:1.5em;max-width:2.85em;object-fit:contain;vertical-align:middle}
.demo-control .r4d-button-label{min-height:19px}
.demo-control .r4d-button-logo{height:2.0em;max-width:3.9em}
.player-playmask .r4d-button-label{font-size:17px;text-shadow:0 2px 4px #123a61}
.player-playmask .r4d-button-logo{height:1.75em;max-width:3.35em;filter:drop-shadow(0 1px 3px #0b3969)}
.signature-button .r4d-button-logo{height:1.85em;max-width:3.4em}
.r4d-identity-replay .r4d-button-logo{height:1.8em;max-width:3.5em}
@media(max-width:560px){
  .demo-control{min-height:62px;line-height:1.35;padding:8px 5px;font-size:10px}
  .demo-control .r4d-button-logo{height:2em;max-width:3.75em}
  .player-playmask .r4d-button-label{font-size:13px}
  .signature-button .r4d-button-logo{height:1.65em}
}


/* 31 Oct sky-film integration: four-stage non-interactive R4D playback timeline. */
.demo-version-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%;margin:2px 0 3px;}
.demo-timeline-stage{min-width:0;border:1px solid #d6e3eb;background:#eff5f8;border-radius:10px;padding:9px 10px 11px;overflow:hidden;}
.demo-timeline-stage.is-current{background:#fff8e9;border-color:#d89440;box-shadow:inset 0 0 0 1px rgba(232,171,76,.12);}
.demo-timeline-stage.is-seen{background:#f4f8f5;}
.demo-timeline-stage-label{display:flex;align-items:center;justify-content:space-between;gap:5px;flex-wrap:wrap;color:#365c79;font-size:11px;font-weight:800;line-height:1.5;}
.demo-timeline-stage.is-current .demo-timeline-stage-label{color:#18507c;}
.demo-timeline-progress{display:block;height:5px;border-radius:8px;background:#d6e1e9;overflow:hidden;margin-top:7px;}
.demo-timeline-progress-fill{display:block;height:100%;width:0%;background:#d38b3b;border-radius:7px;transition:width .08s linear;}
.demo-timeline-stage.is-seen .demo-timeline-progress-fill{background:#8faebc;}
.demo-details{padding-top:10px;gap:7px;}
.demo-details .demo-subhead{line-height:1.6;}
.demo-details .r4d-inline-brand{width:2.18em;height:1.08em;vertical-align:-.22em;}
.demo-state{min-height:0;line-height:1.55;}
.demo-state:empty{display:none;}
.version-matrix>div{gap:5px;}
.version-matrix strong{padding:5px 7px;}
@media(max-width:560px){
 .demo-version-timeline{gap:4px;}
 .demo-timeline-stage{padding:6px 5px 8px;border-radius:8px;}
 .demo-timeline-stage-label{font-size:9px;flex-direction:column;align-items:flex-start;gap:1px;}
 .demo-timeline-progress{height:4px;margin-top:5px;}
 .version-matrix strong{font-size:10px;padding:4px 5px;}
}
@media(prefers-reduced-motion:reduce){.demo-timeline-progress-fill{transition:none;}}


/* 31 October continuation — dedicated POINTIMOVIE Contact page, same approved identity. */
.desktop-nav a[aria-current="page"],.mobile-nav a[aria-current="page"],.footer-links a[aria-current="page"]{color:#b95327;text-decoration:underline;text-underline-offset:5px}
@media(min-width:821px){.desktop-nav{gap:clamp(9px,1.12vw,20px)}.desktop-nav a{font-size:clamp(9px,.76vw,11px)}}
.closing-r4d4us-link{width:clamp(218px,21vw,280px);padding:2px 27px 6px}
.closing-r4d4us-link img{width:100%;height:56%;max-height:57px;object-fit:contain;display:block}
.contact-page .brand-mark img{max-height:48px;max-width:100%;object-fit:contain}
.contact-main{padding-block:clamp(45px,6.6vw,85px) 38px}
.contact-intro{max-width:1010px;margin-bottom:26px;padding:clamp(26px,3.2vw,43px);background:rgba(255,253,248,.975);border:1.5px solid #e6ae6d;border-radius:30px;box-shadow:var(--shadow)}
.contact-intro .eyebrow{margin-bottom:20px;color:#b6542c;font-size:11px}
.contact-intro h1{color:#19517d;margin:0 0 18px;font-size:clamp(1.75rem,3.5vw,3.2rem);letter-spacing:-.04em;line-height:1.47}
.contact-intro h1 em{font-style:normal;color:#d17a32}
.contact-intro p:last-child{color:#486984;font-size:clamp(14px,1.4vw,17px);max-width:760px;margin-bottom:0}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.75fr);gap:22px;align-items:start}
.contact-panel,.contact-aside{background:rgba(255,253,248,.98);border:1.5px solid #eab77e;border-radius:27px;padding:clamp(22px,3.1vw,39px);box-shadow:0 12px 30px rgba(12,37,71,.1);min-width:0}
.contact-panel h2,.contact-aside h2{color:#1b4e7b;font-size:clamp(19px,2.2vw,27px);margin-bottom:13px}
.contact-panel .contact-lead{color:#516f85;margin:0 0 23px;font-size:14px}
.contact-panel form{display:grid;gap:18px}
.contact-panel label{display:flex;flex-direction:column;gap:8px;color:#234f73;font-weight:700;font-size:13px}
.contact-fields-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.contact-panel input,.contact-panel select,.contact-panel textarea{display:block;width:100%;padding:12px 13px;min-height:45px;border:1.5px solid #c8d9e5;border-radius:12px;background:#fff;color:#153d63;font:400 14px/1.45 var(--font-body)}
.contact-panel textarea{resize:vertical;min-height:134px}
.contact-panel input:focus,.contact-panel select:focus,.contact-panel textarea:focus{border-color:#d98c3e;outline:2px solid rgba(230,150,50,.22)}
.contact-panel input[aria-invalid="true"],.contact-panel select[aria-invalid="true"],.contact-panel textarea[aria-invalid="true"]{border-color:#b02c3b}
.contact-care{color:#56758b;font-size:12px;margin:0}
.contact-honeypot{position:absolute;left:-10000px;opacity:0;pointer-events:none;width:1px;height:1px;overflow:hidden}
.contact-send-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.contact-submit{border:0;min-width:216px;max-width:260px;font-size:12px;color:#173d63;cursor:pointer}
.contact-submit[disabled]{opacity:.65;cursor:not-allowed}
.contact-status{margin:0;color:#365c78;font-size:12px;flex:1;min-width:200px}
.contact-status[data-state="error"]{color:#992f38}
.contact-status[data-state="success"]{color:#226048}
.contact-aside{background:linear-gradient(155deg,rgba(238,247,251,.98),rgba(255,253,246,.98))}
.contact-topic{display:grid;grid-template-columns:40px 1fr;gap:12px;border-top:1px solid #d9e4eb;padding:17px 0}
.contact-topic>span{font:400 12px var(--font-display);color:#c77639;padding-top:3px}
.contact-topic h3{font:400 13px/1.5 var(--font-display);color:#214c71;margin:0 0 6px}
.contact-topic p{font-size:12px;color:#4c6b84;line-height:1.72;margin:0}
.contact-back-link{display:inline-block;margin-top:15px;color:#b45e2b;text-decoration:underline;text-underline-offset:3px;font-size:12px;font-weight:700}
@media(max-width:980px){.contact-layout{grid-template-columns:1fr}.contact-aside{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.contact-aside h2,.contact-back-link{grid-column:1/-1}}
@media(max-width:560px){.closing-r4d4us-link{width:240px;max-width:100%}.closing-r4d4us-link img{height:54%;max-height:47px}.contact-main{padding-block:35px 28px}.contact-intro{padding:25px 20px}.contact-panel,.contact-aside{padding:24px 20px}.contact-fields-two,.contact-aside{display:grid;grid-template-columns:1fr}.contact-panel form{gap:16px}.contact-submit{width:235px;max-width:100%;min-width:0}.contact-status{min-width:0}}

/* Keep required asterisks on their label line; keep copyright year inline at phone widths. */
.contact-panel .contact-field-label{display:inline-flex;gap:5px;align-items:baseline;line-height:1.4}
.contact-panel .contact-field-label b{color:#ba5b2a;font-weight:700}
@media(max-width:560px){.footer-bottom > span span{display:inline;margin:0}}

/* 31 Oct editorial layout check: one adaptive anchor offset, never a double offset. */
html{scroll-padding-top:0!important}
.section{scroll-margin-top:var(--pm-header-clearance,120px)!important}
/* English heading hierarchy: capitalize important words but retain case in body prose. */
h1,h2,h3{text-wrap:balance}
.contact-intro h1{text-wrap:balance}
/* Keep the Contact introduction aligned to the same full-width page grid as the form below. */
.contact-intro{max-width:none;width:100%}
.contact-intro h1{max-width:960px}

/* 31 Oct reader review: hero explanatory sentence legible, authentic R4D4us CTA.
   Original brand artwork and accepted signature-button silhouettes unchanged. */
.hero-foundation{font-size:clamp(19px,1.45vw,22px);line-height:1.65;font-weight:500;max-width:1030px;margin-bottom:19px;text-wrap:pretty}
.hero-foundation strong{font-weight:700}
.hero-r4d4us-link{width:clamp(256px,22vw,302px);padding:4px 26px 8px 23px}
.hero-r4d4us-link .hero-r4d4us-content{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-width:0;flex-wrap:nowrap;white-space:nowrap}
.hero-r4d4us-verb{font-size:clamp(11px,.83vw,13px);flex:none}
.hero-r4d4us-logo{display:block;flex:0 1 120px;min-width:0;width:120px;max-width:46%;height:auto;max-height:46px;object-fit:contain}
.hero-r4d4us-arrow{flex:none;font-size:15px}
@media(max-width:560px){
 .hero-foundation{font-size:clamp(16px,4.4vw,18px);line-height:1.64;max-width:100%}
 .hero-r4d4us-link{width:min(100%,290px);padding:3px 27px 7px 20px}
 .hero-r4d4us-verb{font-size:12px}
 .hero-r4d4us-logo{width:112px;max-width:47%}
}

/* 31 Oct review: exact embedded-player destination, original logo in header menu. */
.nav-watch-r4d{display:inline-flex!important;gap:.27em;align-items:center;white-space:nowrap;vertical-align:middle}
.nav-watch-r4d-logo{width:2.44em;height:1.28em;display:inline-block;object-fit:contain;vertical-align:-.3em;flex:none}
#watch-r4d-video{scroll-margin-top:var(--pm-header-clearance,120px);outline:none}
@media(min-width:821px){.desktop-nav{gap:clamp(7px,.83vw,15px)}.desktop-nav a{font-size:clamp(9px,.72vw,11px)}}
@media(max-width:820px){.mobile-nav .nav-watch-r4d{display:flex!important;justify-content:flex-start;font-size:12px}.mobile-nav .nav-watch-r4d-logo{width:2.5em}}
/* Give important lines their own breathing room and preserve capitalization in visible slogans. */
.hero-lead-opening{margin:0 0 10px;max-width:1030px}
.hero-lead-purpose{margin:0 0 18px;max-width:1030px;color:#fff6dc;font-weight:700}
.hero-lead-purpose strong{color:#fff1bf}
.hero-lead-purpose .r4d-inline-brand{width:2.45em;vertical-align:-.3em}
@media(max-width:560px){.hero-lead-opening{margin-bottom:11px}.hero-lead-purpose{margin-bottom:16px}}
.illusion-kicker{display:flex;align-items:center;gap:.4em;font:400 clamp(17px,1.35vw,23px)/1.55 var(--font-display);letter-spacing:.045em;margin-bottom:16px}
.illusion-kicker .r4d-inline-brand{font-size:1.35em;vertical-align:middle;margin:0}
.technology-brand-label{font-size:clamp(17px,1.4vw,21px)!important;display:flex;gap:.3em;align-items:center;flex-wrap:wrap}
.technology-brand-label .r4d-inline-brand{font-size:1.4em;vertical-align:middle}
/* Contact page: public address stands alone; no cramped or run-on contact text. */
.contact-intro-description{max-width:900px!important;margin:0 0 12px!important}
.contact-intro .contact-direct-email{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;max-width:100%;margin-top:18px;color:#204f76;font-size:clamp(16px,1.3vw,20px);line-height:1.6}
.contact-direct-email span{font-weight:600}
.contact-direct-email .contact-email-text{color:#204f76;text-decoration:none;overflow-wrap:anywhere;font-weight:700;cursor:text}
.contact-topic h3{font-size:clamp(15px,1.15vw,19px);line-height:1.5;display:flex;align-items:center;gap:.25em;flex-wrap:wrap}
.contact-topic h3 .r4d-inline-brand{font-size:1.1em;margin:0}
@media(max-width:560px){.contact-intro .contact-direct-email{display:block}.contact-direct-email .contact-email-text{display:block;max-width:100%;font-size:17px}}


/* 31 Oct review correction — legible main navigation, original R4D logo in
   “The R4D Illusion” on Home and Contact. Preserve original artwork.
   Use the compact menu on narrower screens instead of shrinking text to 9px. */
.desktop-nav .nav-illusion-r4d,.mobile-nav .nav-illusion-r4d{
  display:inline-flex!important;align-items:center;justify-content:flex-start;
  gap:.22em;white-space:nowrap;vertical-align:middle
}
.nav-illusion-r4d-logo{
  display:inline-block;width:2.35em;height:1.22em;object-fit:contain;
  vertical-align:-.22em;flex:none
}
/* Readable desktop text — previously 9–11px. */
@media(min-width:1200px){
  .desktop-nav{gap:9px}
  .desktop-nav a{font-size:15px}
}
@media(min-width:1001px) and (max-width:1199px){
  .desktop-nav{gap:7px}
  .desktop-nav a{font-size:12.5px}
}
/* Give smaller laptops/tablets the full-size accessible collapsible menu. */
@media(max-width:1000px){
  .desktop-nav{display:none}
  .menu-toggle{display:flex}
  .mobile-nav:not([hidden]){display:block}
  .mobile-nav a{font-size:16px;line-height:1.5}
  .mobile-nav .nav-watch-r4d{font-size:16px!important}
  .mobile-nav .nav-illusion-r4d{font-size:16px!important;display:flex!important}
}
.footer-r4d-illusion{display:inline-flex;align-items:center;gap:.08em}
.footer-r4d-illusion .r4d-inline-brand{flex:none}

/* 31 October review: scale unchanged R4D original artwork in proportion to type. */
.r4d-inline-brand{width:2.95em;height:1.56em;vertical-align:-.37em;flex:0 0 auto}
.r4d-inline-brand--small{width:2.65em;height:1.4em;vertical-align:-.33em}
.section-label .r4d-inline-brand{vertical-align:-.37em}
.company-card p .r4d-inline-brand{width:2.95em;height:1.56em}
.demo-details .r4d-inline-brand{width:2.65em;height:1.4em;vertical-align:-.33em}
.hero-lead-purpose .r4d-inline-brand{width:3.05em;height:1.61em;vertical-align:-.38em}
.illusion-kicker .r4d-inline-brand,.technology-brand-label .r4d-inline-brand,.contact-topic h3 .r4d-inline-brand{font-size:1em;width:3.05em;height:1.61em;vertical-align:middle;margin:0}
.nav-illusion-r4d-logo,.nav-watch-r4d-logo{width:3.05em;height:1.62em;vertical-align:middle;object-fit:contain}
.r4d-button-logo{height:2.05em;max-width:4em;width:auto;object-fit:contain}
.demo-control .r4d-button-logo{height:2.55em;max-width:4.8em}
.player-playmask .r4d-button-logo{height:2.35em;max-width:4.45em}
.signature-button .r4d-button-logo{height:2.25em;max-width:4.4em}
.r4d-identity-replay .r4d-button-logo{height:2.25em;max-width:4.35em}
.demo-control .r4d-button-label{line-height:1.35;row-gap:0}
/* On narrow screens switch to the larger-label menu rather than squeeze logos. */
@media(max-width:1279px){.desktop-nav{display:none}.menu-toggle{display:flex}.mobile-nav:not([hidden]){display:block}.mobile-nav a{font-size:16px;line-height:1.5}.mobile-nav .nav-illusion-r4d,.mobile-nav .nav-watch-r4d{font-size:16px!important}}
@media(max-width:560px){.demo-control .r4d-button-logo{height:2.35em;max-width:4.5em}.player-playmask .r4d-button-logo{height:2.15em;max-width:4.1em}.signature-button .r4d-button-logo{height:2.05em}}

/* Keep the R4D logo attached to its following title, even on small phones. */
.r4d-brand-phrase{display:inline-flex;align-items:center;gap:.1em;white-space:nowrap;vertical-align:-.17em}
.r4d-brand-phrase>.r4d-inline-brand{margin:0;flex:0 0 auto}

/* 31 Oct footer parity: same seven destinations as the header, with authentic R4D logo. */
.footer-links{align-items:flex-start}
.footer-links a{min-height:22px;display:inline-flex;align-items:center;justify-content:flex-start;gap:.12em;white-space:nowrap}
.footer-links .r4d-inline-brand{vertical-align:middle;flex:none;max-width:none}
.footer-r4d-video,.footer-r4d-illusion{white-space:nowrap}
@media(max-width:980px){.footer-links{row-gap:12px;column-gap:19px;flex-wrap:wrap}}
@media(max-width:560px){.footer-links a{font-size:13px;min-height:26px}}

/* 04NOV editorial corrections: existing approved art and animation preserved */
.hero .eyebrow.bright{font-size:clamp(14px,1.15vw,19px);letter-spacing:.10em;line-height:1.5}
.pm-inline-logo{display:inline-flex;align-items:center;vertical-align:-.30em;width:clamp(145px,13vw,218px);max-width:45%;margin-right:.20em}
.pm-inline-logo img{display:block;width:100%;height:auto;max-height:1.65em;object-fit:contain}
.hero-foundation .sentence-line{display:block;margin-top:.28em}
.hero-foundation-conclusion{font-weight:700;letter-spacing:.01em}
.sentence-line{display:block;margin-top:.20em}
.concept-copy .sentence-line,.illusion-intro .sentence-line{margin-top:.42em}
.concept-copy .sentence-line:first-child,.illusion-intro .sentence-line:first-child{margin-top:0}
.comparison>div:not(.comparison-arrow){padding:19px 23px;min-height:102px}
.comparison strong{font-size:clamp(16px,1.25vw,19px)}
.comparison span{font-size:clamp(15px,1.15vw,17px);line-height:1.65;margin-top:5px}
.mental-step p{font-size:clamp(14px,1.08vw,16px);line-height:1.7}
.mental-step .sentence-line{margin-top:.43em}
.r4d-mechanics p{font-size:clamp(15px,1.08vw,17px);line-height:1.7}
.r4d-mechanics .sentence-line{margin-top:.42em}
.r4d-mechanics .process-conclusion{font-weight:700;color:#194b79}
@media(max-width:560px){.hero .eyebrow.bright{font-size:13px}.pm-inline-logo{width:140px;max-width:51%}.comparison span{font-size:15px}.mental-step p,.r4d-mechanics p{font-size:15px}}


/* ========================================================================
   POINTIMOVIE REVIEW 05 NOV 2026 — AUTHORIZED PRESENTATION-ONLY OVERRIDES
   Original logo assets, animations, scripts and Videmo clips unchanged.
   Keep all previously approved copy verbatim; only explicitly authorized
   second-card wording and Group paragraph above were edited.
   ======================================================================== */
/* Hero: more legible original inline logo; keep sentence elements aligned. */
.hero-foundation { line-height:1.78; }
.hero-foundation .pm-inline-logo {
  width:clamp(168px,15vw,235px); max-width:min(48%,235px);
  box-sizing:border-box; vertical-align:middle; margin:0 .32em .12em 0;
  padding:4px 9px; background:rgba(255,255,255,.97);
  border-radius:12px; filter:drop-shadow(0 2px 4px rgba(5,35,65,.12));
}
.hero-foundation .pm-inline-logo img { max-height:unset; }
.hero-foundation .r4d-brand-phrase {vertical-align:middle;}
/* The approved Time Travel narrative, between Sections 01 and 02. */
.time-travel-section {padding-block:clamp(26px,4vw,48px);}
.time-travel-panel {
  background:linear-gradient(114deg,rgba(255,252,244,.985),rgba(237,246,251,.985));
  border-color:#dea263;
  padding:clamp(28px,4vw,54px);
}
.time-travel-panel h2 {
  font-size:clamp(25px,2.7vw,39px);line-height:1.28;
  margin:0 0 23px;color:#164f7b;
}
.time-travel-copy {max-width:1000px;}
.time-travel-copy p {
  color:#315a7a;font-size:clamp(16px,1.32vw,20px);
  line-height:1.8;margin:0 0 17px;
}
.time-travel-copy p:last-child {margin-bottom:0;}
.time-travel-copy strong {color:#194d7a;}
/* Comparison card body/title readability, without changing approved wording. */
.comparison strong{font-size:clamp(18px,1.35vw,21px);}
.comparison span{font-size:clamp(16px,1.17vw,18px);}
/* All content cards: larger headings and prose, without changing card widths. */
.r4d-mechanics h3{font-size:clamp(18px,1.4vw,21px);line-height:1.4;}
.r4d-mechanics p{font-size:clamp(16px,1.18vw,18px);line-height:1.65;}
.value-columns h3{font-size:clamp(19px,1.45vw,22px);line-height:1.42;}
.value-columns p{font-size:clamp(16px,1.18vw,18px);line-height:1.68;}
.benefits-footnote{font-size:clamp(15px,1.12vw,17px);line-height:1.72;}
.mental-step h3{font-size:clamp(17px,1.3vw,20px);line-height:1.35;}
.mental-step p{font-size:clamp(15px,1.08vw,17px);line-height:1.7;}
/* Group introduction: sentences begin on distinct lines, always left aligned. */
.group-intro{text-align:left;}
.group-intro p{margin:0 0 .65em;}
.group-intro p:last-child{margin-bottom:0;}
/* Eight business cards: preserve existing widths and grid. */
.company-card h3{font-size:clamp(17px,1.28vw,20px);line-height:1.45;}
.company-card p{font-size:clamp(15px,1.06vw,17px);line-height:1.58;}
.company-card .card-note{font-size:clamp(13px,.95vw,15px);line-height:1.55;}
.company-card .card-index{font-size:clamp(10px,.78vw,12px);}
.company-card .text-link{font-size:clamp(14px,1vw,16px);}
/* Other cards elsewhere, with original dimensions / columns intact. */
.process-line h3{font-size:clamp(16px,1.14vw,18px);line-height:1.45;}
.process-line p{font-size:clamp(14px,1vw,16px);line-height:1.6;}
.opportunity-grid h3{font-size:clamp(18px,1.28vw,21px);line-height:1.45;}
.opportunity-grid p{font-size:clamp(15px,1.09vw,17px);line-height:1.62;}
.opportunity-footnote{font-size:clamp(14px,1vw,16px);}
/* Prevent cramped content in fixed-height cards. Their widths stay identical. */
.company-card,.mental-step,.opportunity-grid article{height:auto;}
@media(max-width:1100px){
  .company-card h3{font-size:18px;}
  .company-card p{font-size:15px;}
  .company-card .card-note{font-size:13px;}
}
@media(max-width:560px){
  .hero-foundation .pm-inline-logo{width:clamp(126px,38vw,180px);padding:3px 6px;max-width:55%;}
  .time-travel-panel h2{font-size:clamp(23px,6vw,30px);}
  .time-travel-copy p{font-size:16px;}
  .company-card h3{font-size:18px;}
  .company-card p{font-size:16px;}
  .mental-step p,.r4d-mechanics p,.value-columns p,.process-line p,.opportunity-grid p{font-size:16px;}
}

/* Modular Videmo: only non-default packages adapt their timeline and alternative grid.
   Original Sky of Time layout remains byte-for-byte identical in its existing rules. */
.demo-version-timeline.videmo-variable-timeline{grid-template-columns:repeat(auto-fit,minmax(min(100%,90px),1fr));}
.version-matrix.videmo-variable-matrix>div{flex-wrap:wrap;justify-content:flex-start;}
.version-matrix.videmo-variable-matrix>div>span{flex-basis:100%;}

/* 06 Nov review: alignment fix without modifying the approved hero wording.
   Keep “behind the” together and align logo/words on the same optical centre. */
.hero-foundation .hero-foundation-opening{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;
  column-gap:.30em;row-gap:.12em;line-height:1.54;
}
.hero-foundation .hero-foundation-opening .pm-inline-logo{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  width:clamp(160px,14.5vw,223px);max-width:100%;margin:0;
  vertical-align:middle;
}
.hero-foundation .hero-foundation-verb,.hero-foundation .hero-foundation-tech{
  display:inline-flex;align-items:center;white-space:nowrap;vertical-align:middle;line-height:1.54;
}
.hero-foundation .hero-foundation-tech>.r4d-inline-brand{vertical-align:middle;margin-right:.1em;flex:0 0 auto}
/* Approved distribution conclusion on its own line. */
#benefits .opportunity-grid .sentence-line{display:block;margin-top:.32em}
@media(max-width:560px){
  .hero-foundation .hero-foundation-opening{row-gap:.2em}
  .hero-foundation .hero-foundation-verb,.hero-foundation .hero-foundation-tech{white-space:normal}
  .hero-foundation .hero-foundation-opening .pm-inline-logo{width:clamp(130px,37vw,180px)}
}
/* The static branching artwork remains unchanged. Only the selected connected
   route and the endpoint logo's vertical position are chosen on each visit. */
.story-tree .tree-r4d-destination{top:var(--tree-destination-top,44.45%)}


/* 06 November — explicit review corrections: all chapter-inline R4D marks are
   optically aligned and consistent with the Section 06 standard. */
.section-label.chapter-brand-label{font-size:clamp(17px,1.4vw,21px)!important;display:flex;align-items:center;column-gap:.28em;flex-wrap:wrap;line-height:1.55;}
.section-label.chapter-brand-label .r4d-inline-brand{font-size:1em;width:3.05em;height:1.61em;vertical-align:middle;margin:0;display:inline-flex;align-items:center;}
.section-label.chapter-brand-label .r4d-inline-brand img{width:100%;height:100%;object-fit:contain;}
/* All explicitly separated sentences begin at the left edge of their paragraph. */
.sentence-line{display:block;margin-top:.32em;}
.sentence-line:first-child{margin-top:0;}
.closing-inner .sentence-line{display:block;margin-top:.35em;}
.technology-panel .section-lead>.r4d-brand-phrase{vertical-align:middle;display:inline-flex;align-items:center;}
.technology-panel .section-lead>.r4d-brand-phrase .r4d-inline-brand{vertical-align:middle;margin:0 .12em 0 0;}
@media(max-width:560px){.section-label.chapter-brand-label{font-size:clamp(15px,4.4vw,18px)!important;}}

/* Modular R4D Videmo: two independently verified/decoded video decks.
   Inactive deck stays layout-sized so mobile Safari can prepare it ahead.
   Visual swap happens only after the next deck has started playback. */
.player-screen video.r4d-video-deck{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;}
.player-screen video.r4d-video-active{z-index:1;opacity:1;}
.player-screen video.r4d-video-standby{z-index:0;opacity:0;}
.player-screen .player-overlay,.player-screen .player-bottom-overlay{z-index:3;}
.player-screen .player-playmask{z-index:4;}
@media(max-width:560px){
 .player-controls{grid-template-columns:repeat(3,minmax(0,1fr));}
 .player-screen .player-playmask{touch-action:manipulation;}
 .demo-control{touch-action:manipulation;}
}

/* 06 Nov review: Stop + audio only. Original buttons, video geometry and text unchanged. */
.videmo-audio-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:1px 15px 14px;color:#244d72;}
.videmo-small-control{min-height:39px;padding:8px 15px;border:1px solid #cf8b42;border-radius:10px;background:#fffdf9;color:#194d75;font:700 13px/1.3 var(--font-body);cursor:pointer;}
.videmo-small-control:hover,.videmo-small-control:focus-visible{background:#fff2d9;outline-offset:2px;}
.videmo-volume-label{font-size:13px;font-weight:700;}
#demo-volume{min-width:85px;max-width:180px;flex:1;accent-color:#d48b32;cursor:pointer;}
@media(max-width:560px){.videmo-audio-controls{gap:8px;padding:1px 10px 12px}.videmo-small-control{padding:8px 10px;font-size:12px}#demo-volume{min-width:75px;}}
/* Retain every existing terminal dot and keep the complete underlying branch visible
   after the R4D tree animation, including the offset gold endpoint. */
.story-tree.tree-end-revealed .story-line.stage-4{stroke-dashoffset:0!important;}


/* DEPLOYMENT QA 06 Nov 2026 — browser-compatible sky and navigation.
   Only layout/paint behavior; approved artwork and copy are unchanged. */
body{background-color:#147ac7;isolation:isolate;}
html[data-sky="night"] body{background-color:#061b3c;}
html[data-sky="light"] body{background-color:#e8f1f5;}
html[data-sky="dark"] body{background-color:#1d3553;}
.sky-backdrop{z-index:0;}
.sky-moon,.sky-fade,.sky-drift{z-index:1;}
body>.site-header{position:sticky;top:0;z-index:60;}
body>main,body>footer{position:relative;z-index:2;}
.site-header>.shell{width:min(100% - 48px,1850px);max-width:none;}
/* The large desktop nav is only shown when it genuinely fits. */
@media(max-width:1850px){
 .site-header .desktop-nav{display:none!important;}
 .site-header .menu-toggle{display:flex!important;flex:0 0 auto;}
 .site-header .mobile-nav:not([hidden]){display:block!important;}
}
@media(min-width:1851px){
 .site-header .desktop-nav{gap:clamp(7px,.55vw,13px);min-width:0;}
 .site-header .desktop-nav a{font-size:clamp(12px,.72vw,15px);}
}
@media(max-width:560px){
 .site-header>.shell{width:calc(100% - 24px);}
 .site-header .brand-mark{width:clamp(100px,39vw,157px);min-height:40px;padding:7px 11px;}
 .site-header .header-actions{gap:5px;flex-shrink:0;}
 .site-header .sky-select{width:clamp(88px,27vw,116px);}
 .site-header .menu-toggle{width:38px;height:38px;}
}
@media(max-width:340px){.site-header .brand-mark{width:103px}.site-header .sky-select{width:87px}.site-header .topbar{gap:5px}}
/* Accessibility-safe fallback if sky image cannot be loaded by a browser: dark blue
   rather than white text on white. */
.hero-copy,.hero-caption,.sky-note,.tree-multiverse-title{position:relative;z-index:2;}
/* Restore all terminal sections of the original Multiverse SVG, including the
   gold branch to the offset spot. The spots and geometry remain unchanged. */
.story-tree.tree-end-revealed .story-lines .story-line{
 stroke-dasharray:none!important;stroke-dashoffset:0!important;
 animation:none!important;visibility:visible!important;
}
.story-tree.tree-end-revealed .story-ends{opacity:1!important;}
.story-tree.tree-end-revealed .story-junction{opacity:1!important;}
/* Make transition states preserve approved z-index layering on all browsers. */
.player-screen{isolation:isolate;}