/* Figure-led home after sonali.ca: big lowercase sans section words open the
   page, then work is shown as large native figure plates with sparse caption
   rows. Full accounts stay in native <details>. No serif in the main UI. */
@font-face{font-family:'G27 Mono';src:url('../fonts/dm-mono-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#f3f5f2;--ink:#163a31;--muted:#55695f;--line:#cbd5cf;--soft:#e7ece8;--card:#fff;--accent:#d9ccf5;--link:#255b4e;--plate:#000;--light-plate:#e9eee9;--header-height:86px;--display:var(--sans,'Source Sans 3',system-ui,sans-serif);--data:'G27 Mono',ui-monospace,monospace}
:root[data-theme="dark"]{--paper:#142b25;--ink:#ecf5ef;--muted:#b7cec2;--line:#3f5c50;--soft:#1b342c;--card:#1b342c;--accent:#d9ccf5;--link:#d4c0f4}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#142b25;--ink:#ecf5ef;--muted:#b7cec2;--line:#3f5c50;--soft:#1b342c;--card:#1b342c;--accent:#d9ccf5;--link:#d4c0f4}}

/* Header */
.portfolio-home .site-header{background:var(--paper);color:var(--ink)}
.portfolio-home .site-header__inner{border-bottom:0}
.portfolio-home .site-name{font:600 19px/1.2 var(--display);letter-spacing:-.01em}
.portfolio-home .site-name__detail{display:none}
.portfolio-home .site-nav{gap:28px}

/* Opening: a compact name line, then three section words that are routes.
   The work stage directly below is the page's main opening area. */
.portfolio-home .gallery-opening{display:block;padding-block:18px 16px}
.portfolio-home .gallery-opening h1{margin:0;font:600 20px/1.25 var(--display);letter-spacing:-.01em}
.gallery-opening__copy>p{max-width:56ch;margin:4px 0 0;font-size:17px;line-height:1.45;color:var(--muted)}
.opening-nav{display:flex;flex-wrap:wrap;gap:0 .32em;margin-top:8px;font:400 clamp(40px,4.4vw,66px)/.95 var(--display);letter-spacing:-.045em}
.opening-nav a{display:inline-flex;align-items:center;min-height:44px;padding-block:.04em;color:var(--ink);font:inherit;letter-spacing:inherit;text-decoration:none;text-transform:lowercase;transition:color 120ms ease-out}
.opening-nav a:hover,.opening-nav a:focus-visible{color:#6a4bc0}
.opening-nav a:hover span,.opening-nav a:focus-visible span{text-decoration:underline;text-decoration-thickness:.05em;text-underline-offset:.12em}
.opening-nav a:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}
:root[data-theme="dark"] .opening-nav a:hover,:root[data-theme="dark"] .opening-nav a:focus-visible{color:var(--accent)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .opening-nav a:hover,:root:not([data-theme="light"]) .opening-nav a:focus-visible{color:var(--accent)}}
.opening-nav small{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Work stage: one inset dark plate. The project index swaps the real media
   in place; copy stays short and the full accounts sit in native details. */
.portfolio-home .work-stage{--stage:#10241e;--stage-ink:#eef4ef;--stage-muted:#bcd0c6;--stage-rule:rgba(238,244,239,.14);--stage-media-h:clamp(280px,calc(100svh - 420px),760px);max-width:none;margin:0;padding:0 clamp(8px,1vw,14px) 48px}
.portfolio-home .work-stage .gallery{display:block;max-width:none;margin:0;padding:0;background:var(--stage);color:var(--stage-ink);border:0;border-radius:18px;box-shadow:none;overflow:hidden}
.portfolio-home .work-stage .gallery-tabs{display:flex;gap:6px;margin:0;padding:8px;overflow-x:auto;border-bottom:1px solid var(--stage-rule);scrollbar-width:thin}
.portfolio-home .work-stage .gallery-tab{flex:1 0 auto;display:flex;align-items:baseline;justify-content:space-between;gap:16px;min-height:54px;margin:0;padding:12px 20px;background:transparent;border:1px solid transparent;border-radius:12px;color:var(--stage-ink);font:600 clamp(17px,1.45vw,22px)/1.2 var(--display);letter-spacing:-.01em;text-decoration:none;box-shadow:none}
.portfolio-home .work-stage .gallery-tab small{font:400 15px/1.2 var(--display);letter-spacing:0;color:var(--stage-muted)}
.portfolio-home .work-stage .gallery-tab:hover{background:rgba(238,244,239,.08);border-color:var(--stage-rule)}
.portfolio-home .work-stage .gallery-tab[aria-selected="true"]{background:#d9ccf5;border-color:#d9ccf5;color:#163a31}
.portfolio-home .work-stage .gallery-tab[aria-selected="true"] small{color:#163a31}
.portfolio-home .work-stage .gallery-tab:focus-visible{outline:3px solid #d9ccf5;outline-offset:2px}
.portfolio-home .work-stage .hero__spotlight{display:block;margin:0;padding:0;background:none;border:0;min-height:0}
.portfolio-home .work-stage .gallery-panel:not([hidden]){display:block}
.portfolio-home .work-stage .gallery-panel{margin:0;padding:0;background:none;border:0;scroll-margin-top:var(--header-height)}
.portfolio-home .work-stage .gallery-panel:not([hidden])+.gallery-panel:not([hidden]){border-top:1px solid var(--stage-rule)}
.portfolio-home .work-stage .gallery-panel:focus-visible{outline:3px solid #d9ccf5;outline-offset:-3px}
.portfolio-home .work-stage .stage-media{display:block;width:auto;max-width:none;margin:0;padding:0;background:var(--stage);border:0;border-radius:0}
.portfolio-home .work-stage .gallery[data-swapped] .gallery-panel:not([hidden]) .stage-media{animation:stage-in 180ms ease-out}
@keyframes stage-in{from{opacity:0}to{opacity:1}}

/* Real media fills the stage width at a height that keeps Play in view */
.portfolio-home .work-stage .video-demo{margin:0;border:0;border-radius:0;background:#000;color:var(--stage-ink)}
.portfolio-home .work-stage video{display:block;width:100%;height:var(--stage-media-h);max-height:none;object-fit:contain;background:#000;border-radius:0}
.portfolio-home .work-stage .opening-recording,.portfolio-home .work-stage .opening-recording video{background:#f2f6f5}
.portfolio-home .work-stage .video-controls{position:static;display:flex;align-items:center;gap:12px;min-height:62px;height:auto;margin:0;padding:8px 16px;background:var(--stage);color:var(--stage-ink);border:0;border-top:1px solid var(--stage-rule);opacity:1;transform:none}
.portfolio-home .work-stage .video-demo:not(.is-enhanced) .video-controls{display:none}
.portfolio-home .work-stage .video-play{min-width:104px;min-height:46px;padding:0 22px;background:#d9ccf5;border:0;border-radius:999px;color:#163a31;font:600 17px/1 var(--display)}
.portfolio-home .work-stage .video-play:hover{background:#efe8ff}
.portfolio-home .work-stage .video-play:focus-visible,.portfolio-home .work-stage .video-expand:focus-visible,.portfolio-home .work-stage .video-range:focus-visible{outline:3px solid #d9ccf5;outline-offset:3px}
.portfolio-home .work-stage .video-controls label{display:flex;flex:1;align-items:center;min-width:0;height:46px}
.portfolio-home .work-stage .video-range{width:100%;min-height:44px;accent-color:#d9ccf5}
.portfolio-home .work-stage .video-time{color:var(--stage-muted);font-size:14px;font-variant-numeric:tabular-nums}
.portfolio-home .work-stage .video-expand{min-height:44px;padding:0 14px;background:transparent;border:1px solid rgba(238,244,239,.4);border-radius:999px;color:var(--stage-ink)}

/* Short caption: name, what to do, the essential limit */
.portfolio-home .work-stage .stage-caption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 28px;margin:0;padding:14px 20px 16px;background:var(--stage);color:var(--stage-muted);font-size:16px;line-height:1.5}
.portfolio-home .work-stage .stage-caption p{margin:0;max-width:72ch}
.portfolio-home .work-stage .stage-caption p>strong:first-child{margin-right:.45em;color:var(--stage-ink);font-weight:600}
.portfolio-home .work-stage .stage-caption strong{color:var(--stage-ink)}
.portfolio-home .work-stage .stage-caption a{display:inline-flex;align-items:center;min-height:44px;color:#e4dafa;text-underline-offset:.2em}
.portfolio-home .work-stage .stage-caption a+a{margin-left:16px}
.portfolio-home .work-stage .stage-caption a:focus-visible{outline:2px solid #d9ccf5;outline-offset:3px}
.portfolio-home #opening-morpher-limit{display:block;margin-top:2px;color:#e4dafa}
.portfolio-home .work-stage .stage-try{min-height:54px;padding:0 28px;background:#d9ccf5;border-radius:999px;color:#163a31;font:600 18px/1 var(--display);text-decoration:none}
.portfolio-home .work-stage .stage-try:hover{background:#efe8ff}

/* MorphBrain: the saved comparison on a light plate, then Try */
.portfolio-home .work-stage .compare-stage{display:grid;align-content:center;justify-items:center;min-height:var(--stage-media-h);margin:0;padding:clamp(16px,2vw,28px);background:#f2f6f5;color:#163a31;border:0;border-radius:0}

/* Morphliner: Demo / Editor screenshot / Another scene */
.portfolio-home .work-stage .morphliner-showcase{margin:0;padding:0;background:none;border:0}
.portfolio-home .work-stage .media-switch{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:10px 16px;background:var(--stage);border:0}
.portfolio-home .work-stage .media-switch button,.portfolio-home .work-stage .demo-chapters button{min-height:44px;padding:0 16px;background:transparent;border:1px solid rgba(238,244,239,.35);border-radius:999px;color:var(--stage-ink);font:500 15px/1 var(--display)}
.portfolio-home .work-stage .media-switch button[aria-pressed="true"],.portfolio-home .work-stage .demo-chapters button[aria-pressed="true"]{background:var(--stage-ink);border-color:var(--stage-ink);color:#163a31}
.portfolio-home .work-stage .media-switch button:focus-visible,.portfolio-home .work-stage .demo-chapters button:focus-visible{outline:3px solid #d9ccf5;outline-offset:2px}
.portfolio-home .work-stage .demo-chapters{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0 16px 10px;background:var(--stage)}
.portfolio-home .work-stage .demo-caption{margin:0;padding:0 16px 10px;background:var(--stage);color:var(--stage-muted);font-size:14px}
.portfolio-home .work-stage .morphliner-editor-still,.portfolio-home .work-stage .morphliner-render-view{display:block;margin:0;background:#000;color:#e4dafa}
.portfolio-home .work-stage .morphliner-editor-still[hidden],.portfolio-home .work-stage .morphliner-render-view[hidden]{display:none}
.portfolio-home .work-stage .morphliner-editor-still img,.portfolio-home .work-stage .morphliner-render{display:block;width:100%;height:var(--stage-media-h);object-fit:contain;background:#000}
.portfolio-home .work-stage .morphliner-editor-still span,.portfolio-home .work-stage .morphliner-render-view figcaption{display:block;padding:10px 16px;background:var(--stage);color:#e4dafa;font-size:15px}

/* Full accounts: a native disclosure that opens onto paper, not dark */
.portfolio-home .work-stage .stage-account{margin:0;border-top:1px solid var(--stage-rule)}
.portfolio-home .work-stage .stage-account>summary{min-height:48px;padding:12px 20px;color:var(--stage-muted);font-size:15px;cursor:pointer}
.portfolio-home .work-stage .stage-account>summary:hover{color:var(--stage-ink)}
.portfolio-home .work-stage .stage-account>summary:focus-visible{outline:3px solid #d9ccf5;outline-offset:-3px}
.portfolio-home .work-stage .stage-account[open]{background:var(--paper);color:var(--ink)}
.portfolio-home .work-stage .stage-account[open]>summary{color:var(--ink)}
.portfolio-home .work-stage .stage-account .project{max-width:none;margin:0;padding:8px 20px 28px;border:0}
.portfolio-home .work-stage .stage-next{margin:14px 6px 0;font-size:17px}
.portfolio-home .work-stage .stage-next a{display:inline-flex;align-items:center;min-height:44px;color:var(--link);font-weight:600}

@media(max-width:700px){
  .portfolio-home .work-stage{padding-inline:0}
  .portfolio-home .work-stage .gallery{border-radius:0}
  .portfolio-home .work-stage .gallery-tab{flex:0 0 auto;min-height:48px;padding:10px 16px;font-size:17px}
  .portfolio-home .work-stage video,.portfolio-home .work-stage .morphliner-editor-still img,.portfolio-home .work-stage .morphliner-render{height:auto;aspect-ratio:16/10}
  .portfolio-home .work-stage .compare-stage{min-height:0}
  .portfolio-home .work-stage .video-controls{flex-wrap:wrap}
  .portfolio-home .work-stage .video-controls label{flex-basis:100%;order:3}
  .portfolio-home .work-stage .stage-caption{padding:12px 16px 14px}
}
@media(prefers-reduced-motion:reduce){
  .portfolio-home .work-stage .gallery[data-swapped] .gallery-panel:not([hidden]) .stage-media{animation:none}
  .opening-nav a{transition:none}
}

/* Shared: caption rows, case titles, actions */
.case-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px 24px;margin:0 0 8px;font-size:14px;line-height:1.4;color:var(--muted)}
.case-row b{margin-right:12px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.gallery-actions{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin-top:24px}
.gallery-action{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:10px 22px;background:var(--accent);border:1px solid #163a31;border-radius:6px;color:#163a31;font-size:17px;font-weight:600;line-height:1.4;text-decoration:none}
.gallery-action:hover{background:#cbb9f2;text-decoration:none}
.gallery-actions>.text-link{font-size:17px;font-weight:600}

/* Figure plates: native figures edge to edge, caption row underneath */
.plate{min-width:0;margin:0}
.plate__image{display:block;overflow:hidden;border-radius:4px;background:var(--plate)}
.plate__image img{display:block;width:100%;height:auto}
.plate__image:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.plate--light .plate__image{padding:14px;background:#f7f9f7}
.plate figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:6px 24px;padding-top:10px;font-size:14px;line-height:1.45;color:var(--muted)}
.plate figcaption p{margin:0;max-width:72ch}
.plate figcaption strong{color:var(--ink);font-weight:600}
.plate figcaption>a{flex:none;font-weight:600;color:var(--ink);text-underline-offset:.2em}

/* Research */
.gallery-research{padding-block:0 24px;background:transparent}
.gallery-research__heading{padding-top:18px;margin-bottom:22px;border-top:1px solid var(--line)}
.gallery-research__heading h2{margin:0;font:600 15px/1.4 var(--display);letter-spacing:0;color:var(--muted)}
.g27 h3,.gallery-feature__copy h3{margin:0 0 24px;max-width:24ch;font:600 clamp(30px,2.8vw,42px)/1.08 var(--display);letter-spacing:-.03em}

/* G27: lead team figure, results as data, second row of plates, full account */
.g27{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:0 40px;padding-bottom:72px;scroll-margin-top:calc(var(--header-height) + 12px)}
.g27>.case-row,.g27>h3,.g27-plates,.g27-account{grid-column:1/-1}
.g27-aside{display:flex;flex-direction:column;gap:22px;min-width:0}
.g27-result{padding-top:12px;border-top:1px solid var(--line)}
.g27-result h4{margin:0 0 10px;font:600 15px/1.35 var(--display);letter-spacing:0;color:var(--ink)}
.g27-count{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 14px;margin:0 0 4px}
.g27-count data{font:400 30px/1.15 var(--data);letter-spacing:-.02em;color:var(--ink)}
.g27-count span{font-size:15px;line-height:1.4;color:var(--muted)}
.g27-dot{display:inline-block;width:11px;height:11px;margin-right:7px;border-radius:50%;vertical-align:.02em}
.g27-dot--blue{background:#3a86e0}
.g27-dot--orange{background:#d95a2b}
.g27-note{margin:8px 0 0;font-size:14px;line-height:1.45;color:var(--muted)}
.g27-brief{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;margin:0;padding-top:12px;border-top:1px solid var(--line)}
.g27-brief dt{font-size:14px;line-height:1.45;font-weight:600;color:var(--muted)}
.g27-brief dd{margin:0;font-size:15px;line-height:1.45}
#g27 .gallery-actions{margin-top:0}
#g27 .gallery-action{min-height:44px;padding:0;background:none;border:0;border-radius:0;color:var(--ink);font-size:16px;text-decoration:underline;text-underline-offset:.2em}
#g27 .gallery-action:hover{text-decoration-thickness:2px}
.g27-plates{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:start;margin-top:48px}
.g27-account{margin-top:40px;border-top:1px solid var(--line)}
.g27-account>summary{display:flex;justify-content:space-between;gap:24px;min-height:56px;padding-block:16px;cursor:pointer;list-style:none;font-size:18px;font-weight:600}
.g27-account>summary::-webkit-details-marker{display:none}
.g27-account>summary::after{content:'+';font-weight:400}
.g27-account[open]>summary::after{content:'−'}
.g27-account>summary:focus-visible{outline:2px solid var(--link);outline-offset:4px}
.g27-account>p{max-width:68ch;margin:0 0 14px;font-size:17px;line-height:1.55}

/* MorphBrain: actual model figure on a light plate, compact copy beside it */
.gallery-feature{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0 48px;align-items:center;padding-block:28px 80px;border-top:1px solid var(--line)}
.gallery-feature>.case-row{grid-column:1/-1;margin-bottom:22px}
.gallery-figure{min-width:0;margin:0;padding:0;background:transparent}
.gallery-figure img{display:block;width:100%;height:auto}
.gallery-figure--patterning>a{display:block;padding:18px;border-radius:4px;background:var(--light-plate)}
.gallery-figure--patterning>a:focus-visible{outline:3px solid var(--link);outline-offset:3px}
.gallery-figure--patterning figcaption{padding-top:10px;font-size:14px;line-height:1.45;color:var(--muted)}
.gallery-feature__copy p{max-width:60ch;font-size:18px;line-height:1.5}
.gallery-feature__copy .gallery-limit{margin-top:16px;font-size:15px;color:var(--muted)}
.project-contribution{margin:20px 0 0}
.project-contribution dt{margin-top:14px;font-size:14px;line-height:1.5;font-weight:600;color:var(--muted)}
.project-contribution dd{max-width:58ch;margin:4px 0 0;font-size:17px;line-height:1.5}

/* Study notes */
.study-reading{border-top:1px solid var(--line)}
.study-reading>summary{display:flex;justify-content:space-between;gap:24px;min-height:72px;padding-block:22px;cursor:pointer;list-style:none;font-size:20px;font-weight:600;line-height:1.3}
.study-reading>summary::-webkit-details-marker{display:none}
.study-reading>summary::after{content:'+';font-weight:400}
.study-reading[open]>summary::after{content:'−'}
.study-reading>.research-feature{padding-block:22px 42px}
.study-reading>.research-feature--supporting{margin-top:0}
.research__heading{padding-block:8px 24px}
#fly-visuals{scroll-margin-top:0}
.portfolio-home .research{padding-bottom:64px}
.portfolio-home .research h2,.portfolio-home .projects__heading h2,.portfolio-home .supervised-work>h2{font:600 30px/1.15 var(--display);letter-spacing:-.025em}
.portfolio-home .supervised-work{margin-top:44px;padding-top:30px}

.portfolio-home .compare-stage__labels{color:#365543;font-size:14px}
.portfolio-home .region-legend,.portfolio-home .compare-stage__hint{color:#506b63;font-size:14px}
.compare-stage__scope{max-width:440px;margin:12px auto 0;padding-inline:20px;font-size:12px;line-height:1.4;color:#506b63;text-align:center}

/* About */
.portfolio-home .contact{padding-block:72px;background:var(--paper)}
.portfolio-home .contact h2{max-width:13ch;font:600 40px/1.1 var(--display);letter-spacing:-.035em}
.portfolio-home .contact__body>p{max-width:58ch;font-size:19px}
.portfolio-home .site-footer{border-top:1px solid var(--line)}

@media(max-width:1000px){
  .portfolio-home .gallery-opening{grid-template-columns:minmax(0,1fr) 280px;gap:0 36px}
  .g27{grid-template-columns:1fr}
  .g27-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;margin-top:28px}
  .g27-brief,.g27-aside>.gallery-actions{grid-column:1/-1}
  .g27-plates{gap:28px}
  .gallery-feature{gap:0 32px}
}
@media(max-width:800px){
  .g27-plates{grid-template-columns:1fr;gap:36px}
  .gallery-feature{grid-template-columns:1fr;gap:20px}
  .gallery-feature>.case-row{margin-bottom:0}
}
@media(max-width:700px){
  .portfolio-home .gallery-opening{grid-template-columns:1fr;grid-template-areas:'identity' 'intro' 'specimen' 'contents';gap:0;padding-block:16px 24px}
  .portfolio-home .gallery-opening h1{font-size:20px}
  .gallery-opening__copy>p{margin:4px 0 14px;font-size:16px;line-height:1.4}
  .opening-media{width:100%}
  .opening-recording video{height:clamp(140px,44vw,180px)}
  .opening-media figcaption{font-size:13px;line-height:1.35}
  .opening-media #opening-morpher-limit{font-size:12px}
  .opening-nav{margin-top:14px;font-size:44px}
  .opening-replay img{height:260px}
  .case-row{font-size:13px}
  .g27 h3,.gallery-feature__copy h3{margin-bottom:18px;font-size:30px}
  .g27{padding-bottom:52px}
  .g27-aside{display:flex;flex-direction:column;gap:20px;margin-top:24px}
  .g27-count data{font-size:26px}
  .plate figcaption{flex-direction:column;font-size:13px}
  .g27-account>p{font-size:16px}
  .gallery-action{padding:10px 18px;font-size:16px}
  .gallery-actions>.text-link{font-size:16px}
  .gallery-feature{padding-block:24px 52px}
  .gallery-figure--patterning>a{padding:10px}
  .gallery-feature__copy p{font-size:17px}
  .study-reading>summary{font-size:18px}
  .portfolio-home .research{padding-bottom:44px}
  .portfolio-home .research h2,.portfolio-home .projects__heading h2,.portfolio-home .supervised-work>h2{font-size:26px}
  .portfolio-home .gallery-tab{scroll-snap-align:start}
  .portfolio-home .project-gallery .gallery-panel>.project{padding:24px 20px}
  .portfolio-home .contact{padding-block:44px}
  .portfolio-home .contact h2{font-size:32px}
  .portfolio-home .contact__body>p{font-size:17px}
}
@media(max-width:600px){:root{--header-height:92px}.portfolio-home .site-header__inner{height:var(--header-height);min-height:var(--header-height)}.portfolio-home .site-nav{gap:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:480px){:root{--header-height:64px}.portfolio-home .site-header__inner{height:64px;min-height:64px}.portfolio-home .site-nav{display:none}}

/* Keep the stage selector in one row and retain full touch targets. */
.portfolio-home .work-stage .gallery-tabs{flex-wrap:nowrap;scrollbar-width:none}
.portfolio-home .work-stage .gallery-tabs::-webkit-scrollbar{display:none}
.portfolio-home .work-stage .gallery-tab{flex-direction:row}
.portfolio-home .theme-toggle{width:44px;height:44px;min-width:44px;min-height:44px}

/* Legacy work-page recording uses the same bounded media height as its peers. */
.portfolio-home .work-stage .morphliner-showcase .video-stage{height:var(--stage-media-h);aspect-ratio:auto}
@media(max-width:700px){.portfolio-home .work-stage .morphliner-showcase .video-stage{height:auto;aspect-ratio:16/10}}