html,body{background:#131a15;margin:0}:root{--bg:#131a15;--surface:#1d271f;--ink:#e6ece4;--muted:#a6b3a8;--green:#2e5a43;--green-deep:#23473a;--on-green:#eef3ec;--brass:#d6b360;--line:#2e3a31}.site *{box-sizing:border-box;margin:0;padding:0}.site{background:var(--bg);color:var(--ink);font-family:Hanken Grotesk,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.6}.site h1,.site h2,.site h3,.site .name{letter-spacing:-.005em;font-family:Schibsted Grotesk,Helvetica Neue,Arial,sans-serif;line-height:1.2}.site a{color:inherit}.site :focus-visible{outline:3px solid var(--brass);outline-offset:3px;border-radius:4px}.wrap{max-width:980px;margin:0 auto;padding:0 1.25rem}.pills{gap:.55rem;margin-top:1.4rem;display:grid}@media (width>=560px){.pills{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-width:34rem}}.pill{text-align:center;background:var(--green-deep);color:var(--on-green);border:1px solid #ffffff24;border-radius:10px;padding:.8rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;display:block}.pill.main{background:var(--brass);color:#1d2921;border-color:var(--brass)}.band{background:var(--green);color:var(--on-green)}.top{justify-content:space-between;align-items:center;padding:1rem 0;font-size:.92rem;display:flex}.top .name{font-size:1.05rem;font-weight:700}.top a{opacity:.85;text-decoration:none}.hero{text-align:center;max-width:30rem;margin:0 auto;padding:1.75rem 0 2.5rem}.pic{background:var(--green-deep);border:2px solid var(--brass);border-radius:50%;width:104px;height:104px;margin:0 auto;overflow:hidden}.pic img{object-fit:cover;object-position:center 8%;width:100%;height:100%;display:block}.hero h1.name{color:var(--on-green);margin-top:1rem;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:700}.hero .role{color:var(--brass);margin-top:.15rem;font-weight:600}.hero .line{opacity:.92;max-width:34ch;margin:1rem auto 0;font-size:1.08rem}.pills.stacked{grid-template-columns:1fr;max-width:22rem;margin-left:auto;margin-right:auto}.hero .based{opacity:.72;margin-top:1.1rem;font-size:.85rem}@media (width>=820px){.hero{padding:2.5rem 0 3.5rem}.pic{width:124px;height:124px}}.site section{padding:1.375rem 0}.kicker{color:var(--green);font-size:.9rem;font-weight:600}.site h2{margin-top:.15rem;font-size:clamp(1.3rem,3.4vw,1.7rem);font-weight:600}.lede{color:var(--muted);max-width:50ch;margin-top:.5rem}.rows{border-top:1px solid var(--line);margin-top:1.25rem}.row{border-bottom:1px solid var(--line);gap:.3rem;padding:1.15rem 0;display:grid}.row h3{font-size:1.1rem;font-weight:600}.row p{color:var(--muted)}@media (width>=820px){.row{grid-template-columns:240px 1fr;align-items:baseline;gap:2rem}}.feature{background:var(--surface);border-radius:16px;gap:1.5rem;padding:1.75rem 1.25rem;display:grid}@media (width>=820px){.feature{grid-template-columns:1.15fr 1fr;align-items:center;gap:2.5rem;padding:2.75rem}}.site .story{color:#7fb597;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;padding:0;text-decoration:underline;display:inline-flex}.story-wrap{grid-column:1/-1}.chev{width:12px;height:12px;transition:transform .3s}.chev.open{transform:rotate(180deg)}.story-body{grid-template-rows:0fr;transition:grid-template-rows .35s;display:grid}.story-body.open{grid-template-rows:1fr}.story-body>div{overflow:hidden}.story-body p{color:var(--muted);max-width:70ch;margin-top:1rem}.quote{background:var(--bg);border-radius:12px;padding:1.4rem}.quote p.q{font-size:1.15rem;font-weight:500;line-height:1.45}.quote .by{color:var(--muted);margin-top:.9rem;font-size:.9rem}.quote .by b{color:var(--ink)}.note{color:var(--muted);margin-top:.6rem;font-size:.78rem;font-style:italic}.swipe-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.swipe-head span{color:var(--muted);font-size:.85rem}.shots{scroll-snap-type:x mandatory;gap:.8rem;margin-top:1.1rem;padding-bottom:.6rem;display:flex;overflow-x:auto}.work-item{min-width:0;max-width:340px;color:inherit;scroll-snap-align:start;flex:0 0 82%;text-decoration:none}.browser-preview{aspect-ratio:16/10;border:1px solid var(--line);background:var(--surface);border-radius:8px;position:relative;overflow:hidden}.browser-preview img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.browser-placeholder{background:var(--surface)}.work-caption{flex-direction:column;margin-top:.6rem;display:flex}.work-caption b{font-size:.9rem}.work-caption small{color:var(--muted);font-size:.8rem}.browser-preview .preview-tag{z-index:1;color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:4px;padding:.05rem .3rem;font-size:.65rem;position:absolute;top:.5rem;right:.5rem}@media (width>=820px){.work-item{flex-basis:calc(33.3333% - .533333rem)}}.steps{gap:1rem;margin-top:1.25rem;list-style:none;display:grid}@media (width>=820px){.steps{grid-template-columns:repeat(3,1fr)}}.steps li{border-left:3px solid var(--green);padding-left:1rem}.steps b{font-family:Schibsted Grotesk,sans-serif;font-size:1.02rem;display:block}.steps span{color:var(--muted);font-size:.95rem}.promise{color:var(--green);margin-top:1.5rem;font-weight:600}.about p{max-width:62ch;margin-top:.6rem}.bubble{background:var(--green);color:var(--on-green);border-radius:18px;padding:2rem 1.25rem}@media (width>=820px){.bubble{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding:3rem;display:grid}}.familiar{background:var(--green-deep);border-radius:12px;margin-bottom:1.5rem;padding:1.1rem 1.2rem}@media (width>=820px){.familiar{margin-bottom:0}}.familiar h3{font-size:1.02rem;font-weight:600}.familiar p{opacity:.88;margin-top:.35rem;font-size:.96rem}.familiar .note{color:inherit;opacity:.65}.bubble h2{color:var(--on-green)}.bubble .intro{opacity:.88;margin-top:.4rem}.bubble .pills{max-width:none}.bubble small{opacity:.75;margin-top:1rem;font-size:.85rem;display:block}.site footer{color:var(--muted);padding:1.5rem 0 3rem;font-size:.85rem}.how,.about{border-top:1px solid var(--line)}