:root{color-scheme:dark;--ink:#eceee6;--muted:#a5b1ac;--line:#30423c;--accent:#cbef96;--bg:#10251f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 system-ui,-apple-system,sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{max-width:1180px;margin:auto;padding:0 6vw}header{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}mark{background:none;color:var(--accent)}.brand{text-decoration:none;font-weight:700;letter-spacing:-1px;font-size:24px}.brand span{color:var(--accent)}nav{display:flex;gap:27px;font-size:14px}nav a{text-decoration:none}.hero{padding:95px 0 85px;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;color:var(--accent);font-weight:650}h1{font-size:clamp(58px,8vw,104px);line-height:1.04;letter-spacing:-6px;max-width:850px;margin:24px 0 32px;font-weight:600}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.intro{font-size:21px;max-width:580px;color:#c1cbc3}.button{display:inline-flex;padding:12px 22px;background:var(--accent);color:#14291f;text-decoration:none;border-radius:3px;font-size:15px;font-weight:650;margin-top:22px}.button:hover{color:#14291f;background:#defab4}.hero:after{content:'↗';position:absolute;right:2%;bottom:70px;font-size:160px;font-weight:200;color:#385348}.section{padding:48px 0 65px;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:35px}h2{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:8px 0 20px}p{margin:0 0 20px}.lede{max-width:680px;color:#c1cbc3}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.project{border-top:2px solid #719176;padding-top:22px}.num{font:13px monospace;color:var(--accent)}h3{font-size:23px;letter-spacing:-.5px;margin:15px 0 10px}.project p{color:var(--muted);font-size:16px}.contact{background:#cbed9a;color:#14291f;padding:40px;margin:0 0 55px;display:flex;align-items:center;justify-content:space-between;gap:25px}.contact h2{margin:0}.contact a:hover{color:#31533a}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0 40px;font-size:13px;color:var(--muted)}.legal{max-width:780px;padding:65px 0}.legal h1{font-size:60px;letter-spacing:-3px}.legal h2{font-size:25px;letter-spacing:-.4px;margin-top:35px}.legal p,.legal li{color:#c1cbc3}.legal .date{font-size:14px;color:var(--accent)}@media(max-width:700px){header{padding:22px 0}nav{gap:18px}.hero{padding:65px 0 60px}h1{letter-spacing:-3px}.hero:after{display:none}.intro{font-size:19px}.section-head,.projects{grid-template-columns:1fr}.projects{gap:25px;margin-top:25px}.contact{padding:28px;display:block}.contact a{display:inline-block;margin-top:20px}.legal h1{font-size:48px}footer{gap:20px}.section{padding:35px 0 45px}}

.hero:after{content:'';width:110px;height:110px;border:1px solid #63836a;border-radius:50%;box-shadow:-30px -30px 0 -1px var(--bg),-30px -30px 0 0 #385348}

.portfolio{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 50px}.portfolio .project{display:flex;flex-direction:column;min-width:0;padding-top:24px}.project-meta{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.project-meta .num{font-size:11px;line-height:1.5}.status{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#b8c8bd;white-space:nowrap}.portfolio h3{font-size:28px}.portfolio .repo-link{font-size:14px;margin-top:auto;display:flex;justify-content:space-between;padding:13px 0 3px;text-decoration:none;color:var(--accent)}.repo-link span{font-size:22px;line-height:1}.small-note,.project .small-note{font-size:13px;color:var(--muted)}.hardware{background:#19362b;padding:24px!important;border-color:var(--accent)}.lab{padding-bottom:65px}@media(max-width:700px){.portfolio{grid-template-columns:1fr;gap:28px}.project-meta{flex-wrap:wrap}.portfolio h3{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.blueprint{margin:36px 0 25px}.blueprint img{display:block;width:100%;height:auto;max-height:660px;object-fit:cover;border:1px solid var(--line);border-radius:4px}.blueprint figcaption{font-size:12px;color:var(--muted);margin-top:10px}.lab-notes{display:grid;grid-template-columns:1fr 2fr;gap:35px}.lab-notes h3{margin:0}.lab-notes p{color:var(--muted)}.project .repo-link{color:var(--accent);font-size:14px}.contact-links{display:flex;flex-direction:column;gap:8px}@media(max-width:700px){.lab-notes{grid-template-columns:1fr;gap:12px}.blueprint{margin-top:25px}.blueprint img{object-fit:contain}.contact-links{margin-top:15px}}

.journey-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin:40px 0 0}.journey-steps li{border-top:1px solid #63836a;padding-top:18px}.journey-steps span{display:block;color:var(--accent);font:12px monospace;margin-bottom:12px}.journey-steps strong{font-size:16px}.journey-steps p{font-size:14px;line-height:1.5;color:var(--muted);margin-top:8px}@media(max-width:700px){.journey-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.journey-steps strong{font-size:15px}}

.work-flow{list-style:none;padding:0;margin:38px 0 60px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.work-flow li{padding:20px 15px;background:#19362b;border-top:2px solid #719176;min-width:0}.work-flow b{display:block;color:var(--accent);font:12px monospace;margin-bottom:15px}.work-flow strong{display:block;font-size:15px;line-height:1.4}.work-flow span{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin-top:8px}.team-heading{margin-top:20px}.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:30px}.team-monogram{display:grid;place-items:center;width:44px;height:44px;border:1px solid #719176;border-radius:50%;color:var(--accent);font:italic 25px Georgia,serif}.team-grid h3{margin:12px 0 8px}.team-grid p{font-size:15px;color:var(--muted)}.everyday{margin-top:32px;border-left:2px solid var(--accent);padding:2px 0 2px 24px;max-width:800px}.everyday p{color:var(--muted)}@media(max-width:700px){.work-flow{grid-template-columns:1fr;gap:10px;margin-bottom:40px}.work-flow li{display:grid;grid-template-columns:26px 1fr;column-gap:12px;padding:16px}.work-flow b{grid-row:span 2;margin:4px 0 0}.work-flow span{grid-column:2}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.everyday{padding-left:18px}}

.work-flow b img,.brand-label img{filter:invert(92%) sepia(18%) saturate(587%) hue-rotate(32deg) brightness(100%);object-fit:contain}.brand-label{display:flex;align-items:center;gap:8px}.brand-note{display:block;font-size:11px;max-width:430px;margin-top:6px}.work-flow b{min-height:28px}.team-monogram{background:linear-gradient(145deg,#274f3e,#10251f);box-shadow:0 0 24px #cbef960a}.work-flow li{border-radius:4px}.team-grid article{padding:20px;border:1px solid var(--line);border-radius:6px}.work-flow li:nth-child(2),.work-flow li:nth-child(4){background:#214331}@media(max-width:700px){.work-flow li{grid-template-columns:32px 1fr}.team-grid article{padding:16px}}