@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700&family=Source+Serif+4:opsz,ital,wght@8..60,400;8..60,600&display=swap";:root{--navy-deep: #020b18;--navy: #061528;--navy-mid: #0c2744;--mist: #9eb6d4;--cloud: #eef3f9;--accent: #3db8a8;--accent-soft: rgba(61, 184, 168, .18);--line: rgba(238, 243, 249, .12);--font-display: "Bricolage Grotesque", sans-serif;--font-body: "Source Serif 4", Georgia, serif;--max: 1120px;--header-h: 4.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html:has(body.page-snap){scroll-snap-type:y mandatory;scroll-padding-top:calc(var(--header-h) + 5rem);scroll-behavior:smooth}.snap-panel{scroll-snap-align:start;scroll-snap-stop:always;min-height:calc(100svh - var(--header-h));display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.service-item.snap-panel,.project-item.snap-panel{display:grid;align-content:safe center;justify-content:initial;padding-top:3.5rem;padding-bottom:3.5rem}.hero.snap-panel,.page-hero.snap-panel{min-height:calc(100svh - var(--header-h))}.capabilities-block{max-width:var(--max);margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem)}.capabilities-intro{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.capabilities-block .service-item{max-width:var(--max);width:100%;margin:0 auto;padding:2.5rem 0;border-bottom:1px solid var(--line)}.portfolio-snap .projects-list{gap:0}.portfolio-snap .project-item.snap-panel{max-width:var(--max);width:100%;margin:0 auto;padding:3rem clamp(1.25rem,4vw,2.5rem);gap:2rem}.page-snap .section-label,.page-snap .project-type{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-rail{position:fixed;top:calc(var(--header-h) + 2.5rem);left:50%;z-index:40;width:min(52rem,calc(100vw - 2rem));display:flex;align-items:center;gap:1.1rem;transform:translate(-50%);pointer-events:none}.section-rail-rule{flex:1;height:0;border-top:1px solid rgba(158,182,212,.55);opacity:1}.section-rail-label{flex:0 1 auto;max-width:75%;color:var(--cloud);font-family:var(--font-display);font-size:clamp(.95rem,1.9vw,1.2rem);font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-enter{transition:opacity .32s ease,transform .32s ease}.rail-enter-start{opacity:0;transform:translate(-50%) translateY(-8px)}.rail-enter-end{opacity:1;transform:translate(-50%) translateY(0)}.rail-leave{transition:opacity .2s ease,transform .2s ease}.rail-leave-start{opacity:1;transform:translate(-50%) translateY(0)}.rail-leave-end{opacity:0;transform:translate(-50%) translateY(-6px)}@media(prefers-reduced-motion:reduce){html:has(body.page-snap){scroll-snap-type:none}.snap-panel{min-height:0;scroll-snap-align:none}}body{min-height:100vh;font-family:var(--font-body);font-size:1.125rem;line-height:1.7;color:var(--cloud);background:var(--navy-deep);overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:1rem;top:-100%;z-index:1000;background:var(--cloud);color:var(--navy-deep);padding:.75rem 1rem;font-family:var(--font-display);font-weight:600}.skip-link:focus{top:1rem}.sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(61,184,168,.16),transparent 55%),radial-gradient(ellipse 60% 40% at 90% 20%,rgba(80,120,180,.2),transparent 50%),radial-gradient(ellipse 50% 35% at 10% 60%,rgba(20,60,110,.45),transparent 55%),linear-gradient(180deg,#03101f 0%,var(--navy-deep) 45%,#01060e 100%)}.sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,.45),transparent),radial-gradient(1px 1px at 28% 42%,rgba(255,255,255,.3),transparent),radial-gradient(1.5px 1.5px at 67% 22%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 82% 58%,rgba(255,255,255,.28),transparent),radial-gradient(1px 1px at 45% 72%,rgba(255,255,255,.22),transparent);opacity:.7;pointer-events:none}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--header-h);padding:.75rem clamp(1rem,4vw,2.5rem);transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease;border-bottom:1px solid transparent}.site-header.is-scrolled{background:#020b18c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:var(--line)}.brand-mark{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem}.brand-mark img{width:3.25rem;height:3.25rem;object-fit:contain;border-radius:.35rem;background:#ffffff0a}.brand-text span{display:block;font-weight:400;font-size:.65rem;letter-spacing:.18em;color:var(--mist)}.nav-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--cloud);width:2.75rem;height:2.75rem;border-radius:.5rem;cursor:pointer;font-family:var(--font-display);font-size:1.25rem}.site-nav{display:flex;align-items:center;gap:.25rem}.site-nav a{font-family:var(--font-display);font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:.65rem 1rem;color:var(--mist);position:relative;transition:color .25s ease}.site-nav a:after{content:"";position:absolute;left:1rem;right:1rem;bottom:.35rem;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--cloud)}.site-nav a[aria-current=page]:after,.site-nav a:hover:after{transform:scaleX(1)}.hero{min-height:calc(100vh - var(--header-h));display:grid;align-content:center;justify-items:center;text-align:center;padding:clamp(2rem,6vh,4rem) clamp(1.25rem,4vw,2.5rem) 4rem;gap:1.5rem}.hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,6vw,4.25rem);line-height:1.05;letter-spacing:-.03em;max-width:14ch;color:var(--cloud);animation:rise .9s ease both}.hero-lead{max-width:38rem;color:var(--mist);font-size:clamp(1.05rem,2.2vw,1.25rem);animation:rise .9s ease .12s both}.cta-row{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center;animation:rise .9s ease .22s both}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:.9rem;letter-spacing:.04em;padding:.9rem 1.4rem;border-radius:999px;border:1px solid transparent;transition:transform .2s ease,background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:var(--navy-deep)}.btn-primary:hover{background:#54c9ba}.btn-ghost{border-color:var(--line);color:var(--cloud);background:#ffffff08}.btn-ghost:hover{border-color:#eef3f959}.page-hero{padding:clamp(3rem,8vh,5rem) clamp(1.25rem,4vw,2.5rem) 2rem;max-width:var(--max);margin:0 auto}.page-hero h1{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:.85rem}.page-hero p{color:var(--mist);max-width:40rem;font-size:1.15rem}[x-cloak]{display:none!important}.section{max-width:var(--max);margin:0 auto;padding:2.5rem clamp(1.25rem,4vw,2.5rem) 4rem}.section-label{font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.services-list,.projects-list,.about-blocks,.values-list{display:grid;gap:2.5rem}.service-item,.project-item{display:grid;gap:1.25rem;padding-bottom:2.5rem;border-bottom:1px solid var(--line)}@media(min-width:800px){.service-item,.project-item{grid-template-columns:minmax(220px,320px) 1fr;align-items:start;gap:2rem}}.service-item img,.project-item img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:.35rem}.project-logo-frame{width:100%;aspect-ratio:16 / 10;border-radius:.35rem;border:1px solid var(--line);background:#ffffff08;display:flex;align-items:center;justify-content:center}.project-logo-frame img{width:min(42%,200px);height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0}.service-item h2,.project-item h2,.about-block h2{font-family:var(--font-display);font-size:1.55rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.65rem}.service-item p,.project-item p,.about-block p{color:var(--mist)}.project-type{font-family:var(--font-display);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem}.tech-detail{margin-top:1.15rem;padding-top:1.1rem;border-top:1px solid var(--line)}.tech-detail h3{font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.45rem}.tech-detail p{color:var(--mist);font-size:.98rem;margin-bottom:.85rem}.tech-tag{font-family:var(--font-display);font-size:.72rem;letter-spacing:.04em;padding:.3rem .65rem;border:1px solid var(--line);color:var(--cloud);background:#ffffff08}.approach-grid{display:grid;gap:2rem}@media(min-width:860px){.approach-grid{grid-template-columns:1.1fr .9fr;gap:3rem;align-items:start}}.approach-grid h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.1rem);letter-spacing:-.02em;margin-bottom:.85rem}.approach-grid>div>p{color:var(--mist)}.approach-points{list-style:none;display:grid;gap:1.25rem}.approach-points li{padding-bottom:1.1rem;border-bottom:1px solid var(--line);color:var(--mist);font-size:1.02rem}.approach-points strong{display:block;font-family:var(--font-display);font-size:.95rem;color:var(--cloud);margin-bottom:.35rem;letter-spacing:.02em}.cta-band{border-top:1px solid var(--line);padding-top:3rem;padding-bottom:4.5rem;text-align:center}.logo-wall{border-top:1px solid var(--line);text-align:center}.logo-wall-title{font-family:var(--font-display);font-size:clamp(1.4rem,2.8vw,1.85rem);letter-spacing:-.02em;margin-bottom:.65rem}.logo-wall-lead{color:var(--mist);max-width:36rem;margin:0 auto 2rem;font-size:1.05rem}.logo-row{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem 2.75rem;margin:0;padding:1.25rem 0 0}.logo-row li{display:flex;align-items:center;justify-content:center;min-height:5.5rem;min-width:7.5rem;padding:.85rem 1.1rem;border:1px solid var(--line);background:#ffffff05}.logo-row img{max-height:4rem;width:auto;height:auto;object-fit:contain;filter:none}.cta-band h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.02em;margin-bottom:.75rem}.cta-band>p{color:var(--mist);max-width:36rem;margin:0 auto 1.5rem}.about-block{padding-bottom:1.75rem;border-bottom:1px solid var(--line)}.values-list{grid-template-columns:1fr;margin-top:2rem}@media(min-width:700px){.values-list{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.value-item h3{font-family:var(--font-display);font-size:1.15rem;margin-bottom:.5rem}.value-item p{color:var(--mist);font-size:1rem}.contact-panel{max-width:40rem;margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem) 5rem}.contact-panel .lead{color:var(--mist);margin-bottom:2rem}.contact-form{display:grid;gap:1.75rem;padding-top:.5rem;border-top:1px solid var(--line)}.inquiry-type{border:0;padding:0;margin:0}.inquiry-type legend{font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.85rem}.inquiry-options{display:grid;gap:.75rem}@media(min-width:640px){.inquiry-options{grid-template-columns:1fr 1fr}}.inquiry-option{display:grid;gap:.35rem;padding:1rem 1.1rem;border:1px solid var(--line);background:#ffffff05;cursor:pointer;transition:border-color .2s ease,background .2s ease}.inquiry-option:hover,.inquiry-option.is-active{border-color:#3db8a88c;background:var(--accent-soft)}.inquiry-option input{position:absolute;opacity:0;pointer-events:none}.inquiry-option-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--cloud)}.inquiry-option-copy{font-size:.92rem;line-height:1.45;color:var(--mist)}.form-grid{display:grid;gap:1rem}@media(min-width:640px){.form-grid{grid-template-columns:1fr 1fr}.form-field-full{grid-column:1 / -1}}.form-field{display:grid;gap:.45rem}.form-field span{font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mist)}.form-field span em{font-style:normal;font-weight:400;letter-spacing:.02em;text-transform:none;opacity:.75}.form-field input,.form-field textarea{width:100%;font:inherit;color:var(--cloud);background:#ffffff08;border:1px solid var(--line);border-radius:.35rem;padding:.85rem .95rem;outline:none;transition:border-color .2s ease,background .2s ease}.form-field textarea{resize:vertical;min-height:9rem}.form-field input:focus,.form-field textarea:focus{border-color:#3db8a8a6;background:#ffffff0d}.form-field input::placeholder,.form-field textarea::placeholder{color:#9eb6d48c}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.25rem}.form-actions .btn:disabled{opacity:.7;cursor:wait;transform:none}.form-footnote{color:var(--mist);font-size:.92rem}.form-footnote a{color:var(--cloud);border-bottom:1px solid rgba(238,243,249,.25)}.form-status{font-size:.98rem;line-height:1.5}.form-status.is-success{color:var(--accent)}.form-status.is-error{color:#f0a8a0}.contact-block{padding:1.75rem 0;border-top:1px solid var(--line)}.contact-block h2{font-family:var(--font-display);font-size:1.35rem;margin-bottom:.65rem}.contact-block p{color:var(--mist);margin-bottom:1.25rem}.site-footer{border-top:1px solid var(--line);padding:2rem clamp(1.25rem,4vw,2.5rem);display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center;text-align:center;color:var(--mist);font-size:.95rem}.site-footer a{color:var(--cloud);border-bottom:1px solid transparent}.site-footer a:hover{border-bottom-color:var(--accent)}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}[data-reveal].is-visible{opacity:1;transform:none}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media(max-width:800px){.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.site-nav{position:absolute;top:var(--header-h);left:0;right:0;flex-direction:column;align-items:stretch;padding:.75rem;background:#020b18f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:none}.site-nav.is-open{display:flex}.site-nav a{padding:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}