@charset "UTF-8";
:root{--paper:#f4f3ef;--sheet:#fbfaf5;--ink:#20211e;--muted:#65655d;--gold:#80601f;--light-gold:#d2aa52;--rule:#d4cec1;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--mono:'Courier New',monospace;--header-height:96px;--scene-scale:1}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height,107px) + 16px);overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{border-radius:0;cursor:pointer}h1,h2,h3,h4,p{margin:0;font-weight:400}fieldset{padding:0;margin:0;border:0;min-width:0}legend{padding:0}img{display:block;max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}::selection{background:#e4d4b0}.page-width{width:calc(100% - 128px);max-width:1376px;margin-inline:auto}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;z-index:100;top:-100px;left:16px;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{top:14px}.reading-thread{position:fixed;z-index:80;left:0;top:0;width:3px;height:100vh;background:#ded8c9}.reading-thread span{display:block;transform-origin:top;transform:scaleY(0);width:100%;height:100%;background:var(--light-gold)}
.site-header{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:28px;padding:25px 64px;border-bottom:1px solid var(--rule);background:#f4f3eff2;backdrop-filter:blur(14px)}.brand{display:block;width:188px;flex:none}.brand img{width:100%;height:auto}.site-header nav{display:flex;gap:27px;margin-left:auto}.site-header nav a{font-size:12px;position:relative}.site-header nav span{font:8px var(--mono);color:var(--gold);margin-right:6px}.site-header nav a:after{content:'';height:1px;background:var(--gold);position:absolute;bottom:-8px;left:0;right:100%;transition:right .2s}.site-header nav a:hover:after,.site-header nav a[aria-current]:after{right:0}.motion-button{font:9px var(--mono);border:1px solid var(--rule);padding:9px 10px;background:transparent;white-space:nowrap;display:flex;gap:7px;align-items:center}.motion-button[hidden]{display:none}.motion-button>span{font-size:14px;line-height:1}.motion-button:disabled{color:var(--muted);cursor:default}.header-cta{font-size:12px;display:flex;gap:20px;align-items:center;border-left:1px solid var(--rule);padding-left:25px}.header-cta>span{color:var(--gold);font-size:20px}.eyebrow{font:9px/1.6 var(--mono);letter-spacing:1.1px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.mini-star{font-size:22px;color:var(--gold);line-height:1}.chapter-number{color:var(--gold)}
.journey{position:relative}.visual-stage{display:none}.enhanced .visual-stage{display:block;position:sticky;top:var(--header-height);height:calc(100svh - var(--header-height));pointer-events:none}.visual-field{position:absolute;right:3.8%;top:0;width:58%;height:100%;isolation:isolate;--cover-opacity:1;--career-opacity:0;--learning-opacity:0;--talent-opacity:0;--closing-opacity:0;--carrier-x:0px;--carrier-y:0px;--carrier-angle:-8deg;--carrier-scale:.94;--note-progress:0;--leaf-angle:-110deg;--leaf-opacity:0;--map-opacity:0;--map-x:80px;--map-y:30px;--ring-angle:-30deg;--thread-draw:1400;--scene-scale:1}
.field-top,.field-bottom{position:absolute;left:6%;right:3%;display:flex;justify-content:space-between;align-items:center;font:8px/1.5 var(--mono);letter-spacing:1px;color:var(--muted);z-index:8}.field-top{top:32px;border-top:1px solid var(--rule);padding-top:15px}.field-bottom{bottom:31px;letter-spacing:.2px;font-size:9px}.chapter-counter{font-size:12px;color:var(--gold)}.chapter-counter i{font-style:normal;color:#bdb5a3;font-size:9px;margin:0 6px}.construction-ring{position:absolute;border:1px solid #d8d0bd;border-radius:50%;left:50%;top:50%;width:82%;aspect-ratio:1.25;transform:translate(-50%,-50%) rotate(var(--ring-angle));opacity:.8}.ring-two{width:71%;aspect-ratio:.83;border-style:dashed;transform:translate(-50%,-50%) rotate(calc(var(--ring-angle) * -1))}.connecting-thread{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:5;opacity:.75}.thread-base{stroke:#d8caac;stroke-width:.6}.thread-gold{stroke:#a7833d;stroke-width:1.3;stroke-dasharray:1800;stroke-dashoffset:var(--thread-draw)}.thread-origin{fill:var(--paper);stroke:var(--gold);stroke-width:1.2}
.carrier{position:absolute;left:50%;top:50%;width:340px;height:466px;transform:translate(-50%,-50%) perspective(1400px) scale(var(--scene-scale)) scale(var(--carrier-scale)) translate3d(var(--carrier-x),var(--carrier-y),var(--carrier-depth,0px)) rotateX(var(--carrier-pitch,0deg)) rotateY(var(--carrier-yaw,0deg)) rotate(var(--carrier-angle));z-index:6;transform-style:preserve-3d}.paper-shadow{position:absolute;inset:10px -8px -10px 10px;background:#e8e4d8;border:1px solid #d4cbb6;transform:rotate(2deg);box-shadow:5px 12px 25px #3e301014}.paper-edge{position:absolute;inset:4px -3px -4px 4px;background:#f3f0e6;border:1px solid #d8d1bf;transform:rotate(-1deg)}.paper-sheet{position:absolute;inset:0;background:linear-gradient(100deg,#e9e5d8 0,#fbfaf5 5%,#fbfaf5 95%,#f2efe5 100%);box-shadow:0 16px 35px #40341a14;border:1px solid #d5cebb;padding:25px 26px;z-index:3}.paper-sheet:before{content:'';position:absolute;left:12px;top:0;bottom:0;border-left:1px solid #d7caae;box-shadow:2px 0 0 #fff9}.gold-tab{position:absolute;right:-11px;top:49px;width:26px;height:77px;background:#b99a55;z-index:5;box-shadow:2px 3px 3px #3c2c1116;display:grid;place-items:center}.gold-tab span{writing-mode:vertical-rl;font:8px var(--mono);letter-spacing:2px;color:#f9f4e6}.paper-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:12px;font:7px var(--mono);letter-spacing:1px;text-transform:uppercase}.paper-foot{position:absolute;bottom:19px;left:26px;right:26px;display:flex;justify-content:space-between;font:6px var(--mono);color:var(--muted);letter-spacing:.7px}.artifact{position:absolute;inset:76px 26px 44px;pointer-events:none}.cover-art{opacity:var(--cover-opacity);transform:translateY(calc((1 - var(--cover-opacity)) * -30px))}.cover-kicker{font:10px var(--mono);color:var(--gold)}.cover-title{font:47px/1.08 var(--serif);letter-spacing:-2px;margin-top:14px}.cover-title i{color:var(--gold)}.cover-diagram{width:100%;height:175px;margin-top:19px}.cover-diagram circle,.cover-diagram ellipse{stroke:#9e8653;stroke-width:.7}.cover-diagram circle:first-child{stroke:var(--ink)}.cover-diagram path{stroke:#d4ccbb;stroke-width:.5}.cover-diagram .diagram-point{fill:var(--paper);stroke:var(--gold);stroke-width:1.3}.cover-footer{display:flex;justify-content:space-around;font:6px var(--mono);letter-spacing:1px;color:var(--muted);margin-top:15px}.cover-footer span{color:var(--gold)}.source-note{position:absolute;width:164px;padding:18px 20px;background:#e9e1cd;border:1px solid #d9cdb4;box-shadow:3px 7px 15px #3b30120d;z-index:7;opacity:calc(1 - var(--note-progress));transform-origin:center;will-change:transform}.source-note>span:first-child{font:6px var(--mono);letter-spacing:.5px;display:block;color:#806a3b}.source-note i{font:24px/1.1 var(--serif);display:block;letter-spacing:-.6px;margin-top:13px}.note-one{left:4%;top:28%;transform:translate(calc(var(--note-progress) * 180px),calc(var(--note-progress) * 80px)) rotate(calc(-13deg + var(--note-progress) * 13deg))}.note-two{right:0;top:18%;transform:translate(calc(var(--note-progress) * -140px),calc(var(--note-progress) * 120px)) rotate(calc(12deg - var(--note-progress) * 12deg));background:#efebe0}.note-three{right:4%;bottom:15%;transform:translate(calc(var(--note-progress) * -120px),calc(var(--note-progress) * -90px)) rotate(calc(7deg - var(--note-progress) * 7deg));width:148px;background:#e3d7ba}.note-star{font:30px var(--serif);color:var(--gold);line-height:1;margin-top:12px}.note-arrow{font:32px var(--serif);display:block;color:var(--gold);line-height:1;margin-top:10px}.pencil-lines{height:17px;border-top:1px solid #bdad89;border-bottom:1px solid #bdad89;width:70%;margin-top:18px;opacity:.7}
.career-art{opacity:var(--career-opacity)}.paper-kicker{font:6px/1.5 var(--mono);letter-spacing:.7px;color:var(--gold);text-transform:uppercase}.artifact h3,.workbench-leaf h3{font:36px/1.1 var(--serif);letter-spacing:-1.4px;margin-top:12px}.artifact h3 i,.workbench-leaf h3 i{color:var(--gold)}.evidence-row{position:absolute;left:0;right:0;border-top:1px solid var(--rule);padding:12px 0;transition:transform .4s,background .3s,padding .3s}.evidence-row[data-evidence=context]{top:114px}.evidence-row[data-evidence=contribution]{top:184px}.evidence-row[data-evidence=judgment]{top:254px}.evidence-row>span{font:6px var(--mono);color:var(--gold);letter-spacing:.8px;display:block}.evidence-row p{font:15px/1.4 var(--serif);margin-top:5px}.evidence-row small{font:7px/1.5 var(--sans);color:var(--muted);display:block;margin-top:4px}.dossier-bottom{position:absolute;bottom:-4px;left:0;right:0;display:flex;justify-content:space-between;font:6px var(--mono);letter-spacing:.5px;color:var(--muted)}.dossier-stamp{border:1px solid #b09a66;color:var(--gold);padding:4px 6px;transform:rotate(-4deg)}.application-mode .evidence-row[data-evidence=context]{transform:translateY(140px)}.application-mode .evidence-row[data-evidence=contribution]{transform:translateY(-70px);background:#e9e0cc;padding-inline:8px}.application-mode .evidence-row[data-evidence=judgment]{transform:translateY(-70px)}
.learning-art{opacity:var(--learning-opacity)}.learning-art h3{font-size:35px}.task-label{font:6px var(--mono);color:var(--gold);letter-spacing:.6px;margin-top:27px}.learning-art blockquote{font:italic 19px/1.45 var(--serif);margin:10px 0 0}.prompt-text{font:12px/1.6 var(--sans);margin-top:9px}.workbench-route{position:absolute;bottom:7px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--rule);padding-top:14px;font:7px var(--mono)}.workbench-route b{color:var(--gold);font-weight:400}.workbench-leaf{position:absolute;top:0;bottom:0;left:calc(100% - 2px);width:90%;background:linear-gradient(90deg,#ddd7c6,#f7f4e9 8%);border:1px solid #d4cab2;padding:25px 24px;opacity:var(--leaf-opacity);transform:perspective(1200px) rotateY(var(--leaf-angle));transform-origin:left center;backface-visibility:hidden;box-shadow:10px 15px 25px #40341a0e;z-index:2}.leaf-head{font:6px var(--mono);letter-spacing:.7px;display:flex;justify-content:space-between;border-bottom:1px solid var(--rule);padding-bottom:12px}.workbench-leaf .paper-kicker{margin-top:36px}.workbench-leaf h3{font-size:32px}.draft-unreviewed,.draft-reviewed{position:absolute;left:24px;right:24px;top:208px;font:italic 21px/1.45 var(--serif);transition:opacity .35s,transform .35s}.draft-reviewed{opacity:0;transform:translateY(7px)}mark{background:#dfc68c;color:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:1px 0}.editor-mark{font:italic 23px var(--serif);color:#826222;transform:rotate(-8deg);margin-top:15px;text-align:right}.review-note{position:absolute;bottom:65px;font:8px/1.6 var(--mono);color:var(--muted);border-left:1px solid var(--gold);padding-left:10px}.leaf-foot{position:absolute;bottom:19px;left:24px;right:24px;font:5px var(--mono);display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.leaf-foot>span:last-child{font-size:20px;color:var(--gold)}.reviewed .draft-unreviewed{opacity:0;transform:translateY(-7px)}.reviewed .draft-reviewed{opacity:1;transform:translateY(0)}
.talent-art{opacity:var(--talent-opacity)}.talent-art h3{font-size:35px}.passport-emblem{font:60px/1 var(--serif);color:#ae955b;margin:14px 0}.passport-evidence{border-top:1px solid var(--rule);display:flex;gap:12px;align-items:center;padding:13px 0;transition:background .3s,padding .3s}.passport-evidence>span:first-child{font:7px var(--mono);color:var(--gold)}.passport-evidence b{font:15px var(--serif)}.passport-evidence small{font:8px var(--sans);display:block;color:var(--muted);margin-top:4px}.evidence-indicator{font:20px var(--serif);margin-left:auto;color:var(--gold);opacity:.2}.passport-note{font:7px/1.7 var(--mono);color:var(--muted);margin-top:17px}.criteria-map{position:absolute;left:61%;top:50%;width:188px;transform:translate(var(--map-x),calc(-50% + var(--map-y))) rotate(3deg);opacity:var(--map-opacity);z-index:7;background:#e8e0cd;border:1px solid #d6c8a7;padding:19px 18px;box-shadow:4px 10px 20px #40341a10}.criteria-top{display:flex;justify-content:space-between;font:6px var(--mono);letter-spacing:.6px;color:var(--gold);border-bottom:1px solid #c8b88e;padding-bottom:12px}.criteria-top>span:last-child{font-size:18px}.criterion{padding:17px 0;border-bottom:1px solid #c8b88e;opacity:.35;transition:opacity .3s}.criterion>span{font:7px var(--mono);color:var(--gold)}.criterion h4{font:21px/1.1 var(--serif);letter-spacing:-.4px;margin-top:6px}.criterion p{font:8px/1.7 var(--sans);margin-top:8px;color:#5f5b4f}.open-question{padding-top:18px}.open-question>span{font:5px var(--mono);letter-spacing:.5px;color:var(--gold)}.open-question p{font:italic 16px/1.35 var(--serif);margin-top:6px}.criterion-writing,.talent-writing .criterion-writing,.talent-judgment .criterion-judgment{opacity:1}.talent-judgment .criterion-writing{opacity:.35}.talent-writing .passport-evidence[data-criterion=writing],.talent-judgment .passport-evidence[data-criterion=judgment]{background:#e9e0cc;padding-inline:8px}.talent-writing .passport-evidence[data-criterion=writing] .evidence-indicator,.talent-judgment .passport-evidence[data-criterion=judgment] .evidence-indicator{opacity:1}.closing-art{opacity:var(--closing-opacity)}.closing-symbol{font:135px/1 var(--serif);color:var(--gold);margin:15px 0 18px}.closing-art h3{font-size:39px}.closing-art>p:last-child{font:9px var(--mono);margin-top:22px;color:var(--muted)}
.chapter-stack{position:relative;pointer-events:none}.enhanced .chapter-stack{margin-top:calc(-100svh + var(--header-height))}.chapter{min-height:0;display:flex;align-items:center;padding:70px 0;position:relative;pointer-events:none;scroll-margin-top:20px}.enhanced .chapter{min-height:calc(100svh - var(--header-height));padding:50px 0}.chapter-copy{width:40%;position:relative;z-index:10;pointer-events:auto}.chapter h1{font:clamp(60px,6vw,92px)/1.04 var(--serif);letter-spacing:-3.6px;margin-top:24px}.chapter h1 em{font-size:.83em;color:var(--gold);white-space:nowrap;letter-spacing:-3.5px}.chapter h2{font:clamp(48px,5.15vw,78px)/1.06 var(--serif);letter-spacing:-2.6px;margin-top:25px}.chapter h2 em{color:var(--gold)}.chapter[data-scene="2"] h2 em{font-size:.72em;letter-spacing:-2.2px;white-space:nowrap}.chapter-deck{font-size:18px;line-height:1.6;margin-top:25px}.chapter-body{font-size:14px;line-height:1.8;max-width:370px;color:var(--muted);margin-top:18px}.endorsement{font:9px/1.7 var(--mono);max-width:350px;color:var(--gold);margin-top:18px}.small-note{font:9px/1.7 var(--mono);color:var(--muted);margin-top:15px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:49px;padding:13px 20px;border:1px solid transparent;font-size:12px;line-height:1.5;transition:background .2s,color .2s}.button>span{font-size:20px;line-height:1}.button-ink{background:var(--ink);color:var(--sheet)}.button-ink:hover{background:#49402d}.hero .button,.chapter-close .button{margin-top:27px}.text-link{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid #af9a6b;padding-bottom:4px;font-size:11px;line-height:1.6;margin-top:24px}.text-link>span{font-size:18px;color:var(--gold);line-height:1}.text-link:hover{color:var(--gold)}.scene-controls{display:none;margin-top:24px}.enhanced .scene-controls{display:flex;gap:0;flex-wrap:wrap}.scene-controls legend{font:8px var(--mono);letter-spacing:.3px;color:var(--muted);margin-bottom:12px}.scene-controls label{position:relative;cursor:pointer}.scene-controls input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}.scene-controls label>span{display:block;padding:11px 15px;border:1px solid var(--rule);font-size:12px}.scene-controls label+label>span{border-left:0}.scene-controls input:checked+span{background:#e6dcc5;border-color:#ad9560;color:#5b451b}.scene-controls input:focus-visible+span{outline:2px solid var(--gold);outline-offset:4px}.interaction-result{display:none;font-size:12px;line-height:1.7;color:var(--gold);max-width:350px;margin-top:12px;min-height:40px}.enhanced .interaction-result{display:block}.chapter .interaction-result+.text-link{margin-top:13px}.static-answer{font-size:14px;line-height:1.8;margin-top:20px;max-width:390px}.static-visual{display:none}
.interest-section{background:#22241f;color:var(--paper);padding:85px 0 90px;position:relative;z-index:12}.interest-layout{display:grid;grid-template-columns:1fr 1fr;gap:14%}.interest-section .chapter-number{color:#cfb984}.interest-section h2{font:clamp(56px,5.5vw,80px)/1.07 var(--serif);letter-spacing:-3px;margin-top:28px}.interest-section h2 em{color:#cfb984}.interest-layout>div>p:not(.eyebrow){font-size:15px;color:#c3c6ba;margin-top:23px}.interest-mark{font:75px/1 var(--serif);color:#baa470;margin-top:27px}.path-option{display:flex;gap:17px;align-items:center;padding:19px 0;border-top:1px solid #57594d;cursor:pointer;font:21px/1.3 var(--serif)}.path-option:last-child{border-bottom:1px solid #57594d}.path-option input{accent-color:#d2aa52;width:13px;height:13px;margin:0;flex:none}.path-option>span:first-of-type{font:9px var(--mono);color:#aeae95}.path-option small{font:10px/1.5 var(--mono);display:block;color:#b7b9af;margin-top:5px}.path-option>b{font:24px var(--serif);margin-left:auto;color:#d0b983;opacity:.3}.path-option:has(input:checked){color:#e5d0a1}.path-option:has(input:checked)>b{opacity:1}.path-description{font-size:14px;line-height:1.6;min-height:45px;margin:20px 0 12px;color:#d6d8cf}.button-paper{background:var(--paper);color:var(--ink);width:100%}.button-paper:hover{background:#e3d4af}.handoff-note{font-size:11px;line-height:1.8;color:#afb3a6;margin-top:15px;max-width:410px}.interest-section :focus-visible{outline-color:#dec58a}.principles{padding-block:36px}.principles details{border-bottom:1px solid var(--rule)}.principles summary{font-size:14px;display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;padding-bottom:21px}.principles summary::-webkit-details-marker{display:none}.principles summary>span{font:25px var(--serif);color:var(--gold)}.principles details[open] summary>span{transform:rotate(45deg)}.principle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:23px 70px;padding-bottom:30px}.principle-grid p{font-size:14px;line-height:1.8;color:var(--muted)}.principle-grid strong{color:var(--ink);font-weight:400;display:block;margin-bottom:5px}.family-line{font:20px/1.5 var(--serif);padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.family-line a{font:11px var(--sans);border-bottom:1px solid #ad9867;padding-bottom:4px}.family-line a>span{font-size:17px;color:var(--gold);margin-left:15px}.site-footer{border-top:1px solid var(--rule);padding:29px 0 25px;display:flex;align-items:center;flex-wrap:wrap;gap:30px}.site-footer .brand{width:165px}.site-footer>p{font:23px var(--serif);letter-spacing:-.5px}.site-footer>p em{color:var(--gold)}.review-links{display:flex;gap:24px;margin-left:auto;font:8px var(--mono);color:var(--muted)}.review-links a:hover{color:var(--gold)}.footer-brand{display:block;width:100%;border-top:1px solid var(--rule);padding-top:15px;margin-top:5px;font:7px var(--mono);letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}
/* Reduced motion and short viewports keep a complete static artifact at each chapter. */
.static-mode .visual-stage{display:none}.static-mode .chapter-stack{margin-top:0}.static-mode .chapter{min-height:0;display:grid;grid-template-columns:42% 58%;padding-block:45px;border-bottom:1px solid var(--rule)}.static-mode .chapter-copy{width:100%}.static-mode .static-visual{display:block;height:530px;position:relative;pointer-events:none}.static-mode .static-visual .visual-field{right:0;width:100%;height:100%;--scene-scale:.88}.static-mode .field-top,.static-mode .field-bottom{display:none}.static-mode .source-note{font-size:8px}.reduced-motion *, .reduced-motion *:before,.reduced-motion *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}html:has(.reduced-motion){scroll-behavior:auto}
@media(min-width:1600px){.visual-field{right:max(4%,calc((100% - 1440px)/2));width:56%;--scene-scale:1.15}.chapter-copy{width:42%}}
@media(max-width:1200px){.site-header{padding:22px 40px;gap:22px}.page-width{width:calc(100% - 80px)}.brand{width:166px}.site-header nav{gap:20px}.header-cta{padding-left:19px;gap:12px}.site-header nav a{font-size:11px}.motion-button{font-size:8px;padding:8px}.visual-field{right:2.5%;width:59%;--scene-scale:.9}.field-top{font-size:7px}.field-bottom{font-size:8px}.chapter-copy{width:42%}.chapter h1{font-size:69px}.chapter h2{font-size:60px}.chapter-deck{font-size:17px}.source-note{width:145px;padding:16px}.source-note i{font-size:22px}.note-one{left:3%}.note-three{width:138px}.criteria-map{left:61%;width:172px;padding:17px 15px}.criterion h4{font-size:19px}.interest-layout{gap:10%}}
@media(max-width:1000px){.site-header{gap:17px}.brand{width:145px}.site-header nav{gap:15px}.site-header nav span{display:none}.header-cta{font-size:10px;padding-left:15px}.motion-button{font-size:7px}.page-width{width:calc(100% - 64px)}.site-header{padding-inline:32px}.visual-field{width:58%;right:2%;--scene-scale:.77}.chapter-copy{width:43%}.chapter h1{font-size:61px}.chapter h2{font-size:53px}.chapter-deck{font-size:16px}.chapter-body{font-size:14px}.eyebrow{font-size:8px;letter-spacing:.8px}.source-note{width:127px;padding:14px}.source-note i{font-size:19px}.source-note>span:first-child{font-size:5px}.note-three{width:120px;right:1%;bottom:20%}.note-one{left:2%;top:27%}.note-two{top:20%}.criteria-map{left:58%;width:156px;padding:15px;transform:translate(calc(var(--map-x) * .7),calc(-50% + var(--map-y))) rotate(3deg)}.criterion h4{font-size:17px}.criterion p{font-size:7px}.open-question p{font-size:15px}.field-top{font-size:6px;letter-spacing:.6px}.field-bottom{font-size:7px;letter-spacing:0}.chapter-counter{font-size:10px}.scene-controls label>span{font-size:11px;padding:10px 12px}.endorsement{font-size:8px}.interaction-result{font-size:11px}.site-footer{gap:25px}.site-footer .brand{width:144px}.site-footer>p{font-size:20px}.review-links{gap:15px;font-size:7px}}
@media(min-width:681px) and (max-height:750px){.visual-field{--scene-scale:.84}.chapter h1{font-size:67px}.chapter h2{font-size:55px}.enhanced .chapter{padding-block:35px}.chapter-deck{margin-top:20px;font-size:16px}.chapter-body{margin-top:13px}.scene-controls{margin-top:18px}.interaction-result{min-height:34px}.field-top{top:23px}.field-bottom{bottom:22px}.source-note{padding:15px;width:140px}.source-note i{font-size:21px}.note-one{top:23%}.note-two{top:16%}.note-three{bottom:14%}.chapter .text-link{margin-top:15px}}
@media(max-width:800px){.site-header{flex-wrap:wrap;gap:14px 20px;padding:17px 25px 13px}.brand{width:151px}.site-header nav{order:4;justify-content:space-between;width:100%;margin:0;border-top:1px solid var(--rule);padding-top:9px}.site-header nav a{font-size:10px}.site-header nav span{display:inline;font-size:7px}.motion-button{margin-left:auto;font-size:8px;padding:7px}.header-cta{font-size:10px;border:0;padding:0}.header-cta span{font-size:17px}.page-width{width:calc(100% - 50px)}.visual-field{--scene-scale:.68}.chapter-copy{width:45%}.chapter h1{font-size:53px;letter-spacing:-2.6px}.chapter h1 em{letter-spacing:-2.5px}.chapter h2{font-size:47px;letter-spacing:-2px}.chapter[data-scene="2"] h2 em{letter-spacing:-1.7px}.chapter-deck{font-size:15px}.source-note{width:112px;padding:12px}.source-note i{font-size:17px}.note-one{left:3%;top:29%}.note-two{right:0;top:22%}.note-three{right:0;width:110px;bottom:22%}.note-star{font-size:22px}.criteria-map{width:140px;left:59%;padding:13px}.criteria-top{font-size:5px}.criterion h4{font-size:16px}.criterion p{font-size:7px}.open-question>span{font-size:4px}.open-question p{font-size:14px}.criteria-map .criterion{padding:13px 0}.field-top{left:8%;right:0;font-size:5px;letter-spacing:.3px}.field-bottom{left:8%;right:0;max-width:100%;font-size:6px}.chapter-counter{font-size:9px}.interest-layout{gap:8%}.path-option{font-size:19px;gap:13px}.interest-section h2{font-size:61px}.principle-grid{gap:25px 40px}.family-line{font-size:18px}.static-mode .static-visual .visual-field{--scene-scale:.68}.static-mode .static-visual{height:450px}}
@media(max-width:680px){:root{--header-height:109px}.page-width{width:calc(100% - 40px)}.site-header{padding:15px 20px 11px;gap:12px}.brand{width:145px}.motion-button{font-size:7px;padding:7px 8px;gap:5px}.header-cta{font-size:0;gap:0}.header-cta>span{font-size:23px}.site-header nav{padding-top:9px}.site-header nav a{font-size:10px}.site-header nav span{font-size:7px}.reading-thread{width:2px}.enhanced .visual-stage{height:296px;z-index:20;background:var(--paper);box-shadow:0 16px 20px var(--paper);border-bottom:1px solid var(--rule)}.visual-field{right:0;width:100%;height:100%;--scene-scale:.53}.field-top{top:13px;left:20px;right:20px;padding-top:0;border-top:0;font-size:5px;letter-spacing:.5px}.field-bottom{bottom:11px;left:20px;right:20px;font-size:6px}.chapter-counter{font-size:8px}.carrier{top:51%}.construction-ring{width:65%;max-height:260px}.ring-two{width:54%;max-height:none}.connecting-thread{inset:5px 0;width:100%;height:calc(100% - 10px)}.source-note{width:98px;padding:11px 12px}.source-note>span:first-child{font-size:4px;letter-spacing:.2px}.source-note i{font-size:16px;line-height:1.1;margin-top:8px}.note-one{left:6%;top:30%}.note-two{right:4%;top:17%}.note-three{right:6%;bottom:15%;width:90px}.note-star{font-size:20px;margin-top:7px}.note-arrow{font-size:22px;margin-top:7px}.pencil-lines{height:11px;margin-top:10px}.criteria-map{width:119px;left:61%;padding:12px;top:51%;transform:translate(calc(var(--map-x) * .45),calc(-50% + var(--map-y) * .5)) rotate(3deg)}.criteria-top{font-size:4px;padding-bottom:7px;letter-spacing:0}.criteria-top>span:last-child{font-size:12px}.criteria-map .criterion{padding:10px 0}.criterion>span{font-size:5px}.criterion h4{font-size:14px;margin-top:5px}.criterion p{font-size:6px;line-height:1.5;margin-top:6px}.open-question{padding-top:10px}.open-question>span{font-size:4px;letter-spacing:0}.open-question p{font-size:12px;margin-top:4px}.enhanced .chapter-stack{margin-top:0}.enhanced .chapter{min-height:640px;padding:38px 0 58px;align-items:flex-start;scroll-margin-top:308px}.chapter-copy{width:100%;max-width:430px}.chapter h1{font-size:58px;line-height:1.02;letter-spacing:-2.6px;margin-top:20px}.chapter h1 em{font-size:.84em;letter-spacing:-2.6px}.chapter h2{font-size:53px;line-height:1.04;letter-spacing:-2.2px;margin-top:20px}.chapter[data-scene="2"] h2 em{font-size:.75em;letter-spacing:-1.6px}.eyebrow{font-size:8px;letter-spacing:.8px}.mini-star{font-size:18px}.chapter-deck{font-size:17px;line-height:1.55;margin-top:20px}.chapter-body{font-size:14px;max-width:380px;line-height:1.75;margin-top:14px}.endorsement{font-size:9px;line-height:1.7;max-width:330px;margin-top:15px}.hero .button,.chapter-close .button{margin-top:24px}.button{min-height:47px;font-size:11px;padding:13px 18px}.small-note{font-size:8px;margin-top:13px}.scene-controls{margin-top:22px}.scene-controls label>span{font-size:13px;padding:12px 16px}.scene-controls legend{font-size:9px;margin-bottom:12px}.interaction-result{font-size:13px;line-height:1.65;max-width:370px;margin-top:12px;min-height:42px}.chapter .text-link{font-size:11px;margin-top:23px}.chapter-close{padding-bottom:80px!important}.interest-section{padding:58px 0 63px}.interest-layout{display:block}.interest-section h2{font-size:59px;letter-spacing:-2.1px;margin-top:21px}.interest-section h2 br{display:none}.interest-layout>div>p:not(.eyebrow){font-size:14px;margin-top:20px}.interest-mark{display:none}.path-chooser{margin-top:30px}.path-option{font-size:21px;gap:14px;padding:19px 0}.path-option>span:first-of-type{font-size:8px}.path-option small{font-size:9px;margin-top:5px}.path-description{font-size:14px;min-height:44px;margin-top:20px}.handoff-note{font-size:11px}.principles{padding-block:27px}.principles summary{font-size:14px;gap:20px}.principle-grid{grid-template-columns:1fr;gap:20px;padding-bottom:24px}.principle-grid p{font-size:14px}.family-line{display:block;font-size:21px;padding-top:22px}.family-line a{display:table;font-size:11px;margin-top:15px}.site-footer{padding-block:27px 23px;gap:22px;display:grid;grid-template-columns:1fr 1fr}.site-footer .brand{width:143px}.site-footer>p{font-size:20px;grid-column:1/-1;grid-row:2}.review-links{display:flex;flex-direction:column;gap:9px;font-size:7px;grid-column:2;grid-row:1;text-align:right;margin-left:0}.footer-brand{grid-column:1/-1;font-size:6px;margin-top:0;padding-top:16px}.static-mode .chapter{display:flex;flex-direction:column;gap:20px;padding-block:38px}.static-mode .chapter-copy{max-width:none}.static-mode .static-visual{height:310px;width:100%;order:2}.static-mode .static-visual .visual-field{--scene-scale:.54}.static-mode .chapter{scroll-margin-top:10px}}
@media(max-width:380px){.brand{width:135px}.site-header{gap:10px}.chapter h1{font-size:53px}.chapter h2{font-size:49px}.enhanced .visual-stage{height:275px}.visual-field{--scene-scale:.49}.chapter[data-scene="2"] h2 em{font-size:.70em}.source-note{width:85px;padding:10px}.source-note i{font-size:14px}.criteria-map{left:60%;width:112px}.path-option{font-size:19px;gap:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header{position:static}.site-header nav,.motion-button,.header-cta,.reading-thread,.visual-stage,.static-visual,.scene-controls,.interaction-result{display:none!important}.chapter-stack{margin-top:0!important}.chapter{min-height:0!important;padding:25px 0!important;display:block!important;break-inside:avoid}.chapter-copy{width:100%!important}.page-width{width:100%}.chapter h1,.chapter h2{font-size:40px}.interest-section{background:white;color:black;padding:30px 0}.interest-layout{display:block}.interest-section p,.path-option small{color:#444!important}.button{background:white;color:black;border:1px solid #444}.interest-mark{display:none}.principles details{display:block}.principle-grid{display:grid}.review-links{display:none}.site-footer{padding:20px 0}}
body:not(.enhanced) .chapter-copy{width:100%;max-width:700px}
@media(max-width:1000px) and (max-height:650px){.static-mode .static-visual{height:390px}.static-mode .static-visual .visual-field{--scene-scale:.61}.static-mode .chapter-copy{width:100%}}

.field-top{text-transform:uppercase}
/* V3: the paper is the centerpiece; its drawings have a separate scroll clock. */
@media(min-width:1001px){
  .visual-field{width:76%;right:2%}
  .chapter-copy{width:29%}
  .chapter h1{font-size:clamp(58px,5vw,76px);letter-spacing:-2.8px}
  .chapter h1 em{letter-spacing:-2.8px}
  .chapter h2{font-size:clamp(50px,4.6vw,70px);letter-spacing:-2.3px}
  .chapter[data-scene="2"] h2 em{font-size:.66em;letter-spacing:-1.6px}
  .chapter-deck{font-size:16px;line-height:1.6}
  .chapter-body{max-width:330px}
  .field-top{left:20%;right:8%}
  .field-bottom{left:20%;right:8%}
  .note-one{left:13.5%;top:17%;width:150px}
  .note-two{right:7%;top:15%;width:146px}
  .note-three{right:8%;bottom:15%;width:145px}
  .construction-ring{width:76%;max-width:850px}
  .ring-two{width:62%;max-width:680px}
}
.carrier{will-change:transform}
.paper-sheet{filter:brightness(var(--paper-light,100%))}
.paper-shadow{box-shadow:5px 15px 40px #40341a24,18px 22px 48px #40341a0c}
.paper-edge{box-shadow:3px 3px 0 #e1dbcb,5px 5px 0 #f7f4eb}
.cover-diagram{overflow:visible}
.cover-diagram .orbit-a{transform:translateX(calc(var(--orbit-spread,0px) * -1));stroke-dasharray:460;stroke-dashoffset:var(--orbit-trace,0)}
.cover-diagram .orbit-b{transform:translateX(var(--orbit-spread,0px));stroke-dasharray:460;stroke-dashoffset:calc(var(--orbit-trace,0) * -1)}
.cover-diagram .orbit-track{transform-origin:150px 100px;transform:rotate(var(--inner-orbit-angle,0deg))}
.cover-diagram .orbit-satellite{fill:var(--gold);stroke:var(--sheet);stroke-width:2;transform:translate(var(--satellite-x,98px),var(--satellite-y,0px))}
.cover-diagram .diagram-point{stroke-width:1.4}
.evidence-guide{position:absolute;left:-14px;top:114px;width:12px;height:210px}
.evidence-guide svg{width:100%;height:100%;overflow:visible}
.guide-base{stroke:#d6c9ac;stroke-width:.6}
.guide-ink{stroke:#a17b2c;stroke-width:1;stroke-dasharray:200;stroke-dashoffset:calc(200 - var(--evidence-guide,1) * 200)}
.guide-marker{fill:#9c792f;stroke:var(--sheet);stroke-width:1.2;transform:translateY(calc(var(--evidence-guide,1) * 200px))}
.visual-field .career-art .evidence-row{--row-order-y:0px;transform:translate3d(calc((1 - var(--evidence-entry,1)) * var(--entry-x)),calc(var(--row-order-y) + (1 - var(--evidence-entry,1)) * var(--entry-y)),0);transition:background .2s,padding .2s}
.evidence-row[data-evidence=context]{--entry-x:45px;--entry-y:0px}
.evidence-row[data-evidence=contribution]{--entry-x:-28px;--entry-y:24px}
.evidence-row[data-evidence=judgment]{--entry-x:36px;--entry-y:38px}
.application-mode .visual-field .career-art .evidence-row[data-evidence=context]{--row-order-y:140px}
.application-mode .visual-field .career-art .evidence-row[data-evidence=contribution],.application-mode .visual-field .career-art .evidence-row[data-evidence=judgment]{--row-order-y:-70px}
.learning-art .task-label{margin-top:20px}
.learning-art blockquote{font-size:18px;line-height:1.4}
.learning-flow{position:absolute;left:0;bottom:25px;width:100%;height:24px;overflow:visible}
.flow-base{stroke:#cabfa7;stroke-width:.7}
.flow-ink{stroke:#9a752a;stroke-width:1.3;stroke-dasharray:264;stroke-dashoffset:calc(264 - var(--flow-progress,1) * 264)}
.learning-flow circle{fill:var(--sheet);stroke:#9a752a;stroke-width:1}
.learning-flow .flow-marker{fill:#9a752a;stroke:var(--sheet);stroke-width:1.3;transform:translateX(calc(var(--flow-progress,1) * 264px))}
.workbench-route{bottom:3px;padding-top:6px;border-top:0}
.reviewed .draft-unreviewed mark{text-decoration:line-through;text-decoration-thickness:1px}
.reviewed .draft-reviewed mark{background:#e2d4ad}
.criteria-map{left:50%;top:50%;width:188px;padding:19px 18px;transform:translate(calc(var(--map-base-x,165px) + var(--map-x)),calc(-50% + var(--map-y))) scale(var(--map-scale,1)) rotate(2deg);transform-origin:left center}
.criteria-map .criteria-top{font-size:6px;padding-bottom:12px;letter-spacing:.6px}
.criteria-map .criteria-top>span:last-child{font-size:18px}
.criteria-map .criterion{padding:17px 0}
.criteria-map .criterion>span{font-size:7px}
.criteria-map .criterion h4{font-size:21px;margin-top:6px}
.criteria-map .criterion p{font-size:8px;line-height:1.7;margin-top:8px}
.criteria-map .open-question{padding-top:18px}
.criteria-map .open-question>span{font-size:5px;letter-spacing:.5px}
.criteria-map .open-question p{font-size:16px;line-height:1.35;margin-top:6px}
.criteria-branches{position:absolute;left:-148px;top:10px;width:150px;height:240px;overflow:visible;pointer-events:none}
.branch-base{stroke:#bcad8b;stroke-width:.6}
.branch-writing,.branch-judgment{stroke:#a27a29;stroke-width:1.2;stroke-dasharray:240;stroke-dashoffset:calc(240 - var(--branch-progress,1) * 240);opacity:.2}
.criteria-branches circle{fill:var(--sheet);stroke:#a27a29;stroke-width:.8}
.talent-writing .branch-writing,.talent-judgment .branch-judgment{opacity:1;stroke-width:1.8}
.talent-writing .branch-end-writing,.talent-judgment .branch-end-judgment{fill:#a27a29}
@media(min-width:681px) and (max-width:1000px){
  .enhanced:not(.static-mode) .visual-stage{height:min(48svh,540px);z-index:20;background:var(--paper);box-shadow:0 16px 20px var(--paper);border-bottom:1px solid var(--rule)}
  .enhanced:not(.static-mode) .visual-field{width:100%;right:0}
  .enhanced:not(.static-mode) .chapter-stack{margin-top:0}
  .enhanced:not(.static-mode) .chapter{min-height:690px;padding:42px 0 65px;align-items:flex-start;scroll-margin-top:calc(min(48svh,540px) + 4px)}
  .enhanced:not(.static-mode) .chapter-copy{width:100%;max-width:550px}
  .enhanced:not(.static-mode) .chapter h1{font-size:68px}
  .enhanced:not(.static-mode) .chapter h2{font-size:60px}
  .enhanced:not(.static-mode) .chapter[data-scene="2"] h2 em{font-size:.75em}
  .enhanced:not(.static-mode) .chapter-deck{font-size:18px}
  .enhanced:not(.static-mode) .chapter-body{max-width:450px}
  .enhanced:not(.static-mode) .field-top{top:20px;left:8%;right:8%;font-size:7px}
  .enhanced:not(.static-mode) .field-bottom{bottom:20px;left:8%;right:8%;font-size:8px}
  .enhanced:not(.static-mode) .source-note{width:145px;padding:17px}
  .enhanced:not(.static-mode) .source-note i{font-size:22px}
  .enhanced:not(.static-mode) .note-one{left:14%;top:27%}
  .enhanced:not(.static-mode) .note-two{right:11%;top:15%}
  .enhanced:not(.static-mode) .note-three{right:12%;bottom:15%}
}
@media(max-width:680px){
  .enhanced:not(.static-mode) .visual-stage{height:clamp(280px,39svh,340px)}
  .enhanced:not(.static-mode) .chapter{scroll-margin-top:calc(clamp(280px,39svh,340px) + 4px)}
  .visual-field .carrier{top:50%}
  .visual-field .note-one{left:4%;top:27%}
  .visual-field .note-two{right:2%;top:16%}
  .visual-field .note-three{right:3%;bottom:15%}
  .visual-field .field-top{left:15px;right:15px}
  .visual-field .field-bottom{left:15px;right:15px}
}
.static-mode .paper-sheet{filter:none}
.static-mode .carrier{will-change:auto}
.static-mode .visual-field .source-note{pointer-events:none}

.travelling-ink{position:absolute;inset:76px 26px 44px;width:calc(100% - 52px);height:calc(100% - 120px);opacity:var(--bridge-ink,0);pointer-events:none}
.travelling-ink .transit-orbit{transform-origin:140px 154px;transform:rotate(calc(var(--transit-progress,0) * 95deg))}
.transit-orbit ellipse{stroke:#b59c63;stroke-width:.7}
.transit-contour{stroke:#987325;stroke-width:1.4;stroke-dasharray:700;stroke-dashoffset:calc(700 - var(--transit-progress,0) * 700)}
.transit-rules{stroke:#c6b68d;stroke-width:.65;stroke-dasharray:8 5}
.travelling-ink circle{fill:var(--sheet);stroke:#987325;stroke-width:1.1}
@media(min-width:1001px) and (max-width:1200px){.chapter[data-scene="2"] h2 em{font-size:.60em;letter-spacing:-1.5px;white-space:normal}}
/* V4: reading poses give way to a centered paper close-up between chapters. */
html.keyboard-navigation,html:has(.chapter-copy :focus-visible){scroll-behavior:auto!important}
.enhanced:not(.static-mode) .visual-stage{z-index:15;isolation:isolate;overflow:visible;clip-path:inset(0 0 calc(-1 * var(--takeover-extra-height,0px)) 0)}
.enhanced:not(.static-mode) .visual-stage:before{content:'';position:absolute;left:0;top:0;width:100%;height:calc(100% + var(--takeover-extra-height,0px));background:var(--paper);opacity:var(--takeover,0);pointer-events:none;z-index:0}
.enhanced:not(.static-mode) .visual-stage>.visual-field{z-index:1}
.enhanced:not(.static-mode) .chapter-copy{opacity:var(--copy-opacity,1);pointer-events:var(--copy-pointer,auto)}
.enhanced .chapter-copy:focus-within:has(:focus-visible){opacity:1!important;pointer-events:auto!important;z-index:30;background:var(--paper)}
.visual-field .field-top,.visual-field .field-bottom{opacity:calc(1 - var(--takeover,0))}
.visual-field .leaf-front>*{filter:opacity(calc(1 - var(--takeover,0)))}
.visual-field .source-note{opacity:calc((1 - var(--note-progress,0)) * (1 - var(--takeover,0)))}
.visual-field .construction-ring{opacity:calc(.8 - var(--takeover,0) * .6)}
.visual-field .connecting-thread{opacity:calc(.75 - var(--takeover,0) * .45)}
.static-mode .chapter-copy,body:not(.enhanced) .chapter-copy{opacity:1!important;pointer-events:auto!important}
.static-mode .visual-stage:before{display:none}
@media(prefers-reduced-motion:reduce){.chapter-copy{opacity:1!important;pointer-events:auto!important}.visual-stage:before{display:none}}
@media print{.chapter-copy{opacity:1!important;pointer-events:auto!important}}
/* V5: individual paper surfaces turn about their binding; the camera makes room. */
.carrier{perspective:1800px;perspective-origin:50% 50%;transform:translate(-50%,-50%) scale(var(--scene-scale)) scale(var(--carrier-scale)) translate3d(var(--carrier-x),var(--carrier-y),var(--carrier-depth,0px)) rotateX(var(--carrier-pitch,0deg)) rotateY(var(--carrier-yaw,0deg)) rotate(var(--carrier-angle))}
.turning-sheet{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none;z-index:12;filter:none;opacity:1;will-change:transform}
.cover-turn{transform-origin:left center;transform:translate3d(var(--cover-park-x,0px),var(--cover-park-y,0px),var(--cover-depth,0px)) rotateY(var(--cover-turn-angle,0deg))}
.closing-turn{transform-origin:right center;transform:rotateY(var(--closing-turn-angle,178deg));z-index:13}
.page-surface{position:absolute;inset:0;border:1px solid #d5cebb;padding:25px 26px;background:var(--paper-grain),var(--reading-paper-highlight),linear-gradient(100deg,#e9e5d8 0,#fbfaf5 5%,#fbfaf5 95%,#f2efe5 100%);backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(var(--paper-half));box-shadow:0 10px 24px #40341a12}
.page-surface:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#48371d,transparent 30%,transparent 65%,#5b4620);opacity:var(--turn-shade,0);pointer-events:none}
.turn-back{transform:rotateY(180deg) translateZ(var(--paper-half));background:var(--paper-grain),var(--reading-paper-highlight),linear-gradient(90deg,#ede7d7,#f8f5eb 8%,#f8f5eb 94%,#dfd7c3)}
.cover-turn .page-surface{opacity:var(--cover-turn-opacity,0)}
.closing-turn .page-surface{opacity:var(--closing-turn-opacity,0)}
.turn-front .artifact{opacity:1;transform:none}
.turn-front .paper-foot{bottom:19px}
.turn-back:before{content:'';position:absolute;top:25px;bottom:25px;right:15px;width:6px;border-right:1px solid #bbaa82;border-left:1px solid #e2d7bd}
.reverse-rules{position:absolute;left:26px;right:26px;bottom:38px;height:43px;background:repeating-linear-gradient(transparent 0,transparent 13px,#d2c4a3 13px,#d2c4a3 14px);opacity:.5}
.transition-graphic,.cover-back-graphic,.closing-back-graphic,.leaf-back-graphic{position:absolute;inset:76px 26px 44px;width:calc(100% - 52px);height:calc(100% - 120px);pointer-events:none}
.transition-graphic{opacity:var(--bridge-ink,0)}
.morph-path{stroke:#947024;stroke-width:1.4;stroke-linecap:round}
.morph-path:nth-child(2){stroke:#b39a60;stroke-width:1}
.morph-node{fill:var(--sheet);stroke:#947024;stroke-width:1.3}
.turn-back .morph-node,.leaf-back .morph-node{fill:#f4eedf}
.workbench-leaf{padding:0;border:0;background:none;box-shadow:none;opacity:1!important;filter:none;transform-style:preserve-3d;backface-visibility:visible;transform:rotateY(var(--leaf-angle,-178deg));will-change:transform}
.leaf-front,.leaf-back{position:absolute;inset:0;padding:25px 24px;border:1px solid #d4cab2;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--paper-grain),var(--reading-paper-highlight),linear-gradient(90deg,#ddd7c6,#f7f4e9 8%);box-shadow:10px 15px 25px #40341a0e;opacity:var(--leaf-opacity,0);transform:translateZ(var(--paper-half))}
.leaf-back{transform:rotateY(180deg) translateZ(var(--paper-half));background:var(--paper-grain),var(--reading-paper-highlight),linear-gradient(90deg,#efe9da 85%,#d9cfb8)}
.leaf-front:after,.leaf-back:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#44331d,transparent 45%);opacity:var(--turn-shade,0);pointer-events:none}
.leaf-front:before{content:'';position:absolute;inset:0 auto 0 1px;width:7px;background:linear-gradient(90deg,#8d7b5150,transparent);pointer-events:none}
.static-mode .turning-sheet{display:none}
.static-mode .workbench-leaf{will-change:auto}
.static-mode .leaf-front:after,.static-mode .leaf-back:after{display:none}
/* V6: one drawing crosses the binding; light follows the actual paper angle. */
.spread-ink{position:absolute;left:-1px;top:-1px;width:340px;height:466px;overflow:hidden;opacity:var(--spread-opacity,0);z-index:5;pointer-events:none}
.leaf-front>.spread-ink,.leaf-back>.spread-ink{width:306px;filter:none}
.spread-track{stroke:#bca97b;stroke-width:.6;opacity:.48}
.spread-stroke{stroke:#997129;stroke-width:1.7;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--spread-draw,0))}
.spread-branch{stroke:#a37b31;stroke-width:1.15;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--spread-branch,0));opacity:var(--spread-branch,0)}
.spread-marker{fill:#a17a2c;stroke:var(--sheet);stroke-width:1.7}
.transition-graphic{opacity:calc(var(--bridge-ink,0) * var(--local-ink,1))}
.leaf-back-graphic{opacity:var(--local-ink,1)}
.learning-flow{display:none}
.workbench-route{bottom:23px}
.page-cast-shadow{position:absolute;inset:-1px;overflow:hidden;opacity:var(--cast-opacity,0);pointer-events:none;z-index:9}
.cast-projection{position:absolute;inset:0;filter:blur(var(--cast-blur,2px))}
.cast-projection:before{content:'';position:absolute;inset:0;background:#49391e;clip-path:var(--cast-polygon,polygon(0 0,0 0,0 0))}
.spine-contact-shadow{position:absolute;left:var(--contact-x,0px);top:0;bottom:0;width:var(--contact-width,3px);background:linear-gradient(var(--contact-direction,90deg),#352a15,transparent);filter:blur(var(--contact-blur,.25px));opacity:var(--contact-opacity,0);pointer-events:none;z-index:10}
/* A single material-space light ramp is cropped with the ink on every strip. */
.page-surface:after,.leaf-front:after,.leaf-back:after{inset:-1px;background:var(--surface-front-light,none);opacity:1;z-index:11}
.turn-back:after,.leaf-back:after{background:var(--surface-back-light,none)}
.page-surface,.leaf-front,.leaf-back{box-shadow:0 calc(3px + var(--paper-lift,0) * 7px + var(--reading-shadow-lift,0px)) calc(8px + var(--paper-lift,0) * 14px + var(--reading-shadow-blur,0px)) rgb(64 50 29 / calc(.09411765 + var(--reading-shadow-alpha,0)))}
.leaf-front:before{width:10px;background:linear-gradient(90deg,#6f5a3257,#b2a17b20 50%,transparent)}
.paper-rim{position:absolute;right:calc(var(--paper-half) * -1);top:0;bottom:0;width:var(--paper-thickness);background:linear-gradient(90deg,#c9bda2,#fffbed 48%,#d8ccb2);transform:rotateY(90deg);pointer-events:none}
.cover-turn>.paper-rim{opacity:var(--cover-turn-opacity,0)}
.closing-turn>.paper-rim{left:calc(var(--paper-half) * -1);right:auto;opacity:var(--closing-turn-opacity,0)}
.workbench-leaf>.paper-rim{opacity:var(--leaf-opacity,0)}
.paper-shadow{box-shadow:5px calc(12px + var(--paper-lift,0) * 7px + var(--reading-shadow-lift,0px)) calc(30px + var(--paper-lift,0) * 12px + var(--reading-shadow-blur,0px)) rgb(64 52 26 / calc(.14509804 + var(--reading-shadow-alpha,0))),18px 22px 48px #40341a0c}
.static-mode .page-cast-shadow,.static-mode .spine-contact-shadow{display:none}
/* V7: fixed material strips carry the page's actual ink around a gentle bend. */
.curve-mesh{display:none;position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.curve-active>.curve-mesh{display:block}
.curve-active>.page-surface,.curve-active>.leaf-front,.curve-active>.leaf-back,.curve-active>.paper-rim,.curve-active>.paper-cap{visibility:hidden}
.curve-strip{position:absolute;left:0;top:0;height:466px;transform-style:preserve-3d}
.curve-face{position:absolute;left:-.2px;top:0;width:calc(100% + .4px);height:466px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(var(--paper-half));opacity:var(--curve-opacity,0)}
.curve-back{transform:rotateY(180deg) translateZ(var(--paper-half))}
.curve-texture{position:absolute!important;top:0!important;right:auto!important;bottom:auto!important;height:466px!important;transform:none!important;opacity:1!important;visibility:visible!important;backface-visibility:visible!important;box-shadow:none!important}
.curve-rim{position:absolute;right:calc(var(--paper-half) * -1);top:0;bottom:0;width:var(--paper-thickness);background:linear-gradient(90deg,#c9bda2,#fffbed 48%,#d8ccb2);transform:rotateY(90deg);opacity:var(--curve-opacity,0)}
.static-mode .curve-mesh{display:none}
/* V10: fixed material grain sits beneath ink; thin caps close the paper volume. */
:root{--paper-thickness:1.6px;--paper-half:calc(var(--paper-thickness) / 2);--paper-grain:url("paper-grain.svg")}
.paper-sheet{background-image:var(--paper-grain),var(--reading-paper-highlight),linear-gradient(100deg,#e9e5d8 0,#fbfaf5 5%,#fbfaf5 95%,#f2efe5 100%)}
.paper-sheet,.page-surface,.leaf-front,.leaf-back{background-size:256px 256px,100% 100%,100% 100%;background-position:0 0,0 0,0 0;background-repeat:repeat,no-repeat,no-repeat;background-origin:border-box}
.leaf-front{background-position:-338px 0,0 0,0 0}
.paper-cap,.curve-cap{position:absolute;left:0;right:0;height:var(--paper-thickness);background:linear-gradient(0deg,#c9bda2,#fffbed 48%,#d8ccb2);transform:rotateX(90deg);pointer-events:none}
.cap-top{top:calc(var(--paper-half) * -1)}
.cap-bottom{bottom:calc(var(--paper-half) * -1)}
.curve-cap{left:-.2px;right:-.2px;opacity:var(--curve-opacity,0)}
.cover-turn>.paper-cap{opacity:var(--cover-turn-opacity,0)}
.closing-turn>.paper-cap{opacity:var(--closing-turn-opacity,0)}
.workbench-leaf>.paper-cap{opacity:var(--leaf-opacity,0)}
.paper-edge{box-shadow:1px 1.5px 0 #faf7ed,1px 2.5px 0 #d7cbb1,2px 4px 0 #f3efdf}
/* V11: attached material corners and an opening cover that parks behind the stack. */
.paper-shadow{transform:translateZ(-9px) rotate(2deg)}
.paper-edge{transform:translateZ(-6px) rotate(-1deg)}
.corner-band{position:absolute;left:0;top:0;height:466px;transform-origin:0 0;transform-style:preserve-3d;pointer-events:none}
.corner-edge{position:absolute;height:var(--paper-thickness);background:linear-gradient(0deg,#c9bda2,#fffbed 48%,#d8ccb2);transform-origin:left center;opacity:var(--curve-opacity,0);pointer-events:none}
.corner-texture:after{background:var(--corner-front-light,var(--surface-front-light,none))}
.corner-texture.turn-back:after,.corner-texture.leaf-back:after{background:var(--corner-back-light,var(--surface-back-light,none))}
/* V12: a longer opening is real scroll space, with an optional guided reading. */
.enhanced:not(.static-mode) .hero{margin-bottom:70svh}
.field-top,.field-bottom{justify-content:flex-end}
.guided-tour{position:fixed;right:max(28px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));z-index:75;display:flex;align-items:center;gap:7px}
.guided-tour .button{min-height:46px;min-width:178px;padding:12px 17px;font-size:11px;gap:23px;background:var(--paper);border:1px solid #a98c4e;color:var(--ink);box-shadow:0 4px 18px #40341a0c}
.guided-tour .button:hover{background:#e9e1cf}
.guided-tour .button>span{font-size:17px;color:var(--gold)}
.tour-stop{min-width:48px;min-height:46px;background:var(--paper);border:1px solid var(--rule);color:var(--muted);font:11px var(--sans);padding:10px}
.guided-tour [hidden],.enhanced .tour-fallback{display:none!important}
.site-footer{padding-bottom:100px}
html{scroll-padding-bottom:85px}
@media(max-width:680px){.guided-tour{right:16px;bottom:calc(14px + env(safe-area-inset-bottom))}.guided-tour .button{min-width:164px;min-height:46px;padding:12px 14px}.site-footer{padding-bottom:95px}}
@media print{.guided-tour{display:none!important}.enhanced:not(.static-mode) .hero{margin-bottom:0}.site-footer{padding-bottom:20px}}
.note-navigation{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.note-navigation .source-note:after{content:'↗';position:absolute;right:11px;top:9px;font:16px var(--serif);color:var(--gold)}
.note-navigation .source-note:hover{border-color:#9c8247}
.note-navigation .source-note:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.note-navigation .pencil-lines,.note-navigation .note-star{display:block}
.chapter-copy>.note-navigation .source-note{position:relative;inset:auto;width:auto;transform:none;opacity:1;will-change:auto;padding:15px}
.chapter-copy>.note-navigation .source-note i{font-size:21px}
.visual-stage>.note-navigation{position:absolute;margin:0;display:block;z-index:25;pointer-events:none;opacity:var(--note-alpha,1)}
.visual-stage>.note-navigation .source-note{pointer-events:auto}
.visual-stage>.note-navigation[inert]{pointer-events:none;visibility:hidden}
.visual-stage>.note-navigation[inert] .source-note{pointer-events:none}
.note-four{left:13.5%;top:62%;width:150px;background:#e8dec5;transform:translate(calc(var(--note-progress,0) * 180px),calc(var(--note-progress,0) * -50px)) rotate(calc(-6deg + var(--note-progress,0) * 6deg))}
@media(min-width:681px) and (max-width:1000px){.note-four{left:14%;top:64%;width:145px}}
@media(max-width:680px){.note-four{left:4%;top:61%;width:100px}.note-navigation .source-note:after{font-size:12px;right:7px;top:5px}.chapter-copy>.note-navigation .source-note i{font-size:19px}}
@media(max-width:680px){.visual-stage>.note-navigation .note-one{top:17%}.visual-stage>.note-navigation .note-two{top:4.5%}.visual-stage>.note-navigation .note-three{top:calc(4.5% + 142px);bottom:auto}}
@media print{.note-navigation{display:none!important}}

/* V13: the link remains still while its paper, ink and free corner lift together. */
.note-navigation .source-note{
  --note-stock:#e9e1cd;--note-lift:0px;--note-curl-alpha:0;
  background:transparent;border-color:transparent;box-shadow:none;
  cursor:pointer;isolation:isolate;
}
.note-navigation .note-two{--note-stock:#efebe0}
.note-navigation .note-three{--note-stock:#e3d7ba}
.note-navigation .note-four{--note-stock:#e8dec5}
.note-navigation .note-paper,.note-navigation .note-curl,.note-navigation .source-note:before{pointer-events:none}
.note-navigation .note-paper{
  position:absolute;inset:-1px;border:1px solid #d9cdb4;
  background:var(--paper-grain),linear-gradient(135deg,#ffffff16,transparent 70%),var(--note-stock);
  background-size:256px 256px,100% 100%,auto;
  border-radius:1px 1px 2px 1px;
  clip-path:polygon(0 0,100% 0,100% 100%,100% 100%,0 100%);
  translate:0 var(--note-lift);z-index:-1;
  transition:translate 380ms cubic-bezier(.22,.61,.36,1),clip-path 380ms cubic-bezier(.22,.61,.36,1),border-color 200ms;
}
.note-navigation .source-note:before{
  content:'';position:absolute;inset:0;z-index:-2;border-radius:2px;
  box-shadow:3px 7px 15px #3b30120d;translate:0 var(--note-lift);
  transition:translate 380ms cubic-bezier(.22,.61,.36,1),box-shadow 380ms cubic-bezier(.22,.61,.36,1);
}
.note-navigation .note-copy{display:block;translate:0 var(--note-lift);transition:translate 380ms cubic-bezier(.22,.61,.36,1)}
.note-navigation .note-copy>span:first-child{font:6px var(--mono);letter-spacing:.5px;display:block;color:#806a3b}
.note-navigation .note-curl{
  position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;
  background:linear-gradient(135deg,#b5a37a 0%,#f9f4e7 42%,#e1d5b7 68%,#a99872 100%);
  clip-path:polygon(0 0,100% 0,0 100%);border-radius:4px 0 0 0;
  opacity:var(--note-curl-alpha);translate:0 var(--note-lift);
  transform:scale(.55);transform-origin:100% 100%;
  transition:translate 380ms cubic-bezier(.22,.61,.36,1),transform 380ms cubic-bezier(.22,.61,.36,1),opacity 220ms;
}
.note-navigation .source-note:after{translate:0 var(--note-lift);transition:translate 380ms cubic-bezier(.22,.61,.36,1),color 200ms}
.note-navigation .source-note:focus-visible{--note-lift:-3px;--note-curl-alpha:1;z-index:9}
.note-navigation .source-note:focus-visible .note-paper{border-color:#ac945f;clip-path:polygon(0 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%)}
.note-navigation .source-note:focus-visible:before{box-shadow:2px 12px 19px #3b301221,0 2px 5px #3b30120a}
.note-navigation .source-note:focus-visible .note-curl{transform:scale(1)}
@media(hover:hover) and (pointer:fine){
  .note-navigation .source-note:hover{--note-lift:-3px;--note-curl-alpha:1;z-index:9;border-color:transparent}
  .note-navigation .source-note:hover .note-paper{border-color:#ac945f;clip-path:polygon(0 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%)}
  .note-navigation .source-note:hover:before{box-shadow:2px 12px 19px #3b301221,0 2px 5px #3b30120a}
  .note-navigation .source-note:hover .note-curl{transform:scale(1)}
}
.note-navigation .source-note:active .note-paper{border-color:#80601f}
.reduced-motion .note-navigation .source-note{--note-lift:0px;--note-curl-alpha:0}
.reduced-motion .note-navigation .source-note .note-paper{clip-path:polygon(0 0,100% 0,100% 100%,100% 100%,0 100%)}
.reduced-motion .note-navigation .source-note>*,.reduced-motion .note-navigation .source-note:before,.reduced-motion .note-navigation .source-note:after{transition:none}
@media(prefers-reduced-motion:reduce){
  .note-navigation .source-note{--note-lift:0px!important;--note-curl-alpha:0!important}
  .note-navigation .source-note .note-paper{clip-path:polygon(0 0,100% 0,100% 100%,100% 100%,0 100%)!important}
  .note-navigation .source-note>*,.note-navigation .source-note:before,.note-navigation .source-note:after{transition:none!important}
}

/* Preserve the existing small-format note labels inside their moving ink layer. */
@media(max-width:1000px){.note-navigation .note-copy>span:first-child{font-size:5px}}
@media(max-width:680px){.note-navigation .note-copy>span:first-child{font-size:4px;letter-spacing:.2px}}

/* V15: the note unfolds flat into the same readable lead printed on its page. */
.page-note-title{position:relative;display:block;margin:0;padding:5px 8px;font:18px/1.2 var(--serif);letter-spacing:-.25px;color:var(--ink);background:var(--paper-grain),#ede5d1;background-size:256px 256px;white-space:nowrap}
.artifact>.page-note-title+h3{font-size:31px;line-height:1.06;margin-top:8px}
.learning-art .task-label{margin-top:16px}
.talent-art .passport-emblem{font-size:52px;margin:10px 0}
.closing-art .closing-symbol{font-size:112px;margin:12px 0}
.note-headline-marker{position:absolute;width:0;height:0;pointer-events:none}
.flight-headline-hidden{visibility:hidden}
.note-flight-layer{position:fixed;inset:0;z-index:50;pointer-events:none}
.note-flight-paper{position:absolute;left:0;top:0;transform-origin:50% 50%;transform-style:preserve-3d;perspective:900px;perspective-origin:50% 50%;pointer-events:none}
.flight-panel{position:absolute;top:0;transform-style:preserve-3d}
.flight-panel-0{transform-origin:right center}
.flight-panel-2{transform-origin:left center}
.flight-curl-band{position:absolute;left:0;top:0;transform-origin:0 0;transform-style:preserve-3d}
.flight-face{position:absolute;top:0;bottom:0;left:-.35px;width:calc(100% + .7px);overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--note-stock);transform:translateZ(.3px)}
.flight-texture:before,.flight-texture:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none}
.flight-texture:before{background:linear-gradient(90deg,#43331a12,transparent 20%,transparent 80%,#fff8);opacity:var(--flight-shade,0)}
.flight-texture:after{background:linear-gradient(90deg,transparent 66%,#71572b20 80%,#fff9 100%);opacity:var(--arrival-sheen,0)}
.flight-back{transform:rotateY(180deg) translateZ(.3px)}
.flight-back-texture{position:absolute;top:0;background:var(--paper-grain),linear-gradient(100deg,#e7d9b9,#f3e8ce 84%,#d7caae);background-size:256px 256px,100% 100%}
.flight-arrival-shadow{position:absolute;pointer-events:none;transform:translateZ(.31px);opacity:0}
.flight-arrival-shadow-shape{position:absolute;inset:0;pointer-events:none}
.flight-texture{position:absolute;top:0;background:var(--paper-grain),linear-gradient(135deg,#ffffff16,transparent 70%),var(--note-stock);background-size:256px 256px,100% 100%,auto}
.flight-texture .note-copy{display:block}
.flight-texture .note-copy>span:first-child{display:block;color:#806a3b}
.flight-texture .note-copy i{display:block}
.flight-texture .pencil-lines,.flight-texture .note-star{display:block}
.flight-source-ink{opacity:calc(1 - var(--flight-headline,0))}
.flight-destination-ink{position:absolute;inset:0;opacity:var(--flight-headline,0);width:100%;height:100%}
.note-navigation .source-note.note-in-flight{pointer-events:none}
.note-navigation .source-note.note-in-flight>*,.note-navigation .source-note.note-in-flight:before,.note-navigation .source-note.note-in-flight:after{visibility:hidden}
.reduced-motion .note-flight-layer,.static-mode .note-flight-layer{display:none}
@media(prefers-reduced-motion:reduce){.note-flight-layer{display:none}}
@media print{.note-flight-layer,.note-flight-paper{display:none!important}}

/* Contact lifts only a blank material edge; printed content keeps its plane. */
.paper-sheet.receiving-page,.closing-turn>.turn-front.receiving-page{clip-path:polygon(0 0,calc(100% - 16px) 0,calc(100% - 16px) 180px,100% 180px,100% 100%,0 100%)}
.receiver-flex{position:absolute;inset:0;display:none;pointer-events:none;transform-style:preserve-3d;z-index:4}
.receiver-flex.is-receiving{display:block}
.gold-tab{transform:translateZ(var(--receiver-tab-depth,0px))}
.receiver-flex[data-receiver="closing"]{transform:translateZ(var(--paper-half))}
.receiver-page-shadow{position:absolute;inset:0;transform:translateZ(-.05px);box-shadow:0 calc(16px + var(--receiver-shadow-lift,0px) * .4) calc(35px + var(--receiver-shadow-lift,0px)) #40341a14}
.receiver-flex[data-receiver="closing"]>.receiver-page-shadow{box-shadow:0 calc(3px + var(--receiver-shadow-lift,0px) * .4) calc(8px + var(--receiver-shadow-lift,0px)) #40321d18}
.receiver-contact-shadow{position:absolute;inset:0;transform:translateZ(-.04px);pointer-events:none}
.receiver-shadow-shape{position:absolute;inset:0;background:#665333}
.receiver-edge-plane{position:absolute;left:0;top:0;transform-origin:0 0;transform-style:preserve-3d}
.receiver-edge-face{position:absolute;inset:-.2px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.receiver-edge-texture{position:absolute;width:340px;height:466px;border:1px solid #d5cebb;background:var(--paper-grain),var(--reading-paper-highlight),linear-gradient(100deg,#e9e5d8 0,#fbfaf5 5%,#fbfaf5 95%,#f2efe5 100%);background-size:256px 256px,100% 100%,100% 100%;background-position:0 0,0 0,0 0;background-repeat:repeat,no-repeat,no-repeat;background-origin:border-box}
.static-mode .receiver-flex,.reduced-motion .receiver-flex{display:none!important}

/* V31: readable evidence and a single decision at the end of the folio. */
.cover-title{font-size:40px;line-height:1.12;letter-spacing:-1.5px;margin-top:4px}
.cover-diagram{height:145px;margin-top:14px}
.cover-footer{display:none}
.paper-foot>span:first-child,.leaf-foot>span:first-child,.stage-folio{visibility:hidden}
.paper-head{font-size:8px;letter-spacing:.6px}
.leaf-head{font-size:8px;letter-spacing:.5px}
.note-navigation .note-copy>span:first-child{font-size:9px;line-height:1.45;letter-spacing:.2px;color:#685225;max-width:100%;padding-right:5px}
.note-navigation .source-note:after{top:6px;right:6px}
.eyebrow{font-size:10px;letter-spacing:.8px}
.endorsement{font:11px/1.5 var(--sans);margin-top:12px;color:var(--muted)}
.scene-controls legend{font:11px/1.45 var(--sans);letter-spacing:0;margin-bottom:9px}
.scene-controls label>span{font-size:12px;padding:10px 12px}
.interaction-result{font-size:13px;line-height:1.55;min-height:0;margin-top:12px}
.small-note{font:12px/1.55 var(--sans)}
.service-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:18px}
.service-actions .button{min-height:46px;font-size:12px;gap:18px;max-width:100%}
.learning-controls .button{background:transparent;color:var(--ink);border-color:#ad9560}
.learning-controls .button:hover{background:#e9e1cf}
.chapter .service-actions .text-link{margin:0;font-size:12px}
.chapter .service-actions .text-link>span{font-size:15px}
.chapter-close .handoff-note{color:var(--muted);font-size:13px;line-height:1.6;margin-top:15px}
.chapter-close .button{max-width:100%}
.chapter-close .chapter-body{font-size:15px}
.family-line{font:16px/1.65 var(--sans);gap:36px}
.family-line a{white-space:nowrap;font-size:12px;flex:none}
.chapter:focus,.chapter-copy:focus{outline:none}
.career-art .career-notes{position:absolute;inset:0;transition:opacity .3s}
.career-art .career-statement{position:absolute;left:0;right:0;top:121px;opacity:0;border-top:1px solid var(--rule);padding-top:17px;margin:0;font:23px/1.4 var(--serif);transition:opacity .3s}
.career-art .career-statement blockquote{font:23px/1.4 var(--serif);margin:0}
.career-art .career-statement p{font:11px/1.5 var(--sans);color:var(--muted);margin-top:18px}
.application-mode .career-art .career-notes,.application-mode .career-art .evidence-guide{opacity:0}
.application-mode .career-art .career-statement{opacity:1}
.application-mode .visual-field .career-art .evidence-row{--row-order-y:0px;background:none;padding-inline:0}
.mobile-example{margin-top:20px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:18px 0;color:var(--ink);min-width:0}
.mobile-example p,.mobile-example blockquote{font:16px/1.6 var(--sans);margin:0}
.mobile-example blockquote{font-family:var(--serif);font-size:20px;line-height:1.5}
.mobile-example .example-label{display:block;font:10px/1.5 var(--mono);letter-spacing:.7px;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.mobile-example p+p,.mobile-example blockquote+p,.mobile-example p+blockquote{margin-top:12px}
.mobile-example .draft-unreviewed,.mobile-example .draft-reviewed{position:static;left:auto;right:auto;top:auto;font:inherit;transform:none;transition:none;opacity:1}
.mobile-example .draft-reviewed{display:none}
.reviewed .mobile-example .draft-unreviewed{display:none}
.reviewed .mobile-example .draft-reviewed{display:block}
.mobile-example .career-statement{display:none}
.application-mode .mobile-example .career-notes{display:none}
.application-mode .mobile-example .career-statement{display:block}
.mobile-example .example-source+.example-draft{margin-top:20px}
.mobile-example>.draft-unreviewed,.mobile-example>.draft-reviewed{margin-top:20px}
.mobile-example .sample-process{font-size:14px;color:var(--muted);margin-block:12px 16px}
.enhanced .talent-example-judgment{display:none}
.enhanced.talent-judgment .talent-example-judgment{display:block}
.enhanced.talent-judgment .talent-example-writing{display:none}
.talent-example-writing,.talent-example-judgment{border-top:1px solid var(--rule);padding-top:12px}
.network-route{font-size:12px;line-height:1.6;margin-top:16px;color:var(--muted)}
.network-route a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.interest-options{font-size:14px;line-height:1.6;margin-top:18px;color:var(--muted)}
.leaf-front>h3{margin-top:36px}
.talent-art .sample-caption{font:8px/1.5 var(--mono);letter-spacing:.4px;text-transform:uppercase;color:var(--gold);margin-top:14px}
.talent-art .talent-sample{font:16px/1.4 var(--serif);margin:8px 0 12px}
.mobile-example .sample-label{font:10px/1.5 var(--mono);color:var(--gold);letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px}
.talent-art .work-sample{font:15px/1.45 var(--serif);border-top:1px solid var(--rule);padding-top:12px;margin:15px 0 10px}
.talent-art .work-sample small{display:block;font:7px/1.5 var(--mono);color:var(--gold);margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}
.talent-art .passport-evidence{padding:10px 0}
.talent-art .passport-evidence b{font-size:14px}
.talent-art .passport-evidence small{font-size:10px;line-height:1.45}
.talent-art .passport-note{font:10px/1.5 var(--sans);margin-top:12px}
.criteria-map .criterion p{font-size:10px;line-height:1.5}
.criteria-map .open-question>span{font-size:7px;letter-spacing:.3px}
.criteria-map .open-question p{font-size:15px}
.guided-tour .button>span{font-size:14px}
@media(min-width:1001px){
  .enhanced:not(.static-mode) .mobile-example{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0;border:0}
  .chapter h2{font-size:clamp(45px,4.15vw,62px)}
  .chapter h2 em{letter-spacing:-2px}
  .chapter[data-scene="3"] h2{font-size:clamp(43px,3.6vw,56px)}
  .chapter[data-scene="3"] h2 em{font-size:.72em;white-space:nowrap;letter-spacing:-1px}
  .chapter-close h2{font-size:clamp(38px,3.125vw,48px)}
  .chapter-deck{margin-top:20px}
  .chapter-body{margin-top:12px;line-height:1.65}
  .chapter h2{margin-top:18px}
  .scene-controls{margin-top:18px}
}
@media(max-width:1000px){
  .chapter-copy{min-width:0}
  .chapter .mobile-example{max-width:550px}
  .chapter .interaction-result{font-size:15px;max-width:550px}
  .chapter .chapter-body{font-size:16px;max-width:550px}
  .scene-controls legend{font-size:12px}
  .scene-controls label>span{font-size:14px;padding:12px 14px}
  .service-actions{gap:16px;margin-top:24px}
  .service-actions .button{font-size:14px;min-height:48px}
  .chapter .service-actions .text-link{font-size:13px}
  .enhanced:not(.static-mode) .chapter{padding-bottom:100px}
  .chapter-close .handoff-note{font-size:14px}
}
@media(max-width:680px){
  .note-navigation .note-copy>span:first-child{font-size:8px;line-height:1.4;letter-spacing:0}
  .chapter h2{font-size:46px;line-height:1.07;letter-spacing:-1.8px}
  .chapter[data-scene="2"] h2 em{font-size:.78em;letter-spacing:-1.3px}
  .chapter-close h2{font-size:40px}
  .chapter .chapter-deck{font-size:17px}
  .chapter .endorsement{font-size:12px;max-width:100%;line-height:1.55}
  .chapter .small-note{font-size:12px;line-height:1.6}
  .chapter-close{padding-bottom:100px!important}
  .family-line{font-size:15px}
}
@media print{
  .mobile-example{position:static!important;clip-path:none!important;width:auto!important;height:auto!important;overflow:visible!important;white-space:normal!important}
  .service-actions{display:none}
}
@media(prefers-reduced-motion:reduce){.receiver-flex{display:none!important}}
@media print{.receiver-flex{display:none!important}.receiving-page{clip-path:none!important}}

/* V32: give mobile paper navigation and reading controls room to breathe. */
@media(max-width:1000px){
  .chapter .service-actions .text-link{min-height:44px;padding-block:10px;font-size:14px}
  .network-route{font-size:14px}
  .network-route a{display:inline-flex;align-items:center;min-height:44px}
  .mobile-example{padding-bottom:12px;border-bottom:0}
  .mobile-example+.scene-controls{margin-top:8px;padding-top:12px;border-top:1px solid var(--rule)}
  .learning-example,.talent-example{display:grid;grid-template-columns:minmax(0,1fr)}
  .enhanced .learning-example>.draft-unreviewed,.enhanced .learning-example>.draft-reviewed{grid-column:1;grid-row:3;display:block;visibility:hidden;align-self:start}
  .enhanced .learning-example>.draft-unreviewed,.reviewed .learning-example>.draft-reviewed{visibility:visible}
  .reviewed .learning-example>.draft-unreviewed{visibility:hidden}
  .enhanced .talent-example>.talent-example-writing,.enhanced .talent-example>.talent-example-judgment{grid-column:1;grid-row:4;display:block;visibility:hidden;align-self:start}
  .enhanced .talent-example>.talent-example-writing,.enhanced.talent-judgment .talent-example>.talent-example-judgment{visibility:visible}
  .enhanced.talent-judgment .talent-example>.talent-example-writing{visibility:hidden}
  #career-result{min-height:4.65em}
  .learning-controls .button{min-height:48px;font-size:14px;width:100%}
  .scene-controls label>span{min-height:48px;display:flex;align-items:center}
  .enhanced .chapter .career-controls{display:grid;grid-template-columns:1fr 1fr}
  .career-controls label>span{height:100%;padding-inline:10px}
  .career-controls legend{grid-column:1/-1}
  .service-actions{gap:8px}
}
@media(max-width:680px){
  .site-header{padding:8px 16px 0;gap:4px 8px}
  .site-header .brand{width:135px;min-height:44px;display:flex;align-items:center}
  .site-header .motion-button{font-size:10px;min-height:44px;padding:8px;gap:4px}
  .site-header .header-cta{min-width:44px;min-height:44px;justify-content:center}
  .site-header nav{padding-top:0;gap:6px}
  .site-header nav a{font-size:12px;min-height:44px;display:flex;align-items:center;padding-inline:3px}
  .site-header nav span{font-size:8px;margin-right:5px}
  .site-header nav a:after{bottom:4px}
  .enhanced:not(.static-mode) .visual-stage{height:clamp(240px,32svh,280px);box-shadow:0 7px 12px var(--paper)}
  .visual-stage .cover-title{visibility:hidden}
  .enhanced:not(.static-mode) .chapter{scroll-margin-top:calc(clamp(240px,32svh,280px) + 4px);padding-top:28px}
  .note-navigation .note-copy>span:first-child{font-size:10px;line-height:1.3;letter-spacing:0;padding-right:7px}
  .note-navigation .source-note i{font-size:18px;line-height:1.12;margin-top:7px}
  .visual-stage>.note-navigation .source-note{width:116px;padding:10px}
  .visual-stage>.note-navigation .note-one{left:18px;top:18px}
  .visual-stage>.note-navigation .note-two{right:18px;top:18px}
  .visual-stage>.note-navigation .note-four{left:18px;top:auto;bottom:18px}
  .visual-stage>.note-navigation .note-three{right:18px;top:auto;bottom:18px}
  .visual-stage>.note-navigation .pencil-lines,.visual-stage>.note-navigation .note-star,.visual-stage>.note-navigation .note-arrow{display:none}
  .chapter-copy>.note-navigation{gap:14px}
  .chapter-copy>.note-navigation .source-note{padding:13px}
  .chapter-copy>.note-navigation .source-note i{font-size:20px}
  .guided-tour{left:0;right:0;bottom:0;justify-content:flex-end;padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--rule)}
  .guided-tour .button{min-width:142px}
  .mobile-example .example-label{font-size:11px;letter-spacing:.5px}
}
@media(max-width:360px){
  .site-header .brand{width:120px}
}

/* V33: a visual reading recess; measured stage and chapter geometry stay fixed. */
.reading-camera{position:absolute;inset:0;transform:scale(var(--reading-scale,1));transform-origin:50% 0;transform-style:preserve-3d}
@media(max-width:1000px){
  .enhanced:not(.static-mode) .visual-stage{background:transparent;border-bottom:0;box-shadow:none;clip-path:inset(0 0 calc(var(--reading-retract,0px) - var(--takeover-extra-height,0px) - 8px) 0)}
  .enhanced:not(.static-mode) .visual-stage:before{height:calc(100% - var(--reading-retract,0px) + var(--takeover-extra-height,0px));opacity:1}
  .enhanced:not(.static-mode) .visual-stage:after{content:'';position:absolute;left:0;right:0;top:calc(100% - var(--reading-retract,0px) + var(--takeover-extra-height,0px));height:8px;border-top:1px solid var(--rule);background:linear-gradient(var(--paper),transparent);pointer-events:none;z-index:4}
}

/* Resolve the inherited spring lighting at each material, including curved clones. */
.paper-sheet,.page-surface,.leaf-front,.leaf-back,.receiver-edge-texture{--reading-paper-highlight:radial-gradient(ellipse at var(--reading-highlight-x,50%) 38%,rgb(255 253 243 / var(--reading-highlight-alpha,0)) 0%,transparent 68%);}

/* UX package 2: the expert's route also sits in the opening. The 44px link keeps its hit area without adding line height. */
.hero-route{margin-top:12px}
@media(max-width:1000px){.hero-route a{margin-block:-11px}}

/* Chapter disclosures (UX-15): native details, closed by default, no new motion. */
.chapter-details{max-width:350px;margin-top:14px;border-top:1px solid var(--rule);font-size:13px;line-height:1.6;color:var(--ink)}
.chapter-details summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px;list-style:none;cursor:pointer;font:12px/1.4 var(--mono);color:var(--gold)}
.chapter-details summary::-webkit-details-marker{display:none}
.chapter-details summary>span{font:20px var(--serif);color:var(--gold)}
.chapter-details[open] summary>span{transform:rotate(45deg)}
.chapter-details summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.chapter-details p,.chapter-details ul{margin:0 0 10px;max-width:none}
.chapter-details ul{padding-left:18px}
/* Learning exercise (UX-14): claims are toggle buttons in the chapter copy, shown at every width.
   The drafts mirror the picks through body classes: underlined when picked, struck once a check
   confirms an unsupported claim. The 200ms timing is the site's; reduced motion removes it. */
.enhanced .learning-controls{align-items:center;gap:8px}
.claim-toggle{min-height:44px;padding:10px 14px;border:1px solid var(--rule);background:transparent;color:var(--ink);font:12px/1.4 var(--sans);text-align:left;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.claim-toggle:hover{background:#e9e1cf}
.claim-toggle[aria-pressed="true"]{background:#e6dcc5;border-color:#ad9560;color:#5b451b}
.claim-toggle:focus-visible,.learning-controls .button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.learning-controls .button[hidden]{display:none}
.claim-text{text-decoration:underline 2px transparent;text-underline-offset:4px;transition:text-decoration-color .2s}
.learning-pick-1 .claim-text[data-claim="1"],.learning-pick-2 .claim-text[data-claim="2"],.learning-pick-3 .claim-text[data-claim="3"]{text-decoration-color:var(--gold)}
.learning-checked.learning-pick-2 .claim-text[data-claim="2"],.learning-checked.learning-pick-3 .claim-text[data-claim="3"]{text-decoration:line-through 1px currentColor}
.workbench-leaf .review-note{left:24px;right:24px;margin:0;opacity:0;transition:opacity .35s}
.reviewed .workbench-leaf .review-note{opacity:1}
/* Short desktop screens: the chapter copy stays clickable for about 170px past landing, so the
   exercise keeps one action button at a time and matches the 44px claims. */
@media(min-width:1001px){
  .learning-controls .button{min-height:44px;padding:10px 14px}
}
@media(max-width:1000px){
  .claim-toggle{min-height:48px;font-size:14px}
}
/* Chapter tabs (UX-24): the chapter eyebrow on the page, in the band between the running head and
   the page body. A transform, not the font size, follows the folio's scale, so the tab renders near
   12.5px whatever the zoom without relayout or layout shift while scrolling; capped so it never
   reaches the artwork. Motion off keeps today's pages. */
.chapter-tab{position:absolute;top:52px;left:26px;right:26px;text-align:right;font:italic 12.5px/1 var(--serif);color:#826222;letter-spacing:0;white-space:nowrap;pointer-events:none;transform-origin:100% 0;transform:scale(min(calc(1 / (var(--scene-scale,1) * var(--carrier-scale,1))),1.68))}
.chapter-tab:empty,.static-mode .chapter-tab{display:none}