/* finesse: approved v3 reference; brand / river green / Black 900 + WenKai 400 / native gallery */
:root{--font-display:'Noto Serif CJK SC Local Black',serif;--font-body:'Xiaojiang Reading Web',sans-serif;--font-poetic:'LXGW WenKai Local',serif;--ink:#173e34;--muted:#526a60;--surface:#f5f6f1;--river:#164d40;--pad:clamp(22px,5.5vw,88px)}
h1,h2,h3,.brand{font-weight:900}.section-heading h2{font-size:clamp(40px,4.6vw,68px);line-height:1.3;letter-spacing:.025em}.section-heading p{font-size:clamp(19px,2vw,28px);line-height:1.65;margin-top:10px}.section-heading{margin-bottom:48px}.tools-section{padding-block:80px 94px;max-width:1480px}.tool-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);column-gap:clamp(36px,6vw,100px);align-items:center;margin-top:64px}.tool-row:first-child{margin-top:0}.tool-copy{grid-column:2;grid-row:1;align-self:end;padding-bottom:22px}.tool-copy h3{font-size:clamp(27px,2.65vw,39px);line-height:1.45}.tool-copy p{font-size:clamp(18px,1.45vw,22px);margin-top:12px;line-height:1.7}.tool-row>.media-frame{grid-column:1;grid-row:1 / 3}.tool-access{grid-column:2;grid-row:2;align-self:start}.tool-row:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.tool-row:nth-child(even) .tool-copy,.tool-row:nth-child(even) .tool-access{grid-column:1}.tool-row:nth-child(even)>.media-frame{grid-column:2}
.media-frame{position:relative;aspect-ratio:16/9;background:#e7ece5;overflow:hidden;border:1px solid #173e3426;display:grid;place-items:center;min-width:0}.media-frame img,.media-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.media-link{position:absolute;inset:0;z-index:2}.play-label{position:absolute;bottom:16px;right:16px;background:#173e34eb;color:#f5f6f1;display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 14px;font-size:18px}.play-label img{position:static;width:24px;height:24px;filter:brightness(0) invert(1)}.preview-pause{position:absolute;z-index:3;left:12px;bottom:16px;min-width:44px;min-height:44px;background:#173e34eb;color:#f5f6f1;padding:8px;font-size:16px}.preview-pause[hidden]{display:none}.media-empty{font-size:18px;text-align:center;color:var(--muted);padding:22px}.media-empty small{display:block;font-size:15px;margin-top:8px}.media-note{position:absolute;bottom:0;inset-inline:0;padding:12px 16px;background:#f5f6f1ed;font-size:15px;color:var(--ink)}.access-pending{display:inline-block;color:var(--muted);font-size:17px;border-top:1px solid var(--line);padding-top:14px}.get-tool{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;padding:10px 26px;background:var(--river);color:var(--surface);border:1px solid var(--river);border-radius:4px;font-size:20px;white-space:nowrap}.get-tool.paid{background:transparent;color:#875821;border-color:#875821}
.science-section{position:relative;background:var(--river);color:#f5f6f1;isolation:isolate;padding-block:76px 82px}.science-section:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/optimized-v45/geography-gallery-ground.webp') center/cover;opacity:.3}.science-section .section-wrap{max-width:1480px}.science-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;max-width:1010px;margin:0 auto}.science-card{min-width:0}.science-card .media-frame{aspect-ratio:9/16;background:#123b32;border-color:#f5f6f130}.science-card .media-empty{color:#d8e7dd}.science-card h3{font-family:var(--font-body);font-weight:400;font-size:20px;line-height:1.6;margin-top:18px}.science-card .pending-caption{color:#d8e7dd;font-size:17px;margin-top:18px}.swipe-hint{display:none}.site-footer{padding-block:38px 24px}.footer-brand{display:flex;align-items:center;gap:18px;font-size:21px}.footer-brand .contact-link{margin-left:auto;font-size:18px}.footer-base{font-size:14px;margin-top:24px}.contact-dialog p,.contact-dialog .account-row button{font-size:17px}.contact-dialog h2{font-weight:900}.brand-note{font-size:12px}
.player-main{max-width:1320px;padding-block:30px 64px}.player-heading{margin-block:24px 30px}.player-heading h1{font-size:clamp(28px,3vw,44px);line-height:1.5}.player-heading p{font-size:18px;margin-top:10px;color:var(--muted)}.player-stage{background:#102b24;display:grid;place-items:center}.player-stage video{width:100%;aspect-ratio:16/9;max-height:76svh;object-fit:contain}.player-stage.portrait video{aspect-ratio:9/16;width:auto;max-width:100%;height:min(72svh,850px)}.player-status{font-size:17px;min-height:28px;margin-top:16px}.player-start{margin-top:12px}.back-link{font-size:18px}.player-footer{font-size:15px;color:var(--muted);padding-top:28px}.media-link:focus-visible{outline-offset:-5px;outline-color:#f5f6f1}.get-tool:hover{filter:brightness(1.1)}.get-tool:active{transform:translateY(1px)}
@media(max-width:800px){.tools-section{padding-block:48px 56px}.section-heading{margin-bottom:32px}.tool-row,.tool-row:nth-child(even){display:flex;flex-direction:column;align-items:stretch;gap:0;margin-top:42px}.tool-copy{padding:0 0 18px;align-self:auto}.tool-row>.media-frame{width:100%}.tool-access{align-self:auto;margin-top:16px}.get-tool{width:100%}.tool-copy h3{font-size:28px}.science-section{padding-block:48px 52px}.science-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding-bottom:16px;scrollbar-width:thin}.science-card{flex:0 0 min(79vw,340px);scroll-snap-align:start}.swipe-hint{display:block;font-size:17px;margin-top:18px;color:#d8e7dd}.footer-brand{flex-wrap:wrap;font-size:18px;gap:12px}.footer-brand img{width:40px;height:40px}.footer-brand>span{flex:1}.footer-brand .contact-link{margin:8px 0 0;flex-basis:100%;width:max-content}.footer-base{font-size:13px}.player-main{padding-top:18px}.player-heading{margin-top:15px}.player-stage.portrait video{height:min(70svh,760px)}.site-header nav{font-size:16px}}
.player-start[hidden]{display:none}
.profile-roles{display:flex;flex-wrap:wrap;gap:0 18px}.profile-roles span{white-space:nowrap}
.social-section{margin-top:26px;padding-block:28px 12px;border-top:1px solid var(--line)}.social-section h2{font-size:28px}.social-intro{font-size:18px;color:var(--muted);margin-top:8px}.social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:28px}.social-card h3{font-size:24px;margin-bottom:14px}.social-code{display:block;padding:14px;background:#fcfcf8;border:1px solid var(--line);width:100%}.code-crop{display:block;aspect-ratio:1;position:relative;overflow:hidden}.code-crop img{position:absolute;height:auto}.social-card>p{font-size:18px;margin-top:12px;overflow-wrap:anywhere}.social-code:hover{border-color:var(--ink)}#social-dialog{width:min(540px,calc(100vw - 28px));max-height:94dvh;padding:48px 16px 18px;background:var(--surface);border:1px solid var(--line);color:var(--ink);overflow:auto}#social-dialog::backdrop{background:#102b24b3}#social-full{max-width:100%;max-height:74dvh;width:auto;margin:auto;object-fit:contain}#social-dialog p{font-size:16px;text-align:center;margin-top:14px}.social-close{position:absolute;right:8px;top:4px;width:44px;height:44px;background:transparent;font-size:30px}@media(max-width:800px){.social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}.social-code{padding:8px}.social-card h3{font-size:22px}.social-card>p{font-size:16px}.social-section h2{font-size:25px}.social-intro{font-size:17px}}
/* User screenshot corrections, 2026-09-14: static covers, compact rail and full signature. */
#works-title:focus{outline:none}
.cover-scene{transition-duration:.85s}.cover-lettering{transition-duration:.85s}
.tools-section{max-width:1280px;padding-block:64px 68px}
.tool-row,.tool-row:nth-child(even){column-gap:44px;margin-top:42px}
.tool-copy h3{font-size:clamp(28px,2.6vw,38px)}
.tool-copy p{font-size:21px}.access-pending{font-size:19px;color:#385b4d;border-top:0;background:#e7ece5;padding:10px 16px;border-radius:3px}
.science-card>.media-link{position:relative;inset:auto;z-index:auto}
.science-card>.media-frame{display:block;width:100%}
.outside-play{display:flex;align-items:center;gap:10px;min-height:48px;font-size:21px;width:fit-content;margin-top:12px;border-bottom:1px solid #f5f6f16b}
.outside-play img{width:24px;height:24px;filter:brightness(0) invert(1)}
.science-description{font-size:19px;line-height:1.7;margin-top:12px;color:#e2eee5}
.science-track{gap:36px;max-width:980px;position:relative}
.gallery-nav{display:none}
.about-profile{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 36px;padding-block:18px 26px}
.complete-logo{max-width:520px;grid-column:1/-1}.complete-logo svg{display:block;width:100%;height:auto}
.about-copy h2{font-size:28px;margin-bottom:12px}.about-copy p{font-size:21px;line-height:1.8}.about-profile>.contact-link{font-size:21px;align-self:end;margin:0}
.footer-base{font-size:17px}.site-footer{padding-top:42px;padding-bottom:26px}
@media(max-width:800px){.tools-section{padding-block:44px 50px}.tool-row,.tool-row:nth-child(even){margin-top:34px}.tool-copy p{font-size:19px}.access-pending{font-size:17px}.science-card{flex:0 0 min(65vw,255px,calc(49svh * .5625));scroll-snap-align:start}.science-track{gap:20px;padding-right:calc(100% - min(65vw,255px,calc(49svh * .5625)))}.science-description{font-size:17px}.outside-play{font-size:19px;margin-top:6px}.gallery-nav{display:flex;justify-content:center;margin-top:14px}.gallery-nav button{width:44px;height:44px;background:transparent;display:grid;place-items:center}.gallery-nav span{width:7px;height:7px;border-radius:50%;background:#f5f6f166}.gallery-nav [aria-pressed=true] span{background:#f5f6f1;box-shadow:0 0 0 3px #f5f6f126}.swipe-hint{text-align:center;margin-top:0}.about-profile{display:flex;flex-direction:column;gap:22px}.complete-logo{width:100%;max-width:470px}.about-copy h2{font-size:25px}.about-copy p{font-size:19px}.about-profile>.contact-link{align-self:start;font-size:20px}.footer-base{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Approved body pairing: Source Han Sans; poetic section captions remain WenKai. */
.section-heading p,.section-kicker,.brand-note,.swipe-hint{font-family:var(--font-poetic);font-weight:400}

/* v28: download controls reuse the approved reading face and river palette. */
.video-download{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:6px 12px;font-family:var(--font-body);font-size:17px;line-height:1.5;white-space:nowrap;text-decoration:underline;text-underline-offset:5px;color:inherit}
.science-card>.video-download{display:flex;margin-top:4px;border:1px solid #f5f6f155;border-radius:4px}
.video-download:hover{background:#f5f6f114}.video-download:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.modal-download{margin-top:8px}.player-download{margin-top:20px}