:root{--bg:#08090d;--panel:#13151c;--panel2:#191b25;--border:#2b2e39;--text:#f6f6fb;--muted:#a7aab9;--soft:#cdd0da;--blue:#4d83ff;--violet:#9b5de5;--accent:linear-gradient(95deg,#4d83ff,#765ef8 52%,#9b5de5)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}body:before{content:"";position:absolute;top:115px;right:0;height:710px;width:780px;pointer-events:none;background:radial-gradient(ellipse at 65% 38%,rgba(80,86,193,.115),transparent 63%)}a{color:inherit;text-decoration:none}a:hover{color:#c7b3ff}.shell{max-width:1170px;margin:auto;padding:0 34px}header{border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:2;background:#090a0f}header .shell{height:80px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:23px;font-weight:800;letter-spacing:-.95px;background:var(--accent);background-clip:text;-webkit-background-clip:text;color:transparent;white-space:nowrap}nav{display:flex;align-items:center;gap:38px;font-size:12px;letter-spacing:2px;font-weight:650;color:#aaaebb}nav a:last-child{color:#fff}nav a:last-child:after{content:"";display:block;height:2px;background:var(--accent);margin-top:7px}.pill-label{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:2.1px;font-weight:700;text-transform:uppercase;color:#b7bacb}.eyedot{height:7px;width:7px;display:inline-block;border-radius:50%;background:#8069ff}.breadcrumb{font-size:12px;color:#888d9f;margin:35px 0 0}.breadcrumb span{padding:0 9px;color:#525665}.breadcrumb strong{font-weight:500;color:#d7d8e1}.hero{display:grid;grid-template-columns:1fr 470px;gap:55px;align-items:center;padding:80px 0 84px}.hero h1{font-size:clamp(48px,5.3vw,78px);letter-spacing:-4.7px;line-height:1.02;margin:21px 0 20px;font-weight:760;max-width:640px}.hero h1 .grad{background:var(--accent);background-clip:text;-webkit-background-clip:text;color:transparent}.subtitle{font-size:21px;font-weight:500;color:#c7c9d6;letter-spacing:-.45px;margin-bottom:28px}.lede{max-width:630px;color:#c0c4d1;font-size:16.5px;line-height:1.84;margin:0}.hero-detail{display:flex;align-items:center;gap:18px;margin-top:34px;font-size:11px;font-weight:600;letter-spacing:.4px;color:#999eaf}.hero-detail .line{width:28px;height:1px;background:#666d83}.hero-art{height:414px;border:1px solid #313443;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.22);background:#10131b}.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.section{padding:69px 0;border-top:1px solid #23262f}.sectionhead{margin:0 0 28px}.sectionhead .kicker{color:#9d9fc0;text-transform:uppercase;letter-spacing:2.3px;font-size:11px;font-weight:700;display:block;margin-bottom:12px}.section h2{font-size:clamp(29px,3.2vw,44px);letter-spacing:-1.55px;margin:0 0 16px;font-weight:750;line-height:1.14}.section-desc{max-width:760px;line-height:1.78;color:#b0b5c4;font-size:15px;margin:0}.metric-card{border:1px solid #3a3a43;background:#0b0b10;border-radius:22px;padding:29px 31px 23px;margin-top:33px}.metric-card h3{font-size:15px;color:#cacbd1;text-transform:uppercase;letter-spacing:.2px;font-weight:650;margin:0 0 25px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:28px}.metric-value{font-size:48px;font-weight:760;letter-spacing:-2.5px}.metrics>div:first-child .metric-value{color:#6ea0ff}.metrics>div:last-child .metric-value{color:#b285ff}.metric-detail{margin-top:13px;color:#b3b5bd;font-size:14px;line-height:1.55}.source{font-size:12px;color:#999ca8;margin-top:23px}.source a{color:#aaaad8;text-decoration:underline;text-underline-offset:3px}.metric-note{margin-top:16px;max-width:810px;font-size:13px;color:#777c91;line-height:1.7}.flow4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:31px}.step{border:1px solid #303342;background:linear-gradient(180deg,var(--step-tint),#171922 62%);border-radius:17px;padding:24px 21px 27px;min-height:248px;position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.step:before{content:"";position:absolute;top:0;left:21px;right:21px;height:3px;border-radius:0 0 6px 6px;background:var(--step-color)}.step-no{font-size:11px;letter-spacing:1px;color:#797e93;font-weight:750}.step-icon{width:49px;height:49px;background:#242736;border-radius:14px;display:flex;justify-content:center;align-items:center;margin:20px 0;color:var(--step-color)}.step-icon svg{height:26px;width:26px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.step h3{font-size:20px;font-weight:700;letter-spacing:-.5px;margin:5px 0 11px}.step p{color:#abb0c2;font-size:13px;line-height:1.7;margin:0}.stage-note{color:#767c91;font-size:12px;margin:18px 0 0;line-height:1.7}.section-break{height:1px;background:linear-gradient(90deg,transparent,#3b3d4d,transparent);margin:15px 0}.household{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center}.h-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.role{background:#181b25;border:1px solid #343646;border-radius:18px;padding:27px 22px 24px;min-height:262px}.role-circle{border-radius:50%;height:65px;width:65px;margin-bottom:23px;display:flex;align-items:center;justify-content:center;background:#303659;color:#94b1ff}.role:nth-child(2) .role-circle{background:#35294a;color:#c3a0fa}.role-circle svg{height:34px;width:34px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.role-circle.crook svg{height:38px;width:38px}.role h3{font-size:24px;letter-spacing:-.8px;margin:0 0 11px}.role p{color:#abb1c2;font-size:13px;line-height:1.73;margin:0}.application{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin:32px 0 0}.application .item{border:1px solid #343648;border-radius:15px;padding:23px 24px;background:#151721}.mini-num{font-size:12px;font-weight:800;letter-spacing:2px;background:var(--accent);background-clip:text;-webkit-background-clip:text;color:transparent}.item h3{font-size:18px;line-height:1.3;letter-spacing:-.5px;margin:17px 0 10px}.item p{font-size:13px;color:#abb1c2;line-height:1.75;margin:0}.quote-wrap{background:#181a23;border:1px solid #383748;border-radius:23px;padding:36px 41px 40px;position:relative;overflow:hidden;margin-top:30px}.quote-wrap:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#4d83ff,#9b5de5)}.quote-mark{font-family:Georgia,serif;line-height:1;font-size:92px;background:var(--accent);background-clip:text;-webkit-background-clip:text;color:transparent;height:60px}.quote-text{font-size:clamp(16px,1.75vw,22px);font-weight:450;line-height:1.71;font-style:italic;letter-spacing:-.35px;margin:12px 0 25px;color:#f1f0f7;max-width:980px}.quote-credit{font-size:14px;font-weight:750}.quote-role{color:#a7abbc;font-size:13px;margin-top:5px}.end-card{background:linear-gradient(110deg,rgba(77,131,255,.11),rgba(155,93,229,.105));border:1px solid #343854;border-radius:22px;padding:40px 45px;display:flex;justify-content:space-between;align-items:center;gap:34px}.end-card h2{font-size:32px;margin:0 0 12px;max-width:650px}.end-card p{color:#adb2c3;font-size:14px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #6564a2;border-radius:100px;font-size:13px;font-weight:650;padding:15px 21px;white-space:nowrap;background:#2b2954;color:#fff}.btn:hover{background:#3a346a;color:#fff}.footer{border-top:1px solid #22252e;padding:39px 0 50px}.footer-top{display:flex;align-items:center;justify-content:space-between}.footer-wordmark{font-size:17px}.footer-links{display:flex;gap:22px;color:#8c92a4;font-size:12px}.legal{max-width:990px;font-size:11px;line-height:1.7;color:#707587;margin-top:28px}.prototype-note{background:#15131b;border:1px solid #3b3549;border-radius:10px;padding:11px 15px;font-size:11px;color:#b7b1c9;line-height:1.65;margin:20px 0 0}.prototype-note strong{color:#d1c5fb}::selection{background:#654ba5;color:white}
@media(max-width:950px){.hero{grid-template-columns:1fr 360px;gap:25px}.hero h1{font-size:56px}.hero-art{height:350px}.tiles .tile{height:75px}.flow4{grid-template-columns:repeat(2,1fr)}.household{grid-template-columns:1fr}.household .sectionhead{max-width:700px}}
@media(max-width:680px){header .shell{height:69px}.shell{padding:0 21px}.wordmark{font-size:19px;letter-spacing:-.8px}nav{gap:16px;font-size:9px;letter-spacing:1.25px}.breadcrumb{margin-top:26px;font-size:11px}.hero{padding:47px 0 50px;grid-template-columns:1fr;gap:36px}.hero h1{font-size:clamp(44px,12.2vw,61px);letter-spacing:-3px;line-height:1.04;margin:17px 0 16px}.subtitle{font-size:19px;margin-bottom:23px}.lede{font-size:15px;line-height:1.76}.hero-detail{margin-top:25px;gap:12px;flex-wrap:wrap}.hero-art{height:335px}.tiles .tile{height:76px}.section{padding:53px 0}.section h2{font-size:31px;letter-spacing:-1.15px}.section-desc{font-size:14px}.metric-card{margin-top:25px;padding:23px 19px 21px}.metric-card h3{font-size:12px;margin-bottom:18px}.metrics{gap:19px}.metric-value{font-size:37px;letter-spacing:-2px}.metric-detail{font-size:12px;min-height:50px;margin-top:7px}.source{margin-top:18px;font-size:11px}.flow4{gap:10px}.step{padding:20px 14px;min-height:256px}.step h3{font-size:19px}.step p{font-size:12px}.step-icon{margin:13px 0;height:42px;width:42px}.stage-note{font-size:11px}.h-cards{gap:10px}.role{min-height:265px;padding:20px 16px}.role h3{font-size:21px}.role p{font-size:12px}.role-circle{height:51px;width:51px;margin-bottom:18px}.application{grid-template-columns:1fr;gap:10px}.application .item{padding:21px 23px}.item h3{margin-top:9px}.quote-wrap{padding:25px 21px 30px}.quote-text{font-size:16px;letter-spacing:0;line-height:1.8}.quote-mark{font-size:68px;height:42px}.end-card{display:block;padding:31px 24px}.end-card h2{font-size:25px}.end-card .btn{margin-top:25px}.footer-top{align-items:flex-start;gap:22px}.footer-links{gap:12px;flex-wrap:wrap;justify-content:flex-end}.legal{font-size:10px}}
@media(max-width:385px){.shell{padding:0 16px}.wordmark{font-size:17px}nav{gap:11px;font-size:8px}.role{padding:18px 12px}.step{padding:18px 12px}.metric-value{font-size:34px}}


/* Accordion portfolio layout - all case detail is closed on page load. */
.case:first-child{margin-top:0;border-top:0}.case{padding:0 0 10px;border-top:1px solid #292c36;margin-top:48px;scroll-margin-top:20px}
.case .hero{padding:59px 0 42px;grid-template-columns:minmax(0,1fr) 470px;gap:53px}
.case .hero h1,.case .hero h2{font-size:clamp(44px,5.25vw,69px);font-weight:770;line-height:1.06;letter-spacing:-3.8px;margin:20px 0 17px}
.case .hero h1 .grad,.case .hero h2 .grad{background:var(--accent);background-clip:text;-webkit-background-clip:text;color:transparent}
.case .hero .subtitle{font-size:20px;line-height:1.44}
.case .hero .lede{font-size:15.5px;line-height:1.8}
.case .hero-detail{flex-wrap:wrap;line-height:1.7}
.case .hero-art{height:355px;align-self:center}
.case .hero-art img{width:100%;height:100%;object-fit:cover;object-position:65% center;display:block}
.case-details{border:1px solid #343849;background:#11131a;border-radius:16px;margin-bottom:20px;overflow:hidden}
.case-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 23px;color:#e6e8f2;font-weight:650;font-size:14px;user-select:none;transition:background .18s ease}
.case-details summary::-webkit-details-marker{display:none}
.case-details summary:hover{background:#1a1d28}
.case-details summary:focus-visible{outline:2px solid #90aaff;outline-offset:-2px}
.toggle-plus{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border:1px solid #646b92;background:linear-gradient(130deg,#252c49,#34264d);border-radius:50%;font-size:23px;font-weight:350;line-height:1;color:#d9d9ff;transition:transform .2s ease}
.case-details[open] .toggle-plus{transform:rotate(45deg)}
.case-details .toggle-text{flex:1}
.case-details .toggle-hint{color:#969bad;font-size:12px;font-weight:450}
.case-details[open] .when-shut{display:none}
.case-details:not([open]) .when-open{display:none}
.case-expanded{padding:5px 32px 18px;border-top:1px solid #303442}
.case-expanded>.section:first-child{border-top:0}
.case-expanded .section{padding:51px 0}
.case-expanded .section:last-child{padding-bottom:34px}
.case-expanded .metrics>div:first-child .metric-value{color:#72a0ff}
.case-expanded .metrics>div:last-child .metric-value{color:#ad79ed}
.case-expanded .step{background:linear-gradient(180deg, color-mix(in srgb,var(--step-color) 14%,#171922),#171922 64%)}
.case-expanded .step-icon{background:color-mix(in srgb,var(--step-color) 22%,#222633)}
.case-expanded .role-circle svg{height:37px;width:37px}
.case-expanded .role-circle.crook svg{height:43px;width:43px}
.case-expanded .role-circle{background:#273652;color:#90b5ff}
.case-expanded .role:nth-child(2) .role-circle{background:#35284a;color:#cc9afb}
.case-expanded .metric-value{font-size:48px}
.case-expanded .section .sectionhead{margin-bottom:25px}
.case-expanded .detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:27px}
.detail-grid .detail-card{background:#1a1c27;border:1px solid #313440;border-radius:16px;padding:22px 22px 25px}
.detail-card h3{font-size:18px;margin:0 0 14px;letter-spacing:-.4px}
.detail-card p,.detail-card li{font-size:13px;line-height:1.8;color:#b4b8c7}
.detail-card ul{margin:0;padding-left:18px}
.detail-card li+li{margin-top:8px}
.detail-card p{margin:0}
.case-expanded .detail-note{color:#959aab;font-size:12px;line-height:1.7;margin:19px 0 0}
/* Unique, conceptual artwork per case. No internal screenshots or nonpublic data. */
.abstract-art{display:flex;align-items:center;justify-content:center;padding:25px;background:radial-gradient(circle at 76% 26%,#41297055,transparent 55%),radial-gradient(circle at 24% 80%,#29477a44,transparent 50%),#11131c}
.viz-window{width:100%;border:1px solid #343a54;border-radius:16px;background:#141821ee;padding:20px;box-shadow:0 20px 50px #0007}
.viz-header{display:flex;justify-content:space-between;align-items:center;color:#a7abc8;font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:17px}
.viz-dots{display:flex;gap:6px}.viz-dots i{display:block;width:7px;height:7px;border-radius:100%;background:#7078b0}
.viz-dots i:nth-child(2){background:#926bde}.viz-dots i:nth-child(3){background:#496fd1}
.ai-bars{display:grid;gap:12px}.ai-line{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:9px}.ai-line b{height:8px;background:#242d43;border-radius:8px}.ai-line b:nth-child(2){background:linear-gradient(90deg,#4d83ff88,#9b5de566)}.ai-line b:nth-child(3){background:#3e365c}
.ai-chip{margin-top:22px;padding:12px;border:1px solid #4d5b8b;border-radius:9px;display:flex;justify-content:space-between;color:#cdd6ff;font-size:12px}.ai-chip strong{color:#c5a4ff}
.synopsis-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.syn-card{height:183px;background:linear-gradient(140deg,#262744,#11131e);border:1px solid #42445f;border-radius:12px;padding:16px}.syn-card:nth-child(2){background:linear-gradient(140deg,#302746,#12131e)}.syn-card .syn-icon{display:block;height:53px;border-radius:9px;background:linear-gradient(125deg,#6c7dcc,#494476 60%,#2b3046);margin-bottom:17px}.syn-card:nth-child(2) .syn-icon{background:linear-gradient(125deg,#9e70be,#5d477b 60%,#2b3046)}.textbar{display:block;height:6px;border-radius:9px;background:#7f83a35e;margin:9px 0;width:100%}.textbar.short{width:62%}.syn-foot{display:flex;justify-content:space-between;margin-top:15px;color:#9ea3be;font-size:10px}
.film-strips{display:flex;gap:12px;align-items:center}.film-strip{flex:1;height:155px;position:relative;border-radius:12px;background:linear-gradient(145deg,#344a66,#171f37);border:1px solid #47516e;overflow:hidden}.film-strip:nth-child(2){background:linear-gradient(145deg,#675079,#281f3f)}.film-strip:nth-child(3){background:linear-gradient(145deg,#4c3c63,#171f37)}.film-strip:before{content:'';position:absolute;height:85px;width:63px;bottom:-14px;left:calc(50% - 31px);border-radius:42px 42px 10px 10px;background:#aeb7d366;filter:blur(5px)}.film-strip:after{content:'';position:absolute;width:41px;height:41px;border-radius:50%;bottom:61px;left:calc(50% - 20px);background:#aeb7d377;filter:blur(4px)}.film-labels{display:flex;justify-content:space-around;margin-top:17px;color:#a7afcb;font-size:10px;font-weight:650;letter-spacing:1px;text-transform:uppercase}
.network-art{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.network-node{border:1px solid #7471b2;background:#262b48;border-radius:10px;color:#dfe5ff;text-align:center;padding:12px 20px;font-size:12px;font-weight:650;letter-spacing:.6px}.network-node.head{background:#292342;border-color:#8e65c8}.network-line{height:20px;width:1px;background:linear-gradient(#668bfa,#9669df)}.network-sub{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.network-sub .network-node{font-size:10px;padding:12px 4px}.network-foot{font-size:11px;letter-spacing:2px;color:#b4a3dd;font-weight:650}
@media(max-width:950px){.case .hero{grid-template-columns:minmax(0,1fr) 360px;gap:27px}.case .hero-art{height:320px}.case .hero h1,.case .hero h1,.case .hero h2{font-size:55px}.case-expanded .detail-grid{grid-template-columns:1fr}}
@media(max-width:680px){.portfolio-intro{padding:51px 0 17px}.portfolio-intro h1{font-size:42px;letter-spacing:-2.1px}.portfolio-intro p{font-size:15px}.case{margin-top:33px}.case .hero{grid-template-columns:1fr;gap:24px;padding:44px 0 27px}.case .hero h1,.case .hero h1,.case .hero h2{font-size:49px;letter-spacing:-2.6px}.case .hero-art{height:255px;width:100%}.case-details summary{padding:14px 15px;font-size:13px;gap:10px}.case-details .toggle-hint{display:none}.case-expanded{padding:0 16px 14px}.case-expanded .section{padding:43px 0}.case-expanded .metric-value{font-size:36px}.case-expanded .flow4{grid-template-columns:repeat(2,minmax(0,1fr))}.case-expanded .detail-grid{grid-template-columns:1fr}.case-expanded .step{padding:20px 14px}}
@media(prefers-reduced-motion:reduce){.toggle-plus,.case-details summary{transition:none}}

/* Preserve breathing space and balance between copy and artwork on narrower desktops. */
@media (min-width:681px) and (max-width:1100px){
  .case .hero{grid-template-columns:minmax(0,1fr) minmax(280px,42%);gap:clamp(24px,3.2vw,38px)}
  .case .hero h1,.case .hero h2{font-size:clamp(42px,5.3vw,60px);letter-spacing:-2.7px}
}

/* Case Example 02: simplified, human-led flow and conceptual architecture */
#case-2 .case2-diagram{display:flex;flex-direction:column;justify-content:space-between;height:322px;padding:24px 18px 18px;background:radial-gradient(circle at 70% 15%,rgba(151,93,224,.14),transparent 55%),#13141c;box-shadow:0 25px 60px rgba(0,0,0,.18)}
#case-2 .concept-kicker{color:#aaaac2;font-size:10px;font-weight:750;letter-spacing:1.7px;text-align:center}
#case-2 .concept-flow{display:flex;align-items:stretch;justify-content:center;gap:6px;min-height:190px}
#case-2 .concept-node{min-width:0;flex:1 1 0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border-radius:13px;border:1.5px solid var(--node-stroke);background:var(--node-bg);text-align:center;padding:14px 5px 16px}
#case-2 .concept-data{--node-stroke:#436bc1;--node-bg:rgba(77,131,255,.065);--node-color:#6d9cfc}
#case-2 .concept-ai{--node-stroke:#6355b2;--node-bg:rgba(112,93,240,.06);--node-color:#978df5}
#case-2 .concept-human{--node-stroke:#8853b6;--node-bg:rgba(155,93,229,.075);--node-color:#be8af0}
#case-2 .concept-icon{width:38px;height:38px;color:var(--node-color)}
#case-2 .concept-icon svg{height:100%;width:100%;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;fill:none}
#case-2 .concept-node strong{color:#efeff6;font-size:12px;line-height:1.45;letter-spacing:-.2px;font-weight:700}
#case-2 .concept-arrow{align-self:center;font-size:20px;color:#908cae;font-weight:600;flex:0 0 15px;text-align:center}
#case-2 .concept-note{font-size:11px;color:#888c9d;text-align:center;letter-spacing:.05px}
#case-2 .case2-architecture{border-top:1px solid #323544;margin-top:45px;padding-top:38px}
#case-2 .architecture-head h3{font-size:clamp(25px,2.8vw,37px);margin:10px 0 11px;line-height:1.18;letter-spacing:-.9px}
#case-2 .architecture-head>p{max-width:770px;color:#aeb4c7;font-size:14px;line-height:1.75;margin:0}
#case-2 .architecture-stack{margin:28px auto 0;max-width:920px}
#case-2 .architect-node{border:1px solid #414151;background:#1a1c27;border-radius:14px;padding:19px 22px;text-align:center}
#case-2 .arch-label{font-size:13px;font-weight:800;letter-spacing:1.05px;color:#eef1fc}
#case-2 .architect-node p{font-size:13px;line-height:1.65;color:#b9bed0;margin:9px 0 0}
#case-2 .architect-humans{border-color:#4b76c4;background:linear-gradient(120deg,rgba(77,131,255,.16),rgba(78,91,178,.08))}
#case-2 .architect-ai{border-color:#7965c8;background:linear-gradient(120deg,rgba(95,90,217,.15),rgba(131,84,209,.11))}
#case-2 .architect-data{border-color:#7154a7;background:linear-gradient(120deg,rgba(116,71,172,.09),rgba(128,78,199,.16))}
#case-2 .arch-dual{display:grid;grid-template-columns:1fr 1fr;gap:13px}
#case-2 .arch-dual>.architect-node{min-height:171px;display:flex;flex-direction:column;justify-content:center}
#case-2 .architect-access{border-color:#535aa8}
#case-2 .architect-context{border-color:#7753af}
#case-2 .arch-connect{height:34px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:#8880bd}
#case-2 .architect-eval{margin-top:20px;text-align:left;border-color:#69688b;background:linear-gradient(90deg,rgba(70,105,194,.11),rgba(125,70,161,.10));border-left:4px solid #8b75e5}
#case-2 .architect-eval .arch-label{color:#c8b4ff}
#case-2 .architect-eval p{font-size:12.5px}
#case-2 .architect-caption{font-size:11px;color:#82899f;line-height:1.6;margin-top:16px}
@media(max-width:950px){#case-2 .case2-diagram{height:310px;padding:20px 11px 17px}#case-2 .concept-flow{gap:3px;min-height:190px}#case-2 .concept-arrow{flex-basis:12px;font-size:16px}#case-2 .concept-node strong{font-size:11px}}
@media(max-width:680px){#case-2 .case2-diagram{height:292px;padding:18px 12px 16px}#case-2 .concept-flow{min-height:180px}#case-2 .concept-node{gap:11px}#case-2 .concept-node strong{font-size:11px}#case-2 .concept-arrow{flex-basis:12px;font-size:17px}#case-2 .arch-dual{grid-template-columns:1fr}#case-2 .architect-node{padding:17px 16px}#case-2 .arch-label{font-size:12px;letter-spacing:.7px}#case-2 .architect-node p{font-size:12px}}


/* Revised Case Studies 3 & 4: meaningful, original visuals */
.research-process-art,.testing-process-art{background:radial-gradient(ellipse at 78% 8%,rgba(155,93,229,.14),transparent 57%),linear-gradient(155deg,#111624,#151521 80%);display:flex;align-items:center;justify-content:center;padding:20px}
.research-process-art .visual-inner,.testing-process-art .visual-inner{width:100%;max-width:100%;background:rgba(13,15,25,.8);border:1px solid #343850;border-radius:17px;padding:20px 19px 17px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.012)}
.visual-topline{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.7px;color:#aab1ca;font-weight:750;margin-bottom:20px}
.visual-dots{display:flex;gap:5px}.visual-dots i{display:block;height:6px;width:6px;background:#676af1;border-radius:50%}.visual-dots i:first-child{background:#97a7f9}.visual-dots i:last-child{background:#a465df}
.mini-workflow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mini-step{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:103px;padding:13px 13px 12px;border-radius:11px;border:1px solid var(--step-border,#566da0);background:var(--step-bg,rgba(72,101,160,.12))}
.mini-step small{font-size:10px;letter-spacing:1px;font-weight:750;color:var(--step-color,#91afff)}
.mini-step strong{font-size:14px;line-height:1.18;color:#f0f0fa;letter-spacing:-.25px}
.mini-step span{color:#a4a9bc;font-size:10px;line-height:1.4}
.mini-step.s1{--step-border:#395eaa;--step-bg:rgba(77,131,255,.13);--step-color:#7fa6ff}
.mini-step.s2{--step-border:#5b67a9;--step-bg:rgba(107,119,243,.12);--step-color:#9fa6ff}
.mini-step.s3{--step-border:#7462b1;--step-bg:rgba(140,103,231,.14);--step-color:#b19ff5}
.mini-step.s4{--step-border:#8253b3;--step-bg:rgba(155,93,229,.15);--step-color:#c4a0fa}
.visual-footer{margin-top:17px;font-size:11px;line-height:1.35;color:#aab0c6;text-align:center;letter-spacing:.15px}
.mini-spark{color:#9e85ff;margin-right:5px}
.testing-rows{display:grid;grid-template-columns:1fr;gap:11px}
.testing-track{display:flex;align-items:center;gap:14px;min-height:73px;padding:12px 14px;border:1px solid var(--track-border,#41517f);border-radius:12px;background:var(--track-bg,rgba(70,90,143,.1))}
.testing-track .track-num{font-size:21px;color:var(--track-color,#82a2ff);font-weight:760;letter-spacing:-1px;min-width:31px}
.testing-track>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.testing-track strong{color:#f1f0f9;font-size:15px;letter-spacing:-.3px}
.testing-track>div>span{font-size:11px;color:#aeb2c4;line-height:1.3}
.testing-track .track-glyph{font-size:17px;color:var(--track-color,#91a7ff)}
.testing-track.track1{--track-border:#3e67ad;--track-bg:rgba(77,131,255,.12);--track-color:#81aaff}
.testing-track.track2{--track-border:#665ca6;--track-bg:rgba(111,99,222,.13);--track-color:#a4a2ff}
.testing-track.track3{--track-border:#8155b3;--track-bg:rgba(155,93,229,.14);--track-color:#c292f6}
@media(max-width:680px){.research-process-art,.testing-process-art{padding:15px}.research-process-art .visual-inner,.testing-process-art .visual-inner{padding:18px 15px 14px}.mini-step{padding:11px 10px;min-height:88px}.mini-step strong{font-size:12px}.mini-step span{font-size:9px}.visual-topline{margin-bottom:13px}.visual-footer{margin-top:12px;font-size:10px}.testing-track{min-height:61px;padding:10px}.testing-track strong{font-size:13px}.testing-track>div>span{font-size:10px}}


/* FINAL EDITORIAL REVIEW: news-style achievement headlines and expanded-case visuals */
.case .hero{align-items:center;min-width:0}
.case .hero>div:first-child{min-width:0}
.case .case-project{font-size:13px;line-height:1.4;letter-spacing:1.7px;text-transform:uppercase;color:#8fa8fb;font-weight:750;margin:23px 0 11px}
.case .hero .case-headline{font-size:clamp(29px,3.0vw,40px);line-height:1.18;letter-spacing:-1.55px;font-weight:750;margin:0 0 23px;max-width:675px;text-wrap:balance;color:#f6f6fa}
.case .hero .lede{font-size:15px;line-height:1.75;color:#bdc1ce}
.case .hero-detail{margin-top:23px;font-size:10.5px}
.case .hero-art{height:360px}
.case-details summary{border-radius:15px}
.impact-story{margin:33px 0 0;background:linear-gradient(135deg,rgba(77,131,255,.085),rgba(155,93,229,.07));border:1px solid #363a50;border-radius:17px;padding:27px 30px}
.impact-story-heading{font-weight:700;font-size:19px;line-height:1.3;letter-spacing:-.5px;margin-bottom:14px;color:#f1f0fb}
.impact-story p{margin:0 0 14px;color:#b7bccc;font-size:14px;line-height:1.82;max-width:970px}.impact-story p:last-child{margin-bottom:0}
.detail-card p+p{margin-top:15px}
.syn-narrative{margin:18px 0 20px;border-left:3px solid #667ff0;padding:5px 7px 4px 21px;max-width:980px}
.syn-narrative p{font-size:14px;line-height:1.85;color:#c3c6d3;margin:0 0 14px}.syn-narrative p:last-child{margin-bottom:0}
.process-block{margin:35px 0 32px;background:#12151e;border:1px solid #343749;border-radius:19px;padding:27px 24px 22px}
.process-label{font-size:11px;font-weight:750;letter-spacing:1.6px;color:#b1b5ce;margin-bottom:19px}
.syn-process{display:grid;grid-template-columns:minmax(0,1fr) 13px minmax(0,1fr) 13px minmax(0,1fr) 13px minmax(0,1fr);gap:9px;align-items:stretch}
.syn-phase{position:relative;min-width:0;padding:17px 13px 22px;border:1px solid #3c4667;border-radius:13px;background:linear-gradient(160deg,rgba(77,131,255,.15),#161b29)}
.syn-phase:nth-of-type(2){background:linear-gradient(160deg,rgba(107,114,247,.16),#1b1a2d);border-color:#505079}
.syn-phase:nth-of-type(3){background:linear-gradient(160deg,rgba(134,104,237,.18),#201a31);border-color:#68528b}
.syn-phase:nth-of-type(4){background:linear-gradient(160deg,rgba(155,93,229,.18),#21182e);border-color:#755398}
.syn-index{font-size:10px;font-weight:750;color:#a8b6ff;letter-spacing:1.8px}
.syn-glyph{font-size:25px;color:#aa98ff;margin:10px 0 12px}
.syn-phase h3{font-size:15px;line-height:1.35;letter-spacing:-.35px;margin:0 0 10px;color:#f7f5ff}
.syn-phase p{font-size:12px;line-height:1.62;color:#b9bed0;margin:0}
.syn-arrow{display:flex;align-items:center;justify-content:center;color:#9b8feb;font-size:20px}
.process-benefits{display:flex;gap:11px;flex-wrap:wrap;margin-top:19px}
.process-benefits span{border:1px solid #505078;background:#22203a;border-radius:25px;padding:8px 13px;color:#d2c9ff;font-size:12px;font-weight:650}
.diagram-qualifier{font-size:11px;color:#8f96aa;line-height:1.6;margin:14px 0 0}
#case-5 .hero-art{padding:15px 15px;height:385px}
.evolution-card{width:100%;border:1px solid #373a4f;background:#11131e;border-radius:14px;padding:17px 14px;box-shadow:0 14px 40px #0005}
.evo-title{font-size:10px;color:#adb2d2;font-weight:750;letter-spacing:1.6px;margin-bottom:14px}
.evo-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.evo-col{display:grid;grid-template-rows:auto repeat(3,minmax(0,1fr));gap:8px}
.evo-col-title{font-size:10px;letter-spacing:.8px;font-weight:800;color:#a7aabb;margin-bottom:1px}
.evo-new .evo-col-title{color:#b5a3ff}
.evo-col>div:not(.evo-col-title){min-height:61px;border:1px solid #363944;background:#22242d;border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;color:#c7cad5;font-size:10.5px;line-height:1.4}
.evo-new>div:not(.evo-col-title){background:linear-gradient(130deg,rgba(77,131,255,.17),rgba(155,93,229,.17));border-color:#665fa2;color:#ece7ff;font-weight:600}
.evo-result{margin-top:12px;border:1px solid #4d4878;background:#1f1e34;border-radius:7px;text-align:center;padding:10px 5px;font-size:10px;color:#cebdff;font-weight:750;letter-spacing:1px}
@media(max-width:1050px) and (min-width:681px){.case .hero{grid-template-columns:minmax(0,1fr) minmax(310px,38%);gap:28px}.case .hero .case-headline{font-size:clamp(28px,3.4vw,36px)}.case .hero-art{height:345px}}
@media(max-width:680px){.case .hero .case-headline{font-size:clamp(29px,7.7vw,37px);line-height:1.15;letter-spacing:-1.25px;margin-bottom:18px}.case .case-project{margin:17px 0 10px;font-size:11px;letter-spacing:1.35px}.case .hero .lede{font-size:14.5px;line-height:1.74}.case .hero-art{height:260px}.impact-story{padding:19px 17px}.impact-story p{font-size:13px}.syn-narrative{padding-left:14px}.syn-narrative p{font-size:13px}.process-block{padding:20px 14px}.syn-process{grid-template-columns:1fr;gap:9px}.syn-phase{min-height:auto;padding:14px 16px}.syn-glyph{margin:6px 0 9px}.syn-arrow{transform:rotate(90deg);height:10px;font-size:17px}.process-benefits span{font-size:11px}#case-5 .hero-art{height:auto;min-height:350px;padding:10px}.evolution-card{padding:13px 10px}.evo-col>div:not(.evo-col-title){font-size:10px;min-height:62px;padding:6px 4px}.evo-result{font-size:9px}}


/* Shared pages and final navigation */
nav a:last-child{color:#aaaebb}nav a:last-child:after{display:none}
nav a[aria-current="page"]{color:#fff}
nav a[aria-current="page"]:after{content:"";display:block;height:2px;background:var(--accent);margin-top:7px}
.wordmark:focus-visible, nav a:focus-visible, .btn:focus-visible, a:focus-visible, summary:focus-visible{outline:2px solid #91a6ff;outline-offset:4px}
html{scroll-padding-top:30px}
.skip-link{position:absolute;left:8px;top:-50px;z-index:30;background:#1f2140;padding:11px 15px;border-radius:8px}
.skip-link:focus{top:8px}
.site-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #6e63ab;background:linear-gradient(120deg,#38357b,#5c398d);border-radius:999px;padding:15px 24px;font-weight:650;font-size:14px;color:#fff;transition:transform .18s ease,border-color .18s ease}
.site-cta:hover{color:white;transform:translateY(-2px);border-color:#b69dff}
.site-cta.secondary{background:transparent;border-color:#494c60;color:#e7e7f1}
.site-cta.secondary:hover{border-color:#8f86e9}
.site-cta:focus-visible{outline:2px solid #b5a3ff;outline-offset:4px}
.page-shell{position:relative;z-index:1}
.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:750;text-transform:uppercase;color:#a3a9c7}
.gradient-text{background:var(--accent);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Home */
.home-hero{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr);gap:65px;align-items:center;padding:104px 0 102px}
.home-hero h1{font-size:clamp(52px,5.4vw,82px);line-height:1.03;letter-spacing:-4.2px;margin:22px 0 25px;font-weight:780;max-width:780px}
.home-hero .intro{font-size:clamp(17px,1.65vw,21px);line-height:1.65;color:#c4c8d7;max-width:730px;margin:0}
.hero-buttons{display:flex;gap:13px;flex-wrap:wrap;margin-top:33px}
.portrait-panel{position:relative;border:1px solid #363a52;border-radius:28px;padding:14px;background:radial-gradient(circle at 80% 9%,#333155 0,transparent 47%),#171923;overflow:hidden;max-width:445px;margin-left:auto;box-shadow:0 26px 75px #0005}
.portrait-panel:after{content:"";position:absolute;height:4px;left:26px;right:26px;bottom:0;background:var(--accent);border-radius:4px}
.portrait-panel img{display:block;width:100%;height:430px;object-fit:cover;object-position:center 32%;border-radius:17px;filter:saturate(.9)}
.home-section{padding:80px 0 96px;border-top:1px solid #262934}
.home-section h2{font-size:clamp(34px,3.9vw,53px);letter-spacing:-2px;margin:11px 0 19px;line-height:1.16}
.home-section .sec-intro{font-size:17px;color:#b8bccc;line-height:1.75;margin:0 0 36px;max-width:850px}
.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.expertise-card{border:1px solid #333647;background:linear-gradient(150deg,#1b1d27,#14161e);border-radius:19px;padding:29px 28px 33px;min-height:260px}
.expertise-card .n{color:#9884ff;font-size:12px;letter-spacing:1.7px;font-weight:750;display:block;margin-bottom:30px}
.expertise-card h3{font-size:23px;letter-spacing:-.65px;line-height:1.22;margin:0 0 15px}
.expertise-card p{font-size:14px;line-height:1.77;color:#adb2c4;margin:0}
.home-cta{padding:58px 0 90px;border-top:1px solid #262934}
.home-cta .cta-panel{border-radius:25px;border:1px solid #41405b;padding:50px 55px;background:linear-gradient(118deg,rgba(77,131,255,.10),rgba(155,93,229,.12));display:flex;justify-content:space-between;align-items:center;gap:40px}
.home-cta h2{font-size:clamp(29px,2.9vw,42px);max-width:700px;line-height:1.25;letter-spacing:-1.6px;margin:11px 0 17px}
.home-cta p{color:#afb4c5;line-height:1.65;font-size:15px;margin:0;max-width:610px}
.cta-actions{display:flex;gap:11px;flex-wrap:wrap;min-width:max-content}
/* About */
.about-hero{padding:90px 0 60px;border-bottom:1px solid #282b37}
.about-hero h1{font-size:clamp(42px,5.1vw,70px);letter-spacing:-3.3px;line-height:1.1;max-width:960px;margin:20px 0 25px}
.about-hero .intro{font-size:20px;color:#c2c6d5;line-height:1.75;max-width:850px;margin:0}
.about-bio{padding:62px 0 60px;max-width:1010px}
.about-bio h2{font-size:37px;letter-spacing:-1px;margin:0 0 24px}
.about-bio p,.about-close p{font-size:17px;line-height:1.86;color:#bec2d0;margin:0 0 22px}
.about-philosophy{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:stretch;margin:12px 0 75px}
.philosophy-quote{position:relative;padding:39px 37px 40px 40px;border:1px solid #434059;border-radius:24px;background:#1a1b24;overflow:hidden}
.philosophy-quote:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--blue),var(--violet))}
.philosophy-quote .quote-sign{font-family:Georgia,serif;font-size:76px;line-height:.8;color:#a58cf0;margin:0 0 20px}
.philosophy-quote blockquote{margin:0;font-style:italic;font-size:clamp(16px,1.5vw,19px);line-height:1.8;color:#eeeef7}
.philosophy-quote .attribution{margin-top:24px;font-size:13px;color:#aeb2c6;font-weight:700}
.triangle-panel{position:relative;background:radial-gradient(circle at 50% 50%,#211e3e 0%,#151723 70%);border:1px solid #35364d;border-radius:24px;min-height:480px;overflow:hidden;padding:20px}
.triangle-panel svg{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.95}
.triangle-label{position:absolute;border:1px solid #514f79;background:#1c1f34;border-radius:12px;padding:11px 10px;color:#dcdcf3;font-weight:650;font-size:13px;text-align:center;line-height:1.35}
.triangle-label.t1{top:9%;left:50%;transform:translateX(-50%);width:49%}
.triangle-label.t2{bottom:10%;left:2%;width:45%}
.triangle-label.t3{bottom:10%;right:2%;width:45%}
.triangle-center{position:absolute;top:54%;left:50%;transform:translate(-50%,-50%);background:#252345;border:1px solid #8271cf;border-radius:13px;width:53%;text-align:center;padding:19px 9px;color:#f7f3ff;font-size:clamp(17px,1.7vw,22px);line-height:1.25;font-weight:760}
.about-close{border-top:1px solid #282b37;padding:60px 0 95px;max-width:980px}
.about-close h2{font-size:36px;letter-spacing:-1px;margin:0 0 24px}
.about-close strong{color:#ede9ff}
/* Shared footer */
.footer{margin-top:0}
.footer .company-notice{font-size:11px;line-height:1.6;color:#787e8d;max-width:990px;margin-top:20px}
/* Portfolio patches */
.case .case-headline{overflow-wrap:normal}
.case .hero{min-width:0}
.case .hero>div{min-width:0}
.case .hero-art{min-width:0}
#case-3 .diagram-qualifier{display:none}
/* Tablet and phone */
@media(max-width:1000px){.home-hero{grid-template-columns:minmax(0,1fr) 320px;gap:32px}.home-hero h1{font-size:58px}.home-cta .cta-panel{padding:40px 30px}.about-philosophy{grid-template-columns:1fr}.triangle-panel{min-height:430px;max-width:690px;width:100%;margin:auto}}
@media(max-width:750px){.home-hero{grid-template-columns:1fr;gap:34px;padding:60px 0 65px}.home-hero h1{font-size:clamp(43px,10vw,64px);letter-spacing:-2.5px}.home-hero .intro{font-size:17px}.portrait-panel{max-width:390px;width:100%;margin:0 auto}.portrait-panel img{height:365px}.expertise-grid{grid-template-columns:1fr}.expertise-card{min-height:auto;padding:27px}.expertise-card .n{margin-bottom:13px}.home-cta .cta-panel{display:block}.cta-actions{margin-top:27px}.about-hero{padding:55px 0 43px}.about-hero h1{font-size:clamp(38px,9vw,56px);letter-spacing:-1.9px}.about-hero .intro{font-size:17px}.about-bio{padding:50px 0 35px}.about-bio p,.about-close p{font-size:15px;line-height:1.78}.about-bio h2,.about-close h2{font-size:30px}.philosophy-quote{padding:28px 24px}.triangle-panel{min-height:365px}.triangle-label{font-size:11px}.triangle-center{font-size:16px}.about-close{padding:45px 0 70px}}
@media(max-width:430px){.home-cta .cta-panel{padding:29px 22px}.cta-actions{min-width:0;display:block}.cta-actions .site-cta{margin-bottom:11px}.triangle-panel{min-height:340px}.triangle-label{font-size:10px;padding:9px 5px}.triangle-center{font-size:15px}.philosophy-quote blockquote{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Legal trading disclosures */
.legal-company{display:block;margin-top:7px;line-height:1.75}.legal-company a{text-decoration:underline;text-underline-offset:2px;color:inherit}