/* v3.2: professional evidence leads; the wider portfolio retains its full stage. */
:root{--bg:#101519;--bg-soft:#151e22;--bg-card:#18272c;--surface:#182b30;--legible:#c1c8c5;--muted:#a7b5b2;--muted-dim:#879a97;--sea:#9accc1;--slate:#a7bbd5;--line:rgba(169,196,191,.18);--line-soft:rgba(169,196,191,.1)}
body{background:radial-gradient(1000px 800px at 100% 0,#17363680,transparent),#101519}
body::before{opacity:.25}
.hero{background:radial-gradient(ellipse at 88% 14%,#19474670,transparent 60%),linear-gradient(125deg,#10191d,#11181d 50%,#18252b)}
.hero::before{background:radial-gradient(ellipse at 5% 100%,#9b784820,transparent 60%)}
.hero::after{background:linear-gradient(0deg,#101519,transparent 30%)}
.hero-inner{padding-top:8rem;gap:clamp(2rem,5vw,5rem)}
.hero h1{font-size:clamp(5.2rem,9.2vw,8.8rem)}
.hero-sub{max-width:49ch;font-size:clamp(1rem,1.3vw,1.13rem);color:#d3dbd6}
.career-strip{display:flex;flex-wrap:wrap;gap:.45rem .9rem;max-width:49ch;font-size:.7rem;line-height:1.7;color:var(--sea);margin:-.25rem 0 1.4rem}
.career-strip strong{font-weight:600;color:var(--accent-bright)}
.hero-product{padding-top:3rem}
.hero-product .mmi{opacity:.55;transform:scale(.8);transform-origin:top right}
.hero-product-label{color:var(--sea)}
.hero-screen{transform:perspective(1200px) rotateY(-4deg) rotateX(1deg);border-color:#799b9466;box-shadow:0 28px 80px -32px #000,0 0 70px #3c817915}
.hero-screen img{aspect-ratio:1274/717;object-fit:contain}
.hero-miniatures a{background:linear-gradient(130deg,#263332,#182229);border-color:#8ab4ab30}
.hero-miniatures span{color:#b7cec8}
.hero-rail{border-color:#8ab4ab30}
#statusChip{border-color:#8ab4ab30;background:#15343030}
nav{background:#10191ded;border-color:#73948d26}
.field-label{font:500 .73rem var(--body);letter-spacing:.02em;color:var(--sea);margin-bottom:1.3rem}
.professional-work{padding:clamp(4rem,7vw,7rem) var(--pad);background:linear-gradient(160deg,#14292c,#111c25 55%,#10191e);position:relative;border-block:1px solid var(--line)}
.professional-work .wrap{max-width:1380px}
.professional-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:end;margin-bottom:2.8rem}
.professional-heading h2{font:400 clamp(2.8rem,5.3vw,5rem)/1.06 var(--display);letter-spacing:-.035em;color:#eef2e8}
.professional-heading>p{max-width:47ch;color:var(--legible);font-size:1rem;line-height:1.85;padding-bottom:.15rem}
.professional-proof{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:3.5rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.professional-proof a{display:flex;align-items:center;gap:1rem;padding:1.4rem 1.25rem;border-right:1px solid var(--line);transition:background .2s}
.professional-proof a:first-child{padding-left:0}
.professional-proof a:last-child{border-right:0}
.professional-proof strong{font:400 clamp(1.6rem,2.7vw,2.7rem) var(--display);color:#d8dfd0}
.professional-proof span{font-size:.76rem;max-width:14ch;color:var(--muted);line-height:1.6}
.professional-proof a:hover{background:#8cb7ac0b}
.professional-stage{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);gap:clamp(2rem,4vw,4rem);align-items:center}
.professional-screen{min-width:0;border:1px solid #8caaa73f;border-radius:10px;overflow:hidden;background:#101722;box-shadow:0 25px 75px -28px #000}
.screen-bar{display:flex;justify-content:space-between;padding:.85rem 1rem;background:#1b2a31;border-bottom:1px solid #97b7b922;color:#b9c7c6;font:400 .67rem var(--mono)}
.screen-bar span:last-child{color:#caae78}
.sample-image{display:block;padding:0;border:0;background:#101722;width:100%;cursor:zoom-in}
.sample-image img{display:block;width:100%;height:auto;aspect-ratio:1274/717;object-fit:contain}
.sample-views{display:flex;border-top:1px solid #97b7b922;padding:.5rem .7rem;gap:.4rem;background:#132129}
.sample-views button{flex:1;padding:.7rem .4rem;border:0;border-radius:3px;background:transparent;color:#9fb3b7;font:400 .73rem var(--body);cursor:pointer;min-height:40px}
.sample-views button[aria-pressed=true]{color:#e1ece3;background:#304c505e;box-shadow:inset 0 -2px var(--sea)}
.professional-story h3{font:400 clamp(1.9rem,3vw,2.8rem)/1.14 var(--display);letter-spacing:-.025em;margin-bottom:1.1rem}
.professional-story>p:not(.field-label){font-size:.88rem;line-height:1.8;color:var(--legible)}
.professional-story ul{list-style:none;margin:1.1rem 0 1.5rem}
.professional-story li{font-size:.78rem;line-height:1.8;padding:.65rem 0;border-bottom:1px solid var(--line-soft);color:var(--muted)}
.professional-story li strong{font-weight:500;color:#d1e0d8}
.professional-story .btn{font-size:.75rem;padding:.8rem 1rem}
.professional-story .text-link{display:flex;width:fit-content;margin-top:.65rem;color:var(--sea);border-color:#93bab14d}
.sample-note{max-width:105ch;font-size:.68rem;line-height:1.8;color:#95aaa9;margin-top:1.1rem}
.resource-workbench{margin-top:4rem;background:#0d161ac2;border:1px solid #72948f44;border-radius:8px;overflow:hidden}
.resource-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1.65rem 2rem;border-bottom:1px solid var(--line);background:linear-gradient(100deg,#18373580,#16252f50)}
.resource-heading h3{font:400 1.65rem var(--display);letter-spacing:-.02em}
.resource-heading p{font-size:.74rem;color:var(--muted)}
.resource-body{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:365px}
.resource-tabs{display:flex;flex-direction:column;gap:0;border-right:1px solid var(--line);padding:1rem 0}
.resource-tabs button{position:relative;text-align:left;padding:.85rem 1.7rem;background:none;border:0;color:var(--muted);font:400 .8rem var(--body);cursor:pointer;min-height:48px}
.resource-tabs button[aria-selected=true]{background:linear-gradient(90deg,#487d6e30,transparent);color:#d7f1e6}
.resource-tabs button[aria-selected=true]::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:var(--sea)}
.resource-panels{padding:2rem 2.5rem;min-width:0}
.resource-panel h3{font:400 clamp(1.5rem,2.3vw,2.1rem)/1.2 var(--display);margin-bottom:.8rem}
.resource-panel>p{font-size:.85rem;line-height:1.8;color:var(--legible);max-width:72ch}
.resource-panel[hidden]{display:none}
.resource-links{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1.6rem}
.resource-links a{border-top:1px solid #93bab13d;padding:1.1rem 0 .4rem;display:flex;flex-direction:column;gap:.5rem}
.resource-links small{font-size:.65rem;color:var(--sea)}
.resource-links strong{font-size:.88rem;font-weight:500;color:#e0e9e3}
.resource-links span{font-size:.73rem;color:var(--muted);line-height:1.65}
.resource-links a:hover strong{color:var(--accent-bright)}
.resource-footer{display:flex;justify-content:space-between;gap:1rem;padding:1rem 2rem;border-top:1px solid var(--line);font-size:.67rem;color:var(--muted)}
.resource-footer a{color:var(--sea)}
.professional-transfer{display:grid;grid-template-columns:1fr 1.9fr auto;gap:2rem;align-items:center;padding-top:2.5rem}
.professional-transfer h3{font:400 1.4rem/1.35 var(--display)}
.professional-transfer p{font-size:.8rem;line-height:1.85;color:var(--legible)}
.professional-transfer a{font-size:.72rem;color:var(--sea);border-bottom:1px solid #8bb6ac55;padding-bottom:.4rem}
#opensource{background:linear-gradient(125deg,#16202b,#111d23 60%,#19302e55)}
#operation{background:linear-gradient(150deg,#101d21,#152526)}
#arch{background:linear-gradient(120deg,#172932,#182628 60%,#252920)}
#day{background:radial-gradient(800px 700px at 100% 45%,#2c464137,transparent),#101a20}
#desks{background:#151e22}
#ledger{background:linear-gradient(145deg,#17232c,#111b21)}
#practice{background:linear-gradient(110deg,#162d2b,#152027)}
#operator{background:radial-gradient(ellipse at 0 50%,#25413c50,transparent 55%),#131c20}
#selected-work{background:linear-gradient(135deg,#232a24,#192827 55%,#192329)}
#projects{background:linear-gradient(165deg,#16252b,#211e1a 70%)}
#native{background:radial-gradient(100% 70% at 95% 50%,#4735264d,transparent),linear-gradient(#192227,#201c18)}
.cw-item.cw-featured{background:linear-gradient(135deg,#293d3b70,#172029);border-color:var(--line)}
.reading-path a{background:#18282a}
.reading-path a:hover{background:#253f3e}
.schedule-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.85fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.schedule-layout .timeline{grid-column:1;grid-row:1;max-width:none}
.schedule-panel{grid-column:2;grid-row:1;position:sticky;top:100px;border:1px solid #829e9560;border-radius:8px;padding:1.6rem;background:linear-gradient(150deg,#223835,#172730 65%,#1b282b);box-shadow:0 20px 50px -25px #000;margin-top:.2rem}
.schedule-top{display:flex;justify-content:space-between;gap:1rem;color:var(--sea);font:400 .65rem var(--mono);padding-bottom:1.25rem;border-bottom:1px solid var(--line)}
.schedule-top time{color:var(--accent-bright)}
.schedule-panel h3{font:400 clamp(1.6rem,2.5vw,2.2rem)/1.18 var(--display);letter-spacing:-.02em;margin:1.4rem 0 1.8rem}
.schedule-hours{display:flex;justify-content:space-between;color:var(--muted);font:400 .58rem var(--mono);margin-bottom:.7rem}
.schedule-track{position:relative;height:54px;border-block:1px solid #88b0a330;background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#87aea921 calc(25% - 1px),#87aea921 25%);isolation:isolate}
.schedule-elapsed{height:100%;width:0;background:linear-gradient(90deg,#95c6b321,#c9b77921);pointer-events:none}
.schedule-track button{position:absolute;top:10px;bottom:10px;width:9px;margin-left:-4px;padding:0;border:0;background:#8ab8aa77;border-radius:2px;cursor:pointer}
.schedule-track button:hover,.schedule-track button[aria-pressed=true]{background:var(--accent-bright);box-shadow:0 0 14px #e6cb8d33;z-index:2}
.schedule-caption{font-size:.65rem;color:var(--muted);line-height:1.7;margin:.85rem 0 1.4rem}
.schedule-detail{border-top:1px solid var(--line);padding-top:1.3rem}
.schedule-time{font:400 .66rem var(--mono);color:var(--accent-bright)}
.schedule-detail h4{font:400 1.5rem/1.2 var(--display);margin:.65rem 0}
.schedule-detail code{display:block;font-size:.62rem;color:var(--sea);overflow-wrap:anywhere;line-height:1.7}
.schedule-detail>p{font-size:.79rem;line-height:1.8;color:var(--legible);margin:.9rem 0}
.schedule-detail dl div{display:grid;grid-template-columns:60px 1fr;gap:1rem;padding:.7rem 0;border-top:1px solid var(--line-soft);font-size:.67rem;line-height:1.7}
.schedule-detail dt{color:var(--sea)}
.schedule-detail dd{color:var(--muted)}
.schedule-caveat{font-size:.62rem;line-height:1.7;color:#99aca7;margin-top:.8rem}
.schedule-select{font:400 .62rem var(--body);border:0;border-bottom:1px solid #8db3a94d;background:transparent;color:var(--sea);padding:.45rem 0;cursor:pointer;margin-top:.35rem}
.tl-row.inspected .t{color:#d6ebdf}
.tl-row.inspected .node{background:var(--sea);box-shadow:0 0 14px #93cabb50}
#day .intro{max-width:78ch;color:var(--legible)}
#day .tl-row .d{color:var(--muted)}
#day .day-note{max-width:80ch}
.professional-work a:focus-visible,.professional-work button:focus-visible,.schedule-panel button:focus-visible,.schedule-select:focus-visible{outline:2px solid var(--sea);outline-offset:5px}
@media(min-width:901px){.hero-inner{min-height:760px;padding-top:7rem;padding-bottom:3rem}.hero{min-height:760px}.hero h1{font-size:clamp(5.2rem,8vw,8rem)}.hero-kicker{margin-bottom:1rem}.hero-sub{margin-bottom:1.1rem}.hero-meta{gap:1rem}.career-strip{margin-bottom:1rem}.hero-product{padding-top:1.5rem}}
@media(max-width:1100px){.professional-proof a{gap:.7rem;padding-inline:.8rem}.professional-stage{grid-template-columns:1.5fr 1fr;gap:2rem}.professional-transfer{grid-template-columns:1fr 2fr}.professional-transfer a{grid-column:2;justify-self:start}.schedule-layout{grid-template-columns:minmax(0,1fr) 340px;gap:2rem}.schedule-panel{padding:1.2rem}.resource-tabs{min-width:0}.resource-body{grid-template-columns:225px 1fr}.resource-panels{padding:1.7rem}}
@media(max-width:900px){.professional-heading{gap:2rem}.professional-stage{grid-template-columns:1fr}.professional-story{max-width:70ch}.professional-story ul{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.schedule-layout{display:flex;flex-direction:column}.schedule-panel{position:relative;top:auto;width:100%;margin-bottom:1.5rem;order:0}.schedule-layout .timeline{order:1;width:100%}.schedule-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.schedule-track button{width:12px}.hero-product{padding-top:1rem}.professional-proof{margin-bottom:2.5rem}}
@media(max-width:600px){.hero h1{font-size:5.6rem}.hero-inner{padding-top:7rem}.hero-sub{font-size:1rem}.career-strip{font-size:.66rem}.hero-ctas{flex-wrap:wrap}.hero-ctas .btn{font-size:.69rem}.hero-product .mmi{display:none}.hero-screen{transform:none}.professional-heading{grid-template-columns:1fr;gap:1.4rem}.professional-heading h2{font-size:3rem}.professional-heading>p{font-size:.88rem}.professional-proof{grid-template-columns:1fr 1fr}.professional-proof a{border-bottom:1px solid var(--line);padding:1rem .5rem}.professional-proof a:nth-child(2n){border-right:0}.professional-proof a:nth-child(n+3){border-bottom:0}.professional-proof a:first-child{padding-left:.5rem}.professional-proof strong{font-size:1.9rem}.professional-proof span{font-size:.65rem}.screen-bar{font-size:.54rem;padding:.7rem}.sample-views{gap:.1rem}.sample-views button{font-size:.65rem}.professional-story ul{display:block}.professional-story h3{font-size:2.25rem}.resource-heading{display:block;padding:1.3rem}.resource-heading h3{font-size:1.5rem}.resource-heading p{margin-top:.6rem}.resource-body{display:block}.resource-tabs{display:grid;grid-template-columns:1fr 1fr;padding:.6rem;border-right:0;border-bottom:1px solid var(--line);gap:.25rem}.resource-tabs button{padding:.65rem;font-size:.7rem;line-height:1.5;text-align:left}.resource-tabs button[aria-selected=true]::before{top:auto;bottom:0;left:.65rem;right:.65rem;width:auto;height:2px}.resource-panels{padding:1.5rem 1.25rem}.resource-links{grid-template-columns:1fr;gap:.35rem}.resource-footer{flex-direction:column;padding:1.2rem;font-size:.64rem;line-height:1.7}.professional-transfer{grid-template-columns:1fr;gap:1rem}.professional-transfer a{grid-column:1}.schedule-detail dl{display:block}.schedule-panel{padding:1.4rem}.schedule-panel h3{font-size:2rem}.schedule-track button{width:9px}.professional-work{padding-top:3.5rem}.hero-product-label{font-size:.63rem}.hero-rail{font-size:.54rem}}
@media(prefers-reduced-motion:reduce){.hero-screen{transform:none}*,*::before,*::after{scroll-behavior:auto!important}}
@media print{.professional-work,.resource-workbench,.schedule-panel{background:white!important;color:black!important}.resource-panel[hidden]{display:block}.resource-tabs,.sample-views,.schedule-track,.schedule-select{display:none}.resource-panel{margin-bottom:1.5rem}.schedule-layout{display:block}.schedule-panel{position:static}.professional-proof strong,.professional-work h2,.professional-work h3,.professional-work p{color:black!important}}

nav.scrolled{background:#101b21ed}

.hero-meta,.hero-rail{opacity:1;animation:none}
.schedule-choice-label{display:block;color:var(--muted);font-size:.63rem;margin:1rem 0 .45rem}
#schedule-choice{width:100%;min-height:44px;padding:.6rem;background:#182b30;color:#d5e2db;border:1px solid #799d9355;border-radius:4px;font:400 .7rem var(--body)}
.schedule-panel{max-height:calc(100svh - 120px);overflow:auto;scrollbar-width:thin;scrollbar-color:#719187 #16282c}
@media(max-width:900px){.schedule-panel{max-height:none;overflow:visible}}