body{background:#fafbf9;isolation:isolate}
.ambient-surface{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 10% 35%,#d0e5e1,transparent 65%),radial-gradient(ellipse at 95% 65%,#f3dacd,transparent 60%),#fafbf9}
#ambient-canvas{width:100%;height:100%;display:block}#ambient-canvas[hidden]{display:none}
.comet-canvas{mix-blend-mode:multiply}.hero{isolation:auto;background:linear-gradient(#ffffff10,#ffffff00 70%,#ffffff60)}
.hero .identity-caption{fill:#333c3b;font-size:27px}
.section{position:relative}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-intro p{max-width:410px;margin:0}
.website-work{padding-top:110px;padding-bottom:100px;background:linear-gradient(#ffffffb5 calc(100% - 72px),#f4f5ed)}
.website-inner{max-width:1248px;margin:auto}
.website-work h2,.contact h2{font-size:clamp(2.8rem,5.4vw,4.8rem);font-weight:500;letter-spacing:-.04em;line-height:1.04;max-width:700px;text-wrap:balance}
.website-lead{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:72px}
.website-copy p{font-size:1.1rem;line-height:1.7;color:#424947;max-width:440px}
.project-link{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:14px 22px;margin-top:26px;border:1px solid #ffffffba;border-radius:999px;background:#ffffffa8;box-shadow:0 6px 20px #34493e0b;backdrop-filter:blur(14px);font-size:.9375rem;transition:transform var(--dur-hover) var(--ease-out)}
.project-link svg,.project-meta svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}
@media(hover:hover) and (pointer:fine){.project-link:hover{transform:translateY(-2px)}}.project-link:active{transform:scale(var(--press-pill))}
.offerings{display:flex;flex-wrap:wrap;gap:12px 32px;padding-block:20px;border-block:1px solid var(--rule);font-size:.875rem;margin-bottom:70px;color:#424947}
.portfolio-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:26px}.portfolio-heading h3{font-size:1.4rem;font-weight:500;letter-spacing:-.02em}.portfolio-heading p{font-size:.875rem;color:#505752;max-width:410px;line-height:1.6;text-wrap:balance}
.project-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:start}.project:nth-child(2){margin-top:104px}
.project-preview{position:relative;display:block;overflow:hidden;aspect-ratio:1.24;background:#e9e6dd;transition:transform var(--dur-move) var(--ease-out);border-radius:8px}
@media(hover:hover) and (pointer:fine){.project-preview:hover{transform:translateY(-5px)}}
.forma-preview{padding:28px 28px 0;color:#343a30;background:#ecece2}
.mini-nav{display:flex;align-items:center;justify-content:space-between;font-size:8px;padding-bottom:16px;border-bottom:1px solid #343a3040}.mini-nav strong{font-size:15px;letter-spacing:-.04em}
.forma-preview .mini-title{font-family:Georgia,serif;font-size:clamp(30px,3.5vw,54px);font-weight:400;line-height:1.04;padding:28px 0 24px;max-width:340px;letter-spacing:-.04em}
.forma-preview img{display:block;width:100%;height:52%;object-fit:cover;object-position:50% 66%}
.offline-preview{background:#ed5028;padding:26px;color:#211c16}
.offline-preview .mini-nav{border-color:#211c1670}.offline-preview .mini-title{font-family:Georgia,serif;font-size:clamp(54px,6vw,90px);line-height:1.1;letter-spacing:-.04em;padding:32px 0 12px}
.offline-preview .mini-cover{font-family:Georgia,serif;font-size:clamp(22px,2.8vw,38px);line-height:1.1;max-width:320px;padding-bottom:20px}.mini-bottom{position:absolute;bottom:25px;left:26px;right:26px;border-top:1px solid #211c1680;padding-top:12px;display:flex;justify-content:space-between;font-size:9px}
.project-meta{display:flex;align-items:center;justify-content:space-between;padding:22px 0 10px}.project-meta h4{font-size:1.2rem;letter-spacing:-.02em;font-weight:500}.project-meta span{font-size:.8125rem;color:#505752;margin-top:7px;display:block}.project>p{font-size:.875rem;color:#505752;line-height:1.65;max-width:450px}
.work{max-width:none;background:linear-gradient(#ffffff75 calc(100% - 72px),#ffffffb5)}.work-inner{max-width:1072px;margin:auto}.app-description{max-width:600px;color:#505752;font-size:1rem;line-height:1.7;padding:0 0 32px 108px}.app-heading{padding-bottom:18px}
.studio{background:linear-gradient(#ffffffb5 calc(100% - 72px),#ffffff00)}.contact{padding:116px 48px 96px;max-width:1344px;margin:auto}.contact>p{margin-top:24px;font-size:1.125rem;line-height:1.6;color:#424947}.contact-foot{margin-top:74px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#424947;font-size:.8125rem}.ambient-toggle{border:0;background:none;min-height:44px;padding:8px 0;color:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:#747d75;text-decoration-thickness:1px;text-underline-offset:5px;transition:text-decoration-color var(--dur-hover) var(--ease-out)}@media(hover:hover) and (pointer:fine){.ambient-toggle:hover{text-decoration-color:currentColor}}.ambient-toggle[hidden]{display:none}
footer{background:linear-gradient(#ffffff00,#ffffffb0 72px)}.footer-inner{border-top:1px solid var(--rule)}
@media(max-width:800px){.section-intro{display:block}.section-intro p{margin-top:20px}.website-lead{grid-template-columns:1fr;gap:28px;margin-bottom:40px}.website-copy p{max-width:540px}.website-work{padding-top:76px}.project-grid{gap:24px}.project:nth-child(2){margin-top:70px}.forma-preview,.offline-preview{padding:18px 18px 0}.forma-preview .mini-title{font-size:32px;padding:20px 0}.mini-nav{font-size:6px}.mini-bottom{left:18px;right:18px}.offline-preview .mini-title{font-size:54px;padding-top:25px}.offline-preview .mini-cover{font-size:24px}.contact{padding:82px 28px}}
@media(max-width:600px){.site-header nav{gap:2px}.site-header nav a{font-size:.8125rem;padding-inline:8px}.hero .identity-caption{font-size:23px}.website-work{padding-top:70px}.website-work h2,.contact h2{font-size:2.85rem}.offerings{gap:14px 24px;margin-bottom:44px;font-size:.8125rem}.portfolio-heading{display:block}.portfolio-heading p{margin-top:12px}.project-grid{grid-template-columns:1fr;gap:38px}.project:nth-child(2){margin-top:0}.project-preview{aspect-ratio:1.12}.forma-preview,.offline-preview{padding:24px 24px 0}.mini-nav{font-size:8px}.forma-preview .mini-title{font-size:42px;padding:24px 0}.offline-preview .mini-title{font-size:76px;padding-top:28px}.offline-preview .mini-cover{font-size:32px}.mini-bottom{left:24px;right:24px}.app-description{padding:0 0 28px 0;font-size:.9375rem}.contact{padding:76px 24px 64px}.contact-foot{margin-top:44px;align-items:start;flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){.project-link:active{transform:none}.comet-canvas{display:none!important}}@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){.project-preview:hover,.project-link:hover{transform:none}}

/* Website proposals use the existing studio typography and real homepage captures. */
.portfolio-reviews{margin:0 0 100px;scroll-margin-top:70px}.review-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:40px;align-items:start}.review-project:nth-child(2){margin-top:70px}.review-preview{display:block;overflow:hidden;border-radius:8px;background:#efefed;border:1px solid #0000000d}.review-preview img{width:100%;height:auto;display:block;transition:transform var(--dur-state) var(--ease-out)}.review-project p{font-size:.9375rem;line-height:1.65;color:#505752;max-width:440px;margin-top:16px}.review-open{display:grid;place-items:center;width:44px;height:44px;margin-right:-12px;border-radius:50%;color:inherit;transition:background-color var(--dur-hover) var(--ease-out),transform var(--dur-press) var(--ease-out)}.review-open:active{transform:scale(var(--press-circle))}.review-languages{display:flex;gap:22px;margin-top:20px;font-size:.8125rem}.review-languages a{display:inline-flex;align-items:center;min-height:44px;margin-block:-14px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#afb7b1;transition:text-decoration-color var(--dur-hover) var(--ease-out)}.review-project a:focus-visible{outline:2px solid var(--focus-ink);outline-offset:5px}@media(hover:hover) and (pointer:fine){.review-preview:hover img{transform:scale(1.025)}.review-open:hover{background:#00000008}.review-languages a:hover{text-decoration-color:currentColor}}@media(max-width:800px){.review-grid{gap:24px}.portfolio-reviews{margin-bottom:76px}.review-project:nth-child(2){margin-top:48px}}@media(max-width:600px){.review-grid{grid-template-columns:1fr;gap:44px}.review-project:nth-child(2){margin-top:0}.portfolio-reviews{margin-bottom:64px}}@media(prefers-reduced-motion:reduce){.review-preview img,.review-open{transition:none}.review-open:active{transform:none}}@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){.review-preview:hover img{transform:none}}