html{scroll-padding-top:90px}
.case-demo{scroll-margin-top:24px}
.case-demo-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.case-demo-heading .case-eyebrow{margin-bottom:12px}
.case-demo-heading h2{font-size:clamp(26px,3.2vw,40px);line-height:1.15;letter-spacing:-.045em}
.case-demo-duration{font-size:11px;color:#b9c3af;white-space:nowrap}
.case-demo video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#080808;cursor:auto}
.case-player{position:relative}
.case-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 20px;border:1px solid #ff986f;background:#10110ff2;color:#ede9df;font:500 14px var(--display);white-space:nowrap;box-shadow:0 8px 32px #0008}
.case-play[hidden]{display:none}.case-play-icon{color:var(--case-accent);font-size:18px}.case-play small{display:block;font-size:10px;color:#b9c3af;margin-top:3px}.case-play:hover{background:#292e22}.case-video-status{font-size:13px;line-height:1.7;color:var(--case-accent);margin-bottom:14px}
.case-demo-links{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-block:10px;font-size:12px;color:#b9c3af}
.case-demo-links a{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--case-accent)}
.case-demo-notes{border-bottom:1px solid #46523a;padding-bottom:18px;color:#b9c3af;font-size:13px;line-height:1.7}
.case-demo-notes summary{cursor:pointer;min-height:44px;padding-block:10px;color:#ede9df}
.case-demo-notes ol{list-style:none;margin:12px 0;padding:0;display:grid;gap:10px}
.case-demo-notes li{display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px}
.case-demo-notes li span{color:var(--case-accent);font-size:12px}
.case-demo-notes p{margin-top:14px}
.case-demo-notes a{text-decoration:underline;text-underline-offset:3px;color:var(--case-accent)}
/* Project stories share the portfolio's type and palette, with a quieter reading layout. */
.case-page{--case-accent:#ff986f;background:#10110f;color:#ede9df;overflow-wrap:break-word}
.theme-sds{--case-accent:#8ad5c2}.theme-game{--case-accent:#c5b4ff}
.case-page :focus-visible{outline:2px solid var(--case-accent);outline-offset:5px}
.case-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--case-accent);z-index:60;transform:scaleX(var(--case-progress,0));transform-origin:left;pointer-events:none}
.case-header{height:82px;max-width:1440px;padding-inline:60px;margin:auto;display:flex;align-items:center;gap:30px;border-bottom:1px solid #353830;background:#10110ff5;position:sticky;top:0;z-index:30}
.case-header .brand{min-width:44px;min-height:44px}.case-header-label{font-size:12px;letter-spacing:1px;color:#aab6a0}.case-back{margin-left:auto;display:flex;align-items:center;gap:12px;min-height:44px;font-size:14px}.case-back span{color:var(--case-accent);font-size:22px}
.case-shell{max-width:1240px;margin:auto;padding-inline:60px}.case-hero{padding-block:74px 45px;position:relative}.case-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 45%,#64795319,transparent 65%)}
.case-kicker{font-size:12px;display:flex;align-items:center;gap:25px;flex-wrap:wrap;color:#c5ccbc;letter-spacing:.5px}.case-kicker>span{color:var(--case-accent)}
.case-hero h1{font-size:clamp(54px,6.6vw,94px);font-weight:500;line-height:1.04;letter-spacing:-.065em;margin-top:30px}.case-hero h1 em{font-style:normal;color:var(--case-accent)}.case-intro{font-size:19px;line-height:1.7;max-width:680px;margin-top:28px;color:#b9c3af}.case-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:30px}
.case-button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:48px;background:var(--case-accent);color:#10110f;padding:12px 20px;font-size:14px;font-weight:600}.case-button:hover{filter:brightness(1.1)}.case-source{display:flex;align-items:center;gap:12px;min-height:44px;font-size:14px}.case-source span{color:var(--case-accent)}
.case-brief{display:grid;grid-template-columns:1fr .9fr 1.3fr;gap:30px;border-top:1px solid #3d4535;margin-top:48px;padding-top:28px}.case-brief .mono{font-size:12px;letter-spacing:1px;color:#aab99b}.case-brief p{font-size:14px;margin-top:10px;line-height:1.7}.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.case-tags span{font:12px/1.5 var(--mono);padding:5px 8px;border:1px solid #4b5840;color:#c6d1ba}
.case-cover{margin:0;border:1px solid #46523a;background:#191f16}.theme-game .case-cover{background:#1b1827;border-color:#4f436a}.case-window{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;gap:18px;font-size:10px;letter-spacing:.3px;color:#b4c2a6}.case-window>span:first-child{font-size:8px;letter-spacing:3px;color:var(--case-accent)}.case-cover img{width:100%;height:auto}.case-cover figcaption{padding:16px 20px;font-size:13px;color:#c0c8b6;border-top:1px solid #46523a}
.case-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:0;padding:35px 0;border-bottom:1px solid #3c4534}.case-facts>div{display:flex;flex-direction:column-reverse;gap:7px}.case-facts>div+div{border-left:1px solid #3c4534;padding-left:30px}.case-facts dt{font:12px/1.7 var(--mono);color:#b2c2a2}.case-facts dd{margin:0;font:500 clamp(25px,3.3vw,43px)/1.15 var(--display);color:var(--case-accent);letter-spacing:-1.5px}
.case-reading-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:75px;padding-top:70px}.case-toc{align-self:start;position:sticky;top:112px;display:flex;flex-direction:column;gap:5px}.case-toc>.mono{font-size:12px;letter-spacing:1px;color:#a4b396;margin-bottom:12px}.case-toc a{min-height:44px;display:flex;align-items:center;gap:12px;font:11px var(--mono);color:#a6b795;padding:9px 0;border-left:2px solid transparent;transition:color .2s,border-color .2s,padding .2s}.case-toc a span{font:14px 'DM Sans',sans-serif;color:#bec8b3}.case-toc a:hover,.case-toc a[aria-current]{color:var(--case-accent);border-left-color:var(--case-accent);padding-left:10px}.case-toc a[aria-current] span{color:#ede9df}
.case-section{scroll-margin-top:20px;padding:0 0 68px}.case-eyebrow{font-size:12px;letter-spacing:1px;color:var(--case-accent);margin-bottom:20px}.case-section h2{font-size:clamp(30px,3.5vw,45px);line-height:1.15;letter-spacing:-.045em;max-width:690px}.case-section>p:not(.case-eyebrow){margin-top:22px;font-size:16px;line-height:1.9;color:#bbc5b0;max-width:760px}.case-role{padding:25px 28px;margin-top:30px;background:#1b2217;border-left:3px solid var(--case-accent)}.case-role h3,.case-constraint h3{font-size:20px;letter-spacing:-.03em;margin-bottom:12px}.case-role p,.case-constraint p{font-size:15px;line-height:1.8;color:#c2cdb6}.case-role .case-credit{border-top:1px solid #3f4936;margin-top:20px;padding-top:15px;font-size:13px}.case-credit a{color:var(--case-accent);text-decoration:underline;text-underline-offset:4px;display:inline-block;min-height:24px}
.case-architecture{margin:30px 0 0;padding:27px;background:#171d14;border:1px solid #435037}.case-architecture figcaption{font:500 17px/1.5 var(--display);color:#dce8cf}.case-flow{list-style:none;padding:0;margin:25px 0;display:grid;grid-template-columns:1fr;gap:26px}.case-flow li{position:relative;border:1px solid #4e5f40;padding:18px 20px;background:#202a1b;min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 15px}.case-flow li:not(:last-child):after{content:'↓';position:absolute;left:50%;bottom:-27px;transform:translateX(-50%);color:var(--case-accent);font-size:20px;line-height:26px}.flow-number{display:block;grid-row:1/3;font:12px var(--mono);color:var(--case-accent);margin-top:4px}.case-flow strong{display:block;font:500 18px/1.4 var(--display);letter-spacing:-.3px}.case-flow li>span:last-child{grid-column:2;font-size:13px;color:#b6c9a5;display:block;margin-top:7px}.case-architecture>p{font-size:13px;line-height:1.8;color:#b3c0a5}.theme-game .case-architecture{background:#191725;border-color:#514564}.theme-game .case-flow li{background:#211e31;border-color:#5b5074}.theme-game .case-flow li>span:last-child{color:#c5bed8}.theme-game .case-role{background:#201d2b}
.case-decisions{margin-top:28px}.case-decision{display:flex;align-items:start;gap:23px;padding:27px 0;border-top:1px solid #3d4834}.decision-number{font-size:12px;color:var(--case-accent);padding-top:4px}.case-decision h3{font-size:23px;letter-spacing:-.03em;line-height:1.35}.case-decision p{font-size:15px;line-height:1.85;color:#b8c5ac;margin-top:12px}.case-constraint{margin-top:30px;border:1px solid #48533e;padding:25px 28px;background:#20251b}.case-evidence{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.case-evidence a{border:1px solid #47533c;padding:15px 17px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;min-height:48px}.case-evidence a span{color:var(--case-accent);font-size:18px}.case-evidence a:hover{border-color:var(--case-accent);background:#222b1b}
.case-next{position:relative;display:flex;flex-direction:column;gap:17px;border-block:1px solid #46533b;padding:38px 75px 38px 0;margin-top:10px}.case-next>.mono{font-size:12px;letter-spacing:1px;color:var(--case-accent)}.case-next strong{font:500 clamp(28px,4vw,50px)/1.15 var(--display);letter-spacing:-.04em}.case-next-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:45px;color:var(--case-accent);transition:transform .2s}.case-next:hover .case-next-arrow{transform:translate(5px,calc(-50% - 5px))}.case-footer{padding:30px 0 45px;margin:0;display:flex;justify-content:space-between;gap:25px;border:0}.case-footer a{min-height:44px;display:inline-flex;align-items:center;font-size:13px;color:#c4d0b8}
.case-ready .case-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s cubic-bezier(.2,.7,.3,1)}.case-ready .case-reveal.is-visible{opacity:1;transform:none}.case-ready .case-architecture.is-visible .case-flow li{animation:case-node .6s both}.case-ready .case-architecture.is-visible .case-flow li:nth-child(2){animation-delay:.13s}.case-ready .case-architecture.is-visible .case-flow li:nth-child(3){animation-delay:.26s}.case-ready .case-architecture.is-visible .case-flow li:nth-child(4){animation-delay:.39s}@keyframes case-node{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.case-facts-heading{display:flex;align-items:center;justify-content:space-between;gap:12px 28px;flex-wrap:wrap;padding-top:28px}.case-facts-heading h2{font:500 17px/1.5 var(--display);letter-spacing:0}.case-facts-sources{display:flex;gap:20px;flex-wrap:wrap}.case-facts-sources a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--case-accent);text-decoration:underline;text-underline-offset:4px}.case-facts-heading+.case-facts{padding-top:18px}
html.motion-paused{scroll-behavior:auto}.motion-paused .case-reveal{opacity:1!important;transform:none!important}.motion-paused .case-page *,.motion-paused .case-page *:before,.motion-paused .case-page *:after{animation:none!important;transition:none!important}
@media(max-width:1000px){.case-header{padding-inline:35px}.case-shell{padding-inline:35px}.case-reading-layout{gap:40px;grid-template-columns:165px minmax(0,1fr)}.case-brief{grid-template-columns:1fr 1fr}.case-brief>div:last-child{grid-column:1/-1}.case-evidence{grid-template-columns:1fr}.case-architecture{padding:22px}.case-flow li{padding:16px}}
@media(max-width:720px){.case-header{height:70px;padding-inline:22px;gap:15px}.case-header-label{font-size:12px;letter-spacing:0}.case-back{font-size:12px;gap:7px}.case-shell{padding-inline:22px}.case-hero{padding-block:42px 30px}.case-kicker{font-size:12px;gap:10px 18px}.case-hero h1{font-size:clamp(45px,8.8vw,66px);letter-spacing:-.06em;margin-top:26px}.case-intro{font-size:16px;margin-top:23px}.case-actions{gap:24px;margin-top:25px}.case-button{font-size:13px;padding-inline:17px;gap:24px}.case-source{font-size:13px}.case-brief{margin-top:34px;padding-top:24px;gap:23px}.case-brief p{font-size:13px}.case-cover figcaption{font-size:12px;padding:14px}.case-window{font-size:12px;padding:10px 12px}.case-window>span:last-child{display:none}.case-facts{gap:13px;padding:27px 0}.case-facts>div+div{padding-left:13px}.case-facts dd{font-size:25px;letter-spacing:-1px}.case-facts dt{font-size:12px}.case-reading-layout{display:block;padding-top:30px}.case-toc{position:static;display:grid;grid-template-columns:1fr 1fr;gap:4px 15px;margin-bottom:42px;padding-bottom:22px;border-bottom:1px solid #3d4834}.case-toc>.mono{grid-column:1/-1;margin-bottom:8px}.case-toc a{font-size:10px}.case-toc a span{font-size:13px}.case-section{padding-bottom:50px;scroll-margin-top:2px}.case-section h2{font-size:32px}.case-section>p:not(.case-eyebrow){font-size:15px;line-height:1.85}.case-eyebrow{margin-bottom:17px}.case-role,.case-constraint{padding:22px}.case-role p,.case-constraint p{font-size:14px}.case-architecture{padding:20px}.case-flow{margin-bottom:23px}.case-flow li{padding:17px;grid-template-columns:24px minmax(0,1fr);gap:0 12px}.case-decision{gap:16px;padding:23px 0}.case-decision h3{font-size:22px}.case-decision p{font-size:14px}.case-next{padding-block:30px;padding-right:50px}.case-next strong{font-size:32px}.case-next-arrow{right:0;font-size:34px}.case-footer{flex-direction:column;gap:3px;padding-block:22px 35px}.case-footer a{font-size:12px}}
@media(max-width:380px){.case-header-label{display:none}.case-shell{padding-inline:18px}.case-header{padding-inline:18px}.case-hero h1{font-size:43px}.case-facts{gap:10px}.case-facts>div+div{padding-left:10px}.case-facts dd{font-size:21px}.case-brief{grid-template-columns:1fr}.case-brief>div:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.case-ready .case-reveal{opacity:1;transform:none}.case-flow li{animation:none!important}}
@media print{.case-page *{color:#111!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important}.case-header,.case-toc,.case-actions,.case-next,.case-footer,.case-progress,.case-facts-sources{display:none}.case-shell{max-width:none;padding:0}.case-page{background:white;color:black}.case-reading-layout{display:block}.case-reveal{opacity:1!important;transform:none!important}.case-section{break-inside:avoid}.case-page p,.case-page h1,.case-page h2,.case-page h3,.case-page em{color:black}.case-hero{padding-top:0}}

/* Portfolio refinement: quiet reading surfaces, consistent corners, and clear local navigation.
   Screen-only rules leave the existing print layout and motion preferences intact. */
@media screen{
  .case-page{--case-radius:14px}
  .case-page ::selection{background:var(--case-accent);color:#10110f}
  .case-page .case-header{backdrop-filter:blur(16px)}
  .case-page .case-header-label{letter-spacing:.08em}
  .case-page .case-hero h1{max-width:19ch;line-height:1.06;letter-spacing:-.055em;text-wrap:balance}
  .case-page .case-intro{max-width:61ch;line-height:1.75;text-wrap:pretty}
  .case-page .case-brief{gap:28px 36px}
  .case-page .case-brief .mono{font-size:11px;letter-spacing:.09em}
  .case-page .case-brief p{max-width:34ch}
  .case-page .case-tags{gap:8px}
  .case-page .case-tags span{border-radius:5px;padding:5px 9px}
  .case-page .case-button{border-radius:10px;min-height:50px;padding-inline:22px;transition:background-color .2s,box-shadow .2s}
  .case-page .case-button:hover{filter:none;background:color-mix(in srgb,var(--case-accent) 85%,white);box-shadow:0 5px 20px #0002}
  .case-page .case-source{padding-block:6px}
  .case-page .case-source span,.case-page .case-back span{transition:transform .2s}
  .case-page .case-cover{border-radius:16px;box-shadow:0 18px 48px #0002}
  .case-page .case-cover:focus-within{outline:2px solid var(--case-accent);outline-offset:5px}
  .case-page .case-window{min-height:46px;border-bottom:1px solid #ffffff0a;border-radius:15px 15px 0 0;padding-inline:20px}
  .case-page .case-window>span:first-child{letter-spacing:4px}
  .case-page .case-cover .case-player,.case-page .case-cover video{border-radius:15px 15px 0 0}
  .case-page .case-cover figcaption{padding:18px 22px;line-height:1.75;border-radius:0 0 15px 15px;max-width:none}
  .case-page .case-play{border-color:var(--case-accent);border-radius:12px;padding:13px 23px;gap:14px}
  .case-page .case-demo-heading{margin-bottom:24px}
  .case-page .case-demo-heading h2{max-width:25ch;text-wrap:balance}
  .case-page .case-demo-links{padding-block:12px}
  .case-page .case-demo-notes summary{text-underline-offset:5px}
  .case-page .case-demo-notes summary:hover{text-decoration:underline;text-decoration-color:var(--case-accent)}
  .case-page .case-facts{padding-block:34px 38px}
  .case-page .case-facts dd{letter-spacing:-.04em}
  .case-page .case-facts dt{max-width:25ch;line-height:1.65}
  .case-page .case-story{min-width:0;max-width:760px}
  .case-page .case-toc{gap:6px}
  .case-page .case-toc>.mono{margin:0 0 12px 12px;font-size:11px;letter-spacing:.08em}
  .case-page .case-toc a{min-height:46px;padding:10px 12px;gap:11px;border-radius:0 10px 10px 0;transition:color .2s,border-color .2s,background-color .2s}
  .case-page .case-toc a:hover,.case-page .case-toc a[aria-current]{padding-left:12px;background:color-mix(in srgb,var(--case-accent) 8%,transparent)}
  .case-page .case-toc a[aria-current]{border-left-width:2px;background:color-mix(in srgb,var(--case-accent) 12%,transparent)}
  .case-page .case-section{padding-bottom:76px}
  .case-page .case-eyebrow{font-size:11px;letter-spacing:.09em;margin-bottom:18px}
  .case-page .case-section h2{max-width:26ch;line-height:1.17;letter-spacing:-.04em;text-wrap:balance}
  .case-page .case-section>p:not(.case-eyebrow){max-width:68ch;line-height:1.85;text-wrap:pretty}
  .case-page .case-role,.case-page .case-constraint{border-radius:var(--case-radius);padding:28px 30px}
  .case-page .case-role{box-shadow:inset 0 0 0 1px #ffffff06}
  .case-page .case-role h3,.case-page .case-constraint h3{font-size:19px;line-height:1.4;letter-spacing:-.025em}
  .case-page .case-role p,.case-page .case-constraint p{max-width:65ch;text-wrap:pretty}
  .case-page .case-architecture{border-radius:var(--case-radius);padding:28px}
  .case-page .case-architecture figcaption{max-width:48ch;font-size:18px;letter-spacing:-.02em;text-wrap:balance}
  .case-page .case-flow{margin-block:26px;gap:28px}
  .case-page .case-flow li{border-radius:10px;padding:19px 21px;gap:0 16px}
  .case-page .case-flow li:not(:last-child):after{bottom:-28px;line-height:27px;font-size:18px}
  .case-page .case-flow strong{font-size:17px}
  .case-page .case-flow li>span:last-child{line-height:1.6}
  .case-page .case-architecture>p{max-width:66ch}
  .case-page .case-decision{gap:24px;padding-block:28px}
  .case-page .decision-number{display:grid;place-items:center;flex:0 0 34px;height:34px;padding-top:0;margin-top:1px;border:1px solid color-mix(in srgb,var(--case-accent) 25%,transparent);border-radius:10px;font-size:11px}
  .case-page .case-decision>div{min-width:0}
  .case-page .case-decision h3{font-size:22px;line-height:1.4;letter-spacing:-.025em;text-wrap:balance}
  .case-page .case-decision p{max-width:65ch;line-height:1.85;text-wrap:pretty}
  .case-page .case-evidence{gap:12px;margin-top:28px}
  .case-page .case-evidence a{border-radius:10px;min-height:58px;padding:15px 18px;line-height:1.6;transition:border-color .2s,background-color .2s}
  .case-page .case-evidence a:hover{background:color-mix(in srgb,var(--case-accent) 7%,transparent)}
  .case-page .case-next{border:1px solid #46533b;border-radius:16px;padding:36px 84px 36px 30px;gap:14px;transition:border-color .2s,background-color .2s}
  .case-page .case-next strong{max-width:25ch;font-size:clamp(28px,3.6vw,46px);text-wrap:balance}
  .case-page .case-next>.mono{font-size:11px;letter-spacing:.08em}
  .case-page .case-next-arrow{right:28px;font-size:40px}
  .case-page .case-next:hover{border-color:var(--case-accent);background:color-mix(in srgb,var(--case-accent) 4%,transparent)}
  .case-page .case-footer{padding-block:26px 40px}
  .case-page .case-footer a:hover{color:var(--case-accent)}
}
@media screen and (min-width:1001px){
  .case-page .case-hero{padding-block:82px 52px}
  .case-page .case-reading-layout{padding-top:78px}
}
@media screen and (hover:hover) and (prefers-reduced-motion:no-preference){
  .case-page .case-source:hover span{transform:translate(2px,-2px)}
  .case-page .case-back:hover span{transform:translate(-2px,-2px)}
}
@media screen and (max-width:1000px){
  .case-page .case-architecture{padding:24px}
  .case-page .case-flow li{padding:17px}
}
@media screen and (max-width:720px){
  .case-page .case-hero h1{letter-spacing:-.055em;line-height:1.08}
  .case-page .case-intro{line-height:1.8}
  .case-page .case-brief{gap:24px}
  .case-page .case-button{min-height:48px;padding-inline:18px}
  .case-page .case-cover{border-radius:12px}
  .case-page .case-window,.case-page .case-cover .case-player,.case-page .case-cover video{border-radius:11px 11px 0 0}
  .case-page .case-window{min-height:40px;padding-inline:14px}
  .case-page .case-cover figcaption{padding:15px 16px;border-radius:0 0 11px 11px}
  .case-page .case-play{padding:12px 18px;min-height:54px}
  .case-page .case-facts{padding-block:27px 30px}
  .case-page .case-toc{gap:6px 10px;margin-bottom:42px;padding-bottom:24px}
  .case-page .case-toc>.mono{margin-left:0;margin-bottom:10px}
  .case-page .case-toc a{min-height:44px;gap:9px;padding:9px 10px}
  .case-page .case-toc a:hover,.case-page .case-toc a[aria-current]{padding-left:10px}
  .case-page .case-section{padding-bottom:54px}
  .case-page .case-eyebrow{margin-bottom:16px}
  .case-page .case-section h2{font-size:clamp(28px,5.8vw,34px);line-height:1.2;letter-spacing:-.035em}
  .case-page .case-role,.case-page .case-constraint,.case-page .case-architecture{padding:22px;border-radius:12px}
  .case-page .case-architecture figcaption{font-size:17px}
  .case-page .case-flow li{padding:17px 15px;gap:0 11px}
  .case-page .case-flow strong{font-size:16px}
  .case-page .case-decision{gap:16px;padding-block:25px}
  .case-page .decision-number{flex-basis:30px;height:30px;border-radius:10px;font-size:10px}
  .case-page .case-decision h3{font-size:21px}
  .case-page .case-evidence a{min-height:54px;padding:14px 16px}
  .case-page .case-next{padding:28px 62px 28px 22px;border-radius:12px}
  .case-page .case-next strong{font-size:clamp(26px,6vw,32px);line-height:1.2}
  .case-page .case-next-arrow{right:20px;font-size:32px}
  .case-page .case-footer{padding-block:20px 32px}
}