:root{--paper:#f3efe5;--paper-deep:#ebe5d7;--ink:#1c211d;--muted:#64675e;--green:#314b3b;--green-dark:#243a2d;--clay:#8f552b;--line:#c8c0b0;--serif:'Newsreader',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(#927f5b 0.5px,transparent .5px);background-size:8px 8px;mix-blend-mode:multiply;z-index:5}.paper-grain{position:fixed;inset:0;pointer-events:none;opacity:.12;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.25) 50%,transparent 80%);z-index:4}.section-wrap{width:min(1260px,calc(100% - 64px));margin-inline:auto}.site-header{width:min(1260px,calc(100% - 64px));margin:auto;height:112px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{font:500 26px/1 var(--serif);color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px}.brand-mark{width:24px;height:24px;border:1.5px solid var(--green);border-radius:50%;display:inline-block;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--green);width:1px;height:30px;left:10px;top:-4px}.brand-mark:after{transform:rotate(90deg)}.brand-mark span{position:absolute;background:var(--clay);width:5px;height:5px;border-radius:50%;left:8px;top:8px}.brand-mark i{position:absolute;width:2px;height:13px;background:var(--paper);left:11px;top:4px;transform:rotate(35deg)}.nav,.footer-nav{display:flex;gap:42px}.nav a,.footer-nav a{color:var(--ink);text-decoration:none;font-size:14px}.nav a:hover,.footer-nav a:hover{color:var(--clay)}.hero{min-height:655px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:70px 90px 50px}.eyebrow,.label,.project-meta,.build-marker,.section-heading h2{font:500 11px/1.35 var(--mono);letter-spacing:.1em;text-transform:uppercase}.eyebrow{color:var(--green);margin:0 0 26px}.hero h1{font:400 clamp(58px,6.3vw,94px)/.9 var(--serif);letter-spacing:-.045em;margin:0;max-width:610px}.hero h1 em{font-style:normal}.hero-rule{height:17px;margin:35px 0 23px;display:flex;align-items:center;gap:9px}.hero-rule:before{content:"";height:1px;width:14px;background:var(--clay)}.hero-rule span{display:block;width:30px;height:2px;background:var(--clay)}.lede{max-width:385px;font-size:18px;line-height:1.55;margin:0;color:#41483f}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:34px}.button{display:flex;justify-content:space-between;align-items:center;width:260px;padding:13px 17px;text-decoration:none;transition:transform .2s,background .2s}.button span{font-size:20px;line-height:0}.button:hover{transform:translateX(4px)}.button-solid{background:var(--green);color:var(--paper)}.button-solid:hover{background:var(--green-dark)}.button-outline{border:1px solid var(--ink);color:var(--ink)}.hero-visual{height:560px;position:relative;display:flex;align-items:center;justify-content:center}.phone{width:292px;height:530px;border:8px solid #202321;border-radius:44px;background:#f7f3eb;box-shadow:0 5px 0 #716f67,8px 10px 0 rgba(43,44,38,.15);padding:18px 22px;position:relative;z-index:2;transform:rotate(1deg)}.phone-top,.phone-nav,.timer,.tabs,.phone-bottom{display:flex;align-items:center;justify-content:space-between}.phone-top{font:500 9px var(--sans);margin-bottom:25px}.island{background:#0e100f;width:74px;height:19px;border-radius:16px}.phone-nav{font:16px var(--serif);margin-bottom:27px}.phone-nav span{font-family:var(--sans);font-size:13px}.recording{color:var(--clay);font-size:11px;text-align:center}.recording span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--clay);margin-right:4px}.waveform{height:86px;display:flex;align-items:center;justify-content:center;gap:3px;margin-top:3px}.waveform i{display:block;width:2px;background:var(--green);height:calc(17px + ((var(--n,1))*4px));border-radius:2px}.waveform i:nth-child(2n){height:44px}.waveform i:nth-child(3n){height:26px}.waveform i:nth-child(4n){height:58px}.timer{font:10px var(--mono);color:#77736a}.stop-button{display:block;margin:17px auto 17px;padding:8px 18px;border:1px solid var(--ink);border-radius:20px;background:transparent;color:var(--ink);font:11px var(--sans)}.phone-divider{border-top:1px solid var(--line)}.tabs{font-size:11px;color:#999083;margin-top:13px;border-bottom:1px solid var(--line);padding-bottom:8px}.tabs .active{color:var(--ink);border-bottom:2px solid var(--green);padding-bottom:9px}.transcript{font:13px/1.6 var(--serif);margin:15px 0;height:116px;overflow:hidden}.phone-bottom{border-top:1px solid var(--line);padding-top:14px;font-size:16px;color:#64665e}.phone-bottom .active-icon{border:1px solid var(--green);border-radius:9px;padding:5px 10px;color:var(--green);margin-top:-6px}.route{position:absolute;border-top:1px dashed #b7aa91;border-radius:50%;width:200px;height:80px;top:40px;left:55px;transform:rotate(7deg)}.route-dot{position:absolute;top:31px;left:254px;width:6px;height:6px;border-radius:50%;background:var(--green)}.build-marker{position:absolute;color:var(--green);right:20px;bottom:97px;width:96px}.marker-line{display:block;width:1px;height:105px;border-left:1px dashed var(--clay);margin-left:18px;margin-bottom:12px;position:relative}.marker-line:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--clay);top:-4px;left:-4px}.current{border:1px solid var(--line);min-height:145px;margin-top:16px;padding:28px 48px;display:flex;align-items:center;gap:32px;position:relative}.current:before,.current:after{content:"";position:absolute;width:9px;height:9px;border-color:var(--clay);border-style:solid}.current:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.current:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.current-icon{width:104px;height:104px;flex:0 0 104px;background:var(--green);border-radius:26px;display:flex;align-items:center;justify-content:center;gap:5px}.current-icon span{width:4px;border-radius:3px;background:var(--paper);height:35px}.current-icon span:nth-child(2){height:54px}.current-icon span:nth-child(3){height:76px}.current-icon span:nth-child(4){height:47px}.current-icon span:nth-child(5){height:28px}.label{margin:0 0 8px}.label-clay{color:var(--clay)}.current h2{font:400 40px/.95 var(--serif);margin:0 0 10px}.current p:last-child{margin:0;max-width:390px;font-size:16px}.current-arrow{margin-left:auto;color:var(--green);font-size:34px;text-decoration:none}.projects{padding:86px 8px 0}.section-heading{display:flex;align-items:center;gap:14px;margin-bottom:28px}.section-heading h2{color:var(--green);margin:0}.heading-line{height:1px;background:var(--line);flex:1}.heading-dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--clay)}.project-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.project-card{min-height:375px;border:1px solid var(--line);padding:22px 19px 18px;position:relative;color:var(--ink);text-decoration:none;transition:transform .2s,background .2s}.project-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.2)}.project-art{width:100px;height:100px;border-radius:25px;margin:0 auto 27px;display:flex;align-items:center;justify-content:center;position:relative}.art-murmur{background:#3a5543}.art-murmur span{width:30px;border-top:2px solid var(--paper);transform:rotate(8deg);position:absolute}.art-murmur span:last-child{transform:rotate(-8deg);margin-top:20px}.art-reef{background:#66808a}.art-reef span{width:38px;height:52px;border-left:2px solid var(--paper);border-radius:50%;transform:rotate(30deg);position:relative}.art-reef span:after,.art-reef span:before{content:"";position:absolute;border-left:2px solid var(--paper);height:25px;left:7px;top:6px;transform:rotate(-24deg)}.art-reef span:before{left:18px;top:25px;transform:rotate(45deg)}.art-ledgr{background:#ddd2b9}.art-ledgr span{width:50px;height:34px;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);position:relative}.art-ledgr span:after{content:"";position:absolute;width:33px;border-top:3px solid var(--ink);top:13px;left:0}.art-ritual{background:#9a603f}.art-ritual span{width:52px;height:52px;border:2px solid var(--paper);border-radius:50%}.art-think{background:var(--green);gap:4px}.art-think span{height:35px;width:3px;background:var(--paper);border-radius:3px}.art-think span:nth-child(2){height:55px}.art-think span:nth-child(3){height:27px}.project-card h3{font:400 27px/1 var(--serif);margin:0 0 16px}.project-card p{font-size:13px;line-height:1.55;margin:0 0 22px;min-height:60px}.project-meta{display:flex;flex-direction:column;gap:4px;color:#76756b;font-size:9px}.project-meta span:last-child{color:var(--green)}.card-arrow{position:absolute;bottom:16px;right:16px;font-size:20px;color:var(--green)}.experiments{padding:90px 8px 0}.section-intro{margin:-5px 0 27px;max-width:500px;color:var(--muted)}.experiment-list{border:1px solid var(--line);padding:25px 20px;display:grid;grid-template-columns:repeat(3,1fr)}.experiment-list>div{padding:8px 27px;min-height:120px;border-right:1px solid var(--line);text-align:center}.experiment-list>div:last-child{border-right:0}.experiment-glyph{display:block;width:42px;height:42px;margin:0 auto 10px;position:relative}.glyph-field{background:radial-gradient(var(--green) 1px,transparent 1.5px);background-size:8px 8px}.glyph-pair:before,.glyph-pair:after{content:"";position:absolute;width:25px;height:25px;border:1px solid var(--green);border-radius:50%;top:7px}.glyph-pair:before{left:2px}.glyph-pair:after{right:2px}.glyph-archive{border:1px dashed var(--green);border-radius:50%}.experiment-list h3{font:400 22px var(--serif);margin:0 0 2px}.experiment-list p{font-size:12px;color:var(--muted);margin:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:100px 28px 90px}.about-copy{position:relative;padding-left:46px;max-width:580px}.about-marker{position:absolute;left:0;top:3px;width:1px;height:230px;border-left:1px dashed var(--clay)}.about-marker span{display:block;width:8px;height:8px;background:var(--clay);border-radius:50%;position:absolute;left:-4px;top:30px}.about h2{font:400 clamp(40px,4.5vw,61px)/.95 var(--serif);letter-spacing:-.03em;margin:0}.about .hero-rule{margin:22px 0 18px}.about p{max-width:500px;color:var(--muted);margin:0 0 12px}.about .about-lede{color:var(--green);font-weight:600;margin-bottom:16px}.map-art{height:250px;position:relative;overflow:hidden;background:linear-gradient(12deg,transparent 23%,rgba(180,105,50,.07) 24%,transparent 25%),linear-gradient(162deg,transparent 38%,rgba(49,75,59,.06) 39%,transparent 40%)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(49,75,59,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(49,75,59,.09) 1px,transparent 40%);background-size:70px 70px;opacity:.45;transform:rotate(-7deg) scale(1.25)}.map-path{position:absolute;inset:30px 20px 40px;z-index:2;border-top:2px dashed var(--green);border-radius:50%;transform:rotate(-12deg)}.map-path:before,.map-path:after{content:"";position:absolute;width:12px;height:12px;border:2px solid var(--green);border-radius:50%;background:var(--paper);top:-7px}.map-path:before{left:10%}.map-path:after{right:8%;background:var(--green);border-radius:0;transform:rotate(45deg)}.footer{border-top:1px solid var(--line);padding:26px 28px 45px;display:flex;justify-content:space-between;align-items:flex-end}.footer-brand{font-size:22px}.footer p{font:12px var(--serif);margin:8px 0 0;color:var(--muted)}.footer-nav{gap:34px}@media(max-width:900px){.hero{padding-inline:30px}.project-grid{grid-template-columns:repeat(3,1fr)}.project-card:last-child{grid-column:span 3}.hero h1{font-size:clamp(52px,8vw,75px)}}@media(max-width:640px){.section-wrap,.site-header{width:calc(100% - 36px)}.site-header{height:78px}.brand{font-size:21px}.brand-mark{width:21px;height:21px}.brand-mark:before,.brand-mark:after{height:26px;left:9px}.brand-mark span{left:7px;top:7px}.nav{gap:18px}.nav a{font-size:12px}.hero{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:65px 0 35px;min-height:auto}.hero h1{font-size:clamp(52px,15vw,76px)}.lede{font-size:16px}.hero-visual{width:100%;height:475px;margin-top:10px}.phone{transform:rotate(1deg) scale(.83)}.route,.route-dot{display:none}.build-marker{right:0;bottom:55px}.current{padding:22px;gap:16px;align-items:flex-start}.current-icon{width:70px;height:70px;flex-basis:70px;border-radius:18px}.current-icon span{height:24px!important}.current-icon span:nth-child(3){height:43px!important}.current h2{font-size:31px}.current p:last-child{font-size:14px}.current-arrow{font-size:27px}.projects,.experiments{padding-top:64px}.project-grid{grid-template-columns:1fr 1fr;gap:10px}.project-card{min-height:325px;padding:16px 13px}.project-card:last-child{grid-column:span 2}.project-art{width:74px;height:74px;border-radius:19px;margin-bottom:20px}.project-card h3{font-size:23px;margin-bottom:11px}.project-card p{font-size:12px;min-height:76px}.project-meta{font-size:8px}.experiment-list{grid-template-columns:1fr;padding:10px 18px}.experiment-list>div{border-right:0;border-bottom:1px solid var(--line);padding:18px 10px}.experiment-list>div:last-child{border-bottom:0}.about{grid-template-columns:1fr;gap:30px;padding:75px 0 65px}.about-copy{padding-left:32px}.about-marker{height:100%}.about h2{font-size:44px}.map-art{height:180px}.footer{padding-inline:0;align-items:flex-start;gap:22px}.footer-nav{gap:15px;flex-direction:column}.footer-nav a{font-size:12px}}
@media (prefers-color-scheme: dark){:root{--paper:#242b25;--paper-deep:#1d241f;--ink:#f2eee3;--muted:#b9bbae;--green:#b9c9a7;--green-dark:#d2dfc2;--clay:#d79a67;--line:#596052}body:before{opacity:.08;mix-blend-mode:screen}.paper-grain{opacity:.06}.lede{color:var(--muted)}.project-meta{color:#c1c5b7}.project-meta span:last-child{color:var(--green)}.phone{background:#ece7db;color:#1c211d}.phone .phone-bottom{color:#64665e}.phone .phone-nav,.phone .transcript,.phone .phone-top,.phone .timer,.phone .tabs,.phone .stop-button{color:#1c211d}.phone .phone-divider,.phone .tabs{border-color:#b6ae9e}.phone .tabs .active{color:#1c211d}.button-outline{border-color:var(--ink)}.button-solid{color:#1c211d;background:var(--green)}.button-solid:hover{background:var(--green-dark)}.art-ledgr{background:#cdbf9d}.art-murmur{background:#3d6048}.art-think,.current-icon{background:#3d6048}.art-reef{background:#7596a0}.art-ritual{background:#ae724f}.map-path:before{background:var(--paper)}.brand-mark i{background:var(--paper)}}
@media (prefers-color-scheme: light){.timer{color:#5f5c55}.tabs{color:#716d63}.project-meta{color:#5c5e56}}

/* Murmur is the primary project: give it a distinct, spacious lead card. */
.project-grid{grid-template-columns:repeat(4,1fr)}
.project-card.featured-card{grid-column:span 2;min-height:430px;padding:28px 26px 20px;background:rgba(49,75,59,.045)}
.featured-card .project-art{width:142px;height:142px;border-radius:34px;margin-bottom:31px}
.featured-card .art-murmur span{width:46px;border-width:3px}
.featured-card .art-murmur span:last-child{margin-top:28px}
.featured-card h3{font-size:40px;margin-bottom:18px}
.featured-card p{font-size:16px;max-width:360px;min-height:0}
.featured-card .card-arrow{font-size:28px;bottom:20px;right:22px}

@media(max-width:900px){
  .project-grid{grid-template-columns:repeat(3,1fr)}
  .project-card.featured-card{grid-column:span 2}
}

@media(max-width:640px){
  .project-grid{grid-template-columns:1fr 1fr}
  .project-card.featured-card{grid-column:span 2;min-height:375px;padding:22px 20px 18px}
  .featured-card .project-art{width:100px;height:100px;border-radius:25px;margin-bottom:23px}
  .featured-card .art-murmur span{width:34px;border-width:2px}
  .featured-card .art-murmur span:last-child{margin-top:21px}
  .featured-card h3{font-size:32px}
  .featured-card p{font-size:14px}
}

/* Murmur is a macOS app: replace the mobile preview with a quiet desktop dictation scene. */
.macbook{width:540px;position:relative;z-index:2;transform:rotate(1deg);filter:drop-shadow(8px 12px 0 rgba(43,44,38,.16))}
.macbook-screen{height:330px;padding:12px;border:8px solid #202321;border-bottom-width:10px;border-radius:18px 18px 7px 7px;background:#202321}
.macbook-topbar{height:24px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;background:#f7f3eb;color:#67665d;font:10px var(--mono);border-radius:4px 4px 0 0}
.traffic-lights{color:var(--clay);font-size:8px;letter-spacing:2px}
.macbook-workspace{height:272px;position:relative;background:#f7f3eb;border-top:1px solid var(--line);overflow:hidden}
.workspace-sidebar{position:absolute;inset:0 auto 0 0;width:66px;border-right:1px solid var(--line);padding:32px 18px}
.workspace-sidebar span{display:block;width:27px;height:5px;margin-bottom:15px;background:var(--line);opacity:.75}
.workspace-sidebar span:first-child{background:var(--green);height:7px}
.workspace-note{position:absolute;left:112px;top:52px;width:210px}
.note-line{display:block;width:160px;height:5px;margin:0 0 15px;background:#b8b4a8;border-radius:3px}
.note-line-long{width:205px;height:8px;background:var(--green)}
.note-line-short{width:104px}
.dictation-pill{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:10px;transform:translate(-50%,-50%);padding:12px 18px;border:1px solid #c8c0b0;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 5px 18px rgba(43,44,38,.12);color:var(--ink);font:11px var(--mono);white-space:nowrap}
.dictation-dot{width:8px;height:8px;border-radius:50%;background:var(--clay);box-shadow:0 0 0 4px rgba(143,85,43,.12)}
.dictation-wave{font:20px/0 var(--serif);color:var(--green);margin-left:3px}
.macbook-base{height:18px;position:relative;margin:0 -28px;background:linear-gradient(#aaa79e,#77756e);border-radius:0 0 12px 12px;box-shadow:0 4px 0 #5c5a54}
.macbook-notch{position:absolute;left:50%;top:0;width:86px;height:5px;transform:translateX(-50%);background:#77756e;border-radius:0 0 6px 6px}

@media(max-width:640px){
  .macbook{width:440px;transform:rotate(1deg) scale(.73);transform-origin:center top;margin-bottom:-75px}
  .hero-visual{height:390px}
}