:root{color-scheme:light;--ink: #0d0d0d;--muted: #5f625d;--paper: #f5f5f2;--paper-strong: #ffffff;--line: #b8b8b2;--line-soft: #e7e7e3;--accent: #8ba888;--accent-soft: #dfe8dd;--focus: #2e6bf0;--radius: 6px;--shadow: 0 22px 70px rgb(13 13 13 / 9%);--container: min(1180px, calc(100vw - 40px) );font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(90deg,rgb(13 13 13 / 5%) 1px,transparent 1px) 0 0 / 84px 84px,linear-gradient(180deg,rgb(13 13 13 / 4%) 1px,transparent 1px) 0 0 / 84px 84px,var(--paper)}body,button,input,textarea,select{font:inherit}img,picture{display:block;max-width:100%;height:auto}a{color:currentColor;text-decoration-thickness:.08em;text-underline-offset:.22em}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.skip-link{position:fixed;inset:12px auto auto 12px;z-index:20;padding:.7rem 1rem;color:var(--paper);background:var(--ink);transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;width:var(--container);margin:0 auto;padding:1rem 0;background:#f5f5f2eb;border-bottom:1px solid rgb(184 184 178 / 55%);backdrop-filter:blur(18px)}.brand-mark,.footer-logo{text-decoration:none}.brand-mark{display:inline-flex;gap:.75rem;align-items:center;min-width:max-content}.brand-symbol{display:grid;place-items:center;width:48px;aspect-ratio:1;color:var(--paper);font-family:Space Grotesk,Inter,sans-serif;font-weight:900;letter-spacing:0;background:var(--ink);border:1px solid var(--ink);border-radius:var(--radius);box-shadow:inset -10px 0 0 var(--accent)}.brand-text{display:grid;gap:.08rem}.brand-text strong,h1,h2,h3,.next-project a{font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif}.brand-text strong{font-size:1rem;line-height:1}.brand-text small{color:var(--muted);font-size:.78rem}.site-nav{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center}.site-nav a{padding:.52rem .72rem;color:var(--muted);text-decoration:none;border:1px solid transparent;border-radius:var(--radius)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink);background:var(--paper-strong);border-color:var(--line-soft)}.button,button.button,.filter-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.78rem 1rem;color:var(--ink);font-weight:850;text-decoration:none;cursor:pointer;background:transparent;border:1px solid currentColor;border-radius:var(--radius);transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}.button:hover,.filter-button:hover,.filter-button.active{color:var(--paper);background:var(--ink);border-color:var(--ink);transform:translateY(-1px)}.button-small{min-height:40px;padding:.62rem .85rem;font-size:.92rem}.button-secondary{color:var(--muted)}.button-secondary:hover{color:var(--ink);background:var(--accent-soft);border-color:var(--accent)}.section{width:var(--container);margin:0 auto;padding:6rem 0}.section.compact{padding-top:4.5rem;padding-bottom:4rem}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:clamp(2rem,6vw,5.5rem);align-items:center;min-height:calc(100vh - 82px);padding-top:2rem}.hero-content{display:grid;gap:1.3rem}.hero h1,.page-hero h1,.project-hero h1,.about-page h1,.contact-page h1{max-width:980px;margin:0;font-size:clamp(3.1rem,8.4vw,7.8rem);font-weight:780;line-height:.9;letter-spacing:0;text-wrap:balance}.hero h1{max-width:790px}.hero-lead,.page-hero p,.project-hero p,.about-page p,.contact-page p{max-width:720px;color:var(--muted);font-size:clamp(1.08rem,2vw,1.34rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.45rem}.hero-visual{position:relative;overflow:hidden;background:var(--paper-strong);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-visual:after{content:"";position:absolute;inset:18px;border:1px solid rgb(13 13 13 / 18%);pointer-events:none}.hero-visual img,.hero-visual picture{width:100%;aspect-ratio:11 / 9;object-fit:cover}.eyebrow{margin:0 0 .9rem;color:var(--muted);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:28px;height:1px;margin-right:.55rem;vertical-align:middle;background:var(--accent)}h2{margin:0;font-size:clamp(2.1rem,5.2vw,4.5rem);font-weight:760;line-height:.96;letter-spacing:0;text-wrap:balance}h3{margin:0;font-size:1.28rem;line-height:1.15}p{margin:0}.split-section,.about-preview,.contact-preview,.about-page,.contact-page{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(2rem,6vw,5rem);align-items:start}.prose{display:grid;gap:1.25rem;color:var(--muted);font-size:1.12rem}.evolve-demo{display:grid;gap:.45rem;padding:1.2rem;color:var(--ink);background:var(--paper-strong);border:1px solid var(--line);border-radius:var(--radius)}.evolve-demo span{display:block;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2.4rem,8vw,6rem);font-weight:430;line-height:.9;letter-spacing:0}.evolve-demo span:last-child{animation:evolve-shift 5s ease-in-out infinite;color:transparent;font-weight:900;-webkit-text-stroke:2px var(--ink);text-shadow:.12em 0 var(--accent)}@keyframes evolve-shift{0%,to{transform:translate(0)}50%{transform:translate(.18em)}}.band{width:100%;padding-inline:max(20px,calc((100vw - 1180px)/2));background:var(--ink);color:var(--paper)}.band .eyebrow{color:var(--line-soft)}.band .eyebrow:before{background:var(--accent)}.band a:hover{color:var(--accent)}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:end;margin-bottom:2rem}.section-heading h2{max-width:860px}.section-heading .eyebrow{grid-column:1 / -1;margin-bottom:-.5rem}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.project-card{min-width:0}.project-card[hidden]{display:none}.project-card a{display:grid;height:100%;overflow:hidden;color:inherit;text-decoration:none;background:var(--paper-strong);border:1px solid var(--line-soft);border-radius:var(--radius);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.project-card a:hover{color:inherit;border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-3px)}.band .project-card a{background:#171717;border-color:#343434}.project-card-featured{grid-column:span 2}.project-card img,.project-card picture{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--line-soft);filter:saturate(.85)}.project-card-content{display:grid;gap:.5rem;padding:1rem}.project-card-content span{color:var(--muted);font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.project-card-content h3{font-size:clamp(1.35rem,3vw,2rem)}.project-card-content p{color:var(--muted)}.band .project-card-content p,.band .project-card-content span{color:#c9c9c4}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.service-card,.values-grid article{display:grid;gap:1rem;align-content:start;min-height:100%;padding:1.25rem;background:#ffffffbd;border:1px solid var(--line-soft);border-radius:var(--radius)}.service-card ul,.case-content ul,.service-list ul{padding-left:1.2rem;margin:0;color:var(--muted)}.service-card p,.service-list p,.values-grid p{color:var(--muted)}.service-card a{align-self:end;color:var(--ink);font-weight:850}.method-section{border-block:1px solid var(--line)}.method-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;margin:0;list-style:none;counter-reset:steps}.method-steps li{position:relative;display:grid;gap:.75rem;min-height:230px;padding:1.25rem;background:#ffffff85;border:1px solid var(--line)}.method-steps li+li{border-left:0}.method-steps li:after{content:"";position:absolute;right:-18px;top:50%;z-index:1;width:36px;height:1px;background:var(--accent)}.method-steps li:last-child:after{display:none}.method-steps span{color:var(--accent);font-family:Space Grotesk,Inter,sans-serif;font-size:3rem;font-weight:900;line-height:.9}.method-steps strong{font-size:1.35rem}.method-steps p{color:var(--muted)}.about-preview img,.about-preview picture,.about-page img,.about-page picture{width:100%;border:1px solid var(--line);border-radius:var(--radius);filter:saturate(.8)}.about-preview>div,.contact-preview>div,.contact-page>div,.about-page>div{display:grid;gap:1.25rem}.contact-preview{align-items:start;border-top:1px solid var(--line)}.contact-form{display:grid;gap:1rem;padding:1.25rem;background:var(--paper-strong);border:1px solid var(--line);border-radius:var(--radius)}.contact-form label{display:grid;gap:.4rem;color:var(--muted);font-weight:800}.contact-form input,.contact-form textarea{width:100%;padding:.82rem .9rem;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.contact-form textarea{resize:vertical}.form-trap{position:absolute;left:-9999px}.form-note,.form-status{color:var(--muted);font-size:.9rem}.page-hero,.project-hero{display:grid;gap:1.25rem}.project-hero img,.project-hero picture{width:100%;margin-top:1rem;border:1px solid var(--line);border-radius:var(--radius)}.filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.filter-button{min-height:40px}.case-study{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:start}.case-study aside{position:sticky;top:7rem;display:grid;gap:.4rem;padding:1rem;background:var(--paper-strong);border:1px solid var(--line);border-radius:var(--radius)}.case-study aside p{margin-bottom:1rem;color:var(--muted)}.case-content{display:grid;gap:3.5rem}.case-content section{display:grid;gap:1rem;padding-bottom:3.5rem;border-bottom:1px solid var(--line-soft)}.case-content section:last-child{border-bottom:0}.case-content p{color:var(--muted);font-size:1.08rem}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.gallery img,.gallery picture{width:100%;aspect-ratio:4 / 3;object-fit:cover;border:1px solid var(--line);border-radius:var(--radius)}.next-project{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line)}.next-project span{color:var(--muted)}.next-project a{font-size:clamp(1.4rem,4vw,2.5rem);font-weight:850;line-height:1}.service-list{display:grid;gap:1rem}.service-list article{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:2rem;padding:1.25rem;background:var(--paper-strong);border:1px solid var(--line);border-radius:var(--radius)}.service-list article>div{display:grid;gap:1rem;align-content:start}.cta-band{display:flex;gap:1.5rem;align-items:center;justify-content:space-between;padding:2rem;margin-bottom:5rem;color:var(--paper);background:var(--ink);border-radius:var(--radius)}.cta-band h2{max-width:780px}.cta-band .button{color:var(--paper)}.cta-band .button:hover{color:var(--ink);background:var(--paper)}.values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.contact-details{display:grid;grid-template-columns:auto 1fr;gap:.45rem 1rem;align-items:baseline;padding-top:1rem}.site-footer{padding:3rem max(20px,calc((100vw - 1180px)/2));color:var(--paper);background:var(--ink)}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:2rem}.footer-grid>*{display:grid;gap:.65rem;align-content:start}.footer-grid p,.footer-grid a{color:#c9c9c4}.footer-logo{color:var(--paper);font-size:1.35rem;font-weight:900}.footer-bottom{padding-top:2rem;margin-top:2rem;color:#a9aaa4;border-top:1px solid #343434}@media(max-width:980px){.site-header{grid-template-columns:1fr auto}.site-nav{order:3;grid-column:1 / -1;justify-content:flex-start}.hero,.split-section,.about-preview,.contact-preview,.about-page,.contact-page,.case-study,.service-list article{grid-template-columns:1fr}.hero{min-height:auto}.service-grid,.method-steps,.values-grid,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.method-steps li+li{border-left:1px solid var(--line)}.method-steps li:after{display:none}.case-study aside{position:static}}@media(max-width:720px){:root{--container: min(100vw - 28px, 1180px)}.site-header{position:static}.site-header>.button{display:none}.section{padding:4rem 0}.hero h1,.page-hero h1,.project-hero h1,.about-page h1,.contact-page h1{font-size:clamp(2.7rem,16vw,4.8rem)}.section-heading{grid-template-columns:1fr;align-items:start}.project-grid,.service-grid,.method-steps,.values-grid,.footer-grid,.gallery{grid-template-columns:1fr}.project-card-featured{grid-column:auto}.cta-band,.next-project{flex-direction:column;align-items:flex-start}.contact-details{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}