@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--bg:#0c0c0d;--surface:#121213;--text:#eeece5;--muted:#96969c;--red:#f0544c;--line:#28282b;--mono:'IBM Plex Mono',monospace;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--sans:'DM Sans',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:6px}::selection{background:var(--red);color:var(--bg)}.wrap{width:min(1200px,calc(100% - 104px));margin-inline:auto}.site-header{height:96px;width:min(1400px,calc(100% - 104px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.wordmark{display:flex;align-items:baseline;font-weight:800;font-size:31px;letter-spacing:-2px;line-height:1}.wordmark>span:first-child{color:var(--red)}.wordmark-label{font:10px var(--mono);letter-spacing:1.4px;margin-left:19px;color:var(--muted)}nav{display:flex;gap:37px;align-items:center}nav a{font:11px var(--mono);text-transform:uppercase;letter-spacing:1px;color:#b0aeb0;transition:color .2s}nav a:hover,nav a.active{color:var(--red)}nav .nav-contact{border:1px solid #464044;padding:11px 18px;color:var(--text)}nav .nav-contact span{color:var(--red);margin-left:17px}.menu-toggle{display:none}.hero{min-height:742px;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:22px;position:relative;padding-top:62px;padding-bottom:100px}.hero-grid{position:absolute;z-index:-1;inset:0 -30px;background:radial-gradient(ellipse at 80% 50%,#74231e1c,transparent 60%);pointer-events:none}.eyebrow,.micro{font:10px var(--mono);letter-spacing:1.3px;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:25px}.status-dot,.small-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--red);box-shadow:0 0 12px #f0544c55;flex-shrink:0}.hero h1{font:800 clamp(74px,7.8vw,116px)/.92 var(--display);letter-spacing:-1.7px;margin:0 0 27px}.hero h1>span{color:transparent;-webkit-text-stroke:1px var(--red)}.hero h1 .name-dot{color:var(--red);-webkit-text-stroke:0}.hero-intro{font-size:25px;line-height:1.35;font-weight:450;margin:0 0 17px;letter-spacing:-.5px}.hero-intro strong{font-weight:500;color:var(--red)}.hero-description{max-width:440px;color:var(--muted);font-size:14px;line-height:1.85;margin:0}.hero-actions{display:flex;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:14px 22px;font-size:12px;font-weight:650;border:1px solid var(--line);transition:background .2s,transform .2s;min-height:48px}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--red);color:#101011;border-color:var(--red)}.button-primary:hover{background:#ff7168}.button-outline{border-color:#44312f}.button-outline:hover{background:#251b1b}.hero-social{display:flex;align-items:center;gap:22px;margin-top:33px}.hero-social>a{display:flex;align-items:center;gap:10px;color:#bdbbc0;font-size:12px}.hero-social svg{width:16px;height:16px}.hero-social>a>span{color:var(--red)}.hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:space-between;align-items:center}.hero-bottom .micro{font-size:9px;color:#7d7b80}.scroll-link{font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.scroll-link span{display:inline-block;border:1px solid var(--line);padding:5px 9px;margin-left:18px;color:var(--red);font-size:15px}.neural-panel{height:425px;position:relative;border:1px solid #382724;background:radial-gradient(circle at center,#73231f22,transparent 65%),linear-gradient(#17121288,#100e0e55);margin-top:22px;isolation:isolate}.neural-panel:before,.neural-panel:after{content:'';position:absolute;width:14px;height:14px;border-color:var(--red);z-index:1}.neural-panel:before{top:-1px;left:-1px;border-top:1px solid;border-left:1px solid}.neural-panel:after{bottom:-1px;right:-1px;border-bottom:1px solid;border-right:1px solid}.panel-top,.panel-bottom{position:absolute;left:21px;right:21px;display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:#a89c9b;z-index:2}.panel-top{top:20px}.panel-top .small-dot{width:4px;height:4px;margin-right:6px}.panel-top>span:last-child{color:#6b5b5a}.panel-bottom{bottom:21px;font-size:7px;letter-spacing:.6px}.panel-bottom i{font-style:normal;color:var(--red);margin:0 7px}#neural-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.neural-center{position:absolute;inset:0;display:grid;place-items:center}.core{width:104px;height:104px;background:radial-gradient(circle,#381e1c,#181112);border:1px solid #ae4b43;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font:600 44px var(--display);color:#f78a7d;box-shadow:0 0 50px #e94f3420}.core>span{font:6px var(--mono);letter-spacing:2px;margin-top:3px;color:#b89c99}.orbit{position:absolute;width:194px;height:194px;border:1px solid #ed554433;border-radius:50%;transform:rotate(-25deg) scaleY(.65);animation:orbit 25s linear infinite}.orbit-two{width:268px;height:268px;transform:rotate(55deg) scaleY(.7);animation-direction:reverse;border-color:#ec635324}.orbit:after{content:'';width:6px;height:6px;background:var(--red);border-radius:50%;position:absolute;top:22%;left:9%;box-shadow:0 0 12px var(--red)}@keyframes orbit{to{rotate:360deg}}.panel-coordinate{position:absolute;right:15px;top:50%;writing-mode:vertical-rl;font:7px var(--mono);letter-spacing:2px;color:#73514c}.signal-bars{display:flex;align-items:flex-end;gap:3px;height:13px}.signal-bars i{width:2px;background:var(--red);margin:0;height:5px}.signal-bars i:nth-child(2){height:8px}.signal-bars i:nth-child(3){height:12px}.signal-bars i:nth-child(4){height:9px}.signal-bars i:nth-child(5){height:14px}.ticker{overflow:hidden;border-block:1px solid var(--line);background:#111111;padding:18px 0}.ticker>div{white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:40px;font:500 11px var(--mono);letter-spacing:2px;color:#a7a3a3}.ticker span{color:var(--red);font-size:18px}.section{padding-block:96px}.section-label{display:flex;justify-content:space-between;gap:24px;padding-bottom:32px;font:9px var(--mono);letter-spacing:1.3px;color:var(--red)}.section-label>span:last-child{color:#77747a;font-size:8px}h2{font:600 clamp(38px,4.2vw,60px)/1.1 var(--sans);letter-spacing:-2.5px;margin:0}h2 em{color:var(--red);font-style:normal}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.about-copy>p{margin:0 0 18px;color:var(--muted);font-size:14px}.about-copy>p:first-child{font-size:17px;color:#d6d2d2}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:24px;border:0;border-bottom:1px solid #55403c;padding:0 0 8px;background:none;line-height:1.6}.text-link span{color:var(--red);font-size:18px}.text-link:hover{color:var(--red)}.about-copy .text-link{margin-top:10px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:60px;padding-top:33px;border-top:1px solid var(--line)}.principles>div{position:relative;padding-left:36px}.principle-number{position:absolute;left:0;top:5px;color:var(--red);font:10px var(--mono)}.principles h3{font-size:16px;font-weight:500;margin:0 0 8px}.principles p{margin:0;max-width:260px;color:var(--muted);font-size:12px}.skills-section{border-block:1px solid var(--line);background:#101011}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:42px}.section-heading>p{max-width:310px;color:var(--muted);font-size:13px;margin:0 0 5px}.skill-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.skill-tabs button{font-size:11px;color:#9e9a9f;background:transparent;border:1px solid transparent;padding:10px 16px}.skill-tabs button.active{color:var(--text);border-color:#623732;background:#241715}.skill-tabs button:hover{color:var(--text)}.skill-tabs button span{font:8px var(--mono);margin-left:9px;color:var(--red)}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.skill-card{padding:23px 22px 20px;min-height:148px;border:1px solid #29272a;background:#141415;transition:border-color .2s,transform .2s}.skill-card:hover{border-color:#70413c;transform:translateY(-3px)}.skill-card[hidden]{display:none}.skill-symbol{font:500 22px var(--mono);display:block;height:39px;letter-spacing:-1px}.yellow{color:#e8c763}.blue{color:#74a6ce}.violet{color:#b1a0dd}.coral{color:#e86e62}.orange{color:#d89355}.green{color:#73b3a1}.skill-card h3{font-size:13px;font-weight:550;margin:12px 0 4px}.skill-card p{font-size:10px;color:#8f8b94;margin:0}.featured-project{border:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr;background:#111112}.project-image{position:relative;padding:24px;background:radial-gradient(ellipse at 50% 100%,#22323d,#151b20);overflow:hidden;display:flex;flex-direction:column;justify-content:center}.image-toolbar{background:#202b36;border:1px solid #35424f;padding:9px 12px;border-radius:6px 6px 0 0;display:flex;justify-content:space-between;align-items:center;font:6px var(--mono);letter-spacing:.7px;color:#a2b1bd}.image-toolbar>span:first-child{display:flex;gap:4px}.image-toolbar i{width:4px;height:4px;border-radius:50%;background:#6d7e8d}.project-image img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top;border:1px solid #35424f;border-top:0;border-radius:0 0 6px 6px;box-shadow:0 25px 50px #0004}.image-badge{font:7px var(--mono);letter-spacing:1px;color:#b4c7d6;position:absolute;left:25px;bottom:20px}.project-copy{padding:35px}.project-meta{display:flex;justify-content:space-between;gap:12px;font:8px var(--mono);letter-spacing:.7px;color:var(--red);line-height:1.6}.project-meta>span+span{color:#76727a;font-size:7px}.project-copy h3{font-size:30px;line-height:1.17;letter-spacing:-1px;font-weight:500;margin:24px 0 18px}.project-copy p,.mini-copy p{font-size:12px;color:var(--muted);line-height:1.85}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.tags span{font:8px var(--mono);padding:5px 8px;border:1px solid #303034;color:#aaa5ae}.project-actions{display:flex;gap:26px;flex-wrap:wrap;margin-top:25px}.project-actions .text-link{font-size:10px}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.mini-project{border:1px solid var(--line);background:#111112}.mini-visual{height:195px;background:linear-gradient(125deg,#1d1515,#151112);border-bottom:1px solid var(--line);position:relative;padding:25px;overflow:hidden}.visual-label,.visual-foot{font:7px var(--mono);letter-spacing:1px;color:#967e7c;position:absolute;left:25px;top:19px}.visual-foot{top:auto;bottom:16px;color:#6d636a;font-size:6px}.chart-visual svg{width:100%;height:130px;margin-top:24px}.report-visual{background:radial-gradient(ellipse at center,#282031,#131216)}.report-flow{display:flex;align-items:center;justify-content:center;gap:22px;height:100%;font:14px var(--mono);color:#a39aa9}.report-flow i{color:#77687f;font-style:normal}.flow-core{display:grid;place-items:center;width:66px;height:66px;border:1px solid #756080;color:#c6add3;box-shadow:0 0 34px #af62bb13;font-size:21px}.report-visual .visual-foot{display:flex;align-items:center;gap:7px}.report-visual .small-dot{width:4px;height:4px;background:#a184b1}.mini-copy{padding:28px}.mini-copy h3{font-weight:500;font-size:25px;letter-spacing:-.7px;margin:14px 0 10px}.mini-copy .text-link{margin-top:24px}.project-note{color:#7e7980;font:9px var(--mono);margin-top:25px}.contact-section{background:radial-gradient(ellipse at 15% 100%,#5c211c20,transparent 70%),#111011;border-block:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.contact-grid .eyebrow{font-size:8px;margin:10px 0 22px}.contact-grid h2{font-size:clamp(45px,5.1vw,74px);line-height:1.03;position:relative}.contact-arrow{font-size:90px;color:var(--red);position:absolute;right:8px;top:5px}.contact-copy>p:first-child{font-size:16px;color:var(--muted);margin:0 0 38px;max-width:365px}.contact-link{display:flex;justify-content:space-between;align-items:center;border-block:1px solid #3b3031;padding:22px 0;font-size:20px;letter-spacing:-.5px}.contact-link small{display:block;font:8px var(--mono);letter-spacing:1px;color:var(--red);margin-bottom:8px}.contact-link>span:last-child{font-size:28px;color:var(--red)}.contact-link:hover{color:var(--red)}.contact-caption{font-size:11px;color:#807b82;max-width:310px;margin-top:22px}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:32px}footer p{font-size:10px;color:#807b82}footer>a:last-child{font:8px var(--mono);color:#a19a9f;letter-spacing:1px}footer>a:last-child span{color:var(--red);margin-left:16px}.skip-link{position:fixed;left:16px;top:-70px;padding:10px 20px;background:var(--red);color:#000;z-index:20}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{width:min(620px,calc(100% - 36px));border:1px solid #64423d;background:#151314;color:var(--text);padding:42px;max-height:85vh;overflow-y:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.dialog-close{position:absolute;top:10px;right:16px;border:0;background:none;font-size:28px;color:var(--muted)}dialog h2{font-size:34px;letter-spacing:-1px;margin-bottom:20px}dialog p:not(.eyebrow),dialog li{font-size:13px;color:#b0a9b0}dialog ul{padding-left:18px;margin:20px 0 28px}dialog li{margin-bottom:10px}body.modal-open{overflow:hidden}
@media(min-width:1550px){.hero{min-height:790px}.hero h1{font-size:126px}.neural-panel{height:455px}}
@media(max-width:1100px){.wrap,.site-header{width:calc(100% - 64px)}.hero{grid-template-columns:1.15fr 1fr;gap:25px;min-height:700px}.hero h1{font-size:86px}.neural-panel{height:360px}.hero .eyebrow{font-size:8px}.hero-intro{font-size:22px}.hero-description{font-size:12px}.about-grid,.contact-grid{gap:48px}.project-copy{padding:25px}.project-copy h3{font-size:26px}.contact-arrow{font-size:65px;right:0}}
@media(max-width:760px){.wrap,.site-header{width:calc(100% - 40px)}.site-header{height:76px}.wordmark-label{font-size:8px;margin-left:12px}.menu-toggle{display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;border:1px solid #423536;background:none;width:42px;height:40px;z-index:3}.menu-toggle span{height:1px;width:17px;background:var(--text);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}nav{display:none;position:absolute;top:75px;left:-20px;right:-20px;background:#121113;border-bottom:1px solid #433031;padding:25px;gap:20px;flex-direction:column;align-items:stretch}nav.open{display:flex}nav a{padding:10px 0}nav .nav-contact{display:flex;justify-content:space-between}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:82px;gap:36px;min-height:0}.hero h1{font-size:clamp(74px,15.7vw,114px);letter-spacing:-1px}.hero .eyebrow{font-size:7px;letter-spacing:.9px;margin-bottom:23px}.hero-intro{font-size:25px}.hero-description{font-size:13px;max-width:440px}.hero-actions{margin-top:26px}.button{padding:13px 17px;gap:20px;font-size:11px}.hero-social{margin-top:26px}.neural-panel{height:310px;margin:0}.hero-bottom{bottom:20px}.hero-bottom .micro{max-width:145px;line-height:1.7;font-size:7px}.scroll-link{font-size:7px;letter-spacing:.5px}.scroll-link span{margin-left:8px}.ticker{padding:12px 0}.ticker>div{font-size:9px;gap:26px}.section{padding-block:62px}.section-label{font-size:8px;padding-bottom:28px}.section-label>span:last-child{display:none}.about-grid{grid-template-columns:1fr;gap:28px}h2{font-size:40px;letter-spacing:-1.7px}.about-copy>p:first-child{font-size:16px}.about-copy>p{font-size:13px}.principles{gap:22px;grid-template-columns:1fr;margin-top:35px;padding-top:28px}.principles>div{padding-left:37px}.principles p{max-width:none}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:22px;max-width:340px}.section-heading>.text-link{margin-top:24px}.skill-tabs{gap:3px}.skill-tabs button{padding:8px 10px;font-size:10px}.skills-grid{grid-template-columns:repeat(2,1fr);gap:9px}.skill-card{padding:18px 15px;min-height:138px}.skill-card h3{font-size:12px}.skill-card p{font-size:9px}.featured-project{grid-template-columns:1fr}.project-image{padding:30px 22px 42px;min-height:250px}.image-badge{bottom:16px;left:22px}.project-copy{padding:26px}.project-copy h3{font-size:30px}.project-pair{grid-template-columns:1fr;gap:20px;margin-top:20px}.mini-visual{height:180px}.project-note{font-size:8px;line-height:1.8}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-grid h2{font-size:55px}.contact-arrow{right:25px;font-size:86px;top:0}.contact-copy>p:first-child{font-size:14px;margin-bottom:28px}.contact-link{font-size:19px}.contact-caption{max-width:none}footer{gap:15px;flex-wrap:wrap;padding-block:27px}footer p{font-size:9px}footer>a:last-child{display:none}dialog{padding:34px 25px}dialog h2{font-size:29px}}
.report-flow>span{white-space:nowrap}.flow-core{flex-shrink:0}
.neural-panel{overflow:hidden;background:radial-gradient(ellipse at 50% 52%,#39191055,transparent 70%),linear-gradient(140deg,#171316,#0d0c0e 65%);border-color:#55352e;box-shadow:0 0 70px #f0544c09,inset 0 0 60px #0005}
.neural-panel:before,.neural-panel:after{border-color:#ff8c69}
#neural-canvas{opacity:1}
.neural-center{pointer-events:none}
.neural-panel .core{width:75px;height:75px;font-size:32px;border-color:#ffb09380;background:radial-gradient(circle at 35% 28%,#713e31,#321c1d 48%,#170f12);color:#ffd1b4;box-shadow:0 0 18px #ff845640,0 0 64px #fa612a24,inset 0 0 12px #ffd6b71a;position:relative}
.neural-panel .core:before{content:'';position:absolute;inset:-7px;border:1px solid #eb82512e;border-radius:50%}
.neural-panel .core>span{font-size:5px;letter-spacing:1.4px;color:#dfaa97}
.neural-panel .panel-top{color:#c4a69b;font-size:8px}
#neural-toggle{display:flex;align-items:center;gap:7px;font:7px var(--mono);letter-spacing:1px;color:#bf9f93;background:#1c141480;border:1px solid #61403688;padding:6px 8px;min-height:28px;transition:border-color .2s,color .2s}
#neural-toggle:hover{border-color:#ffb093;color:#ffd1b4}
.toggle-glyph{font-size:11px;color:#f5a481}
.neural-legend{position:absolute;bottom:61px;left:21px;right:21px;text-align:center;font:6px var(--mono);letter-spacing:1.5px;color:#9c6f62;pointer-events:none}
.neural-legend>span{color:#e99f79;margin-right:8px}
.neural-panel .panel-coordinate{top:40%;font-size:6px;color:#956c5e}
.neural-panel .panel-bottom{color:#b79689;font-size:7px}
.neural-panel .signal-bars i{background:#ee9678;animation:signal-wave 2s ease-in-out infinite alternate;transform-origin:bottom}
.neural-panel .signal-bars i:nth-child(2){animation-delay:-.5s}.neural-panel .signal-bars i:nth-child(3){animation-delay:-1s}.neural-panel .signal-bars i:nth-child(4){animation-delay:-1.5s}
.animation-paused .signal-bars i{animation-play-state:paused}
@keyframes signal-wave{from{transform:scaleY(.4);opacity:.5}to{transform:scaleY(1);opacity:1}}
.contact-link+.contact-link,#additional-contact .contact-link{border-top:0}
@media(max-width:760px){.neural-panel .core{width:65px;height:65px;font-size:29px}.neural-panel .core>span{font-size:4px}.neural-legend{bottom:52px;font-size:5px}.neural-panel .panel-bottom{font-size:6px}.neural-panel .panel-top{font-size:7px}}
@media(max-width:400px){.hero h1{font-size:clamp(64px,19vw,74px)}.report-flow{gap:13px;font-size:11px}.flow-core{width:55px;height:55px}.hero-actions{gap:8px}.hero-actions .button{gap:14px;padding-inline:14px}.contact-grid h2{font-size:49px}.contact-arrow{right:4px;font-size:69px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Portfolio evidence and readable supporting pages. */
:root{--muted:#aaa7af}
.case-content,.case-index,.profile-main,.demo-evaluation>div{min-width:0}.profile-main a{overflow-wrap:anywhere}
.hero-description{font-size:15px}.section-label{font-size:11px}.section-label>span:last-child{font-size:10px;color:#a09aa4}.skill-card p{font-size:12px;color:var(--muted)}.project-copy p,.mini-copy p{font-size:14px}.tags span{font-size:10px}.project-actions .text-link{font-size:12px}.profile-link{display:inline-block;margin-top:19px;color:#c8c2c7;font-size:13px;border-bottom:1px solid #5e4441}.profile-link:hover{color:var(--red)}
.experience-badge{display:inline-block;margin-top:13px;font:9px var(--mono);letter-spacing:.6px;color:#aebfba;border:1px solid #344a42;padding:3px 6px}.experience-badge.to-explore{color:#c3b5d0;border-color:#51435e}.skills-legend{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:24px;font-size:12px;color:var(--muted)}.skills-legend .experience-badge{margin:0 7px 0 0}.project-evidence{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:0;padding:25px 32px;gap:20px}.project-evidence strong{display:block;color:var(--red);font-size:30px;line-height:1.3}.project-evidence span{font-size:12px;color:var(--muted)}.project-evidence>p{grid-column:1/-1;font-size:12px;color:var(--muted);margin:0}.detail-back{font-size:13px;color:var(--muted)}.detail-back:hover{color:var(--red)}
.case-main{padding-top:65px}.case-main h1,.demo-main h1{font:600 clamp(44px,5.8vw,76px)/1.08 var(--sans);letter-spacing:-3px;margin:0 0 25px}.case-main h1 em,.demo-main h1 em{font-style:normal;color:var(--red)}.case-lead{max-width:700px;font-size:19px;color:var(--muted)}.case-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin:30px 0}.case-notice{padding:16px 20px;border:1px solid #715139;background:#36281b55;color:#d9c1a6;font-size:13px;margin:30px 0}.case-notice strong{font:10px var(--mono);letter-spacing:1px;display:inline-block;margin-right:14px}.case-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:70px;padding-top:35px}.case-index{display:flex;flex-direction:column;align-self:start;gap:17px;position:sticky;top:30px;font:12px var(--mono);color:var(--muted)}.case-index a:hover{color:var(--red)}.case-content section{padding:12px 0 48px;margin-bottom:25px;border-bottom:1px solid var(--line);scroll-margin-top:30px}.case-content h2,.demo-main h2{font-size:32px;letter-spacing:-1px;line-height:1.25;margin-bottom:20px}.case-content p,.case-list{font-size:16px;color:var(--muted);line-height:1.85}.case-content .eyebrow{font:11px var(--mono);color:var(--red)}.case-content strong{color:var(--text)}.architecture-flow{margin:30px 0}.architecture-flow>div{padding:20px 24px;border:1px solid var(--line);background:var(--surface);display:grid;gap:4px}.architecture-flow small{font:10px var(--mono);color:var(--red);letter-spacing:1px}.architecture-flow strong{font-size:17px}.architecture-flow div>span{font-size:13px;color:var(--muted)}.flow-arrow{display:block;color:var(--red);padding:5px 24px}.case-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.case-stats>div{border:1px solid var(--line);padding:22px}.case-stats strong{font-size:32px;display:block;color:var(--red)}.case-stats span{font-size:13px;color:var(--muted)}.table-scroll{overflow-x:auto;max-width:100%}.evaluation-table{width:100%;border-collapse:collapse;font-size:14px;min-width:420px}.evaluation-table caption{text-align:left;padding:15px 0;color:var(--muted);font-size:12px}.evaluation-table th,.evaluation-table td{padding:16px 14px;border-bottom:1px solid var(--line);text-align:left}.evaluation-table thead th{font-size:11px;color:var(--muted);font-weight:500}.evaluation-table th[scope=row]{font-weight:500}.best-model{background:#25443d33}.best-model th span{display:block;font:10px var(--mono);color:#86c6b5;margin-top:5px}.case-content .case-caption{font-size:13px}.case-list{padding-left:22px}.case-list li{margin:10px 0}.case-next .button{margin-top:15px}
.demo-page{--bg:#f3f6f8;--surface:#fff;--text:#172e3d;--muted:#536b7b;--line:#d7e1e7;--red:#b73831;color-scheme:light}.demo-page .site-header{height:86px}.demo-main{padding:45px 0 60px}.demo-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.demo-main h1{font-size:clamp(40px,5vw,62px);letter-spacing:-2px}.demo-heading p{font-size:16px;color:var(--muted);margin-bottom:0}.demo-heading .text-link{white-space:nowrap;font-size:12px}.demo-page .case-notice{background:#fff8e8;border-color:#e0ce9e;color:#665124}.demo-filters{display:grid;grid-template-columns:1fr 1fr auto auto;gap:16px;align-items:end}.demo-page label{display:grid;gap:7px;font-size:12px;font-weight:600;color:var(--muted)}.demo-page select{font:14px var(--sans);color:var(--text);border:1px solid #b2c4ce;background:white;padding:12px;min-height:46px;border-radius:3px;max-width:100%}.demo-page select:focus-visible{outline:2px solid #0b7d86;outline-offset:3px}.demo-page .button{font-size:13px;border-radius:3px;min-height:46px}.demo-page .button-outline{background:#fff;border-color:#b2c4ce}.demo-page .button-primary{background:#173f53;border-color:#173f53;color:#fff}.demo-page .button:hover{transform:none;background:#e4eef2}.demo-page .button-primary:hover{background:#275b71}.demo-page button:disabled,.demo-page select:disabled{opacity:.55;cursor:default}.demo-scope{font-size:13px;color:var(--muted);margin:22px 0 18px}.demo-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.demo-metrics article{background:white;border:1px solid var(--line);border-radius:5px;padding:20px}.demo-metrics p{font-size:12px;color:var(--muted);margin:0 0 12px}.demo-metrics strong{display:block;font-size:34px;letter-spacing:-1px;line-height:1.25}.demo-metrics span{display:block;margin-top:10px;font-size:11px;color:var(--muted)}.demo-chart-card,.demo-records{background:white;border:1px solid var(--line);border-radius:5px;padding:26px;margin-bottom:25px;min-width:0}.demo-card-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.demo-main .demo-card-heading h2{font-size:23px;margin:0 0 6px;letter-spacing:-.5px}.demo-card-heading p{color:var(--muted);font-size:13px;margin:0}.chart-legend{display:flex;flex-wrap:wrap;gap:15px;font-size:10px;justify-content:flex-end}.chart-legend span:before{content:'';display:inline-block;width:12px;height:3px;margin-right:5px;vertical-align:middle}.legend-delivered:before{background:#087f8c}.legend-target:before{background:#71849c}.legend-gap:before{background:#ae7616}.demo-page #demo-chart{display:block;width:100%;height:auto;margin-top:22px;overflow:visible}.demo-chart-note{font-size:12px;color:var(--muted);line-height:1.7;margin:16px 0 0}.demo-card-heading label{width:220px;flex-shrink:0}.demo-table{border-collapse:collapse;width:100%;min-width:750px;font-size:13px}.demo-table th,.demo-table td{padding:16px 12px;border-bottom:1px solid var(--line);text-align:left}.demo-table thead th{font-size:11px;color:var(--muted);font-weight:600;background:#f6f9fa}.demo-table small{display:block;font-size:11px;color:var(--muted)}.record-status{display:inline-block;border-radius:3px;padding:3px 7px;font-size:11px;text-transform:capitalize}.record-status.accepted{background:#e5f3ef;color:#256653}.record-status.missing{background:#fff1d4;color:#865808}.record-status.invalid{background:#fbe7e6;color:#a43a33}#table-count{font-size:12px;color:var(--muted)}.demo-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:12px}.demo-pagination .button{min-height:40px;padding:8px 14px;font-size:12px}#page-label{font-size:12px;color:var(--muted)}.demo-evaluation{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:30px 0}.demo-evaluation p:not(.eyebrow){font-size:14px;color:var(--muted)}.demo-evaluation .evaluation-table{min-width:400px}.demo-page .best-model{background:#e4f2ed}.demo-page .best-model th span{color:#266954}.demo-page footer p{color:var(--muted)}#demo-error{padding:20px;background:#fbe7e6;color:#92342d;border:1px solid #dfbbb6;margin-bottom:20px}#demo-error a{text-decoration:underline}
@media(max-width:1000px){.case-layout{grid-template-columns:170px minmax(0,1fr);gap:35px}.demo-filters{grid-template-columns:1fr 1fr}.demo-metrics{grid-template-columns:repeat(2,1fr)}.demo-heading{display:block}.demo-heading>.text-link{margin-top:20px}.demo-evaluation{gap:25px}.demo-card-heading{flex-wrap:wrap}.chart-legend{justify-content:flex-start}.hero-grid{inset:0}}
@media(max-width:760px){.hero-description{font-size:14px}.skill-card p{font-size:11px}.section-label{font-size:10px}.skills-legend{gap:10px}.project-evidence{padding:22px;gap:15px}.project-evidence strong{font-size:25px}.project-evidence span{font-size:11px}.case-main{padding-top:35px}.case-main h1{letter-spacing:-2px}.case-lead{font-size:16px}.case-layout{grid-template-columns:1fr;gap:25px}.case-index{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px 20px;border-bottom:1px solid var(--line);padding-bottom:25px;font-size:11px}.case-content h2{font-size:28px}.case-content p,.case-list{font-size:15px}.case-stats>div{padding:16px}.case-stats strong{font-size:27px}.detail-back{font-size:11px}.detail-page .wordmark-label,.demo-page .wordmark-label{display:none}.demo-main{padding-top:30px}.demo-main h1{font-size:42px}.demo-heading p{font-size:14px}.case-notice{font-size:12px;padding:15px}.case-notice strong{display:block;margin-bottom:6px}.demo-filters{gap:12px}.demo-page select{font-size:13px;width:100%;padding:10px}.demo-page .button{padding:12px;font-size:12px;gap:10px}.demo-metrics{gap:10px}.demo-metrics article{padding:15px}.demo-metrics strong{font-size:28px}.demo-metrics p{min-height:36px;margin-bottom:8px}.demo-chart-card,.demo-records{padding:18px}.demo-card-heading label{width:100%}.demo-main .demo-card-heading h2{font-size:21px}.demo-page #demo-chart{margin-top:28px}.chart-legend{font-size:10px;gap:10px}.demo-pagination .button{padding:8px 10px;font-size:11px}.demo-evaluation{grid-template-columns:1fr;gap:5px}.demo-evaluation .evaluation-table{min-width:360px}.demo-main h2{font-size:29px}.demo-page footer p{font-size:11px}.demo-page footer>a:last-child{display:inline;font-size:11px}}
/* Code Chat case study and source-search demo. */
.code-project{margin-top:32px}.code-app-figure{margin:40px 0 10px;border:1px solid var(--line);padding:12px;background:#10151d}.code-app-figure img{width:100%;height:auto;display:block}.code-app-figure figcaption{font-size:12px;color:var(--muted);padding:12px 8px 5px}.code-search-panel{background:#121923;border:1px solid #35414e;padding:24px;margin-top:25px}.code-search-panel label{display:block;font-size:13px;margin-bottom:10px;color:#c2cad5}.code-search-input{display:flex;gap:10px}.code-search-input input{font:14px var(--sans);background:#0c1119;color:#e8edf4;border:1px solid #4f6073;padding:14px;min-width:0;flex:1}.code-search-input input:focus-visible{outline:2px solid #f79872;outline-offset:3px}.code-search-panel .button{white-space:nowrap;font-size:12px}.code-examples{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.code-examples button{font-size:11px;background:#1d2835;color:#c3cddb;border:1px solid #3c4d60;padding:8px 12px}.code-examples button:hover{border-color:#f79872;color:#fff}.code-search-panel button:disabled{opacity:.5;cursor:default}.case-content #code-search-status{font-size:12px;color:#b0c1d3;line-height:1.7}.code-source{border:1px solid #344252;margin-top:20px;padding:18px;background:#10151d}.code-source h3{font:500 16px var(--mono);margin:0;color:#f7a580}.case-content .code-source p{font-size:11px;color:#b5c4d5;margin-top:8px}.code-source pre{background:#0b1119;border:1px solid #2a3644;padding:15px;overflow:auto;margin:15px 0 0;font:12px/1.8 var(--mono);color:#c8dbdf}.code-recorded{border:1px solid var(--line);padding:18px;margin:25px 0}.code-recorded summary{cursor:pointer;font-size:14px;color:#e4dedc}.code-recorded summary:hover{color:var(--red)}#code-recorded-answers details{border-top:1px solid var(--line);padding:15px 0}#code-recorded-answers p{font-size:14px}#code-recorded-answers small{font:10px var(--mono);color:var(--muted)}
@media(max-width:760px){.code-search-panel{padding:17px}.code-search-input{flex-direction:column}.code-search-input input{width:100%}.code-search-input .button{justify-content:center}.code-source{padding:12px}.code-source pre{font-size:11px;padding:10px}.code-app-figure{padding:7px}.code-app-figure figcaption{font-size:11px}.code-recorded{padding:15px}.code-source h3{font-size:14px}}
/* Project previews preserve the entire capture, with a separate caption. */
.project-image{padding:28px;gap:0;min-width:0;background:radial-gradient(ellipse at 50% 100%,#263642,#14191f)}
.project-image img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;box-shadow:none}
.project-preview-link{display:block;border-radius:0 0 6px 6px;overflow:hidden;box-shadow:0 18px 35px #0004}
.project-preview-link:focus-visible{outline-offset:4px}.project-preview-link:hover img{filter:brightness(1.06)}
.image-toolbar{font-size:8px;padding:11px 13px;letter-spacing:.5px;gap:12px}.image-toolbar i{width:5px;height:5px}
.image-badge{position:static;display:flex;justify-content:space-between;gap:12px;margin-top:17px;font:9px var(--mono);line-height:1.6;letter-spacing:.5px;color:#aab8c6}
.image-badge a{color:#dee4ea;border-bottom:1px solid #536576;white-space:nowrap}.code-project .project-image{background:radial-gradient(ellipse at 50% 100%,#362724,#151316)}
/* The browser source explorer is a working demo, and supplies its own preview. */
.code-demo-page{--bg:#0d1015;--line:#2a313e;--muted:#9ca8b8;--red:#f09273;background:radial-gradient(ellipse at 15% 0,#41251e44,transparent 50%),var(--bg)}
.source-header{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.source-brand{font-size:25px;font-weight:700;letter-spacing:-1px}.source-brand span{color:var(--red)}
.source-main{padding-top:35px;padding-bottom:25px}.source-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.source-intro .eyebrow{margin:0 0 12px;color:var(--red);font-size:9px}.source-intro h1{font-size:clamp(32px,3.5vw,49px);line-height:1.1;letter-spacing:-2px;margin:0;font-weight:600}.source-intro h1 em{font-style:normal;color:var(--red)}
.source-intro>p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}
.source-workspace{border:1px solid #384151;border-radius:10px;overflow:hidden;background:#121720;box-shadow:0 30px 60px #0003}
.source-workspace-bar{display:flex;justify-content:space-between;gap:15px;padding:16px 22px;background:#1b222e;border-bottom:1px solid #384151;font:9px var(--mono);letter-spacing:.8px;color:#b6c2d1}
.source-workspace-bar i{display:inline-block;width:6px;height:6px;background:#86bda6;border-radius:50%;margin-right:8px}.source-workspace-bar b{font-weight:400;color:#596574;margin:0 10px}
.source-workspace-grid{display:grid;grid-template-columns:340px minmax(0,1fr)}
.source-question-panel{padding:26px;border-right:1px solid #384151;background:#151b25;min-width:0}
.source-question-panel .eyebrow,.source-evidence-panel .eyebrow{font-size:9px;color:#f09273;margin:0 0 12px}
.source-question-panel h2{font-size:25px;line-height:1.25;letter-spacing:-.7px;margin:0 0 24px}
.source-question-panel label{display:block;font-size:11px;color:#afbbc9;margin-bottom:9px}
.source-question-panel input{font:12px var(--sans);width:100%;min-width:0;color:#edf0f4;padding:13px;background:#0d121a;border:1px solid #475368;border-radius:4px;min-height:46px}
.source-question-panel input:focus-visible{outline:2px solid var(--red);outline-offset:3px}.source-question-panel .button{width:100%;border-radius:4px;min-height:44px;margin-top:12px;padding:10px 15px;font-size:12px}
.source-suggestions{display:grid;margin-top:24px}.source-suggestions>span{font:8px var(--mono);color:#7f8d9f;letter-spacing:1px;margin-bottom:8px}
.source-suggestions button{display:flex;justify-content:space-between;text-align:left;background:none;border:0;border-bottom:1px solid #2a3342;color:#c6d0df;font-size:11px;padding:10px 0}.source-suggestions button span{color:var(--red)}.source-suggestions button:hover{color:var(--red)}
.source-question-panel #code-search-status{font-size:10px;color:#8fa7b7;line-height:1.7;margin:18px 0 0}
.source-evidence-panel{padding:25px;min-width:0;background:#0f141d}.source-evidence-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.source-evidence-heading h2{font-size:16px;letter-spacing:-.3px;margin:0;color:#b7c2d0}.source-evidence-panel .eyebrow{margin:0}
.source-evidence-panel .code-source{border:1px solid #354154;border-radius:6px;padding:17px;margin-top:19px;background:#161e2a}.source-evidence-panel .code-source h3{font-size:12px;color:#f5b69d}.source-evidence-panel .code-source p{font-size:9px;color:#849aaf;margin:7px 0 0}
.source-evidence-panel .code-source pre{font:11px/1.8 var(--mono);padding:16px;border:0;border-top:1px solid #2d394b;border-radius:0;margin:12px -17px -17px;background:#0b1119;color:#c7d8dd;white-space:pre-wrap;overflow-wrap:anywhere}
.source-demo-note{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;font-size:10px;color:#8a9bad}.source-demo-note p{margin:0}.source-demo-note p>span{color:#86bda6;margin-right:6px}.source-demo-note .case-actions{margin:0;gap:20px}.source-demo-note .text-link{font-size:10px;padding-bottom:3px}
@media(max-width:1000px){.source-workspace-grid{grid-template-columns:285px minmax(0,1fr)}.source-question-panel,.source-evidence-panel{padding:20px}.source-intro{align-items:start}.source-intro>p{max-width:210px}}
@media(max-width:760px){.project-image{padding:22px;min-height:0}.image-toolbar{font-size:7px;padding:10px}.image-badge{font-size:8px;flex-wrap:wrap}.source-header{height:70px}.source-brand{font-size:22px}.source-intro{display:block;margin-bottom:24px}.source-intro>p{margin-top:16px;max-width:none}.source-main{padding-top:25px}.source-intro h1{font-size:38px;letter-spacing:-1.5px}.source-workspace-bar{padding:13px;font-size:8px;flex-wrap:wrap;gap:8px}.source-workspace-grid{grid-template-columns:1fr}.source-question-panel{border-right:0;border-bottom:1px solid #384151}.source-question-panel h2 br{display:none}.source-demo-note{align-items:start;flex-direction:column;gap:12px}.source-demo-note .case-actions{flex-wrap:wrap}.source-evidence-panel .code-source pre{font-size:10px}.source-question-panel input{font-size:14px}.source-intro .eyebrow{font-size:8px}}

/* A quieter frame for the decorative canvas study. */
.neural-panel{background:#111112;border-color:var(--line);box-shadow:none}.neural-panel:before,.neural-panel:after{display:none}.neural-panel .panel-top,.neural-panel .panel-bottom{color:var(--muted)}#neural-canvas{opacity:.72}#neural-toggle{background:transparent;border-color:var(--line);color:var(--muted)}.hero-grid{opacity:.35}