@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700&family=Source+Sans+3:wght@400;500;600&display=swap";:root{--primary: #2f6f73;--primary-soft: #6fafb1;--bg-light: #f6f8f7;--surface-light: #ffffff;--surface-muted: #e9eeec;--text-primary: #1f2d2a;--text-muted: #5f6f6c;--border: #d5ddda;--accent-warm: #e6b566;--accent-cool: #8bbfd0;--success: #5fb3a2;--warning: #e2a03f;--error: #d16d6a;--backgroundimage: url(../../../images/Pattern-Opaque.svg);--pattern-opacity: .22;--pattern-size: 360px;--pattern-filter: invert(1);--hero-base: linear-gradient( 145deg, color-mix(in srgb, var(--accent-cool) 18%, var(--bg-light)), color-mix(in srgb, var(--surface-light) 92%, var(--bg-light)) 45%, color-mix(in srgb, var(--accent-warm) 16%, var(--surface-light)) );--hero-fade: color-mix(in srgb, var(--surface-muted) 85%, var(--bg-light));--radius-s: 10px;--radius-m: 16px;--radius-l: 24px;--radius-pill: 999px;--shadow-soft: 0 12px 24px color-mix(in srgb, var(--text-primary) 7%, transparent);--shadow-card: 0 8px 18px color-mix(in srgb, var(--text-primary) 6%, transparent);--shadow-tight: 0 6px 12px color-mix(in srgb, var(--text-primary) 6%, transparent);--ring: 0 0 0 3px color-mix(in srgb, var(--accent-cool) 25%, transparent);--container: min(1120px, 92vw)}[data-theme=dark]{--bg-light: #121a19;--surface-light: #1a2624;--surface-muted: #1f2f2c;--text-primary: #e4ece9;--text-muted: #a7b5b1;--border: #2b3a37;--backgroundimage: url(../../../images/Pattern-Opaque.svg);--pattern-opacity: .12;--pattern-size: 360px;--pattern-filter: none;--hero-base: var(--bg-light);--hero-fade: color-mix(in srgb, var(--surface-muted) 72%, var(--bg-light))}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100%;background:var(--bg-light);color:var(--text-primary);font-family:"Source Sans 3",Segoe UI,system-ui,sans-serif;line-height:1.6;transition:background-color .2s ease,color .2s ease}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3{font-family:Plus Jakarta Sans,Segoe UI,system-ui,sans-serif;letter-spacing:-.02em;line-height:1.2;margin:0 0 .75rem}p{margin:0 0 1rem;color:var(--text-muted)}main{display:flex;flex-direction:column}.container{width:var(--container);margin:0 auto}.section{padding:clamp(3rem,6vw,5.5rem) 0}.section.surface{background:var(--surface-muted)}.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:var(--text-muted);margin:0 0 .75rem}.lead{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--text-primary)}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg-light) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 0}.brand{display:inline-flex;align-items:center;gap:.75rem;font-weight:700;color:var(--text-primary)}.brand-logo{height:40px;width:auto}.logo-mobile{display:none}.nav-links{display:flex;gap:1.5rem;font-weight:600;color:var(--text-muted)}.nav-link{border-radius:var(--radius-pill);padding:.35rem .6rem}.nav-link{position:relative;padding-bottom:.2rem}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent-warm);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after,.nav-link:focus-visible:after{transform:scaleX(1)}.nav-icon{display:none}.nav-actions{display:flex;gap:.75rem;align-items:center}.theme-icon{width:20px;height:20px}.theme-fab{position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);width:52px;height:52px;border-radius:18px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--primary) 12%,var(--surface-light));color:var(--primary);display:grid;place-items:center;box-shadow:var(--shadow-card);z-index:20;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.theme-fab:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.theme-fab:focus-visible{outline:none;box-shadow:var(--ring)}[data-theme=dark] .theme-fab{background:color-mix(in srgb,var(--accent-cool) 25%,var(--surface-light));color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-pill);border:1px solid transparent;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-tight)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn-primary{background:var(--accent-warm);color:var(--text-primary);border-color:transparent}.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--border)}.btn-ghost{background:var(--surface-light);color:var(--text-primary);border-color:var(--border)}.hero{position:relative;padding:clamp(3.5rem,7vw,6rem) 0;background:var(--hero-base);border-bottom:1px solid var(--border);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:var(--backgroundimage);background-repeat:repeat;background-position:top left;background-size:var(--pattern-size);opacity:var(--pattern-opacity);filter:var(--pattern-filter);pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--accent-cool) 35%,transparent),transparent 65%),linear-gradient(180deg,transparent 60%,var(--hero-fade) 100%),linear-gradient(120deg,color-mix(in srgb,var(--surface-light) 70%,transparent),transparent 70%);opacity:.65;pointer-events:none}.hero>.container{position:relative;z-index:2}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.card{background:var(--surface-light);border:1px solid var(--border);border-radius:var(--radius-m);padding:1.75rem;box-shadow:var(--shadow-card);display:grid;gap:.75rem}.card h3{margin:0;color:var(--text-primary)}.text-link{font-weight:600;color:var(--primary);display:inline-flex;align-items:center;gap:.4rem}.text-link:after{content:"->";font-size:.85rem}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.feature-card{background:var(--surface-light);border:1px solid var(--border);border-radius:var(--radius-m);padding:1.5rem;box-shadow:var(--shadow-card)}.feature-icon{width:3.25rem;height:3.25rem;border-radius:18px;background:color-mix(in srgb,var(--accent-cool) 14%,var(--surface-light));border:1px solid color-mix(in srgb,var(--border) 70%,transparent);color:var(--text-primary);box-shadow:var(--shadow-tight);display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem}.feature-icon svg{width:22px;height:22px}.section-cta{margin-top:2.5rem}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.work-card{background:var(--surface-light);border-radius:var(--radius-l);border:1px solid var(--border);overflow:visible;box-shadow:var(--shadow-card);display:grid;padding-top:1rem}.work-logo-badge{align-self:start;justify-self:center;display:grid;place-items:center;min-height:140px;width:clamp(200px,45%,260px);padding:1rem;border-radius:calc(var(--radius-l) + 8px);background:var(--surface-muted);border:1px solid var(--border);box-shadow:none;transform:translateY(-35%)}.work-logo-badge.is-placeholder{color:var(--text-muted);font-weight:600;letter-spacing:.03em;text-transform:uppercase;font-size:.75rem}.work-logo{max-width:100%;max-height:90px;width:auto;height:auto;object-fit:contain}[data-theme=dark] .work-logo-badge{background:var(--surface-muted);box-shadow:none}@media(max-width:900px){.work-logo{max-height:110px}}@media(max-width:720px){.work-logo-badge{width:clamp(190px,55%,240px);transform:translateY(-30%)}.work-logo{max-height:96px}.work-body{padding:.6rem 1.25rem 1.4rem}.work-grid{gap:1.75rem}}.work-body{padding:.75rem 1.5rem 1.5rem}.contact{background:var(--surface-muted)}.contact-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;max-width:960px;margin:0 auto}.contact-details{display:grid;gap:1rem;margin-top:2rem}.detail-label{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:var(--text-muted)}.detail-value{font-weight:600}.contact-form{background:var(--surface-light);border-radius:var(--radius-l);border:1px solid var(--border);padding:2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;box-shadow:var(--shadow-card)}.contact-form label{display:grid;gap:.5rem;font-weight:600;color:var(--text-primary)}.contact-form .field-full,.contact-form .form-message{grid-column:1 / -1}.contact-form button[type=submit]{justify-self:start;min-width:180px}.contact-form input,.contact-form textarea,.contact-form select{border:1px solid var(--border);border-radius:var(--radius-s);padding:.75rem 1rem;background:var(--surface-muted);transition:box-shadow .2s ease,border-color .2s ease}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:none;border-color:var(--accent-cool);box-shadow:var(--ring)}.form-message{margin:0;padding:.75rem 1rem;border-radius:var(--radius-s);border:1px solid transparent;font-weight:600;font-size:.95rem}.form-message.error{background:color-mix(in srgb,var(--error) 18%,var(--surface-muted));border-color:color-mix(in srgb,var(--error) 35%,var(--border));color:color-mix(in srgb,var(--error) 80%,var(--text-primary))}.form-message.success{background:color-mix(in srgb,var(--success) 18%,var(--surface-muted));border-color:color-mix(in srgb,var(--success) 35%,var(--border));color:color-mix(in srgb,var(--success) 80%,var(--text-primary))}.site-footer{padding:2.5rem 0;border-top:1px solid var(--border);background:var(--bg-light)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem;align-items:center}.footer-brand{display:flex;gap:1rem;align-items:center}.footer-brand p{margin:.35rem 0 0}.footer-logo{height:36px;width:auto}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;transition-delay:var(--delay, 0s)}.reveal.is-visible{opacity:1;transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.footer-links{display:flex;gap:1rem;flex-wrap:wrap;color:var(--text-muted);font-weight:600}.footer-note{color:var(--text-muted);text-align:right}@media(max-width:1100px){.card-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-header{flex-direction:column;align-items:flex-start}}@media(max-width:900px){.nav{flex-direction:column;align-items:flex-start}.nav-links{flex-wrap:wrap}.work-grid,.footer-grid{grid-template-columns:1fr}.contact-grid{gap:2rem}.contact-form{grid-template-columns:1fr}.work-card{margin-top:2.5rem}.work-card:first-child{margin-top:0}.footer-note{text-align:left}}@media(max-width:720px){body.nav-pushdown .site-header{transform:translateY(calc(100% + var(--keyboard-offset, 0px)))}body.nav-pushdown{padding-bottom:0}:root{--container: min(100%, 92vw)}body{padding-bottom:86px}.site-header{position:fixed;inset:auto 0 0;border-top:1px solid var(--border);border-bottom:none;background:color-mix(in srgb,var(--bg-light) 96%,transparent)}.nav{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.6rem;padding:.65rem 0}.nav-actions{width:100%;flex-wrap:wrap}.nav-links{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;padding:.2rem;background:color-mix(in srgb,var(--surface-light) 92%,transparent);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:999px;box-shadow:0 6px 12px color-mix(in srgb,var(--text-primary) 6%,transparent);justify-items:center}.nav-link{display:grid;gap:.2rem;justify-items:center;padding:.4rem .2rem .3rem;border-radius:18px;width:100%;background:transparent;border:none;color:var(--text-primary);letter-spacing:.02em}.nav-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:14px;background:color-mix(in srgb,var(--surface-muted) 70%,transparent);color:var(--primary)}.nav-icon svg{width:18px;height:18px}.nav-label{font-size:.64rem;letter-spacing:.04em}.nav-link:after{display:none}.nav-link:focus-visible,.nav-link:hover{background:color-mix(in srgb,var(--accent-cool) 35%,transparent);color:var(--text-primary)}.nav-actions,.logo-desktop{display:none}.logo-mobile{display:inline-flex;height:36px}.hero{padding-top:clamp(2.5rem,8vw,3.5rem)}.hero-actions .btn,.nav-actions .btn{width:100%;justify-content:center}.theme-fab{width:46px;height:46px;border-radius:14px;top:clamp(1rem,4vw,1.5rem);right:clamp(1rem,4vw,1.5rem);bottom:auto}.hero-meta{grid-template-columns:1fr}.card,.feature-card,.work-card,.contact-form{border-radius:20px}.card-grid,.feature-grid,.work-grid{gap:1rem}.work-grid{gap:2.5rem}.contact-grid{gap:1.5rem}.contact-form{padding:1.5rem}.footer-links{justify-content:center}.footer-grid{text-align:center}.footer-brand{justify-content:center}.footer-note{text-align:center}.card-grid,.feature-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto;transition-duration:.001ms!important;animation-duration:.001ms!important}.reveal{opacity:1;transform:none}}