:root{--ink:#08110f;--paper:#f4f5ef;--white:#fff;--mint:#b9ff6a;--green:#0d3b2f;--line:rgba(8,17,15,.14);--violet:#7557e8;--amber:#dd8d32;--font-head:'Manrope',sans-serif;--font-body:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:-999px;top:1rem;background:var(--white);padding:.7rem 1rem;z-index:20}.skip-link:focus{left:1rem}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:auto;padding:1rem 4vw;background:rgba(244,245,239,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.7rem;font-family:var(--font-head);font-weight:800}.brand-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--ink);color:var(--mint);font-size:.75rem}.site-header nav{display:flex;align-items:center;gap:2rem;font-weight:600;font-size:.92rem}.site-header nav a:hover{opacity:.6}.nav-cta{border:1px solid var(--ink);border-radius:999px;padding:.55rem 1rem}.hero{max-width:1400px;margin:auto;min-height:680px;padding:8rem 4vw 5rem;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:7vw;align-items:center}.eyebrow,.kicker{font-weight:700;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem}.eyebrow{display:flex;align-items:center;gap:.65rem}.eyebrow span{width:.55rem;height:.55rem;background:#3bbf72;border-radius:50%;box-shadow:0 0 0 5px rgba(59,191,114,.12)}h1,h2,h3,h4{font-family:var(--font-head);line-height:1.08;margin:0}h1{font-size:clamp(3.25rem,7vw,7rem);letter-spacing:-.065em;max-width:920px}h1 em{color:var(--green);font-style:normal;position:relative;white-space:nowrap}h1 em:after{content:"";position:absolute;left:0;right:0;bottom:.05em;height:.12em;background:var(--mint);z-index:-1}.hero-lead{font-size:clamp(1.05rem,1.6vw,1.3rem);max-width:750px;color:#36403d;margin:2rem 0}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;padding:.9rem 1.2rem;border-radius:4px;font-weight:700;transition:.2s transform,.2s background}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--ink);color:var(--white)}.button.primary span{color:var(--mint);font-size:1.2rem}.button.secondary{border:1px solid var(--line);background:rgba(255,255,255,.45)}.hero-panel{background:var(--ink);color:var(--white);padding:1.3rem;border-radius:2px;box-shadow:24px 24px 0 var(--mint)}.signal{display:grid;grid-template-columns:2.6rem 1fr;gap:1rem;padding:1.35rem .5rem;border-bottom:1px solid rgba(255,255,255,.15)}.signal span{color:var(--mint);font:700 .78rem var(--font-head)}.signal p{margin:0;color:#bac3bf}.signal strong{color:#fff}.panel-footer{display:flex;justify-content:space-between;padding:1.2rem .5rem .2rem;color:#8e9c96;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.proof-strip{background:var(--green);color:var(--white);display:grid;grid-template-columns:repeat(4,1fr);padding:2.3rem max(4vw,calc((100vw - 1400px)/2 + 4vw));gap:2rem}.proof-strip div{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.proof-strip strong{font:800 clamp(1.8rem,3vw,3rem) var(--font-head);color:var(--mint)}.proof-strip span{font-size:.9rem;color:#cee0d7;line-height:1.3}.section{max-width:1400px;margin:auto;padding:8rem 4vw}.section-heading{display:grid;grid-template-columns:1.5fr .7fr;gap:8vw;align-items:end;margin-bottom:4rem}.section-heading h2,.contact h2{font-size:clamp(2.3rem,5vw,4.5rem);letter-spacing:-.05em;max-width:900px}.section-heading>p{color:#55605c;max-width:450px}.kicker{color:#587167;margin:0 0 1rem}.project{border:1px solid var(--line);background:var(--white)}.project.featured{display:grid;grid-template-columns:1.1fr .9fr}.project-copy{padding:clamp(2rem,5vw,5rem)}.project-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem}.project-number{font:700 .82rem var(--font-head);color:#728079}.status{display:flex;gap:.5rem;align-items:center;background:#e9f7eb;border-radius:99px;padding:.35rem .7rem;color:#225c35;font-size:.76rem;font-weight:700}.status i{width:.45rem;height:.45rem;background:#3ba65a;border-radius:50%}.status.amber{background:#fff0df;color:#8b501b}.status.amber i{background:var(--amber)}.status.violet{background:#ebe6ff;color:#4d39a5}.status.violet i{background:var(--violet)}.project-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:#64716c}.project h3{font-size:clamp(1.8rem,3.5vw,3.6rem);letter-spacing:-.04em}.project-copy>p:not(.project-label){color:#4b5652;max-width:720px}.chips{display:flex;gap:.5rem;list-style:none;padding:0;margin:2rem 0;flex-wrap:wrap}.chips li{border:1px solid var(--line);border-radius:99px;padding:.35rem .7rem;font-size:.77rem;font-weight:600}.project-details{display:grid;grid-template-columns:1fr 1fr;gap:2rem;border-top:1px solid var(--line);padding-top:2rem;margin-top:2.5rem}.project-details span{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:#75827c}.project-details p{margin:.4rem 0 0;font-size:.92rem}.product-visual{background:#d9f4a6;padding:8%;display:grid;align-items:center;overflow:hidden}.campus-visual{min-height:620px}.browser-bar{height:2.3rem;background:#f7f8f4;border-radius:12px 12px 0 0;display:flex;align-items:center;gap:.4rem;padding:0 .8rem;color:#88928e;font-size:.7rem}.browser-bar i{display:block;width:.45rem;height:.45rem;background:#b9c0bc;border-radius:50%}.browser-bar span{margin-left:auto;margin-right:auto}.app-shell{height:400px;background:#fff;display:grid;grid-template-columns:48px 1fr;box-shadow:0 30px 60px rgba(8,17,15,.2);transform:rotate(1.5deg)}.app-nav{background:#102e27;display:flex;flex-direction:column;align-items:center;padding:.8rem 0;gap:1.3rem}.app-nav b{display:grid;place-items:center;width:24px;height:24px;background:var(--mint);color:var(--ink);border-radius:6px}.app-nav i{width:13px;height:13px;border:1px solid #77928a;border-radius:3px}.app-main{padding:2rem}.app-main>p{margin:0;color:#65726d;font-size:.7rem}.app-main h4{font-size:1.6rem}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1.5rem 0}.mini-grid>div{padding:1rem;background:#f4f5ef;border-radius:8px;display:flex;flex-direction:column}.mini-grid span,.mini-grid small{font-size:.57rem;color:#728079}.mini-grid strong{font:700 .9rem var(--font-head)}.mini-grid i{height:4px;margin-top:.55rem;background:#cdd9d3;border-radius:3px}.mini-grid i:last-child{width:70%}.course-row{display:grid;grid-template-columns:32px 1fr auto;gap:.8rem;align-items:center;padding:.8rem 0;border-bottom:1px solid #e8ece9}.course-row>i{width:32px;height:32px;border-radius:8px;background:#c8ef74}.course-row:nth-child(5)>i{background:#dfd6ff}.course-row span{display:flex;flex-direction:column}.course-row b{font-size:.72rem}.course-row small{font-size:.56rem;color:#73807b}.course-row em{font-style:normal}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:1.4rem}.compact{padding:clamp(1.8rem,4vw,3.5rem)}.compact .project-topline{margin-bottom:4.5rem}.compact h3{font-size:clamp(1.7rem,3vw,2.6rem)}.compact>p:not(.project-label):not(.role-note){color:#55605c}.role-note{border-top:1px solid var(--line);padding-top:1.2rem;margin-top:2rem;font-size:.9rem}.dark-card{background:var(--ink);color:#fff}.dark-card>p:not(.project-label):not(.role-note){color:#b9c4bf}.dark-card .chips li,.dark-card .role-note{border-color:rgba(255,255,255,.17)}.dark-card .project-label{color:#91a19a}.approach{border-top:1px solid var(--line)}.approach-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:1.4rem}.path{background:var(--white);border:1px solid var(--line);padding:clamp(2rem,4vw,4rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}.path>i{font-style:normal;font-size:2rem;color:#83918b}.path span{font-size:.74rem;text-transform:uppercase;letter-spacing:.13em;color:#6e7d77;font-weight:700}.path h3{font-size:1.5rem;margin:.5rem 0}.path p{color:#56615d;margin:0}.approach blockquote{margin:0;background:var(--mint);padding:clamp(2rem,4vw,4rem);font:700 clamp(1.35rem,2.2vw,2rem)/1.4 var(--font-head);display:flex;align-items:center}.skills-list{display:grid;grid-template-columns:repeat(4,1fr);margin-top:1.4rem;border:1px solid var(--line);background:var(--white)}.skills-list div{padding:2rem;border-right:1px solid var(--line)}.skills-list div:last-child{border:0}.skills-list span{color:#688078;font:700 .75rem var(--font-head)}.skills-list h3{margin:.8rem 0 .3rem}.skills-list p{font-size:.9rem;color:#59645f;margin:0}.contact{max-width:none;background:var(--green);color:#fff;text-align:center}.contact .kicker{color:var(--mint)}.contact h2{margin:0 auto}.contact>p:not(.kicker){color:#c4d7ce;margin:1.5rem auto 2rem}.button.light{background:var(--mint);color:var(--ink)}.contact small{display:block;color:#94afa3;margin:1.3rem auto 0;max-width:600px}footer{background:var(--ink);color:#9aaba3;display:flex;justify-content:space-between;padding:2rem 4vw;font-size:.8rem}footer a{color:#fff}
@media(max-width:900px){.site-header{padding:.8rem 5vw}.site-header nav>a:not(.nav-cta){display:none}.hero{padding:5rem 5vw;grid-template-columns:1fr;min-height:auto}.hero-panel{box-shadow:12px 12px 0 var(--mint)}.proof-strip{grid-template-columns:1fr 1fr;padding:2rem 5vw}.section{padding:5.5rem 5vw}.section-heading{grid-template-columns:1fr;gap:1rem}.project.featured,.project-grid,.approach-grid{grid-template-columns:1fr}.product-visual{min-height:500px}.skills-list{grid-template-columns:1fr 1fr}.skills-list div:nth-child(2){border-right:0}.skills-list div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:560px){h1{font-size:clamp(3rem,16vw,4.5rem)}.hero{padding-top:4rem}.hero-actions .button{width:100%}.proof-strip{grid-template-columns:1fr}.proof-strip div{grid-template-columns:6rem 1fr}.project-copy,.compact{padding:1.5rem}.project-topline{margin-bottom:3rem}.project-details,.path{grid-template-columns:1fr}.path>i{transform:rotate(90deg);justify-self:start}.product-visual{padding:6%;min-height:390px}.campus-visual{min-height:430px}.app-shell{height:330px}.app-main{padding:1.2rem}.mini-grid{grid-template-columns:1fr}.mini-grid>div:nth-child(2){display:none}.skills-list{grid-template-columns:1fr}.skills-list div{border-right:0;border-bottom:1px solid var(--line)}footer{gap:1rem;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Case studies and production protocol */
.capture-frame{width:100%;background:#fff;border-radius:12px;box-shadow:0 30px 60px rgba(8,17,15,.2);overflow:hidden}
.capture-frame.portrait{max-width:390px;margin:auto;transform:rotate(1.5deg)}
.capture-frame.landscape{max-width:640px}
.capture-header{height:2.3rem;background:#f7f8f4;display:flex;align-items:center;gap:.4rem;padding:0 .8rem;color:#88928e;font-size:.7rem}
.capture-header i{display:block;width:.45rem;height:.45rem;background:#b9c0bc;border-radius:50%}
.capture-header span{margin-left:auto}
.capture-placeholder{min-height:440px;padding:2rem;display:flex;flex-direction:column;justify-content:center;text-align:center;background:repeating-linear-gradient(135deg,#fff,#fff 18px,#f4f5ef 18px,#f4f5ef 36px);border:1px dashed #9aa6a1}
.capture-placeholder b{font:800 1.25rem var(--font-head)}
.capture-placeholder span{font-size:.9rem;color:#59645f;max-width:280px;margin:.6rem auto 0}
.capture-crop{aspect-ratio:691/1320;overflow:hidden;background:#f1f1f5}
.capture-crop img{display:block;width:100%;height:auto}
.product-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:1.5rem 0 0}
.product-proof div{background:var(--green);color:#fff;padding:1rem;display:flex;flex-direction:column}
.product-proof strong{font:800 1.7rem var(--font-head);color:var(--mint)}
.product-proof span{font-size:.72rem;line-height:1.25;color:#d4e3dc}
.case-details{margin-top:2rem;border-top:1px solid var(--line)}
.case-details summary{cursor:pointer;list-style:none;padding:1.25rem 0;font-weight:700;display:flex;align-items:center;justify-content:space-between}
.case-details summary::-webkit-details-marker{display:none}
.case-details summary span{font-size:1.5rem;color:var(--green);transition:transform .2s}
.case-details[open] summary span{transform:rotate(45deg)}
.case-body{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:0 0 1.5rem}
.case-body>div{background:#f4f5ef;padding:1rem}
.case-body b{font:700 .75rem var(--font-head);text-transform:uppercase;letter-spacing:.08em}
.case-body p{font-size:.88rem;color:#53605b;margin:.45rem 0 0}
.career-case{display:grid;grid-template-columns:.9fr 1.1fr;margin-top:1.4rem}
.career-visual{background:#ebe6ff;padding:7%;display:grid;align-items:center}
.career-visual .capture-placeholder{min-height:320px}
.career-shot{background:#eef1f3;aspect-ratio:1221/580}
.career-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.production{border-top:1px solid var(--line)}
.pipeline{display:grid;grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);gap:clamp(2.5rem,6vw,7rem);align-items:center;background:transparent}
.pipeline-manifesto{padding-right:1rem}
.pipeline-manifesto h3{font-size:clamp(1.7rem,3vw,2.7rem);letter-spacing:-.04em;margin:.55rem 0 1rem}
.pipeline-manifesto>p:last-child{color:#59645f;margin:0}
.pipeline-steps{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1rem 3.5rem;padding:1rem 0}
.pipeline-spine{position:absolute;top:1.8rem;bottom:1.8rem;left:50%;width:2px;background:linear-gradient(to bottom,transparent 0,var(--green) 7%,var(--green) 93%,transparent 100%);transform:translateX(-1px);opacity:.42}
.pipeline article{position:relative;z-index:1;padding:1.45rem 1.55rem;border:1px solid var(--line);border-radius:22px 22px 22px 5px;background:#fff;min-height:155px}
.pipeline article:nth-of-type(even){margin-top:3rem;border-radius:22px 22px 5px 22px}
.pipeline article::after{content:"";position:absolute;top:50%;width:1.8rem;border-top:2px solid var(--green);opacity:.55}
.pipeline article:nth-of-type(odd)::after{right:-1.85rem}.pipeline article:nth-of-type(even)::after{left:-1.85rem}
.pipeline span{display:block;color:var(--green);font:700 .75rem var(--font-head)}
.pipeline b{display:block;font:800 1.15rem var(--font-head);margin:.65rem 0 .35rem}
.pipeline p{color:#59645f;font-size:.9rem;margin:0}
.protocol-notes{display:grid;grid-template-columns:1fr;gap:1.4rem;margin-top:1.4rem}
.protocol-notes>div{padding:clamp(2rem,4vw,4rem);background:#fff;border:1px solid var(--line)}
.protocol-notes h3{font-size:clamp(1.6rem,2.8vw,2.6rem);letter-spacing:-.04em}
.protocol-notes p:not(.project-label){color:#59645f}
.protocol-notes .dark-note{background:var(--ink);color:#fff}
.dark-note .project-label{color:#91a19a}
.dark-note blockquote{margin:1.2rem 0 0;font:700 clamp(1.25rem,2vw,1.8rem)/1.4 var(--font-head)}
.playground{margin-top:7rem;padding-top:6rem;border-top:1px solid var(--line)}
.playground-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end;margin-bottom:2.5rem}
.playground-heading h3{font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.045em;max-width:800px}
.playground-heading>p{color:#55605c;max-width:470px;margin:0}
.playground-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff}
.playground-grid article{padding:2rem;border-right:1px solid var(--line)}
.playground-grid article:last-child{border-right:0}
.playground-grid span,.decision-item span{display:block;color:var(--green);font:700 .7rem var(--font-head);letter-spacing:.08em;text-transform:uppercase}
.playground-grid h4{font-size:1.15rem;margin:1.4rem 0 .7rem}
.playground-grid p{color:#59645f;font-size:.9rem;margin:0}
.tool-decisions{display:grid;grid-template-columns:1.05fr 1fr 1fr;margin-top:1.4rem;background:var(--ink);color:#fff}
.tool-decisions>div{padding:2rem;border-right:1px solid rgba(255,255,255,.14)}
.tool-decisions>div:last-child{border-right:0}
.decision-intro .project-label{color:#91a19a;margin:0}
.decision-intro h4{font-size:1.5rem;margin:.8rem 0}
.decision-intro p:last-child,.decision-item p{color:#b9c4bf;font-size:.9rem;margin:.5rem 0 0}
.decision-item span{color:var(--mint)}
.decision-item b{display:block;font:800 1.2rem var(--font-head);margin:1rem 0 .35rem}
@media(max-width:900px){.career-case,.protocol-notes{grid-template-columns:1fr}.career-visual{order:2}.pipeline{grid-template-columns:1fr;gap:2rem}.pipeline-manifesto{max-width:680px;padding:0}.pipeline-steps{grid-template-columns:1fr;padding-left:2.4rem;gap:1rem}.pipeline-spine{left:.65rem;top:2rem;bottom:2rem}.pipeline article,.pipeline article:nth-of-type(even){margin:0;min-height:0;border-radius:18px}.pipeline article::after,.pipeline article:nth-of-type(even)::after,.pipeline article:nth-of-type(odd)::after{left:-1.8rem;right:auto;width:1.75rem}.playground-heading{grid-template-columns:1fr;gap:1rem}.playground-grid{grid-template-columns:1fr 1fr}.playground-grid article:nth-child(2){border-right:0}.playground-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.tool-decisions{grid-template-columns:1fr}.tool-decisions>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.tool-decisions>div:last-child{border-bottom:0}}
@media(max-width:560px){.case-body{grid-template-columns:1fr}.capture-placeholder{min-height:350px}.career-visual .capture-placeholder{min-height:260px}.product-proof{grid-template-columns:1fr}.product-proof div{flex-direction:row;gap:.8rem;align-items:center}.playground{margin-top:5rem;padding-top:4rem}.playground-grid{grid-template-columns:1fr}.playground-grid article{border-right:0;border-bottom:1px solid var(--line)}.playground-grid article:last-child{border-bottom:0}}