/* Layout repairs for fluid desktop widths, touch devices and Chromium/Edge. */
html{scrollbar-gutter:stable}body{min-width:280px}button,a,input{touch-action:manipulation}
.case-frame{width:100%;max-width:1440px}.case-section{padding-inline:clamp(24px,8vw,116px)}
.case-section:not(.site-nav):not(.site-footer){height:auto;min-height:0}
.case-section>div{min-width:0}.case-section p{max-width:100%;overflow-wrap:break-word}
.scroll-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,60px);align-items:center}
.scroll-scene>.scene-copy,.scroll-scene>.scene-media{width:100%;max-width:100%;height:auto;min-width:0}
.scroll-scene>.scene-copy>div,.scroll-scene>.scene-copy p{width:100%;min-width:0}
.scene-media{display:flex;align-items:center;justify-content:center}
.scene-media .image-slot{width:100%;height:auto;aspect-ratio:var(--asset-ratio);max-width:100%;flex-shrink:1}
body[data-page="shoco"] .scene-media .image-slot,body[data-page="afterimage"] .scene-media .image-slot{width:min(345px,100%)}
body[data-page="multiwars"] .scene-media .image-slot{width:min(440px,100%)}
body[data-page="steal"] .scene-media .image-slot{width:100%}
.site-footer{height:auto;min-height:180px;padding-block:32px;gap:24px}.site-footer>div{min-width:0}.site-footer p{white-space:normal}.site-nav{min-height:90px;gap:24px}
.visual-gallery>div{min-width:0}.visual-gallery p{white-space:normal}
[data-node-id="212:284"]{display:none}
[data-node-id="212:292"]>span:last-child,.mobile-contact p>span:last-child{background:#8964cf;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:.2em .32em;color:#f3eef7}
.mobile-contact p>span{font-family:inherit;font-size:inherit;line-height:1.6}
:is([data-node-id="225:914"],[data-node-id="225:915"],[data-node-id="225:920"],[data-node-id="225:918"]){cursor:pointer;transition:translate .3s}
:is([data-node-id="225:914"],[data-node-id="225:915"],[data-node-id="225:920"],[data-node-id="225:918"]):hover{translate:0 -10px}
[data-node-id="225:914"]:is(:hover,:focus-visible) [data-node-id="212:114"],[data-node-id="225:915"]:is(:hover,:focus-visible) [data-node-id="212:115"],[data-node-id="225:920"]:is(:hover,:focus-visible) [data-node-id="212:263"],[data-node-id="225:918"]:is(:hover,:focus-visible) [data-node-id="212:262"]{background:#8964cf}
:is([data-node-id="212:452"],[data-node-id="212:455"],[data-node-id="212:458"])[aria-pressed=true]>p:first-child{color:#ebf777}
body[data-page="afterimage"] .case-hero [data-name="Hero story"]{backdrop-filter:none;background:#191620b8}
@media(min-width:761px) and (max-width:1200px){
 .case-section [role=heading],.case-section [data-name*="headline"],.case-section [data-name*="Headline"]{font-size:clamp(42px,5.4vw,72px);line-height:1.08}
 .case-section [role=heading] p,.case-section [data-name*="headline"] p,.case-section [data-name*="Headline"] p{font-size:inherit;line-height:inherit}
 .case-section .scene-copy>p{font-size:20px;line-height:1.5}
 .case-hero [data-name="Hero story"]{max-width:70%}
}
@media(max-width:760px){
 .case-section:not(.site-nav):not(.site-footer):not(.context-grid){padding:56px 24px;gap:28px}
 .case-section [role=heading],.case-section [data-name*="Headline"],.case-section [data-name*="headline"]{font-size:clamp(32px,9vw,46px)!important;line-height:1.12!important;letter-spacing:-1px!important}
 .case-section [role=heading] p,.case-section [data-name*="Headline"] p,.case-section [data-name*="headline"] p{font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}
 .case-section p{font-size:16px;line-height:1.6;letter-spacing:.2px}
 .case-hero{min-height:580px!important}.case-hero [data-name="Hero story"]{width:100%;max-width:100%;padding:20px}
 .case-hero [data-name="Hero story"]>p:first-child{font-size:12px;line-height:1.5}
 .context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:28px 24px}
 .context-grid>div{width:100%;min-width:0}.context-grid p{font-size:13px;line-height:1.5;min-width:0}
 .scroll-scene{grid-template-columns:1fr}.scroll-scene>.scene-copy{grid-row:1}.scroll-scene>.scene-media{grid-row:2;min-height:0}
 .scroll-scene .scene-media .image-slot{height:auto;aspect-ratio:var(--asset-ratio);max-width:100%;margin:auto}
 .case-section .visual-gallery{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .case-section .visual-gallery>div,.case-section [data-name="Tutorial and pause"]>div{width:100%;min-width:0}
 .case-section .visual-gallery .image-slot{height:auto;width:100%;aspect-ratio:1/2}
 [data-node-id="212:637"]{display:grid;grid-template-columns:1fr;gap:28px;width:100%}
 [data-node-id="212:637"] .image-slot{height:auto;width:100%;aspect-ratio:12328/9148}
 [data-node-id="212:647"]{flex-direction:column;width:100%;gap:28px}[data-node-id="212:647"]>div{width:100%}
 [data-node-id="212:450"]{display:flex;flex-direction:column;width:100%;height:auto}
 [data-node-id="212:451"]{width:100%}[data-node-id="212:451"]>div{width:100%}
 [data-node-id="212:451"]>div>p:first-child{font-size:30px;line-height:1.25;width:100%}
 [data-node-id="212:461"]{width:min(290px,100%);height:auto;aspect-ratio:315/654;margin:auto}
 .site-footer{min-height:140px;height:auto;display:flex;padding:28px 24px;align-items:center;gap:16px}
 .site-footer>div p{font-size:13px;line-height:1.5}.site-footer .footer-nav{max-width:45%}
 .site-nav{height:auto;min-height:76px;padding:20px 24px}.site-nav p,.site-nav a{font-size:12px;line-height:1.5}
 .mobile-hero h1 span{box-decoration-break:clone;-webkit-box-decoration-break:clone}.mobile-hero h1 span:last-child{background:#ebf777;color:#292331}
 .mobile-card-stage,.mobile-card-stage.wide{transform:translateX(-50%) scale(var(--card-scale,.74));height:auto}
 .mobile-contact{background:#ebf777;color:#292331}.mobile-contact p{line-height:1.8}.mobile-contact .mobile-cta{background:#a4ccc7}
 .mobile-footer{background:#8964cf;gap:20px;align-items:center}.mobile-footer .signature{color:#ebf777;margin-top:6px}.mobile-footer a{font-size:11px}
 .mobile-nav-links{flex-wrap:wrap}.card-lightbox{max-height:90dvh}.card-lightbox img{max-height:72dvh}
}
@media(prefers-reduced-motion:reduce){.hud-focus{transition:none}}
@media(max-width:760px){.mobile-card-art{height:auto}.mobile-card-stage{height:383px}.mobile-card-stage .interactive,.mobile-card-stage .project-link{pointer-events:none}}
/* Summary and multi-screen sections must shrink inside their available width. */
:is([data-node-id="212:402"],[data-node-id="212:530"],[data-node-id="212:647"],[data-node-id="212:765"]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,6vw,100px);width:100%}
:is([data-node-id="212:402"],[data-node-id="212:530"],[data-node-id="212:647"],[data-node-id="212:765"])>div{width:100%;min-width:0}
:is([data-node-id="212:402"],[data-node-id="212:530"],[data-node-id="212:647"],[data-node-id="212:765"]) p{width:100%;min-width:0}
[data-node-id="212:496"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,70px);width:100%;height:auto}
[data-node-id="212:496"]>div{width:100%;height:auto;min-width:0}
[data-node-id="212:496"] .image-slot{width:100%;height:auto;aspect-ratio:300/620}
[data-node-id="212:496"] p{width:100%;min-width:0}
[data-node-id="212:512"]{display:grid;grid-template-columns:1fr 1fr 2fr;gap:24px;width:100%;align-items:start}
[data-node-id="212:512"]>div{width:100%;min-width:0;height:auto;align-items:flex-start}
[data-node-id="212:512"] p{width:100%;min-width:0}
[data-node-id="212:512"] .image-slot{width:100%;height:auto;aspect-ratio:279/604}
[data-node-id="212:522"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
[data-node-id="212:637"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;width:100%}
[data-node-id="212:637"]>div{width:100%;min-width:0}[data-node-id="212:637"] .image-slot{width:100%;height:auto;aspect-ratio:12328/9148}
[data-node-id="212:637"] p{width:100%}
@media(max-width:760px){
 :is([data-node-id="212:402"],[data-node-id="212:530"],[data-node-id="212:647"],[data-node-id="212:765"]){grid-template-columns:1fr;gap:28px}
 [data-node-id="212:496"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 [data-node-id="212:512"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}[data-node-id="212:521"]{grid-column:1/-1}
 [data-node-id="212:637"]{grid-template-columns:1fr;gap:28px}
}
@media(max-width:760px){
 .case-section p{font-size:16px!important;line-height:1.6!important;letter-spacing:.2px!important}
 .case-section .large-text,.case-section [role=heading] p,.case-section [data-name*="headline"] p,.case-section [data-name*="Headline"] p{font-size:clamp(32px,9vw,46px)!important;line-height:1.12!important;letter-spacing:-1px!important}
 .case-section .scene-copy>p:first-child,.case-section>p:first-child{font-size:13px!important;line-height:1.5!important}
 .site-nav p,.site-nav a{font-size:12px!important;line-height:1.5!important}
 .context-grid p{font-size:13px!important;line-height:1.5!important}
 .site-footer>div p{font-size:13px!important;line-height:1.5!important}
 .case-section [data-node-id="212:451"]>div>p:first-child{font-size:30px!important;line-height:1.25!important}
 .case-hero [data-name="Hero story"]>p:first-child{font-size:12px!important;line-height:1.5!important}
}

/* Follow-up: a shared caption baseline for the review-to-share sequence. */
@media(min-width:761px){
 [data-node-id="212:512"]>div{display:grid;grid-template-rows:clamp(320px,42vw,640px) 32px auto;align-content:start;justify-content:start;gap:20px}
 [data-node-id="212:512"]>div>.image-slot,[data-node-id="212:522"]{height:100%;aspect-ratio:auto}
 [data-node-id="212:522"] .image-slot{height:100%;aspect-ratio:auto}
 [data-node-id="212:512"]>div>p{margin:0;align-self:start}
}
body[data-page="multiwars"] [data-node-id="212:749"]{gap:40px}
body[data-page="multiwars"] [data-node-id="212:749"]>div{flex:0 0 min(340px,70vw);width:min(340px,70vw)!important}
body[data-page="multiwars"] [data-node-id="212:749"] .image-slot{aspect-ratio:574/710}
.card-art-credit{font-size:15px!important;line-height:1.6!important;max-width:850px;margin-top:20px;opacity:.85}

[data-node-id="212:200"]{width:auto;gap:8px}
/* Keep full-width backgrounds; compact sizing applies only to Windows desktop. */
.case-frame{width:100%;max-width:none;margin-inline:0;zoom:1}
body[data-page="home"] #viewport{width:100%;margin-inline:0}
.mobile-home{zoom:1}
@media(min-width:761px){
 html.windows-desktop .case-frame{zoom:.9}
 html.windows-desktop #artboard p{transform:scale(.9);transform-origin:left center}
 html.windows-desktop #artboard .image-slot img{scale:.9}
}
/* Four equal phone columns, with shared baselines for the three flow captions. */
[data-node-id="212:512"]{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}
[data-node-id="212:512"]>div{display:flex;flex-direction:column;gap:20px;justify-content:flex-start;align-items:stretch}
[data-node-id="212:521"]{grid-column:span 2}
[data-node-id="212:522"]{height:auto;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}
[data-node-id="212:514"],[data-node-id="212:518"],[data-node-id="212:522"] .image-slot{width:100%;height:auto;aspect-ratio:1351/2800;position:relative}
[data-node-id="212:518"]>.image-slot{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
[data-node-id="212:512"] img{position:absolute;inset:0;top:0;left:0;width:100%;height:100%;object-fit:contain;transform:none}
[data-node-id="212:512"]>div>p{margin:0;width:100%}
@media(max-width:760px){[data-node-id="212:512"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
[data-node-id="212:512"]>div>.image-slot{height:auto;aspect-ratio:1351/2800;flex-shrink:0}

/* Match the reduction of artwork across Mac and Windows desktop. */
@media(min-width:761px){
 .image-slot:has(>img[src*=".webp"]){scale:.92;transform-origin:center center}
 html.windows-desktop #artboard .image-slot img{scale:1}
}

/* WEBSITE SON: all five projects now share the Selected Work section. */
#artboard{height:5538px}
body[data-page="home"] :is([data-node-id="243:293"],[data-node-id="212:194"],[data-node-id="212:122"],[data-node-id="243:253"],[data-node-id="243:266"]){border:3px solid #201b2a!important}
body[data-page="home"] :is([data-node-id="243:292"],[data-node-id="212:114"],[data-node-id="212:115"],[data-node-id="243:252"],[data-node-id="243:265"]){background:#332a40;transition:background-color .25s}
body[data-page="home"] .project-link:is(:hover,:focus-visible)>div:first-child>div:first-child{background:#8964cf}
body[data-page="home"] :is([data-node-id="212:122"],[data-node-id="212:186"]){translate:0 0!important}
body[data-page="home"] :is([data-node-id="243:290"],[data-node-id="243:250"],[data-node-id="243:263"]){transition:translate .3s}
body[data-page="home"] :is([data-node-id="243:290"],[data-node-id="243:250"],[data-node-id="243:263"]):is(:hover,:focus-visible){translate:0 -10px}

/* Shared manual/autoplay story tracks. */
.story-carousel{display:flex!important;justify-content:flex-start!important;gap:32px!important;position:relative;overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab;min-width:0}
.story-carousel::-webkit-scrollbar{display:none}
.story-carousel>div{scroll-snap-align:start;scroll-snap-stop:always;min-width:0}
.story-carousel.dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.story-carousel:focus-visible{outline:2px solid #8964cf;outline-offset:5px}
body[data-page="multiwars"] [data-node-id="212:749"]>div{flex:0 0 min(320px,70vw);width:min(320px,70vw)!important}
body[data-page="foody"] .scene-media .image-slot{width:min(345px,100%);height:auto;aspect-ratio:var(--asset-ratio)}
body[data-page="foody"] [data-node-id="239:130"]{width:100%;max-width:360px;height:auto;display:flex;align-items:flex-start;justify-content:flex-start;gap:28px;margin-inline:auto}
body[data-page="foody"] [data-node-id="239:130"]>.image-slot{flex:0 0 calc(100% - 28px);width:calc(100% - 28px)!important;height:auto;aspect-ratio:1351/2800;scale:1}
body[data-page="foody"] [data-node-id="239:130"] img{width:100%;height:100%;object-fit:contain}
body[data-page="foody"] .scene-media:has(.story-carousel){display:block}
body[data-page="foody"] .carousel-media .iteration-controls{max-width:360px;margin-inline:auto}
body[data-page="foody"] .iteration-controls{color:#f3eef7;margin-top:20px;justify-content:flex-end}
body[data-page="foody"] .iteration-controls button{border-color:#f3eef755}
body[data-page="foody"] .case-hero{overflow:hidden}
body[data-page="foody"] .case-hero [data-name="Selected designs / hero"]{width:48%;min-width:0;flex-shrink:1}
body[data-page="foody"] .case-hero [data-name="Hero story"]{width:48%;min-width:0;flex-shrink:1}
body[data-page="foody"] .case-hero [data-name="Selected designs / hero"] .image-slot{scale:1}
.foody-hero-stage{display:flex;align-items:center;justify-content:center;width:775px;max-width:none!important;height:660px;flex:none;scale:var(--phone-scale,1);transform-origin:center center}
.foody-hero-stage>.image-slot{flex:none!important;width:275px!important;height:560px!important}
[data-node-id="239:81"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;width:100%}
[data-node-id="239:81"]>div{width:100%;min-width:0}
[data-node-id="239:81"] .image-slot{height:auto;width:100%;aspect-ratio:1351/2800}
[data-node-id="239:95"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;width:100%}
[data-node-id="239:95"]>div{width:100%;min-width:0}
[data-node-id="239:95"] .image-slot{width:100%;height:600px}
[data-node-id="239:146"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px;width:100%}
[data-node-id="239:146"]>div{width:100%;min-width:0}
[data-node-id="239:136"]{width:100%;min-width:0}
@media(max-width:760px){
 body[data-page="foody"] .case-hero [data-name="Selected designs / hero"]{width:100%;height:370px}
 body[data-page="foody"] .case-hero [data-name="Hero story"]{width:100%;max-width:100%}
 body[data-page="foody"] .case-hero [data-name="Selected designs / hero"]>.foody-hero-stage{scale:var(--phone-scale,1);margin-inline:0}
 [data-node-id="239:81"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 [data-node-id="239:95"] .image-slot{height:auto;aspect-ratio:1351/2800}
 [data-node-id="239:146"]{grid-template-columns:1fr;gap:28px}
 .story-carousel{gap:24px!important}
 body[data-page="foody"] [data-node-id="239:130"]>.image-slot{flex-basis:85%;width:85%!important}
 .theme-preview{height:500px;max-width:100%}
}
@media(max-width:760px){.mobile-hero h1 span:last-child{background:transparent;color:#ebf777;padding-inline:0}}
@media(min-width:1200px){body[data-page="foody"] .case-hero [data-name="Display headline"] p{white-space:nowrap;max-width:none}}

/* Shared opening sections: reference typography and content-sized highlights. */
.case-frame .story-opening{padding:100px clamp(24px,6vw,116px);gap:24px;align-items:flex-start}
.case-frame .story-opening>p:first-child{font-size:22px;line-height:30px;letter-spacing:0}
.case-frame .story-opening>[role="heading"],
.case-frame .story-opening [data-name="Highlighted question"]>p{
 font-size:56px;line-height:1.18;letter-spacing:-1.5px;width:fit-content;
}
.case-frame .story-opening>[role="heading"] p{font-size:inherit;line-height:inherit;letter-spacing:inherit}
.case-frame .story-opening .story-highlight{
 width:fit-content;max-width:100%;height:auto;padding-block:10px;margin-block:4px;justify-content:flex-start;
}
.case-frame .story-opening [data-name="Highlighted question"]{width:fit-content;max-width:100%;padding-inline:14px}
.case-frame .story-opening [data-name="Highlighted question"]>p{white-space:nowrap;overflow-wrap:normal}
.case-frame .story-opening>p:not(:first-child){width:min(810px,100%);font-size:28px;line-height:1.35;letter-spacing:0}
@media(max-width:760px){
 .case-frame .story-opening{padding:56px 24px;gap:24px!important}
 .case-frame .story-opening [data-name="Highlighted question"]>p{
  font-size:clamp(23px,6.3vw,46px)!important;line-height:1.18!important;letter-spacing:-1px!important;
 }
 .case-frame .story-opening [data-name="Highlighted question"]{padding-inline:8px}
}

/* Shared project header mirrors the home navigation. */
.case-frame .site-nav{height:auto!important;min-height:100px;padding:28px clamp(24px,6vw,116px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.case-frame .site-nav>a{width:auto;flex-shrink:0;font-size:22px;line-height:1.4;white-space:nowrap}
.case-frame .site-nav .project-breadcrumb{width:auto;flex:1;text-align:center;font-size:14px;line-height:1.5;opacity:.7}
.case-frame .site-nav .project-menu{display:flex;width:auto;max-width:100%;gap:32px;align-items:center;flex-shrink:0}
.case-frame .site-nav .project-menu a{font-size:18px;line-height:1.5;white-space:nowrap}
.case-frame .site-nav .project-menu-cv{display:flex;align-items:center;gap:6px}
@media(max-width:1100px){.case-frame .site-nav .project-breadcrumb{display:none}}
@media(max-width:760px){
 .case-frame .site-nav{padding:20px 24px;min-height:76px;gap:16px}
 .case-frame .site-nav>a{font-size:16px!important}
 .case-frame .site-nav .project-menu{gap:20px}
 .case-frame .site-nav .project-menu a{font-size:14px!important}
}

@media(max-width:760px){.case-frame .site-nav .project-menu{gap:clamp(12px,3vw,20px);flex-wrap:wrap;row-gap:10px}}

/* Steal & Seal desktop monitor artwork keeps its complete screen and stand. */
body[data-page="steal"] .image-slot.pc-mockup{width:100%;height:auto;aspect-ratio:2400/1781}
body[data-page="steal"] .artwork-compare{aspect-ratio:2400/1781}
body[data-page="steal"] .pc-mockup>img{object-fit:contain}
body[data-page="steal"] .hud-screen{position:absolute;left:1.2%;top:1.75%;width:97.6%;height:74.05%;overflow:hidden;z-index:2;isolation:isolate}
body[data-page="steal"] .pc-mockup .hud-toggle{right:3%;bottom:28%}

/* One media scale across case studies, independent of each exported frame. */
.case-frame{--story-phone-width:252px;--story-monitor-width:clamp(260px,calc((100vw - 292px)/2),520px);--story-card-width:280px}
.case-frame .case-section:not(.case-hero) .image-slot:has(>img[src*=".webp"]){scale:1;transform-origin:center}
.case-frame .case-section:not(.case-hero) .image-slot:has(>img[src*=".webp"]:is([src*="/shoco/"],[src*="/afterimage/"],[src*="/foody/"])){
 width:min(var(--story-phone-width),100%)!important;height:auto!important;aspect-ratio:1351/2800!important;margin-inline:auto;
}
.case-frame .case-section:not(.case-hero) .image-slot:has(>img[src*=".webp"]:is([src*="/shoco/"],[src*="/afterimage/"],[src*="/foody/"]))>img{
 width:100%;height:100%;inset:0;object-fit:contain;transform:none;
}
body[data-page="steal"] .case-frame .pc-mockup,
body[data-page="steal"] .case-frame .artwork-compare{
 width:min(var(--story-monitor-width),100%)!important;height:auto!important;aspect-ratio:2400/1781!important;margin-inline:auto;scale:1;
}
body[data-page="multiwars"] .case-frame .case-section:not(.case-hero) .image-slot:has(>img[src*=".webp"]){
 width:min(var(--story-card-width),100%)!important;height:auto!important;aspect-ratio:2010/2800!important;margin-inline:auto;
}
body[data-page="multiwars"] .case-frame .case-section:not(.case-hero) .image-slot>img{object-fit:contain;transform:none}
.case-frame :is(.theme-preview,.ai-gallery img){width:min(var(--story-phone-width),100%);height:auto;max-height:none;object-fit:contain}
/* Match the width of layered phones and carousel viewports to their artwork. */
.case-frame [data-node-id="212:518"]{width:min(var(--story-phone-width),100%);height:auto;aspect-ratio:1351/2800;margin-inline:auto}
body[data-page="foody"] .case-frame [data-node-id="239:130"]{width:min(var(--story-phone-width),100%);max-width:var(--story-phone-width)}
body[data-page="foody"] .case-frame [data-node-id="239:130"]>.image-slot{flex:0 0 100%;width:100%!important}
/* Gallery rows follow the new artwork heights instead of fixed export heights. */
.case-frame :is([data-node-id="212:380"],[data-node-id="212:392"],[data-node-id="212:450"]){height:auto}
.case-frame [data-node-id="212:380"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:center}
.case-frame :is([data-node-id="212:381"],[data-node-id="212:383"]){width:100%;height:auto;aspect-ratio:1351/2800;max-width:var(--story-phone-width);margin-inline:auto}
.case-frame :is([data-node-id="212:381"],[data-node-id="212:383"])>div{width:100%;--rot:0deg}
.case-frame [data-node-id="212:392"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:start}
.case-frame [data-node-id="212:392"]>div{width:100%;height:auto;padding-top:0;gap:24px}
.case-frame [data-node-id="212:512"]>div{height:auto;gap:24px}
@media(max-width:1200px) and (min-width:761px){.case-frame{--story-phone-width:220px;--story-card-width:240px}}
@media(max-width:760px){
 .case-frame{--story-phone-width:220px;--story-monitor-width:520px;--story-card-width:240px}
 .case-frame [data-node-id="212:392"],.case-frame [data-node-id="212:380"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
 .case-frame [data-node-id="212:380"]>div:last-child{grid-column:1/-1}
}

.case-frame .case-section:not(.case-hero):not(.site-nav):not(.site-footer):has(.image-slot>img[src*=".webp"]){min-height:0!important}

/* Home TCG artwork matches WEBSITE SON's 721 x 477 crop. */
body[data-page="home"] .home-card-ui-frame{border-width:1px!important}
.home-card-ui-art{position:absolute;left:calc(50% + 101.5px);top:17px;width:721px;height:477px;padding:0;transform:translateX(-50%);max-width:none!important}
.home-card-ui-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transform:none}