/* Original illustrated desk objects, preserved from the accepted v2 direction. */
.desk-world{position:absolute;inset:0;background:radial-gradient(ellipse at 80% -10%,#a99b6970,transparent 55%),linear-gradient(140deg,#555540,#55513b 39%,#343c30 85%);transition:opacity .7s var(--ease),filter .7s var(--ease)}
.wood-grain{position:absolute;inset:0;background:repeating-linear-gradient(84deg,#0000 0px,#0000 47px,#161d1a16 48px,#fff3 49px,#0000 50px,#0000 71px),repeating-linear-gradient(89deg,#fff1 0px,#fff1 1px,#0000 2px,#0000 9px);opacity:.25}
.window-light{position:absolute;width:85%;height:140%;left:42%;top:-30%;background:linear-gradient(110deg,#f6deb967,#f5e3a416 75%,transparent);transform:rotate(20deg);filter:blur(2px);clip-path:polygon(7% 0,100% 0,100% 100%,0 100%)}
.window-cross{position:absolute;inset:-40% -30%;transform:rotate(21deg);background:linear-gradient(90deg,transparent 53%,#1e2a2529 53.5%,#1e2a2550 56%,transparent 56.6%),linear-gradient(transparent 38%,#1c2b2230 38.5%,#1c2b2240 42%,transparent 42.5%);filter:blur(5px);pointer-events:none;z-index:10}
.desk-world:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#19251e9c,transparent 65%),linear-gradient(0deg,#142018e8,transparent 38%,transparent 80%,#1c251b44);pointer-events:none;z-index:12}
.object{position:absolute;filter:drop-shadow(0 18px 15px #07110e54);transition:transform .85s var(--ease),left .85s var(--ease),top .85s var(--ease),opacity .65s var(--ease),width .85s var(--ease)}









.laptop{left:67%;top:-30%;width:540px;transform:rotate(-16deg);z-index:3}
.laptop-lid{padding:14px 13px 12px;background:linear-gradient(130deg,#383e3a,#131d18);border:2px solid #879282;border-radius:15px 15px 5px 5px;position:relative;box-shadow:0 2px 3px #0c140f}
.camera{width:4px;height:4px;background:#73947a;border-radius:50%;position:absolute;left:50%;top:5px}
.laptop-screen{height:310px;overflow:hidden;background:#e6ddd0;position:relative}
.app-bar{height:24px;display:flex;align-items:center;gap:35px;padding:0 10px;background:#34433b;color:#e3e6d9;font-size:8px}
.app-bar>span:first-child{font-size:8px;letter-spacing:2px;color:#c4ba9b}
.design-title{font-size:8px}
.design-screen{padding:8px 19px 8px;background:#cdcdbd;position:relative;height:286px}
.poster-art{width:100%;height:100%;display:block;filter:drop-shadow(0 5px 4px #313d3640)}
.design-swatches{position:absolute;right:5px;top:32%;display:grid;gap:8px}
.design-swatches i{width:10px;height:10px;display:block;border:1px solid #f7f1db;background:#2e5245}
.design-swatches i:nth-child(2){background:#e8886c}
.design-swatches i:nth-child(3){background:#e9d8b5}
.design-swatches i:nth-child(4){background:#afb99c}
.laptop-base{position:relative;background:linear-gradient(110deg,#a8aaa0,#b9bdb0 60%,#8e9a87);height:147px;clip-path:polygon(0 0,100% 0,108% 100%,-8% 100%);border-radius:0 0 18px 18px;padding:12px 25px;box-shadow:inset 0 -5px 2px #4f6356}
.keyboard{display:grid;grid-template-columns:repeat(13,1fr);gap:3px}
.keyboard i{height:13px;background:#26342a;border:1px solid #607160;border-radius:2px;box-shadow:0 1px #142018}
.trackpad{height:48px;width:32%;border:1px solid #788674;border-radius:4px;margin:10px auto 0}
.form-screen{display:none;color:#323f35;padding:32px 36px;background:#faf5e8;height:286px}
.form-kicker{font:8px ui-monospace,monospace;letter-spacing:1px;display:block;color:#726e59;margin-bottom:18px}
.form-screen strong{display:block;font-size:22px;font-weight:500;margin-bottom:18px}
.form-line{display:block;width:100%;height:16px;border:1px solid #c5c8ba;margin:10px 0;border-radius:2px}
.form-line.short{width:65%}
.form-submit{display:inline-block;font-size:9px;padding:8px 18px;background:#384f42;color:#fff;margin-top:7px}
.form-screen small{display:inline-block;font-size:9px;margin-left:25px;color:#736b58}
.notebook{left:29%;top:39%;width:225px;height:300px;background:#a89e78;transform:rotate(-17deg);border-radius:5px;z-index:2;padding:3px 3px 5px 9px;box-shadow:inset 0 0 1px 1px #e4c892}
.notebook-binding{position:absolute;left:3px;top:4px;bottom:5px;width:5px;border-left:2px solid #5b664b;border-right:1px solid #c5c1a0}
.notebook-page{height:100%;background:repeating-linear-gradient(#f0e8cf 0px,#f0e8cf 25px,#bac2a980 26px,#f0e8cf 27px);padding:25px 18px;color:#304537;box-shadow:inset -4px 0 5px #aa99712b;border-radius:1px 6px 6px 1px}
.notebook-date{display:block;font:6px ui-monospace,monospace;letter-spacing:1px;margin-bottom:21px;color:#67715d}
.notebook-page strong{display:block;font-family:Georgia,serif;font-size:21px;letter-spacing:-.8px;font-weight:500;transform:rotate(-2deg)}
.hand-note{display:grid;gap:10px;margin-top:29px;font:italic 17px Georgia,serif;line-height:1.5;color:#54624b;transform:rotate(-2deg)}
.notebook-doodle{position:absolute;bottom:10px;right:17px;width:95px;color:#6b7158}
.pen{left:43%;top:40%;width:8px;height:227px;transform:rotate(-20deg);background:linear-gradient(90deg,#b3955f,#e6c691 45%,#ab975d);border-radius:4px;z-index:3;box-shadow:2px 3px 2px #0f1d1460}
.pen:before{content:"";position:absolute;top:1px;left:-4px;width:5px;height:40px;border:2px solid #d4c59e;border-radius:3px}
.pen:after{content:"";position:absolute;bottom:-12px;border-top:13px solid #b8a071;border-left:4px solid transparent;border-right:4px solid transparent}
.coffee{left:10.8%;top:54%;width:166px;height:166px;border-radius:50%;background:radial-gradient(circle,#8d7964 0,#a59373 55%,#ded4b9 56%,#e4d3b6 62%,#afa78a 70%,#766e5880 72%);transform:rotate(-15deg);z-index:2}
.cup{position:absolute;left:23px;top:19px;width:119px;height:119px;border-radius:50%;padding:8px;background:linear-gradient(120deg,#ddd3b3,#92866a);box-shadow:2px 9px 12px #19281c85}
.cup-handle{position:absolute;right:-4px;top:53px;width:50px;height:44px;border:11px solid #b9ae8c;border-radius:15px;box-shadow:2px 5px 4px #253722a0}
.coffee-surface{border-radius:50%;width:100%;height:100%;background:radial-gradient(circle at 55% 40%,#7c5738,#8e663e 45%,#483224 81%,#b99261 82%,#61482f 87%);box-shadow:inset 0 4px 6px #352918;overflow:hidden}
.coffee-surface svg{width:100%;height:100%;transform:rotate(-20deg)}
.paper{left:77%;top:63%;width:157px;height:145px;padding:22px 20px;transform:rotate(14deg);background:linear-gradient(135deg,#e0a985,#d19871);color:#473b2b;z-index:1;box-shadow:inset -2px -3px 7px #69553120}
.paper span{font:6px ui-monospace,monospace;letter-spacing:1.2px;display:block;margin-bottom:13px}
.paper strong{font:italic 23px/1.15 Georgia,serif;letter-spacing:-.7px;display:block}
.paper-scribble{width:83%;height:3px;border-bottom:1px solid #6f6247;transform:rotate(-3deg);margin-top:10px}
.keys{left:30%;top:81%;width:180px;transform:rotate(12deg);z-index:3;filter:drop-shadow(4px 6px 3px #112017a0)}
.glasses{left:58%;top:77%;width:170px;transform:rotate(27deg);z-index:3}
.leaf-shadow{position:absolute;left:-80px;bottom:-160px;width:370px;height:600px;opacity:.38;filter:blur(9px);transform:rotate(28deg);z-index:11;background:repeating-conic-gradient(from 8deg at 40% 70%,#17271b 0deg 5deg,transparent 9deg 23deg);clip-path:ellipse(37% 47% at 43% 50%)}
.phone-anchor{position:absolute;left:52%;top:20%;width:240px;height:454px;z-index:15;transform:rotate(11deg);transition:all .85s var(--ease);filter:none}
.phone-shadow{position:absolute;inset:20px -18px -20px 8px;border-radius:48px;background:#111c1190;filter:blur(16px)}
.phone{height:100%;position:relative;border-radius:41px;background:linear-gradient(120deg,#adaf9f,#333c31 15%,#7d8271 30%,#d1d0bd 50%,#717d68);padding:3px;box-shadow:0 4px 2px #1b2718,3px 9px 7px #112018a0}
.phone:after{content:"";position:absolute;right:-3px;top:93px;width:3px;height:48px;border-radius:0 2px 2px 0;background:#6d7764}
.phone:before{content:"";position:absolute;left:-3px;top:97px;width:3px;height:30px;background:#7b846f}
.phone-rim{padding:7px;background:#111c17;border-radius:39px;height:100%}
.phone-screen{height:100%;background:linear-gradient(155deg,#253a32,#101c18 70%);border-radius:32px;position:relative;overflow:hidden;border:1px solid #101a14;box-shadow:inset 0 0 3px #fff3;color:#edeedf}
.phone-status{display:flex;justify-content:space-between;padding:15px 17px 11px;font:9px Arial,sans-serif;letter-spacing:.4px}
.phone-island{position:absolute;top:8px;left:calc(50% - 32px);width:64px;height:15px;background:#091410;border-radius:12px}
.phone-contact{display:flex;flex-direction:column;align-items:center;position:relative;border-bottom:1px solid #d5e7d513;padding:2px 0 9px;gap:4px}
.phone-back{position:absolute;left:14px;top:3px;font-size:33px;font-weight:200;color:#b1c9b0}
.contact-photo{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#d0a891,#897860);font:14px Georgia,serif;color:#f9f5e7}
.phone-contact strong{font:9px Arial,sans-serif;letter-spacing:.5px}
.contact-detail{position:absolute;right:14px;top:10px;font-size:23px;color:#c1cdbb}
.phone-conversation{padding:0 13px}
.message-date{font:7px Arial,sans-serif;letter-spacing:.8px;color:#b5bdab;text-align:center;margin:15px 0}
.incoming{background:#405548;padding:11px 14px;border-radius:14px 14px 14px 2px;font-size:13px;line-height:1.45;display:inline-block;margin:0;color:#eff1e3;box-shadow:0 2px 3px #0e161330}
.missing-reply{position:relative;border:1px dashed #91a89166;border-radius:14px 14px 2px 14px;width:76%;height:48px;margin:19px 0 0 auto;display:flex;align-items:center;justify-content:center;gap:6px;color:#a5b39a}
.missing-reply>span{width:3px;height:3px;background:#adc0a4;border-radius:50%}
.missing-reply small{position:absolute;top:60px;left:0;width:100%;text-align:center;font:10px Georgia,serif;letter-spacing:.2px;color:#b9c6ac}
.inside-reply{display:none;text-align:right}
.draft-message{font-size:13px;line-height:1.45;background:#e7b1971f;border:1px dashed #e3ad83;color:#f2cfad;padding:10px 14px;text-align:left;border-radius:13px 13px 2px 13px;margin:14px 0 7px 15px}
.unsent{display:block;font:5.7px Arial,sans-serif;letter-spacing:.4px;color:#dfb29a}
.work-alert{display:none;padding:9px 10px;background:#e3e3cfef;border-radius:10px;color:#2f4233;margin-top:15px;box-shadow:0 4px 13px #0005}
.work-alert span{font:6px Arial,sans-serif;letter-spacing:.4px;color:#465c47}
.work-alert p{font-size:9px;line-height:1.5;margin:3px 0 0}
.composer{position:absolute;bottom:29px;left:12px;right:12px;display:flex;align-items:center;gap:7px;font-size:11px;color:#8b9d83}
.composer-plus{font-size:23px;color:#c7d1b6}
.composer-placeholder,.composer-draft{border:1px solid #abc49b38;border-radius:16px;padding:8px;width:calc(100% - 23px);font-size:10px}
.composer-draft{display:none;color:#e1c3a0}
.send-dot{position:absolute;right:4px;width:22px;height:22px;background:#657951;border-radius:50%;color:#e1ead3;font:17px Arial;text-align:center;line-height:22px;opacity:.6}
.home-indicator{position:absolute;width:74px;height:3px;border-radius:5px;background:#d8dfc6;bottom:9px;left:calc(50% - 37px)}
.phone-hotspot{position:absolute;right:-92px;top:43%;display:flex;align-items:center;gap:12px;color:#f8efd8;transform:rotate(-11deg);padding:10px;z-index:22}
.phone-hotspot>span{width:38px;height:38px;border:1px solid #ead9b879;border-radius:50%;display:grid;place-items:center;background:#273725aa;box-shadow:0 0 0 7px #f6dfb512}
.phone-hotspot em{font-style:normal;font-size:11px;white-space:nowrap}
.phone-hotspot:hover span{background:var(--accent);color:#233326;box-shadow:0 0 0 10px #f6dfb525}
.phone-hotspot .ui-icon{width:15px;height:15px}
.attention-threads{position:absolute;inset:0;width:100%;height:100%;z-index:13;fill:none;stroke:#e8b18a;stroke-width:1;stroke-dasharray:5 8;opacity:0;pointer-events:none;transition:opacity .65s}
.attention-threads circle{fill:#e6b18b;stroke:none}
.thought{position:absolute;z-index:22;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .55s var(--ease),transform .6s var(--ease);color:#f7e3c9}
.thought span{display:block;font:8px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.5px;color:#f1b28b;margin-bottom:9px}
.thought strong{display:block;font:italic 21px/1.15 Georgia,serif;font-weight:400;letter-spacing:-.5px}
.thought small{font-size:10px;line-height:1.5;color:#e0d5bf;display:block;margin-top:7px}
.thought-one{left:73%;top:39%;max-width:230px}
.thought-two{left:49%;top:9%;max-width:230px}
.thought-three{left:7%;top:56%;max-width:280px}
.inside-stamp{position:absolute;right:5.2%;bottom:197px;z-index:22;text-align:right;opacity:0;transition:opacity .5s}
.inside-stamp span{font:8px ui-monospace,monospace;letter-spacing:1.5px;display:block;color:#d9d7ba}
.inside-stamp strong{font-size:10px;letter-spacing:1.6px;line-height:2;display:block;font-weight:400;color:#edb590}

/* V3 layout: one consistent perspective control, separate narrative depth. */
:root{--ink:#f8f1df;--muted:#c8cebd;--accent:#f4ab8f;--paper:#f1e8d5;--night:#19251f;--line:#dfe7d629;--ease:cubic-bezier(.2,.75,.25,1);font-family:Inter,"Helvetica Neue",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--night);color:var(--ink)}button,input{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}a{color:inherit;text-underline-offset:4px}button:disabled{opacity:.55;cursor:not-allowed}button:hover{color:#fff}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}button{min-height:44px}.ui-icon{width:22px;height:22px;flex:none;vertical-align:middle}.screen-reader-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;left:14px;top:-100px;z-index:100;background:var(--paper);color:var(--night);padding:16px}.skip:focus{top:14px}.micro{font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.7px;color:#c8c9af}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:12px 4.4%;gap:24px;border-bottom:1px solid var(--line);background:#17211c}.brand{display:flex;align-items:center;text-decoration:none;font-size:25px;letter-spacing:-1px;white-space:nowrap}.brand>span:last-child{color:var(--accent)}.brand-emblem{font-size:40px;color:var(--accent);margin-right:12px;line-height:1}.top-note{font:10px ui-monospace,monospace;letter-spacing:1.7px;color:#b4c1ac}.topbar nav{display:flex;gap:21px;align-items:center;font-size:12px}.topbar nav>a{min-height:44px;display:flex;align-items:center;text-decoration:none}.motion-button{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:7px 13px;min-height:36px;white-space:nowrap}.motion-button span{color:var(--accent);margin-left:5px}.share-icon{width:40px}.experience-shell{background:#1c2a23;position:relative;overflow:clip}.chapter-top{min-height:45px;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:8px 4.5%;border-bottom:1px solid #e6edce15}.chapter-top .micro{font-size:9px}.chapter-top>a{font-size:11px;color:#c0cbb8;padding:8px 0}.scene-stage{position:relative;min-height:650px;isolation:isolate;overflow:hidden}.scene-art{position:absolute;inset:0;overflow:hidden;z-index:0}.scene-header{position:relative;z-index:8;max-width:480px;margin-left:5.4%;padding-top:48px;pointer-events:none}.scene-header .micro{display:flex;gap:24px;margin:0 0 26px}.scene-header .micro>span:first-child{color:var(--accent)}.scene-header h1{font-size:clamp(44px,5vw,83px);line-height:1.025;font-weight:650;letter-spacing:-4px;margin:0 0 22px;color:#fff3db;overflow-wrap:normal}.scene-header>p:last-child{font-size:19px;line-height:1.55;color:#d8ddcb;max-width:380px;margin:0}.scene-clock{position:absolute;z-index:7;right:5%;top:37px;text-align:right}.scene-clock>span{display:block;font:10px ui-monospace,monospace;letter-spacing:1.8px;color:#e1d9c4}.scene-clock strong{font-size:35px;display:block;margin-top:9px;font-weight:400;letter-spacing:-1px}.scene-clock small{font-size:11px;letter-spacing:1px}.scene-underlay-caption{position:absolute;bottom:13px;left:5.4%;font:italic 15px Georgia,serif;color:#ded1b6;z-index:5}.scene-art .phone-anchor{left:61%;top:103px;width:266px;height:520px;transform:rotate(11deg);z-index:4}.scene-art .phone{width:100%;height:100%}.scene-art .phone-rim{height:100%}.scene-art .phone-screen{height:100%}.scene-art .phone-contact{padding-top:7px}.scene-art .incoming{font-size:16px}.scene-art .draft-message{font-size:15px}.scene-art .composer{bottom:30px}.scene-art .phone-hotspot{display:none}.scene-art .laptop{left:77%;top:-210px;width:500px}.scene-art .notebook{left:24%;top:318px;width:237px;height:315px}.scene-art .pen{left:40%;top:320px}.scene-art .coffee{left:7%;top:435px;opacity:.55}.scene-art .paper{left:85%;top:495px}.scene-art .keys{left:47%;top:530px}.scene-art .glasses{left:43%;top:590px}.scene-art .leaf-shadow{opacity:.13}.scene-art .desk-world:after{background:linear-gradient(90deg,#172219aa,transparent 69%),linear-gradient(0deg,#1c2a23,transparent 21%,transparent 83%,#18231d22)}.scene-art .extra-art{display:none}.attention-thread-v3{position:absolute;inset:0;z-index:3;width:100%;height:100%;fill:none;stroke:#efb28b;stroke-width:1.3;stroke-dasharray:4 10;opacity:0;pointer-events:none}.thought-layer{position:absolute;z-index:9;inset:0;pointer-events:none}.thought-note{position:absolute;color:#fae4c5;max-width:230px;animation:thought-arrive .6s var(--ease) both}.thought-note>span{display:block;font:10px/1.4 ui-monospace,monospace;letter-spacing:1.2px;color:var(--accent);margin-bottom:10px}.thought-note strong{display:block;font:italic 24px/1.13 Georgia,serif;font-weight:400;letter-spacing:-.4px}.thought-note p{font-size:13px;line-height:1.5;color:#e1dcc7;margin:9px 0 0}.thought-0{left:82%;top:308px;max-width:210px}.thought-1{left:44%;top:72px;max-width:235px;animation-delay:.1s}.thought-2{left:8%;top:398px;max-width:290px;animation-delay:.2s}@keyframes thought-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}[data-view=inside] .inside-reply,[data-view=inside] .work-alert{display:block}[data-view=inside] .missing-reply,[data-view=inside] .composer-placeholder{display:none}[data-view=inside] .composer-draft{display:block}[data-view=inside] .attention-thread-v3{opacity:.7}[data-view=inside] .scene-art .coffee{opacity:.2}[data-view=inside] .scene-art .notebook{opacity:.65}[data-view=inside] .scene-art .paper{opacity:.5}
[data-scene=focus] .scene-clock,[data-scene=start] .scene-clock,[data-scene=listen] .scene-clock,[data-scene=masking] .scene-clock{display:none}[data-scene=focus] .scene-header{max-width:480px}[data-scene=focus] .scene-header h1{font-size:clamp(44px,4.5vw,70px)}[data-scene=focus] .scene-art .phone-anchor{left:89%;top:440px;transform:rotate(19deg) scale(.64);opacity:.65}[data-scene=focus] .scene-art .laptop{left:45%;top:160px;width:560px;transform:rotate(-7deg)}[data-scene=focus] .scene-art .notebook{left:17%;top:405px;transform:rotate(-16deg) scale(.78)}[data-scene=focus] .scene-art .coffee{left:3%;top:445px}[data-scene=focus] .scene-art .pen{display:none}[data-scene=focus] .thought-0{left:42%;top:40px;max-width:260px}[data-scene=focus] .thought-1{left:78%;top:60px;max-width:260px}[data-scene=focus] .thought-2{left:7%;top:425px;max-width:300px}[data-task=form] .form-screen{display:block}[data-task=form] .design-screen{display:none}[data-task=project] .form-screen{display:none}[data-task=project] .design-screen{display:block}[data-scene=focus] .attention-thread-v3{display:none}.moment-controls{display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;padding:10px 24px 23px;margin-top:-2px;position:relative;z-index:15;background:linear-gradient(transparent,#1c2a23 35%)}.segmented{display:flex;width:max-content;max-width:100%;background:#17251fde;border:1px solid #e2e6c738;border-radius:40px;padding:5px;box-shadow:0 5px 20px #0e191833}.segmented button{padding:12px 22px;min-height:46px;border-radius:30px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;line-height:1.2;color:#c8d0bd;transition:background .22s,color .22s}.segmented button[aria-pressed=true]{background:#eee3ca;color:#243b30;box-shadow:0 2px 6px #0002}.segmented .ui-icon{width:17px;height:17px}.task-context{display:flex;align-items:center;gap:10px}.task-context>span{font-size:11px;color:#bdc9b5}.small-switch{padding:3px;box-shadow:none}.small-switch button{font-size:12px;min-height:38px;padding:8px 14px}.director{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:28px;padding:25px 30px;background:#17281fee;border:1px solid #dbe4c731;position:relative;z-index:20}.director>div{max-width:800px}.director .micro{font-size:10px}.director p{font-size:25px;line-height:1.35;letter-spacing:-.6px;margin:8px 0 0}.pink-button{background:var(--accent);color:#25352b;font-weight:600;font-size:14px;padding:19px 23px;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:27px;flex-shrink:0;text-decoration:none;transition:background .2s,transform .2s;max-width:100%}.pink-button:hover{background:#ffccb0;color:#172e23;transform:translateY(-1px)}.director .pink-button{max-width:310px;line-height:1.35;text-align:left}.fiction-note{margin:15px auto 23px;padding:0 24px;max-width:1020px;text-align:center;color:#c1cab7;font-size:12px;line-height:1.6}.scenario-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 16px;padding:5px 22px 23px;max-width:1280px;margin:auto}.scenario-nav button{display:flex;align-items:center;gap:9px;font-size:12px;color:#acbda8;padding:9px 8px;border-bottom:2px solid transparent}.scenario-nav button span{font:10px ui-monospace,monospace;opacity:.7}.scenario-nav button[aria-current=step]{color:#fff0d2;border-color:var(--accent)}.scenario-nav button[aria-current=step] span{color:var(--accent);opacity:1}.chapter-nav-v3{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:0;max-width:1280px;margin:0 auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.chapter-nav-v3 button{display:flex;align-items:center;text-align:left;gap:15px;padding:25px 0 22px;border-bottom:3px solid transparent;color:#aebfa9}.chapter-nav-v3 button>span{font:11px ui-monospace,monospace}.chapter-nav-v3 button strong{font-size:14px;font-weight:400;flex:1}.chapter-nav-v3 button .ui-icon{width:17px;opacity:.5}.chapter-nav-v3 button[aria-current=step]{color:#faedcf;border-bottom-color:var(--accent)}.chapter-nav-v3 button[aria-current=step]>span{color:var(--accent)}.journey-bottom{max-width:1280px;margin:auto;padding:15px 0 23px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#bbc9b1}.journey-bottom a{text-decoration:none}.follow-panel{max-width:1280px;margin:0 auto 25px;padding:27px 30px 20px;background:#eadeca;color:#223b30;scroll-margin-top:20px;border-top:3px solid var(--accent)}.follow-top,.follow-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.follow-top .micro{color:#52644e}.follow-top button{color:#253c30;min-width:44px}.follow-panel h2{font-size:32px;letter-spacing:-1px;font-weight:500;margin:7px 0 25px}.follow-panel ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:0;gap:32px}.follow-panel li{border-top:1px solid #28483445;padding-top:19px}.follow-panel li>span{font:10px ui-monospace,monospace;letter-spacing:1px;text-transform:uppercase;color:#67735b}.follow-panel li h3{font-size:22px;line-height:1.15;letter-spacing:-.4px;font-weight:500;margin:13px 0}.follow-panel li p{font-size:14px;line-height:1.6}.follow-bottom{border-top:1px solid #28483430;margin-top:24px;padding-top:12px}.follow-bottom button{display:flex;align-items:center;gap:16px;color:#2d4436;text-align:left}.citations{display:flex;flex-wrap:wrap;gap:5px 15px;margin-top:10px;font-size:11px;line-height:1.6}.citations a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}.follow-bottom p{margin:0;max-width:65%}
/* Additional first-person objects: the same visual language, different situations. */
[data-scene=start] .scene-art .start-art,[data-scene=time] .scene-art .clock-art,[data-scene=listen] .scene-art .conversation-art,[data-scene=relationship] .scene-art .relationship-art,[data-scene=masking] .scene-art .masking-art{display:block}[data-scene=start] .scene-art .phone-anchor,[data-scene=time] .scene-art .phone-anchor,[data-scene=listen] .scene-art .phone-anchor,[data-scene=masking] .scene-art .phone-anchor{display:none}[data-scene=start] .scene-art .notebook,[data-scene=time] .scene-art .notebook,[data-scene=listen] .scene-art .notebook,[data-scene=masking] .scene-art .notebook{left:80%;top:440px;opacity:.45;transform:rotate(13deg)}[data-scene=start] .scene-art .laptop,[data-scene=time] .scene-art .laptop,[data-scene=listen] .scene-art .laptop,[data-scene=masking] .scene-art .laptop{top:-325px;left:76%;opacity:.55}.extra-art{position:absolute;inset:0;z-index:3;pointer-events:none}.laundry-basket{position:absolute;left:48%;top:225px;width:410px;height:262px;border-radius:35px 35px 85px 85px;background:linear-gradient(120deg,#c7bd9b,#9b9476);transform:rotate(-7deg);border:10px solid #c8c4ac;box-shadow:9px 25px 35px #10201588}.laundry-basket>span{position:absolute;bottom:25px;left:30px;z-index:4;font:10px ui-monospace,monospace;letter-spacing:2px;color:#324130}.basket-weave{position:absolute;inset:90px 15px 50px;background:repeating-linear-gradient(90deg,transparent 0 22px,#27392d55 23px 27px),repeating-linear-gradient(0deg,transparent 0 18px,#3a493750 19px 22px);border-radius:7px 7px 25px 25px}.folded{position:absolute;border-radius:9px 14px 30px 4px;height:75px;left:15px;right:15px;box-shadow:0 3px 8px #17231b55;border-top:3px solid #ffffff27}.f1{top:-70px;background:#697e70;transform:rotate(7deg)}.f2{top:-32px;background:#d3b295;transform:rotate(-4deg);left:50px}.f3{top:3px;background:#e0d4b7;transform:rotate(3deg);right:39px}.laundry-note{position:absolute;left:76%;top:475px;font:italic 29px/1.2 Georgia,serif;color:#eddabc;transform:rotate(7deg)}.step-scraps{position:absolute;left:50%;top:123px;display:flex;gap:10px;opacity:0;transition:opacity .5s}.step-scraps span{padding:13px 14px;background:#e6ceb0;color:#283d30;font:italic 15px Georgia,serif;transform:rotate(-6deg);box-shadow:0 4px 6px #14221d55}.step-scraps span:nth-child(2){transform:rotate(9deg)}.step-scraps span:nth-child(4){transform:rotate(5deg)}[data-view=inside] .step-scraps{opacity:1}[data-scene=start] .thought-0,[data-scene=time] .thought-0,[data-scene=listen] .thought-0,[data-scene=masking] .thought-0{left:76%;top:70px;max-width:275px}[data-scene=start] .thought-1,[data-scene=time] .thought-1,[data-scene=listen] .thought-1,[data-scene=masking] .thought-1{left:8%;top:390px;max-width:300px}[data-scene=start] .thought-2,[data-scene=time] .thought-2,[data-scene=listen] .thought-2,[data-scene=masking] .thought-2{left:53%;top:520px;max-width:350px}[data-scene=start] .attention-thread-v3,[data-scene=time] .attention-thread-v3,[data-scene=listen] .attention-thread-v3,[data-scene=masking] .attention-thread-v3{display:none}.clock-face{position:absolute;width:288px;height:288px;left:49%;top:173px;border-radius:50%;border:17px solid #d1c4a8;background:#f4ebd5;color:#31473a;box-shadow:3px 17px 30px #0f1a1680,inset 0 2px 12px #756f4550}.clock-face>span{position:absolute;font:20px Georgia,serif}.clock12{top:13px;left:calc(50% - 10px)}.clock6{bottom:13px;left:calc(50% - 5px)}.clock3{right:16px;top:calc(50% - 10px)}.clock9{left:16px;top:calc(50% - 10px)}.minute-hand,.hour-hand{position:absolute;bottom:50%;left:calc(50% - 2px);width:4px;height:90px;background:#344c3b;transform-origin:bottom center;transform:rotate(312deg)}.hour-hand{height:61px;width:6px;transform:rotate(266deg)}.clock-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#334b39;left:calc(50% - 6px);top:calc(50% - 6px)}.departure-note{position:absolute;left:73%;top:338px;background:#dca989;color:#273f32;padding:23px 26px;transform:rotate(8deg);box-shadow:0 13px 19px #1c251d66}.departure-note>span{font:10px ui-monospace,monospace;letter-spacing:1px}.departure-note strong{display:block;font:36px/1.1 Georgia,serif;letter-spacing:-1px;margin:15px 0}.departure-note small{display:block;font-size:12px}.time-inside{display:none!important}[data-view=inside] .time-inside{display:block!important}[data-view=inside] .time-outside{display:none}.conversation-paper{position:absolute;left:48%;top:195px;width:480px;min-height:270px;padding:31px 40px;background:#efe5cd;color:#324b3a;transform:rotate(-7deg);box-shadow:7px 19px 30px #10231760}.conversation-paper>span{font:10px ui-monospace,monospace;letter-spacing:2px}.conversation-paper>p{font:30px/1.25 Georgia,serif;letter-spacing:-.7px;margin:25px 0}.thread-gaps{display:none;gap:10px;flex-wrap:wrap}.thread-gaps span{font:italic 15px/1.4 Georgia,serif;border:1px dashed #aa846580;padding:9px 14px}.thread-gaps span:nth-child(2){color:#a57055}[data-view=inside] .thread-gaps{display:flex}.second-cup{position:absolute;left:82%;top:442px;width:128px;height:128px;border-radius:50%;background:radial-gradient(circle,#5c4835 0 41%,#dbcaae 43% 55%,#a59c85 57% 66%,#d5c5a7 69%);box-shadow:10px 12px 18px #11221c80}.date-card{position:absolute;left:31%;top:295px;width:210px;background:#eee2c8;color:#294634;transform:rotate(-11deg);box-shadow:3px 16px 25px #13211a77;text-align:center}.date-card>span{display:block;background:#a3765b;color:#f7e7cb;padding:13px;font:11px ui-monospace,monospace;letter-spacing:3px}.date-card strong{display:block;font:94px/1.2 Georgia,serif}.date-card em{display:block;font:italic 23px Georgia,serif}.date-card small{display:block;font-size:10px;padding:18px 8px 23px}[data-scene=relationship] .scene-art .notebook{display:none}[data-scene=relationship] .thought-2{left:7%;top:436px;max-width:235px}.acetate-front,.acetate-back{position:absolute;left:47%;top:190px;width:470px;min-height:270px;padding:31px 36px;color:#2c4335;box-shadow:0 15px 35px #0d1d1744}.acetate-back{background:#c4c7ad;transform:rotate(6deg)}.acetate-back>span,.acetate-front>span{font:10px ui-monospace,monospace;letter-spacing:1.5px}.acetate-back p{font:italic 23px/1.5 Georgia,serif;margin-top:27px}.acetate-front{background:#f1e6ce;transform:rotate(-6deg);transition:transform .7s var(--ease),opacity .7s}.acetate-front strong{display:block;font:37px/1.12 Georgia,serif;letter-spacing:-1px;margin:37px 0 24px}.mask-signature{font:10px ui-monospace,monospace;color:#6f7b63}[data-view=inside] .acetate-front{transform:translate(60px,65px) rotate(-12deg);opacity:.38}[data-view=inside] .acetate-back{z-index:4;box-shadow:0 20px 40px #12261b55}
/* Pattern, comparison and understanding use the full stage, not tiny labels. */
body:not([data-section=moments]) .scene-stage{min-height:0;overflow:visible;padding-bottom:33px}body:not([data-section=moments]) .scene-header{max-width:1100px;padding-top:40px}body:not([data-section=moments]) .scene-header h1{font-size:clamp(38px,4.8vw,69px);line-height:1.05;margin-bottom:13px}body:not([data-section=moments]) .scene-header>p:last-child{max-width:850px;font-size:17px}body:not([data-section=moments]) .scene-art,body:not([data-section=moments]) .scene-clock,body:not([data-section=moments]) .scene-underlay-caption{display:none}.special-panel{max-width:1200px;padding:0 0 22px;margin:0 auto}.special-boundary{font-size:12px;line-height:1.7;color:#c0cbb8;margin:20px auto 0;max-width:960px;text-align:center}.special-boundary .citations{justify-content:center}.pattern-visual{height:430px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 50%,#65745a35,transparent 68%);border-top:1px solid #d3dfc225;border-bottom:1px solid #d3dfc225}.first-notes{position:absolute;inset:80px 12% 100px;display:flex;align-items:center;justify-content:center;gap:40px;transition:transform .7s var(--ease),opacity .6s;transform-origin:50% 55%}.sticky{width:205px;min-height:202px;padding:25px 21px;background:#e8cea5;color:#304936;box-shadow:5px 16px 28px #07190c66;transform:rotate(-7deg);flex-shrink:0}.sticky:nth-child(2){transform:rotate(3deg);background:#d0d2b0}.sticky:nth-child(3){transform:rotate(-2deg);background:#dfb698}.sticky>span{font:9px ui-monospace,monospace;letter-spacing:1.7px;display:block;margin-bottom:26px}.sticky strong{font:italic 30px/1.14 Georgia,serif;letter-spacing:-1px}.pattern-panel[data-scope="0"] .sticky:first-child,.pattern-panel[data-scope="0"] .sticky:last-child{display:none}.pattern-caption{position:absolute;bottom:6px;left:10%;right:10%;text-align:center;font:italic 24px/1.3 Georgia,serif;color:#edddbd;z-index:5}.repeat-ribbon{position:absolute;left:0;right:0;top:5px;height:49px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10% 90%,transparent);display:none}.repeat-train{display:flex;gap:25px;width:max-content;align-items:center;height:49px;transform:translateX(0);will-change:transform;white-space:nowrap}.repeat-word{font:13px ui-monospace,monospace;color:var(--accent);letter-spacing:2px;opacity:0}.pattern-panel[data-scope="1"] .repeat-ribbon{display:block}.pattern-visual[data-phase="1"] .repeat-word:nth-child(-n+3){opacity:1}.pattern-visual[data-phase="2"] .repeat-word:nth-child(-n+6){opacity:1}.pattern-visual[data-phase="3"] .repeat-word,.pattern-visual[data-phase="4"] .repeat-word,.pattern-visual[data-phase="5"] .repeat-word{opacity:.9}.pattern-visual[data-phase="2"] .first-notes{transform:scale(.82)}.pattern-visual[data-phase="3"] .first-notes{transform:scale(.38);opacity:.15}.pattern-visual[data-phase="4"] .first-notes,.pattern-visual[data-phase="5"] .first-notes{transform:scale(.11);opacity:0}.note-universe{position:absolute;left:7%;right:7%;top:65px;bottom:75px;display:grid;grid-template-columns:repeat(18,minmax(0,1fr));gap:8px 9px;opacity:0;transform:scale(1.6);transition:transform .8s var(--ease),opacity .7s;pointer-events:none}.tiny-note{aspect-ratio:1.35;background:#cabd9b;color:#354830;padding:6px 5px;box-shadow:1px 3px 5px #0b1c1677;transform:rotate(-4deg)}.tn-1,.tn-6{transform:rotate(6deg);background:#d8ac8b}.tn-2,.tn-5{transform:rotate(1deg);background:#b8c0a0}.tiny-note>span{font:4.5px/1.1 ui-monospace,monospace;display:block}.tiny-note i{display:block;width:80%;height:1px;background:#6d765563;margin-top:3px}.tiny-note i+ i{width:50%}.pattern-visual[data-phase="3"] .note-universe{opacity:1;transform:scale(1.35)}.pattern-visual[data-phase="3"] .tiny-note:nth-child(n+25){opacity:0}.pattern-visual[data-phase="4"] .note-universe{opacity:1;transform:scale(1.12)}.pattern-visual[data-phase="4"] .tiny-note:nth-child(n+73){opacity:0}.pattern-visual[data-phase="5"] .note-universe{opacity:1;transform:scale(1)}.repeat-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:6px}.repeat-actions button{font-size:11px;color:#ecd5b4;text-decoration:underline;text-underline-offset:4px}.repeat-actions>span{font-size:11px;color:#b3c2a6}.pattern-controls{display:flex;flex-direction:column;align-items:center;margin-top:23px;gap:12px}.scope-switch button{min-width:108px;font-size:13px;padding:12px 18px}#pattern-zoom{width:320px;max-width:90%;accent-color:var(--accent);height:20px;margin:0;cursor:pointer}.impact-workspace{display:grid;grid-template-columns:260px 1fr;gap:50px;align-items:start;padding:15px 28px 5px}.impact-nav{display:flex;flex-direction:column;border-top:1px solid var(--line)}.impact-nav button{font-size:16px;text-align:left;border-bottom:1px solid var(--line);padding:16px 17px;color:#b8c9b1;position:relative}.impact-nav button[aria-pressed=true]{color:#f6dec0;background:#d5cdaa0c}.impact-nav button[aria-pressed=true]:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--accent)}.impact-letter{background:#e9ddc5;color:#2d4636;padding:30px 35px;transform:rotate(-1deg);box-shadow:12px 19px 32px #0b1d1844;position:relative;max-width:720px;min-height:360px}.impact-letter:before{content:"";position:absolute;top:-9px;left:37%;width:105px;height:29px;transform:rotate(3deg);background:#c4c6a755}.impact-letter>.micro{color:#67735c}.impact-letter h2{font:34px/1.1 Georgia,serif;letter-spacing:-.8px;margin:18px 0 20px}.impact-letter ol{padding:0;list-style:none;display:flex;gap:13px;font-size:12px;line-height:1.4}.impact-letter li{flex:1;border-top:1px solid #7c82665e;padding-top:13px}.impact-letter li+li:before{content:"→";display:block;color:#897457;margin-top:-26px;text-align:left}.impact-letter>p{font-size:14px;line-height:1.6;margin:20px 0}.impact-letter blockquote{font:italic 23px/1.3 Georgia,serif;margin:20px 0 16px;letter-spacing:-.4px}.impact-letter>small{font-size:10px;color:#637159}.history-workspace{display:grid;grid-template-columns:.8fr 1.5fr;gap:70px;max-width:1110px;margin:10px auto 20px;padding:20px 10px}.history-intro h2{font:49px/1.04 Georgia,serif;font-weight:400;letter-spacing:-1.5px;margin:24px 0}.history-intro>p{font-size:15px;line-height:1.7;color:#c3cdb8;max-width:310px}.history-list{list-style:none;margin:0;padding:0}.history-list li{display:flex;gap:22px;border-bottom:1px solid var(--line);padding:18px 0}.history-list li:first-child{padding-top:0}.history-check{width:33px;height:33px;border-radius:50%;background:#e5d6b522;display:grid;place-items:center;color:var(--accent);flex:none;margin-top:5px}.history-check .ui-icon{width:19px}.history-list h3{font-size:21px;line-height:1.3;font-weight:500;margin:0 0 9px;letter-spacing:-.3px}.history-list p{font-size:14px;line-height:1.6;color:#bdcbb3;margin:0}.objection-selector{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;padding:0 0 10px;border-bottom:1px solid var(--line)}.objection-selector button{font-size:12px;color:#b8c8ae;border-bottom:2px solid transparent;padding:10px 0}.objection-selector button[aria-pressed=true]{color:#ffdbbb;border-color:var(--accent)}.objection-answer{font-size:18px;line-height:1.5;letter-spacing:-.2px;max-width:1000px;text-align:center;margin:23px auto 26px}.two-lives{display:grid;grid-template-columns:1fr 1fr;gap:55px;max-width:1100px;margin:0 auto 23px}.life-life{border-top:1px solid #d6c69b66;position:relative;padding:15px 23px 18px;background:linear-gradient(140deg,#c4cbaa0d,transparent);border-bottom:1px solid var(--line)}.portrait{display:flex;align-items:center;gap:25px}.person-outline{height:111px;width:105px;flex-shrink:0;stroke:#c0c9ae;stroke-width:1.8}.person-smile{stroke-width:1.3;opacity:.5}.portrait h2{font:35px Georgia,serif;letter-spacing:-.8px;margin:0 0 6px}.portrait p{font-size:12px;line-height:1.6;color:#becbb4;max-width:225px;margin:0}.life-snapshot,.life-history{padding:16px 0 4px;min-height:170px}.life-snapshot>.micro,.life-history>.micro{font-size:9px}.life-snapshot>strong{display:block;font-size:23px;margin-top:15px;font-weight:400;letter-spacing:-.5px}.life-snapshot p,.life-history p{font-size:14px;line-height:1.6;color:#c6d0be}.life-history{display:none}.life-history h3{font:24px/1.2 Georgia,serif;letter-spacing:-.4px;margin:11px 0}.life-history>strong{font-size:13px;color:#f3d9b6;font-weight:400}.two-lives[data-compare=context] .life-snapshot{display:none}.two-lives[data-compare=context] .life-history{display:block;animation:thought-arrive .4s}.life-timeline{height:34px;display:flex;gap:6px;align-items:center;margin:14px 0;border-bottom:1px solid #d9dcac25}.life-timeline i{width:12px;height:5px;flex:1;border-radius:3px;background:#a1baa229}.life-timeline i.event{background:#eac29c;height:15px}.compare-switch,.understanding-switch{margin:auto}.persistence-line{text-align:center;margin:28px auto 0;max-width:900px;border-top:1px solid var(--line);padding-top:20px}.persistence-line>strong{font-size:21px;font-weight:400;letter-spacing:-.4px}.persistence-line>p{font-size:14px;line-height:1.6;color:#b9c9b0;margin:9px auto;max-width:720px}.persistence-line .citations{justify-content:center}.understanding-stage{position:relative;min-height:360px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at center,#b0b39016,transparent 60%);transition:background .6s}.old-labels{position:absolute;inset:0;pointer-events:none;color:#a7b49738;font:italic 30px Georgia,serif;transition:opacity .6s,transform .6s}.old-labels span{position:absolute;left:5%;top:22%;transform:rotate(-9deg)}.old-labels span:nth-child(2){left:80%;top:20%;transform:rotate(7deg)}.old-labels span:nth-child(3){left:13%;top:63%;transform:rotate(4deg)}.old-labels span:nth-child(4){left:72%;top:66%;transform:rotate(-10deg)}.conversation-center{position:relative;max-width:760px;padding:17px 20px 0;margin:auto;text-align:center}.conversation-center>.micro{font-size:10px;color:#d5c4a7}.conversation-center blockquote{font:41px/1.18 Georgia,serif;letter-spacing:-1.1px;margin:23px 0 27px;color:#f3e5c9;min-height:98px}.understanding-thoughts{display:flex;justify-content:center;gap:26px;color:#dabd9f;font:italic 18px/1.4 Georgia,serif}.understanding-thoughts span{flex:1}.shared-table{display:flex;justify-content:center;align-items:center;gap:95px;margin:39px auto 0;max-width:530px;height:76px;border-bottom:1px solid #e7c8a74d;border-radius:50%;position:relative}.shared-table>div{width:53px;height:53px;border:10px solid #a9b49b;border-radius:50%;background:#455842;box-shadow:3px 7px 14px #09130e44}.shared-table>div:after{content:"";width:12px;height:15px;border:5px solid #a9b49b;display:block;margin-left:32px;margin-top:9px;border-radius:6px}.shared-table i{position:absolute;width:93px;height:1px;background:#e4c7a555;left:calc(50% - 46px);top:38px}.understanding-stage[data-understanding=understood] .old-labels{opacity:0;transform:translateY(-10px)}.understanding-stage[data-understanding=understood]{background:radial-gradient(ellipse at center,#d5cbb932,transparent 65%)}.emotional-outcome{text-align:center;max-width:880px;margin:27px auto 0}.emotional-outcome h2{font-size:25px;font-weight:400;letter-spacing:-.6px;line-height:1.3}.emotional-outcome p{font-size:15px;line-height:1.6;color:#c7d0bc;max-width:720px;margin:auto}
/* Below the experience: practical support and the evidence, on this page. */
.below-section{padding:92px max(5%,calc((100% - 1240px)/2));scroll-margin-top:16px}.below-heading{max-width:870px}.below-heading h2,.final-invitation h2{font-size:clamp(35px,4.2vw,58px);line-height:1.08;font-weight:500;letter-spacing:-2px;margin:21px 0 21px}.below-heading h2 em,.final-invitation h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-1.4px}.below-heading>p:last-child{font-size:17px;line-height:1.7;max-width:760px;color:#c1ceb8}.tips-section{background:#223b2f;border-top:1px solid var(--line)}.tips-lab{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:50px 25px 0;align-items:start}.tip-message{padding:30px 33px;background:#eadfc8;color:#26402f;transform:rotate(-2deg);box-shadow:10px 19px 24px #10241b55;min-height:290px}.tip-message>.micro{color:#62705a;font-size:10px}.tip-message>p{font:32px/1.2 Georgia,serif;letter-spacing:-.8px;margin:27px 0}.tip-notification,.tip-cue,.tip-first{padding:14px;font-size:13px;line-height:1.5;border-top:1px solid #6b806144}.tip-notification{background:#b9c5ab9c}.tip-cue{background:#eab99b9c}.tip-first{background:#f4edddaa}.tip-message small{font-size:11px;line-height:1.6;display:block;margin-top:19px;color:#64725c}.tip-choices{padding-top:6px}.tip-choices button{display:flex;align-items:center;gap:17px;border-bottom:1px solid var(--line);width:100%;font-size:16px;line-height:1.5;min-height:69px;text-align:left;padding:14px 0}.tip-choices button[aria-pressed=true]{color:#ffcbab}.tip-choices button[aria-pressed=true] svg{transform:rotate(45deg)}.tip-choices>p{font:italic 21px/1.4 Georgia,serif;color:#e2cfac;margin:27px 0}.evidence-section{background:#eee6d6;color:#243f31}.evidence-section .micro{color:#69785d}.evidence-section .below-heading>p:last-child{color:#566d54}.evidence-bridges{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:54px 0 39px}.evidence-bridges article{border-top:1px solid #47614855;padding-top:20px}.evidence-bridges .micro{font-size:9px;letter-spacing:1px}.evidence-bridges h3{font:27px/1.14 Georgia,serif;letter-spacing:-.6px;margin:17px 0}.evidence-bridges p{font-size:14px;line-height:1.7;color:#53694f}.limit-statement{border:1px solid #5d765535;padding:25px 30px;background:#e0deca8c;margin:40px 0 60px}.limit-statement strong{font-size:19px;font-weight:500}.limit-statement p{font-size:14px;line-height:1.7;max-width:1080px;color:#516849}.limit-statement>span{font:10px ui-monospace,monospace;color:#68755c}.source-library-title{font:38px/1.12 Georgia,serif;letter-spacing:-1px;font-weight:400;margin:0 0 15px}.source-library-deck{font-size:15px;line-height:1.65;color:#5e7054;max-width:820px}.source-library{margin-top:35px}.source-entry{border-top:1px solid #50674635;scroll-margin-top:30px}.source-entry:last-child{border-bottom:1px solid #50674635}.source-entry summary{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 6px;cursor:pointer;font-size:18px;line-height:1.4;list-style:none}.source-entry summary::-webkit-details-marker{display:none}.source-entry summary small{display:block;font:10px/1.6 ui-monospace,monospace;letter-spacing:.5px;color:#6e775f;margin-bottom:8px}.source-plus{font-size:28px;color:#6d795f;padding:0 13px;font-weight:300}.source-entry[open] .source-plus{transform:rotate(45deg)}.source-entry-body{padding:0 6px 25px;max-width:970px}.source-entry-body p{font-size:14px;line-height:1.7;color:#486044}.source-entry-body .source-access{font-size:11px;color:#6b765f}.external-source{display:inline-flex;align-items:center;gap:20px;margin:8px 0 0;font-size:14px;font-weight:500}.external-source .ui-icon{width:17px}.watch-inline{margin:65px 0 0;border-top:1px solid #58754745;padding-top:35px}.watch-inline h3{font:29px Georgia,serif;letter-spacing:-.8px;margin:18px 0}.watch-inline p{font-size:14px;line-height:1.7;color:#5a7250;max-width:760px}.watch-inline>div{display:flex;flex-direction:column;max-width:980px}.watch-inline a{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 0;font-size:15px;line-height:1.5;border-bottom:1px solid #49693c25;text-decoration:none}.final-invitation{text-align:center;background:radial-gradient(ellipse at 50% 50%,#3d4d3d,transparent 75%);padding-top:90px;padding-bottom:90px}.final-invitation>p:not(.micro){font-size:16px;color:#c3cdb8}.final-invitation .pink-button{margin:34px auto 20px;width:max-content}.final-invitation>a{font-size:12px;color:#b4c4ab;display:inline-block;padding:10px}.reading-guide{padding-top:20px;padding-bottom:55px}.reading-guide>details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.reading-guide summary{font-size:16px;padding:24px 0;cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none}.reading-body{max-width:850px}.reading-body article{padding:15px 0 30px;border-top:1px solid var(--line)}.reading-body h2{font-size:26px;font-weight:400}.reading-body p,.reading-body li{font-size:16px;line-height:1.8;color:#c7d2bc}.bottom-footer{padding:26px 5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;color:#bdc9b3}.bottom-footer .brand{font-size:20px}.bottom-footer p{line-height:1.6}.no-js{padding:30px;background:var(--paper);color:var(--night);font-size:17px;line-height:1.8}.no-js a{display:block}dialog{max-width:calc(100% - 28px);width:560px;border:1px solid #b1c29d55;padding:30px 35px 32px;background:#efe6d3;color:#2a4132;box-shadow:0 30px 100px #06140eb5}dialog::backdrop{background:#0d1d17bd;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-top .micro{color:#69805d;font-size:9px}.dialog-top button{min-width:40px;color:#2a4434}dialog h2{font:38px/1.05 Georgia,serif;letter-spacing:-1px;margin:18px 0 25px}dialog>p{font:italic 21px/1.5 Georgia,serif;margin:20px 0 26px}dialog label{display:block;font-size:11px;margin-bottom:9px}#share-url{width:100%;border:1px solid #6d7b5540;background:#faf5e9;color:#30472e;font-size:13px;padding:13px}.share-actions{display:flex;gap:18px;align-items:center;margin-top:18px}.share-actions .pink-button{min-height:50px;padding:13px 21px}dialog small{font-size:11px;line-height:1.6;display:block;color:#637b56}#share-status{font:13px/1.6 Arial,sans-serif;margin:18px 0}
/* Responsive composition: the thoughts become readable captions, not miniature overlays. */
@media(min-width:1700px){.scene-stage{min-height:710px}.scene-header{max-width:540px;margin-left:calc((100% - 1500px)/2)}.scene-art .phone-anchor{left:60%;top:100px;width:296px;height:560px}.scene-art .incoming{font-size:19px}.scene-art .draft-message{font-size:17px}.thought-note strong{font-size:28px}.thought-0{left:79%;max-width:265px;top:335px}.thought-1{left:44%;max-width:300px;top:72px}.thought-2{left:13%;top:445px}.scene-art .laptop{width:640px}[data-scene=focus] .scene-art .laptop{width:630px;left:47%;top:190px}[data-scene=focus] .thought-2{left:13%;top:450px}.scene-art .notebook{left:30%}.scene-art .coffee{left:17%}}
@media(max-width:1350px){.director,.chapter-nav-v3,.journey-bottom,.follow-panel{margin-left:4%;margin-right:4%}.special-panel{padding-left:4%;padding-right:4%}.scene-header{max-width:390px}.scene-header h1{font-size:61px;letter-spacing:-3px}.scene-header>p:last-child{font-size:17px;max-width:335px}.scene-art .phone-anchor{left:59%;top:133px;width:250px;height:490px}.thought-0{left:80%;top:380px;max-width:200px}.thought-1{left:44%;top:58px;max-width:225px}.thought-2{left:7%;top:426px}.thought-note strong{font-size:22px}.thought-note p{font-size:12px}.thought-note>span{font-size:9px}.scene-art .notebook{left:29%;top:340px;transform:rotate(-15deg) scale(.87)}[data-scene=focus] .scene-header{max-width:400px}[data-scene=focus] .scene-header h1{font-size:58px}[data-scene=focus] .scene-art .laptop{left:43%;width:520px;top:198px}[data-scene=focus] .thought-0{left:43%;top:50px;max-width:235px}[data-scene=focus] .thought-1{left:76%;max-width:225px;top:70px}.director p{font-size:22px}.director .pink-button{font-size:13px;max-width:285px}.top-note{display:none}.thought-2{max-width:240px}.laundry-basket{left:46%;width:360px}.step-scraps{left:43%}.step-scraps span{font-size:12px;padding:10px}.conversation-paper{width:410px;left:47%}.acetate-back,.acetate-front{width:400px;left:46%}.acetate-front strong{font-size:31px}[data-scene=start] .thought-0,[data-scene=time] .thought-0,[data-scene=listen] .thought-0,[data-scene=masking] .thought-0{left:75%;max-width:220px;top:52px}.departure-note{left:72%;top:365px}.clock-face{left:46%;top:183px}.tips-lab{gap:55px}.history-workspace{gap:45px}.two-lives{gap:30px}.conversation-center{max-width:670px}.conversation-center blockquote{font-size:38px}}
@media(max-width:1000px){.scene-header{max-width:350px}.scene-header h1{font-size:53px}.scene-header>p:last-child{font-size:15px;max-width:290px}.scene-art .phone-anchor{left:60%;width:225px;height:450px;top:172px}.thought-0{left:76%;top:80px;max-width:195px}.thought-1{left:44%;top:55px;max-width:225px}.thought-2{left:7%;top:390px;max-width:250px}.scene-art .notebook{left:27%;top:380px}.scene-art .paper{display:none}.scene-art .laptop{left:86%}.scene-clock{display:none}.director{gap:20px;padding:24px}.director p{font-size:21px}.director .pink-button{font-size:12px;max-width:225px;padding:17px 19px}.chapter-nav-v3{gap:20px}.chapter-nav-v3 button{gap:9px}.chapter-nav-v3 button strong{font-size:12px}.chapter-nav-v3 button .ui-icon{display:none}.laundry-basket{left:52%;width:310px}.laundry-note{left:72%;top:460px;font-size:24px}.step-scraps{top:190px;left:44%;gap:3px}.step-scraps span{padding:9px;font-size:11px}.clock-face{width:260px;height:260px;left:45%;top:191px}.departure-note{left:73%;padding:17px 19px}.departure-note strong{font-size:27px}.departure-note small{font-size:10px}.conversation-paper{left:48%;width:350px;top:216px;padding:27px 26px}.conversation-paper>p{font-size:26px}.acetate-back,.acetate-front{left:45%;width:340px;top:216px;padding:28px}.acetate-front strong{font-size:28px}.acetate-back p{font-size:20px}.thought-note strong{font-size:20px}.thought-note p{font-size:12px;line-height:1.4}.thought-note>span{font-size:8px}.thought-0{left:75%;max-width:210px}.first-notes{gap:25px;left:6%;right:6%}.sticky{width:180px;min-height:190px}.sticky strong{font-size:28px}.note-universe{gap:6px;left:5%;right:5%;top:84px;bottom:96px}.impact-workspace{grid-template-columns:210px 1fr;gap:28px;padding-left:0;padding-right:0}.impact-letter{padding:26px}.impact-letter h2{font-size:29px}.impact-letter ol{font-size:11px}.impact-letter blockquote{font-size:20px}.history-workspace{gap:30px;grid-template-columns:.7fr 1.2fr}.history-intro h2{font-size:41px}.history-list h3{font-size:19px}.history-list li{gap:16px}.history-list p{font-size:13px}.portrait{gap:12px}.person-outline{width:90px;height:100px}.portrait p{font-size:11px}.two-lives{gap:20px}.life-life{padding:15px 18px}.life-history h3{font-size:21px}.life-history p{font-size:13px}.old-labels{font-size:24px}.old-labels span:nth-child(2){left:84%}.conversation-center{max-width:600px}.conversation-center blockquote{font-size:34px}.understanding-thoughts{font-size:16px;gap:20px}.tips-lab{gap:40px;margin-left:10px;margin-right:10px}.tip-message{padding:27px}.evidence-bridges{gap:22px}.evidence-bridges h3{font-size:24px}.evidence-bridges p{font-size:13px}[data-scene=focus] .scene-header h1{font-size:48px}[data-scene=focus] .scene-header{max-width:330px}[data-scene=focus] .scene-art .laptop{left:43%;width:445px;top:240px}[data-scene=focus] .thought-0{left:41%;top:67px;max-width:210px}[data-scene=focus] .thought-1{left:73%;max-width:210px;top:63px}[data-scene=focus] .thought-2{max-width:240px}}
@media(max-width:760px){.topbar{padding:10px 22px;min-height:71px;gap:15px}.brand{font-size:22px}.brand-emblem{font-size:33px;margin-right:8px}.topbar nav{gap:12px;font-size:11px}.topbar .motion-button{min-height:36px;padding:7px 9px;font-size:10px}.topbar .share-icon{width:33px}.chapter-top{padding:7px 23px;min-height:40px}.chapter-top .micro{font-size:8px;letter-spacing:1px}.chapter-top>a{font-size:10px}.scene-stage{min-height:584px}.scene-header{padding-top:29px;max-width:85%;margin-left:24px}.scene-header .micro{gap:16px;margin-bottom:18px;font-size:9px}.scene-header h1{font-size:52px;letter-spacing:-2.7px;max-width:590px;margin-bottom:14px}.scene-header>p:last-child{font-size:16px;line-height:1.5;max-width:460px}.scene-art .phone-anchor{left:53%;top:245px;width:189px;height:365px;transform:rotate(12deg)}.scene-art .phone-status{font-size:8px;padding:15px 14px 10px}.scene-art .phone-contact{padding-top:0;padding-bottom:10px}.scene-art .contact-photo{width:26px;height:26px;font-size:14px}.scene-art .phone-contact strong{font-size:9px}.scene-art .phone-conversation{padding:0 11px}.scene-art .message-date{font-size:6px;margin:10px 0}.scene-art .incoming{font-size:12px;padding:8px 10px}.scene-art .draft-message{font-size:11px;padding:8px 9px;margin:12px 0 6px 5px}.scene-art .unsent{font-size:4.5px}.scene-art .work-alert{padding:7px 8px;margin-top:10px}.scene-art .work-alert p{font-size:8px}.scene-art .work-alert span{font-size:5px}.scene-art .composer{bottom:22px;left:10px;right:10px}.scene-art .composer-placeholder,.scene-art .composer-draft{font-size:8px;padding:6px}.scene-art .home-indicator{width:53px;left:calc(50% - 26px);bottom:7px}.scene-art .send-dot{height:18px;width:18px;font-size:15px;line-height:18px}.scene-art .notebook{left:14%;top:337px;width:175px;height:249px;transform:rotate(-18deg)}.scene-art .notebook-page{padding:20px 13px}.scene-art .notebook-date{font-size:5px;margin-bottom:16px}.scene-art .notebook-page strong{font-size:18px}.scene-art .hand-note{font-size:14px;gap:6px;margin-top:21px}.scene-art .coffee{left:-35px;top:446px;transform:scale(.65);opacity:.5}.scene-art .laptop{left:79%;top:135px;width:310px;transform:rotate(-19deg)}.scene-art .laptop-screen{height:185px}.scene-art .design-screen,.scene-art .form-screen{height:161px}.scene-art .laptop-base{height:87px;padding:7px 15px}.scene-art .keyboard{gap:2px}.scene-art .keyboard i{height:8px}.scene-art .trackpad{height:25px;margin-top:6px}.scene-art .form-screen{padding:13px 17px}.scene-art .form-kicker{font-size:6px;margin-bottom:8px}.scene-art .form-screen strong{font-size:16px;margin-bottom:10px}.scene-art .form-line{height:10px;margin:6px 0}.scene-art .form-submit{font-size:6px;padding:6px 10px;margin-top:2px}.scene-art .form-screen small{font-size:6px;margin-left:8px}.scene-art .pen,.scene-art .glasses,.scene-art .keys{display:none}.scene-underlay-caption{left:24px;bottom:12px;font-size:13px}.thought-layer{position:relative;inset:auto;display:grid;grid-template-columns:1fr;gap:16px;padding:398px 25px 28px;margin-top:0;pointer-events:auto;background:linear-gradient(0deg,#1c2a23 0%,#1c2a23 26%,transparent 50%)}.thought-note,.thought-0,.thought-1,.thought-2,[data-scene=focus] .thought-0,[data-scene=focus] .thought-1,[data-scene=focus] .thought-2,[data-scene=start] .thought-0,[data-scene=start] .thought-1,[data-scene=start] .thought-2,[data-scene=time] .thought-0,[data-scene=time] .thought-1,[data-scene=time] .thought-2,[data-scene=listen] .thought-0,[data-scene=listen] .thought-1,[data-scene=listen] .thought-2,[data-scene=masking] .thought-0,[data-scene=masking] .thought-1,[data-scene=masking] .thought-2,[data-scene=relationship] .thought-2{position:relative;left:auto;top:auto;max-width:none;padding:0 0 0 17px;border-left:1px solid #dbb28b60;animation:thought-arrive .4s}.thought-note>span{font-size:9px;letter-spacing:1px;margin-bottom:6px}.thought-note strong{font-size:23px;line-height:1.15}.thought-note p{font-size:13px;line-height:1.5;margin-top:7px;max-width:510px}[data-view=inside] .scene-stage .scene-underlay-caption{display:none}[data-view=inside] .thought-layer{padding-top:397px}.attention-thread-v3{display:none}.moment-controls{padding:14px 19px 23px;gap:15px}.segmented button{font-size:13px;padding:12px 20px;min-height:47px}.task-context>span{font-size:10px}.small-switch button{font-size:11px;padding:8px 14px;min-height:36px}.director{margin-left:20px;margin-right:20px;flex-direction:column;align-items:stretch;padding:23px;gap:21px}.director>div{max-width:none}.director p{font-size:24px;line-height:1.3}.director .pink-button{max-width:none;width:100%;font-size:14px;min-height:58px;padding:17px 20px}.fiction-note{font-size:11px;margin-bottom:14px}.scenario-nav{justify-content:center;gap:3px 13px;padding:0 22px 21px}.scenario-nav button{font-size:12px;padding:9px 4px;min-height:43px}.chapter-nav-v3{margin:0 22px;grid-template-columns:repeat(2,1fr);gap:0 25px}.chapter-nav-v3 button{padding:17px 0;min-height:59px}.chapter-nav-v3 button strong{font-size:13px}.chapter-nav-v3 button .ui-icon{display:block}.journey-bottom{margin:0 22px;padding-top:17px;padding-bottom:24px;font-size:11px;line-height:1.5}.follow-panel{margin-left:20px;margin-right:20px;padding:23px}.follow-panel h2{font-size:29px}.follow-panel ol{grid-template-columns:1fr;gap:18px}.follow-panel li h3{font-size:22px}.follow-panel li p{font-size:14px}.follow-bottom{align-items:flex-start;flex-direction:column;gap:10px}.follow-bottom p{max-width:none}.follow-bottom .citations{font-size:10px}[data-scene=focus] .scene-header{max-width:88%}[data-scene=focus] .scene-header h1{font-size:47px;max-width:540px}[data-scene=focus] .scene-art .laptop{left:30%;top:283px;width:410px;transform:rotate(-7deg)}[data-scene=focus] .scene-art .notebook{left:3%;top:359px;transform:rotate(-14deg) scale(.74)}[data-scene=focus] .scene-art .coffee{top:243px;left:-30px}[data-scene=focus] .scene-art .phone-anchor{top:481px;left:81%;transform:rotate(21deg) scale(.6)}[data-scene=start] .scene-art .notebook,[data-scene=time] .scene-art .notebook,[data-scene=listen] .scene-art .notebook,[data-scene=masking] .scene-art .notebook{top:423px;left:76%;transform:rotate(17deg) scale(.7)}.laundry-basket{width:302px;height:203px;top:343px;left:33%;border-width:8px}.basket-weave{inset:64px 12px 47px}.folded{height:62px}.f1{top:-57px}.f2{top:-28px}.laundry-basket>span{font-size:8px;bottom:23px}.laundry-note{left:9%;top:355px;font-size:24px;max-width:120px}.step-scraps{left:24%;top:274px;gap:3px}.step-scraps span{font-size:10px;padding:10px}.clock-face{left:34%;top:265px;width:233px;height:233px;border-width:14px}.departure-note{left:63%;top:424px;padding:17px 19px}.departure-note>span{font-size:8px}.departure-note strong{font-size:25px;margin:10px 0}.departure-note small{font-size:10px}.conversation-paper{top:277px;left:24%;width:365px;padding:27px;min-height:240px}.conversation-paper>p{font-size:28px}.thread-gaps span{font-size:12px;padding:7px}.second-cup{left:79%;top:500px;width:99px;height:99px}.date-card{left:16%;top:347px;width:160px}.date-card>span{font-size:8px;padding:10px}.date-card strong{font-size:70px}.date-card em{font-size:18px}.date-card small{font-size:8px;padding:14px 7px 18px}.acetate-back,.acetate-front{left:26%;top:272px;width:355px;min-height:247px;padding:28px}.acetate-back p{font-size:21px}.acetate-front strong{font-size:31px}.acetate-back>span,.acetate-front>span{font-size:8px}[data-view=inside] .acetate-front{transform:translate(20px,50px) rotate(-12deg)}body:not([data-section=moments]) .scene-header{padding-top:32px;margin-left:25px;margin-right:25px;max-width:none}body:not([data-section=moments]) .scene-header h1{font-size:44px;letter-spacing:-2px}body:not([data-section=moments]) .scene-header>p:last-child{font-size:16px}body:not([data-section=moments]) .scene-stage{padding-bottom:28px}.special-panel{padding-left:23px;padding-right:23px}.special-boundary{font-size:11px;text-align:left}.special-boundary .citations{justify-content:flex-start}.pattern-visual{height:350px}.first-notes{top:65px;bottom:80px;gap:17px;left:3%;right:3%}.sticky{width:155px;min-height:170px;padding:21px 17px}.sticky>span{font-size:8px;margin-bottom:24px}.sticky strong{font-size:25px}.pattern-caption{font-size:22px;left:4%;right:4%;bottom:6px}.note-universe{grid-template-columns:repeat(15,minmax(0,1fr));gap:5px;top:65px;bottom:65px;left:1%;right:1%}.tiny-note{padding:3px 2px}.tiny-note>span{font-size:3px}.tiny-note i{margin-top:2px}.repeat-word{font-size:10px}.repeat-ribbon{top:0}.repeat-actions{gap:8px 13px;justify-content:flex-start}.repeat-actions>span{font-size:10px}.repeat-actions button{font-size:11px;min-height:35px}.scope-switch{width:100%}.scope-switch button{flex:1;min-width:0;font-size:11px;padding:11px 9px}.pattern-controls{margin-top:15px}.impact-workspace{grid-template-columns:1fr;gap:22px;padding-top:0}.impact-nav{display:grid;grid-template-columns:repeat(3,1fr);border-top:none;gap:0 11px}.impact-nav button{font-size:11px;text-align:center;padding:10px 7px;min-height:49px;line-height:1.5}.impact-nav button[aria-pressed=true]:before{width:auto;height:2px;left:15%;right:15%;top:auto;bottom:0}.impact-letter{padding:27px;transform:rotate(-.6deg);min-height:340px}.impact-letter h2{font-size:32px}.impact-letter ol{font-size:12px;gap:15px}.impact-letter>p{font-size:14px}.impact-letter blockquote{font-size:22px}.history-workspace{grid-template-columns:1fr;gap:25px;padding:0;margin-top:5px}.history-intro h2{font-size:37px;margin:15px 0}.history-intro h2 br{display:none}.history-intro>p{max-width:none;margin-bottom:0;font-size:14px}.history-list{border-top:1px solid var(--line)}.history-list li:first-child{padding-top:18px}.history-list li{padding:19px 0;gap:17px}.history-list h3{font-size:19px;margin-bottom:7px}.history-list p{font-size:14px}.history-check{width:29px;height:29px;margin-top:2px}.history-check .ui-icon{width:17px}.objection-selector{gap:0 16px;justify-content:flex-start}.objection-selector button{font-size:11px;min-height:43px}.objection-answer{font-size:16px;text-align:left;margin:19px 0 23px}.two-lives{gap:20px}.life-life{padding:13px 11px 19px}.portrait{flex-direction:column;align-items:flex-start;gap:3px}.person-outline{width:78px;height:84px}.portrait h2{font-size:30px;margin:3px 0 7px}.portrait p{font-size:11px;line-height:1.5;min-height:50px}.life-snapshot,.life-history{padding-top:18px}.life-snapshot>.micro,.life-history>.micro{font-size:8px;letter-spacing:1px;line-height:1.6}.life-snapshot>strong{font-size:22px;line-height:1.15;margin-top:13px}.life-snapshot p,.life-history p{font-size:13px;line-height:1.5}.life-history h3{font-size:21px}.life-timeline{gap:3px}.life-history>strong{font-size:12px;line-height:1.6;display:block}.compare-switch button,.understanding-switch button{font-size:12px;padding:12px 17px}.persistence-line{text-align:left;margin-top:25px;padding-top:18px}.persistence-line strong{font-size:21px;line-height:1.35;display:block}.persistence-line>p{font-size:14px}.persistence-line .citations{justify-content:flex-start}.understanding-stage{min-height:348px}.old-labels{font-size:20px}.old-labels span{left:-3%;top:18%}.old-labels span:nth-child(2){left:83%;top:9%}.old-labels span:nth-child(3){left:4%;top:72%}.old-labels span:nth-child(4){left:65%;top:79%}.conversation-center{padding:16px 10px 0}.conversation-center>.micro{font-size:9px;line-height:1.7}.conversation-center blockquote{font-size:32px;line-height:1.13;letter-spacing:-.8px;min-height:114px;margin:21px 0 23px}.understanding-thoughts{font-size:16px;gap:17px}.shared-table{gap:86px;margin-top:32px}.emotional-outcome{text-align:left}.emotional-outcome h2{font-size:25px;line-height:1.3}.emotional-outcome p{font-size:15px}.below-section{padding:60px 25px}.below-heading h2,.final-invitation h2{font-size:42px;letter-spacing:-1.8px}.below-heading>p:last-child{font-size:16px}.tips-lab{grid-template-columns:1fr;gap:34px;margin:35px 5px 0}.tip-message{max-width:540px;width:100%;margin:auto;padding:28px}.tip-choices{padding-top:0}.tip-choices button{font-size:16px}.tip-choices>p{font-size:22px}.evidence-bridges{grid-template-columns:1fr;gap:30px;margin:37px 0}.evidence-bridges h3{font-size:29px;margin:14px 0}.evidence-bridges p{font-size:15px;line-height:1.7}.limit-statement{padding:22px;margin:30px 0 45px}.limit-statement p{font-size:14px}.limit-statement>span{font-size:10px;line-height:1.8;display:block}.source-library-title{font-size:33px}.source-entry summary{font-size:17px;padding:21px 0}.source-entry summary small{font-size:9px}.source-plus{padding:0 7px;font-size:24px}.source-entry-body{padding-left:0;padding-right:0}.source-entry-body p{font-size:14px;overflow-wrap:anywhere}.watch-inline a{font-size:14px}.final-invitation h2{font-size:34px}.final-invitation>p:not(.micro){font-size:15px}.reading-guide{padding-top:5px;padding-bottom:35px}.reading-guide summary{font-size:15px;line-height:1.6}.reading-body h2{font-size:24px}.reading-body p,.reading-body li{font-size:15px}.bottom-footer{padding:24px;flex-wrap:wrap;gap:16px}.bottom-footer p{margin:0;order:3;width:100%;font-size:10px}.bottom-footer .brand{font-size:21px}.bottom-footer>a:last-child{margin-left:auto}.citations{font-size:10px}.understanding-switch{max-width:100%}}
@media(max-width:480px){.topbar{padding:10px 17px;gap:10px}.topbar nav{gap:7px}.topbar nav>a{font-size:10px;max-width:90px;line-height:1.3}.topbar .motion-button{font-size:9px;min-height:33px;padding:6px 8px}.brand{font-size:20px}.brand-emblem{font-size:29px;margin-right:6px}.topbar .share-icon{width:28px;min-width:28px}.share-icon .ui-icon{width:19px}.chapter-top{padding-left:20px;padding-right:20px}.chapter-top .micro{font-size:7px;letter-spacing:1px}.chapter-top>a{font-size:9px;max-width:130px;line-height:1.4;text-align:right}.scene-header{margin-left:21px;margin-right:21px;max-width:none}.scene-header h1{font-size:43px;letter-spacing:-2.3px;max-width:360px}.scene-header>p:last-child{font-size:15px;max-width:340px}.scene-header .micro{font-size:8px;gap:15px;margin-bottom:17px}.scene-stage{min-height:592px}.scene-art .phone-anchor{left:47%;top:263px;width:177px;height:346px}.scene-art .notebook{left:3%;top:350px;width:162px;height:231px}.scene-art .notebook-page strong{font-size:16px}.scene-art .hand-note{font-size:12px;margin-top:20px}.scene-art .notebook-date{font-size:4px}.scene-art .laptop{left:83%;top:145px}.scene-art .phone-conversation{padding:0 9px}.scene-art .phone-contact{padding-bottom:9px}.scene-art .phone-contact strong{font-size:8px}.scene-art .contact-photo{width:24px;height:24px;font-size:12px}.scene-art .phone-status{font-size:7px;padding:13px 12px 9px}.scene-art .incoming{font-size:11px}.scene-art .draft-message{font-size:10px}.scene-art .work-alert{padding:6px 7px}.scene-art .work-alert p{font-size:7px}.scene-art .message-date{font-size:5px}.scene-art .composer-placeholder,.scene-art .composer-draft{font-size:7px}.scene-art .coffee{left:-58px;top:471px;transform:scale(.57)}.thought-layer,[data-view=inside] .thought-layer{padding:420px 22px 25px;gap:19px}.thought-note strong{font-size:22px}.thought-note>span{font-size:8px;letter-spacing:1px}.thought-note p{font-size:13px;line-height:1.5}.thought-note{padding-left:14px}.director{margin-left:16px;margin-right:16px;padding:22px;gap:20px}.director p{font-size:22px}.director .micro{font-size:9px}.director .pink-button{font-size:13px;padding:17px 18px}.moment-controls{gap:14px}.task-context{flex-direction:column;gap:7px}.task-context>span{font-size:10px}.moment-controls:has(.task-context:not([hidden])){flex-direction:column}.segmented button{font-size:12px;padding:13px 17px}.small-switch button{font-size:11px;padding:9px 17px}.fiction-note{font-size:11px;text-align:left;padding:0 23px;line-height:1.6}.scenario-nav{gap:1px 12px;padding:0 17px 18px}.scenario-nav button{font-size:11px;padding:8px 3px;min-height:40px}.scenario-nav button span{font-size:9px}.chapter-nav-v3{gap:0 19px;margin:0 21px}.chapter-nav-v3 button strong{font-size:12px}.chapter-nav-v3 button>span{font-size:10px}.journey-bottom{font-size:10px;gap:17px;align-items:flex-start;line-height:1.6}.journey-bottom>span{max-width:170px}.journey-bottom>a{max-width:125px;text-align:right}[data-scene=focus] .scene-header{max-width:none}[data-scene=focus] .scene-header h1{font-size:41px;max-width:330px}[data-scene=focus] .scene-art .laptop{left:17%;top:309px;width:340px}[data-scene=focus] .scene-art .notebook{left:-20px;top:390px}[data-scene=focus] .scene-art .phone-anchor{left:77%;top:468px}.laundry-basket{left:22%;top:363px;width:270px;height:185px}.laundry-note{left:7%;top:259px;font-size:22px;max-width:140px}.laundry-basket>span{bottom:20px;font-size:7px}.step-scraps{left:17%;top:299px;right:15px;gap:3px;flex-wrap:wrap}.step-scraps span{font-size:9px;padding:9px}.clock-face{left:18%;top:294px;width:222px;height:222px}.departure-note{left:60%;top:440px;padding:14px;min-width:131px;max-width:153px}.departure-note strong{font-size:23px}.departure-note small{font-size:8px}.departure-note>span{font-size:7px}.conversation-paper{left:12%;top:310px;width:300px;padding:23px;min-height:224px}.conversation-paper>p{font-size:24px}.conversation-paper>span{font-size:8px}.thread-gaps span{font-size:11px}.second-cup{left:74%;top:512px;width:83px;height:83px}.date-card{left:5%;top:349px;width:155px}.date-card strong{font-size:66px}.date-card small{font-size:8px}.acetate-back,.acetate-front{left:12%;top:287px;width:290px;min-height:245px;padding:27px}.acetate-front strong{font-size:29px}.acetate-back p{font-size:21px}.acetate-back>span,.acetate-front>span{font-size:7px;letter-spacing:1px}.scene-underlay-caption{font-size:12px;left:21px}body:not([data-section=moments]) .scene-header{margin:0 22px}body:not([data-section=moments]) .scene-header h1{font-size:39px;letter-spacing:-1.8px}body:not([data-section=moments]) .scene-header>p:last-child{font-size:15px}.special-panel{padding:0 21px 21px}.pattern-visual{height:326px}.first-notes{left:0;right:0;gap:10px;top:69px;bottom:75px}.sticky{width:103px;min-height:137px;padding:17px 10px}.sticky>span{font-size:6px;letter-spacing:1px;margin-bottom:20px}.sticky strong{font-size:22px;letter-spacing:-.8px}.pattern-panel[data-scope="0"] .sticky:nth-child(2){width:182px;min-height:195px;padding:24px}.pattern-panel[data-scope="0"] .sticky:nth-child(2) strong{font-size:31px}.pattern-panel[data-scope="0"] .sticky:nth-child(2)>span{font-size:9px}.pattern-caption{font-size:20px;line-height:1.25;left:0;right:0;bottom:3px;max-width:330px;margin-left:auto;margin-right:auto}.note-universe{grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;top:57px;bottom:58px;left:0;right:0}.tiny-note{aspect-ratio:auto;min-height:10px;padding:3px 2px;overflow:hidden}.tiny-note>span{font-size:2.3px;white-space:nowrap}.tiny-note i{margin-top:1px}.repeat-word{font-size:9px;letter-spacing:1px}.scope-switch button{font-size:10px;padding:12px 7px;min-height:44px;letter-spacing:-.1px}.repeat-actions>span{width:100%;margin-top:-4px}.repeat-actions{gap:0 17px}.pattern-controls{margin-top:17px}.impact-nav{grid-template-columns:repeat(2,1fr);gap:0 13px}.impact-nav button{font-size:12px;padding:11px 7px}.impact-letter{padding:25px 22px}.impact-letter h2{font-size:28px}.impact-letter ol{gap:12px;font-size:10px}.impact-letter>p{font-size:13px}.impact-letter blockquote{font-size:22px}.impact-letter>small{font-size:10px;line-height:1.5;display:block}.impact-letter>.micro{font-size:9px}.history-intro h2{font-size:34px}.history-intro .micro{font-size:9px;letter-spacing:1px}.history-list li{gap:14px}.history-list h3{font-size:18px}.history-list p{font-size:13px;line-height:1.65}.objection-selector{gap:0 14px}.objection-selector button{font-size:10px;min-height:40px}.objection-answer{font-size:15px;line-height:1.55}.two-lives{gap:14px}.life-life{padding:13px 8px 19px}.portrait h2{font-size:28px}.portrait p{font-size:10px;line-height:1.55;min-height:53px}.person-outline{width:72px;height:77px}.life-snapshot>.micro,.life-history>.micro{font-size:7px;letter-spacing:.8px}.life-snapshot>strong{font-size:20px}.life-snapshot p,.life-history p{font-size:12px;line-height:1.65}.life-history h3{font-size:21px;line-height:1.15}.life-timeline{gap:2px;height:30px}.life-history>strong{font-size:11px;line-height:1.6}.compare-switch button,.understanding-switch button{font-size:11px;padding:12px 16px}.persistence-line>strong{font-size:20px}.persistence-line>p{font-size:13px}.understanding-stage{min-height:390px}.conversation-center{padding-left:5px;padding-right:5px}.conversation-center>.micro{font-size:8px;letter-spacing:1px}.conversation-center blockquote{font-size:30px;line-height:1.14;min-height:140px}.understanding-thoughts{font-size:15px;gap:12px}.old-labels{font-size:18px}.old-labels span:nth-child(2){left:80%}.old-labels span:nth-child(4){left:69%;max-width:85px}.shared-table{margin-top:33px;gap:70px}.emotional-outcome h2{font-size:23px;line-height:1.3}.emotional-outcome p{font-size:14px}.below-section{padding-left:22px;padding-right:22px}.below-heading h2{font-size:35px;letter-spacing:-1.5px}.below-heading h2 em{letter-spacing:-1px}.below-heading .micro{font-size:9px}.below-heading>p:last-child{font-size:15px}.tips-lab{margin:31px 4px 0;gap:28px}.tip-message{padding:24px}.tip-message>p{font-size:30px}.tip-choices button{font-size:14px;gap:13px}.tip-choices>p{font-size:20px}.source-entry summary{font-size:15px;gap:16px}.source-entry summary small{font-size:8px}.source-library-deck{font-size:14px}.source-entry-body p{font-size:13px}.evidence-bridges p{font-size:14px}.limit-statement{padding:21px}.limit-statement p{font-size:13px}.final-invitation h2{font-size:30px;letter-spacing:-1px}.final-invitation h2 br{display:none}.final-invitation .pink-button{font-size:13px}.reading-guide summary{font-size:14px}.reading-body p,.reading-body li{font-size:14px}.follow-panel{padding:22px}.follow-panel h2{font-size:26px}.follow-top .micro{font-size:9px}.follow-panel li h3{font-size:21px}dialog{padding:25px}dialog h2{font-size:32px}.share-actions{gap:11px}.share-actions button{font-size:12px}}
@media(max-width:360px){.topbar .brand{font-size:18px}.brand-emblem{display:none}.topbar{padding:9px 13px;gap:6px}.topbar nav{gap:5px}.topbar nav>a{font-size:9px;max-width:78px}.topbar .motion-button{font-size:8px;padding:5px 7px}.scene-header h1{font-size:40px}.scene-header>p:last-child{font-size:14px}[data-scene=focus] .scene-header h1{font-size:38px}.scene-header .micro{font-size:7px;gap:10px}.scene-art .phone-anchor{left:45%;width:166px;height:330px;top:281px}.scene-art .phone-status{font-size:6px}.scene-art .incoming{font-size:10px}.scene-art .work-alert p{font-size:6px}.scene-art .draft-message{font-size:9px}.scene-art .composer{bottom:20px}.scene-art .notebook{left:-4%;top:370px}.thought-layer,[data-view=inside] .thought-layer{padding-top:429px}.thought-note strong{font-size:21px}.moment-controls{padding-left:14px;padding-right:14px}.perspective-switch button{font-size:11px;padding:12px 14px}.director{margin-left:14px;margin-right:14px;padding:20px}.director p{font-size:21px}.director .pink-button{font-size:12px}.scenario-nav{gap:0 11px}.scenario-nav button{font-size:10px;min-height:38px}.chapter-nav-v3 button strong{font-size:11px}.chapter-nav-v3{gap:0 15px}.journey-bottom{font-size:9px}.scene-art .notebook-page strong{font-size:15px}.laundry-basket{left:21%;width:240px;top:386px}.step-scraps{left:16%;top:328px}.clock-face{left:12%;top:321px;width:215px;height:215px}.departure-note{left:61%;top:459px;padding:12px;min-width:118px}.departure-note strong{font-size:21px}.departure-note small{font-size:7px}.conversation-paper{left:9%;width:268px;top:329px;padding:21px}.conversation-paper>p{font-size:22px}.acetate-back,.acetate-front{left:9%;top:308px;width:257px;padding:23px}.acetate-front strong{font-size:27px}.acetate-back p{font-size:19px}.date-card{left:2%;width:140px}.date-card strong{font-size:61px}.date-card em{font-size:16px}[data-scene=focus] .scene-art .laptop{width:302px;left:12%;top:327px}.special-panel{padding-left:18px;padding-right:18px}.sticky{width:87px;min-height:131px;padding:17px 8px}.sticky strong{font-size:20px}.sticky>span{font-size:5px;letter-spacing:.8px}.first-notes{gap:8px}.scope-switch button{font-size:9px;padding:11px 6px}.scope-switch{padding:4px}.life-snapshot>strong{font-size:18px}.life-history h3{font-size:19px}.life-history p{font-size:11px}.portrait p{font-size:9px}.compare-switch button,.understanding-switch button{padding:12px 13px;font-size:10px}.conversation-center blockquote{font-size:28px}.understanding-thoughts{font-size:14px;gap:10px}.below-heading h2{font-size:32px}.below-heading>p:last-child{font-size:14px}.final-invitation h2{font-size:28px}.pattern-caption{font-size:19px}.two-lives{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.repeat-train{filter:none!important;transform:none!important}.window-cross{filter:none}}
[data-motion=off] *,[data-motion=off] *:before,[data-motion=off] *:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}[data-motion=off] .repeat-train{filter:none!important;transform:none!important}
@media(forced-colors:active){.segmented,.director,.pink-button,.sticky,.impact-letter,.source-entry,.history-check{border:1px solid CanvasText}.segmented button[aria-pressed=true]{outline:2px solid Highlight}.person-outline{stroke:CanvasText}.old-labels{display:none}.pink-button{background:ButtonFace;color:ButtonText}}
@media print{.topbar,.experience-shell,.tips-section,.final-invitation,dialog{display:none!important}body,.evidence-section{background:white;color:#000}.below-section{padding:20px}.source-entry{break-inside:avoid}.source-entry-body{display:block!important}.reading-guide>details>.reading-body{display:block!important}.bottom-footer{display:none}}
/* One caption travels through a reserved footer; Replay never changes position. */
.evidence-section{padding-top:48px}
.note-field{position:absolute;inset:68px 0 0;overflow:hidden;pointer-events:none}
.note-field .note-universe{top:0;bottom:0;transform-origin:50% 0;transition:none}
.pattern-visual .first-notes{transition:none}
.repeat-footer{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start;margin:0;padding:28px 20px 12px;overflow:visible}
.repeat-footer .pattern-caption,.repeat-footer .pattern-caption-space{grid-area:1/1;position:relative;inset:auto;justify-self:center;width:100%;max-width:none;margin:0;text-align:center;font:italic clamp(20px,2.15vw,30px)/1.35 Georgia,serif;color:#edddbd;white-space:normal;text-wrap:balance;pointer-events:none}
.repeat-footer .pattern-caption{z-index:5;transition:none;will-change:transform}
.repeat-footer .pattern-caption-space{visibility:hidden}
.repeat-primary{grid-area:2/1;justify-self:center;display:flex;align-items:center;transform:none}
.repeat-primary button{min-height:44px;padding:10px 14px;color:#c3ceba;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.repeat-primary button:hover,.repeat-primary button:focus-visible{color:#fff1d8}
.pattern-panel[data-scope="0"] .repeat-footer{padding-bottom:0}
.objection-answer .citations{justify-content:center;font-size:10px;margin-top:7px}
@media(max-width:760px){.objection-answer .citations{justify-content:flex-start}.evidence-section{padding-top:42px}.repeat-footer{padding:26px 8px 10px}}

/* Last-pass legibility: keep the form's upper thoughts above the paper. */
@media(min-width:1101px){[data-scene=focus] .thought-1{left:75%;top:24px;max-width:290px}}
@media(max-width:480px){.life-history p{font-size:13px}.life-history>strong{font-size:12px}.portrait p{font-size:11px}.life-life{padding-left:5px;padding-right:5px}.two-lives{gap:20px}}

/* Keep paired comparison cards on shared rows when their copy wraps differently. */
.portrait>div{min-width:0}.portrait p{min-height:3.2em}
@media(min-width:761px){
 .objection-answer{display:grid;grid-template-rows:minmax(3em,auto) auto;align-content:start;min-height:77px}
 .two-lives{row-gap:0}.two-lives .life-alex{grid-column:1}.two-lives .life-sam{grid-column:2}
 .two-lives[data-compare=snapshot]{grid-template-rows:repeat(4,auto)}
 .two-lives[data-compare=snapshot] .life-life{display:grid;grid-row:1/span 4;grid-template-rows:subgrid}
 .two-lives[data-compare=snapshot] .portrait{grid-row:1}
 .two-lives[data-compare=snapshot] .life-snapshot{display:grid;grid-row:2/span 3;grid-template-rows:subgrid}
 .two-lives[data-compare=context]{grid-template-rows:repeat(6,auto)}
 .two-lives[data-compare=context] .life-life{display:grid;grid-row:1/span 6;grid-template-rows:subgrid}
 .two-lives[data-compare=context] .portrait{grid-row:1}
 .two-lives[data-compare=context] .life-history{display:grid;grid-row:2/span 5;grid-template-rows:subgrid}
}
@media(min-width:1001px){
 .two-lives[data-compare=snapshot] .life-snapshot>strong{line-height:1.25;min-height:2.5em}
 .two-lives[data-compare=snapshot] .life-snapshot>p{min-height:3.2em}
 .two-lives[data-compare=context] .life-history>h3{min-height:2.4em}
 .two-lives[data-compare=context] .life-history>p{min-height:3.2em}
}
@media(min-width:761px) and (max-width:1000px){
 .objection-answer{min-height:105px}
 .two-lives[data-compare=snapshot] .life-snapshot>strong{line-height:1.25;min-height:2.5em}
 .two-lives[data-compare=snapshot] .life-snapshot>p{min-height:3em}
 .two-lives[data-compare=context] .life-history>h3{min-height:2.4em}
 .two-lives[data-compare=context] .life-history>p{min-height:4.8em}
}
@media(max-width:760px){.two-lives{grid-template-columns:1fr;row-gap:18px}.portrait p{min-height:0}}

/* Quote-specific comparison diagrams. The first four keep a two-line frequency metaphor;
   reaction and evidence use their own visual language. */
.life-timeline{height:68px;display:block;position:relative;margin:12px 0;padding:5px 0;border-bottom:1px solid #d9dcac25}
.visual-frequency .visual-row{height:27px;display:grid;grid-template-columns:repeat(18,minmax(0,1fr));gap:6px;align-items:center}
.visual-frequency .visual-row i{display:block;width:auto;height:5px;flex:none;border-radius:3px;background:#a1baa229}
.visual-frequency .visual-row i.event{height:15px;background:#eac29c}
.visual-reaction{display:flex;align-items:center;padding:5px 3% 7px}
.reaction-stack{width:100%;height:52px;display:flex;flex-direction:column;justify-content:center;gap:5px}
.reaction-stack i{display:block;flex:none;height:6px;border-radius:5px;background:#91a59235}
.reaction-stack .reaction-now{width:100%;height:9px;background:#eac29c}
.life-alex .reaction-stack .reaction-context{width:42%}
.life-sam .reaction-stack .reaction-history:nth-child(2){width:88%}
.life-sam .reaction-stack .reaction-history:nth-child(3){width:76%}
.life-sam .reaction-stack .reaction-history:nth-child(4){width:91%}
.life-sam .reaction-stack .reaction-history:nth-child(5){width:68%}
.visual-evidence{display:flex;align-items:center;justify-content:center;padding:6px 0 8px}
.evidence-chain{height:45px;display:grid;grid-template-columns:repeat(3,42px);gap:44px;align-items:center}
.evidence-chain i{position:relative;display:block;flex:none;width:42px;height:34px;border:1px solid #91a59270;border-radius:5px;background:#a1baa20b}
.evidence-chain i+i:before{content:"";position:absolute;right:41px;top:16px;width:45px;border-top:2px dashed #91a59255}
.evidence-chain i.active{border-color:#eac29c;background:#eac29c1f}
.evidence-chain i.active:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#f1cfad;font:18px/1 system-ui,sans-serif}
.evidence-chain i.pending{border-style:dashed;opacity:.52}
@media(max-width:760px){
 .visual-frequency .visual-row{gap:4px}
 .evidence-chain{grid-template-columns:repeat(3,38px);gap:34px}
 .evidence-chain i{width:38px}
 .evidence-chain i+i:before{right:37px;width:35px}
}

.reader-content{font-size:14px;line-height:1.65}.reader-content h2{font-size:30px;line-height:1.15;margin:24px 0 15px}.reader-content h3{font-size:22px;margin:25px 0 13px}.reader-content section,.reader-content article{margin:23px 0}.reader-content summary{cursor:pointer;padding:14px 0}.reader-content .source-links{font-size:11px;display:flex;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #586a4330}.reader-content .source-links span{display:flex;align-items:center;gap:5px}.reader-content .icon{width:17px;height:17px;vertical-align:middle;margin:0 5px}.reader-content .button-row,.reader-content .source-card-meta{display:flex;gap:13px;flex-wrap:wrap}.reader-content .chapter-art,.reader-content .hero-art,.reader-content .segmented{display:none}.reader-content .caption,.reader-content .eyebrow{font-size:11px;color:#536247}.reader-content table{width:100%;font-size:12px;border-collapse:collapse}.reader-content td,.reader-content th{border-bottom:1px solid #55644730;padding:9px;text-align:left}.reader-content input{max-width:100%;color:#31442f}.reader-content a{overflow-wrap:anywhere}.reader-content .boundary-note{border-left:2px solid #a17a58;padding-left:17px}.reader-content .field-label{margin:14px 0}.reader-content img{max-width:100%}

/* V4: distinct, legible physical worlds. Reply and form retain their accepted assets. */
body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking]) .desk-world > :not(.wood-grain):not(.window-light):not(.window-cross){display:none!important}
body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking]) .attention-thread-v3{display:none!important}
.v4-art{pointer-events:none}
.prop-canvas{position:absolute;width:min(73%,1000px);height:auto;right:0;top:137px;overflow:visible}
.prop-canvas .only-inside{display:none}
[data-view=inside] .prop-canvas .only-inside{display:block}
[data-view=inside] .prop-canvas .only-outside{display:none}
.calendar-crosses path{stroke-dasharray:95;stroke-dashoffset:95}
[data-view=inside] .calendar-crosses path{animation:draw-calendar-cross .38s ease-out var(--cross-delay,0ms) forwards}
@keyframes draw-calendar-cross{to{stroke-dashoffset:0}}
.public-layer{transform-origin:225px 260px;transition:transform .65s cubic-bezier(.2,.7,.25,1),opacity .5s}
[data-view=inside] .public-layer{transform:translate(45px,90px) rotate(-7deg);opacity:0}
body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking])[data-section=moments] .scene-stage{min-height:762px}
body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking]) .scene-clock{display:none}
/* Three floating thoughts use actual negative space, not the faces of the props. */
@media(min-width:761px){
 body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking]) .thought-0{left:72%;top:34px;max-width:310px}
 body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking]) .thought-1{left:5.4%;top:414px;max-width:295px}
 body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking]) .thought-2{left:57%;top:645px;max-width:440px}
 body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking]) .scene-underlay-caption{bottom:17px}
 [data-scene=relationship] .scene-header{max-width:490px}
 [data-scene=relationship] .scene-header h1{font-size:clamp(45px,4.6vw,73px)}
}
/* The former 'two cups' symbol is removed. The conversation and toggle now carry the meaning. */
.understanding-stage{min-height:0;padding:8px 0 30px}
.conversation-center{padding-bottom:20px}
.understanding-thoughts{gap:24px;margin-bottom:7px}
.understanding-switch{margin-top:6px}
.old-labels span:nth-child(3),.old-labels span:nth-child(4){top:78%}
/* A horizontal watch shelf, not another grid of landing-page cards. */
.watching-section{background:#efe8d4;color:#223c30;padding-top:68px;padding-bottom:66px;scroll-margin-top:20px}
.watching-section .micro{color:#596c57;font-size:10px}
.watching-disclosure{max-width:1280px;margin:auto;border-top:1px solid #29473335;border-bottom:1px solid #29473335}
.watching-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 0;cursor:pointer;list-style:none}
.watching-disclosure>summary::-webkit-details-marker{display:none}
.watching-title-group{display:block}
.watching-title-group h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,3.3vw,49px);letter-spacing:-1.3px;margin:7px 0 0;line-height:1.15}
.watching-summary-meta{display:flex;align-items:center;gap:16px;white-space:nowrap;font-size:12px;color:#5c6d58}
.watching-summary-meta svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .25s}
.watching-disclosure[open] .watching-summary-meta svg{transform:rotate(180deg)}
.watching-expand-word{display:none}.watching-disclosure:not([open]) .watching-collapse-word{display:none}.watching-disclosure:not([open]) .watching-expand-word{display:inline}
.watching-intro{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:0 0 22px}
.watching-intro>p{font-size:16px;line-height:1.6;max-width:720px;margin:0;color:#465e4b}
.watching-arrows{display:flex;gap:9px}
.watching-arrows button{border:1px solid #31573c66;border-radius:50%;width:46px;height:46px;min-height:46px;aspect-ratio:1;flex:0 0 46px;padding:0;color:#244330;display:grid;place-items:center;transition:background .2s,border-color .2s}
.watching-arrows button .ui-icon{width:18px;height:18px}
.watching-arrows button:hover:not(:disabled){background:#d7dfc8}
.watching-arrows button:disabled{opacity:.3;cursor:default}
.video-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 52px)/3.35);gap:22px;list-style:none;padding:3px 3px 20px;margin:0 -3px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:3px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#9ca789 transparent}
.video-track>li{min-width:0;scroll-snap-align:start}
.video-thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:4px;text-decoration:none;background:#345747;color:#f8ead0;isolation:isolate;border:1px solid #2844311c}
.video-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,#0d21155c);z-index:1;pointer-events:none}
.video-thumb img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s;z-index:1}
.video-thumb img[hidden]{display:none}
.video-thumb:hover img{transform:scale(1.035)}
.video-cover{position:absolute;inset:0;padding:18px 19px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(140deg,#476c58,#1e3c30)}
.video-cover:after{content:"";width:150px;height:150px;border:1px solid #f5d6ab4a;border-radius:50%;position:absolute;right:-24px;bottom:-80px;box-shadow:0 0 0 19px #fff0,0 0 0 20px #f5d6ab20}
.video-cover .cover-publisher{font:9px/1.4 ui-monospace,monospace;letter-spacing:1px;max-width:88%}
.video-cover strong{font:italic 23px/1.15 Georgia,serif;max-width:83%;padding-bottom:6px;font-weight:400}
.video-cover .cover-label{font:8px/1 ui-monospace,monospace;letter-spacing:1.3px;text-transform:uppercase;opacity:.7}
.video-thumb[data-color=peach] .video-cover{background:#dea489;color:#263e30}
.video-thumb[data-color=sand] .video-cover{background:#d4bf94;color:#2a4432}
.video-thumb[data-color=clay] .video-cover{background:#995f4d;color:#ffeed2}
.video-thumb[data-color=sage] .video-cover{background:#9bad91;color:#24402e}
.video-play{position:absolute;right:13px;bottom:12px;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#f7ecd6;color:#233c2e;z-index:3;box-shadow:0 3px 14px #19332124}
.video-play svg{width:16px;height:16px;fill:currentColor;margin-left:2px}
.video-card-meta{font:9px/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:1px;color:#5b735b;display:block;margin:18px 0 8px}
.video-card h3{font-size:18px;font-weight:500;letter-spacing:-.25px;line-height:1.35;margin:0 0 7px}
.video-card h3 a{text-decoration:none}.video-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.video-card .video-byline{font-size:12px;line-height:1.6;color:#5d6f59;margin:0}
.video-card .video-source-link{font-size:11px;color:#596f55;display:inline-block;margin-top:9px;min-height:28px;text-underline-offset:3px}
.watching-footnote{font-size:11px;line-height:1.6;color:#52694f;margin:20px 0 5px;max-width:900px}
.watching-footnote a{text-underline-offset:3px}
.watching-context{font-size:12px;line-height:1.6;color:#52694f;margin:0 0 26px}
.video-dialog{padding:0;width:min(1040px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 36px);border:1px solid #667c5c;border-radius:10px;background:#1c3025;color:#f2e9d3;overflow:auto;box-shadow:0 20px 90px #04140888}
.video-dialog::backdrop{background:#06140fd9;backdrop-filter:blur(7px)}
.video-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 27px 23px}
.video-dialog-header p{font-size:10px;margin:0 0 8px;color:#bdd0af}
.video-dialog-header h2{font-size:24px;line-height:1.25;font-weight:500;margin:0;letter-spacing:-.5px}
.video-close{font-size:31px;border:1px solid #9fae8844;border-radius:50%;width:42px;height:42px;flex:none;line-height:1;display:grid;place-items:center}
.video-player-stage{position:relative;aspect-ratio:16/9;background:#111d16;display:grid;place-items:center;overflow:hidden}
.video-player-stage iframe{width:100%;height:100%;border:0;position:absolute;inset:0}
.video-local-message{max-width:610px;text-align:center;padding:28px;color:#d4dfc6}
.video-local-message p{font-size:16px;line-height:1.6;margin:0 0 22px}
.video-local-message a{display:inline-flex;padding:16px 23px;background:#efaa8d;color:#253b2c;font-size:16px;text-decoration:none;border-radius:4px}
.video-dialog-footer{padding:20px 27px 24px;display:grid;grid-template-columns:1fr auto;gap:15px 24px;align-items:start}
.video-dialog-footer p{margin:0;font-size:13px;line-height:1.6;color:#c4ceb6}
.video-dialog-footer>a{white-space:nowrap;min-height:36px;font-size:13px;text-underline-offset:4px}
.video-dialog-footer .video-player-help{grid-column:1/-1;font-size:11px;color:#aebfa1}
@media(min-width:1800px){.prop-canvas{right:9%;top:130px;width:1100px}body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking])[data-section=moments] .scene-stage{min-height:820px}body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking]) .thought-2{top:699px}}
@media(min-width:761px) and (max-width:1100px){
 .prop-canvas{top:260px;width:83%;right:-15px}
 body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking]) .thought-0{left:66%;top:33px;max-width:260px}
 body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking]) .thought-1{left:4%;top:380px;max-width:220px}
 body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking]) .thought-2{left:47%;top:683px;max-width:440px}
 body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking])[data-section=moments] .scene-stage{min-height:800px}
}
@media(max-width:1000px){.video-track{grid-auto-columns:calc((100% - 32px)/2.25)}.watching-summary-meta{font-size:11px;gap:9px}.watching-section{padding:48px 26px}}
@media(max-width:760px){
 body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking])[data-section=moments] .scene-stage{display:flex;flex-direction:column;min-height:0;background:linear-gradient(145deg,#344334,#343f30 50%,#1c2a23)}
 body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking]) .scene-header{order:0;max-width:none;margin:0;padding:28px 24px 18px}
 body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking]) .scene-art{position:relative;inset:auto;order:1;flex:none;width:100%;height:clamp(280px,72vw,445px);overflow:hidden}
 body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking]) .scene-art .desk-world{background:none}
 body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking]) .scene-art .wood-grain{opacity:.14}
 .prop-canvas{position:absolute;left:50%;right:auto;top:8px;width:113%;max-width:780px;transform:translateX(-50%)}
 body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking]) .thought-layer{order:2;padding:10px 24px 28px!important;margin:0;background:#1c2a23}
 body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking]) .scene-underlay-caption{display:none}
 body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking]) .thought-note{position:relative;left:auto;top:auto;max-width:none}
 .understanding-stage{padding:8px 0 17px;min-height:0}
 .conversation-center{padding:10px 0 5px}
 .understanding-thoughts{margin-bottom:8px;gap:14px}
 .watching-section{padding:32px 23px 36px}
 .watching-disclosure>summary{align-items:flex-start;gap:10px;padding:24px 0}
 .watching-title-group h2{font-size:33px;letter-spacing:-1px}
 .watching-title-group .micro{font-size:8px;letter-spacing:1px}
 .watching-summary-meta{font-size:0;gap:3px;padding-top:24px}
 .watching-collapse-word,.watching-expand-word{font-size:11px}
 .watching-intro{align-items:flex-start;gap:15px;margin-bottom:19px}
 .watching-intro>p{font-size:14px;line-height:1.5;max-width:75%}
 .watching-arrows{gap:6px}
 .watching-arrows button{width:38px;height:38px;min-height:38px;flex-basis:38px}.watching-arrows button .ui-icon{width:16px;height:16px}
 .video-track{grid-auto-columns:79%;gap:16px}
 .video-cover strong{font-size:22px}
 .video-card h3{font-size:18px}
 .watching-footnote{font-size:11px;margin-top:15px}
 .video-dialog-header{padding:18px 18px 17px;gap:14px}
 .video-dialog-header h2{font-size:20px}
 .video-dialog-header p{font-size:9px}
 .video-dialog-footer{display:block;padding:17px 19px 21px}
 .video-dialog-footer>a{display:inline-flex;align-items:center;margin:9px 0}
 .video-player-stage:has(.video-local-message){min-height:220px;aspect-ratio:auto}
 .video-local-message{padding:22px}
 .video-local-message p{font-size:14px}
}
@media(max-width:380px){.watching-title-group h2{font-size:27px}.watching-intro>p{font-size:13px}.video-track{grid-auto-columns:85%}.video-cover strong{font-size:21px}.watching-arrows button{width:36px;height:36px;min-height:36px;flex-basis:36px}.prop-canvas{width:113%;transform:translateX(-50%)}.watching-section{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){.calendar-crosses path{stroke-dashoffset:0;animation:none!important}.public-layer,.video-thumb img{transition:none}}
[data-motion=off] .calendar-crosses path{stroke-dashoffset:0;animation:none!important}
@media(forced-colors:active){.video-thumb,.watching-arrows button{border:1px solid CanvasText}.video-play{background:ButtonFace;color:ButtonText}.watching-disclosure{border-color:CanvasText}}
@media print{.watching-section{display:none}}

/* Small copy on paper-toned surfaces must remain readable at WCAG AA contrast. */
.tip-message>.micro,.tip-message small{color:#445544}
.watching-section .micro,.watching-summary-meta,.video-card-meta,
.video-card .video-byline,.video-card .video-source-link,
.watching-footnote,.watching-context{color:#455b47}
.evidence-section .micro,.source-library-deck,.source-entry summary small,
.source-entry-body .source-access,.limit-statement>span,.watch-inline p{color:#485b48}

/* A two-tone keyboard indicator stays visible on both the dark scenes and paper panels. */
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{
 outline:3px solid #fff3d6;
 outline-offset:2px;
 box-shadow:0 0 0 5px #174532
}
/* Keep the third thought off tax forms, flowers and every other pale object. */
@media(min-width:1101px){body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking]) .thought-2{left:5.4%;top:604px;max-width:335px}}
@media(min-width:761px) and (max-width:1100px){.prop-canvas{width:76%;right:0}body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking]) .thought-2{left:4%;top:652px;max-width:280px}}
/* These legacy tip labels are not part of the primary phone illustration. */
.scene-art .phone-written-cue,.scene-art .phone-first-step{display:none!important}

/* New scenario-specific phones replace, rather than sit over, the reply phone. */
body:is([data-scene=start],[data-scene=time],[data-scene=listen],[data-scene=relationship],[data-scene=masking]) .scene-art .phone-anchor{display:none!important}

/* V6 visual fidelity. Full-scene approved lighting; no mask, fade, tint or grading over photography. */
:root{--scene-ink:#f8efda;--scene-bg:#14271f;--scene-soft:#d3dac8;--scene-accent:#efa887}
/* Safari/WebKit can expose the link as :focus-visible before honoring the older
   grouped focus rule. Keep the first keyboard stop visibly on-canvas. */
a.skip:focus,a.skip:focus-visible{top:14px!important;outline:3px solid #fff3d6!important;outline-offset:2px!important;box-shadow:0 0 0 5px #174532!important}
.topbar{min-height:64px;background:#12231c}.topbar .brand{font-size:22px}.topbar .brand-emblem{font-size:31px}.top-note{font-size:9px}
.experience-shell{max-width:1800px;margin-inline:auto;background:#14271f}
body[data-section=moments] .chapter-top{display:none}
body[data-section=moments] #scene-canvas{container-type:inline-size;display:block!important;width:100%;height:auto;aspect-ratio:1448/1086;min-height:0!important;padding:0!important;background:#14271f;overflow:hidden;isolation:isolate}
body[data-section=moments] .scene-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;mask:none!important;-webkit-mask:none!important;filter:none!important;opacity:1!important}
body[data-section=moments] .scene-art:before,body[data-section=moments] .scene-art:after{content:none!important;display:none!important}
.photo-scene{position:absolute;inset:0;width:100%;height:100%;display:none;filter:none;opacity:1}
body[data-scene=reply] [data-art=reply],body[data-scene=focus] [data-art=focus],body[data-scene=start] [data-art=start],body[data-scene=time] [data-art=time],body[data-scene=listen] [data-art=listen],body[data-scene=relationship] [data-art=relationship],body[data-scene=masking] [data-art=masking]{display:block}
body[data-section=moments] .scene-header{position:absolute!important;left:6.6%!important;top:5.7%!important;margin:0!important;padding:0!important;width:35%;max-width:none!important;z-index:3;pointer-events:auto;background:none!important}
body[data-section=moments] .scene-header>.micro{font:400 .8cqw/1.5 ui-monospace,monospace;font-size:max(10px,.8cqw);letter-spacing:.15cqw;gap:1.8cqw;margin:0 0 3.6cqw;color:#e3e5d1;white-space:nowrap}
body[data-section=moments] .scene-header h1{font:750 5.05cqw/.99 Arial,Helvetica,sans-serif;letter-spacing:-.31cqw;margin:0 0 1.7cqw;color:#fff6df;text-wrap:initial;max-width:none}
body[data-section=moments] .scene-header #scene-deck{font:400 1.45cqw/1.45 Arial,Helvetica,sans-serif;font-size:max(15px,1.45cqw);max-width:31cqw;color:#f0efdf;margin:0}
body[data-scene=reply][data-section=moments] .scene-header h1{white-space:nowrap;font-size:5.6cqw}
body[data-scene=time][data-section=moments] .scene-header{left:6.6%!important}
body[data-scene=relationship][data-section=moments] .scene-header{width:35.8%}
body[data-scene=relationship][data-section=moments] .scene-header h1{font-size:4.8cqw}
body[data-scene=masking][data-section=moments] .scene-header h1{font-size:4.6cqw}
/* A single perspective pill per moment; task selection is subordinate and only exists on the laptop. */
body[data-section=moments] .moment-controls{position:absolute;right:4.2%;top:6.5%;width:auto;height:auto;margin:0;padding:0;z-index:12;display:flex;justify-content:flex-end;align-items:flex-start;gap:.8cqw;flex-wrap:nowrap;background:transparent;border:0;border-radius:0;box-shadow:none}
.scene-toolbar-label{display:none}
.perspective-switch{margin:0!important;flex:0 0 auto;width:clamp(340px,27cqw,390px);border-radius:999px;padding:4px;background:#11271fe8;border:1px solid #8b9c7766;box-shadow:0 3px 12px #07140b33;max-width:none}
.perspective-switch button{font:400 max(13px,.87cqw)/1.2 Arial,sans-serif;min-height:44px;padding:.65cqw 1.05cqw;border-radius:999px;flex:1;white-space:nowrap;box-shadow:none!important;color:#d8e0cd}
.perspective-switch button[aria-pressed=true]{background:#f3e8c8;color:#243a2e}
.task-context{display:flex;align-items:center;width:clamp(340px,28cqw,410px);margin:0;gap:0}.task-context .task-label{display:none}
.task-tabs{display:flex;align-items:stretch;width:100%;gap:.55cqw;background:#11271fe8;border:1px solid #8b9c7766;border-radius:14px;box-shadow:0 3px 12px #07140b33;padding:4px .65cqw}
.task-tabs button{font:400 max(12px,.83cqw)/1.35 Arial,sans-serif;min-height:44px;border-radius:8px;padding:.35cqw .45cqw;max-width:none;border:0;flex:1;text-align:center;color:#c2cdb8}
.task-tabs button[aria-pressed=true]{color:#fff0d4;background:#19392ddd;box-shadow:inset 0 -2px #f1b190}
/* On the Focus scene, two independent two-way choices share one quiet console. */
@media(min-width:1101px){
 body[data-scene=focus][data-section=moments] .moment-controls{align-items:center;gap:12px;padding:5px 7px;background:#10291fd6;border:1px solid #8b9c7760;border-radius:18px;box-shadow:0 5px 18px #07140b3d}
 body[data-scene=focus][data-section=moments] .task-context{position:relative;width:clamp(285px,22cqw,320px);padding-right:13px}
 body[data-scene=focus][data-section=moments] .task-context:after{content:'';position:absolute;right:0;top:8px;bottom:8px;width:1px;background:#d5dfc66b}
 body[data-scene=focus][data-section=moments] .task-tabs{gap:4px;padding:0;background:transparent;border:0;border-radius:12px;box-shadow:none}
 body[data-scene=focus][data-section=moments] .task-tabs button{min-height:40px;padding:7px 9px;border:1px solid transparent;border-radius:11px}
 body[data-scene=focus][data-section=moments] .task-tabs button[aria-pressed=true]{background:#19382ddd;border-color:#98aa8b55;box-shadow:none}
 body[data-scene=focus][data-section=moments] .perspective-switch{width:clamp(300px,23cqw,334px);padding:3px;background:transparent;border:0;box-shadow:none}
 body[data-scene=focus][data-section=moments] .perspective-switch button{min-height:40px;padding:7px 10px}
}
/* Qualitative, explicitly illustrative; never labeled as a chemical measurement. */
.interest-block{margin:1.7cqw 0 0;max-width:24cqw}
.interest-label{font:.77cqw/1.3 Arial,sans-serif;font-size:max(11px,.77cqw);display:flex;justify-content:space-between;gap:1cqw;color:#d2ddc7}
.interest-label strong{font-weight:400;color:#efd1ad;white-space:nowrap}
.interest-battery{display:flex;gap:.23cqw;height:1.1cqw;padding:.17cqw;border:1px solid #d0d7bf;border-radius:.7cqw;margin:.65cqw 0;overflow:hidden}
.interest-battery span{flex:1;background:transparent;border-radius:1px}.interest-battery span:first-child{background:#f1aa8c}[data-task=project] .interest-battery span{background:#cedbac}
.interest-note{font:.8cqw/1.5 Arial,sans-serif;font-size:max(12px,.8cqw);color:#d7e0ca;position:relative;max-width:26cqw}
.interest-note summary{cursor:pointer;text-decoration:underline;list-style:none;text-underline-offset:.25cqw;min-height:1.6cqw}
.interest-note[open]{background:#13291ff7;border:1px solid #8fa184;padding:1.1cqw;border-radius:.5cqw;box-shadow:0 .5cqw 1.5cqw #0006;z-index:25;max-width:29cqw}
.interest-note p{margin:1cqw 0;line-height:1.6}
/* Floating thoughts return to the object-specific positions of the approved images. */
body[data-section=moments] .thought-layer{position:absolute!important;inset:0!important;z-index:4;margin:0!important;padding:0!important;width:100%!important;background:none!important;pointer-events:none}
body[data-section=moments] .thought-note{position:absolute!important;left:var(--x)!important;top:var(--y)!important;width:var(--w)!important;max-width:none!important;min-height:0;margin:0;padding:1.05cqw 1.25cqw;color:#eee9d3;background:#203327bf;border:1px solid #a2b39466;border-radius:1.45cqw;transform:rotate(-2.5deg);animation:none!important;box-shadow:0 .15cqw .4cqw #13221822}
body[data-section=moments] .thought-note:after{content:'';position:absolute;width:.58cqw;height:.58cqw;border:1px solid #ced5bf66;border-radius:50%;right:1.25cqw;top:calc(100% + .65cqw);box-shadow:.6cqw .85cqw 0 -.17cqw #81917788}
body[data-section=moments] .thought-note>span,body[data-section=moments] .thought-note>p{display:none}
body[data-section=moments] .thought-note>strong{font:italic 400 1.22cqw/1.3 Georgia,'Times New Roman',serif;font-size:max(14px,1.22cqw);letter-spacing:.01em;margin:0;color:#f0e9d6}
[data-scene=reply] .thought-0{--x:38.4%;--y:19.8%;--w:14.7%}[data-scene=reply] .thought-1{--x:37.2%;--y:35.9%;--w:13.4%}[data-scene=reply] .thought-2{--x:79.2%;--y:40.2%;--w:14.1%}
[data-scene=focus] .thought-0{--x:12.9%;--y:40.4%;--w:14.1%}[data-scene=focus] .thought-1{--x:27%;--y:46.2%;--w:14.4%}[data-scene=focus] .thought-2{--x:17%;--y:58.2%;--w:15.4%}
[data-scene=start] .thought-0{--x:31.1%;--y:37.6%;--w:14.5%}[data-scene=start] .thought-1{--x:32.1%;--y:48.5%;--w:14.4%}[data-scene=start] .thought-2{--x:35%;--y:61.4%;--w:14.1%}
[data-scene=time] .thought-0{--x:31.7%;--y:29.3%;--w:14.8%}[data-scene=time] .thought-1{--x:30.3%;--y:44.5%;--w:14.5%}[data-scene=time] .thought-2{--x:28.5%;--y:64.4%;--w:15.3%}
[data-scene=listen] .thought-0{--x:13.9%;--y:42.5%;--w:17.6%}[data-scene=listen] .thought-1{--x:26%;--y:49%;--w:15.3%}[data-scene=listen] .thought-2{--x:13.2%;--y:61.2%;--w:17.8%}
[data-scene=relationship] .thought-0{--x:10.6%;--y:46.2%;--w:12.5%}[data-scene=relationship] .thought-1{--x:15.2%;--y:57%;--w:13.4%}[data-scene=relationship] .thought-2{--x:6.9%;--y:67.5%;--w:18.9%}
[data-scene=masking] .thought-0{--x:16.6%;--y:40.8%;--w:17.5%}[data-scene=masking] .thought-1{--x:25.2%;--y:51.5%;--w:16.8%}[data-scene=masking] .thought-2{--x:15.9%;--y:61.7%;--w:18.6%}
.assumption-layer{position:absolute;left:6.6%;top:40%;width:clamp(320px,27cqw,410px);max-width:none;padding:max(14px,.95cqw) max(18px,1.2cqw);border:1px solid #c6d0b94f;border-radius:max(10px,.75cqw);background:#10271db3;box-shadow:0 .45cqw 1.35cqw #06150d2b;z-index:4;color:#eceddc}
.assumption-layer .micro{font:400 max(10px,.66cqw)/1.5 ui-monospace,monospace;letter-spacing:.11cqw;color:#d6ddca}
.assumption-layer>p{max-width:31ch;font:italic 400 max(17px,1.18cqw)/1.36 Georgia,'Times New Roman',serif;margin:max(8px,.55cqw) 0 0;color:#fff1dc;text-wrap:balance}
/* The same live CTA is mounted here for moments, or below other chapter panels. */
body[data-section=moments] .scene-director-slot{position:absolute;left:4.15%;right:4.05%;top:auto;bottom:4.2%;min-height:10.9%;z-index:15;background:#142b21;border:1px solid #889c7655;border-radius:.85cqw;display:flex}
body[data-section=moments] #experience .director{display:flex;align-items:center;justify-content:space-between;gap:2cqw;max-width:none;width:100%;margin:0;padding:1.45cqw 1.8cqw;background:#142b21;border:0;border-radius:.85cqw;box-shadow:none}
body[data-section=moments] .director>div{max-width:68%;flex:1}
body[data-section=moments] .director .micro{font:.7cqw/1.4 ui-monospace,monospace;font-size:max(10px,.7cqw);letter-spacing:.13cqw;color:#d4ddc4}
body[data-section=moments] .director p{font:400 1.68cqw/1.35 Arial,sans-serif;font-size:max(17px,1.68cqw);letter-spacing:-.03cqw;margin:.65cqw 0 0;max-width:none}
body[data-section=moments] .director .pink-button{font:600 .98cqw/1.35 Arial,sans-serif;font-size:max(13px,.98cqw);padding:1.5cqw 1.65cqw;min-height:4.7cqw;max-width:28%;width:26%;text-align:left;gap:1.4cqw;flex:none;background:#f1a689;color:#26372a}
body[data-section=moments] .director .ui-icon{width:1.65cqw;height:1.65cqw}
/* Navigation has its own surface: contrast must not depend on the photograph below it. */
body[data-section=moments] .scenario-nav{position:absolute;left:4.15%;right:4.05%;top:89.3%;margin:0;max-width:none;padding:0 14px;display:flex;justify-content:space-between;gap:12px;flex-wrap:nowrap;background:#10271f;border:1px solid #91a38a70;border-radius:8px;z-index:10}
body[data-section=moments] .scenario-nav button{font:500 max(14px,.9cqw)/1.35 Arial,sans-serif;min-height:max(44px,3.7cqw);padding:9px 2px;gap:8px;white-space:nowrap;background:transparent;color:#f8efda;transition:color .15s,background .15s}
body[data-section=moments] .scenario-nav button>span{font:12px/1.35 ui-monospace,monospace;color:#cfdbc6;opacity:1;flex:none}
body[data-section=moments] .scenario-nav button[aria-current=step]{color:#ffc3a5;border-bottom-color:#f1a689}
body[data-section=moments] .scenario-nav button:hover{background:#294337;color:#fff6e5}
body[data-section=moments] .scenario-nav button:focus-visible{outline-offset:-3px;box-shadow:none}
@media(min-width:1101px) and (max-width:1250px){body[data-section=moments] .scenario-nav button{white-space:normal;text-wrap:balance}}
.scene-fineprint{position:absolute;left:4.15%;right:4.05%;top:96.05%;display:flex;justify-content:space-between;gap:2cqw;padding:4px 14px;border-radius:5px;background:#10271f;font:12px/1.4 Arial,sans-serif;color:#dbe3cf;z-index:4}
.scene-fineprint a{text-decoration:none}
#scene-explanation{display:block;margin:0 auto 24px;padding:18px 26px;max-width:1100px;background:none;border-top:1px solid #c0cbb833;border-bottom:1px solid #c0cbb833;line-height:1.7;color:#d0dac5}
#scene-explanation>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;font:400 16px/1.5 Arial,sans-serif;list-style:none}
#scene-explanation>summary:after{content:'+';font-size:23px;color:#efad8a}#scene-explanation[open]>summary:after{content:'−'}
#scene-explanation>.micro{display:none}#scene-explanation p{font-size:16px;line-height:1.6}#scene-explanation>a{display:inline-block;min-height:44px;font-size:13px}
#experience>.fiction-note{font-size:12px;line-height:1.6;margin:18px auto 24px;color:#c3ceb7}
.follow-assumption{font:italic 24px/1.5 Georgia,serif;color:#7b513e;max-width:950px;margin:0 0 28px}.follow-why{padding-top:22px;border-top:1px solid #526b5845;margin-top:25px;max-width:1040px}.follow-why p{font-size:17px;line-height:1.65;color:#304b3c;max-width:900px}.follow-why .micro{color:#4f614d}.follow-panel li p{font-size:16px;line-height:1.65}
body:not([data-section=moments]) .scene-art,body:not([data-section=moments]) .scene-fineprint,body:not([data-section=moments]) .scene-director-slot{display:none!important}
body:not([data-section=moments]) .scene-stage{min-height:0!important;padding:25px 0 34px!important;background:none!important;aspect-ratio:auto}
body:not([data-section=moments]) .scene-header{max-width:900px;padding-top:10px}body:not([data-section=moments]) .scene-header h1{max-width:950px}
body:not([data-section=moments]) .scene-header #scene-deck{font-size:20px;line-height:1.5;max-width:800px}
.chapter-nav-v3{margin:0 4.5%;max-width:none}.journey-bottom{margin:0 4.5%;max-width:none}
@media(min-width:961px) and (max-width:1100px){
 body[data-section=moments] .moment-controls{right:4%;top:6%;width:53.2%;gap:8px}.perspective-switch,.task-context{width:49%;flex:1 1 49%}.perspective-switch button{min-height:44px;font-size:max(12px,1cqw);padding:.55cqw}.task-tabs button{font-size:max(12px,.9cqw);min-height:44px}
 body[data-section=moments] .thought-note>strong{font-size:max(14px,1.35cqw)}
 body[data-section=moments] .scenario-nav{gap:8px;padding-inline:10px}
 body[data-section=moments] .scenario-nav button{font-size:14px;min-height:44px;white-space:normal;text-wrap:balance}
 body[data-section=moments] .director .pink-button{min-height:44px;font-size:max(13px,1cqw)}
 body[data-section=moments] #experience .director{padding:10px 16px;gap:16px}
 body[data-section=moments] .director>div{max-width:none;min-width:0}
 body[data-section=moments] .director .pink-button{width:34%;max-width:34%;padding:10px 14px}
}
/* Mobile is an honest recomposition: real readable text + the same unfiltered photograph. */
@media(max-width:960px){
 .topbar{padding:10px 18px;gap:12px;min-height:60px}.topbar .brand{font-size:20px}.topbar .brand-emblem{display:none}.topbar nav{gap:10px}.topbar nav>a{font-size:10px}.topbar .motion-button{font-size:10px;padding:7px 8px;min-height:38px}.top-note{display:none}
 body[data-section=moments] #scene-canvas{aspect-ratio:auto;display:flex!important;flex-direction:column;container-type:normal;min-height:0!important;overflow:visible;background:#14271f!important}
 body[data-section=moments] .scene-header{position:relative!important;inset:auto!important;order:0;width:100%;margin:0!important;padding:30px 24px 22px!important;max-width:none!important;background:none}
 body[data-section=moments][data-scene=time] .scene-header{left:auto!important}
 body[data-section=moments][data-scene=relationship] .scene-header{width:100%}
 body[data-section=moments] .scene-header>.micro{font-size:10px;gap:15px;letter-spacing:1.4px;margin:0 0 23px}
 body[data-section=moments] .scene-header h1,body[data-scene=reply][data-section=moments] .scene-header h1,body[data-scene=relationship][data-section=moments] .scene-header h1,body[data-scene=masking][data-section=moments] .scene-header h1{font-size:clamp(39px,10.5vw,65px)!important;line-height:1.01;letter-spacing:-2.4px;margin:0 0 19px;white-space:normal}
 body[data-section=moments] .scene-header #scene-deck{font-size:17px;line-height:1.55;max-width:550px}
 body[data-section=moments] .moment-controls{order:1;position:relative;inset:auto;width:auto;height:auto;margin:0 18px 18px;padding:0;display:flex;flex-direction:column;background:transparent;border:0;border-radius:0;box-shadow:none;gap:10px}
 .scene-toolbar-label{display:none}.perspective-switch{flex:0 0 auto;width:100%;padding:4px;border:1px solid #83997677;border-radius:32px;max-width:none;background:#11271f;box-shadow:none}.perspective-switch button{font-size:13px;line-height:1.3;padding:13px 10px;min-height:48px;border-radius:32px}
 .task-context{width:100%;padding:0}.task-tabs{gap:10px;padding:4px 10px;border-radius:12px;background:#11271f;box-shadow:none}.task-tabs button{font-size:13px;min-height:48px;padding:10px 5px;line-height:1.35;max-width:none}
 body[data-section=moments] .scene-art{order:2;position:relative!important;inset:auto!important;height:auto!important;width:100%!important;aspect-ratio:1.25!important;flex:none;z-index:0!important;background:#16281d}
 body[data-section=moments] .thought-layer{order:3;position:relative!important;inset:auto!important;width:auto!important;display:grid;gap:14px;margin:24px!important;padding:0!important;background:none!important}
 body[data-section=moments] .thought-note{position:relative!important;inset:auto!important;max-width:none!important;width:100%!important;margin:0;padding:17px 19px!important;transform:none;border-radius:15px;background:#24392b;box-shadow:none}
 body[data-section=moments] .thought-note:after{display:none}body[data-section=moments] .thought-note>strong{font:italic 400 20px/1.35 Georgia,'Times New Roman',serif;letter-spacing:.01em}
 body[data-section=moments] .thought-note>p{display:block;margin:9px 0 0;font-size:14px;line-height:1.55;color:#d3ddc7}
 .assumption-layer,[data-scene=reply] .assumption-layer{order:3;position:relative;inset:auto;width:auto;max-width:none;margin:22px 24px 5px;padding:18px 20px;border-radius:15px;background:#22382b}
 .assumption-layer .micro{font-size:10px;letter-spacing:1.1px}.assumption-layer>p,[data-scene=reply] .assumption-layer>p{font-size:22px;line-height:1.4;margin:12px 0 0}
 .interest-block{max-width:330px;margin:19px 0 0}.interest-label{font-size:11px}.interest-battery{gap:4px;height:14px;border-radius:8px;padding:2px;margin:9px 0}.interest-note{font-size:12px;max-width:340px}.interest-note summary{min-height:36px;text-underline-offset:4px}.interest-note[open]{max-width:100%;padding:14px;border-radius:8px}.interest-note p{margin:12px 0}
 body[data-section=moments] .scene-director-slot{order:4;position:relative;inset:auto;margin:20px 19px 4px;display:block;border-radius:12px;min-height:0;background:#193025}
 body[data-section=moments] #experience .director{padding:22px;display:flex;flex-direction:column;align-items:stretch;gap:20px;border-radius:12px;background:#193025}
 body[data-section=moments] .director>div{max-width:none}.director p,body[data-section=moments] .director p{font-size:23px;line-height:1.4;letter-spacing:-.4px;margin:10px 0 0}
 body[data-section=moments] .director .micro{font-size:10px;letter-spacing:1.3px}.director .pink-button,body[data-section=moments] .director .pink-button{font-size:14px;line-height:1.4;min-height:60px;max-width:100%;width:100%;padding:17px 20px;gap:16px}
 body[data-section=moments] .director .ui-icon{width:22px;height:22px}
 body[data-section=moments] .scenario-nav{order:5;position:relative;inset:auto;max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;margin:20px 24px 0;padding:6px 12px;border:1px solid #91a38a70}
 body[data-section=moments] .scenario-nav button{font-size:14px;line-height:1.4;min-height:48px;padding:10px 2px;gap:7px;white-space:normal;text-align:left}body[data-section=moments] .scenario-nav button>span{font-size:12px}
 .scene-fineprint{order:6;position:relative;inset:auto;font-size:12px;line-height:1.5;padding:16px 24px;gap:20px;align-items:center;background:transparent}.scene-fineprint a{max-width:120px;min-height:44px;display:flex;align-items:center}
 #scene-explanation{margin:0 24px 18px;padding:12px 0}#scene-explanation>summary{font-size:15px}#scene-explanation p{font-size:15px}
 body:not([data-section=moments]) .scene-header{max-width:none;padding:25px 24px!important;margin:0!important}body:not([data-section=moments]) .scene-header h1{font-size:43px;letter-spacing:-2px}body:not([data-section=moments]) .scene-header #scene-deck{font-size:17px}
 .chapter-nav-v3{margin:0 24px}.journey-bottom{margin:0 24px}.follow-assumption{font-size:21px}.follow-why p{font-size:16px}
}
/* Tablet and zoomed-desktop layouts keep the controls visually attached to the photograph. */
@media(min-width:601px) and (max-width:960px){
 body[data-section=moments] #scene-canvas{display:grid!important;grid-template-columns:minmax(0,1fr)}
 body[data-section=moments] .scene-header{grid-column:1;grid-row:1}
 body[data-section=moments] .scene-header #scene-deck{max-width:calc(100% - 2px);text-wrap:balance}
 body[data-section=moments] .scene-art{grid-column:1;grid-row:2}
 body[data-section=moments] .moment-controls{grid-column:1;grid-row:2;align-self:start;justify-self:center;position:relative;inset:auto;width:min(calc(100% - 32px),680px);margin:14px 16px 0;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:10px;z-index:12}
 body[data-section=moments]:not([data-scene=focus]) .moment-controls{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end}
 body[data-section=moments] .task-context,body[data-section=moments] .perspective-switch{width:100%;min-width:0}
 body[data-section=moments]:not([data-scene=focus]) .perspective-switch{width:min(100%,330px);flex:none}
 body[data-section=moments] .task-tabs{padding:3px 8px;background:#11271fe8}
 body[data-section=moments] .task-tabs button,body[data-section=moments] .perspective-switch button{min-height:44px;padding:8px 9px;font-size:12px;text-wrap:balance}
 body[data-section=moments] .thought-layer,body[data-section=moments] .assumption-layer{grid-column:1;grid-row:3}
 body[data-section=moments] .assumption-layer{justify-self:center;width:calc(100% - 48px);margin-left:0;margin-right:0}
 body[data-section=moments] .assumption-layer>p{max-width:none;text-wrap:balance}
 body[data-section=moments] .scene-director-slot{grid-column:1;grid-row:4}
 body[data-section=moments] .scenario-nav{grid-column:1;grid-row:5}
 body[data-section=moments] .scene-fineprint{grid-column:1;grid-row:6}
}
/* Shared chapter narration must never surrender its width to the next-action button. */
@media(max-width:960px){
 body:not([data-section=moments]) #shared-director-slot .director{margin:0 24px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
 body:not([data-section=moments]) #shared-director-slot .director>div{width:100%;max-width:760px;min-width:0}
 body:not([data-section=moments]) #shared-director-slot .director p{max-width:36ch;font-size:clamp(21px,3vw,25px);line-height:1.35;text-wrap:balance}
 body:not([data-section=moments]) #shared-director-slot .director .pink-button{align-self:flex-start;width:auto;max-width:min(100%,370px);min-height:54px;padding:15px 19px;white-space:normal}
 body:not([data-section=moments]) #shared-director-slot .director .pink-button .ui-icon{flex:none}
}
/* Main sections sit before the experience; the seven moments stay with the scene. */
.experience-shell>.chapter-nav-v3{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:12px 24px;background:#10271f;border-top:1px solid #91a38a30;border-bottom:1px solid #91a38a45;max-width:none}
.chapter-nav-label{font:12px/1.4 ui-monospace,monospace;letter-spacing:.07em;color:#c5d0be;margin-right:20px}
.experience-shell>.chapter-nav-v3 button{justify-content:center;min-height:44px;padding:10px 20px;border:0;border-radius:5px;color:#c5d0be}
.experience-shell>.chapter-nav-v3 button strong{font:600 15px/1.35 Arial,sans-serif}
.experience-shell>.chapter-nav-v3 button strong:after{display:none}
.experience-shell>.chapter-nav-v3 button[aria-current=step]{background:#30473a;color:#fff3d9}
.experience-shell>.chapter-nav-v3 button:hover{background:#253e31;color:#fff3d9}
/* Examples belong to The moments, not a second set of chapters. Keep this
   smaller selector on the photograph, with a clear purpose and 44px targets. */
body[data-section=moments] .scenario-nav{max-width:1120px;margin-inline:auto;padding:6px 14px;gap:8px;align-items:center;justify-content:center;border-color:#91a38a45}
.scenario-nav-label{font:12px/1.4 Arial,sans-serif;color:#c5d0be;flex:none;padding-right:14px;margin-right:4px;border-right:1px solid #91a38a45}
body[data-section=moments] .scenario-nav button{font-size:14px;min-height:44px;padding:9px 10px;border:0;border-radius:4px;text-align:center}
body[data-section=moments] .scenario-nav button>span{display:none}
body[data-section=moments] .scenario-nav button[aria-current=step]{background:#30473a;color:#ffe0c5}
body[data-section=moments] .scenario-nav button[aria-busy=true]{cursor:progress;background:#253e31}
@media(max-width:1100px){
 body[data-section=moments] .scenario-nav{margin-inline:24px}
 .scenario-nav-label{grid-column:1/-1;border:0;margin:0;padding:8px 10px 4px}
 body[data-section=moments] .scenario-nav button{text-align:left}
}
@media(min-width:601px) and (max-width:850px){
 .experience-shell>.chapter-nav-v3{gap:4px;padding-inline:16px}
 .experience-shell>.chapter-nav-v3 button{padding-inline:10px}
 .chapter-nav-label{margin-right:4px;max-width:90px}
}
.journey-next{max-width:1280px;margin:0 auto;padding:26px 0 30px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}
.journey-next>.micro{font-size:11px;color:#becbb4}
.journey-next button{display:flex;align-items:center;gap:24px;min-height:48px;padding:8px 0;color:#f4dec0;font-size:clamp(18px,1.6vw,24px);text-align:left;text-wrap:balance}
.journey-next button>span{font-size:24px;flex:none}
.journey-next button:hover{color:#ffc3a5}
@media(max-width:1350px){.journey-next{margin-inline:4.5%}}
@media(max-width:600px){.experience-shell>.chapter-nav-v3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:8px 16px}.experience-shell>.chapter-nav-v3 button{padding:10px 8px}.journey-next{margin-inline:24px;display:block;padding:20px 0}.journey-next button{width:100%;justify-content:space-between;margin-top:8px}.journey-bottom{font-size:12px}}
@media(max-width:600px){.chapter-nav-label{grid-column:1/-1;margin:0;padding:6px 8px 2px}.experience-shell>.chapter-nav-v3 button strong{font-size:14px}}

/* The active chapter marker belongs under the label, not across an entire grid cell. */
.chapter-nav-v3 button{position:relative;border-bottom-color:transparent!important}
.chapter-nav-v3 button strong{position:relative;flex:0 1 auto}
.chapter-nav-v3 button strong:after{content:'';position:absolute;left:0;bottom:-9px;width:0;height:3px;background:var(--accent)}
.chapter-nav-v3 button[aria-current=step] strong:after{width:100%}
/* Readable interaction labels and an even rhythm between the paper sections. */
.objection-selector{gap:8px 24px}
.objection-selector button{font-size:14px;line-height:1.5;min-height:44px;color:#d8e0cd;text-wrap:balance}
.objection-selector{gap:10px;padding:8px 0 24px;border-bottom:0}
.objection-selector button{border:1px solid transparent;border-radius:999px;padding:11px 19px;transition:background-color .16s,color .16s,border-color .16s}
.objection-selector button[aria-pressed=true]{background:#f1c2a3;color:#19372a;border-color:#f1c2a3}
.objection-selector button:focus-visible{outline:2px solid #fff0ce;outline-offset:4px}
.portrait .person-avatar{width:112px;height:112px;aspect-ratio:1;object-fit:cover;object-position:center;border-radius:50%;flex:none;border:1px solid #a5b69b80}
@media(max-width:760px){.portrait .person-avatar{width:88px;height:88px}}
@media(max-width:480px){.objection-selector button{padding:10px 14px;font-size:13px}.portrait .person-avatar{width:76px;height:76px}}
.scope-switch button{font-size:14px;line-height:1.35;min-width:0;min-height:48px}
.follow-panel li>span{font-size:12px;line-height:1.5;color:#4f614d}
.below-heading .micro,.watching-title-group .micro{font-size:12px;line-height:1.5;letter-spacing:1.5px}
.watching-section.below-section{padding-bottom:0}
.evidence-section.below-section{padding-top:36px}
.evidence-section .below-heading>.micro{margin-top:0}
.video-cover .cover-label{opacity:1;font-size:11px;line-height:1.4}
.video-cover .cover-publisher{font-size:12px;line-height:1.4}
.video-thumb[data-color=clay] .video-cover{background:#8a5444;color:#fff2de}
.visual-reaction .reaction-stack{justify-content:flex-start;padding-top:3px}
.evidence-bridges .micro{font-size:11px;line-height:1.5}
.evidence-bridges .citations,.objection-answer .citations{font-size:12px}
@media(min-width:761px){
 .evidence-bridges{grid-template-rows:repeat(4,auto);row-gap:0}
 .evidence-bridges>article{display:grid;grid-row:1/span 4;grid-template-rows:subgrid;min-width:0}
 .evidence-bridges .citations{align-content:start;align-items:start}
}
@media(max-width:600px){
 .scope-switch button{padding:10px 6px;min-height:56px}
 .objection-selector{gap:6px 18px}
 .objection-selector button{text-align:left}
 .chapter-nav-v3 button strong{font-size:14px;line-height:1.35}
 .chapter-nav-v3 button .ui-icon{width:18px;height:18px;flex:none}
}
@media(forced-colors:active){.thought-note,.moment-controls,.scene-director-slot,.assumption-layer{background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText!important}.photo-scene{opacity:.2}.scene-header{background:Canvas!important;color:CanvasText!important}}
@media(min-width:961px){
 /* Thought bubbles are live, responsive overlays on the clean photographic plates. */
 body[data-section=moments][data-view=outside] .thought-layer{display:none!important}
 body[data-section=moments] .thought-note{background:linear-gradient(145deg,#263b30b8,#172b22a3);border:1px solid #d6d9c278;border-radius:1.35cqw 1.6cqw 1.25cqw 1.48cqw;box-shadow:0 .35cqw 1.15cqw #07130d42,inset 0 0 1.1cqw #eef1da0a;backdrop-filter:blur(1.4px);-webkit-backdrop-filter:blur(1.4px)}
 body[data-section=moments] .thought-note:before{content:'';position:absolute;inset:.12cqw -.08cqw -.11cqw .1cqw;border:1px solid #cdd3bb2e;border-radius:1.55cqw 1.25cqw 1.65cqw 1.2cqw;transform:rotate(.7deg);pointer-events:none}
 body[data-section=moments] .thought-note:after{display:block}
 body[data-section=moments] .thought-note:nth-child(2){transform:rotate(1.4deg)}
 body[data-section=moments] .thought-note:nth-child(3){transform:rotate(-1.1deg)}
}
@media(min-width:961px){
 body[data-scene=focus][data-section=moments] .scene-header h1{font-size:4.55cqw}
 body[data-scene=listen][data-section=moments] .scene-header h1{font-size:4.65cqw}
 body[data-scene=relationship][data-section=moments] .scene-header h1{font-size:4.45cqw}
 body[data-section=moments] .thought-note{padding:.85cqw .95cqw!important}
 body[data-section=moments] .thought-note>strong{font-size:max(14px,1.12cqw);line-height:1.3;letter-spacing:.01em}
 [data-scene=focus] .thought-0{--x:13.5%;--y:40.4%;--w:11.4%}[data-scene=focus] .thought-1{--x:26.1%;--y:43.8%;--w:13.7%}[data-scene=focus] .thought-2{--x:22.7%;--y:54.8%;--w:11%}
 [data-scene=start] .thought-0{--x:30.8%;--y:37.3%;--w:11%}[data-scene=start] .thought-1{--x:33.7%;--y:46.2%;--w:12.4%}[data-scene=start] .thought-2{--x:33.7%;--y:57.8%;--w:10.6%}
 [data-scene=time] .thought-0{--x:32%;--y:28.9%;--w:12.3%}[data-scene=time] .thought-1{--x:32.2%;--y:41.1%;--w:12.3%}[data-scene=time] .thought-2{--x:34.3%;--y:61%;--w:11.2%}
 [data-scene=listen] .thought-0{--x:13.6%;--y:42.4%;--w:14.1%}[data-scene=listen] .thought-1{--x:29.2%;--y:45.8%;--w:10.8%}[data-scene=listen] .thought-2{--x:24.6%;--y:57%;--w:11.1%}
 [data-scene=masking] .thought-0{--x:25.8%;--y:40.5%;--w:13.2%}[data-scene=masking] .thought-1{--x:32.3%;--y:49.6%;--w:14%}[data-scene=masking] .thought-2{--x:27%;--y:57.7%;--w:13.2%}
 [data-scene=relationship] .thought-0{--x:8.8%;--y:43.6%;--w:9.6%}[data-scene=relationship] .thought-1{--x:12.5%;--y:52.8%;--w:11%}[data-scene=relationship] .thought-2{--x:8.1%;--y:62.7%;--w:15.1%}
 /* Treat the assumption as part of the editorial intro, not a small box dropped on the focal prop. */
 body[data-section=moments][data-view=outside][data-scene=reply] .assumption-layer{left:6.6%;top:39%}
 body[data-section=moments][data-view=outside][data-scene=focus] .assumption-layer{left:6.6%;top:43%}
 body[data-section=moments][data-view=outside][data-scene=start] .assumption-layer{left:6.6%;top:40%}
 body[data-section=moments][data-view=outside][data-scene=time] .assumption-layer{left:6.6%;top:39%}
 body[data-section=moments][data-view=outside][data-scene=listen] .assumption-layer{left:6.6%;top:40%}
 body[data-section=moments][data-view=outside][data-scene=relationship] .assumption-layer{left:6.6%;top:41%}
 body[data-section=moments][data-view=outside][data-scene=masking] .assumption-layer{left:6.6%;top:40%}
}

/* V6 information architecture: moments form one submenu, and the focus task
   comparison lives with the engagement explanation rather than the perspective. */
.experience-shell>.scenario-nav[hidden]{display:none!important}
body[data-section=moments] .experience-shell>.scenario-nav{
 position:relative;inset:auto;display:flex;align-items:center;justify-content:center;
 width:100%;max-width:none;margin:0;padding:6px clamp(24px,4.5vw,76px);gap:8px;
 background:#132d23;border:0;border-bottom:1px solid #91a38a45;border-radius:0;z-index:16
}
.experience-shell>.scenario-nav .scenario-nav-label{
 padding-right:15px;margin-right:4px;border-right:1px solid #91a38a45;
 color:#bfcbb8;white-space:nowrap
}
body[data-section=moments] .experience-shell>.scenario-nav button{
 flex:0 1 auto;min-height:44px;padding:9px 12px;border-radius:5px;text-align:center;
 white-space:nowrap
}

body[data-scene=focus][data-section=moments] .moment-controls{
 width:auto;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none
}
body[data-scene=focus][data-section=moments] .perspective-switch{
 width:clamp(340px,27cqw,390px);padding:4px;background:#11271fe8;
 border:1px solid #8b9c7766;box-shadow:0 3px 12px #07140b33
}
body[data-scene=focus][data-section=moments] .perspective-switch button{
 min-height:44px;padding:.65cqw 1.05cqw
}
body[data-scene=focus][data-section=moments] .interest-block{max-width:31cqw}
body[data-scene=focus][data-section=moments] .scene-header{z-index:6}
body[data-section=moments] .interest-block>.task-context{
 display:block;width:100%;max-width:31cqw;margin:max(12px,.8cqw) 0 0;padding:0;flex:none
}
body[data-scene=focus][data-section=moments] .interest-block>.task-context:after{content:none}
body[data-section=moments] .interest-block>.task-context[hidden]{display:none!important}
body[data-view=outside][data-section=moments] .interest-block>.task-context{display:none!important}
body[data-section=moments] .interest-block .task-label{
 display:block;margin:0 0 max(5px,.28cqw);font:500 max(12px,.75cqw)/1.4 ui-monospace,monospace;
 letter-spacing:.1em;text-transform:uppercase;color:#e1e7d8;text-shadow:0 1px 9px #06150de6
}
body[data-section=moments] .interest-block .task-tabs{
 width:auto;justify-content:flex-start;gap:max(18px,1.3cqw);padding:0;background:transparent;
 border:0;border-radius:0;box-shadow:none
}
body[data-section=moments] .interest-block .task-tabs button{
 position:relative;flex:0 1 auto;min-height:38px;padding:7px 0 6px;border:0;
 border-bottom:2px solid transparent;border-radius:0;background:transparent;
 font-size:max(15px,.9cqw);font-weight:500;line-height:1.3;text-wrap:balance;color:#f0f1e8;
 text-shadow:0 1px 9px #06150df2
}
body[data-section=moments] .interest-block .task-tabs button[aria-pressed=true]{
 background:transparent;color:#ffe7cf;border-bottom-color:#f2a98a;box-shadow:none;font-weight:650
}
body[data-section=moments] .interest-block .task-tabs button:hover{background:transparent;color:#fff3dc}
@media(min-width:961px){
 body[data-section=moments][data-view=outside][data-scene=focus] .assumption-layer{top:50%}
 [data-scene=focus] .thought-0{--x:13.5%;--y:50%;--w:11.4%}
 [data-scene=focus] .thought-1{--x:26.1%;--y:55.8%;--w:13.7%}
 [data-scene=focus] .thought-2{--x:22.7%;--y:65%;--w:11%}
}

@media(min-width:761px) and (max-width:1100px){
 body[data-section=moments] .experience-shell>.scenario-nav{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:6px 24px;gap:4px 8px
 }
 .experience-shell>.scenario-nav .scenario-nav-label{
  grid-column:1/-1;margin:0;padding:7px 8px 3px;border:0
 }
 body[data-section=moments] .experience-shell>.scenario-nav button{text-align:left;white-space:normal}
}

@media(max-width:960px){
 body[data-scene=focus][data-section=moments] .moment-controls{
  width:auto;margin:0 18px 18px;padding:0;background:transparent;border:0;box-shadow:none
 }
 body[data-scene=focus][data-section=moments] .perspective-switch{width:100%;padding:4px}
 body[data-scene=focus][data-section=moments] .interest-block{max-width:min(100%,560px)}
 body[data-section=moments] .interest-block>.task-context{max-width:min(100%,560px);margin-top:12px;padding:0}
 body[data-section=moments] .interest-block .task-tabs{gap:22px;padding:0;background:transparent}
 body[data-section=moments] .interest-block .task-tabs button{min-height:44px;font-size:13px;padding:9px 0 7px}
}

@media(min-width:601px) and (max-width:960px){
 body[data-section=moments] .moment-controls{
  display:flex;flex-wrap:wrap;grid-template-columns:none;width:min(calc(100% - 32px),430px)
 }
 body[data-section=moments] .perspective-switch{width:100%}
}

@media(max-width:760px){
 body[data-section=moments] .experience-shell>.scenario-nav{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:7px 16px 10px;gap:3px 8px
 }
 .experience-shell>.scenario-nav .scenario-nav-label{
  grid-column:1/-1;margin:0;padding:7px 8px 3px;border:0
 }
 body[data-section=moments] .experience-shell>.scenario-nav button{
  width:100%;min-height:46px;padding:9px 8px;text-align:left;white-space:normal
 }
}

/* A quiet glass caption lets the photograph remain present without reducing
   the contrast of the live explanation or its action. */
body[data-section=moments] .scene-director-slot{
 background:rgba(13,39,29,.64);border-color:rgba(190,208,181,.29);
 box-shadow:0 12px 32px rgba(3,18,11,.18);backdrop-filter:blur(14px) saturate(.9);
 -webkit-backdrop-filter:blur(14px) saturate(.9)
}
body[data-section=moments] #experience .director{background:transparent}
@media(forced-colors:active){body[data-section=moments] .scene-director-slot,body[data-section=moments] #experience .director{background:Canvas!important;color:CanvasText!important;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(max-width:600px){
 body[data-scene=focus][data-section=moments] .interest-label{font-size:13px}
 body[data-scene=focus][data-section=moments] .interest-note{font-size:14px}
 body[data-section=moments] .interest-block .task-label{font-size:12px}
 body[data-section=moments] .interest-block .task-tabs button{font-size:15px}
}

/* Credibility first; the original seven photographic scenes remain unchanged. */
.landing-page,.assessment-page{color:#fff2d5;background:#142b22}
.landing-page[hidden],.assessment-page[hidden],#experience[hidden]{display:none!important}
.topbar .top-note{display:none}
.topbar{display:grid!important;grid-template-columns:1fr auto 1fr;gap:24px!important}
.topbar>nav{justify-self:end}
.topbar nav>a{max-width:none;white-space:nowrap;font-size:12px}
.audience-switch{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #92a48970;border-radius:99px}
.audience-switch a{min-height:44px;display:flex;align-items:center;justify-content:center;padding:9px 20px;border-radius:99px;font:500 14px/1.3 Arial,sans-serif;text-decoration:none;color:#dde3cf;white-space:nowrap}
.audience-switch a[aria-current=page]{color:#18362a;background:#f5e9c8}
.audience-switch a:hover{box-shadow:inset 0 0 0 1px #d5d9be}
body:not([data-page=story]) .topbar [data-motion],body:not([data-page=story]) .topbar [data-share]{display:none}
body:not([data-page=story]) .below-section:not(.evidence-section){display:none}
.landing-hero{position:relative;min-height:570px;display:grid;align-items:center;isolation:isolate}
.landing-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}
.landing-copy{width:55%;max-width:790px;padding:54px clamp(24px,5.5vw,100px) 48px}
.landing-eyebrow{font:12px/1.4 ui-monospace,monospace;letter-spacing:.14em;margin:0 0 20px;color:#cbd2bd}
.landing-copy h1,.assessment-page h1{font:700 clamp(58px,6.4vw,100px)/.98 Arial,sans-serif;letter-spacing:-.055em;margin:0 0 26px;color:#fff2d5}
.landing-copy h1 em,.assessment-page h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}
.landing-statement{font:400 clamp(18px,1.5vw,23px)/1.5 Arial,sans-serif;margin:0 0 24px;max-width:36ch;text-wrap:pretty;color:#f2eddc}
.landing-invitation{display:flex;align-items:center;gap:20px;font:italic 22px/1.4 Georgia,serif;color:#e8dfc6}
.landing-invitation .pink-button{min-width:160px;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 24px;text-decoration:none;font:600 16px/1.4 Arial,sans-serif;background:#f1a689;color:#17392c}
.landing-source{display:inline-block;margin-top:22px;color:#dce0ca;font:13px/1.5 Arial,sans-serif;text-underline-offset:4px}
/* Shared tracks align the meaning of each column, not merely its outer edges. */
.landing-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(5,auto);max-width:1400px;margin:0 auto;padding:40px clamp(24px,4vw,64px);column-gap:0;row-gap:16px}
.landing-facts article{min-width:0;display:grid;grid-template-rows:subgrid;grid-row:1/span 5;padding:0 clamp(20px,2.5vw,40px);border-right:1px solid #91a38a45}
.landing-facts article:first-child{padding-left:0}
.landing-facts article:last-child{padding-right:0;border-right:0}
.landing-facts .landing-eyebrow{margin:0;font:12px/1.5 ui-monospace,monospace;letter-spacing:.12em}
.fact-visual{min-width:0;padding:4px 0 2px}
.fact-number{display:block;font:400 clamp(38px,4vw,60px)/1.1 Georgia,serif;letter-spacing:-.04em;color:#f7c1a4;font-variant-numeric:lining-nums tabular-nums}
.fact-number>span{font-size:.6em}
.landing-facts .fact-word{color:#fff2d5;white-space:nowrap;font-size:clamp(34px,3.5vw,52px);line-height:1.27}
.landing-facts h2{font:500 18px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;margin:0;text-wrap:pretty}
.landing-facts .fact-explanation{font:16px/1.6 Arial,Helvetica,sans-serif;color:#d3dcc7;margin:0;max-width:36ch;text-wrap:pretty}
.prevalence-pair{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-content:start}
.prevalence-pair>div>span{display:block;font:12px/1.4 Arial,Helvetica,sans-serif;color:#cbd2bd;margin-top:8px}
.fact-footer{align-self:start;display:flex;flex-direction:column;gap:6px;padding-top:4px}
.fact-footer>a{align-self:start;display:flex;align-items:center;min-height:44px;color:#f2dfbf;font:14px/1.5 Arial,Helvetica,sans-serif;text-underline-offset:4px}
.authority-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0}
.authority-links a{color:#fff0d1;font:600 16px/1.5 Arial,Helvetica,sans-serif;min-height:44px;display:flex;align-items:center;text-underline-offset:5px}
.landing-facts small{font:12px/1.5 Arial,Helvetica,sans-serif;color:#bdcbb6;max-width:36ch}
@media(max-width:960px){
 .landing-facts{grid-template-columns:1fr;grid-template-rows:none;padding:28px 24px;gap:28px}
 .landing-facts article{grid-row:auto;grid-template-rows:auto;gap:14px;padding:0 0 28px;border-right:0;border-bottom:1px solid #91a38a45}
 .landing-facts article:last-child{border-bottom:0;padding-bottom:0}
 .landing-facts .fact-explanation{max-width:60ch}
 .fact-visual{padding:0}.fact-number{font-size:54px}.landing-facts .fact-word{font-size:46px;line-height:1.29}
 .prevalence-pair{grid-template-columns:1fr 1fr;max-width:360px;gap:24px}
 .fact-footer{padding:0}
}
.assessment-page{padding:64px max(24px,7vw);max-width:1440px;margin:0 auto}
.assessment-page h1{font-size:clamp(54px,6vw,88px)}
.assessment-intro{font:22px/1.55 Arial,sans-serif;max-width:52ch;text-wrap:pretty;color:#dbe1cd}
.myth-section{max-width:1400px;margin:0 auto;padding:64px clamp(24px,4vw,64px);border-top:1px solid #91a38a45}
.myth-section>h2{font:400 clamp(32px,4vw,52px)/1.15 Georgia,serif;margin:0 0 16px;text-wrap:balance}
.section-intro{font:18px/1.5 Arial,sans-serif;color:#d3dcc7;margin:0 0 24px}
.myth-switch{width:fit-content;margin-bottom:28px}
.myth-switch button{min-height:44px;padding:10px 22px;border:0;border-radius:99px;background:transparent;color:#e0e5d3;font:500 15px/1.4 Arial,sans-serif;cursor:pointer}
.myth-switch button[aria-pressed=true]{background:#f5e9c8;color:#18362a}
.myth-stage{display:grid}
.myth-panel{grid-area:1/1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;visibility:hidden}
.myth-panel.is-active{visibility:visible}
.myth-panel article{padding:26px;border:1px solid #91a38a60;border-radius:12px;display:grid;grid-template-rows:auto 1fr 1fr auto;gap:14px;min-width:0;background:#1d362a}
.myth-panel .landing-eyebrow{margin:0}
.myth-panel h3{font:400 26px/1.25 Georgia,serif;text-wrap:balance;margin:0;color:#fff2d5}
.myth-panel p:not(.landing-eyebrow){font:16px/1.55 Arial,sans-serif;color:#dbe1cd;margin:0}
.myth-panel a,.assessment-reference a,.resource-privacy a,.assessment-back{color:#f6dfbd;text-underline-offset:4px}
.myth-panel a{font:14px/1.5 Arial,sans-serif}
.landing-story-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 22px;min-height:52px;background:#f1a689;color:#17392c;font:600 16px/1.4 Arial,sans-serif;text-decoration:none}
.myth-section>.landing-story-link{margin-top:28px}
.assessment-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:44px 0 24px}
.assessment-steps article{border:1px solid #91a38a65;border-radius:16px;padding:28px;background:#1d362a;min-width:0;display:grid;grid-template-rows:auto auto 1fr;align-content:start}
.assessment-steps article>span{color:#17392c;background:#f1b294;font:500 15px/1 ui-monospace,monospace;width:46px;height:46px;border-radius:50%;display:grid;place-items:center}
.assessment-steps h2{font:400 28px/1.2 Georgia,serif;margin:16px 0;text-wrap:balance}
.assessment-steps p,.assessment-reference,.screening-resource p{font:17px/1.6 Arial,sans-serif;color:#dbe1cd}
.assessment-steps p{margin:0;max-width:46ch;text-wrap:pretty}
@media(min-width:701px){.assessment-steps{grid-template-rows:repeat(3,auto);row-gap:0}.assessment-steps article{grid-row:1/span 3;grid-template-rows:subgrid}}
.assessment-reference{padding:20px 24px;border-left:3px solid #f1a689;background:#1d362a;border-radius:0 8px 8px 0}
.assessment-reference{max-width:75ch}
.screening-resource{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;padding:32px;margin:44px 0 30px;border:1px solid #91a38a70;border-radius:14px;background:#1d362a}
.screening-resource .landing-eyebrow{font:12px/1.5 ui-monospace,monospace}
.screening-resource h2{font:400 32px/1.2 Georgia,serif;margin:0 0 18px;text-wrap:balance}
.screening-resource p{max-width:70ch;margin:0 0 16px}
.screening-resource .resource-limit{color:#f7dfbf}
.screening-resource .resource-privacy{font-size:14px;margin-bottom:0}
.assessment-back{display:inline-block;min-height:44px;font:16px/1.5 Arial,sans-serif}
@media(max-width:1000px){.screening-resource{grid-template-columns:1fr}.screening-resource>.landing-story-link{justify-self:start}.myth-panel{gap:16px}.myth-panel article{padding:20px}}
@media(max-width:700px){.myth-section{padding-block:38px}.myth-panel,.assessment-steps{grid-template-columns:1fr}.myth-panel article{grid-template-rows:auto auto 1fr auto}.screening-resource{padding:24px;gap:20px}.assessment-steps{gap:20px}}
@media(min-width:1700px){.landing-hero{min-height:650px}}
@media(max-width:1000px){.topbar{grid-template-columns:1fr auto;gap:12px!important}.topbar>nav{grid-column:1/-1;justify-self:center}.landing-hero{min-height:540px}.landing-copy{width:62%;padding-inline:32px}.landing-copy h1{font-size:64px}.landing-statement{font-size:19px}}
@media(max-width:700px){.topbar{grid-template-columns:1fr!important}.topbar>.brand{justify-self:center}.audience-switch{justify-self:center}.topbar>nav{grid-column:1;justify-self:center}.landing-hero{min-height:0;display:flex;flex-direction:column-reverse}.landing-photo{position:relative;z-index:auto;height:auto;aspect-ratio:16/9;object-fit:cover}.landing-copy{width:100%;max-width:none;padding:36px 24px}.landing-copy h1{font-size:clamp(52px,11vw,76px)}.landing-statement{max-width:44ch;font-size:18px}.assessment-page{padding-top:38px}.assessment-intro{font-size:19px}}
/* One compact masthead; secondary tools belong below the main reading content. */
.topbar{display:flex!important;justify-content:space-between;align-items:center;flex-wrap:nowrap;min-height:64px;padding:8px 4.4%;gap:16px!important}
.topbar>.audience-switch{margin-left:auto}
body[data-page=story] .topbar>.audience-switch{display:none}
.story-home{display:none;color:#d7dfcd;font:13px/1.4 Arial,sans-serif;text-decoration:none;min-height:44px;align-items:center}
body[data-page=story] .story-home{display:flex}
body[data-page=assessment] .page-utilities .assessment-link{display:none}
.topbar .audience-switch a{padding:8px 16px;min-height:40px}
.page-utilities{max-width:1400px;margin:0 auto;padding:18px 4.4%;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:20px;font:13px/1.4 Arial,sans-serif;color:#d7dfcd}
.page-utilities a{min-height:44px;display:flex;align-items:center;text-decoration:none}
.page-utilities .share-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px}
body:not([data-page=story]) .page-utilities [data-motion],body:not([data-page=story]) .page-utilities [data-share]{display:none}
.landing-page{max-width:1800px;margin-inline:auto}
.landing-copy h1,.assessment-page h1{font-family:Arial,Helvetica,sans-serif;font-weight:750;font-size:clamp(43px,5.6vw,100px);line-height:1.01}
.landing-copy h1 em,.assessment-page h1 em{font:inherit;letter-spacing:inherit}
.landing-copy{padding-left:6.6%;padding-right:4%}
.landing-statement{font-size:clamp(17px,1.45vw,23px);line-height:1.45;max-width:36ch}
@media(max-width:960px){.landing-hero{min-height:0;display:flex;flex-direction:column-reverse}.landing-photo{position:relative;z-index:auto;height:auto;aspect-ratio:1672/941}.landing-copy{width:100%;max-width:none;padding:30px 24px 22px}.landing-copy h1,.assessment-page h1{font-size:clamp(39px,10.5vw,65px);letter-spacing:-2.4px;margin-bottom:19px}.landing-statement{font-size:17px;line-height:1.55;max-width:550px}.landing-copy .landing-eyebrow{margin-bottom:23px}}
@media(max-width:600px){.topbar{min-height:60px;padding:8px 12px;gap:8px!important}.topbar .brand{font-size:18px}.topbar .brand-emblem{display:none}.topbar .audience-switch{padding:3px;gap:0}.topbar .audience-switch a{font-size:12px;padding:8px 10px;min-height:38px}.page-utilities{padding-inline:24px;gap:14px}}
@media(max-width:360px){.topbar .brand{font-size:16px}.topbar .audience-switch a{font-size:11px;padding-inline:8px}}

/* Compact moment composition. Wide screens retain photography.css's approved
   full-scene overlays. This file owns the tablet/mobile reading layout. */
.scene-reading{display:none}
.chapter-nav-label{white-space:nowrap;max-width:none}

@media(max-width:1100px){
 .experience-shell>.chapter-nav-v3,
 body[data-section=moments] .experience-shell>.scenario-nav{
  position:relative;display:flex;flex-wrap:nowrap;justify-content:flex-start;
  gap:4px;width:100%;max-width:none;margin:0;padding:6px 24px;
  overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;
  scrollbar-color:#61735f transparent;scroll-padding-inline:24px
 }
 .experience-shell>.chapter-nav-v3 button,
 body[data-section=moments] .experience-shell>.scenario-nav button{
  flex:0 0 auto;width:auto;min-height:44px;padding:10px 14px;
  white-space:nowrap;text-align:center
 }
 .experience-shell>.chapter-nav-v3 button strong{font-size:14px}
 .chapter-nav-label{flex:none;margin:0 10px 0 0;padding:0;font-size:11px}
 .experience-shell>.scenario-nav .scenario-nav-label{display:none}
 body[data-section=moments] .experience-shell>.scenario-nav button{font-size:14px}
 body[data-section=moments] #scene-canvas{
  display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);
  grid-template-rows:auto auto auto auto;aspect-ratio:auto;container-type:normal;
  overflow:visible;min-height:0!important;background:#14271f!important
 }
 body[data-section=moments] #scene-canvas .scene-header{
  position:relative!important;inset:auto!important;grid-column:1/-1;grid-row:1;
  width:100%!important;margin:0!important;padding:26px 32px 18px!important;
  max-width:none!important
 }
 body[data-section=moments] .scene-header>.micro{
  font-size:11px;line-height:1.4;letter-spacing:1.4px;gap:16px;margin:0 0 12px
 }
 body[data-section=moments] #scene-title{
  font-size:clamp(32px,4.7vw,46px)!important;line-height:1.06!important;
  letter-spacing:-1.6px!important;white-space:normal!important;margin:0 0 12px
 }
 body[data-section=moments] #scene-title br{display:none}
 body[data-section=moments] .scene-header #scene-deck{
  font-size:17px;line-height:1.5;max-width:66ch;text-wrap:pretty;margin:0
 }
 body[data-section=moments] #scene-canvas>.moment-controls{
  position:relative;inset:auto;grid-column:1/-1;grid-row:2;order:initial;
  display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;
  width:auto;margin:0;padding:0 32px 20px;gap:0;align-self:stretch;justify-self:stretch;
  background:none;border:0;border-radius:0;box-shadow:none
 }
 body[data-section=moments] .moment-controls>.perspective-switch{
  width:min(100%,410px);flex:none;padding:4px;background:#10261d;
  border:1px solid #81957880;box-shadow:none
 }
 body[data-section=moments] .perspective-switch button{
  font-size:14px;min-height:44px;padding:10px 14px;white-space:normal;text-wrap:balance
 }
 body[data-section=moments] .scene-art{
  position:relative!important;inset:auto!important;grid-column:1;grid-row:3;
  width:100%!important;height:100%!important;min-height:400px;aspect-ratio:auto!important;
  align-self:stretch;overflow:hidden;order:initial
 }
 body[data-section=moments] .scene-reading{
  display:flex;flex-direction:column;justify-content:center;grid-column:2;grid-row:3;
  min-width:0;padding:24px 28px;background:#1b3025;border-top:1px solid #91a38a30
 }
 body[data-section=moments] .scene-reading .interest-block{
  width:100%;max-width:none;margin:0 0 24px;padding:0 0 18px;border-bottom:1px solid #92a48940
 }
 body[data-section=moments] .scene-reading .interest-label{
  font-size:13px;line-height:1.4;gap:12px;align-items:start
 }
 body[data-section=moments] .scene-reading .interest-battery{
  height:10px;margin:10px 0 4px;padding:2px;border-radius:6px;gap:3px
 }
 body[data-section=moments] .scene-reading .interest-note{font-size:14px;max-width:none}
 body[data-section=moments] .scene-reading .interest-note summary{min-height:38px;display:flex;align-items:center}
 body[data-section=moments] .scene-reading .interest-note[open]{position:relative;inset:auto;padding:0;background:none;box-shadow:none}
 body[data-section=moments] .scene-reading .task-context{max-width:none;margin:12px 0 0;padding:0}
 body[data-section=moments] .scene-reading .task-label{font-size:11px;letter-spacing:.08em;text-shadow:none;margin:0 0 6px}
 body[data-section=moments] .scene-reading .task-tabs{display:flex;gap:16px;padding:0;background:none}
 body[data-section=moments] .scene-reading .task-tabs button{
  font-size:14px;min-height:44px;padding:8px 0;text-align:left;text-shadow:none;
  text-wrap:pretty;line-height:1.4
 }
 body[data-section=moments] .scene-reading .thought-layer{
  position:relative!important;inset:auto!important;display:grid;gap:20px;
  width:100%!important;margin:0!important;padding:0!important;order:initial
 }
 body[data-section=moments] .scene-reading .thought-note{
  position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;
  margin:0;padding:0 0 0 16px!important;border:0;border-left:2px solid #d8b99a70;
  border-radius:0;background:none;transform:none;box-shadow:none;backdrop-filter:none
 }
 body[data-section=moments] .scene-reading .thought-note:before,
 body[data-section=moments] .scene-reading .thought-note:after{display:none}
 body[data-section=moments] .scene-reading .thought-note>strong{font:italic 400 21px/1.25 Georgia,serif;letter-spacing:0;color:#fff0d5}
 body[data-section=moments] .scene-reading .thought-note>p{display:block;font:400 15px/1.5 Arial,sans-serif;margin:7px 0 0;color:#d2dcc8}
 body[data-section=moments] .scene-reading .assumption-layer{
  position:relative!important;inset:auto!important;width:100%;max-width:none;margin:0;padding:0;
  background:none;border:0;border-radius:0;box-shadow:none
 }
 body[data-section=moments] .scene-reading .assumption-layer .micro{font-size:11px;letter-spacing:1.3px}
 body[data-section=moments] .scene-reading .assumption-layer>p{font-size:26px;line-height:1.35;max-width:25ch;text-wrap:pretty;margin:18px 0 0}
 body[data-section=moments] .scene-director-slot{
  position:relative;inset:auto;grid-column:1/-1;grid-row:4;order:initial;min-height:0;
  margin:0;border:0;border-bottom:1px solid #91a38a40;border-radius:0;
  background:#10271f;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none
 }
 body[data-section=moments] #experience .director{
  flex-direction:row;align-items:center;gap:28px;padding:24px 32px;border-radius:0
 }
 body[data-section=moments] .director>div{min-width:0;max-width:none;flex:1}
 body[data-section=moments] .director .micro{font-size:11px;line-height:1.4;letter-spacing:1.2px}
 body[data-section=moments] .director p{font-size:19px;line-height:1.4;letter-spacing:-.2px;margin:8px 0 0}
 body[data-section=moments] .director .pink-button{width:260px;max-width:38%;min-height:56px;padding:14px 18px;font-size:14px;gap:18px}
 body[data-section=moments] .director .ui-icon{width:22px;height:22px}
 body[data-section=moments] #scene-explanation{margin:0 32px;padding:12px 0;border-top:0}
 body[data-section=moments] #fiction-note{padding:0 32px;margin:18px auto;font-size:12px;line-height:1.5}
 body[data-section=moments] .journey-next{margin:0 32px;padding:16px 0;display:flex}
 body[data-section=moments] .journey-next button{font-size:20px;margin:0;width:auto}
 body[data-section=moments] .journey-bottom{margin:0 32px;padding-block:16px}
}

@media(min-width:761px) and (max-width:1100px){
 /* As on the wide photograph, quotes carry the scene; the continuation retains
    the fuller explanation. This keeps the image and reading rail in proportion. */
 body[data-section=moments] .scene-reading .thought-note>p{display:none}
}

@media(max-width:760px){
 .chapter-nav-label{display:none}
 .experience-shell>.chapter-nav-v3,
 body[data-section=moments] .experience-shell>.scenario-nav{padding-inline:16px;scroll-padding-inline:16px}
 body[data-section=moments] #scene-canvas{grid-template-columns:minmax(0,1fr)}
 body[data-section=moments] #scene-canvas .scene-header{padding:22px 24px 16px!important}
 body[data-section=moments] #scene-title{font-size:clamp(31px,6.6vw,42px)!important;letter-spacing:-1.1px!important}
 body[data-section=moments] .scene-header #scene-deck{font-size:16px}
 body[data-section=moments] #scene-canvas>.moment-controls{padding:0 24px 20px}
 body[data-section=moments] .moment-controls>.perspective-switch{width:min(100%,430px)}
 body[data-section=moments] .perspective-switch button{font-size:13px;padding-inline:8px}
 body[data-section=moments] .scene-art{grid-column:1;grid-row:3;height:auto!important;min-height:0;aspect-ratio:1.5!important}
 body[data-section=moments] .scene-reading{grid-column:1;grid-row:4;padding:24px}
 body[data-section=moments] .scene-reading .thought-layer{gap:20px}
 body[data-section=moments] .scene-reading .thought-note>strong{font-size:22px}
 body[data-section=moments] .scene-reading .assumption-layer>p{max-width:38ch;font-size:25px}
 body[data-section=moments] .scene-reading .interest-block{max-width:500px}
 body[data-section=moments] .scene-director-slot{grid-row:5}
 body[data-section=moments] #experience .director{flex-direction:column;align-items:stretch;padding:24px;gap:20px}
 body[data-section=moments] .director .pink-button{width:100%;max-width:100%;min-height:54px}
 body[data-section=moments] #scene-explanation,
 body[data-section=moments] .journey-next,
 body[data-section=moments] .journey-bottom{margin-inline:24px}
 body[data-section=moments] .journey-next>.micro{display:none}
 body[data-section=moments] .journey-next button{width:100%;justify-content:space-between}
 body[data-section=moments] #fiction-note{padding-inline:24px}
}