:root{--paper:#eee8d9;--ink:#142c22;--dark:#10291f;--muted:#b6c8b7}body{background:var(--paper)}.header{height:100px}.hero{padding-top:65px;padding-bottom:75px}.hero h1{font-size:clamp(68px,8.3vw,114px)}.hero-lead{font-size:23px;max-width:510px}.hero-copy{max-width:485px;font-size:16px;line-height:1.7}.hero-art{padding-top:185px}.hero-terminal{background:#214735;box-shadow:0 24px 50px #06130d66;border:1px solid #607754;border-radius:5px;padding:24px;transform:rotate(2deg)}.terminal-title{font-size:27px}.terminal-row{padding:16px 0}.hero-note{font-size:11px}.header .brand small{letter-spacing:.03em}.services{padding:105px 0 65px}.services .section-head{gap:90px;margin-bottom:42px}.services .section-head p{font-size:17px;color:#536052}.service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:35px;align-items:start}.service{border-top:1px solid #a9b5a0;padding:0}.service summary{list-style:none;display:flex;align-items:center;gap:12px;padding:24px 0;cursor:pointer;font-size:17px;font-weight:500;line-height:1.35}.service summary::-webkit-details-marker{display:none}.service-number{font:10px var(--mono);color:#78836c;align-self:center}.expand{margin-left:auto;font:22px var(--mono);font-weight:400;color:#9a653b}.service[open] .expand{transform:rotate(45deg)}.service summary:hover{color:#955a2c}.service summary:focus-visible{outline:2px solid #aa673c;outline-offset:3px}.service-detail{padding:0 14px 25px 27px}.service-detail h3{font-size:20px;letter-spacing:-.03em;margin-bottom:12px}.service-detail p{color:#52604f;font-size:14px;line-height:1.7}.services-foot{display:flex;justify-content:space-between;gap:25px;margin-top:24px;font-size:12px;color:#66745b}.services-foot a{border-bottom:1px solid #a6ad96;color:#263b2b}.portfolio{background:var(--paper);color:var(--ink);overflow:hidden;padding:80px 0 55px}.portfolio:before{display:none}.portfolio .wrap{position:relative}.portfolio-head{max-width:700px;margin-bottom:58px}.portfolio-head:after{display:none}.portfolio h2{font-size:clamp(37px,4.6vw,58px)}.portfolio h2 em{color:#406344}.portfolio .eyebrow{color:#6a775b}.portfolio-intro{color:#5d6958;font-size:16px;max-width:525px}.portfolio-dots{margin-top:18px}.portfolio-dots i:nth-child(2){background:#8d9e61}.work-orbit{position:absolute;top:-85px;left:-20%;width:140%;height:190px;pointer-events:none;z-index:-1;opacity:.65}.work-orbit path{fill:none;stroke:#b59269;stroke-width:1}.work-orbit path+path{stroke:#7e9257}.work-orbit circle{fill:#c88550}.case-grid{gap:50px 35px;align-items:start}.case-card:nth-child(even){padding-top:45px}.case-media{background:#1a382a;border:0;min-height:310px;box-shadow:0 16px 26px #23332416;transition:transform .25s;overflow:hidden}.capture-mosaic{padding-top:23px}.capture-mosaic img{border-color:#e8e9dc}.case-poppy{z-index:-1;top:-40px;left:-62px;width:245px;opacity:.75}.case-meta{color:var(--ink);gap:12px;justify-content:flex-start;padding:18px 0 0}.case-meta strong{font-size:19px}.case-meta span{font:10px var(--mono);color:#67745e;text-align:left}.work-arrow{margin-left:auto;color:#9a663e;font-size:22px;font-weight:400}.work-reveal{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:center;padding:35px;background:rgba(12,35,25,.97);color:#faf5e5;opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s;pointer-events:none}.work-reveal h3{font-size:29px;max-width:410px}.work-reveal p{color:#d9e3d3;font-size:16px;margin:18px 0;max-width:400px}.work-reveal span{color:#d5f45b;font:12px var(--mono);margin-top:5px}.case-card:hover .work-reveal,.case-card:focus-visible .work-reveal{opacity:1;transform:none}.case-card:hover .case-media{transform:translateY(-3px)}.case-card:focus-visible{outline:3px solid #b67746;outline-offset:8px}.case-meta .work-arrow{display:inline}.personal{border-top:1px solid #b6bfaa;padding:85px 0 95px;margin-top:45px;display:grid;grid-template-columns:.65fr 1.35fr;gap:95px}.personal-label{padding-top:8px}.handwritten{display:block;font:italic 34px/1.2 Georgia,serif;color:#9a653e;margin:28px 0;transform:rotate(-3deg)}.personal-location{display:block;font:11px/1.9 var(--mono);color:#6a775f;margin-top:40px}.personal-letter h2{margin-bottom:30px;font-size:clamp(38px,4.5vw,56px)}.personal-letter h2 em{color:#406344}.personal-letter p{font-size:18px;line-height:1.8;max-width:680px;margin-bottom:22px;color:#3e5141}.signature{display:block;font:italic 30px Georgia,serif;margin:30px 0 18px;color:#9a653e}.personal-letter .text-link{font-size:14px}.d-contact{position:relative;overflow:hidden;background:#10291f;color:#eee8d9;padding:90px 0 75px}.d-contact>.wrap{display:grid;grid-template-columns:1.5fr .5fr;gap:30px;align-items:center}.d-contact h2{font-size:clamp(43px,5vw,65px);margin:22px 0}.d-contact p{max-width:630px;color:#c1d1bf;margin:0 0 28px}.d-contact .button{margin-right:22px}.contact-email{display:inline-block;font-size:14px;border-bottom:1px solid #718265;padding:8px 0}.footer-art{position:relative;align-self:stretch;min-height:300px}.footer-art img{position:absolute;left:0;bottom:-110px;width:300px;max-width:none;transform:rotate(14deg);opacity:.8}.footer-art:after{content:'';position:absolute;width:360px;height:360px;border:1px solid #a2b36b77;border-radius:50%;left:-80px;top:0;transform:rotate(-20deg) scaleX(1.4)}.orbit-dot{position:absolute;width:11px;height:11px;border-radius:50%;background:#eb965c;top:3px;left:125px}.orbit-dot.second{width:5px;height:5px;top:35px;left:200px;background:#d5f45b}.footer{background:#10291f;color:#b7c8b2;border-top:1px solid #4e6747;padding:25px 0}.footer .wrap{font-size:11px}.versions{display:flex;gap:15px;font-family:var(--mono)}.versions a{padding:0 3px}.versions a[aria-current]{color:#d5f45b;border-bottom:1px solid #d5f45b}.detail-page .showcase,.detail-page .second-sites,.detail-page .web-philosophy,.detail-page .face-brains,.detail-page .detail-body{background:var(--paper);color:var(--ink)}.detail-page .showcase{padding-top:30px;padding-bottom:45px}.detail-page .showcase .intro,.detail-page .showcase figcaption{color:#5c6c58}.detail-page .showcase h2 em,.detail-page .face-brains h2 em{color:#476345}.detail-page .web-gallery img{box-shadow:0 12px 28px #142c221a}.detail-page .second-sites,.detail-page .face-brains{padding-top:50px;padding-bottom:50px}.detail-page .contact{background:#10291f;color:var(--paper)}.detail-page .brand-note{padding:55px 0;border-top:1px solid #b6bfaa;border-bottom:1px solid #b6bfaa}.brand-note h2{font-size:43px;margin:18px 0 25px}.brand-note p{max-width:800px;font-size:18px;line-height:1.8;color:#4b5e4c}.detail-page .process-grid>div{background:transparent}.detail-page .web-intro{background:#10291f}.detail-page .detail-hero{background:#10291f}.detail-page .detail-visual{background:transparent}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-reveal,.case-media{transition:none}}
@media(max-width:1000px){.service-list{grid-template-columns:repeat(2,minmax(0,1fr))}.personal{gap:50px}.case-meta{flex-wrap:wrap}.case-meta span{width:75%}.work-arrow{position:absolute;right:0;top:17px}.nav{gap:20px}}
@media(max-width:760px){.header{height:78px}.hero{padding:20px 0 42px}.hero-grid{gap:12px}.hero-art{padding-top:0}.hero h1{font-size:68px}.hero .hero-lead{font-size:19px;margin-top:18px}.hero-copy{font-size:14px;line-height:1.65;margin-top:16px}.hero .eyebrow{font-size:9px}.hero-note{font-size:10px}.hero .actions{gap:15px;margin-top:24px}.hero .actions .text-link{font-size:12px}.hero-terminal{display:none}.services{padding:60px 0 35px}.services .section-head{gap:20px;margin-bottom:30px}.services .section-head p{font-size:16px}.service-list{grid-template-columns:1fr}.service summary{padding:20px 0;font-size:18px}.services-foot{flex-direction:column;align-items:flex-start;gap:13px}.portfolio{padding:65px 0 30px}.portfolio-head{margin-bottom:45px}.portfolio-intro{font-size:15px}.case-grid{gap:35px}.case-card:nth-child(even){padding-top:0}.case-media{min-height:260px}.case-meta{padding-top:14px}.case-meta strong{font-size:19px}.case-meta span{font-size:9px}.case-poppy{top:-25px;left:-38px;width:190px}.work-orbit{top:-75px;height:150px}.personal{grid-template-columns:1fr;gap:30px;padding:50px 0 65px;margin-top:30px}.handwritten{font-size:29px;margin:20px 0;transform:rotate(-2deg)}.personal-location{display:none}.personal-letter p{font-size:16px;margin-bottom:20px}.personal-letter h2{font-size:40px}.d-contact{padding:65px 0}.d-contact>.wrap{display:block}.d-contact h2{font-size:43px}.d-contact p{font-size:16px}.footer-art{display:none}.footer .wrap{align-items:flex-start;gap:20px}.brand-note h2{font-size:36px}.brand-note p{font-size:16px}.detail-page .web-gallery .mobile-combo{grid-template-columns:1fr .35fr}}
@media(hover:none){.work-reveal{display:none}.case-meta:after{content:'View project →';display:block;width:100%;font:11px var(--mono);color:#7b522f;margin-top:8px}.case-card:hover .case-media{transform:none}}