:root{--ink:#0b0d0c;--ink-soft:#111512;--panel:#171b18;--line:#2a302c;--paper:#f1f1ea;--muted:#a7ada8;--signal:#c8ff3d;--signal-soft:#dcff83;--blue:#80c7ff;--orange:#ff9c62;--max:1320px;--gutter:clamp(1.25rem, 4vw, 4.5rem);--display:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:ui-monospace, "SFMono-Regular", "Cascadia Code", "Roboto Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);color:var(--paper);font-family:var(--display);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}body:before{content:"";pointer-events:none;z-index:20;background-color:#0000;background-image:linear-gradient(90deg,#0000 calc(100% - 1px),#ffffff05 1px),linear-gradient(#0000 calc(100% - 1px),#ffffff05 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;mask-image:linear-gradient(#000,#0000 70%)}::selection{background:var(--signal);color:var(--ink)}a{color:inherit}img{max-width:100%;height:auto;display:block}button,a{-webkit-tap-highlight-color:transparent}.skip-link{z-index:100;background:var(--signal);color:var(--ink);padding:.75rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{width:min(calc(100% - (var(--gutter) * 2)), var(--max));z-index:30;border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;min-height:88px;margin:0 auto;display:grid;position:relative}.wordmark{align-items:center;gap:.8rem;width:fit-content;text-decoration:none;display:inline-flex}.wordmark-mark{background:var(--signal);width:38px;height:38px;color:var(--ink);font:500 .68rem var(--mono);letter-spacing:-.05em;border-radius:50%;place-items:center;display:grid}.wordmark-name{letter-spacing:-.03em;font-weight:700}.site-header nav{align-items:center;gap:clamp(1rem,2.5vw,2.5rem);display:flex}.site-header nav a,.header-contact{color:var(--muted);font:500 .73rem var(--mono);text-transform:uppercase;letter-spacing:.07em;text-decoration:none;transition:color .2s}.site-header nav a:hover,.site-header nav a.active,.header-contact:hover{color:var(--paper)}.header-contact{color:var(--signal);justify-self:end}.shell{width:min(calc(100% - (var(--gutter) * 2)), var(--max));margin-inline:auto}.hero-home{width:min(calc(100% - (var(--gutter) * 2)), var(--max));grid-template-columns:minmax(0,1fr) minmax(280px,31%);align-items:end;gap:clamp(3rem,8vw,9rem);min-height:min(820px,100svh - 88px);margin-inline:auto;padding:clamp(5rem,10vw,9.5rem) 0 3rem;display:grid;position:relative}.hero-home:after{content:"";aspect-ratio:1;background:var(--signal);filter:blur(140px);opacity:.1;pointer-events:none;border-radius:50%;width:clamp(260px,35vw,560px);position:absolute;top:5%;right:4%}.eyebrow,.section-kicker,.project-label,.micro-label{font:500 .72rem var(--mono);color:var(--signal);text-transform:uppercase;letter-spacing:.12em}.eyebrow{align-items:center;gap:.75rem;margin:0 0 1.8rem;display:flex}.eyebrow:before{content:"";background:currentColor;width:2.2rem;height:1px}.hero-home h1{letter-spacing:-.07em;text-wrap:balance;max-width:1050px;margin:0;font-size:clamp(3.5rem,7.5vw,7.75rem);font-weight:600;line-height:.94}.hero-home h1 em{color:var(--signal);font-style:normal}.hero-aside{z-index:2;padding-bottom:.5rem;position:relative}.hero-aside p{color:#c7cbc7;margin:0 0 2rem;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.7}.button-row{flex-wrap:wrap;gap:.7rem;display:flex}.button{border:1px solid var(--line);min-height:50px;color:var(--paper);font:500 .74rem var(--mono);text-transform:uppercase;letter-spacing:.06em;justify-content:center;align-items:center;gap:.7rem;padding:.8rem 1.2rem;text-decoration:none;transition:transform .2s,background .2s,color .2s,border-color .2s;display:inline-flex}.button:hover{border-color:#606862;transform:translateY(-2px)}.button.primary{background:var(--signal);border-color:var(--signal);color:var(--ink)}.button.primary:hover{background:var(--signal-soft)}.button.link{color:var(--signal);border:0;padding-inline:0}.proof-rail{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-grid{width:min(calc(100% - (var(--gutter) * 2)), var(--max));grid-template-columns:repeat(4,1fr);margin-inline:auto;display:grid}.proof-item{border-left:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:142px;padding:1.8rem 1.5rem;display:flex}.proof-item:last-child{border-right:1px solid var(--line)}.proof-item strong{letter-spacing:-.05em;font-size:clamp(1.55rem,2.3vw,2.2rem);font-weight:600;line-height:1}.proof-item span{color:var(--muted);font:.68rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.08em}.section{padding:clamp(6rem,11vw,11rem) 0}.section.compact{padding-block:clamp(4.5rem,8vw,8rem)}.section.paper{background:var(--paper);color:var(--ink)}.section-heading{grid-template-columns:minmax(150px,.52fr) 1.48fr;align-items:start;gap:3rem;margin-bottom:clamp(4rem,7vw,7rem);display:grid}.section-kicker{color:var(--muted);padding-top:.8rem}.section-kicker span{color:var(--signal);margin-right:.7rem}.paper .section-kicker{color:#5e655f}.paper .section-kicker span{color:#4b6800}.section-heading h2{letter-spacing:-.06em;text-wrap:balance;max-width:930px;margin:0;font-size:clamp(2.5rem,5vw,5.3rem);font-weight:600;line-height:1.02}.section-heading p{max-width:700px;color:var(--muted);margin:1.5rem 0 0;font-size:1.1rem}.paper .section-heading p{color:#59605a}.paper .project-label{color:#53605a}.paper .work-row>span,.paper .work-row a{color:#4b6800}.paper .work-row p{color:#505851}.role-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.role-card{border-right:1px solid var(--line);min-height:300px;padding:2.3rem clamp(1.2rem,3vw,2.5rem) 1rem 0}.role-card+.role-card{padding-left:clamp(1.2rem,3vw,2.5rem)}.role-card:last-child{border-right:0}.role-card .number{color:var(--signal);font:.75rem var(--mono)}.role-card h3{letter-spacing:-.04em;margin:5rem 0 1rem;font-size:1.55rem}.role-card p{color:var(--muted);margin:0}.project-stage{color:var(--ink);background:#dce8ee;overflow:hidden}.project-stage.petshots{background:#eee9df}.project-inner{width:min(calc(100% - (var(--gutter) * 2)), var(--max));grid-template-columns:.82fr 1.18fr;align-items:center;gap:clamp(2.5rem,7vw,8rem);min-height:760px;margin-inline:auto;padding-block:clamp(5rem,9vw,9rem);display:grid}.project-label{color:#536168}.project-copy h3{letter-spacing:-.07em;margin:1rem 0 1.5rem;font-size:clamp(3rem,6vw,6.7rem);line-height:.92}.project-copy>p{color:#3e4843;max-width:580px;font-size:clamp(1rem,1.4vw,1.2rem)}.project-facts{flex-wrap:wrap;gap:.5rem;margin:2rem 0;display:flex}.project-facts span{font:.68rem var(--mono);text-transform:uppercase;letter-spacing:.04em;border:1px solid #0b0d0c33;padding:.48rem .7rem}.project-copy .button{color:var(--ink);border-color:#0b0d0c4d}.project-copy .button.primary{color:var(--ink);background:var(--signal);border-color:var(--ink)}.phone-cluster{grid-template-columns:repeat(2,minmax(0,270px));justify-content:center;align-items:center;gap:clamp(1rem,2.5vw,2rem);min-height:590px;display:grid;position:relative}.phone-cluster:before{content:"";filter:blur(1px);background:radial-gradient(circle at 35% 30%,#fffffff2,#80c7ff6b 50%,#0000 70%);border-radius:50%;position:absolute;inset:8% 6%}.phone{background:#080a09;border:1px solid #333a36;border-radius:clamp(31px,3.3vw,48px);width:clamp(190px,19vw,270px);padding:8px;position:relative;box-shadow:0 35px 80px #20364340}.phone img{border-radius:clamp(25px,2.8vw,40px);width:100%}.phone.secondary{margin-top:3rem;position:relative;right:auto;transform:none}.phone.primary-phone{z-index:2;transform:none}.architecture-card{min-height:510px;color:var(--paper);background:#111512;border:1px solid #303630;flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,3vw,2.5rem);display:flex;box-shadow:0 30px 70px #3f35232e}.architecture-head{color:var(--muted);font:.67rem var(--mono);text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;display:flex}.architecture-flow{grid-template-columns:repeat(4,1fr);align-items:center;gap:.7rem;margin-block:3rem;display:grid}.architecture-node{text-align:center;min-height:84px;font:.68rem var(--mono);color:#dfe3df;border:1px solid #3c453e;place-items:center;padding:.8rem;display:grid;position:relative}.architecture-node:not(:last-child):after{content:"→";color:var(--signal);z-index:2;position:absolute;right:-.9rem}.architecture-node.accent{border-color:var(--signal);color:var(--signal)}.architecture-foot{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.architecture-foot div{border-top:1px solid #333b35;padding-top:.8rem}.architecture-foot strong{color:var(--signal);font-size:1.1rem;display:block}.architecture-foot span{color:var(--muted);font:.63rem var(--mono);text-transform:uppercase}.case-grid{grid-template-columns:1.1fr .9fr;gap:clamp(3rem,8vw,9rem);display:grid}.case-intro h3{letter-spacing:-.06em;margin:1rem 0 1.5rem;font-size:clamp(2.5rem,5vw,5rem);line-height:1}.case-intro p{color:var(--muted);max-width:620px;font-size:1.1rem}.case-steps{border-top:1px solid var(--line)}.case-step{border-bottom:1px solid var(--line);grid-template-columns:3rem 1fr;gap:1rem;padding:1.4rem 0;display:grid}.case-step span{color:var(--signal);font:.72rem var(--mono)}.case-step h4{margin:0 0 .35rem;font-size:1rem}.case-step p{color:var(--muted);margin:0;font-size:.9rem}.identity-panel{grid-template-columns:.82fr 1.18fr;min-height:760px;display:grid}.portrait-wrap{background:#b7aa92;min-height:620px;position:relative;overflow:hidden}.portrait-wrap img{object-fit:cover;object-position:center 28%;filter:saturate(.82)contrast(1.03);width:100%;height:100%}.portrait-wrap:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14}.identity-copy{background:var(--signal);color:var(--ink);flex-direction:column;justify-content:space-between;padding:clamp(3rem,7vw,8rem);display:flex}.identity-copy .micro-label{color:#405500}.identity-copy blockquote{letter-spacing:-.06em;margin:2rem 0 4rem;font-size:clamp(2.2rem,4.2vw,4.8rem);font-weight:600;line-height:1.02}.identity-copy p{max-width:660px;margin:0;font-size:1.08rem}.identity-copy .button{border-color:var(--ink);color:var(--ink);width:fit-content;margin-top:2rem}.writing-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.writing-card{background:var(--ink);flex-direction:column;min-height:290px;padding:2rem;text-decoration:none;transition:background .25s;display:flex}.writing-card:hover{background:var(--panel)}.writing-card .micro-label{color:var(--muted)}.writing-card h3{letter-spacing:-.04em;margin:auto 0 1rem;font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.15}.writing-card p{color:var(--signal);font:.7rem var(--mono);text-transform:uppercase;margin:0}.page-hero{width:min(calc(100% - (var(--gutter) * 2)), var(--max));margin-inline:auto;padding:clamp(6rem,12vw,12rem) 0 clamp(4rem,8vw,8rem)}.page-hero h1{letter-spacing:-.075em;max-width:1100px;margin:1.5rem 0 2rem;font-size:clamp(3.8rem,8vw,8.4rem);font-weight:600;line-height:.92}.page-hero .lede{max-width:760px;color:var(--muted);margin:0 0 0 auto;font-size:clamp(1.1rem,1.7vw,1.4rem)}.work-list{border-top:1px solid var(--line)}.work-row{border-bottom:1px solid var(--line);grid-template-columns:5rem .85fr 1.3fr auto;align-items:start;gap:2rem;padding:2.2rem 0;display:grid}.work-row>span{color:var(--signal);font:.7rem var(--mono)}.work-row h3{letter-spacing:-.03em;margin:0;font-size:1.3rem}.work-row p{color:var(--muted);margin:0}.work-row a{color:var(--signal);font:.7rem var(--mono);text-transform:uppercase;white-space:nowrap;text-decoration:none}.profile-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:clamp(3rem,8vw,9rem);display:grid}.profile-sticky{position:sticky;top:2rem}.profile-image{aspect-ratio:4/5;object-fit:cover;object-position:center 22%;width:100%}.profile-copy h2{letter-spacing:-.06em;margin:0 0 2rem;font-size:clamp(2.7rem,5vw,5.2rem);line-height:1}.profile-copy>p{color:var(--muted);font-size:1.12rem}.profile-stack{border-top:1px solid var(--line);margin-top:4rem}.profile-item{border-bottom:1px solid var(--line);grid-template-columns:9rem 1fr;gap:2rem;padding:1.4rem 0;display:grid}.profile-item span{color:var(--signal);font:.68rem var(--mono);text-transform:uppercase}.profile-item p{margin:0}.app-page{max-width:900px}.app-page h1{font-size:clamp(3rem,7vw,6rem)}.app-page h2{margin-top:3rem}.app-page p,.app-page li{color:#c4c9c5}.app-page hr{border:0;border-top:1px solid var(--line);margin:3rem 0}.site-footer{width:min(calc(100% - (var(--gutter) * 2)), var(--max));margin-inline:auto;padding:clamp(5rem,9vw,9rem) 0 2rem}.footer-signal{color:var(--muted);font:.68rem var(--mono);text-transform:uppercase;letter-spacing:.08em}.footer-signal span{background:var(--signal);border-radius:50%;width:.55rem;height:.55rem;margin-right:.6rem;display:inline-block;box-shadow:0 0 0 .3rem #c8ff3d1f}.footer-cta{max-width:1000px;color:var(--paper);letter-spacing:-.07em;text-decoration-color:var(--signal);text-underline-offset:.12em;margin:1.5rem 0 clamp(5rem,9vw,9rem);font-size:clamp(2.8rem,6.3vw,6.5rem);font-weight:600;line-height:.98;text-decoration-thickness:.06em;display:inline-block}.footer-meta{border-top:1px solid var(--line);color:var(--muted);font:.66rem var(--mono);text-transform:uppercase;justify-content:space-between;gap:2rem;padding-top:1.5rem;display:flex}.footer-meta div{gap:1.5rem;display:flex}.footer-meta a{text-decoration:none}.footer-meta a:hover{color:var(--signal)}[data-reveal]{opacity:1;transition:transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(18px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (width<=980px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero-home{grid-template-columns:1fr;align-items:end;gap:3rem}.hero-home h1{max-width:900px}.hero-aside{max-width:620px}.project-inner{grid-template-columns:1fr}.project-copy{max-width:760px}.project-visual{grid-row:1}.architecture-flow{grid-template-columns:repeat(2,1fr)}.architecture-node:nth-child(2):after{display:none}.identity-panel{grid-template-columns:1fr}.portrait-wrap{min-height:80vw;max-height:760px}.work-row{grid-template-columns:3rem .8fr 1.2fr}.work-row a{grid-column:2}}@media (width<=720px){.site-header{min-height:74px}.wordmark-name{display:none}.header-contact{font-size:.62rem}.hero-home{min-height:auto;padding-block:5rem 3rem}.hero-home h1{font-size:clamp(3.1rem,15vw,5rem)}.proof-grid{grid-template-columns:repeat(2,1fr)}.proof-item:nth-child(3),.proof-item:nth-child(4){border-top:1px solid var(--line)}.section-heading{grid-template-columns:1fr;gap:1.5rem}.role-grid,.writing-grid{grid-template-columns:1fr}.role-card{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:2rem 0!important}.role-card h3{margin-top:2.5rem}.project-inner{min-height:0}.phone-cluster{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;min-height:440px}.phone{width:100%}.case-grid,.profile-grid{grid-template-columns:1fr}.profile-sticky{position:static}.architecture-flow{grid-template-columns:1fr}.architecture-node:not(:last-child):after{content:"↓";bottom:-1.1rem;right:auto}.architecture-node:nth-child(2):after{display:block}.architecture-foot{grid-template-columns:1fr}.work-row{grid-template-columns:2rem 1fr;gap:1rem}.work-row p,.work-row a{grid-column:2}.profile-item{grid-template-columns:1fr;gap:.5rem}.footer-meta{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}