/* Two evidence-led visual chapters. Shared palette; ordinary document scrolling. */
.system-section{max-width:1440px;margin:30px auto 0;padding:76px 64px 30px;background:#182b25;color:#f1f1e8;border-radius:28px;overflow:clip;position:relative;transform-origin:50% 10%}
.system-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,#b0c89b12,transparent 65%),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;mask-image:linear-gradient(#000,transparent)}
.system-inner{position:relative}
.system-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:70px;align-items:end;margin-bottom:46px}
.system-heading .studio-byline{color:#bccab6;margin-bottom:20px}
.system-heading h2{font-size:clamp(34px,3.8vw,53px);line-height:1.12;letter-spacing:-.045em}
.system-heading>p{font-size:15px;line-height:1.8;color:#bdc9bf;max-width:340px;margin-bottom:4px}
.system-diagram{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);align-items:start}
.system-stage{display:block;min-width:0;border-radius:12px;outline-offset:8px}
.stage-art{height:225px;position:relative;display:grid;place-items:center;margin-bottom:30px}
.context-art{perspective:800px}
.source-sheet{position:absolute;width:76%;max-width:235px;background:#f1f1e7;border:1px solid #c7d5bf;border-radius:9px;color:#354039;padding:23px 22px;box-shadow:0 25px 50px -22px #0008;}
.source-sheet span,.source-sheet b{font-size:11px;font-weight:500;display:block;margin-bottom:19px}.source-sheet i{display:block;height:4px;background:#b4beae;margin:9px 0;width:95%;border-radius:3px}.source-sheet i:nth-of-type(2){width:69%}.source-sheet i:nth-of-type(3){width:83%}
.sheet-back{transform:translate(17px,-21px) rotate(7deg);opacity:.57}.sheet-front{transform:translate(-8px,20px) rotate(-5deg)}
.source-tags{display:flex;gap:6px;margin-top:20px}.source-tags span{margin:0;font-size:8px;padding:5px 7px;border:1px solid #b6c1ae;border-radius:3px}
.logic-orbit{position:absolute;border:1px solid #a5c19638;border-radius:50%}.orbit-outer{width:202px;height:202px}.orbit-inner{width:138px;height:138px;border-style:dashed;opacity:.8}
.logic-core{height:90px;width:90px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(140deg,#d9e5c9,#a4b68f);color:#294232;box-shadow:0 0 55px #c8ddb420,inset 0 1px #fff;transform:rotate(-5deg)}.logic-core svg{width:43px;height:43px;transform:rotate(5deg)}
.logic-satellite{position:absolute;z-index:1;font:9px var(--mono);background:#223b30;border:1px solid #6d84605c;padding:7px 12px;border-radius:20px;color:#e4ebd7}.satellite-data{top:20px;left:17%}.satellite-tools{right:6%;top:85px}.satellite-review{bottom:20px;left:25%}
.workspace-window{width:100%;border:1px solid #72846b;border-radius:8px;overflow:hidden;box-shadow:0 20px 35px -15px #0007;transform:perspective(750px) rotateY(-9deg) rotateZ(3deg)}
.workspace-chrome{display:flex;align-items:center;gap:4px;padding:9px 10px;background:#e6eadd}.workspace-chrome i{width:4px;height:4px;border-radius:50%;background:#829178}.workspace-chrome span{font:8px var(--mono);margin-left:6px;color:#637158}
.workspace-window img{width:100%;height:auto}.workspace-note{position:absolute;bottom:0;left:0;right:0;text-align:center;font:9px var(--mono);color:#9dac98}
.stage-heading{border-top:1px solid #b0c69d38;padding:24px 0 0}.stage-heading>span{display:block;font:10px var(--mono);color:#a9bc9d;margin-bottom:13px}.stage-heading>b{font-size:20px;font-weight:500;letter-spacing:-.025em;line-height:1.3;display:block;margin-bottom:13px}.stage-heading>p{font-size:13px;line-height:1.8;color:#bdc9bf}.stage-heading em{display:block;font-size:12px;font-style:normal;color:#dbe8cc;margin-top:23px}
.system-connector{height:225px;display:flex;align-items:center;color:#adbd9e;font-size:18px;gap:3px}.system-connector i{height:1px;background:#a6be8966;width:22px;transform-origin:left}
.system-baseline{margin-top:42px;border-top:1px solid #b0c69d38;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#aaba9f}.system-baseline>a{color:#dbe8cc;font-size:12px}
.illustrated-about{max-width:1440px;grid-template-columns:1fr 1fr;align-items:center;gap:72px;padding:100px 64px 65px}
.illustrated-about h2{font-size:clamp(34px,3.3vw,46px);margin:0 0 30px;line-height:1.15}.illustrated-about .about-copy p{font-size:15px;line-height:1.85;max-width:510px}
.toolkit{position:relative;border-radius:22px;padding:32px 28px 22px;min-width:0;background:#e8ebe2;border:1px solid #d4dacb;isolation:isolate;overflow:clip}
.toolkit-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#7182640c 1px,transparent 1px),linear-gradient(90deg,#7182640c 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse,#000,transparent 85%)}
.toolkit-heading>span{font:9px var(--mono);color:#596650;display:block;margin-bottom:9px}.toolkit-heading>b{font-size:24px;font-weight:500;letter-spacing:-.04em}.toolkit-layers{padding:35px 0 15px;display:grid;gap:14px}
.tool-layer{position:relative;display:flex;gap:18px;align-items:center;padding:21px 18px;background:#fafbf5;border:1px solid #fff;border-radius:10px;box-shadow:0 8px 20px -13px #26392260;transform-origin:center}
.interface-layer{margin-right:20px;transform:rotate(-3deg)}.service-layer{margin-left:12px;transform:rotate(2deg)}.cloud-layer{margin-right:12px;transform:rotate(-1deg)}
.tool-icons{min-width:64px;display:flex;align-items:center;gap:5px}.tool-icons img{width:29px;height:29px;object-fit:contain;flex-shrink:0}.tool-layer>div:nth-child(2){min-width:0}.tool-layer span{display:block;font:9px var(--mono);color:#596650;margin-bottom:5px}.tool-layer b{display:block;font-size:15px;font-weight:500}.tool-layer p{font-size:10px;color:#596650;margin-top:5px}.tool-layer em{font-size:18px;font-style:normal;margin-left:auto;color:#7e8b73}
.toolkit-mobile{display:flex;align-items:center;gap:12px;margin-top:15px;padding:16px 3px 0;border-top:1px solid #ccd4c3}.toolkit-mobile img{width:27px;height:27px}.toolkit-mobile span{font-size:10px;color:#596650}.toolkit-mobile b{display:block;font-size:11px;font-weight:500;color:#3e4c36;margin-top:5px}.toolkit-caption{font:9px var(--mono);color:#596650;margin:23px 0 0}
.engineering-decisions{display:grid;gap:14px;margin-top:28px}.decision-card{display:grid;grid-template-columns:38px 1fr;gap:16px;border:1px solid var(--line);border-radius:12px;padding:24px;background:#eef0e8}.decision-card>span{font:11px var(--mono);color:#81916f;border:1px solid #cdd6c3;border-radius:50%;height:32px;width:32px;display:grid;place-items:center}.decision-card h3{font-size:19px;font-weight:500;margin:0 0 10px}.case-story .decision-card p{font-size:14px;line-height:1.8;margin:0}.decision-note{font-size:11px!important;color:var(--muted);margin-top:18px!important}
@media(hover:hover) and (pointer:fine){.system-stage:hover .stage-heading em,.system-baseline a:hover{color:#fff}.tool-layer:hover{border-color:#a4b48e;background:#fff}.toolkit-mobile:hover b{color:var(--accent)}}
@media(max-width:1200px){.system-section{margin-left:24px;margin-right:24px;padding:54px 36px 28px}.system-heading{gap:40px}.system-diagram{grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr) 25px minmax(0,1fr)}.system-connector i{width:10px}.stage-heading>b{font-size:18px}.source-sheet{width:89%;padding:18px 14px}.source-sheet span,.source-sheet b{font-size:10px}.illustrated-about{padding-left:45px;padding-right:45px;gap:40px}.toolkit{padding:27px 20px 20px}.tool-layer{padding:18px 14px;gap:10px}.tool-layer b{font-size:13px}.tool-icons{min-width:57px}.tool-icons img{width:26px;height:26px}}
@media(max-width:850px){.system-heading{grid-template-columns:1fr;gap:20px}.system-heading>p{max-width:520px}.system-diagram{grid-template-columns:1fr}.system-stage{display:grid;grid-template-columns:210px 1fr;gap:30px;align-items:center;padding:23px 0;border-top:1px solid #b0c69d38}.stage-art{margin:0;height:210px}.stage-heading{border:0;padding:0}.system-connector{display:none}.system-baseline{flex-direction:column;align-items:flex-start;line-height:1.8}.illustrated-about{grid-template-columns:1fr;gap:40px;padding-top:72px}.toolkit{max-width:560px;width:100%;justify-self:center}.tool-layer b{font-size:16px}.toolkit-layers{padding-top:27px}}
@media(max-width:540px){.system-section{margin:20px 14px 0;padding:40px 24px 26px;border-radius:18px}.system-heading{margin-bottom:15px}.system-heading h2{font-size:33px}.system-heading>p{font-size:14px}.system-stage{grid-template-columns:1fr;gap:15px;padding:28px 0}.stage-art{width:100%;max-width:285px;height:210px;margin:auto}.stage-heading>b{font-size:21px}.stage-heading>p{font-size:14px}.stage-heading em{margin-top:13px}.system-baseline{margin-top:0}.illustrated-about{padding:65px 25px 35px}.illustrated-about h2{font-size:34px}.illustrated-about .about-links{gap:20px;flex-wrap:wrap}.toolkit{padding:27px 18px 20px}.tool-layer{padding:18px 12px}.tool-layer b{font-size:13px}.tool-layer p{font-size:9px}.tool-icons{min-width:48px;gap:4px}.tool-icons img{width:22px;height:22px}.interface-layer{margin-right:5px}.service-layer{margin-left:5px}.cloud-layer{margin-right:4px}.decision-card{padding:20px 16px;gap:12px;grid-template-columns:28px 1fr}.decision-card>span{width:26px;height:26px}.decision-card h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){[data-section-reveal],.tool-layer,.sheet-front,.sheet-back,.logic-core,.workspace-window{animation:none!important;transition:none!important}}

/* Outcome pairs are separate products, not one combined impact claim. */
.featured-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 28px}.featured-outcomes .featured-result{margin:0;padding-left:13px}.featured-outcomes .featured-result strong{font-size:15px}.featured-outcomes .featured-result span{font-size:11px}
@media(max-width:380px){.featured-outcomes{grid-template-columns:1fr;gap:16px}}

.workspace-art .workspace-window{max-width:260px;align-self:start;margin-top:5px}.workspace-art .workspace-note{bottom:0;color:#bdc9bf}.system-connector{justify-content:center}

/* Scroll chapters: native sticky panels, with distinct opaque surfaces. */
@media(min-width:851px){
 .has-scroll-scenes{position:relative;padding-bottom:96px}
 .has-scroll-scenes .featured-story{position:sticky;top:48px;min-height:560px;padding:48px 40px;gap:44px;margin-bottom:100px;border:1px solid #d1d8c9;border-radius:24px;box-shadow:0 -10px 35px -24px #34442b50;background:#e9eee2;scroll-margin-top:48px}
 .has-scroll-scenes .featured-story:nth-of-type(2){background:#e6ecee;border-color:#ced7db}
 .has-scroll-scenes .featured-story:nth-of-type(3){background:#eeeae1;border-color:#d9d2c4;margin-bottom:0}
 .has-scroll-scenes .featured-copy h3{font-size:clamp(30px,3vw,43px)}
 .has-scroll-scenes .featured-caption{font-size:10px}
 .has-scroll-scenes .featured-media{max-width:min(100%,max(280px,calc((100svh - 340px)*1.35)));margin:auto}
}
@media(prefers-reduced-motion:reduce){
 .has-scroll-scenes .featured-story{position:relative;top:auto;transform:none!important}
 .featured-media,.project-card>.visual-link,[data-section-reveal]{transform:none!important}
}

/* Capability cues stay compact and read in the same order at every size. */
.studio-disciplines>span{display:flex;align-items:center;gap:12px;color:#52604c}
.studio-disciplines img{width:24px;height:24px;flex:none;opacity:.8}
@media(max-width:600px){.studio-disciplines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.studio-disciplines>span{gap:9px;font-size:11px}.studio-disciplines img{width:21px;height:21px}}

/* An illustrative business dashboard, not another project recap. */
.insight-window{width:92%;max-width:270px;padding:19px;background:#f0f2e9;border:1px solid #ced8c2;border-radius:12px;color:#34452e;box-shadow:0 20px 40px -20px #0008;transform:perspective(750px) rotateY(-9deg) rotateZ(3deg)}
.insight-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-bottom:20px}.insight-top i{width:6px;height:6px;border-radius:50%;background:#8aa174}
.insight-chart{display:flex;align-items:end;gap:9px;height:70px;padding:0 6px 0;border-bottom:1px solid #c7d0bd;background:repeating-linear-gradient(to top,transparent 0,transparent 22px,#c7d0bd55 23px,#c7d0bd55 24px)}
.insight-chart i{flex:1;background:#a0b58d;border-radius:3px 3px 0 0;height:45%}.insight-chart i:nth-child(2){height:65%}.insight-chart i:nth-child(3){height:51%}.insight-chart i:nth-child(4){height:83%}.insight-chart i:nth-child(5){height:71%}.insight-chart i:nth-child(6){height:94%;background:#526d42}.insight-chart i:nth-child(7){height:78%}
.insight-chat{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid #cbd3c0;border-radius:6px;font-size:9px;background:#fbfcf6}.insight-chat b{font-size:14px;font-weight:400}.logic-core img{transform:rotate(5deg)}

/* Career chronology: company context, role progression and evidence links. */
.career-hero,.career-timeline,.career-skills{max-width:1240px;margin:auto;padding-left:64px;padding-right:64px}.career-hero{padding-top:70px;padding-bottom:64px}.career-hero>.eyebrow{margin-top:36px}.career-hero h1{font:500 clamp(42px,5.7vw,76px)/1.06 var(--sans);letter-spacing:-.055em;margin:24px 0}.career-hero h1 em{font-style:normal;color:#6c805d}.career-intro{max-width:620px;font-size:18px;line-height:1.75;color:var(--muted)}.career-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:32px}.career-actions>span{font-size:11px;color:var(--muted)}
.career-entry{display:grid;grid-template-columns:170px 1fr;gap:38px;position:relative}.career-date{position:relative;padding-top:25px;font:11px var(--mono);color:#69755e}.career-date:after{content:"";position:absolute;right:0;top:35px;bottom:0;width:1px;background:#c9d2c1}.career-date i{position:absolute;right:-4px;top:26px;width:9px;height:9px;border-radius:50%;background:#728760;box-shadow:0 0 0 7px var(--paper)}.career-entry:last-child .career-date:after{bottom:50px}.career-entry-body{padding:0 0 60px}.career-company{display:flex;gap:20px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.career-company h2{font-size:26px;font-weight:500;letter-spacing:-.035em;margin:0 0 5px}.career-company p{font-size:12px;color:var(--muted);margin:0}.career-company-logo{width:82px;height:65px;padding:12px;flex:none}.career-company-logo img{width:100%;height:auto;max-height:42px}.manifold-mark{display:grid;place-content:center;width:65px;height:65px;flex:none;background:#26392e;color:#f4f2e9;border-radius:12px;font:600 40px var(--sans);position:relative}.manifold-mark>span{position:absolute;right:6px;bottom:9px;font-size:24px;color:#b9caab}.career-role{padding-top:25px}.career-role+.career-role{margin-top:24px;padding-top:25px;border-top:1px solid var(--line)}.career-role-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.career-role h3{font-size:19px;font-weight:500;letter-spacing:-.025em;margin:0}.career-role-heading>span{font:10px var(--mono);color:#67775b;white-space:nowrap}.career-role ul{margin:20px 0 0;padding-left:18px;display:grid;gap:14px}.career-role li{font-size:14px;line-height:1.8;color:#5d6557;padding-left:5px}.career-clients{margin-top:28px}.career-client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.career-client-grid>a{border:1px solid #d8dece;border-radius:10px;padding:14px 10px;background:#edf0e7;display:flex;flex-direction:column;align-items:center;gap:10px}.career-client-logo{height:44px;width:100%;padding:10px}.career-client-logo img{max-width:100%;height:23px}.career-client-logo.brand-art--icon{background:#293137}.career-client-grid>a>span{font-size:10px;color:#57644c}.career-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:20px}.asu-mark{border-radius:10px;width:65px;height:65px;object-fit:contain}.career-degree{font-size:14px;line-height:1.8;margin-top:24px}.career-education .text-link{font-size:12px}.career-skills{padding-bottom:80px}.career-skills h2{font-size:30px;font-weight:500;letter-spacing:-.03em;margin:18px 0 28px}.career-skills>div{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid var(--line);padding-top:24px}.career-skills h3{font-size:15px;font-weight:500}.career-skills article p{font-size:13px;line-height:1.8;color:var(--muted)}
@media(max-width:850px){.career-hero,.career-timeline,.career-skills{padding-left:30px;padding-right:30px}.career-entry{grid-template-columns:120px 1fr;gap:24px}.career-role-heading{flex-direction:column;gap:8px}.career-client-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.career-hero{padding-top:40px;padding-bottom:50px}.career-hero h1{font-size:42px}.career-intro{font-size:16px}.career-actions{gap:20px}.career-actions>span{width:100%}.career-entry{display:block;padding-left:20px;border-left:1px solid #c9d2c1}.career-date{padding-top:0;margin-bottom:20px}.career-date:after{display:none}.career-date i{left:-25px;right:auto;top:3px}.career-company h2{font-size:23px}.career-company{gap:14px}.career-company-logo{width:70px;height:58px}.career-role li{font-size:14px}.career-entry-body{padding-bottom:48px}.career-skills>div{grid-template-columns:1fr;gap:20px}.career-skills h2{font-size:28px}}

/* Career detail follows product boundaries, with clear client-level scanning. */
.career-role-intro{max-width:72ch;margin:18px 0 28px;color:var(--muted);line-height:1.8}
.career-product-groups{display:grid;gap:28px;margin-top:28px}
.career-product-group h4{font-size:19px;letter-spacing:-.025em;font-weight:600;margin:0}
.career-group-context{font-family:var(--mono);font-size:10px;line-height:1.6;color:var(--muted);margin:7px 0 14px}
.career-entry .career-products{margin:16px 0 0;padding-left:22px;max-width:80ch}
.career-entry .career-products li{padding-left:3px;margin:0 0 16px;line-height:1.85}
.career-products strong{color:var(--ink);font-weight:600}
.career-client-grid>a{min-height:84px;display:flex;align-items:center;justify-content:center;padding:12px}
.career-client-grid .brand-art{width:100%;height:48px;margin:0}
@media(max-width:540px){.career-product-groups{gap:24px}.career-entry .career-products{padding-left:17px}.career-entry .career-products li{line-height:1.8;margin-bottom:20px}.career-client-grid>a{min-height:72px;padding:9px}.career-product-group h4{font-size:18px}}