:root{color:#17212b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f8f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.hero{background:linear-gradient(90deg,#f7f8f4f5,#f7f8f4cc),repeating-linear-gradient(0deg,#17212b0d 0 1px,#0000 1px 52px),repeating-linear-gradient(90deg,#17212b0d 0 1px,#0000 1px 52px),#f7f8f4;min-height:92vh;padding:24px clamp(20px,4vw,72px) 48px}.topbar{justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:0 auto;display:flex}.topbar.compact{max-width:none;padding:24px clamp(20px,4vw,72px)}.brand{letter-spacing:0;border:1px solid #17212b;justify-content:center;align-items:center;width:44px;height:44px;font-weight:800;display:inline-flex}.language-switcher{background:#fff;border:1px solid #d8ded2;align-items:center;gap:4px;padding:5px;display:flex}.language-switcher svg{color:#53606a;margin:0 6px}.language-switcher button{color:#53606a;cursor:pointer;background:0 0;border:0;min-height:34px;padding:0 10px}.language-switcher button.active{color:#fff;background:#17212b}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:clamp(32px,6vw,80px);max-width:1180px;min-height:calc(92vh - 68px);margin:0 auto;padding-top:28px;display:grid}.eyebrow{color:#2f6f6b;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{max-width:780px;margin-bottom:24px;font-size:clamp(3rem,7vw,6.4rem);line-height:.95}h2{margin-bottom:0;font-size:clamp(1.8rem,3vw,3rem);line-height:1}h3{margin-bottom:12px;font-size:1.35rem;line-height:1.15}.lede{color:#33424f;max-width:760px;font-size:clamp(1.12rem,2vw,1.45rem);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-actions a,.back-link{border:1px solid #17212b;align-items:center;gap:10px;min-height:46px;padding:0 16px;font-weight:750;display:inline-flex}.hero-actions a:first-child{color:#fff;background:#17212b}.hero-actions a:last-child{background:#f3c969}.back-link{background:#fff}.signal-panel{color:#eaf1ea;background:#17212b;min-height:430px;padding:24px;position:relative;overflow:hidden}.signal-panel:before{content:"";background:linear-gradient(135deg,#0000 0 45%,#ee6e5852 45% 48%,#0000 48% 100%);position:absolute;inset:0}.panel-header{justify-content:space-between;font-size:.82rem;font-weight:800;display:flex;position:relative}.waveform{grid-template-columns:repeat(42,1fr);align-items:end;gap:6px;height:190px;margin:62px 0 36px;display:grid;position:relative}.waveform span{height:calc(28px + (var(--i) % 9) * 13px);background:#79d0c5;display:block}.board-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid;position:relative}.board-grid span{aspect-ratio:1.6;background:#eaf1ea14;border:1px solid #eaf1ea5c}.section{grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:clamp(24px,5vw,72px);max-width:1180px;margin:0 auto;padding:72px clamp(20px,4vw,72px);display:grid}.profile-copy,.timeline,.section-heading>p{color:#33424f;font-size:1.05rem;line-height:1.75}.profile-copy p:last-child,.timeline p:last-child{margin-bottom:0}.cv-grid{border-top:1px solid #d8ded2}.timeline p{border-left:3px solid #ee6e58;padding-left:18px}.projects-section{border-top:1px solid #d8ded2;display:block}.section-heading{grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:24px;margin-bottom:32px;display:grid}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.project-card{background:#fff;border:1px solid #d8ded2;flex-direction:column;justify-content:space-between;min-height:280px;padding:22px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.project-card:hover{border-color:#2f6f6b;transform:translateY(-3px);box-shadow:0 18px 36px #17212b1a}.term{color:#8b4f3f;margin-bottom:18px;font-weight:800;display:inline-block}.project-card p{color:#53606a;line-height:1.58}.card-footer{color:#2f6f6b;align-items:center;gap:8px;margin-top:20px;font-weight:800;display:inline-flex}.project-page{max-width:1040px;margin:0 auto;padding:52px clamp(20px,4vw,72px) 88px}.project-page h1{font-size:clamp(2.5rem,6vw,5rem)}.detail-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:44px;display:grid}.detail-grid section,.artifact-note{background:#fff;border:1px solid #d8ded2;padding:24px}.detail-grid h2{margin-bottom:16px;font-size:1.4rem}.detail-grid p,.detail-grid li,.artifact-note p{color:#33424f;line-height:1.65}.artifact-note{align-items:flex-start;gap:12px;margin-top:20px;display:flex}.artifact-note p{margin:0}@media (width<=860px){.hero-grid,.section,.section-heading,.detail-grid,.project-grid{grid-template-columns:1fr}.hero,.hero-grid{min-height:auto}.signal-panel{min-height:330px}.language-switcher{flex-wrap:wrap;justify-content:flex-end}}@media (width<=560px){.topbar{align-items:flex-start}.language-switcher{max-width:220px}h1{font-size:2.75rem}.section{padding-top:52px;padding-bottom:52px}}.case-study{margin-top:40px}.case-overview,.detail-panel{background:#fff;border:1px solid #d8ded2;margin-bottom:20px;padding:24px}.case-overview p,.detail-panel li,.phase-card p,.phase-card li{color:#33424f;line-height:1.65}.detail-panel h2,.phase-section h2{margin-bottom:16px;font-size:1.4rem}.detail-panel ul,.phase-card ul,.detail-grid ul{margin:0;padding-left:20px}.detail-panel li+li,.phase-card li+li,.detail-grid li+li{margin-top:8px}.phase-section{margin-top:36px}.phase-list{gap:16px;margin-top:18px;display:grid}.phase-card{background:#fff;border:1px solid #d8ded2;grid-template-columns:56px minmax(0,1fr);gap:10px;padding:22px;display:grid}.phase-card>span{color:#17212b;background:#f3c969;justify-content:center;align-items:center;width:40px;height:40px;font-weight:850;display:inline-flex}.phase-card h3,.phase-card p,.phase-card ul{grid-column:2}.phase-card h3{margin-bottom:0}.phase-card p{margin-bottom:4px}@media (width<=640px){.phase-card{grid-template-columns:1fr}.phase-card h3,.phase-card p,.phase-card ul{grid-column:1}}.project-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.project-gallery img{aspect-ratio:4/3;object-fit:contain;background:#fff;border:1px solid #d8ded2;width:100%;padding:10px}.component-showcase{background:#fff;border:1px solid #d8ded2;grid-template-columns:minmax(280px,.95fr) minmax(0,1.05fr);align-items:stretch;gap:24px;margin-bottom:20px;display:grid;overflow:hidden}.component-showcase img{aspect-ratio:16/10;object-fit:cover;width:100%;height:100%}.component-showcase div{align-self:center;padding:28px 28px 28px 0}.component-showcase h2{margin-bottom:14px;font-size:1.55rem}.component-showcase p:last-child{color:#33424f;margin-bottom:0;line-height:1.65}.phase-card{grid-template-columns:42px minmax(190px,.42fr) minmax(0,.58fr);align-items:start}.phase-card>img{object-fit:contain;background:#f7f8f4;border:1px solid #d8ded2;grid-column:2;width:100%;max-height:230px;padding:12px}.phase-card>div{grid-column:3}.phase-card>div h3,.phase-card>div p,.phase-card>div ul{grid-column:auto}.phase-card>div ul{max-width:68ch}@media (width<=860px){.component-showcase,.phase-card,.project-gallery{grid-template-columns:1fr}.component-showcase div{padding:0 22px 24px}.phase-card>span,.phase-card>img,.phase-card>div{grid-column:1}}