:root{color-scheme:dark;font-family:Inter,Segoe UI,sans-serif;color:#eaf4ee;background:#09110e}*{box-sizing:border-box}body{margin:0}header{height:72px;display:flex;align-items:center;gap:20px;padding:0 3vw;border-bottom:1px solid #273d32;background:#0d1813}.brand{color:#e6f1e9;text-decoration:none;letter-spacing:.11em;font-weight:700;white-space:nowrap}.brand small{display:block;font-size:.55rem;letter-spacing:.13em;color:#a9bcb0}nav{display:flex;margin-left:auto;gap:4px}button,select{border:1px solid #40584b;background:#182820;color:#e1eee5;border-radius:9px;padding:10px 13px;cursor:pointer}nav button{border:0;background:transparent}button:hover{background:#30493a}main{min-height:calc(100vh - 132px)}.frame{display:block;width:100%;height:calc(100vh - 132px);border:0;background:#0b1110}.content{max-width:1300px;margin:auto;padding:7vh 5vw}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#92b6a1;font-size:.75rem}.content h1{font-size:clamp(2.3rem,5vw,5rem);letter-spacing:-.05em;line-height:1.04;max-width:900px;margin:.4em 0}.content .intro{font-size:1.2rem;color:#b6cabe;max-width:800px;line-height:1.5}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.card{background:linear-gradient(145deg,#20382b,#101c16);border:1px solid #385344;border-radius:22px;padding:28px;min-height:230px}.card b{font-size:2rem;color:#c0dcc5}.card p,.note{color:#a6beae;line-height:1.6}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.actions button,.card button{background:#b9d6bf;color:#13251a;border:0}.pending{border:1px solid #725f3b;color:#e5c88d;padding:18px;border-radius:14px;margin-top:40px}.muted{color:#9fb2a6}footer{height:60px;display:flex;gap:25px;justify-content:center;align-items:center;background:#0d1813}footer button{padding:7px 18px}dialog{background:#101f17;color:#e9f3ec;border:1px solid #476351;border-radius:18px;width:min(850px,95vw);max-height:85vh}dialog::backdrop{background:#000a}.menu-top{display:flex;justify-content:space-between;align-items:center}#items{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}#items button{text-align:left;font-size:.8rem}@media(max-width:800px){header{height:auto;min-height:72px;flex-wrap:wrap;padding:12px}nav{order:3;width:100%;justify-content:space-between}.frame{height:calc(100vh - 180px)}.cards{grid-template-columns:1fr}#items{grid-template-columns:1fr 1fr}}
body{padding-bottom:60px}footer{position:fixed;left:0;right:0;bottom:0;z-index:10}.frame{height:max(250px,calc(100dvh - var(--header-height,72px) - 60px))}
footer #return{font-size:.82rem;white-space:nowrap}footer #return:disabled{opacity:.38;cursor:default}@media(max-width:500px){footer{gap:clamp(8px,3vw,16px)}footer #return{padding:7px 10px;font-size:.75rem}footer #prev,footer #next{padding:7px 12px}}
@media(max-width:520px){header{gap:6px;padding:8px}.brand{font-size:.73rem}.brand small{display:none}#language{width:100px;padding:8px;font-size:.7rem}#index,#help,#fullscreen{font-size:0;width:35px;height:35px;padding:0}#index::after{content:'☰';font-size:15px}#help::after{content:'?';font-size:15px}#fullscreen::after{content:'⛶';font-size:17px}nav{gap:0}nav button{padding:7px 4px;font-size:.7rem}}
.content{position:relative;isolation:isolate;min-height:calc(100dvh - var(--header-height,72px) - 60px)}
.content:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 76% 12%,#628c6e42,transparent 34%),radial-gradient(ellipse at 9% 70%,#315d4745,transparent 38%),linear-gradient(135deg,#101f18,#08110d 72%)}
.content h1{font-weight:500;color:#f1f8f2;text-wrap:balance}.content .eyebrow{display:inline-flex;align-items:center;gap:11px}.content .eyebrow:before{content:'';width:28px;height:1px;background:#b6d9bd}
.cards{gap:18px}.card{position:relative;overflow:hidden;background:linear-gradient(150deg,#32503fbb,#15281de8 62%,#101b16f2);border:1px solid #7493827a;box-shadow:0 24px 60px #0005,inset 0 1px #ffffff14;backdrop-filter:blur(14px);transition:transform .25s,border-color .25s}.card:after{content:'';position:absolute;width:180px;height:180px;right:-65px;top:-70px;border:1px solid #a4d0ae2d;border-radius:50%;box-shadow:0 0 0 28px #a4d0ae0a,0 0 0 55px #a4d0ae08;pointer-events:none}.card:hover{transform:translateY(-4px);border-color:#accfb5}.card b{font-weight:500;font-size:clamp(2rem,3vw,2.7rem);letter-spacing:-.03em}.card h2{margin-top:22px;font-size:1.25rem;font-weight:500}.card strong{color:#d5e8d9}.card li{margin-bottom:.65em;color:#cfdfd4;line-height:1.5}.card button,.actions button{padding:13px 18px;border-radius:30px;transition:background .2s,transform .2s}.card button:hover,.actions button:hover{background:#e2f1e5;transform:translateY(-2px)}.actions button+button{background:#1c3025;color:#e4f3e7;border:1px solid #668672}.actions button+button:hover{background:#2d4837;color:white}
@media(max-width:800px){.card[style*="grid-column"]{grid-column:auto!important}.content{padding-top:36px}.card{min-height:0}.card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.card,.card button,.actions button{transition:none}.card:hover,.card button:hover,.actions button:hover{transform:none}}

#view [hidden]{display:none!important}
.invest-detail{overflow:hidden}.investment-visual{position:absolute;z-index:-1;right:0;top:0;width:56%;height:58%;min-height:360px;overflow:hidden;opacity:.55;mask-image:linear-gradient(90deg,transparent,#000 38%),linear-gradient(0deg,transparent,#000 38%);mask-composite:intersect}.investment-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.invest-C .investment-visual{opacity:.72}.invest-C .investment-visual img{object-fit:contain;object-position:right center}.invest-detail .intro{max-width:640px}.invest-detail .cards{grid-template-columns:minmax(220px,.68fr) minmax(0,1.32fr);max-width:1050px}.invest-detail .card[style*="grid-column"]{grid-column:auto!important}.invest-detail .card:first-child{min-height:240px;background:linear-gradient(145deg,#aecfb951,#213d2dd9);display:flex;flex-direction:column;justify-content:flex-end}.invest-detail .card:first-child b{font-size:clamp(2.8rem,5vw,5rem)}.invest-overview .card{min-height:290px;padding-top:105px;background-size:cover;background-position:center}.invest-overview .card:nth-child(1){background-image:linear-gradient(0deg,#102018 12%,#102018ad 65%,#10201855),url('/agriculture/factory/factory-02.png')}.invest-overview .card:nth-child(2){background-image:linear-gradient(0deg,#102018 12%,#102018ad 65%,#10201855),url('/agriculture/factory/factory-03.png')}.invest-overview .card:nth-child(3){background-image:linear-gradient(0deg,#102018 12%,#102018aa 65%,#10201855),url('/assets/media-01.webp')}.invest-overview .card h2{margin-top:10px}
@media(max-width:800px){.investment-visual{position:relative;width:100%;height:220px;min-height:0;opacity:.8;mask-image:linear-gradient(0deg,transparent,#000 35%);margin:12px 0 -40px}.invest-detail .cards{grid-template-columns:1fr;margin-top:0}.invest-detail .card:first-child{min-height:150px}.invest-overview .card{min-height:220px;padding-top:55px}}
.partnership-visual{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);max-width:1050px;min-height:310px;margin:32px 0 0;border:1px solid #9abca46b;border-radius:24px;overflow:hidden;background:linear-gradient(90deg,#0b1912ef 0%,#0b1912de 57%,#13271cc9),url('/agriculture/factory/factory-02.png') center 48%/cover;box-shadow:0 25px 65px #0005}.partnership-story{padding:26px 32px}.partnership-story small{text-transform:uppercase;letter-spacing:.14em;color:#c0dec5;font-size:.65rem}.partnership-story p{max-width:550px;color:#bdd2c1;font-size:.8rem;line-height:1.45}.partnership-brands{display:flex;align-items:end;gap:28px;margin:12px 0}.partnership-brands>div{display:flex;align-items:center;gap:12px;flex:1;min-width:0;color:#eff8f0}.partnership-brands img{height:145px;width:45%;object-fit:contain}.partnership-brands strong{font-weight:500;letter-spacing:.04em}.partnership-terms{display:grid;align-content:center;gap:18px;padding:28px;border-left:1px solid #c4dec82e;background:#183026aa;backdrop-filter:blur(12px)}.partnership-terms div{display:grid;gap:5px}.partnership-terms strong{font-size:clamp(2rem,3.5vw,3.3rem);font-weight:400;color:#dcf2dd}.partnership-terms span{font-size:.75rem;line-height:1.35;color:#c1d8c6}.invest-C .cards{margin-top:18px}
@media(max-width:800px){.partnership-visual{grid-template-columns:1fr;margin-top:20px}.partnership-story{padding:20px}.partnership-brands{gap:10px}.partnership-brands img{height:100px}.partnership-brands strong{font-size:.8rem}.partnership-terms{grid-template-columns:1fr 1fr;border-left:0;border-top:1px solid #c4dec82e;padding:16px 20px}.partnership-terms strong{font-size:1.8rem}.partnership-story p{font-size:.72rem}}
@media(max-width:540px){.partnership-terms{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:15px}.partnership-terms strong{font-size:1.35rem}.partnership-terms span{font-size:.65rem}}
@media(max-width:540px){.partnership-brands>div{flex-direction:column;align-items:center;text-align:center;gap:4px}.partnership-brands img{width:100%;height:78px}.partnership-brands strong{font-size:.72rem;overflow-wrap:anywhere}}

.partnership-path{display:flex;align-items:center;gap:8px;margin:12px 0;color:#d6ead8;font-size:.72rem;line-height:1.3}.partnership-path span{flex:1;border-top:1px solid #a4ccae88;padding-top:8px}.partnership-path span:not(:last-child):after{content:" →";color:#a9cdb0}@media(max-width:540px){.partnership-path{font-size:.62rem}}

@media(max-width:520px){#presenter{font-size:0;width:35px;height:35px;padding:0}#presenter::after{content:"♙";font-size:16px}}

@media(max-width:520px){#notes{font-size:0;width:35px;height:35px;padding:0}#notes::after{content:"✎";font-size:16px}}

@media(max-width:520px){header{gap:4px}.brand{font-size:.65rem;letter-spacing:.06em}#language{width:78px;font-size:.65rem;padding:7px 3px}#index,#presenter,#notes,#help,#fullscreen{width:29px;height:32px}}

body.qw-presenting footer{background:#07120f}body.qw-presenting header{box-shadow:0 3px 24px #0004}

/* Investment visual system: purpose-created conceptual art and separate content. */
.invest-overview .cards{margin-top:34px;align-items:stretch;gap:16px}.invest-overview .investment-card{display:grid;grid-template-rows:minmax(240px,1.25fr) minmax(245px,1fr);padding:0;min-height:520px;background:#101b18;border:1px solid #7c9a8952;border-radius:20px;box-shadow:0 22px 65px #0006;animation:invest-enter .55s ease both}.invest-overview .investment-card:nth-child(2){animation-delay:.08s}.invest-overview .investment-card:nth-child(3){animation-delay:.16s}.invest-overview .investment-card:nth-child(n){background-image:none}.investment-card:after{display:none}.invest-card-art{position:relative;min-height:0;overflow:hidden;background:#142a20}.invest-card-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.investment-card:hover .invest-card-art img{transform:scale(1.045)}.invest-card-art>span,.invest-hero-art>span{position:absolute;bottom:12px;left:14px;font-size:.61rem;letter-spacing:.08em;text-transform:uppercase;color:#e1efe5;background:#0a1712c7;border:1px solid #c8e3cf55;border-radius:30px;padding:6px 10px}.invest-card-copy{padding:22px 24px 24px;display:flex;flex-direction:column;align-items:flex-start}.invest-card-id{font-size:.67rem;color:#8caf9d;letter-spacing:.15em}.invest-overview .invest-card-copy h2{font-size:1.18rem;line-height:1.25;margin:12px 0 8px}.invest-card-copy>strong{font-size:1.45rem;letter-spacing:-.03em;font-weight:500;color:#dbefd9}.invest-card-copy p{font-size:.83rem;line-height:1.5;margin:12px 0;color:#afc5b7}.invest-card-copy button{margin-top:auto}.invest-card-terms{font-size:.72rem;line-height:1.4;color:#b7d8c0;margin:0 0 15px}.invest-detail .invest-hero-art{position:relative;width:100%;max-width:1050px;aspect-ratio:2.05/1;overflow:hidden;border-radius:22px;border:1px solid #92b29a70;background:#10241b;margin:32px 0 22px;box-shadow:0 22px 70px #0006}.invest-hero-art img{width:100%;height:100%;display:block;object-fit:cover}.invest-detail .cards{margin-top:18px}.invest-platforms{display:flex;align-items:center;justify-content:center;gap:18px;max-width:1050px;font-size:.83rem;letter-spacing:.1em;color:#c7e3cd}.invest-platforms i{display:block;height:1px;width:70px;background:#9ec5a7}.invest-terms{max-width:1050px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.invest-terms>div{padding:18px 20px;border:1px solid #8fad9760;background:#1a3023;border-radius:15px;display:grid;gap:7px}.invest-terms strong{font-size:clamp(1.6rem,3vw,2.5rem);font-weight:400}.invest-terms span,.concept-note{font-size:.76rem;color:#bdd1c1;line-height:1.5}.concept-note{max-width:1050px}.invest-detail .invest-hero-art+.cards{margin-top:18px}@keyframes invest-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.invest-overview .investment-card{grid-template-rows:auto auto;min-height:0}.invest-card-art{aspect-ratio:1.6/1}.invest-card-copy{min-height:220px}.invest-detail .invest-hero-art{aspect-ratio:1.45/1;margin-top:20px}.invest-terms{grid-template-columns:1fr 1fr}.invest-terms>div{padding:13px}.invest-detail .cards{margin-top:18px}}
@media(max-width:540px){.invest-overview .cards{margin-top:24px}.invest-card-art{aspect-ratio:1.35/1}.invest-card-copy{min-height:210px}.invest-terms{grid-template-columns:1fr 1fr 1fr;gap:6px}.invest-terms strong{font-size:1.35rem}.invest-terms span{font-size:.65rem}.invest-terms>div{padding:11px 8px}.invest-detail .invest-hero-art{aspect-ratio:1.2/1}}
@media(prefers-reduced-motion:reduce){.invest-overview .investment-card{animation:none}.invest-card-art img{transition:none}.investment-card:hover .invest-card-art img{transform:none}}
.invest-overview .investment-card:first-child .invest-card-art img{object-position:70% center}
@media(max-width:800px){.invest-detail .invest-hero-art img[src*="scenario-a"]{object-position:70% center}}
/* Owner-approved investment visual system. */
.invest-editorial .invest-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin:18px 0 42px}.invest-editorial .invest-heading h1{font-size:clamp(2.35rem,4.2vw,4rem);max-width:650px;margin:0}.invest-editorial .invest-heading .intro{font-size:.95rem;max-width:335px;margin:0 0 4px}.invest-overview.invest-editorial .cards{margin-top:0;align-items:stretch;gap:14px}.invest-overview.invest-editorial .investment-card{display:flex;flex-direction:column;min-height:515px;padding:26px;background:#18271f;border:1px solid #ffffff19;border-radius:17px;box-shadow:none;overflow:hidden}.invest-overview.invest-editorial .investment-card:nth-child(2){background:#192c23}.invest-overview.invest-editorial .investment-card:nth-child(3){background:#23392d}.invest-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#a7bdad;font-size:.68rem;letter-spacing:.13em}.invest-letter{width:35px;height:35px;flex:none;border:1px solid #b1c8b75c;border-radius:50%;display:grid;place-items:center;color:#dbe8dc;letter-spacing:0;font-size:.8rem}.invest-scope{text-align:right}.invest-art{height:155px;display:flex;align-items:center;justify-content:center;margin:12px 0 8px}.invest-art .art{width:100%;height:125px;overflow:visible}.invest-overview.invest-editorial .investment-card h2{font-size:1.6rem;line-height:1.12;letter-spacing:-.035em;margin:0;min-height:90px}.invest-overview.invest-editorial .invest-description{font-size:.875rem;line-height:1.55;color:#b5c8b9;margin:14px 0 24px}.invest-card-bottom{border-top:1px solid #d6e9db2a;padding-top:18px;display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:auto}.invest-card-bottom strong{display:block;font-size:1.7rem;letter-spacing:-.04em;font-weight:500;color:#edf5ee}.invest-caption{font-size:.69rem;line-height:1.4;color:#a1b8a7;margin-top:4px}.invest-overview.invest-editorial .investment-card .invest-arrow{flex:none;width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid #d7e6d963;border-radius:50%;background:transparent;color:#e3efe4;font-size:1.25rem}.invest-overview.invest-editorial .investment-card .invest-arrow:hover{background:#b9d6bf;color:#13251a}.invest-editorial-hero.invest-hero-art{aspect-ratio:2.05/1;display:flex;align-items:center;justify-content:center;background:#18271f}.invest-B .invest-editorial-hero.invest-hero-art{background:#192c23}.invest-C .invest-editorial-hero.invest-hero-art{background:#23392d}.invest-editorial-hero .art{width:78%;height:auto;overflow:visible}.invest-editorial .art path,.invest-editorial-hero .art path{stroke-linecap:round;stroke-linejoin:round}
@media(max-width:800px){.invest-editorial .invest-heading{display:block;margin-bottom:30px}.invest-editorial .invest-heading .intro{margin-top:18px}.invest-overview.invest-editorial .investment-card{min-height:0;padding:23px}.invest-overview.invest-editorial .investment-card h2{min-height:0}.invest-art{margin:12px 0 8px}.invest-editorial-hero.invest-hero-art{aspect-ratio:1.45/1}.invest-editorial-hero .art{width:88%}}
.invest-C .cards .card:first-child b{font-size:clamp(2rem,3vw,3rem);line-height:1.15;overflow-wrap:anywhere}
.invest-C .invest-editorial-hero{overflow:visible;z-index:2}
.invest-C .invest-editorial-hero img.qw-easter-medallion{position:absolute;z-index:4;left:50%;top:50%;width:73.2%;height:auto;max-width:none;object-fit:contain;pointer-events:none;transform:translate(-50%,-52.3%) scale(.04);opacity:0;animation:qw-medallion-flight 3s ease-out forwards}
.invest-platforms .qw-easter-area{opacity:0;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:8px 4px;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;cursor:default}
.invest-platforms .qw-easter-area:hover{background:transparent}.invest-platforms .qw-easter-area:focus-visible{outline:2px solid #b6d9bd;outline-offset:3px}
@media(max-width:800px),(pointer:coarse){.invest-C .invest-editorial-hero img.qw-easter-medallion{width:82.6%}}
@keyframes qw-medallion-flight{0%{opacity:0;transform:translate(-50%,-52.3%) scale(.04);filter:drop-shadow(0 0 0 transparent)}12%{opacity:.6336}48%{opacity:.66;transform:translate(-50%,-52.3%) scale(1);filter:drop-shadow(0 0 5px #d6e9ce55)}62%{opacity:.66;transform:translate(-50%,-52.3%) scale(1);filter:drop-shadow(0 0 22px #e1f5d8a0)}75%{opacity:.594;transform:translate(-50%,-52.3%) scale(1);filter:drop-shadow(0 0 5px #d6e9ce55)}100%{opacity:0;transform:translate(-50%,-52.3%) scale(1);filter:drop-shadow(0 0 2px transparent)}}
.actions .deal-document{display:inline-flex;align-items:center;padding:13px 18px;border:1px solid #668672;border-radius:30px;background:#1c3025;color:#e4f3e7;text-decoration:none;font-size:.833rem;transition:background .2s,transform .2s}.actions .deal-document:hover{background:#2d4837;color:white;transform:translateY(-2px)}.actions .deal-document:focus-visible{outline:2px solid #c7e6cf;outline-offset:3px}
.invest-detail .actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;max-width:1050px}.invest-detail .actions>button,.invest-detail .actions>.deal-document{min-width:0;text-align:center;justify-content:center;line-height:1.3}.invest-detail .actions>.deal-document{white-space:normal}
@media(max-width:649px){.invest-detail .actions{grid-template-columns:repeat(2,minmax(0,1fr))}.invest-detail .actions>button[data-finance]{grid-column:1;grid-row:1}.invest-detail .actions>button[data-go]{grid-column:1;grid-row:2}.invest-detail .actions>.deal-document{grid-column:2;grid-row:1 / span 2}}
.invest-finance{min-width:0;flex:1}.invest-finance-line{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:10px;row-gap:4px}.invest-card-bottom .invest-amount{font-size:clamp(.95rem,1.3vw,1.3rem);line-height:1.1;white-space:nowrap}.invest-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0}.invest-kpi{min-width:0;display:flex;flex-direction:column;gap:4px}.invest-kpi span{font-size:.52rem;color:#a9c1b0;line-height:1.15;overflow-wrap:anywhere}.invest-kpi strong{font-size:.85rem;line-height:1.05;white-space:nowrap;font-weight:500;color:#cce8d1;letter-spacing:-.02em}.invest-kpi strong small{font-size:.58em;font-weight:400}.invest-kpi-note{grid-column:2;font-size:.59rem;color:#a9c1b0;line-height:1.2}.invest-card-bottom{gap:8px}.invest-detail .invest-budget-card .invest-finance-line{width:100%}.invest-detail .invest-budget-card .invest-amount{font-size:clamp(1.25rem,2vw,2.15rem);line-height:1.12;overflow-wrap:anywhere}.invest-detail .invest-budget-card .invest-kpi strong{font-size:clamp(.85rem,1.05vw,1.1rem)}.invest-detail .invest-budget-card .invest-kpi span{font-size:.59rem}.invest-detail .invest-budget-card p{margin-bottom:0}
@media(max-width:800px){.invest-card-bottom .invest-amount{font-size:1.3rem}.invest-kpi span{font-size:.63rem}.invest-kpi strong{font-size:1rem}.invest-detail .invest-budget-card .invest-amount{font-size:clamp(1.4rem,5vw,2rem)}.invest-detail .invest-budget-card .invest-kpi strong{font-size:1rem}}
@media(max-width:450px){.invest-card-bottom .invest-amount{font-size:1.05rem}.invest-card-bottom .invest-kpi span{font-size:.53rem}.invest-card-bottom .invest-kpi strong{font-size:.8rem}.invest-card-bottom .invest-finance-line{column-gap:6px}.invest-kpis{gap:4px}}
.invest-overview.invest-editorial .invest-card-bottom{display:block;position:relative}.invest-overview.invest-editorial .invest-card-bottom .invest-arrow{position:absolute;right:0;bottom:0}.invest-overview.invest-editorial .invest-caption{padding-right:48px}.invest-overview.invest-editorial .invest-kpi span{font-size:.61rem}.invest-overview.invest-editorial .invest-kpi strong{font-size:.95rem}.invest-overview.invest-editorial .invest-kpi-note{font-size:.65rem}
@media(min-width:801px) and (max-width:1100px){.invest-overview.invest-editorial .investment-card{padding-left:20px;padding-right:20px}.invest-overview.invest-editorial .invest-card-bottom .invest-amount{font-size:.95rem}.invest-overview.invest-editorial .invest-kpi span{font-size:.52rem}.invest-overview.invest-editorial .invest-kpi strong{font-size:.78rem}.invest-overview.invest-editorial .invest-finance-line{column-gap:5px}.invest-overview.invest-editorial .invest-kpis{gap:3px}}
.invest-detail .cards .invest-budget-card .invest-finance-line{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:8px}.invest-detail .cards .card.invest-budget-card b.invest-amount{font-size:clamp(1.15rem,1.8vw,1.65rem);line-height:1.1;overflow-wrap:normal}.invest-detail .cards .invest-budget-card .invest-kpis{gap:4px}.invest-detail .cards .invest-budget-card .invest-kpi span{font-size:.53rem}.invest-detail .cards .invest-budget-card .invest-kpi strong{font-size:.86rem}
@media(max-width:800px){.invest-detail .cards .card.invest-budget-card b.invest-amount{font-size:clamp(1.3rem,5vw,1.8rem)}.invest-detail .cards .invest-budget-card .invest-kpi span{font-size:.62rem}.invest-detail .cards .invest-budget-card .invest-kpi strong{font-size:1rem}}
@media(min-width:801px) and (max-width:1100px){.invest-overview.invest-editorial .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.invest-overview.invest-editorial .invest-card-bottom .invest-amount{font-size:1.15rem}.invest-overview.invest-editorial .invest-kpi span{font-size:.61rem}.invest-overview.invest-editorial .invest-kpi strong{font-size:.95rem}.invest-overview.invest-editorial .invest-finance-line{column-gap:10px}.invest-overview.invest-editorial .invest-kpis{gap:6px}}
.invest-kpis{grid-template-columns:1.05fr .85fr 1.45fr}
.invest-kpi span{min-height:2.3em;display:flex;align-items:flex-end}

/* Investment figures share a centered baseline; the ROI horizon and model status remain visible. */
.invest-finance-line{align-items:center}
.invest-kpis{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1fr);align-items:center;gap:8px}
.invest-kpi{text-align:center;align-items:center}
.invest-kpi span{min-height:0;justify-content:center;align-items:center}
.invest-period{min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;color:#a9c1b0;font-size:.61rem;line-height:1.15}
.invest-period small{font-size:.9em;overflow-wrap:anywhere}
@media(max-width:450px){.invest-kpis{gap:3px}.invest-period{font-size:.5rem}.invest-period small{font-size:.9em}}

.invest-kpis{position:relative;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:17px}
.invest-period{position:absolute;top:0;right:0;flex-direction:row;gap:5px;white-space:nowrap}
.invest-period small{overflow-wrap:normal}
.invest-overview.invest-editorial .invest-finance-line{padding-right:48px}

/* Screen 29: place the forecast note directly above each scenario arrow. */
.invest-overview.invest-editorial .invest-card-bottom{padding-top:34px}
.invest-overview.invest-editorial .invest-kpis{position:static;padding-top:0}
.invest-overview.invest-editorial .invest-period{top:auto;bottom:48px;right:20px;transform:translateX(50%);flex-direction:column;gap:2px;line-height:1.15;white-space:nowrap;font-size:.61rem}

/* Keep investment amounts and financial values close in visual weight. */
.invest-overview.invest-editorial .invest-card-bottom .invest-amount{font-size:1.1rem}
.invest-overview.invest-editorial .invest-card-bottom .invest-kpi strong{font-size:1.02rem}
@media (max-width:450px){
  .invest-overview.invest-editorial .invest-card-bottom .invest-amount{font-size:1rem}
  .invest-overview.invest-editorial .invest-card-bottom .invest-kpi strong{font-size:.95rem}
}

/* Detail screens: emphasize and center the financial figures. */
.invest-detail .cards .invest-budget-card .invest-kpi{align-items:center;text-align:center}
.invest-detail .cards .invest-budget-card .invest-kpi span{font-size:.68rem;justify-content:center}
.invest-detail .cards .invest-budget-card .invest-kpi strong{font-size:clamp(1.15rem,1.7vw,1.45rem)}
.invest-detail .cards .invest-budget-card .invest-period{top:-10px}
@media(max-width:450px){
  .invest-detail .cards .invest-budget-card .invest-kpi strong{font-size:1.05rem}
  .invest-detail .cards .invest-budget-card .invest-kpi span{font-size:.62rem}
}

.invest-detail .invest-budget-card{container-type:inline-size}
@container (max-width:380px){
  .invest-detail .cards .invest-budget-card .invest-finance-line{display:flex;flex-direction:column;align-items:stretch;gap:14px}
  .invest-detail .cards .invest-budget-card .invest-kpis{width:100%}
}

/* Scenario detail: horizon note in the corner and prominent centered KPIs. */
.invest-detail .cards .invest-budget-card .invest-kpis{position:static;padding-top:0}
.invest-detail .cards .invest-budget-card .invest-period{top:18px;right:20px;flex-direction:column;align-items:flex-end;gap:3px;line-height:1.2}
.invest-detail .cards .invest-budget-card .invest-kpi span{font-size:.75rem}
.invest-detail .cards .invest-budget-card .invest-kpi strong{font-size:clamp(1.35rem,1.9vw,1.65rem)}
@container (max-width:240px){
 .invest-detail .cards .invest-budget-card .invest-kpi strong{font-size:1.15rem}
}

/* Reserve a clear band for the two-line scenario note at every width. */
.invest-detail .cards .invest-budget-card{padding-top:76px}
.invest-detail .cards .invest-budget-card .invest-period{z-index:1}

.invest-kpi strong.invest-kpi-unreached{white-space:normal;overflow-wrap:anywhere;font-size:.68rem!important;line-height:1.15!important}

/* Scenario C: center the three returns in the space freed by the repeated budget. */
.invest-detail.invest-C .cards .invest-budget-card{justify-content:center;padding-bottom:48px}
.invest-detail.invest-C .cards .invest-budget-card .invest-finance-line{display:block;width:100%}
.invest-detail.invest-C .cards .invest-budget-card .invest-kpis{width:100%;gap:8px;align-items:center}
.invest-detail.invest-C .cards .invest-budget-card .invest-kpi span{font-size:.8rem}
.invest-detail.invest-C .cards .invest-budget-card .invest-kpi strong{font-size:clamp(1.25rem,2.1vw,1.8rem)}
.invest-detail.invest-C .cards .invest-budget-card .invest-model-note{margin:18px 0 0;text-align:center;font-size:.7rem;line-height:1.4}
@container (max-width:240px){.invest-detail.invest-C .cards .invest-budget-card .invest-kpi strong{font-size:1rem}.invest-detail.invest-C .cards .invest-budget-card .invest-kpi span{font-size:.65rem}}

.invest-detail:is(.invest-A,.invest-B) .cards .invest-budget-card{justify-content:center;padding-bottom:48px}
.invest-detail:is(.invest-A,.invest-B) .cards .invest-budget-card .invest-finance-line{display:block;width:100%}
.invest-detail:is(.invest-A,.invest-B) .cards .card.invest-budget-card b.invest-amount{position:absolute;top:20px;left:24px;font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.1}
.invest-detail.invest-B .cards .card.invest-budget-card b.invest-amount{font-size:clamp(1.75rem,3vw,2.4rem)}
.invest-detail:is(.invest-A,.invest-B) .cards .invest-budget-card .invest-kpis{width:100%;gap:8px;align-items:center}
.invest-detail:is(.invest-A,.invest-B) .cards .invest-budget-card .invest-kpi span{font-size:.8rem}
.invest-detail:is(.invest-A,.invest-B) .cards .invest-budget-card .invest-kpi strong{font-size:clamp(1.25rem,2.1vw,1.8rem)}
.invest-detail:is(.invest-A,.invest-B) .cards .invest-budget-card .invest-model-note{margin:18px 0 0;text-align:center;font-size:.7rem;line-height:1.4}
@container (max-width:240px){.invest-detail:is(.invest-A,.invest-B) .cards .invest-budget-card .invest-kpi strong{font-size:1rem}.invest-detail:is(.invest-A,.invest-B) .cards .invest-budget-card .invest-kpi span{font-size:.65rem}}

.invest-detail:is(.invest-A,.invest-B,.invest-C) .invest-editorial-hero.invest-hero-art{aspect-ratio:3.5/1}
.invest-detail:is(.invest-A,.invest-B,.invest-C) .invest-editorial-hero .art{width:78%}

.invest-overview.invest-editorial .investment-card{container-type:inline-size}
.invest-overview.invest-editorial .invest-card-bottom .invest-amount{font-size:clamp(1.35rem,1.7vw,1.65rem);line-height:1.05;justify-self:start}
.invest-overview.invest-editorial .invest-period{top:7px;bottom:auto;right:0;transform:none;align-items:flex-end;text-align:right}
@container (max-width:330px){
 .invest-overview.invest-editorial .invest-finance-line{grid-template-columns:1fr;row-gap:10px}
 .invest-overview.invest-editorial .invest-card-bottom .invest-amount{font-size:1.3rem}
 .invest-overview.invest-editorial .invest-period{top:7px;bottom:auto;right:0;transform:none;align-items:flex-end}
}

#presenter{display:none!important}
.brand small{text-align:center}

/* Scenario actions follow their cards, leaving the financial figures unobstructed. */
.invest-overview.invest-editorial .invest-card-group{display:flex;flex-direction:column;gap:18px;min-width:0}
.invest-overview.invest-editorial .invest-card-group .investment-card{flex:1}
.invest-overview.invest-editorial .invest-card-group:nth-child(2) .investment-card{background:#192c23}
.invest-overview.invest-editorial .invest-card-group:nth-child(3) .investment-card{background:#23392d}
.invest-overview.invest-editorial .invest-finance-line{padding-right:0}
.invest-overview.invest-editorial .invest-scenario-cta{position:relative;align-self:stretch;width:100%;min-height:44px;max-width:100%;padding:0 18px;border:0;border-radius:10px;background:#b9d9c4;color:#102019;box-shadow:0 0 0 2px rgba(213,247,222,.9),0 0 12px 3px rgba(166,229,189,.5),0 0 27px 7px rgba(137,210,163,.2);font-size:clamp(11px,1.4vw,15px)}
.invest-overview.invest-editorial .invest-scenario-cta:hover{background:#d0e8d5}
.invest-overview.invest-editorial .invest-scenario-cta::after{content:'';position:absolute;left:0;top:0;width:7px;height:7px;border-radius:50%;background:#f0fff2;box-shadow:0 0 7px 2px #e4ffe8c9,0 0 14px 3px #b9f0c59c;pointer-events:none;offset-path:rect(0 100% 100% 0 round 10px);offset-anchor:center;animation:invest-cta-firefly 5s linear infinite}
@keyframes invest-cta-firefly{to{offset-distance:100%}}
@media(prefers-reduced-motion:reduce){.invest-overview.invest-editorial .invest-scenario-cta::after{animation:none}}
.invest-detail.invest-A .actions{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:649px){.invest-detail.invest-A .actions>.deal-document{grid-column:2;grid-row:1}}

/* Align the two scenario actions with their respective information blocks. */
.invest-detail .actions,.invest-detail.invest-A .actions{grid-template-columns:minmax(220px,.68fr) minmax(0,1.32fr);gap:18px}
@media(max-width:800px){.invest-detail .actions,.invest-detail.invest-A .actions{grid-template-columns:1fr}.invest-detail .actions>button[data-finance]{grid-column:1;grid-row:1}.invest-detail .actions>.deal-document,.invest-detail.invest-A .actions>.deal-document{grid-column:1;grid-row:2}}

/* Shared navigation and copyright reserve their full height on every screen. */
body>footer{height:auto;display:flex;flex-direction:column;gap:0;align-items:stretch}
body>footer .footer-nav{height:60px;display:flex;align-items:center;justify-content:center;gap:25px;flex:none}
#qw-copyright{display:flex;flex-direction:column;align-items:center;gap:1px;padding:0 12px 8px;background:transparent;text-align:center;color:#a8bdb0;font:10.5px/1.35 Inter,"Segoe UI",sans-serif;text-wrap:balance}
#qw-copyright span{display:block}
body{padding-bottom:var(--footer-height,100px)}
main{min-height:max(250px,calc(100dvh - var(--header-height,72px) - var(--footer-height,100px)))}
.frame{height:max(250px,calc(100dvh - var(--header-height,72px) - var(--footer-height,100px)))}
.content{min-height:calc(100dvh - var(--header-height,72px) - var(--footer-height,100px))}
@media(max-width:500px){body>footer .footer-nav{gap:clamp(8px,3vw,16px)}#qw-copyright{font-size:10px;padding-inline:10px}}
/* Compact shell, a copyright in document flow, and a safe-area-aware immersive viewport. */
body{padding-bottom:var(--footer-height,60px)}
body>footer{height:auto;gap:0;align-items:stretch;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}
body>footer .footer-nav{height:54px;gap:20px}
#qw-copyright{position:static;padding:12px 16px 16px;background:transparent;color:#a8bdb0;text-align:center;font:10.5px/1.4 Inter,"Segoe UI",sans-serif}
main{min-height:max(0px,calc(100dvh - var(--header-height,72px) - var(--footer-height,54px)))}
.frame{height:max(0px,calc(100dvh - var(--header-height,72px) - var(--footer-height,54px)))}
.content{min-height:max(0px,calc(100dvh - var(--header-height,72px) - var(--footer-height,54px)))}
#immersive-controls[hidden]{display:none!important}
#immersive-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:52px;padding:7px max(10px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:#0d1813;border-top:1px solid #273d32}
#immersive-controls button{min-height:40px;min-width:40px;padding:7px 11px;line-height:1.2}
#immersive-controls span{white-space:nowrap;font-size:.85rem}
#immersive-exit{max-width:45%;font-size:.75rem}
body.qw-immersive{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}
body.qw-immersive>header,body.qw-immersive>footer,body.qw-immersive>#qw-copyright{display:none!important}
body.qw-immersive>main{flex:1;min-height:0;height:auto;overflow-y:auto;overscroll-behavior:contain}
body.qw-immersive #other{height:100%}
body.qw-immersive .frame{height:100%;min-height:0;max-height:100%}
body.qw-immersive .content{min-height:100%}
@media(max-width:1100px){body>header{height:auto;min-height:0;flex-wrap:wrap;gap:6px;padding:8px max(10px,env(safe-area-inset-right)) 6px max(10px,env(safe-area-inset-left))}body>header nav{order:3;flex-basis:100%;width:100%;margin:0;gap:4px;justify-content:space-between;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}body>header nav::-webkit-scrollbar{display:none}body>header nav button{flex:none;white-space:nowrap}body>footer .footer-nav{height:48px;gap:clamp(8px,3vw,16px)}}
@media(max-width:520px){body>header .brand{font-size:.65rem}body>header #language{width:80px;min-height:36px}body>header :is(#index,#help,#fullscreen){width:36px;height:36px}body>header nav button{font-size:.7rem;min-height:36px}body>footer .footer-nav button{min-height:40px}#qw-copyright{font-size:10px;padding:10px 10px 14px}#immersive-controls{gap:4px}#immersive-controls button{padding:6px 8px}#immersive-exit{font-size:.68rem}}

/* Copyright is a separate strip below navigation, never underneath it. */
body{padding-bottom:calc(var(--footer-height,54px) + var(--copyright-height,22px))}
body>footer{bottom:var(--copyright-height,22px);padding-bottom:0}
#qw-copyright{position:fixed;z-index:10;left:0;right:0;bottom:0;padding:4px 10px max(4px,env(safe-area-inset-bottom));background:transparent}
main,.content{min-height:max(0px,calc(100dvh - var(--header-height,72px) - var(--footer-height,54px) - var(--copyright-height,22px)))}
.frame{height:max(0px,calc(100dvh - var(--header-height,72px) - var(--footer-height,54px) - var(--copyright-height,22px)))}
@media(max-width:520px){#qw-copyright{padding:4px 10px max(4px,env(safe-area-inset-bottom))}}
@media(max-width:1100px){#qw-copyright{box-sizing:border-box;left:var(--mobile-copyright-left,0);right:auto;width:var(--mobile-copyright-width,100%);padding-left:0;padding-right:0;font-size:var(--mobile-copyright-size,10px);white-space:nowrap}}
@media(max-width:1100px){body>footer .footer-nav{height:36px}body>footer .footer-nav button{position:relative;height:32px;min-height:32px;padding:4px 11px}body>footer .footer-nav button::after{content:"";position:absolute;inset:-4px}}

/* Keep the complete presentation header on a single line. */
body>header{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
body>header::-webkit-scrollbar{display:none}
body>header>*{flex-shrink:0}
body>header nav{order:0;flex:0 0 auto;width:auto;overflow:visible}
body>header nav button{flex:none;white-space:nowrap}
@media(max-width:1100px){body>header{height:auto;min-height:0;gap:5px;padding:6px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left))}body>header nav{order:0;flex:0 0 auto;flex-basis:auto;width:auto;margin:0;gap:1px;justify-content:flex-start;overflow:visible}body>header nav button{min-height:32px;padding:6px 4px;white-space:nowrap}}
@media(max-width:740px){body>header :is(#index,#help,#fullscreen){font-size:0;width:30px;height:32px;min-height:32px;padding:0}body>header #index::after{content:'☰';font-size:15px}body>header #help::after{content:'?';font-size:15px}body>header #fullscreen::after{content:'⛶';font-size:17px}body>header #language{width:72px;min-height:32px;padding:5px 2px;font-size:.62rem}}
@media(max-width:520px){body>header{gap:2px;padding:5px max(4px,env(safe-area-inset-right)) 5px max(4px,env(safe-area-inset-left))}body>header .brand{font-size:clamp(7px,2vw,9px);letter-spacing:.02em}body>header nav{gap:0}body>header nav button{font-size:clamp(8px,2.25vw,10px);min-height:32px;padding:5px 2px}body>header #language{width:65px;font-size:.57rem}body>header :is(#index,#help,#fullscreen){width:26px;height:32px}}
.header-language{display:contents}.header-language-short{display:none}
@media(max-width:1000px){body>header :is(#index,#help,#fullscreen){font-size:0;width:30px;height:32px;min-height:32px;padding:0}body>header #index::after{content:'☰';font-size:15px}body>header #help::after{content:'?';font-size:15px}body>header #fullscreen::after{content:'⛶';font-size:17px}body>header #language{width:72px;min-height:32px;padding:5px 2px;font-size:.62rem}}
@media(max-width:700px){body>header .brand{font-size:.7rem;letter-spacing:.04em}body>header nav button{font-size:.68rem;padding:6px 3px}}
@media(max-width:520px){body>header{gap:0}body>header .brand{font-size:8px;letter-spacing:.02em;margin-right:2px}body>header nav button{font-size:8px;padding:5px 1px}.header-language{position:relative;display:block;flex:none;width:36px;height:32px}.header-language #language{position:absolute;inset:0;z-index:1;width:100%;height:100%;min-height:0;opacity:0;cursor:pointer}.header-language-short{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:1px solid #40584b;border-radius:8px;background:#182820;color:#e1eee5;font-size:10px;white-space:nowrap}.header-language #language:focus-visible+.header-language-short{outline:2px solid #b7d8c5;outline-offset:2px}body>header :is(#index,#help,#fullscreen){width:26px;height:32px}}
@media(min-width:380px) and (max-width:520px){body>header .brand,body>header nav button{font-size:clamp(8px,2.3vw,9px)}}
@media(min-width:430px) and (max-width:520px){body>header .brand,body>header nav button{font-size:10px}}

/* Align deal and contact actions with the proposed-structure card. */
.invest-detail .actions,.invest-detail.invest-A .actions{gap:18px}
.invest-detail .actions>.invest-action-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.invest-detail .invest-action-pair>.deal-document{min-width:0;justify-content:center;text-align:center;white-space:normal;line-height:1.3}
.invest-detail .invest-action-pair>.qw-invest-contact{display:flex;align-items:stretch;min-width:0;max-width:none;margin:0}
.invest-detail .invest-action-pair .qw-contact-link{width:100%;min-width:0;line-height:1.3}
@media(max-width:800px){.invest-detail .actions>.invest-action-pair{grid-column:1;grid-row:2}}
@media(max-width:520px){.invest-detail .actions>.invest-action-pair{gap:8px}.invest-detail .invest-action-pair>.deal-document,.invest-detail .invest-action-pair .qw-contact-link{padding:10px 7px;font-size:.73rem}}
@media(max-width:800px){.invest-detail-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:1050px;margin-top:16px}.invest-detail-layout>.cards,.invest-detail-layout>.actions{display:contents}.invest-detail-layout>.cards>.invest-budget-card{grid-column:1;grid-row:1}.invest-detail-layout>.actions>button[data-finance]{grid-column:1;grid-row:2}.invest-detail-layout>.cards>article:not(.invest-budget-card){grid-row:3}.invest-detail-layout>.actions>.invest-action-pair{grid-column:1;grid-row:4}}

/* Large displays: retain the approved layout while using more of the viewport. */
@media (min-width: 2000px) {
  :root { --qw-wide-scale: 1; }
  .content.invest-overview, .content.invest-detail {
    max-width: min(1850px, calc(1300px + 35vw - 672px));
    zoom: var(--qw-wide-scale);
  }
  .invest-detail .cards, .invest-detail .actions {
    max-width: 100%;
  }
  body > header { min-height: clamp(64px, 2.2vw, 86px); }
  body > header .brand { font-size: clamp(16px, .52vw, 20px); }
  body > header nav button, body > header #language,
  body > header :is(#index, #help, #fullscreen) {
    font-size: clamp(13px, .42vw, 17px);
  }
  .footer-nav button, .footer-nav #count { font-size: clamp(13px, .42vw, 17px); }
}


@media (min-width:2400px) { :root { --qw-wide-scale:1.05; } }
@media (min-width:3000px) { :root { --qw-wide-scale:1.1; } }
@media (min-width:3600px) { :root { --qw-wide-scale:1.15; } }
@supports (zoom: calc(.833333 + 100vw / 12000px)) {
  @media (min-width:2000px) { :root { --qw-wide-scale:clamp(1, calc(.833333 + 100vw / 12000px), 1.2); } }
}


/* Presentation navigation: the controls follow the visual theme of each chapter. */
body {
  --qw-nav-bg: #0d1813;
  --qw-nav-control: #15271e;
  --qw-nav-border: #405b4b;
  --qw-nav-text: #e5f3eb;
  --qw-nav-muted: #9eb4a6;
  --qw-nav-hover: #294739;
}
body[data-qw-nav-theme="qe"] {
  --qw-nav-bg: #0d1821;
  --qw-nav-control: #142837;
  --qw-nav-border: #45667d;
  --qw-nav-text: #e4f2ff;
  --qw-nav-muted: #a6bacb;
  --qw-nav-hover: #29475c;
}
body > header nav button,
body > header :is(#language, #index, #help, #fullscreen),
body > header .header-language-short,
body > footer .footer-nav button,
#immersive-controls button {
  border: 1px solid var(--qw-nav-border);
  background: var(--qw-nav-control);
  color: var(--qw-nav-text);
}
body > header :is(nav button, #index, #help, #fullscreen):hover,
body > footer .footer-nav button:hover,
#immersive-controls button:hover { background: var(--qw-nav-hover); }
body > footer, #immersive-controls { background: var(--qw-nav-bg); }
#qw-copyright { color: var(--qw-nav-muted); }

/* Mobile: centre page navigation independently of the history return button. */
@media (max-width:1100px) {
  body > footer .footer-nav { position: relative; height:34px; gap:0; }
  body > footer .footer-nav button { position:absolute; height:27px; min-height:27px; padding:3px 8px; top:3px; }
  body > footer .footer-nav button::after { inset:-8.5px -7px; }
  body > footer #return { left:max(12px, env(safe-area-inset-left)); }
  body > footer #prev { left:calc(50% - 74px); width:30px; padding:0; }
  body > footer #count { position:absolute; left:50%; transform:translateX(-50%); white-space:nowrap; }
  body > footer #next { left:calc(50% + 44px); width:30px; padding:0; }
  #qw-copyright { padding-top:2px; padding-bottom:max(2px, env(safe-area-inset-bottom)); }
}
@media (max-width:520px) {
  body > header nav { gap:2px; }
  body > header .brand { font-size:7px; }
  body > header nav button { min-height:28px; padding:5px 2px; font-size:clamp(7px,1.9vw,8px); }
}
@media (max-width:350px) {
  body > footer #return { left:max(6px, env(safe-area-inset-left)); padding-left:4px; padding-right:4px; font-size:.68rem; }
}

@media(max-width:520px){body>header .brand small{display:block;text-align:center;font-size:5px;line-height:1.2;letter-spacing:.08em}}

/* Mobile header: the screen index provides navigation to all sections. */
@media(max-width:520px){
  body>header{justify-content:space-between;gap:6px;padding:5px max(10px,env(safe-area-inset-right)) 5px max(10px,env(safe-area-inset-left))}
  body>header nav{display:none}
  body>header .brand{font-size:clamp(10px,2.8vw,12px);letter-spacing:.06em;margin-right:0}
  body>header .brand small{font-size:6px;letter-spacing:.12em}
  body>header .header-language,body>header :is(#index,#help,#fullscreen){width:36px;height:36px;min-height:36px}
}