:root{--paper:#f2efe8;--ink:#1c1d1a;--muted:#6d6d65;--line:#c9c5bb;--accent:#e85d3f;--moss:#334b3d;--cream:#e6dcc9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 Manrope,sans-serif;-webkit-font-smoothing:antialiased}body:before{position:fixed;inset:0;z-index:10;pointer-events:none;content:"";opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:100;padding:.7rem 1rem;color:#fff;background:var(--ink);transform:translateY(-150%)}.skip-link:focus{transform:none}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.site-header{position:fixed;top:0;left:0;z-index:20;display:flex;width:100%;align-items:center;justify-content:space-between;padding:1.25rem clamp(1.25rem,4vw,4rem);transition:.25s}.site-header.is-scrolled{border-bottom:1px solid #1c1d1a1f;background:#f2efe8e6;backdrop-filter:blur(14px)}.brand{font-size:1.2rem;font-weight:700;text-decoration:none;letter-spacing:-.06em}.brand span{color:var(--accent)}.site-menu{display:flex;align-items:center;gap:2rem;margin:0;padding:0;list-style:none}.site-menu a{position:relative;font-size:.8rem;font-weight:600;text-decoration:none}.site-menu a:not(.nav-cta):after{position:absolute;right:0;bottom:-.35rem;left:0;height:1px;content:"";background:var(--ink);transform:scaleX(0);transform-origin:right;transition:transform .25s}.site-menu a:hover:after{transform:scaleX(1);transform-origin:left}.nav-cta{display:inline-block;padding:.65rem 1rem;border:1px solid var(--ink);transition:.2s}.nav-cta:hover{color:var(--paper);background:var(--ink);transform:translateY(-2px)}.nav-cta:active{transform:scale(.98)}.menu-toggle{display:none}
.hero{position:relative;display:grid;min-height:100dvh;padding:clamp(8rem,15vh,11rem) clamp(1.25rem,6vw,6rem) 4rem;align-content:space-between;overflow:hidden}.hero:after{position:absolute;top:12%;right:-10vw;width:36vw;height:36vw;border:1px solid var(--line);border-radius:50%;content:""}.eyebrow,.section-number,.project-count{font:500 .72rem "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:.6rem}.status-dot{width:.55rem;height:.55rem;border-radius:50%;background:#4e845e;box-shadow:0 0 0 .3rem #4e845e1f}.hero h1{position:relative;z-index:1;max-width:11ch;margin:clamp(3rem,10vh,7rem) 0 3rem;font-size:clamp(4rem,11.5vw,11rem);line-height:.82;letter-spacing:-.075em;text-wrap:balance}h1 em,h2 em{font-family:Newsreader,serif;font-weight:500}.hero-footer{display:flex;max-width:1280px;align-items:end;justify-content:space-between;gap:3rem}.hero-footer p{max-width:38rem;margin:0;font-size:clamp(1.05rem,1.7vw,1.4rem);line-height:1.5}.text-link{display:inline-flex;align-items:center;gap:.75rem;padding-bottom:.2rem;border-bottom:1px solid;font-size:.82rem;font-weight:700;text-decoration:none;transition:.2s}.text-link:hover{gap:1.1rem;color:var(--accent)}.hero-index{position:absolute;right:clamp(1.25rem,4vw,4rem);bottom:2rem;font:500 .7rem "DM Mono",monospace;writing-mode:vertical-rl}
.capability-strip{overflow:hidden;border-block:1px solid var(--ink);color:var(--paper);background:var(--ink)}.marquee-track{display:flex;width:max-content;align-items:center;gap:2rem;padding:.9rem 0;animation:marquee 28s linear infinite;font:400 .72rem "DM Mono",monospace;text-transform:uppercase}.marquee-track i{color:var(--accent);font-size:.55rem}@keyframes marquee{to{transform:translateX(-50%)}}
.section{max-width:1440px;margin:auto;padding:clamp(6rem,12vw,11rem) clamp(1.25rem,6vw,6rem)}.section-heading{display:grid;grid-template-columns:minmax(10rem,1fr) 3fr;margin-bottom:clamp(5rem,10vw,9rem)}.section-number{color:var(--muted)}.section h2,.contact h2{max-width:12ch;margin:0;font-size:clamp(3rem,7vw,7rem);line-height:.92;letter-spacing:-.06em;text-wrap:balance}
.project{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(18rem,.75fr);gap:clamp(2rem,5vw,6rem);align-items:center}.project-visual{position:relative;display:block;min-height:34rem;overflow:hidden;color:inherit;text-decoration:none}.project-visual:after{position:absolute;inset:0;border:1px solid #ffffff40;content:"";pointer-events:none}.project-visual--property{display:grid;place-items:center;padding:clamp(2rem,5vw,5rem);background:#bfc7bb}.browser-frame{width:100%;max-width:48rem;overflow:hidden;background:#faf8f1;box-shadow:0 2.5rem 5rem #323c3233;transform:rotate(-2deg);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.project-visual:hover .browser-frame{transform:rotate(0) scale(1.02)}.browser-bar{display:flex;gap:.35rem;padding:.65rem;border-bottom:1px solid #ddd9cf}.browser-bar span{width:.4rem;height:.4rem;border-radius:50%;background:#b9b4a9}.property-ui{min-height:23rem;padding:2.5rem;background:linear-gradient(120deg,#fffffff5 48%,#d0c4ac8c),url('../img/background.jpg') center/cover}.property-ui p,.project-visual>p{font:400 .65rem "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.property-ui strong{display:block;max-width:10ch;margin-top:2rem;font:500 clamp(2rem,4vw,4rem)/.9 Newsreader,serif}.property-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:.5rem;margin-top:3rem}.property-grid span{height:3.5rem;background:#d5d9ce}.project-copy h3{margin:1rem 0 1.5rem;font-size:clamp(2rem,3.5vw,3.5rem);line-height:1;letter-spacing:-.045em}.project-copy>p:not(.project-count){max-width:32rem;color:var(--muted)}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0;padding:0;list-style:none}.tag-list li{padding:.35rem .65rem;border:1px solid var(--line);font:400 .65rem "DM Mono",monospace}.project-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,6vw,7rem);margin-top:clamp(7rem,14vw,13rem)}.project-card{display:block}.project-card--offset{margin-top:8rem}.project-card .project-visual{min-height:32rem;margin-bottom:2.5rem}.project-visual--mavuno{display:grid;place-items:center;color:#edf0e6;background:var(--moss)}.project-visual--mavuno>p,.project-visual--secure>p{position:absolute;right:1.5rem;bottom:1rem}.weather-orbit{display:grid;width:min(60%,20rem);aspect-ratio:1;place-items:center;border:1px solid #ffffff4d;border-radius:50%;transition:transform .8s}.weather-orbit:before,.weather-orbit:after{position:absolute;border:1px solid #ffffff26;border-radius:50%;content:""}.weather-orbit:before{width:72%;height:72%}.weather-orbit:after{width:38%;height:38%;border:0;background:var(--accent)}.weather-orbit span{z-index:1;font:400 2rem "DM Mono",monospace}.project-visual:hover .weather-orbit{transform:rotate(25deg) scale(1.05)}.project-visual--secure{display:grid;place-items:center;padding:3rem;color:#f0eee8;background:#23242a}.secure-window{display:grid;width:min(100%,30rem);min-height:18rem;grid-template-columns:32% 1fr;border:1px solid #494a51;background:#18191d;box-shadow:0 2rem 4rem #0005;transition:transform .4s}.project-visual:hover .secure-window{transform:translateY(-.5rem)}.secure-sidebar{display:flex;flex-direction:column;gap:1rem;padding:2rem 1rem;border-right:1px solid #34353a}.secure-sidebar span,.secure-chat span{display:block;height:.65rem;background:#34353a}.secure-sidebar span:first-child{background:var(--accent)}.secure-chat{display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:2rem}.secure-chat span{width:72%;height:2.4rem;border-radius:.25rem}.secure-chat span:nth-child(2){width:62%;align-self:end;background:#41444e}
.impact{display:grid;max-width:none;grid-template-columns:minmax(18rem,.75fr) 1.25fr;gap:clamp(4rem,9vw,10rem);color:var(--paper);background:var(--ink)}.impact-intro{position:sticky;top:8rem;align-self:start}.impact-intro .section-number{color:#aaa99f}.impact-intro h2{margin:1.5rem 0 2rem;font-size:clamp(3rem,5.5vw,6rem)}.impact-intro>p:last-child{max-width:34rem;color:#aaa99f}.impact-list{border-top:1px solid #55564f}.impact-item{display:grid;grid-template-columns:3rem 1.2fr 1fr;gap:1rem;padding:2.5rem 0;border-bottom:1px solid #55564f;align-items:baseline}.impact-item span,.impact-item strong{font:400 .65rem "DM Mono",monospace;text-transform:uppercase}.impact-item h3,.impact-item p{margin:0}.impact-item h3{font-size:1.35rem}.impact-item p{color:#aaa99f}.impact-item strong{grid-column:2/-1;color:var(--accent)}
.process-list{margin:0;padding:0;border-top:1px solid var(--line);list-style:none}.process-list li{display:grid;grid-template-columns:1fr 1.2fr 2fr;gap:2rem;padding:2.5rem 0;border-bottom:1px solid var(--line)}.process-list span{font-family:"DM Mono",monospace;color:var(--accent)}.process-list h3,.process-list p{margin:0}.process-list h3{font-size:1.5rem}.process-list p{max-width:36rem;color:var(--muted)}
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,9vw,10rem);align-items:center}.portrait-panel{position:relative;display:grid;min-height:38rem;place-items:center;overflow:hidden;background:var(--cream)}.portrait-panel:before{position:absolute;width:80%;aspect-ratio:1;border:1px solid #b8aa91;border-radius:50%;content:""}.portrait-initials{z-index:1;font:italic 500 clamp(6rem,13vw,12rem) Newsreader,serif;letter-spacing:-.09em}.portrait-caption{position:absolute;right:1.5rem;bottom:1rem;font:400 .62rem "DM Mono",monospace;text-transform:uppercase}.about-copy h2{margin:1.5rem 0 2.5rem;font-size:clamp(3rem,5.5vw,6rem)}.about-copy>p:not(.section-number){max-width:40rem;color:var(--muted);font-size:1.05rem}.toolkit{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2.5rem}.toolkit span{padding:.45rem .75rem;border:1px solid var(--line);font:400 .68rem "DM Mono",monospace}
.contact{padding:clamp(6rem,12vw,11rem) clamp(1.25rem,6vw,6rem) 5rem;color:var(--paper);background:var(--accent)}.contact .section-number{color:#ffffffb3}.contact h2{max-width:12ch;margin:2rem 0 clamp(5rem,10vw,9rem);font-size:clamp(4rem,10vw,10rem)}.contact-row{display:flex;align-items:end;justify-content:space-between;gap:3rem;padding-top:1.5rem;border-top:1px solid #ffffff73}.contact-email{font-size:clamp(1rem,2.3vw,1.8rem);font-weight:600;text-decoration:none}.contact-email span{display:inline-block;transition:transform .2s}.contact-email:hover span{transform:translate(.25rem,-.25rem)}.social-links{display:flex;gap:1.5rem}.social-links a{font-size:.8rem;font-weight:700;text-decoration:none}.social-links a:hover{text-decoration:underline;text-underline-offset:.35rem}footer{display:flex;justify-content:space-between;gap:2rem;padding:1.25rem clamp(1.25rem,6vw,6rem);color:#aaa99f;background:var(--ink);font:400 .62rem "DM Mono",monospace;text-transform:uppercase}footer p{margin:0}footer a{text-decoration:none}
.reveal{opacity:0;transform:translateY(2rem);transition:opacity .75s,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}.reveal{opacity:1;transform:none;transition:none}*,*:before,*:after{transition-duration:.01ms!important}}
@media(max-width:820px){.menu-toggle{display:flex;align-items:center;gap:.75rem;border:0;background:none;font:600 .8rem Manrope,sans-serif}.menu-lines,.menu-lines:after{display:block;width:1.25rem;height:1px;background:var(--ink);content:"";transition:transform .2s}.menu-lines:after{transform:translateY(.35rem)}.menu-toggle[aria-expanded=true] .menu-lines{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-lines:after{transform:rotate(-90deg)}.site-menu{position:fixed;top:4.5rem;right:1rem;left:1rem;display:none;align-items:stretch;padding:1.5rem;border:1px solid var(--line);background:var(--paper);box-shadow:0 1.5rem 3rem #1c1d1a1f}.site-menu.is-open{display:grid}.site-menu a{display:block;padding:.6rem;font-size:1rem}.nav-cta{margin-top:.5rem;text-align:center}.hero{min-height:90dvh}.hero h1{max-width:9ch;font-size:clamp(4rem,18vw,8rem)}.hero-footer,.contact-row{align-items:start;flex-direction:column}.section-heading,.project,.impact,.about{grid-template-columns:1fr}.section-heading{gap:2rem}.project-visual{min-height:25rem}.project-pair{grid-template-columns:1fr}.project-card--offset{margin-top:3rem}.impact-intro{position:static}.process-list li{grid-template-columns:2.5rem 1fr}.process-list p{grid-column:2}.portrait-panel{min-height:28rem}}
@media(max-width:520px){.hero{padding-top:7rem}.hero h1{font-size:3.8rem}.hero-index{display:none}.section{padding-block:6rem}.project-visual,.project-card .project-visual{min-height:20rem}.project-visual--property{padding:1.25rem}.property-ui{min-height:17rem;padding:1.5rem}.property-grid{margin-top:2rem}.project-pair{margin-top:7rem}.impact-item{grid-template-columns:2rem 1fr}.impact-item p{grid-column:2}.contact h2{font-size:3.8rem}.contact-email{overflow-wrap:anywhere}footer{flex-direction:column;gap:.5rem}}