/* Project panels: proportions apply inside the existing timeline rail. */
#translated { --accent:#79b7ff;--sector-rgb:121 183 255; }
.portfolio { overflow-anchor:none; }
.scene h2[tabindex="-1"]:focus { outline:none; }
.project-overview,.project-detail,.project-choice,.project-metrics { --pad:clamp(24px,3.5cqw,64px); }
.scene.project-overview,.scene.project-detail,.scene.project-choice,.scene.project-metrics { border:0; }
.project-overview::before,.project-detail::before,.project-choice::before,.project-metrics::before { display:none; }
:is(.project-overview,.project-detail,.project-choice,.project-metrics) :is(.sector-motif,.sector-console,.project-dna) { display:none!important; }
.project-overview .panel-kicker,.project-detail .panel-kicker,.project-choice .panel-kicker,.project-metrics .panel-kicker { font:700 .875rem/1.5 var(--mono);letter-spacing:.06em;margin:0 0 24px;color:inherit; }
.scene.project-overview { display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:clamp(70px,10vh,130px) clamp(32px,6cqw,100px) 100px; }
.project-overview h2 { max-width:16ch;margin:0 0 32px;font:900 clamp(3rem,7.8cqw,8.5rem)/1.02 var(--display);text-transform:uppercase;letter-spacing:0; }
.project-overview .overview-description { max-width:53ch;margin:0;font:400 clamp(1.05rem,1.65cqw,1.5rem)/1.6 Arial,sans-serif; }
.overview-bottom { width:100%;display:flex;align-items:end;justify-content:space-between;gap:36px;margin-top:clamp(40px,9vh,110px);padding-top:26px;border-top:1px solid #1116; }
.overview-skills { display:flex;flex-wrap:wrap;align-items:start;gap:8px;max-width:72%; }
.skill-chip { background:#969691;color:#101010;border-color:#747471;min-height:42px; }
.skill-chip:hover { background:#d1d1c9;border-color:currentColor; }
.skill-chip[aria-pressed=true] { background:var(--accent,var(--active-accent));color:#101010;border-color:var(--accent,var(--active-accent)); }
.company-brand { flex:0 0 180px;text-align:right;font:900 1.3rem/1.1 var(--display);letter-spacing:.04em; }
.company-brand img { max-width:190px;max-height:80px;object-fit:contain; }
.company-brand[data-brand=koloro] img { max-height:88px; }
.company-brand[data-brand=signaturegt] { display:flex;flex-direction:column;align-items:end;gap:14px; }
.company-brand[data-brand=signaturegt] img { max-width:165px;max-height:60px; }
.scene.project-detail,.is-pinned .motion-track>.scene.project-detail { padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0;align-items:stretch;align-content:stretch;background:#101010;color:#f3f3ed; }
.scene.project-detail--reverse { grid-template-columns:minmax(0,2fr) minmax(0,1fr)!important; }
.detail-copy { position:relative;z-index:5;grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:72px clamp(22px,2.8cqw,46px) 96px;min-width:0;border-right:1px solid #ffffff30; }
.project-detail--reverse>.detail-copy { grid-column:2;border-right:0;border-left:1px solid #ffffff30; }
.detail-copy h2 { margin:0 0 24px;font:900 clamp(1.8rem,3cqw,3.4rem)/1.08 var(--display);text-wrap:balance;letter-spacing:.015em; }
.detail-copy .panel-kicker { font-size:.75rem;color:var(--accent);margin-bottom:22px; }
.detail-copy>p:not(.panel-kicker) { font:400 1rem/1.6 Arial,sans-serif;margin:0 0 18px; }
.detail-list { margin:0 0 24px;padding-left:18px;font:400 1rem/1.45 Arial,sans-serif; }
.detail-list li+li { margin-top:8px; }
.detail-media { position:relative;grid-column:2;grid-row:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden; }
.project-detail--reverse>.detail-media { grid-column:1; }
.detail-media .project-image,.detail-media .project-video { width:100%;margin:0;padding:clamp(24px,4cqw,60px); }
.project-image img { width:100%;max-height:68vh;object-fit:contain;transform:translateY(calc((1 - var(--media-progress,1))*30px)) scale(calc(.94 + var(--media-progress,1)*.06)); }
.project-image figcaption,.project-video figcaption,.media-caption { display:block;text-align:left;font:400 .75rem/1.5 var(--mono);letter-spacing:.04em;margin-top:18px;opacity:.7; }
.project-video video { display:block;width:100%;max-height:70vh; }
.software-list { display:flex;flex-wrap:wrap;gap:8px;margin-top:10px; }
.software { position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid #666;background:#ddd;color:#101010;padding:6px;cursor:help; }
.software-icon { width:100%;height:100%;display:grid;place-items:center;font:700 .85rem var(--mono); }
.software-icon img { width:100%;height:100%;object-fit:contain; }
.software-tip { display:none;position:absolute;bottom:calc(100% + 12px);left:0;width:230px;padding:14px;background:#f3f3ed;color:#101010;box-shadow:0 4px 30px #0008;text-align:left;font:400 .875rem/1.5 Arial,sans-serif;z-index:80; }
.software-tip b { display:block;font-size:1rem;margin-bottom:5px; }
.software:hover .software-tip,.software:focus .software-tip,.software.is-open .software-tip { display:block; }
.software:focus-visible,.text-link:focus-visible,.game-choice:focus-visible,.game-switch:focus-visible { outline:3px solid var(--accent);outline-offset:5px; }
.tool-labels { list-style:none;padding:0;margin:16px 0;display:flex;flex-wrap:wrap;gap:6px; }
.tool-labels li { border:1px solid #777;padding:7px 10px;font:400 .8rem/1.4 var(--mono); }
.text-link { display:block;width:fit-content;padding:12px 0;border:0;border-bottom:1px solid #999;color:inherit;background:none;margin-top:20px;font:700 .875rem/1.4 var(--mono);cursor:pointer;text-decoration:none; }
.game-switch { width:fit-content;margin-top:22px;padding:8px 12px;border:1px solid #777;background:transparent;color:inherit;font:700 .75rem/1.3 var(--mono);letter-spacing:.04em;cursor:pointer;transition:background .2s,color .2s,border-color .2s; }
.game-switch:hover { background:var(--accent);border-color:var(--accent);color:#101010; }
.game-switch+.text-link { margin-top:8px; }
.detail-copy .source-note { font-size:.75rem!important;opacity:.65;margin-top:24px!important; }
.scene.project-choice { display:flex;flex-direction:column;justify-content:center;padding:80px 0 100px; }
.project-choice header { width:84%;margin:0 auto 36px; }
.project-choice h2,.project-metrics h2 { margin:0;font:900 clamp(2.6rem,5cqw,5.8rem)/1.08 var(--display); }
.game-choices { display:grid;grid-template-columns:40% 40%;justify-content:center;gap:4%;width:100%; }
.game-choice { position:relative;padding:0;min-width:0;text-align:left;border:1px solid #666;background:transparent;color:var(--white);cursor:pointer;overflow:hidden; }
.game-choice>img { width:100%;height:44vh;object-fit:cover;transition:filter .3s,transform .5s; }
.game-choice:first-child>img { object-fit:contain;background:#191919; }
.choice-title { position:relative;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;font:900 clamp(1.8rem,3cqw,3rem)/1 var(--display);border-top:1px solid #666; }
.choice-title b { font-family:Arial,sans-serif;font-weight:400;color:var(--accent); }
.choice-description { position:absolute;left:0;right:0;bottom:calc(1em + 63px);padding:24px;background:#101010ed;font:400 1rem/1.6 Arial,sans-serif;opacity:0;transform:translateY(12px);transition:.25s; }
.game-choice:hover .choice-description,.game-choice:focus-visible .choice-description { opacity:1;transform:none; }
.game-choice:hover>img { transform:scale(1.025); }
.game-choice>img.choice-logo { position:absolute;left:19%;top:10%;width:62%;height:25vh;max-height:240px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 16px #082522);transform:none; }
.chevelus-gallery { width:100%;margin:0;padding:6%; }
.film-frames { position:relative;aspect-ratio:16/9;width:100%;background:#181818; }
.film-frames img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s; }
.film-frames img.is-active { opacity:1; }
.chevelus-gallery figcaption { display:flex;justify-content:space-between;gap:15px;margin:18px 0;font:400 .75rem/1.5 var(--mono); }
.film-strip { display:grid;grid-template-columns:repeat(3,1fr);gap:12px; }
.film-strip img { width:100%;aspect-ratio:16/9;object-fit:cover; }
#microwarfare .micro-logo { width:170px;max-width:18%;height:auto;object-fit:contain; }
#microwarfare .micro-carousel { width:100%;margin:0;padding:4%; }
.micro-frames { position:relative;width:100%;height:calc(100% - 120px);min-height:280px;background:#151515;overflow:hidden; }
.micro-frames img { position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s; }
.micro-frames img.is-active { opacity:1; }
.micro-carousel figcaption { display:flex;justify-content:space-between;gap:15px;margin:12px 0;font:400 .7rem/1.5 var(--mono); }
.micro-film-strip { display:grid;grid-template-columns:repeat(3,1fr);gap:8px;height:70px; }
.micro-film-strip img { width:100%;height:100%;object-fit:contain;background:#171717; }
#microwarfare .micro-downloads { display:flex;align-items:center;gap:18px;border-top:1px solid #1116;margin-top:22px;padding-top:20px; }
.micro-downloads strong { font:900 clamp(2.8rem,5cqw,5rem)/1 var(--display);white-space:nowrap; }
.micro-downloads span { font:700 .875rem/1.5 var(--mono); }
.legacy-skills { display:flex;flex-wrap:wrap;gap:6px;margin-top:18px; }
.legacy-skills .skill-chip { min-height:34px;padding:6px 9px;font-size:.72rem; }
#microwarfare .project-brief>.legacy-skills { display:flex;margin-top:18px; }
#green-squat .legacy-skills { max-width:36rem;margin-top:4px; }
#green-squat .legacy-skills .skill-chip { background:transparent;color:#17221a;border-color:#17221a66; }
#green-squat .legacy-skills .skill-chip:hover,#green-squat .legacy-skills .skill-chip[aria-pressed=true] { background:var(--accent);border-color:#17221a;color:#17221a; }
#green-squat .gs-cover { margin:0;cursor:default; }
#green-squat .gs-cover:hover { transform:rotate(-5deg) rotateY(-9deg); }
.detail-media>.card-system { width:100%;height:100%;padding:0 5%;margin:0; }
.project-detail .tactimon-fan { width:100%;height:72vh;max-height:700px; }
.project-detail .fan-status { position:absolute;left:6%;right:6%;bottom:85px;font-size:.7rem;max-width:88%; }
.project-detail .tactimon-card { width:clamp(125px,14cqw,205px); }
.project-detail .mandralmier-stage,.project-detail .holocorp-stage { position:relative;width:100%;height:100%;min-height:70vh;overflow:hidden; }
.project-detail .mandralmier-stage::after { background:linear-gradient(0deg,#101010aa,transparent 18%); }
.project-detail .mandralmier-rings { left:50%;top:50%;width:70%;transform:translate(-50%,-50%); }
.project-detail .mandralmier-rings span:nth-child(3) { background:none;box-shadow:none; }
.project-detail .mandralmier-canvas,.project-detail .holocorp-canvas { position:absolute;inset:0;width:100%;height:100%; }
.tactimon-proof-row { display:flex;align-items:flex-end;gap:12px;width:100%;margin-top:12px; }
.tactimon-proof-actions { display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0; }
.tactimon-proof-actions .game-switch { margin-top:0; }
.tactimon-prototype-shot { position:relative;z-index:8;flex:0 0 min(42%,170px);width:min(42%,170px);margin:0;overflow:hidden;border:1px solid #f3f3ed88;background:#0a0c0c;box-shadow:0 12px 32px #000a;pointer-events:auto;cursor:zoom-in; }
.tactimon-prototype-shot img { display:block;width:100%;aspect-ratio:16/9;object-fit:cover; }
.tactimon-prototype-shot figcaption,.mandralmier-physical figcaption { position:absolute;left:0;right:0;bottom:0;padding:10px 12px;background:#0a0c0ce6;color:#f3f3ed;font:700 .62rem/1.3 var(--mono);letter-spacing:.08em; }
.tactimon-prototype-shot:focus-visible { outline:3px solid var(--accent);outline-offset:4px; }
body.prototype-preview-open { overflow:hidden; }
.prototype-lightbox { position:fixed;z-index:999;inset:0;display:grid;place-items:center;padding:5vh 5vw;background:#050606dc;cursor:zoom-out; }
.prototype-lightbox[hidden] { display:none; }
.prototype-lightbox figure { position:relative;width:100%;height:100%;margin:0;display:grid;place-items:center; }
.prototype-lightbox img { display:block;width:100%;height:100%;object-fit:contain;filter:none!important;opacity:1!important;transform:none!important;image-rendering:auto;background:transparent; }
.prototype-lightbox figcaption { position:absolute;left:0;bottom:0;padding:12px 16px;background:#0a0c0ce6;color:#f3f3ed;font:700 .62rem/1.3 var(--mono);letter-spacing:.08em; }
.mandralmier-physical { position:absolute;z-index:4;left:23%;top:4%;width:54%;height:78%;margin:0;overflow:hidden;border:1px solid #f3f3ed66;background:#0a0c0c;box-shadow:0 24px 70px #000b;pointer-events:none;opacity:var(--mandralmier-physical,0); }
.mandralmier-physical img { display:block;width:100%;height:100%;object-fit:contain;transform:none; }
.project-detail .mandralmier-phases,.project-detail .holocorp-phases { left:6%;right:6%;bottom:110px;max-width:88%; }
.project-detail .mandralmier-phases { grid-template-columns:repeat(4,1fr); }
.project-detail .mandralmier-phases span,.project-detail .holocorp-phase { font-size:.7rem; }
.project-detail .mandralmier-meter,.project-detail .holocorp-meter { left:6%;right:6%;bottom:82px; }
.project-flow { width:100%;list-style:none;margin:0;padding:clamp(24px,5cqw,80px);display:flex;flex-direction:column;gap:0; }
.project-flow li { padding:26px 0 26px 60px;position:relative;border-top:1px solid #ffffff40;opacity:calc(.3 + .7*var(--media-progress,1));transform:translateY(calc((1 - var(--media-progress,1))*24px)); }
.project-flow li>span { position:absolute;left:0;top:30px;color:var(--accent);font:700 .875rem var(--mono); }
.project-flow h3 { font:900 clamp(2rem,3.3cqw,3.5rem)/1.1 var(--display);margin:0 0 12px; }
.project-flow p { font:400 1rem/1.6 Arial,sans-serif;margin:0;max-width:44ch; }
.lucioles-stage { width:100%;height:100%;min-height:65vh;position:relative;background:radial-gradient(ellipse at center,#113431 0%,#101010 72%); }
#lucioles-canvas { position:absolute;inset:0;width:100%;height:100%; }
.lucioles-fallback { width:76%;height:76%;object-fit:contain;position:absolute;left:12%;top:12%; }
.lucioles-stage.is-ready .lucioles-fallback { visibility:hidden; }
.lucioles-stage .media-caption { position:absolute;left:6%;bottom:85px; }
.lucioles-cards { width:100%;height:100%;min-height:60vh;display:flex;align-items:center;justify-content:center;perspective:1200px;padding:9%; }
.lucioles-cards img { width:27%;margin:0 -5%;border-radius:10px;box-shadow:0 16px 40px #0008;transform:translateY(calc((var(--i) - 2)*(var(--i) - 2)*12px)) rotate(calc((var(--i) - 2)*9deg*var(--media-progress,1)));transition:transform .15s linear; }
.koloro-gallery { display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center; }
.koloro-gallery img { width:100%;height:auto;max-height:58vh;object-fit:contain; }
.koloro-gallery figcaption { grid-column:1/-1; }
.scene.project-metrics { padding:90px 6% 110px; }
.project-metrics header { margin-bottom:clamp(32px,7vh,80px); }
.channel-dashboard { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0; }
.channel-stat { position:relative;min-width:0;border-top:1px solid #888;border-right:1px solid #444;padding:24px 18px; }
.channel-stat:last-child { border-right:0; }
.stat-index { color:var(--accent);font:400 .875rem var(--mono); }
.channel-stat strong { display:block;font:900 clamp(2.5rem,5.6cqw,6rem)/1.2 var(--display);white-space:nowrap;margin:40px 0 16px; }
.channel-stat p { font:400 1rem/1.5 Arial,sans-serif; }
.stat-line { width:100%;height:6px;background:var(--accent);transform:scaleX(var(--stat-progress,0));transform-origin:left; }
.metrics-source { font:400 .75rem/1.5 var(--mono);opacity:.65;margin:26px 0 0; }
.project-detail .metrics-dashboard { display:grid;grid-template-columns:1fr;width:100%;gap:0;padding:7%; }
.scene.project-detail .metric-block { min-height:0;padding:28px 12px;display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:22px;border:0;border-bottom:1px solid #555;background:none;transform:none; }
.scene.project-detail .metric-block::before { display:none; }
.project-detail .metric-label { grid-column:2;font-size:.75rem; }
.scene.project-detail .metric-block>strong,.scene.project-detail .metric-block>.rank-seal { grid-column:1;grid-row:1/3;font-size:clamp(3.4rem,7cqw,7.5rem);margin:0; }
.project-detail .metric-block>p { position:static;grid-column:2;font-size:.875rem;line-height:1.5; }
.project-detail .rank-seal { width:100%;height:100px;border:0; }
.project-detail .rank-seal span { font-size:clamp(3.4rem,7cqw,7.5rem); }
.project-detail .rank-seal i,.project-detail .rank-seal b { display:none; }
.scene.project-detail .rank-seal::before,.scene.project-detail .rank-seal::after,.scene.project-detail.scene--express-metrics::after { display:none; }
.scene.project-detail .rank-seal { transform:scale(calc(.8 + var(--metric-progress,0)*.2));aspect-ratio:auto;display:flex;justify-content:start; }
.campaign-browser { width:100%;padding:6%; }
.project-detail .format-selector { width:100%;height:auto;position:relative;display:flex;gap:12px; }
.project-detail .format-card { min-width:0;flex:1;min-height:330px;padding:20px 12px; }
.project-detail .format-card strong { font-size:clamp(1.4rem,2.4cqw,2.6rem); }
.project-detail .format-card small { white-space:normal;font-size:.7rem; }
.project-detail .format-colors { position:relative;left:auto;bottom:auto;margin-top:22px;flex-wrap:wrap; }
.project-detail .format-colors[hidden] { display:none; }
.project-detail .format-card.is-active { flex:3; }
.language-map { width:85%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8%; }
.language-map>div { display:flex;flex-direction:column;gap:12px; }
.language-map>div span { font:700 2.4rem var(--mono);border-bottom:1px solid #666;padding:12px; }
.language-map>b { color:var(--accent);font:400 4rem Arial,sans-serif; }
.language-map>strong { color:var(--accent);font:900 clamp(5rem,15cqw,14rem)/1 var(--display); }
.language-map>p { grid-column:1/-1;font:400 1rem/1.5 var(--mono);margin-top:30px; }
.split-divider { display:none;position:absolute;z-index:15;top:0;bottom:0;width:1px;background:#ffffff50;pointer-events:none; }
.split-changing .split-divider { display:block; }
.split-changing .detail-copy { border-color:transparent; }
.is-pinned .project-detail { will-change:transform; }
.is-pinned .motion-stage { overflow:clip; }
.motion-stage:has(.project-detail)::after { display:none; }
.is-pinned .project-detail .detail-copy,.is-pinned .project-detail .detail-media { opacity:var(--content-opacity,1); }
.project-overview .stage-skills { display:none; }
.cover-filters { max-width:1000px; }
.cover-filters .skill-chip { font-size:.75rem;min-height:34px;padding:6px 9px; }
.scene[hidden] { display:none!important; }
@media(min-width:960px) and (min-height:620px) {
  .is-pinned .motion-track>.project-overview { padding:80px 6% 105px; }
  .is-pinned .motion-track>.project-choice { padding:75px 0 100px; }
  .is-pinned .motion-track>.project-metrics { padding:75px 6% 105px; }
}
@media(min-width:960px) and (max-height:800px) {
  .detail-copy { padding-top:56px;padding-bottom:85px; }
  .detail-copy h2 { font-size:clamp(1.6rem,2.65cqw,2.8rem);margin-bottom:16px; }
  .detail-copy .panel-kicker { margin-bottom:12px; }
  .detail-copy>p:not(.panel-kicker),.detail-list { font-size:1rem;line-height:1.4; }
  .detail-list li+li { margin-top:5px; }
  .detail-copy .text-link { margin-top:12px; }
}
@media(max-width:959px),(max-height:619px) {
  .project-jump--top { top:85px;right:auto;left:12px; }
  .scene.project-overview { min-height:85svh;padding:90px 7% 55px; }
  .project-overview h2 { font-size:clamp(2.6rem,9cqw,5rem); }
  .overview-bottom { align-items:start;flex-direction:column;margin-top:40px;gap:26px; }
  .overview-skills { max-width:100%; }
  .company-brand { flex:none;text-align:left; }
  .scene.project-detail,.scene.project-detail--reverse { display:flex!important;flex-direction:column;min-height:auto; }
  .detail-copy { order:0;border:0!important;padding:70px 7% 36px; }
  .detail-copy h2 { max-width:25ch;font-size:clamp(2rem,6cqw,3rem); }
  .detail-copy>p,.detail-list { max-width:60ch; }
  .detail-media { order:1;min-height:450px;width:100%;padding-bottom:35px; }
  .software-tip { width:190px;left:-16px; }
  .game-choices { grid-template-columns:42% 42%;gap:4%; }
  .game-choice>img { height:30vh; }
  .choice-title { padding:16px;font-size:1.8rem; }
  .choice-description { display:block;position:static;opacity:1;transform:none;padding:0 16px 20px;background:none;font-size:.875rem; }
  .project-detail .mandralmier-stage,.project-detail .holocorp-stage { height:65vh; }
  .motion-pin:not(.is-pinned) .scene.project-detail.scene--mandralmier,.motion-pin:not(.is-pinned) .scene.project-detail.scene--holocorp { min-height:300svh; }
  .motion-pin:not(.is-pinned) .scene--mandralmier>.detail-media,.motion-pin:not(.is-pinned) .scene--holocorp>.detail-media { flex:1 0 auto;min-height:220svh;align-items:flex-start;padding-bottom:0;overflow:visible; }
  .motion-pin:not(.is-pinned) .project-detail .mandralmier-stage,.motion-pin:not(.is-pinned) .project-detail .holocorp-stage { position:sticky;top:76px;height:calc(100svh - 76px);min-height:0; }
  .tactimon-prototype-shot { width:min(40%,150px);flex-basis:min(40%,150px); }
  .mandralmier-physical { left:13%;top:5%;width:74%;height:72%; }
  .project-detail .mandralmier-phases { left:4%;right:4%;max-width:92%; }
  .project-detail .mandralmier-phases span { padding-inline:2px;font-size:.52rem; }
  .project-detail .mandralmier-phases b { display:block;margin:0 0 3px;font-size:1rem; }
  .project-detail .fan-status { bottom:45px; }
  .channel-dashboard { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .channel-stat strong { margin-top:20px; }
  .channel-stat:nth-child(2) { border-right:0; }
  .project-detail .metrics-dashboard { padding:0 7% 40px; }
  .project-detail .metric-block>strong { font-size:4.5rem; }
  .project-detail .format-card { min-height:260px; }
  .motion-pin:not(.is-pinned) .motion-track { display:block!important; }
  .motion-pin:not(.is-pinned) .motion-stage { overflow:visible; }
  .motion-pin--horizontal:not(.is-pinned):not(.motion-pin--complex) .motion-stage { overflow:visible;scroll-snap-type:none; }
}
@media(max-width:540px) {
  .game-choices { grid-template-columns:84%;gap:26px; }
  .game-choice>img { height:35vh; }
  .project-choice header { margin-top:30px; }
  .project-metrics h2 { font-size:2.2rem; }
  .channel-stat { padding:22px 10px; }
  .channel-stat strong { font-size:2.6rem; }
  .project-detail .format-selector { flex-wrap:wrap; }
  .project-detail .format-card { flex:1 1 100%;min-height:160px; }
  .project-detail .format-card.is-active { min-height:380px;flex:1 1 100%; }
  .language-map { gap:5%; }
  .language-map>b { font-size:2.4rem; }
  .software:nth-child(5n) .software-tip { left:auto;right:0; }
  .game-choice>img.choice-logo { height:24vh;top:5%; }
  #microwarfare .micro-logo { width:120px;max-width:30%; }
  #microwarfare .micro-carousel { min-height:400px; }
  .koloro-gallery { grid-template-columns:1fr;padding:7%!important; }
  .koloro-gallery img { max-height:34vh; }
  .chevelus-gallery { padding:7%; }
}
@media(prefers-reduced-motion:reduce) {
  .project-image img,.lucioles-cards img,.project-flow li { transform:none;opacity:1; }
  .choice-description,.game-choice>img { transition:none; }
}
@media (prefers-reduced-motion:reduce) and (max-width:959px), (prefers-reduced-motion:reduce) and (max-height:619px) {
  .scene.project-detail.scene--mandralmier,.scene.project-detail.scene--holocorp { min-height:auto; }
  .scene--mandralmier>.detail-media,.scene--holocorp>.detail-media { flex:0 0 auto;min-height:450px;overflow:hidden; }
  .project-detail .mandralmier-stage,.project-detail .holocorp-stage { position:relative;top:auto;height:65vh; }
}

/* Compact phone composition. Every project remains one viewport high while the
   document scroll continues to drive the horizontal sequence and handoffs. */
@media(max-width:820px) and (prefers-reduced-motion:no-preference) {
  .is-pinned .motion-track>.scene { box-sizing:border-box; }
  .project-jump--top { top:auto;right:14px;bottom:78px;left:auto;width:38px;height:38px;font-size:22px; }

  .is-pinned .scene.project-overview {
    justify-content:center;
    min-height:100%!important;
    padding:24px 22px 78px!important;
  }
  .is-pinned .project-overview .panel-kicker { margin-bottom:12px;font-size:.65rem; }
  .is-pinned .project-overview h2 { margin-bottom:16px;font-size:clamp(2.45rem,12cqw,3.5rem);line-height:.95; }
  .is-pinned .project-overview .overview-description { font-size:.9rem;line-height:1.42; }
  .is-pinned .project-overview .overview-bottom { margin-top:22px;padding-top:14px;gap:14px; }
  .is-pinned .project-overview .overview-skills { gap:5px; }
  .is-pinned .project-overview .skill-chip { min-height:30px;padding:5px 7px;font-size:.62rem; }
  .is-pinned .project-overview .company-brand { max-width:145px;font-size:1rem; }
  .is-pinned .project-overview .company-brand img { max-width:145px;max-height:52px; }

  .is-pinned .scene.project-choice {
    justify-content:flex-start;
    min-height:100%!important;
    padding:20px 16px 78px!important;
  }
  .is-pinned .project-choice header { width:100%;margin:0 0 14px; }
  .is-pinned .project-choice .panel-kicker { margin-bottom:8px;font-size:.62rem; }
  .is-pinned .project-choice h2 { font-size:1.9rem; }
  .is-pinned .game-choices { grid-template-columns:1fr 1fr;gap:10px; }
  .is-pinned .game-choice>img { height:22vh;min-height:138px; }
  .is-pinned .game-choice>img.choice-logo { left:12%;top:5%;width:76%;height:16vh; }
  .is-pinned .choice-title { padding:10px;font-size:1.15rem; }
  .is-pinned .choice-description { padding:0 10px 12px;font-size:.72rem;line-height:1.35; }

  .is-pinned .scene.project-detail,
  .is-pinned .scene.project-detail--reverse {
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(0,auto) minmax(0,1fr);
    align-content:stretch;
    min-height:100%!important;
    padding:0 0 74px!important;
  }
  .is-pinned .project-detail>.detail-copy,
  .is-pinned .project-detail--reverse>.detail-copy {
    grid-column:1;
    grid-row:1;
    max-height:385px;
    overflow:auto;
    scrollbar-width:thin;
    justify-content:flex-start;
    padding:19px 22px 12px;
    border:0!important;
  }
  .is-pinned .project-detail>.detail-media,
  .is-pinned .project-detail--reverse>.detail-media {
    grid-column:1;
    grid-row:2;
    min-height:0;
    height:auto;
    padding:0;
    overflow:hidden;
  }
  .is-pinned .detail-copy .panel-kicker { margin-bottom:9px;font-size:.61rem; }
  .is-pinned .detail-copy h2 { max-width:none;margin-bottom:10px;font-size:clamp(1.65rem,8.2cqw,2.15rem);line-height:1; }
  .is-pinned .detail-copy>p:not(.panel-kicker) { margin-bottom:9px;font-size:.82rem;line-height:1.38; }
  .is-pinned .detail-list { margin:0 0 10px;padding-left:17px;font-size:.79rem;line-height:1.3; }
  .is-pinned .detail-list li+li { margin-top:3px; }
  .is-pinned .software-list { gap:5px;margin-top:5px; }
  .is-pinned .software { width:34px;height:34px;padding:4px; }
  .is-pinned .tool-labels { margin:8px 0;gap:4px; }
  .is-pinned .tool-labels li { padding:5px 7px;font-size:.64rem; }
  .is-pinned .game-switch { margin-top:8px;padding:6px 9px;font-size:.65rem; }
  .is-pinned .text-link { margin-top:5px;padding:7px 0;font-size:.68rem; }
  .is-pinned .game-switch+.text-link { margin-top:3px; }
  .is-pinned .detail-copy .source-note { margin-top:8px!important;font-size:.65rem!important; }

  .is-pinned .project-image,
  .is-pinned .project-video { height:100%;padding:12px 22px 8px; }
  .is-pinned .project-image img,
  .is-pinned .project-video video { height:calc(100% - 24px);max-height:none;object-fit:contain; }
  .is-pinned .project-image figcaption,
  .is-pinned .project-video figcaption { margin-top:5px;font-size:.58rem; }
  .is-pinned .project-flow { height:100%;padding:8px 22px; }
  .is-pinned .project-flow li { flex:1;padding:9px 0 8px 38px; }
  .is-pinned .project-flow li>span { top:12px;font-size:.65rem; }
  .is-pinned .project-flow h3 { margin-bottom:3px;font-size:1.35rem; }
  .is-pinned .project-flow p { font-size:.72rem;line-height:1.3; }
  .is-pinned .chevelus-gallery { height:100%;padding:10px 22px; }
  .is-pinned .chevelus-gallery figcaption { margin:6px 0;font-size:.55rem; }
  .is-pinned .film-strip { gap:5px; }

  .is-pinned .scene--cards>.detail-media { padding:8px 14px 4px; }
  .is-pinned .scene--cards>.detail-copy { padding-top:15px;padding-bottom:7px; }
  .is-pinned .scene--cards>.detail-copy h2 { margin-bottom:7px;font-size:1.52rem; }
  .is-pinned .scene--cards>.detail-copy>p:not(.panel-kicker) { margin-bottom:6px; }
  .is-pinned .scene--cards>.detail-copy .detail-list { margin-bottom:7px;font-size:.74rem;line-height:1.25; }
  .is-pinned .scene--cards>.detail-copy .software { width:30px;height:30px; }
  .is-pinned .scene--cards>.detail-copy .game-switch { margin-top:5px; }
  .is-pinned .scene--cards>.detail-media>.card-system { width:100%;height:100%;min-height:0;padding:0; }
  .is-pinned .scene--cards .tactimon-proof-row { margin-top:7px;gap:8px; }
  .is-pinned .scene--cards .tactimon-prototype-shot { width:112px;flex-basis:112px; }
  .is-pinned .scene--cards .tactimon-prototype-shot figcaption { padding:5px;font-size:.46rem; }
  .is-pinned .scene--cards .tactimon-fan { width:100%;height:100%;max-height:none;margin:0; }
  .is-pinned .scene--cards .tactimon-fan .tactimon-card:not(.is-selected) {
    width:105px;
    transform:translateX(calc(-50% + var(--x)*var(--fan)*.34)) translateY(calc(var(--y)*var(--fan)*.45)) rotate(calc(var(--rot)*var(--fan)*.55));
  }
  .is-pinned .scene--cards .tactimon-fan .tactimon-card.is-selected { width:112px; }
  .is-pinned .scene--cards .fan-status { left:0;right:0;bottom:0;display:block;padding-top:5px; }
  .is-pinned .scene--cards .fan-status b { font-size:.85rem; }
  .is-pinned .scene--cards .fan-status span { display:none; }

  .is-pinned .project-detail .mandralmier-stage,
  .is-pinned .project-detail .holocorp-stage,
  .is-pinned .lucioles-stage,
  .is-pinned .lucioles-cards { width:100%;height:100%;min-height:0; }
  .is-pinned .mandralmier-physical { left:20%;top:4%;width:60%;height:75%; }
  .is-pinned .project-detail .mandralmier-phases,
  .is-pinned .project-detail .holocorp-phases { bottom:42px; }
  .is-pinned .project-detail .mandralmier-meter,
  .is-pinned .project-detail .holocorp-meter { bottom:27px; }
  .is-pinned .lucioles-cards { padding:5%; }
  .is-pinned .lucioles-cards img { width:24%; }

  .is-pinned .scene.project-metrics {
    min-height:100%!important;
    padding:24px 20px 78px!important;
  }
  .is-pinned .project-metrics header { margin-bottom:18px; }
  .is-pinned .project-metrics .panel-kicker { margin-bottom:9px;font-size:.62rem; }
  .is-pinned .project-metrics h2 { font-size:clamp(1.85rem,8.8cqw,2.45rem);line-height:1; }
  .is-pinned .channel-dashboard { grid-template-columns:1fr 1fr; }
  .is-pinned .channel-stat { min-height:145px;padding:13px 10px; }
  .is-pinned .channel-stat strong { margin:12px 0 5px;font-size:clamp(2rem,12cqw,3.1rem); }
  .is-pinned .channel-stat p { margin:0;font-size:.72rem;line-height:1.25; }
  .is-pinned .channel-stat:nth-child(2) { border-right:0; }

  .is-pinned .scene--express-metrics .detail-copy { max-height:285px; }
  .is-pinned .scene--express-metrics .metrics-dashboard { height:100%;padding:0 22px 6px; }
  .is-pinned .scene--express-metrics .metric-block { min-height:0;padding:8px 4px; }
  .is-pinned .scene--express-metrics .metric-block>strong,
  .is-pinned .scene--express-metrics .metric-block>.rank-seal { font-size:2.6rem; }
  .is-pinned .scene--express-metrics .metric-label,
  .is-pinned .scene--express-metrics .metric-block>p { font-size:.6rem;line-height:1.3; }
  .is-pinned .scene--express-metrics .rank-seal { height:54px; }

  .is-pinned .koloro-gallery { grid-template-columns:1fr 1fr!important;height:100%;gap:6px;padding:8px 20px!important; }
  .is-pinned .koloro-gallery img { width:100%;height:100%;max-height:115px;object-fit:contain; }
  .is-pinned .koloro-gallery figcaption { margin:0;font-size:.55rem; }
  .is-pinned .campaign-browser { height:100%;padding:8px 18px; }
  .is-pinned .project-detail .format-selector { height:100%;gap:6px;flex-wrap:nowrap; }
  .is-pinned .project-detail .format-card,
  .is-pinned .project-detail .format-card.is-active { min-height:0;height:100%;padding:9px 6px; }
  .is-pinned .language-map { width:90%;height:100%;gap:4%; }
  .is-pinned .language-map>div { gap:4px; }
  .is-pinned .language-map>div span { padding:5px;font-size:1rem; }
  .is-pinned .language-map>strong { font-size:4.6rem; }
  .is-pinned .language-map>p { margin-top:8px;font-size:.7rem; }

  #microwarfare .is-pinned .scene--micro-profile {
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto minmax(200px,1fr) auto;
    gap:9px;
    align-content:stretch;
    min-height:100%!important;
    padding:18px 20px 78px!important;
  }
  #microwarfare .is-pinned .duo-title,
  #microwarfare .is-pinned .duo-figure,
  #microwarfare .is-pinned .project-brief { grid-column:1;grid-row:auto; }
  #microwarfare .is-pinned .duo-title { display:grid;grid-template-columns:1fr auto;align-items:end; }
  #microwarfare .is-pinned .duo-title .eyebrow { grid-column:1/-1;margin-bottom:4px;font-size:.59rem; }
  #microwarfare .is-pinned .duo-title h2 { margin:0;font-size:2.75rem;line-height:.82; }
  #microwarfare .is-pinned .micro-logo { width:96px;max-width:none;margin-bottom:3px; }
  #microwarfare .is-pinned .micro-carousel { width:100%;height:100%;min-height:0;padding:0; }
  #microwarfare .is-pinned .micro-frames { height:calc(100% - 72px);min-height:0; }
  #microwarfare .is-pinned .micro-carousel figcaption { margin:4px 0;font-size:.5rem; }
  #microwarfare .is-pinned .micro-film-strip { height:48px;gap:4px; }
  #microwarfare .is-pinned .project-brief { align-self:auto;padding:11px 14px;border-left-width:4px; }
  #microwarfare .is-pinned .project-brief>span { font-size:.55rem; }
  #microwarfare .is-pinned .project-brief h3 { margin:5px 0;font-size:1.45rem; }
  #microwarfare .is-pinned .project-brief p { font-size:.75rem;line-height:1.3; }
  #microwarfare .is-pinned .micro-downloads { margin-top:7px;padding-top:7px;gap:10px; }
  #microwarfare .is-pinned .micro-downloads strong { font-size:2rem; }
  #microwarfare .is-pinned .micro-downloads span { font-size:.61rem; }

  #green-squat .is-pinned .scene--green-squat {
    display:grid!important;
    grid-template-columns:1fr;
    grid-template-rows:24px auto minmax(170px,1fr) auto 20px;
    gap:7px;
    align-content:stretch;
    min-height:100%!important;
    padding:14px 20px 78px!important;
  }
  #green-squat .is-pinned .gs-masthead { padding-bottom:5px;font-size:8px; }
  #green-squat .is-pinned .gs-title { padding-top:0; }
  #green-squat .is-pinned .gs-title h2 { font-size:clamp(3rem,16cqw,4rem);line-height:.82; }
  #green-squat .is-pinned .gs-publication { height:100%;min-height:0;margin:0; }
  #green-squat .is-pinned .gs-copy { max-width:none;padding:0; }
  #green-squat .is-pinned .gs-copy h3 { margin:0 0 5px;font-size:1.05rem!important;line-height:1.05!important; }
  #green-squat .is-pinned .gs-copy p { margin:0 0 6px;font-size:.68rem;line-height:1.34; }
  #green-squat .is-pinned .legacy-skills { gap:4px;margin:0; }
  #green-squat .is-pinned .legacy-skills .skill-chip { min-height:25px;padding:4px 6px;font-size:.56rem; }
  #green-squat .is-pinned .gs-colophon { padding-top:5px;gap:6px;font-size:7px;flex-wrap:nowrap; }
  #green-squat .is-pinned .gs-colophon span:nth-child(2),
  #green-squat .is-pinned .gs-colophon span:nth-child(3) { display:none; }
}