*{box-sizing:border-box}
html{background:var(--paper);scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{width:min(var(--max),calc(100% - 56px));margin:auto}
.mono{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:999;background:var(--ink);color:var(--paper);padding:10px 12px}

.case-header{position:absolute;inset:0 0 auto;z-index:20}
.case-nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-weight:600}
.brand-mark{width:29px;height:29px;position:relative}
.brand-mark::before{content:"";position:absolute;left:12px;top:12px;width:5px;height:5px;border-radius:50%;background:var(--amber);box-shadow:10px -7px 0 var(--product),-9px 6px 0 var(--strategy)}
.brand-mark::after{content:"";position:absolute;inset:1px;border:1px solid rgba(22,20,15,.2);border-radius:50%}
.back-link{font-size:13px;color:var(--soft);border-bottom:1px solid var(--amber);padding-bottom:4px}

.case-hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:linear-gradient(145deg,#0a151e,#17334a 56%,#0d1013);color:var(--paper)}
.case-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,21,30,.05),rgba(11,21,30,.32) 52%,rgba(11,21,30,.92));pointer-events:none}
.case-hero-field{position:absolute;inset:0;background:radial-gradient(circle at 68% 35%,rgba(77,137,178,.34),transparent 18%),radial-gradient(circle at 28% 72%,rgba(194,133,28,.18),transparent 20%)}
.case-node{position:absolute;width:8px;height:8px;border-radius:50%;background:#d6e6f0;box-shadow:0 0 0 5px rgba(214,230,240,.07)}
.case-node.n1{left:18%;top:26%}.case-node.n2{left:48%;top:46%;background:var(--amber)}.case-node.n3{right:19%;top:31%}.case-node.n4{right:28%;bottom:22%}.case-node.n5{left:63%;top:18%;width:4px;height:4px}.case-node.n6{right:9%;top:59%;width:5px;height:5px;background:var(--strategy-soft)}
.case-ring{position:absolute;border:1px solid rgba(247,245,241,.22);border-radius:50%}
.case-ring.r1{width:430px;height:430px;right:8%;top:13%}.case-ring.r2{width:560px;height:560px;right:1%;top:5%;opacity:.35}
.case-path{position:absolute;display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(247,245,241,.17),transparent);transform-origin:left center}
.case-path.p1{width:48%;left:30%;top:41%;transform:rotate(-8deg)}.case-path.p2{width:36%;left:50%;top:55%;transform:rotate(9deg);opacity:.6}
.case-hero-inner{position:relative;z-index:2;padding:150px 0 74px}
.kicker{color:#d9b872;margin:0 0 22px}
.case-hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(62px,10vw,152px);line-height:.86;letter-spacing:-.055em;margin:0;max-width:8ch}
.lead{font-family:var(--serif);font-size:clamp(20px,2vw,27px);font-weight:300;line-height:1.45;color:rgba(247,245,241,.74);max-width:58ch;margin:32px 0 0}
.case-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:54px;border-top:1px solid rgba(247,245,241,.18);padding-top:18px;max-width:980px}
.case-meta div{display:grid;gap:8px}.case-meta span{color:#d9b872}.case-meta strong{font-size:14px;font-weight:500}

.case-section{padding:118px 0}
.case-section.alt{background:var(--paper2)}
.case-grid{display:grid;grid-template-columns:170px minmax(0,1fr);gap:38px;border-top:1px solid var(--line);padding-top:20px}
.case-content{min-width:0}
.section-index{color:var(--amber-deep);margin:0}
.case-section h2,.case-closing h2{font-family:var(--serif);font-weight:300;font-size:clamp(38px,5.2vw,72px);line-height:.98;letter-spacing:-.04em;margin:0;max-width:14ch}
.case-section p:not(.section-index):not(.collective-note){font-family:var(--serif);font-size:19px;line-height:1.65;color:var(--soft);max-width:780px;margin:28px 0 0;font-weight:300}

.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:54px}
.evidence-grid article{background:var(--paper);padding:24px;min-height:210px}
.evidence-grid .mono{color:var(--amber-deep)}
.evidence-grid strong{font-family:var(--serif);font-size:24px;font-weight:400;display:block;margin-top:14px}
.evidence-grid p{font-family:var(--sans)!important;font-size:13px!important;line-height:1.55!important;margin:14px 0 0!important;color:var(--soft)!important}

.process-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.process-strip span{padding:17px 12px;border-right:1px solid var(--line);font-size:12px;color:var(--soft)}
.process-strip span:last-child{border-right:0}
.quote-panel{margin-top:54px;padding:36px 0 0 42px;border-top:1px solid var(--line);position:relative}
.quote-panel::before{content:"";position:absolute;left:0;top:36px;width:7px;height:7px;border-radius:50%;background:var(--amber)}
.quote-panel p{font-size:clamp(26px,3vw,42px)!important;line-height:1.08!important;max-width:22ch!important;color:var(--ink)!important;margin:0!important}

.decision-field{display:grid;grid-template-columns:minmax(0,1fr) 80px minmax(260px,.7fr);gap:20px;align-items:center;margin-top:58px;padding:32px;border:1px solid var(--line);background:rgba(255,255,255,.42)}
.decision-side{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.decision-side>.mono{width:100%;color:var(--soft);margin-bottom:6px}
.decision-chip{display:inline-flex;border:1px solid rgba(31,63,91,.24);border-radius:999px;padding:10px 14px;font-size:12px;color:var(--product);background:rgba(31,63,91,.04)}
.decision-chip.muted{color:var(--soft);border-color:var(--line);text-decoration:line-through;opacity:.68}
.decision-chip.active{background:var(--product);color:var(--paper);border-color:var(--product)}
.decision-arrow{font-family:var(--serif);font-size:52px;text-align:center;color:var(--amber)}
.decision-result{padding-left:10px}.decision-result .mono{color:var(--amber-deep)}.decision-result strong{display:block;font-family:var(--serif);font-size:36px;font-weight:300;color:var(--product);margin:12px 0}.decision-result p{font-family:var(--sans)!important;font-size:13px!important;line-height:1.5!important;margin:0!important}
.collective-note{font-family:var(--sans);font-size:12px;line-height:1.55;color:var(--soft);max-width:720px;margin:28px 0 0;padding-left:16px;border-left:2px solid var(--amber)}
.collective-note.light{color:rgba(247,245,241,.66)}

.product-direction{background:linear-gradient(180deg,var(--paper),#f2f4f4)}
.product-frame{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:0;border:1px solid var(--line);margin-top:56px;background:#101a22;color:var(--paper)}
.product-screen{min-height:440px;padding:30px;display:flex;flex-direction:column;background:radial-gradient(circle at 60% 45%,rgba(55,115,164,.32),transparent 28%),linear-gradient(150deg,#0d1821,#152a3c)}
.screen-top{color:#b8c7d2}.screen-stage{position:relative;flex:1;min-height:290px}.screen-orbit{position:absolute;border:1px solid rgba(247,245,241,.2);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-a{width:250px;height:250px}.orbit-b{width:330px;height:330px;opacity:.38}.screen-core{position:absolute;width:74px;height:74px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 35%,#6f8798,#1f3f5b 65%,#122436);box-shadow:0 0 60px rgba(111,135,152,.24)}
.screen-captions{display:flex;gap:8px;flex-wrap:wrap}.screen-captions span{border:1px solid rgba(247,245,241,.18);padding:8px 10px;font-size:11px;color:rgba(247,245,241,.72)}
.product-notes{background:var(--paper);color:var(--ink);display:grid}.product-notes>div{padding:30px;border-bottom:1px solid var(--line)}.product-notes>div:last-child{border-bottom:0}.product-notes .mono{color:var(--amber-deep)}.product-notes p{font-family:var(--sans)!important;font-size:14px!important;line-height:1.55!important;margin:12px 0 0!important}

.system-map{height:520px;position:relative;margin-top:50px;border:1px solid var(--line);background:var(--paper)}
.system-map svg{position:absolute;inset:0;width:100%;height:100%}.system-map path{fill:none;stroke:var(--product-soft);stroke-width:1;opacity:.38}
.system-node{position:absolute;width:190px;padding:16px 18px;background:rgba(247,245,241,.94);border:1px solid var(--line);z-index:2}.system-node span{color:var(--amber-deep);display:block;margin-bottom:9px}.system-node strong{font-family:var(--serif);font-size:21px;font-weight:400;line-height:1.05}.sn-product{left:50%;top:50%;transform:translate(-50%,-50%);border-color:rgba(31,63,91,.4)}.sn-tech{right:5%;top:7%}.sn-user{left:4%;top:7%}.sn-org{right:5%;bottom:7%}.system-map::after{content:"Equipe interdisciplinar";position:absolute;left:4%;bottom:9%;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}

.case-section.dark{background:var(--ink);color:var(--paper)}
.case-section.dark .case-grid{border-color:rgba(247,245,241,.16)}
.case-section.dark .section-index{color:#d9b872}
.case-section.dark p:not(.section-index):not(.collective-note){color:rgba(247,245,241,.7)}
.validation-line{display:grid;grid-template-columns:repeat(4,1fr);margin-top:58px;border-top:1px solid rgba(247,245,241,.18);border-bottom:1px solid rgba(247,245,241,.18)}
.validation-line>div{padding:26px 20px 28px 0;border-right:1px solid rgba(247,245,241,.18);min-height:210px}.validation-line>div+div{padding-left:20px}.validation-line>div:last-child{border-right:0}.validation-line span{font-family:var(--mono);font-size:10px;color:#d9b872}.validation-line strong{display:block;font-family:var(--serif);font-weight:400;font-size:24px;margin-top:18px}.validation-line p{font-family:var(--sans)!important;font-size:12px!important;line-height:1.55!important;color:rgba(247,245,241,.58)!important;margin:14px 0 0!important}

.after{background:linear-gradient(180deg,var(--paper),var(--paper2))}
.after-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:50px}.after-grid>div{padding:26px;background:var(--paper)}.after-grid .mono{color:var(--amber-deep);display:block;margin-bottom:14px}.after-grid strong{font-family:var(--serif);font-size:24px;font-weight:400;line-height:1.12}

.learning-section{padding-bottom:140px}
.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:54px}.learning-grid article{background:var(--paper);padding:30px;min-height:160px}.learning-grid .mono{color:var(--amber-deep)}.learning-grid strong{display:block;font-family:var(--serif);font-size:28px;font-weight:300;line-height:1.08;margin-top:20px;max-width:14ch}

.case-closing{padding:138px 0 88px;background:var(--paper2)}
.closing-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:48px;border-top:1px solid var(--line);padding-top:24px}
.case-closing .mono{color:var(--amber-deep);margin-bottom:20px}
.case-closing h2{max-width:15ch}
.closing-actions{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:24px}.closing-link{display:inline-flex}.next-case{color:var(--soft)}

@media(max-width:900px){
  .evidence-grid,.after-grid{grid-template-columns:1fr}
  .decision-field{grid-template-columns:1fr}.decision-arrow{transform:rotate(90deg);font-size:34px}.decision-result{padding:0}
  .product-frame{grid-template-columns:1fr}
  .validation-line{grid-template-columns:1fr 1fr}.validation-line>div:nth-child(2){border-right:0}.validation-line>div:nth-child(-n+2){border-bottom:1px solid rgba(247,245,241,.18)}
}

@media(max-width:760px){
  .wrap{width:min(var(--max),calc(100% - 36px))}
  .case-nav{height:68px}.brand span:last-child{font-size:14px}.back-link{font-size:11px}
  .case-hero{min-height:90svh}.case-hero-inner{padding:128px 0 48px}
  .case-hero h1{font-size:clamp(58px,20vw,92px)}
  .lead{font-size:20px}
  .case-meta{grid-template-columns:1fr;gap:16px;margin-top:42px}
  .case-grid{grid-template-columns:1fr;gap:12px}
  .case-section{padding:84px 0}
  .case-section h2,.case-closing h2{font-size:clamp(38px,11vw,56px)}
  .case-section p:not(.section-index):not(.collective-note){font-size:18px}
  .process-strip{grid-template-columns:1fr 1fr}.process-strip span:nth-child(2){border-right:0}.process-strip span:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .quote-panel{padding-left:28px}.quote-panel p{font-size:30px!important}
  .decision-field{padding:22px}
  .product-screen{min-height:360px;padding:22px}.screen-stage{min-height:230px}.orbit-a{width:190px;height:190px}.orbit-b{width:260px;height:260px}
  .system-map{height:650px}.system-node{width:170px}.sn-user{left:4%;top:5%}.sn-tech{right:4%;top:24%}.sn-product{top:52%}.sn-org{right:4%;bottom:5%}.system-map::after{bottom:22%;left:4%}
  .validation-line{grid-template-columns:1fr}.validation-line>div,.validation-line>div+div{border-right:0;border-bottom:1px solid rgba(247,245,241,.18);padding:22px 0}.validation-line>div:last-child{border-bottom:0}
  .learning-grid{grid-template-columns:1fr}
  .closing-grid{grid-template-columns:1fr}.closing-actions{justify-content:flex-start}
  .case-ring.r1{width:290px;height:290px;right:-18%;top:18%}.case-ring.r2{width:390px;height:390px;right:-30%;top:10%}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}