/* Native document scrolling drives a fixed-camera Blender sequence. */
.scene.learning-home{overflow:visible}
.lf-experience{--lf-paper:#e7e9df;--lf-muted:#afbeb2;--lf-bronze:#cfb18a;--lf-rule:#9aafa435;position:relative;isolation:isolate;background:#101a1e;color:var(--lf-paper);padding:46px 5.5vw 32px;font-family:Inter,Arial,sans-serif}
.lf-experience *{box-sizing:border-box}.lf-wrap{max-width:1650px;margin:auto}.lf-topline{border-top:1px solid var(--lf-rule);padding-top:18px;display:flex;justify-content:space-between;gap:20px;font:400 9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:#97aca0}.lf-topline>span:first-child{color:var(--lf-bronze);text-transform:uppercase}
.lf-heading{display:grid;grid-template-columns:.76fr 1.24fr;gap:70px;align-items:center;margin:40px 0 50px}.lf-experience .lf-title{font-size:clamp(70px,7.4vw,118px);line-height:1;font-weight:420;letter-spacing:-.06em;margin:0;color:var(--lf-paper);max-width:none}.lf-experience .lf-definition{font-size:15px;line-height:1.85;max-width:750px;margin:0;color:#bdcbc1}
.lf-scroll-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:34px;align-items:start;position:relative}.lf-stage{margin:0;min-width:0;align-self:start;background:#101a1e}.lf-scroll-enabled .lf-stage{position:sticky;top:28px;z-index:2}.lf-scroll-enabled .lf-visual{max-height:calc(100svh - 150px)}.lf-drawing-header{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:46px;padding:13px 16px;border-top:1px solid var(--lf-rule);border-bottom:1px solid var(--lf-rule);font:400 7px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;background:#142126;color:#9bb1a1}.lf-drawing-header>span:first-child{display:flex;align-items:center;gap:10px;color:#d3ddce}.lf-drawing-header i{width:4px;height:4px;background:#b8c1a7}.lf-stage-name{color:#c9b28e;white-space:nowrap}
.lf-visual{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:3/2;width:100%}.lf-drawing-grid{position:absolute;inset:0;background-image:linear-gradient(#a2b9ac05 1px,transparent 1px),linear-gradient(90deg,#a2b9ac05 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,black,transparent 78%);pointer-events:none}.lf-poster,.lf-canvas,.lf-hud{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.lf-poster{z-index:1}.lf-canvas{z-index:2;opacity:0}.lf-frame-ready .lf-canvas{opacity:1}.lf-frame-ready .lf-poster{visibility:hidden}.lf-hud{z-index:3;overflow:visible;pointer-events:none}.lf-hud path{fill:none;stroke-linecap:round;stroke-linejoin:round}.lf-register{stroke:#a6b5a743;stroke-width:1.3}.lf-leader{stroke:#c6b495;stroke-width:1.55;stroke-dasharray:1;stroke-dashoffset:0;vector-effect:none}.lf-anchor{fill:#183039;stroke:#d3c3a9;stroke-width:2}.lf-label-id{font:400 19px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.6px;fill:#95b1a0}.lf-label-name{font:400 29px Inter,Arial,sans-serif;letter-spacing:.2px;fill:#dce3d4}.lf-pin{display:none}.lf-image-note{position:absolute;bottom:15px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:4;color:#859e8d;font:400 6px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;pointer-events:none}
.lf-component-key{display:none}.lf-scene-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--lf-rule);border-bottom:1px solid var(--lf-rule);min-height:42px;padding:10px 14px;font:400 7px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:#a7b5a5;background:#101a1e}.lf-scroll-cue{min-width:137px}.lf-pose-name{color:#c7b090;white-space:nowrap}.lf-scroll-progress{height:1px;flex:1;max-width:150px;background:#879a8835}.lf-scroll-progress span{display:block;width:100%;height:1px;background:#c9aa82;transform:scaleX(1);transform-origin:left}
.lf-chapters{min-width:0}.lf-chapter{display:flex;align-items:center;padding:32px 0;min-width:0}.lf-chapter+.lf-chapter{border-top:1px solid var(--lf-rule)}.lf-scroll-enabled .lf-chapter{min-height:max(72svh,680px);padding:60px 0}.lf-chapter-body{border-left:1px solid #97ad9835;padding:7px 12px 7px 27px;max-width:490px}.lf-chapter.is-current .lf-chapter-body{border-left-color:#c9aa82}.lf-record-tag{font:400 8px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#c8ae88;margin-bottom:18px}.lf-experience .lf-chapter h3{font-size:clamp(26px,2.3vw,38px);line-height:1.08;letter-spacing:-.04em;font-weight:440;color:#e5e9dd;margin:0;max-width:340px}.lf-experience .lf-record-intro{font-size:13px;line-height:1.85;color:#b2c3b6;margin:20px 0 24px;max-width:390px}.lf-chapter dl{margin:0}.lf-chapter dl>div{border-top:1px solid #9aafa42d;padding:15px 0}.lf-chapter dt{font:400 8px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase;color:#c8b394}.lf-chapter dd{font-size:12px;line-height:1.75;color:#cfdbca;margin:7px 0 0}.lf-record-review{display:flex;gap:10px;align-items:start;border-top:1px solid var(--lf-rule);padding-top:18px;font-size:10px;line-height:1.75;color:#adc0ae}.lf-record-review i{flex:none;display:block;width:5px;height:10px;border-left:1px solid #bc9f7e;border-right:1px solid #bc9f7e;margin-top:3px}
.lf-end{margin-top:34px;border-top:1px solid var(--lf-rule)}.lf-taxonomy{display:flex;gap:28px;align-items:center;padding:22px 0;border-bottom:1px solid var(--lf-rule);font:400 10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#a9bbae}.lf-taxonomy>span{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#c5ae8e;white-space:nowrap}.lf-taxonomy ol{display:flex;flex-wrap:wrap;gap:20px;list-style:none;margin:0;padding:0}.lf-taxonomy li+li:before{content:'';display:inline-block;width:14px;height:1px;vertical-align:middle;background:#789281;margin-right:20px}.lf-system-footer{display:flex;justify-content:flex-end;align-items:center;gap:25px;margin-top:18px;color:#839c8e;font-size:8px;line-height:1.5}.lf-experience .lf-detail{display:flex;gap:19px;align-items:center;border:0;background:none;cursor:pointer;font:400 12px/1.5 Inter,Arial,sans-serif;color:#d1dac9;padding:10px 0;min-height:44px}.lf-detail>span{color:var(--lf-bronze)}.lf-detail:hover{color:white}.lf-detail:focus-visible{outline:2px solid var(--lf-bronze);outline-offset:5px}
/* A single restrained acquisition, never a continuous blink. */
.lf-acquire .lf-label,.lf-acquire .lf-pin-badge{animation:lf-acquire 360ms ease-out both}@keyframes lf-acquire{from{opacity:0}to{opacity:1}}
@media(min-width:1700px){.lf-scroll-layout{gap:48px}.lf-chapter-body{padding-left:34px}.lf-experience .lf-definition{font-size:16px}.lf-drawing-header{font-size:8px}.lf-label-name{font-size:27px}}
@media(max-width:1200px){.lf-experience{padding:35px 4vw 26px}.lf-heading{gap:35px;grid-template-columns:.65fr 1.35fr;margin:34px 0 40px}.lf-experience .lf-title{font-size:80px}.lf-experience .lf-definition{font-size:13px;line-height:1.85}.lf-scroll-layout{gap:24px;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr)}.lf-chapter-body{padding-left:22px}.lf-experience .lf-record-intro{font-size:12px}.lf-chapter dd{font-size:11px}.lf-label-name{font-size:32px}.lf-label-id{font-size:20px}.lf-scene-footer{gap:10px;font-size:6px;padding:10px}.lf-scroll-cue{min-width:115px}}
@media(max-width:1000px){.lf-scroll-layout{display:block}.lf-scroll-enabled .lf-stage{top:0}.lf-visual{aspect-ratio:auto;height:min(47svh,61.33vw)}.lf-stage{z-index:3}.lf-chapters{max-width:620px;margin:auto}.lf-chapter-body{padding:0 22px;border-left:1px solid #97ad9835;max-width:none;width:100%}.lf-chapter{padding:40px 0}.lf-scroll-enabled .lf-chapter{min-height:max(72svh,580px);padding:42px 0}.lf-experience .lf-chapter h3{font-size:34px;max-width:410px}.lf-experience .lf-record-intro{font-size:14px;max-width:none}.lf-chapter dd{font-size:13px}.lf-record-review{font-size:11px}.lf-chapter dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.lf-chapter dl>div{padding:15px 0}.lf-chapter dt{font-size:8px}.lf-record-review{margin-top:12px}.lf-image-note{font-size:6px}.lf-drawing-header{min-height:38px}.lf-scene-footer{min-height:32px}.lf-label-name{font-size:30px}.lf-label-id{font-size:20px}}
@media(max-width:700px){.lf-experience{padding:28px 6vw 24px}.lf-topline{font-size:7px;letter-spacing:.08em;gap:10px}.lf-heading{display:block;margin:30px 0}.lf-experience .lf-title{font-size:76px}.lf-experience .lf-definition{font-size:14px;line-height:1.8;margin-top:22px}.lf-drawing-header{padding:10px 10px;min-height:35px;font-size:6px;letter-spacing:.06em;gap:10px}.lf-drawing-header>span:first-child{gap:7px}.lf-visual{height:clamp(178px,26svh,238px);margin:0 -3vw;width:calc(100% + 6vw)}.lf-label,.lf-leader,.lf-anchor{display:none}.lf-pin{display:block}.lf-pin path{stroke:#c9b391;stroke-width:2}.lf-pin circle{fill:#102127;stroke:#d0b491;stroke-width:3}.lf-pin text{fill:#e8e7d7;font:400 70px ui-monospace,SFMono-Regular,Menlo,monospace}.lf-image-note{left:15px;right:15px;bottom:6px;font-size:4.5px}.lf-component-key{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 8px;list-style:none;padding:9px 0 10px;margin:0;border-top:1px solid var(--lf-rule)}.lf-component-key li{display:flex;gap:5px;font-size:8px;line-height:1.45;color:#b5c4b4;min-width:0}.lf-component-key li>span{font:400 7px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;color:#cdb18d;flex:none}.lf-scene-footer{min-height:25px;padding:7px 0;gap:12px;font-size:5px}.lf-scroll-cue{min-width:93px}.lf-pose-name{font-size:5px}.lf-scroll-progress{max-width:80px}.lf-chapter-body{padding:0 0 0 17px}.lf-scroll-enabled .lf-chapter{min-height:max(78svh,560px);padding:40px 0}.lf-experience .lf-chapter h3{font-size:30px;max-width:290px}.lf-record-tag{font-size:7px;margin-bottom:15px}.lf-experience .lf-record-intro{font-size:13px;line-height:1.8;margin:18px 0 21px}.lf-chapter dl{display:block}.lf-chapter dl>div{padding:13px 0}.lf-chapter dt{font-size:8px}.lf-chapter dd{font-size:12px;line-height:1.75}.lf-record-review{margin-top:3px;font-size:10px;line-height:1.7;padding-top:17px}.lf-taxonomy{display:block;padding:20px 0;font-size:9px}.lf-taxonomy>span{display:block;margin-bottom:11px}.lf-taxonomy ol{gap:8px 10px}.lf-taxonomy li+li:before{margin-right:10px}.lf-system-footer{align-items:start;flex-direction:column;gap:4px;font-size:8px}.lf-end{margin-top:15px}.lf-experience .lf-detail{font-size:12px}}
@media(max-width:370px){.lf-topline{font-size:6px}.lf-experience .lf-title{font-size:68px}.lf-experience .lf-definition{font-size:13px}.lf-component-key{column-gap:7px}.lf-component-key li{font-size:7px;gap:4px}.lf-component-key li>span{font-size:6px}.lf-experience .lf-chapter h3{font-size:28px}.lf-record-intro{font-size:13px}.lf-stage-name{font-size:5.5px}.lf-drawing-header>span:first-child{font-size:5.5px}.lf-pin text{font-size:72px}}
@media(prefers-reduced-motion:reduce){.lf-experience *{animation:none!important;transition:none!important}.lf-scroll-enabled .lf-stage{position:static}.lf-scroll-enabled .lf-chapter{min-height:0;padding:35px 0}}
.motion-paused .lf-experience *{animation:none!important;transition:none!important}
@media print{.scene.learning-home{overflow:visible!important}.lf-experience{print-color-adjust:exact;-webkit-print-color-adjust:exact}.lf-experience *{animation:none!important;transition:none!important}.lf-scroll-layout{display:block!important}.lf-stage{position:static!important;break-inside:avoid}.lf-visual{height:auto!important;aspect-ratio:3/2;width:100%;margin:0}.lf-canvas{display:none!important}.lf-poster{visibility:visible!important}.lf-callout{opacity:1!important}.lf-leader{display:block!important;stroke-dashoffset:0!important}.lf-label{display:block!important}.lf-pin,.lf-component-key,.lf-scene-footer,.lf-detail{display:none!important}.lf-chapters{max-width:none}.lf-chapter{min-height:0!important;padding:25px 0!important;break-inside:avoid}.lf-chapter dl{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.lf-chapter-body{max-width:none}.lf-heading{display:grid!important}.lf-experience .lf-title{font-size:75px!important}.lf-hud{width:100%;height:100%}}
/* Persistent drawing identity and evolving engineering records. */
.lf-drawing-header{min-height:76px;padding:14px 17px;gap:18px}
.lf-stage-brand{display:flex;align-items:baseline;gap:16px;min-width:0}
.lf-stage-brand>span{font:420 34px/1 Inter,Arial,sans-serif;letter-spacing:-.055em;color:#e7e9df}
.lf-stage-brand small{font:400 6px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;color:#93a99d}
.lf-stage-name{font-size:7px;letter-spacing:.06em}
.lf-scroll-enabled .lf-visual{max-height:calc(100svh - 172px)}
.lf-label-panel{fill:#111e23;fill-opacity:.96}
.lf-hud .lf-label-rule{stroke:#bda37e;stroke-opacity:.65;stroke-width:1.6}
.lf-label-id{font-size:18px;letter-spacing:1px;fill:#bdab90}
.lf-label-name{font-size:27px;letter-spacing:0;fill:#e4e8dc}
.lf-label-detail{font:400 22px Inter,Arial,sans-serif;fill:#b2c1b6}
.lf-label-copy{opacity:0;transition:opacity 360ms ease;will-change:auto}
[data-lf-mode="0"] .lf-copy-0,[data-lf-mode="1"] .lf-copy-1,[data-lf-mode="2"] .lf-copy-2{opacity:1}
.lf-image-note{font-size:6px;letter-spacing:.06em}
.lf-component-key strong{display:block;font:400 8px/1.4 Inter,Arial,sans-serif;color:#dde3d6}
.lf-key-note{display:block;margin-top:3px;font:400 8px/1.5 Inter,Arial,sans-serif;color:#a9bbac}
@media(max-width:1200px){.lf-stage-brand{gap:12px}.lf-stage-brand>span{font-size:30px}.lf-stage-brand small{display:none}.lf-stage-name{font-size:6px}}
@media(max-width:1000px){.lf-drawing-header{min-height:62px;padding:12px 15px}.lf-stage-brand small{display:block}.lf-stage-brand>span{font-size:29px}.lf-stage-name{font-size:7px}}
@media(max-width:700px){.lf-drawing-header{min-height:50px;padding:10px 0;gap:8px}.lf-stage-brand>span{font-size:27px}.lf-stage-brand small{display:none}.lf-stage-name{font-size:6px}.lf-visual{height:clamp(158px,23svh,204px)}.lf-image-note{font-size:4.5px}.lf-component-key{gap:8px 10px;padding:11px 0;grid-auto-rows:minmax(46px,auto)}.lf-component-key li{gap:5px}.lf-component-key li>div{min-width:0}.lf-component-key strong{font-size:8px}.lf-key-note{font-size:8px;line-height:1.4}.lf-component-key li>span{font-size:7px}.lf-scroll-enabled .lf-chapter{min-height:max(84svh,640px)}}
@media(max-width:370px){.lf-stage-brand>span{font-size:25px}.lf-component-key{gap:8px}.lf-component-key strong,.lf-key-note{font-size:7.5px}.lf-stage-name{font-size:5.5px}}
@media print{.lf-drawing-header{min-height:62px}.lf-label-copy{transition:none!important}.lf-label-name{font-size:27px!important}.lf-label-detail{font-size:22px!important}.lf-stage-brand small{display:block}}

@media screen and (min-width:701px){.lf-component-key{display:block;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}

/* Mobile presents clean assembly imagery followed by readable normal-flow copy. */
.lf-mobile-definition{display:none}
@media screen and (max-width:1000px){
  .lf-heading{display:block;margin:30px 0 32px}
  .lf-experience .lf-title{font-size:clamp(58px,12vw,80px)}
  .lf-definition{display:none}
  .lf-experience .lf-mobile-definition{display:block;max-width:620px;margin:22px 0 0;color:#bdcbc1;font:400 16px/1.7 Inter,Arial,sans-serif}
  .lf-topline{font-size:9px;letter-spacing:.06em}
  .lf-topline>span:last-child{display:none}
  .lf-stage,.lf-scroll-enabled .lf-stage{position:relative;top:auto;z-index:auto;isolation:auto;margin:24px 0 12px;padding:12px 0;border-top:1px solid var(--lf-rule);border-bottom:1px solid var(--lf-rule)}
  .lf-stage::before{content:none}
  .lf-drawing-header,.lf-hud,.lf-scene-footer,.lf-taxonomy{display:none}
  .lf-stage-brand>span{font-size:26px}
  .lf-stage-brand small{display:none}
  .lf-visual,.lf-scroll-enabled .lf-visual{height:clamp(184px,55vw,300px);max-height:none;aspect-ratio:auto;width:100%;margin:0}
  .lf-poster{transform:scale(1.22);transform-origin:50% 20%}
  .lf-canvas{transform:none}
  .lf-image-note,.lf-register,.lf-drawing-grid,.lf-component-key{display:none}
  .lf-label,.lf-leader,.lf-anchor{display:none}

  .lf-scroll-cue{display:none}
  .lf-scroll-progress{max-width:none;flex:1}
  .lf-pose-name{font-size:8px}
  .lf-chapters{max-width:620px}
  .lf-scroll-enabled .lf-chapter,.lf-chapter{min-height:0;padding:36px 0 40px;align-items:start}
  .lf-chapter-body{border-left:0;padding:0;max-width:none}
  .lf-record-tag{font-size:10px;margin-bottom:14px;letter-spacing:.07em}
  .lf-experience .lf-chapter h3{font-size:clamp(30px,7vw,38px);max-width:440px;line-height:1.1}
  .lf-experience .lf-record-intro{font-size:15px;line-height:1.75;margin:20px 0 24px;max-width:none}
  .lf-chapter dl{display:block}
  .lf-chapter dl>div{padding:14px 0}
  .lf-chapter dt{font-size:10px;letter-spacing:.07em}
  .lf-chapter dd{font-size:14px;line-height:1.65;margin-top:8px}
  .lf-record-review{font-size:11px;line-height:1.6;margin-top:4px;padding-top:16px}
  .lf-taxonomy{font-size:11px;gap:10px}
  .lf-taxonomy>span{font-size:9px}
  .lf-system-footer{font-size:10px;line-height:1.6;gap:10px}
  .lf-experience .lf-detail{font-size:14px}
}
@media screen and (min-width:701px) and (max-width:1000px){
  .lf-chapter dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
}

/* Retain a method, then test transfer in a fifth chapter in the same drawing. */
.lf-transfer-hud{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:hidden}
.lf-transfer-hud text{fill:#dfe5d7;font:400 27px Inter,Arial,sans-serif;letter-spacing:.2px}
.lf-transfer-hud rect{fill:#101a1e;fill-opacity:.92}
.lf-transfer-leader{fill:none;stroke:#bca584;stroke-width:1.35;stroke-opacity:.7}
.lf-transfer-anchor{fill:#cfb18a;stroke:none}
.lf-experience:not(.lf-scroll-enabled) .lf-transfer-hud{display:none}
.lf-scroll-enabled .lf-chapter[data-lf-chapter="3"]{min-height:max(100svh,880px)}
.lf-static-transfer{margin:22px 0 26px;background:#101a1e}
.lf-static-transfer img{display:block;width:100%;height:auto}
.lf-static-transfer figcaption{margin-top:8px;color:#adc0ae;font:400 10px/1.6 Inter,Arial,sans-serif}
.lf-scroll-enabled .lf-static-transfer{display:none}
.lf-mobile-identity,.lf-mobile-steps,.lf-mobile-captions,.lf-mobile-footer{display:none}
@media screen and (max-width:1000px){
  .lf-scroll-enabled .lf-stage{position:sticky;top:12px;z-index:3;margin:0 0 12px;background:#101a1e}
  .lf-transfer-hud{display:none}
  .lf-scroll-enabled .lf-chapter[data-lf-chapter="3"]{min-height:max(92svh,760px)}
  .lf-static-transfer figcaption{font-size:11px}
}
@media print{
  .lf-transfer-hud{display:none!important}
  .lf-static-transfer{display:block!important;break-inside:avoid}
  .lf-scroll-enabled .lf-chapter[data-lf-chapter="3"]{min-height:0!important}
}

/* Compact motion uses one opaque page; native scrolling changes only its image and caption. */
@media screen and (max-width:1000px){
  .lf-experience.lf-mobile-immersive{padding:0;--lf-immersive-gutter:clamp(20px,6vw,34px)}
  .lf-mobile-immersive .lf-wrap{max-width:none}
  .lf-mobile-immersive .lf-chapters{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:normal}
  /* r230: phones show the eyebrow, title, and definition above the pinned panel. site.css (r211) still
     carries an older copy of the hidden rule with !important, so these resets need !important too. */
  .lf-mobile-immersive .lf-topline,.lf-mobile-immersive .lf-heading{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip-path:none!important;white-space:normal}
  .lf-mobile-immersive .lf-topline{margin:0 var(--lf-immersive-gutter)!important;padding:30px 0 0!important}
  .lf-mobile-immersive .lf-heading{display:block;margin:0!important;padding:22px var(--lf-immersive-gutter) 46px!important}
  .lf-mobile-immersive .lf-mobile-definition{margin-top:20px}
  .lf-mobile-immersive .lf-scroll-layout{display:block;height:500svh;margin:0;overflow:visible}
  .lf-mobile-immersive .lf-stage{position:sticky;top:0;display:grid;grid-template-rows:auto min(34svh,66vw,320px) auto minmax(0,1fr) auto;gap:clamp(10px,1.6svh,15px);width:100%;height:100svh;min-height:0;max-height:none;margin:0;padding:max(18px,env(safe-area-inset-top)) var(--lf-immersive-gutter) max(18px,env(safe-area-inset-bottom));border:0;background:#101a1e;z-index:4;isolation:isolate;overflow:clip}
  .lf-mobile-immersive .lf-mobile-identity{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:46px}
  .lf-mobile-identity>span{font:420 40px/1 Inter,Arial,sans-serif;letter-spacing:-.06em;color:#e7e9df}
  .lf-mobile-identity small{max-width:110px;text-align:right;font:400 7.5px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:#91aa9d}
  .lf-mobile-immersive .lf-visual{height:100%;max-height:none;width:calc(100% + var(--lf-immersive-gutter)*2);margin:0 calc(-1*var(--lf-immersive-gutter));aspect-ratio:auto}
  .lf-mobile-immersive .lf-poster{transform:scale(1.16)}
  .lf-mobile-immersive .lf-mobile-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}
  .lf-mobile-steps li{min-width:0;color:#758f80}
  .lf-mobile-step-track{height:2px;margin-bottom:10px;background:#93ac9830;overflow:hidden}
  .lf-mobile-step-track i{display:block;width:100%;height:100%;transform:scaleX(var(--lf-step-progress,0));transform-origin:left;background:#cfb18a}
  .lf-mobile-steps li>span{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 5px;font:400 10px/1.4 Inter,Arial,sans-serif}
  .lf-mobile-steps b{font:400 8px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}
  .lf-mobile-steps .is-current{color:#e2d3b9}
  .lf-mobile-steps .is-complete{color:#abc0b0}
  .lf-mobile-immersive .lf-mobile-captions{display:grid;align-content:start;min-height:0;padding-top:4px}
  .lf-mobile-caption{grid-area:1/1;align-self:start;opacity:0;visibility:hidden;transition:opacity 160ms ease;pointer-events:none}
  .lf-mobile-immersive:not([data-lf-focus]) [data-lf-mobile-caption="0"],.lf-mobile-immersive[data-lf-focus="0"] [data-lf-mobile-caption="0"],.lf-mobile-immersive[data-lf-focus="1"] [data-lf-mobile-caption="1"],.lf-mobile-immersive[data-lf-focus="2"] [data-lf-mobile-caption="2"],.lf-mobile-immersive[data-lf-focus="3"] [data-lf-mobile-caption="3"],.lf-mobile-immersive[data-lf-focus="4"] [data-lf-mobile-caption="4"]{opacity:1;visibility:visible}
  .lf-mobile-tag{margin-bottom:12px;font:400 9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:#cbb08a}
  .lf-mobile-immersive .lf-mobile-caption h3{margin:0;max-width:560px;font:440 clamp(25px,7.6vw,34px)/1.1 Inter,Arial,sans-serif;letter-spacing:-.035em;color:#e5e9dd}
  .lf-mobile-immersive .lf-mobile-caption p{margin:16px 0 0;max-width:600px;font:400 clamp(14px,3.9vw,16px)/1.58 Inter,Arial,sans-serif;color:#b8c9bd}
  .lf-mobile-detail{margin-top:14px;padding-top:12px;border-top:1px solid #9aafa42d;max-width:600px;font:400 12px/1.55 Inter,Arial,sans-serif;color:#d0dccb}
  .lf-mobile-immersive .lf-mobile-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#8ea697;font:400 7px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.035em}
  .lf-mobile-cue{font:400 10px/1.4 Inter,Arial,sans-serif;letter-spacing:0;color:#cbb08a;white-space:nowrap}
  .lf-mobile-immersive .lf-end{margin:0;padding:0 var(--lf-immersive-gutter) 22px;border-top:0}
  .lf-mobile-immersive .lf-system-footer{margin:0;padding-top:16px;border-top:1px solid var(--lf-rule)}
}
@media screen and (max-width:1000px) and (max-height:740px){
  .lf-mobile-immersive .lf-stage{grid-template-rows:auto min(26svh,62vw,230px) auto minmax(0,1fr) auto;gap:9px;padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}
  .lf-mobile-immersive .lf-mobile-identity{min-height:40px}
  .lf-mobile-identity>span{font-size:35px}
  .lf-mobile-immersive .lf-mobile-caption h3{font-size:25px}
  .lf-mobile-immersive .lf-mobile-caption p{font-size:14px;line-height:1.5;margin-top:12px}
  .lf-mobile-tag{margin-bottom:9px}
  .lf-mobile-detail{font-size:11px;line-height:1.45;margin-top:11px;padding-top:10px}
  .lf-mobile-step-track{margin-bottom:7px}
}

/* Hold the final transfer review, then release both panels together. */
@media screen and (min-width:1001px){
  .lf-desktop-handoff .lf-stage{margin-bottom:var(--lf-stage-tail,0px)}
  .lf-desktop-handoff .lf-chapter[data-lf-chapter="4"]{min-height:var(--lf-final-height);height:var(--lf-final-height);padding:var(--lf-final-inset) 0 0;align-items:flex-start}
  .lf-desktop-handoff .lf-chapter[data-lf-chapter="4"] .lf-chapter-body{position:sticky;top:28px;margin-bottom:var(--lf-body-tail,0px)}
}

/* Replace the previous release's extended fourth-chapter hold. */
@media screen and (min-width:1001px){
  .lf-desktop-handoff .lf-chapter[data-lf-chapter="3"]{height:auto;min-height:max(100svh,880px);padding:60px 0;align-items:center}
  .lf-desktop-handoff .lf-chapter[data-lf-chapter="3"] .lf-chapter-body{position:static;top:auto;margin-bottom:0}
}

/* On phones the pinned panel reads like tabs. While it is pinned, a bronze tick travels down a hairline,
   centred in the space below the longest chapter text so it holds still as chapters change. */
.lf-mobile-hint{display:none}
@keyframes lf-scroll-hint{0%{transform:translateY(-12px);opacity:0}12%{opacity:1}58%{opacity:1}70%,100%{transform:translateY(32px);opacity:0}}
@media screen and (max-width:1000px){
  .lf-mobile-immersive .lf-mobile-captions{grid-template-rows:auto minmax(0,1fr)}
  .lf-mobile-immersive .lf-mobile-hint{grid-area:2/1;align-self:center;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:9px;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s;pointer-events:none}
  .lf-mobile-immersive.lf-mobile-hint-on .lf-mobile-hint{opacity:1;visibility:visible;transition-delay:0s}
  .lf-mobile-hint>span{font:400 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase;color:#8ea697}
  .lf-mobile-hint i{position:relative;display:block;width:1px;height:32px;overflow:hidden;background:#93ac9838}
  .lf-mobile-hint i::after{content:'';position:absolute;left:0;top:0;width:1px;height:12px;background:#cfb18a;transform:translateY(-12px);animation:lf-scroll-hint 2.4s cubic-bezier(.55,0,.35,1) infinite paused}
  .lf-mobile-hint-on .lf-mobile-hint i::after{animation-play-state:running}
  .lf-mobile-immersive .lf-mobile-cue{transition:opacity .4s ease}
  .lf-mobile-immersive.lf-mobile-hint-on .lf-mobile-cue{opacity:0}
}