/* A brochure is a readable technical document with demonstrations at the point of explanation. */
.project-card .split-picture{aspect-ratio:1.7}.project-card .split-picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-card .split-picture>img:first-child{object-position:75% 55%}.project-card .split-picture .schematic-half{clip-path:polygon(0 0,54% 0,36% 100%,0 100%);object-fit:cover;object-position:12% center;filter:brightness(.9)}.split-picture:after{content:"";position:absolute;left:44%;top:-12%;width:1px;height:125%;transform:rotate(17deg);background:#e7cc89bb;box-shadow:0 0 10px #e7cc8977;z-index:1}.split-caption{position:absolute;top:12px;right:12px;font:10px var(--sans);padding:5px 8px;color:#c6d7d1;background:#111c1ae8;border:1px solid #b1ccbf44;border-radius:5px}
.manual-introduction{padding:40px 0 26px;border-top:1px solid var(--gold-soft);margin-top:36px}.manual-introduction h2{font:500 clamp(30px,4vw,48px)/1.2 var(--serif);margin:16px 0}.manual-introduction p{font-size:18px;color:#bfc9c4;max-width:850px;line-height:1.8}
.manual-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:38px;align-items:start}.manual-navigation{position:sticky;top:105px;max-height:calc(100dvh - 130px);overflow:auto;padding:17px 14px;border:1px solid #d4b96645;border-radius:16px;background:linear-gradient(135deg,#1e2729e8,#121815f2);scrollbar-width:thin;scrollbar-color:#a0906344 transparent}.manual-navigation summary{font-size:13px;font-weight:700;letter-spacing:.06em;color:#e5ce93;cursor:pointer;padding:5px 8px 14px}.manual-navigation nav{display:grid;gap:4px}.manual-navigation nav a{display:flex;gap:10px;padding:9px 8px;line-height:1.45;color:#abbab6;font-size:12px;border:1px solid transparent;border-radius:8px;transition:color .3s,background .3s,border-color .3s}.manual-navigation small{font:10px/1.8 ui-monospace,monospace;color:#b9a363}.manual-navigation a:hover,.manual-navigation a[aria-current]{color:#fff0c6;border-color:#d1b25955;background:#dfbb5610}.manual-back{display:block;margin-top:18px;padding:14px 8px 0;border-top:1px solid #d4b96630;color:#dccc9c;font-size:12px}
.manual-body{min-width:0}.manual-chapter{scroll-margin-top:105px;border-top:1px solid #d4b9663b;padding:32px 0 46px}.manual-chapter>header{margin-bottom:25px}.manual-chapter h2{font:500 clamp(27px,3vw,38px)/1.25 var(--serif);margin:12px 0;color:#f3e6c7}.manual-chapter p,.manual-chapter li{font-size:16px;line-height:1.85;color:#bfc9c6}.manual-chapter p{margin:0 0 18px}.manual-chapter li{margin-bottom:12px}.manual-subsection h3{font-size:20px;color:#dce8e1;line-height:1.4;margin:27px 0 12px}.manual-equation{margin:28px 0;padding:22px 24px;border:1px solid #b6dcca44;border-left:3px solid #9adbc2;background:#96d6c108;border-radius:12px}.manual-equation>div{font:italic clamp(19px,2vw,24px)/1.7 Georgia,serif;color:#acdccc;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:0 0 18px #9adbc222}.manual-equation figcaption{color:#adbbb7;font-size:14px;margin-top:14px;line-height:1.7}.manual-callout{margin:25px 0;padding:22px 25px;border-left:2px solid #d8b875;background:#d8b8750a;border-radius:0 12px 12px 0}.manual-callout strong{color:#e8cea4}.manual-callout p{font-size:14px;margin:10px 0 0}
.manual-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px;margin:28px 0}.manual-media{margin:0;min-width:0;background:#101712;border:1px solid #c9bd8838;border-radius:14px;overflow:hidden;box-shadow:0 18px 30px #0002;transition:box-shadow .5s,border-color .5s}.manual-media:hover{border-color:#c9bd8888;box-shadow:0 10px 40px #dbb44d0c}.manual-media img,.manual-media video{width:100%;height:auto;max-height:530px;object-fit:contain;background:#080b09;display:block}.manual-media video{min-height:230px;aspect-ratio:16/10}.manual-media figcaption{padding:15px 18px;font-size:13px;line-height:1.7;color:#b6c0b9}.capture-slot{display:flex;align-items:center;gap:22px;min-height:140px;margin:0;padding:26px;border:1px dashed #8eb6ad55;border-radius:14px;background:repeating-linear-gradient(135deg,#90b9ad03 0px,#90b9ad03 6px,transparent 6px,transparent 12px)}.capture-slot>span{font:40px Georgia,serif;color:#a3c8bdaa}.capture-slot strong{font-size:14px;color:#b2c8bd}.capture-slot figcaption{font-size:13px;line-height:1.8;color:#9bacab;margin-top:9px}.manual-sources{border:1px solid #c9bd8840;border-radius:14px;padding:20px;color:#acb8b3;margin:30px 0}.manual-sources summary{cursor:pointer;color:#e0cf9d}.manual-sources p,.manual-sources li{font-size:13px;line-height:1.7}.manual-sources code{display:block;color:#9caeaa;font-size:11px;overflow-wrap:anywhere}.manual-sources strong{font-weight:500}.legacy-anchor{display:block;scroll-margin-top:100px}
.section-header{align-items:flex-start}.section-header>div{max-width:880px}.section-header p{max-width:820px;line-height:1.8}.card-presentation{margin-left:auto;flex-shrink:0;font:11px/1.5 var(--sans);color:#adae9e;display:flex;flex-direction:column;gap:8px}.card-presentation select{font:12px var(--sans);color:#e7d5a3;background:#172019;border:1px solid #d2b56666;border-radius:9px;padding:10px 26px 10px 12px;cursor:pointer;color-scheme:dark;transition:box-shadow .4s}.card-presentation select:hover{box-shadow:0 0 18px #dfb65120}
.project-picture{position:relative;isolation:isolate;overflow:hidden}.project-ribbon{position:absolute;top:27px;left:-39px;width:168px;text-align:center;transform:rotate(-40deg);font:700 10px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.14em;padding:8px 0;z-index:2;color:#b9f1d2;background:linear-gradient(#294a3eea,#0d211de8);border-top:1px solid #a7efca77;border-bottom:1px solid #8defb74d;box-shadow:0 4px 12px #0008,0 0 20px #91e5b02a;text-shadow:0 0 10px currentColor}.project-ribbon.intent-open-ended{color:#c0d7ff;border-color:#aec9ef66;background:linear-gradient(#304353ed,#152032e8)}.picture-language,.picture-medium{position:absolute;bottom:12px;z-index:2;font:700 10px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border:1px solid #e9e4c55c;border-radius:6px;color:#f2eedb;background:#111912d9;box-shadow:inset 0 1px #ffffff18,0 4px 15px #0005}.picture-language{left:12px;color:#d6e7ff;border-color:#a1c3e46b;background:#172737d9}.picture-medium{right:12px;color:#eed49a}.project-meta>.intent{display:none}.compact-card .project-ribbon,.compact-card .picture-medium,.compact-card .picture-language{display:none}.project-card:focus-within{border-color:#e2c276}.project-picture:focus-visible{outline:2px solid #ffe5a2;outline-offset:-5px}.project-card .project-picture img{aspect-ratio:1.7;object-fit:cover}.project-meta{color:#c1b28b}
[data-card-style=glass] .project-ribbon{transform:none;top:12px;left:12px;width:auto;border:1px solid #a7efca77;border-radius:9px;padding:8px 12px;background:#162b24de;backdrop-filter:blur(8px)}[data-card-style=quiet] .project-ribbon{transform:none;top:12px;left:12px;width:auto;padding:6px 8px;border:0;border-radius:3px;background:#10211ce0;box-shadow:none;text-shadow:none}[data-card-style=quiet] .picture-language,[data-card-style=quiet] .picture-medium{padding:4px 6px;border:0;background:#101710de;box-shadow:none}
/* Picture ribbons and the canonical tag above the card text are independent. */
body .project-meta>.kind-chip,body .project-meta>.intent{display:none}
body[data-card-canonical=true] .project-meta>.kind-chip,body[data-card-canonical=true] .project-meta>.intent{display:inline-block}
body[data-card-ribbon=false] .project-ribbon{display:none}
.picture-medium.delivery-live{color:#b5f0cb;border-color:#87d8a985;background:#173c2de8}
.picture-medium.delivery-desktop{color:#c5e0ff;border-color:#86b9ed88;background:#163554e8}
.hero-section{grid-template-columns:1fr 1.12fr;gap:30px;min-height:650px;overflow:visible}.hero-copy{position:relative;z-index:5}.hero-copy h1{font-size:clamp(42px,4.8vw,68px)}.hero-copy p.hero-background{font-size:15px;line-height:1.85;max-width:530px;margin:18px 0 25px;color:#aeb9b0}.hero-hand{position:relative;width:100%;height:500px;isolation:isolate;align-self:center}.hero-hand-card{position:absolute;width:70%;height:390px;left:calc(2% + var(--hand-index)*13%);top:calc(44px + var(--hand-index)*15px);transform:rotate(calc(-16deg + var(--hand-index)*13deg));transform-origin:50% 110%;z-index:calc(3 - var(--hand-index));transition:transform .6s cubic-bezier(.2,.7,.25,1),filter .5s,top .5s;filter:brightness(.82)}.hero-hand-card:nth-child(2){top:15px}.hero-hand-card:nth-child(3){top:60px;z-index:3}.hero-hand-card:hover,.hero-hand-card:focus-within{z-index:8;transform:rotate(0deg) translateY(-18px);filter:brightness(1.07)}.hero-hand .hero-art{transform:none;display:flex;flex-direction:column;height:100%;border-radius:18px;overflow:hidden;border:1px solid #ddc176bb;box-shadow:inset 0 1px #fff4,0 22px 40px #0008,0 0 25px #d4b14e14;background:#131a13}.hero-hand .hero-art img{width:100%;height:calc(100% - 80px);object-fit:cover;aspect-ratio:auto}.hero-hand .hero-art>span{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:17px 20px;color:#e8d39e;font:600 17px/1.3 var(--sans)}.hero-hand .hero-art small{font:12px var(--sans);color:#b0baac}.hand-detail{position:absolute;bottom:-35px;right:10px;border:1px solid #caae7066;border-radius:7px;padding:5px 9px;background:#151c16ed;color:#dbc48e;font-size:11px;opacity:0;transition:opacity .4s}.hero-hand-card:hover .hand-detail,.hero-hand-card:focus-within .hand-detail{opacity:1}
.overview-dialog{width:min(830px,94vw);max-height:88dvh;color:#e6e6d8;padding:26px 30px;border:1px solid #d7bb72a3;border-radius:23px;background:radial-gradient(ellipse at 0 0,#40615a28,transparent 55%),linear-gradient(130deg,#1b2425fa,#0f1512fc);box-shadow:inset 0 1px #ffffff26,0 25px 100px #000a,0 0 70px #deb85b16;opacity:0;transform:translateY(12px) scale(.99);transition:opacity .2s,transform .25s;overscroll-behavior:contain}.overview-dialog.is-visible{opacity:1;transform:none}.overview-dialog::backdrop{background:#050906ba;backdrop-filter:blur(7px)}.overview-heading{position:sticky;top:-26px;z-index:2;display:flex;justify-content:space-between;gap:20px;align-items:center;background:#18201e;padding:15px 0;border-bottom:1px solid #cbb57233}.close-overview{font:13px var(--sans);color:#e8cea0;border:1px solid #d0b46e55;padding:8px 12px;border-radius:8px;cursor:pointer}.overview-content h2{font:500 36px var(--serif);margin:23px 0 16px}.overview-summary{font-size:17px;line-height:1.85;color:#c5d0c8}.overview-image{width:100%;max-height:290px;object-fit:contain;background:#080e09;border-radius:12px;border:1px solid #cbb57233}.overview-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:24px 0;padding:0;list-style:none}.overview-steps li{padding:14px;border-top:1px solid #87b7a66b;background:#80bfa408;border-radius:0 0 10px 10px}.overview-steps strong{display:block;font-size:14px;color:#d8e9dd}.overview-steps span{display:block;font-size:13px;line-height:1.7;color:#aebeb3;margin-top:8px}.overview-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:22px}.overview-techniques{font-size:13px;color:#bca974;margin-top:20px}
body[data-atmosphere-scene=energy]::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 13% 88%,#c9932813,transparent 47%),radial-gradient(ellipse at 84% 38%,#5294840b,transparent 52%),radial-gradient(ellipse at 42% 5%,#c5b2610a,transparent 42%)}
@media(min-width:1600px){.hero-hand{height:550px}.hero-hand-card{height:440px}.hero-section{min-height:720px}}
@media(max-width:1000px){.manual-layout{grid-template-columns:185px minmax(0,1fr);gap:24px}.hero-hand-card{height:320px}.hero-hand{height:440px}.hero-section{min-height:560px}.card-presentation{margin-left:0}.section-header{flex-wrap:wrap}}
@media(max-width:760px){.hero-section{grid-template-columns:1fr;padding-bottom:20px}.hero-hand{height:400px;max-width:580px;margin:0 auto}.hero-hand-card{height:300px;width:67%}.hero-hand .hero-art>span{font-size:16px}.hero-hand .hero-art small{font-size:11px}.hand-detail{opacity:1}.manual-layout{grid-template-columns:1fr}.manual-navigation{position:relative;top:auto;max-height:none}.manual-navigation nav{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-back{display:none}.manual-chapter{scroll-margin-top:130px}.manual-introduction p{font-size:16px}.overview-dialog{padding:20px}.overview-heading{top:-20px}.overview-steps{grid-template-columns:1fr}.card-presentation{flex-direction:row;align-items:center;margin-left:35px}.hero-copy p.hero-background{font-size:14px}.project-ribbon{font-size:9px}.manual-media-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hero-hand-card,.overview-dialog,.hand-detail,.manual-navigation a,.manual-media{transition:none}.overview-dialog{transform:none}}
.hero-section{gap:48px}.hero-hand{height:440px}.hero-hand-card{width:61%;height:335px;left:calc(10% + var(--hand-index)*14%);top:calc(40px + var(--hand-index)*10px);transform:rotate(calc(-12deg + var(--hand-index)*12deg));filter:brightness(.96)}.hero-hand-card:nth-child(2){top:15px}.hero-hand-card:nth-child(3){top:60px;z-index:1}.hero-hand-card.is-front{z-index:7}.hero-hand-card:hover,.hero-hand-card:focus-within{transform:rotate(calc(-12deg + var(--hand-index)*12deg));filter:brightness(1.08);z-index:8}.hero-hand-labels{display:flex;gap:10px;justify-content:center;position:relative;z-index:10}.hero-hand-label{border:1px solid #cbb46844;border-radius:10px;padding:10px 12px;background:#192019d9;display:flex;flex-direction:column;gap:8px}.hero-hand-label button{font:600 13px var(--sans);color:#e8d7ad;text-align:left;cursor:pointer}.hero-hand-label a{font-size:10px;color:#bdb78f}.hero-hand-label:hover{border-color:#dac27988}.hero-hand-card .hero-art>span{padding:13px 15px}.hero-hand-card .hero-art small{font-size:11px}@media(min-width:1600px){.hero-hand{height:530px}.hero-hand-card{height:430px}}@media(max-width:760px){.hero-hand{height:380px}.hero-hand-card{height:275px}.hero-hand-labels{gap:6px}.hero-hand-label{padding:9px}.hero-hand-label button{font-size:12px}.hero-section{gap:24px}.hero-hand .hero-art>span{font-size:14px}}
.manual-sources li{margin:15px 0}.manual-sources li>a{display:block;color:#d8c58e;padding:6px 0}.source-note{background:#101510;color:#c7d1c8}.source-note>header{position:sticky;top:0;display:flex;gap:25px;padding:18px max(22px,calc((100vw - 1000px)/2));background:#172019f5;border-bottom:1px solid #cab26844;font-size:13px;z-index:3}.source-note>header a{color:#dcc792;white-space:nowrap}.source-note main{max-width:1050px;padding:50px 30px 100px;margin:auto}.source-note h1{font-size:38px;color:#eee0b9}.source-note h2{font-size:28px;padding-top:25px;border-top:1px solid #bfad6930;margin-top:36px;color:#e5d6b1}.source-note h3{color:#bcd9c8;font-size:22px;margin-top:28px}.source-note p,.source-note li{font-size:16px;line-height:1.85}.source-note .source-note-context{font-size:14px;color:#a6b9ad;border-left:2px solid #bfa664;padding-left:18px;margin-bottom:40px}.source-note a{color:#d9c58d}.source-note pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;padding:20px;background:#080f0b;border:1px solid #b2ba7c38;border-radius:10px;font-size:13px}.source-note code{font-size:.9em;color:#a8d2bc}.source-note table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;font-size:14px}.source-note th,.source-note td{border:1px solid #b2ba7c38;padding:13px;text-align:left;line-height:1.7;min-width:130px}.source-note th{background:#bcc2940c}.overview-dialog{scrollbar-width:thin;scrollbar-color:#c5b36b55 transparent}@media(max-width:600px){.source-note>header{gap:13px;padding:13px;font-size:11px}.source-note main{padding:30px 20px}.source-note h1{font-size:30px}}
.manual-jump{margin:6px 0 6px 12px}.manual-related{border-top:1px solid #d1b56755;padding-top:30px}.manual-related h2{font:500 30px var(--serif);margin-bottom:25px}.manual-related .launch-item>span{font-size:13px;line-height:1.8}
/* Three reading layers: descriptive overview, mechanisms, mathematical detail. */
.reading-tools{margin:30px 0 12px;padding:24px;border:1px solid #b4cfcd44;border-radius:18px;background:radial-gradient(ellipse at 0 0,#b3d9d415,transparent 60%),#172122bc;box-shadow:inset 0 1px #ffffff18,0 14px 35px #0003}
.reading-legend,.reading-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.reading-tools>p{font-size:14px;line-height:1.7;margin:15px 0;color:#b7c4c6}
.reading-label{display:block;font:600 10px/1.6 var(--sans);letter-spacing:.095em;text-transform:uppercase;color:var(--detail-accent,#e5ce9e)}
.description-label{color:#e5ce9e}.explanation-label{color:#99d8d0}.theory-label{color:#c5b5f2}.reading-legend .reading-label:before{content:'';display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}
.reading-actions button{border:1px solid #b5d5ce55;border-radius:9px;padding:10px 15px;background:linear-gradient(120deg,#334a452e,#1b27242e);color:#d6e6df;font:600 12px/1.5 var(--sans);cursor:pointer;box-shadow:inset 0 1px #ffffff0e;transition:border-color .5s,box-shadow .5s,background .5s}
.reading-actions button:hover,.reading-actions button:focus-visible{border-color:#b7decb;box-shadow:0 0 18px #a3dccc24;background:#9ee1ca13}.reading-actions button[data-reading=all]{border-color:#bba3e96b;color:#d4c3f8}.reading-status{font:12px/1.6 var(--sans);color:#aebebc}
.manual-detail{--detail-accent:#9cded3;--detail-rgb:137,210,196;margin:17px 0;border:1px solid rgba(var(--detail-rgb),.3);border-left:3px solid var(--detail-accent);border-radius:13px;background:radial-gradient(ellipse at 0 0,rgba(var(--detail-rgb),.065),transparent 65%),linear-gradient(130deg,#1b25278c,#10171bad);box-shadow:inset 0 1px #ffffff0c,0 12px 28px #0002;scroll-margin-top:130px;transition:border-color .5s,box-shadow .5s}
.manual-detail.detail-theory{--detail-accent:#c6b5f4;--detail-rgb:177,151,233}.manual-detail:hover,.manual-detail:focus-within{border-color:rgba(var(--detail-rgb),.6);border-left-color:var(--detail-accent);box-shadow:inset 0 1px #ffffff16,0 12px 28px #0003,0 0 23px rgba(var(--detail-rgb),.065)}
.manual-detail>summary{display:grid;grid-template-columns:1fr 28px;gap:5px 16px;padding:18px 22px;cursor:pointer;list-style:none}.manual-detail>summary::-webkit-details-marker{display:none}.manual-detail>summary:focus-visible{outline:2px solid var(--detail-accent);outline-offset:4px;border-radius:10px}.manual-detail>summary .reading-label,.detail-heading,.detail-abstract{grid-column:1}.detail-heading{font:600 17px/1.5 var(--sans);color:#e0e9e7}.detail-abstract{font:13px/1.7 var(--sans);color:#adbfbe;max-width:85ch}.detail-chevron{grid-column:2;grid-row:1/4;align-self:center;text-align:center;color:var(--detail-accent);font-size:23px;transition:transform .45s}.manual-detail[open] .detail-chevron{transform:rotate(45deg)}
.detail-content{padding:7px 25px 24px;border-top:1px solid rgba(var(--detail-rgb),.13)}.detail-content p,.detail-content li{font-size:15px;line-height:1.85;color:#c0cdcc}.detail-content .manual-media-grid{margin-bottom:15px}.detail-content .manual-equation{border-color:rgba(var(--detail-rgb),.28);border-left-color:var(--detail-accent);background:rgba(var(--detail-rgb),.035);margin:20px 0;padding:18px}
.typeset-equation .math-scroll{overflow-x:auto;overflow-y:hidden;padding:12px 4px;white-space:normal;scrollbar-width:thin;scrollbar-color:rgba(var(--detail-rgb),.45) transparent;outline-offset:2px}.typeset-equation math{font-size:1.12rem;line-height:1.9;color:var(--detail-accent);font-family:'Cambria Math','STIX Two Math',math;text-shadow:0 0 16px rgba(var(--detail-rgb),.14)}.typeset-equation math[display=block]{margin:0;min-width:min-content}.typeset-equation figcaption{font-size:13px;line-height:1.75}
.detail-references{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding-top:15px;border-top:1px solid rgba(var(--detail-rgb),.16);align-items:flex-start}.detail-references>strong{width:100%;font:600 10px/1.6 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--detail-accent)}.detail-references>a,.detail-references>span{display:block;padding:8px 11px;border:1px solid rgba(var(--detail-rgb),.22);border-radius:7px;background:rgba(var(--detail-rgb),.04);color:#b9cdcb;font:12px/1.6 var(--sans);overflow-wrap:anywhere}.detail-references>a{color:var(--detail-accent);transition:box-shadow .5s,border-color .5s}.detail-references>a:hover{border-color:var(--detail-accent);box-shadow:0 0 15px rgba(var(--detail-rgb),.12)}.detail-references code{display:block;font-size:10px;color:#93a8a7;max-width:70ch}
@supports (interpolate-size:allow-keywords){.manual-detail{interpolate-size:allow-keywords}.manual-detail::details-content{height:0;overflow:clip;opacity:0;transition:height .4s,opacity .4s,content-visibility .4s allow-discrete}.manual-detail[open]::details-content{height:auto;opacity:1}}
@media(max-width:760px){.reading-tools{padding:18px}.reading-legend{gap:8px}.manual-detail>summary{padding:16px}.detail-heading{font-size:16px}.detail-content{padding:6px 16px 20px}.detail-content .manual-equation{padding:12px}.reading-actions button{padding:9px 11px}}
@media(prefers-reduced-motion:reduce){.manual-detail,.manual-detail::details-content,.detail-chevron,.reading-actions button,.detail-references>a{transition:none}}
@media print{.reading-actions,.manual-navigation{display:none}.manual-layout{display:block}.manual-detail::details-content{height:auto!important;content-visibility:visible!important;opacity:1!important;overflow:visible!important}}

.presentation-types{display:flex;gap:7px;flex-wrap:wrap}.media-type{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;margin-right:6px;padding:3px 8px;border:1px solid #a4bdcf4f;border-radius:7px;color:#bdcddd;background:#24313b99;font:600 10px/1.5 Inter,sans-serif;letter-spacing:.035em}.media-type-interactive{color:#a3e3ce;border-color:#87d8b959;background:#163c3288}.media-type-video{color:#d6b9f2;border-color:#be9ddd55;background:#33234b88}.media-symbol{vertical-align:middle;flex:none}.picture-medium .media-symbol{width:15px;height:13px}

.launch-group{grid-column:1/-1;padding:16px 4px 5px;color:var(--project-accent,#dec17c);font:600 12px/1.5 Inter,sans-serif;text-transform:uppercase;letter-spacing:.12em;text-shadow:0 0 15px #ddc77666;border-top:1px solid #dac98935}
/* Scientific plates retain their readable portrait layout inside folded analysis. */
#manual-emitter-study .manual-media img[src*="/factorial-"]{max-height:none}
#manual-emitter-study .chapter-opening{grid-template-columns:minmax(0,1fr)}
#manual-emitter-study .chapter-opening>.manual-media{position:static}
#manual-emitter-study .manual-media img[src$="/source-layout.svg"]{max-height:none}

/* The reading/media column targets a fraction of the viewport; the rail is extra. */
body[data-page="project"] .project-page:has(.manual-layout){box-sizing:border-box;width:min(calc(var(--brochure-content-width,67vw) + 306px),calc(100% - 40px));max-width:none;padding-left:24px;padding-right:24px;margin-left:auto;margin-right:auto}
.brochure-width-control{display:grid;gap:8px;margin:12px 4px 18px;padding:12px 8px;border-bottom:1px solid #cbb57344;font:12px/1.5 var(--sans);color:#d9cfac}.brochure-width-control label{display:flex;justify-content:space-between;gap:8px}.brochure-width-control input{width:100%;accent-color:#ddc582}.brochure-width-control button{justify-self:start;border:1px solid #cbb57355;border-radius:6px;background:#16201b;color:#dfd0a3;padding:5px 9px;cursor:pointer}.brochure-width-control small{font:11px/1.4 var(--sans);color:#abbdb8}
body[data-page="project"] .manual-media img,body[data-page="project"] .manual-media video{max-height:75vh}
@media(max-width:760px){body[data-page="project"] .project-page:has(.manual-layout){width:100%;padding-left:20px;padding-right:20px}.brochure-width-control{display:none}}
/* Review marks (review builds only): a red box and label around a block the author still has to resolve; inside a grid the box is the grid item. */
.review-mark{min-width:0;margin:18px 0;padding:10px;outline:2px solid #ff4a4a;outline-offset:-2px;border-radius:10px}.manual-media-grid>.review-mark,.capture-set-grid>.review-mark,.chapter-opening>.review-mark{margin:0;align-self:start}.review-mark>.review-mark-label{display:inline-block;max-width:100%;margin:0 0 10px;padding:3px 10px;border-radius:10px;background:#ff4a4a;color:#1b0707;font:600 12px/1.45 var(--sans,Inter,Arial,sans-serif);overflow-wrap:anywhere}.review-mark>.review-mark-label+*{margin-top:0}.review-mark>:last-child{margin-bottom:0}
/* A boxed opening figure keeps the placement rules written for a bare .manual-media child. */
.chapter-opening>.review-mark:has(>.manual-media){position:sticky;top:110px}[data-project-theme=optics] .chapter-opening>.review-mark:has(>.manual-media),[data-project-theme=capture] .chapter-opening>.review-mark:has(>.manual-media){position:static;margin:24px 0}[data-project-theme=vector] .chapter-opening>.review-mark:has(>.manual-media){order:-1}#manual-emitter-study .chapter-opening>.review-mark{position:static}.recording-wrap>.review-mark:has(>.manual-media){float:right;width:70%;margin:0 0 24px 28px}#manual-music .recording-wrap>.review-mark{float:none;width:100%;margin:0 0 24px}@media(max-width:1100px){.recording-wrap>.review-mark:has(>.manual-media){float:none;width:100%;margin:0 0 24px}}@media(max-width:1000px){.chapter-opening>.review-mark:has(>.manual-media){position:static;max-width:100%}}
/* Aligned stills: native range control, no playback or animation loop. */
.media-comparison .comparison-images{position:relative;overflow:hidden}.media-comparison .comparison-static-label{display:block;padding:10px 18px;color:#e5d3a6;font:600 12px/1.5 var(--sans)}
.media-comparison.comparison-ready .comparison-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--comparison-position,50%))}.media-comparison.comparison-ready .comparison-static-label{display:none}
.media-comparison.comparison-ready .comparison-images::after{content:"";position:absolute;top:0;bottom:0;left:var(--comparison-position,50%);width:2px;transform:translateX(-1px);background:#f2d692;box-shadow:0 0 0 1px #111b;pointer-events:none}
.media-comparison .comparison-controls{padding:16px 18px 0}.media-comparison .comparison-labels{display:flex;justify-content:space-between;gap:20px;color:#e5d3a6;font:600 12px/1.5 var(--sans)}.media-comparison .comparison-labels>span:last-child{text-align:right}
.media-comparison .comparison-controls input{display:block;width:100%;min-height:32px;margin:5px 0;accent-color:#dfc27b;cursor:ew-resize}.media-comparison .comparison-controls input:focus-visible{outline:2px solid #f2d692;outline-offset:3px;border-radius:4px}.media-comparison .comparison-controls small{display:block;color:#aebeb5;font:12px/1.6 var(--sans)}
@media print{.media-comparison.comparison-ready .comparison-after{position:static;clip-path:none}.media-comparison.comparison-ready .comparison-static-label{display:block}.media-comparison.comparison-ready .comparison-images::after,.media-comparison .comparison-controls{display:none}}

/* Diagonal fragments invite a closer look; each keeps its own authored crop. */
.project-card .project-picture.paired-picture{display:block;position:relative;aspect-ratio:5/3;overflow:hidden;background:#090f10}
.project-picture.paired-picture .card-image-pane{display:block;position:absolute;top:0;bottom:0;overflow:hidden;clip-path:polygon(var(--slice-top-left,0%) 0,100% 0,var(--slice-bottom-right,100%) 100%,0 100%)}
.slices-2 .card-image-pane:nth-child(1){left:0;width:56%;--slice-bottom-right:67.857143%}
.slices-2 .card-image-pane:nth-child(2){left:38%;width:62%;--slice-top-left:29.032258%}
.slices-3 .card-image-pane:nth-child(1){left:0;width:40%;--slice-bottom-right:62.5%}
.slices-3 .card-image-pane:nth-child(2){left:25%;width:50.5%;--slice-top-left:29.702970%;--slice-bottom-right:70.297030%}
.slices-3 .card-image-pane:nth-child(3){left:60.5%;width:39.5%;--slice-top-left:37.974684%}
.project-card .project-picture.paired-picture .card-image-pane img{display:block;width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover;transform:translateY(var(--card-image-offset-y,0%)) scale(var(--card-image-zoom,1));transform-origin:center;transition:none}
.project-picture .card-slice-seams{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:#e7cc89ad;stroke-width:1;filter:drop-shadow(0 0 3px #e7cc8955)}