/* Template 2: concise systems-led case study. All rules are scoped to preserve Template 1. */
.case-template-2-root,.portfolio-page--template-2{overflow-x:clip}
.portfolio-page--template-2{--case2-cyan:#71e7ff;--case2-violet:#8000ff;--case2-pink:#dd00ff}
.portfolio-page--template-2 .case-main{overflow:visible}
.portfolio-page--template-2 .case2-hero{min-height:100svh;padding-bottom:clamp(80px,8vw,140px)}
.portfolio-page--template-2 .case2-hero__layout{grid-template-columns:minmax(420px,.82fr) minmax(600px,1.18fr);gap:clamp(48px,6vw,110px);align-items:center}
.portfolio-page--template-2 .case2-hero .case-hero__copy h1{max-width:10.5ch}
.portfolio-page--template-2 .case2-facts{margin-top:clamp(40px,5vw,72px)}
.portfolio-page--template-2 .case2-system-stage{position:relative;min-height:clamp(650px,48vw,790px);margin:0;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 46%,rgba(128,0,255,.2),transparent 22%),radial-gradient(circle at 88% 12%,rgba(113,231,255,.08),transparent 22%),linear-gradient(145deg,rgba(12,14,36,.95),rgba(3,5,16,.98));border:1px solid rgba(195,105,255,.28);border-radius:34px;box-shadow:0 42px 130px rgba(0,0,0,.46);transform-style:preserve-3d}
.portfolio-page--template-2 .case2-system-stage::before{position:absolute;inset:8%;z-index:-1;content:"";border:1px solid rgba(159,74,255,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(159,74,255,.035),0 0 0 140px rgba(159,74,255,.018)}
.portfolio-page--template-2 .case2-system-stage__grid{position:absolute;inset:0;z-index:-2;opacity:.38;background-image:linear-gradient(rgba(126,92,194,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(126,92,194,.07) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at 50% 47%,#000,transparent 76%)}
.portfolio-page--template-2 .case2-system-stage__paths{position:absolute;inset:4% 3%;width:94%;height:92%;fill:none;stroke:url(#case2-path-gradient);stroke-width:1.5;stroke-linecap:round;opacity:.72}
.portfolio-page--template-2 .case2-system-stage__paths path{stroke-dasharray:8 12;animation:case2-flow 9s linear infinite}
.portfolio-page--template-2 .case2-system-stage__core{position:absolute;top:47%;left:50%;display:grid;width:clamp(164px,14vw,220px);aspect-ratio:1;padding:1.2rem;text-align:center;place-content:center;background:radial-gradient(circle at 35% 28%,rgba(221,0,255,.78),rgba(128,0,255,.34) 48%,rgba(7,9,25,.95) 74%);border:1px solid rgba(226,147,255,.62);border-radius:50%;box-shadow:0 0 0 12px rgba(128,0,255,.06),0 0 70px rgba(128,0,255,.32);transform:translate(-50%,-50%);animation:case2-core 4.5s ease-in-out infinite}
.portfolio-page--template-2 .case2-system-stage__core::before,.portfolio-page--template-2 .case2-system-stage__core::after{position:absolute;inset:-22px;content:"";border:1px dashed rgba(111,229,255,.25);border-radius:50%;animation:case2-spin 18s linear infinite}
.portfolio-page--template-2 .case2-system-stage__core::after{inset:-42px;border-color:rgba(217,60,255,.14);animation-direction:reverse;animation-duration:28s}
.portfolio-page--template-2 .case2-system-stage__core span{color:#d58aff;font-size:.55rem;font-weight:750;letter-spacing:.18em;text-transform:uppercase}
.portfolio-page--template-2 .case2-system-stage__core strong{margin:.3rem 0;font-size:clamp(1.35rem,2vw,2rem);font-weight:600;letter-spacing:-.045em}
.portfolio-page--template-2 .case2-system-stage__core small{color:rgba(255,255,255,.58);font-size:.62rem}
.portfolio-page--template-2 .case2-system-node{position:absolute;display:grid;width:clamp(190px,16vw,245px);min-height:112px;padding:1rem 1.1rem 1rem 3.35rem;align-content:center;background:linear-gradient(135deg,rgba(21,21,52,.92),rgba(5,7,21,.96));border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.25);transition:border-color .35s ease,box-shadow .35s ease,transform .45s var(--case-ease)}
.portfolio-page--template-2 .case2-system-node::before{position:absolute;top:50%;left:18px;width:22px;aspect-ratio:1;content:"";background:radial-gradient(circle,#fff 0 8%,var(--case2-cyan) 10% 22%,rgba(113,231,255,.12) 24% 50%,transparent 52%);border:1px solid rgba(113,231,255,.24);border-radius:50%;transform:translateY(-50%);animation:case2-node 3.8s ease-in-out infinite}
.portfolio-page--template-2 .case2-system-node>span{color:#c95cff;font-size:.5rem;font-weight:750;letter-spacing:.14em}
.portfolio-page--template-2 .case2-system-node strong{margin:.28rem 0;font-size:clamp(.84rem,1.1vw,1.05rem);font-weight:600}
.portfolio-page--template-2 .case2-system-node small{color:rgba(255,255,255,.56);font-size:.6rem;line-height:1.45}
.portfolio-page--template-2 .node-public{top:8%;left:5%}.portfolio-page--template-2 .node-members{top:8%;right:5%}.portfolio-page--template-2 .node-team{bottom:26%;left:4%}.portfolio-page--template-2 .node-data{right:4%;bottom:26%}.portfolio-page--template-2 .node-governance{bottom:3%;left:50%;transform:translateX(-50%)}
.portfolio-page--template-2 .case2-system-stage__status{position:absolute;top:1.35rem;left:50%;display:flex;gap:.65rem;align-items:center;padding:.55rem .8rem;color:rgba(255,255,255,.64);background:rgba(4,6,17,.72);border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:.54rem;letter-spacing:.12em;text-transform:uppercase;transform:translateX(-50%)}
.portfolio-page--template-2 .case2-system-stage__status i{width:7px;height:7px;background:var(--case2-cyan);border-radius:50%;box-shadow:0 0 14px var(--case2-cyan)}
.portfolio-page--template-2 .case2-system-stage figcaption{position:absolute;right:1.3rem;bottom:1.15rem;max-width:330px;color:rgba(255,255,255,.35);font-size:.52rem;line-height:1.45;text-align:right}
.portfolio-page--template-2 .case2-chapter-nav{position:sticky;top:78px;z-index:24;background:rgba(4,5,16,.84);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(22px)}
.portfolio-page--template-2 .case2-chapter-nav .case-shell{display:flex;min-height:64px;align-items:center;justify-content:space-between}
.portfolio-page--template-2 .case2-chapter-nav .case-shell>span{color:#d373ff;font-size:.55rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}
.portfolio-page--template-2 .case2-chapter-nav .case-shell>div{display:flex;gap:clamp(1.2rem,2.8vw,3rem)}
.portfolio-page--template-2 .case2-chapter-nav a{position:relative;padding:.55rem 0;color:rgba(255,255,255,.56);font-size:.65rem;transition:color .25s ease}
.portfolio-page--template-2 .case2-chapter-nav a::after{position:absolute;right:0;bottom:0;left:0;height:1px;content:"";background:linear-gradient(90deg,var(--case2-violet),var(--case2-pink));transform:scaleX(0);transition:transform .3s ease}
.portfolio-page--template-2 .case2-chapter-nav a:hover,.portfolio-page--template-2 .case2-chapter-nav a:focus-visible{color:#fff}.portfolio-page--template-2 .case2-chapter-nav a:hover::after,.portfolio-page--template-2 .case2-chapter-nav a:focus-visible::after{transform:scaleX(1)}
.portfolio-page--template-2 .case2-complexity-layout{display:grid;grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);gap:clamp(28px,4vw,70px);align-items:start}
.portfolio-page--template-2 .case2-mandate{position:sticky;top:166px;padding:clamp(28px,3.3vw,52px);overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(128,0,255,.24),transparent 34%),linear-gradient(145deg,rgba(16,17,43,.95),rgba(5,7,19,.97));border:1px solid rgba(199,103,255,.27);border-radius:28px;box-shadow:0 35px 100px rgba(0,0,0,.28)}
.portfolio-page--template-2 .case2-mandate h3{max-width:14ch;margin:1.1rem 0 0;font-size:clamp(2rem,3vw,3.6rem);font-weight:520;letter-spacing:-.052em;line-height:1.04}
.portfolio-page--template-2 .case2-mandate>p:not(.case-overline){margin:1.5rem 0 0;color:var(--case-muted);font-size:.82rem;line-height:1.72}
.portfolio-page--template-2 .case2-mandate hr{height:1px;margin:2.5rem 0;border:0;background:linear-gradient(90deg,rgba(214,91,255,.65),rgba(255,255,255,.05))}
.portfolio-page--template-2 .case2-mandate ul{display:grid;gap:1rem;padding:0;margin:1.4rem 0 0;list-style:none}.portfolio-page--template-2 .case2-mandate li{display:grid;grid-template-columns:36px 1fr;gap:1rem}.portfolio-page--template-2 .case2-mandate li>b{display:grid;width:34px;aspect-ratio:1;color:#d36cff;place-items:center;border:1px solid rgba(194,96,255,.24);border-radius:50%;font-size:.52rem}.portfolio-page--template-2 .case2-mandate li>span{display:grid;gap:.3rem}.portfolio-page--template-2 .case2-mandate li small{color:rgba(255,255,255,.5);font-size:.68rem;line-height:1.5}
.portfolio-page--template-2 .case2-complexity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.portfolio-page--template-2 .case2-complexity-grid article{position:relative;min-height:310px;padding:clamp(24px,2.5vw,38px);overflow:hidden;background:linear-gradient(145deg,rgba(13,15,38,.9),rgba(5,7,19,.95));border:1px solid rgba(255,255,255,.1);border-radius:24px;transition:border-color .35s ease,box-shadow .4s ease,transform .45s var(--case-ease)}
.portfolio-page--template-2 .case2-complexity-grid .case-icon{margin-bottom:clamp(32px,4vw,56px)}
.portfolio-page--template-2 .case2-complexity-grid h3{max-width:15ch;margin:.65rem 0 0;font-size:clamp(1.35rem,1.8vw,1.8rem);font-weight:550;letter-spacing:-.04em;line-height:1.12}
.portfolio-page--template-2 .case2-complexity-grid article>p:last-child{margin:.8rem 0 0;color:var(--case-muted);font-size:.74rem;line-height:1.65}
.portfolio-page--template-2 .case2-dependencies{margin-top:14px;overflow:hidden;background:rgba(8,10,27,.78);border:1px solid rgba(255,255,255,.1);border-radius:24px}
.portfolio-page--template-2 .case2-dependencies header{display:flex;gap:2rem;padding:1.4rem 1.7rem;align-items:center;justify-content:space-between;background:rgba(128,0,255,.055);border-bottom:1px solid rgba(255,255,255,.08)}.portfolio-page--template-2 .case2-dependencies header>*{margin:0}.portfolio-page--template-2 .case2-dependencies header strong{max-width:430px;font-size:.75rem;font-weight:520;text-align:right}
.portfolio-page--template-2 .case2-dependencies>div{display:grid;grid-template-columns:100px minmax(160px,.55fr) minmax(0,1fr);gap:1rem;min-height:78px;padding:1.1rem 1.7rem;align-items:center;border-bottom:1px solid rgba(255,255,255,.07)}.portfolio-page--template-2 .case2-dependencies>div:last-child{border-bottom:0}.portfolio-page--template-2 .case2-dependencies span{color:#cb64ff;font-size:.56rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.portfolio-page--template-2 .case2-dependencies b{font-size:.72rem}.portfolio-page--template-2 .case2-dependencies p{margin:0;color:rgba(255,255,255,.5);font-size:.68rem;line-height:1.55}
.portfolio-page--template-2 .case2-architecture{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:clamp(28px,4vw,64px)}
.portfolio-page--template-2 .case2-stack{display:grid;gap:18px;min-height:690px;padding:clamp(42px,5vw,78px);align-content:center;background:radial-gradient(circle at 50% 45%,rgba(128,0,255,.14),transparent 38%),linear-gradient(150deg,rgba(11,13,34,.96),rgba(3,5,16,.98));border:1px solid rgba(200,101,255,.25);border-radius:30px}
.portfolio-page--template-2 .case2-stack article{display:grid;grid-template-columns:90px minmax(150px,.6fr) minmax(200px,1fr);gap:1.1rem;min-height:150px;padding:1.5rem;align-items:center;background:linear-gradient(110deg,rgba(20,21,52,.93),rgba(7,9,25,.93));border:1px solid rgba(255,255,255,.11);border-left-color:#b356ff;border-radius:22px;transition:border-color .35s ease,transform .45s var(--case-ease)}
.portfolio-page--template-2 .case2-stack article:first-child{border-left-color:var(--case2-cyan)}.portfolio-page--template-2 .case2-stack article:last-child{border-left-color:var(--case2-pink)}
.portfolio-page--template-2 .case2-stack article>span{color:#c967ff;font-size:.55rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.portfolio-page--template-2 .case2-stack h3{margin:0;font-size:clamp(1.25rem,1.7vw,1.75rem);font-weight:560;letter-spacing:-.04em}.portfolio-page--template-2 .case2-stack p{margin:0;color:rgba(255,255,255,.72);font-size:.72rem;line-height:1.5}.portfolio-page--template-2 .case2-stack small{grid-column:2/4;color:rgba(255,255,255,.45);font-size:.64rem}
.portfolio-page--template-2 .case2-decisions{display:grid;gap:14px}.portfolio-page--template-2 .case2-decisions article{display:grid;grid-template-columns:44px 1fr;gap:1rem;min-height:215px;padding:clamp(24px,2.7vw,38px);background:linear-gradient(145deg,rgba(13,15,38,.9),rgba(5,7,19,.95));border:1px solid rgba(255,255,255,.1);border-radius:24px;transition:border-color .35s ease,transform .45s var(--case-ease)}.portfolio-page--template-2 .case2-decisions article>b{display:grid;width:40px;aspect-ratio:1;height:40px;color:#cb66ff;place-items:center;border:1px solid rgba(205,101,255,.28);border-radius:50%;font-size:.55rem}.portfolio-page--template-2 .case2-decisions .case-overline{margin:0}.portfolio-page--template-2 .case2-decisions h3{margin:.55rem 0 0;font-size:clamp(1.3rem,1.7vw,1.7rem);font-weight:550;letter-spacing:-.04em}.portfolio-page--template-2 .case2-decisions p:not(.case-overline){margin:.75rem 0 0;color:var(--case-muted);font-size:.72rem;line-height:1.6}.portfolio-page--template-2 .case2-decisions small{display:block;padding-top:.8rem;margin-top:.8rem;color:rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.07);font-size:.65rem}.portfolio-page--template-2 .case2-decisions small strong{color:#d673ff}
.portfolio-page--template-2 .case2-feature-heading{display:grid;grid-template-columns:minmax(220px,.42fr) 1fr;gap:2rem;align-items:end;margin:clamp(90px,10vw,155px) 0 clamp(36px,4vw,60px);padding-top:clamp(44px,5vw,70px);border-top:1px solid rgba(255,255,255,.1)}.portfolio-page--template-2 .case2-feature-heading>*{margin:0}.portfolio-page--template-2 .case2-feature-heading h3{max-width:14ch;font-size:clamp(2.2rem,4vw,4.8rem);font-weight:500;letter-spacing:-.055em;line-height:1.04}.portfolio-page--template-2 .case2-feature-heading em{color:transparent;background:linear-gradient(90deg,var(--case2-violet),var(--case2-pink));background-clip:text;-webkit-background-clip:text;font-family:"Instrument Serif",Georgia,serif;font-weight:400}
.portfolio-page--template-2 .case2-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portfolio-page--template-2 .case2-feature-grid>article{min-height:410px;padding:clamp(26px,3.2vw,48px);background:radial-gradient(circle at 100% 0,rgba(128,0,255,.12),transparent 32%),linear-gradient(145deg,rgba(13,15,38,.91),rgba(5,7,19,.96));border:1px solid rgba(255,255,255,.1);border-radius:26px;transition:border-color .35s ease,transform .45s var(--case-ease)}.portfolio-page--template-2 .case2-feature-grid>article>span{display:block;margin-top:1.3rem;color:#ca64ff;font-size:.54rem;font-weight:750;letter-spacing:.14em}.portfolio-page--template-2 .case2-feature-grid h3{margin:.4rem 0 0;font-size:clamp(1.45rem,2.1vw,2.2rem);font-weight:550;letter-spacing:-.045em}.portfolio-page--template-2 .case2-feature-grid>article>p{margin:1rem 0 0;color:var(--case-muted);font-size:.76rem;line-height:1.65}.portfolio-page--template-2 .case2-feature-grid dl{margin:1.6rem 0 0;border-top:1px solid rgba(255,255,255,.08)}.portfolio-page--template-2 .case2-feature-grid dl>div{display:grid;grid-template-columns:90px 1fr;gap:1rem;min-height:52px;align-items:center;border-bottom:1px solid rgba(255,255,255,.07)}.portfolio-page--template-2 .case2-feature-grid dt{color:#cd67ff;font-size:.55rem;font-weight:700;text-transform:uppercase}.portfolio-page--template-2 .case2-feature-grid dd{margin:0;color:rgba(255,255,255,.65);font-size:.68rem}
.portfolio-page--template-2 .case2-proof{position:relative;margin:clamp(80px,9vw,145px) 0 0;overflow:hidden;border-radius:30px;box-shadow:0 38px 120px rgba(0,0,0,.4);transform-style:preserve-3d}.portfolio-page--template-2 .case2-proof .case-browser__screen{position:relative;aspect-ratio:16/8.2}.portfolio-page--template-2 .case2-proof img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.52)}.portfolio-page--template-2 .case2-proof .case-browser__screen::after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(3,5,16,.95),rgba(3,5,16,.12) 70%),linear-gradient(0deg,rgba(3,5,16,.72),transparent 48%)}.portfolio-page--template-2 .case2-proof .case-browser__screen>div{position:absolute;top:50%;left:clamp(30px,6vw,95px);z-index:2;max-width:600px;transform:translateY(-50%)}.portfolio-page--template-2 .case2-proof .case-browser__screen span{color:#d165ff;font-size:.59rem;font-weight:750;text-transform:uppercase}.portfolio-page--template-2 .case2-proof strong{display:block;max-width:11ch;margin:1rem 0 0;font-size:clamp(2.4rem,4.2vw,5.2rem);font-weight:500;letter-spacing:-.055em;line-height:1.03}.portfolio-page--template-2 .case2-proof p{max-width:520px;margin:1.2rem 0 0;color:rgba(255,255,255,.62);font-size:.75rem;line-height:1.6}.portfolio-page--template-2 .case2-proof figcaption{position:absolute;right:1.3rem;bottom:1rem;z-index:3;color:rgba(255,255,255,.4);font-size:.54rem}
.portfolio-page--template-2 .case2-delivery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;margin:0;list-style:none}.portfolio-page--template-2 .case2-delivery li{position:relative;min-height:350px;padding:clamp(24px,2.6vw,40px);background:linear-gradient(145deg,rgba(13,15,38,.9),rgba(5,7,19,.96));border:1px solid rgba(255,255,255,.1);border-radius:24px}.portfolio-page--template-2 .case2-delivery li>span{color:#c963ff;font-size:.58rem;font-weight:750}.portfolio-page--template-2 .case2-delivery li>i{position:absolute;top:38px;right:34px;width:13px;aspect-ratio:1;background:#080a1b;border:3px solid var(--case2-cyan);border-radius:50%;box-shadow:0 0 24px rgba(113,231,255,.45)}.portfolio-page--template-2 .case2-delivery h3{margin:clamp(75px,7vw,105px) 0 0;font-size:clamp(1.55rem,2.1vw,2.25rem);font-weight:550;letter-spacing:-.045em}.portfolio-page--template-2 .case2-delivery p{margin:1rem 0 0;color:var(--case-muted);font-size:.74rem;line-height:1.65}.portfolio-page--template-2 .case2-delivery small{display:block;padding-top:1rem;margin-top:1.2rem;color:rgba(255,255,255,.43);border-top:1px solid rgba(255,255,255,.07);font-size:.62rem}
.portfolio-page--template-2 .case2-quality{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:clamp(60px,7vw,110px);overflow:hidden;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1);border-radius:24px}.portfolio-page--template-2 .case2-quality>div{display:grid;gap:.35rem;min-height:110px;padding:1.45rem;align-content:center;background:linear-gradient(135deg,rgba(12,14,36,.98),rgba(5,7,19,.98))}.portfolio-page--template-2 .case2-quality strong{font-size:.75rem}.portfolio-page--template-2 .case2-quality span{color:rgba(255,255,255,.48);font-size:.64rem;line-height:1.5}
.portfolio-page--template-2 .case2-evidence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.portfolio-page--template-2 .case2-evidence article{position:relative;min-height:315px;padding:clamp(24px,2.6vw,40px);background:linear-gradient(145deg,rgba(13,15,38,.91),rgba(5,7,19,.96));border:1px solid rgba(255,255,255,.1);border-radius:24px}.portfolio-page--template-2 .case2-evidence article>span{color:#ca65ff;font-size:.56rem;font-weight:750;text-transform:uppercase}.portfolio-page--template-2 .case2-evidence data{display:block;margin:clamp(44px,5vw,70px) 0 0;font-size:clamp(3rem,4vw,5rem);line-height:1}.portfolio-page--template-2 .case2-evidence h3{margin:1rem 0 0;font-size:1.15rem}.portfolio-page--template-2 .case2-evidence p{margin:.8rem 0 0;color:var(--case-muted);font-size:.68rem;line-height:1.58}.portfolio-page--template-2 .case2-evidence small{position:absolute;right:1.3rem;bottom:1.2rem;left:1.3rem;padding-top:.8rem;color:rgba(255,255,255,.36);border-top:1px solid rgba(255,255,255,.07);font-size:.55rem;text-transform:uppercase}
.portfolio-page--template-2 .case2-reflection{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;margin-top:14px}.portfolio-page--template-2 .case2-reflection .case-testimonial{margin:0}.portfolio-page--template-2 .case2-reflection>aside{padding:clamp(32px,4vw,58px);background:radial-gradient(circle at 100% 0,rgba(128,0,255,.17),transparent 36%),linear-gradient(145deg,rgba(13,15,38,.91),rgba(5,7,19,.96));border:1px solid rgba(255,255,255,.1);border-radius:30px}.portfolio-page--template-2 .case2-reflection>aside h3{max-width:11ch;margin:1.1rem 0 0;font-size:clamp(1.9rem,2.8vw,3.4rem);font-weight:520;letter-spacing:-.05em;line-height:1.04}.portfolio-page--template-2 .case2-reflection>aside>p:not(.case-overline){margin:1.3rem 0 0;color:var(--case-muted);font-size:.74rem;line-height:1.65}.portfolio-page--template-2 .case2-reflection>aside ul{display:grid;gap:.8rem;padding:1.3rem 0 0;margin:1.5rem 0 0;border-top:1px solid rgba(255,255,255,.08);list-style:none}.portfolio-page--template-2 .case2-reflection>aside li{position:relative;padding-left:1rem;color:rgba(255,255,255,.6);font-size:.68rem}.portfolio-page--template-2 .case2-reflection>aside li::before{position:absolute;top:.45em;left:0;width:5px;aspect-ratio:1;content:"";background:var(--case2-cyan);border-radius:50%}
@media(hover:hover) and (pointer:fine){.portfolio-page--template-2 .case2-system-node:hover{z-index:4;border-color:rgba(113,231,255,.46);box-shadow:0 24px 70px rgba(0,0,0,.35);transform:translateY(-5px)}.portfolio-page--template-2 .node-governance:hover{transform:translate(-50%,-5px)}.portfolio-page--template-2 .case2-complexity-grid article:hover,.portfolio-page--template-2 .case2-decisions article:hover,.portfolio-page--template-2 .case2-feature-grid>article:hover{border-color:rgba(205,101,255,.33);transform:translateY(-6px)}.portfolio-page--template-2 .case2-stack article:hover{border-color:rgba(210,113,255,.43);transform:translateX(6px)}}
@media(min-width:2200px){.portfolio-page--template-2 .case2-hero__layout{grid-template-columns:minmax(760px,.82fr) minmax(950px,1.18fr)}.portfolio-page--template-2 .case2-system-stage{min-height:900px}.portfolio-page--template-2 .case2-system-node{width:270px;min-height:126px}.portfolio-page--template-2 .case2-complexity-grid article{min-height:355px}.portfolio-page--template-2 .case2-stack{min-height:820px}.portfolio-page--template-2 .case2-feature-grid>article{min-height:470px}}
@media(max-width:1280px){.portfolio-page--template-2 .case2-hero__layout{grid-template-columns:minmax(360px,.78fr) minmax(520px,1.22fr);gap:42px}.portfolio-page--template-2 .case2-system-stage{min-height:630px}.portfolio-page--template-2 .case2-system-node{width:190px}.portfolio-page--template-2 .case2-architecture{grid-template-columns:1fr}.portfolio-page--template-2 .case2-decisions{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-page--template-2 .case2-decisions article{grid-template-columns:1fr;min-height:290px}.portfolio-page--template-2 .case2-delivery{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-page--template-2 .case2-delivery li{min-height:290px}}
@media(max-width:1080px){.portfolio-page--template-2 .case2-hero__layout{grid-template-columns:1fr}.portfolio-page--template-2 .case2-system-stage{min-height:720px;margin-top:50px}.portfolio-page--template-2 .case2-complexity-layout{grid-template-columns:1fr}.portfolio-page--template-2 .case2-mandate{position:relative;top:auto}.portfolio-page--template-2 .case2-quality{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-page--template-2 .case2-evidence{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-page--template-2 .case2-reflection{grid-template-columns:1fr}}
@media(max-width:760px){.portfolio-page--template-2 .case2-chapter-nav{top:68px}.portfolio-page--template-2 .case2-chapter-nav .case-shell{display:block;min-height:0;padding:10px 0}.portfolio-page--template-2 .case2-chapter-nav .case-shell>span{display:none}.portfolio-page--template-2 .case2-chapter-nav .case-shell>div{gap:1.4rem;padding:.4rem 0;overflow-x:auto;scrollbar-width:none}.portfolio-page--template-2 .case2-chapter-nav a{flex:0 0 auto}.portfolio-page--template-2 .case2-system-stage{display:grid;gap:10px;min-height:0;padding:74px 16px 70px}.portfolio-page--template-2 .case2-system-stage::before,.portfolio-page--template-2 .case2-system-stage__paths{display:none}.portfolio-page--template-2 .case2-system-stage__core{position:relative;top:auto;left:auto;width:150px;margin:0 auto 16px;transform:none}.portfolio-page--template-2 .case2-system-node{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%;min-height:92px;transform:none!important}.portfolio-page--template-2 .case2-system-stage figcaption{right:16px;bottom:14px;left:16px;max-width:none;text-align:center}.portfolio-page--template-2 .case2-complexity-grid{grid-template-columns:1fr}.portfolio-page--template-2 .case2-dependencies header{display:grid}.portfolio-page--template-2 .case2-dependencies header strong{text-align:left}.portfolio-page--template-2 .case2-dependencies>div{grid-template-columns:1fr;gap:.45rem;padding:1.2rem}.portfolio-page--template-2 .case2-stack{min-height:0;padding:58px 18px}.portfolio-page--template-2 .case2-stack article{grid-template-columns:1fr;gap:.6rem;min-height:0}.portfolio-page--template-2 .case2-stack small{grid-column:auto}.portfolio-page--template-2 .case2-decisions{grid-template-columns:1fr}.portfolio-page--template-2 .case2-decisions article{grid-template-columns:44px 1fr;min-height:0}.portfolio-page--template-2 .case2-feature-heading{grid-template-columns:1fr}.portfolio-page--template-2 .case2-feature-grid{grid-template-columns:1fr}.portfolio-page--template-2 .case2-feature-grid>article{min-height:0}.portfolio-page--template-2 .case2-feature-grid dl>div{grid-template-columns:1fr;gap:.35rem;padding:1rem 0}.portfolio-page--template-2 .case2-proof{border-radius:20px}.portfolio-page--template-2 .case2-proof .case-browser__screen{aspect-ratio:4/5}.portfolio-page--template-2 .case2-proof .case-browser__screen::after{background:linear-gradient(0deg,rgba(3,5,16,.96),rgba(3,5,16,.12) 80%)}.portfolio-page--template-2 .case2-proof .case-browser__screen>div{top:auto;right:22px;bottom:32px;left:22px;transform:none}.portfolio-page--template-2 .case2-proof figcaption{display:none}.portfolio-page--template-2 .case2-delivery{grid-template-columns:1fr}.portfolio-page--template-2 .case2-delivery li{min-height:260px}.portfolio-page--template-2 .case2-quality{grid-template-columns:1fr}.portfolio-page--template-2 .case2-evidence{grid-template-columns:1fr}.portfolio-page--template-2 .case2-evidence article{min-height:280px}}
@media(max-width:480px){.portfolio-page--template-2 .case2-system-stage{padding-inline:12px;border-radius:22px}.portfolio-page--template-2 .case2-mandate,.portfolio-page--template-2 .case2-complexity-grid article,.portfolio-page--template-2 .case2-stack,.portfolio-page--template-2 .case2-decisions article,.portfolio-page--template-2 .case2-feature-grid>article,.portfolio-page--template-2 .case2-delivery li,.portfolio-page--template-2 .case2-evidence article,.portfolio-page--template-2 .case2-reflection>aside{border-radius:20px}.portfolio-page--template-2 .case2-decisions article{grid-template-columns:1fr}.portfolio-page--template-2 .case2-feature-heading h3{font-size:clamp(2.5rem,13vw,3.8rem)}}
@keyframes case2-flow{to{stroke-dashoffset:-200}}@keyframes case2-spin{to{transform:rotate(1turn)}}@keyframes case2-core{50%{box-shadow:0 0 0 18px rgba(128,0,255,.035),0 0 95px rgba(221,0,255,.38)}}@keyframes case2-node{50%{opacity:.7;transform:translateY(-50%) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.portfolio-page--template-2 .case2-system-stage__paths path,.portfolio-page--template-2 .case2-system-stage__core,.portfolio-page--template-2 .case2-system-stage__core::before,.portfolio-page--template-2 .case2-system-stage__core::after,.portfolio-page--template-2 .case2-system-node::before{animation:none!important}.portfolio-page--template-2 .case2-system-stage,.portfolio-page--template-2 .case2-system-node,.portfolio-page--template-2 .case2-stack article{transform:none!important}}