@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Press+Start+2P&display=swap");:root{--bg:#f7f3ee;--paper:#fff;--text:#111;--muted:#5f5d59;--line:hsla(0,0%,7%,.12);--accent:#caa96d;--accent-soft:hsla(39,47%,61%,.15);--shadow:hsla(0,0%,7%,.08);--dark:#0c0d0e;--font-display:"Press Start 2P","Courier New",monospace;--font-body:"Inter","Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text)}.brand,.contact-card h1,.eyebrow,.hero,.intro,.label,.nav-links a,.page-title,.portfolio-grid,.section-kicker,.section-title,.site-footer{font-family:var(--font-display)}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}p{margin:0}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(7,15,32,.98);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid hsla(0,0%,100%,.08);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.site-header--overlay{background:rgba(7,15,32,.45);border-color:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-header--scrolled{background:rgba(7,15,32,.82);border-color:hsla(0,0%,100%,.08);box-shadow:0 10px 26px rgba(0,0,0,.15)}.site-header--overlay.site-header--scrolled{background:rgba(7,15,32,.76)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px;transition:min-height .18s ease}.site-header--scrolled .nav{min-height:68px}.brand{display:inline-flex;align-items:center;flex:0 0 auto}.brand-logo{width:156px;height:auto;transition:width .18s ease}.site-header--scrolled .brand-logo{width:140px}.nav-links{display:flex;align-items:center;gap:clamp(16px,3vw,32px);list-style:none;margin:0;padding:0}.nav-links a{position:relative;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:hsla(0,0%,100%,.82);transition:color .18s ease}.nav-links a:after{content:"";position:absolute;left:0;bottom:-10px;width:100%;height:1px;background:#00c8e8;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.nav-links a.active,.nav-links a:hover{color:#fff}.nav-links a.active:after,.nav-links a:hover:after{transform:scaleX(1)}.site-footer{border-top:1px solid var(--line);background:hsla(0,0%,100%,.8)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:80px;color:var(--muted);font-size:.85rem}.footer-copy{display:inline-flex;align-items:center;gap:8px}.hero{position:relative;min-height:720px;display:flex;align-items:stretch;overflow:hidden;background:#f5f2ed}.hero-media,.hero-video{position:absolute;inset:0}.hero-video{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease}.hero-video.active{opacity:1}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,15,32,.32),rgba(7,15,32,.2) 52%,rgba(7,15,32,.12))}.hero-inner{position:relative;z-index:1;display:flex;align-items:center;min-height:720px}.hero-copy{max-width:760px;color:#fff}.eyebrow{display:inline-block;margin-bottom:24px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:hsla(0,0%,100%,.76)}.hero h1,.page-title{margin:0;font-size:clamp(3.2rem,6vw,7rem);line-height:.9;letter-spacing:-.07em;font-weight:700}.hero h1{line-height:1.05}.contact-copy,.hero-copy,.hero-subtitle,.intro{margin-top:26px;max-width:730px;font-size:clamp(1.08rem,1.7vw,1.45rem);line-height:1.6;color:hsla(0,0%,100%,.8)}.main{background:#fff;padding:80px 0 0}.section-intro{display:grid;grid-template-columns:1.15fr 1fr;grid-gap:32px;gap:32px;align-items:end;margin-bottom:26px}.section-kicker{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.section-title{margin-top:16px;font-size:clamp(2.2rem,3vw,4rem);line-height:.95;letter-spacing:-.06em}.section-copy{color:hsla(0,0%,7%,.74);font-size:1.04rem;line-height:1.8}.portfolio-grid,.portfolio-preview,.team-grid{display:grid;grid-gap:18px;gap:18px}.portfolio-preview{grid-template-columns:repeat(3,minmax(0,1fr));padding:26px 0 90px}.contact-card,.member,.portfolio-card,.portfolio-item{position:relative;background:linear-gradient(180deg,hsla(0,0%,100%,.98),hsla(40,36%,95%,.98));border:1px solid var(--line);transition:transform .18s ease,box-shadow .18s ease}.portfolio-card:hover,.portfolio-item:hover{transform:translateY(-4px);box-shadow:0 24px 52px var(--shadow)}.portfolio-card,.portfolio-item{min-height:270px;padding:24px 22px 18px;display:flex;flex-direction:column;justify-content:space-between}.card-logo,.logo-wrap{height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;border:1px solid var(--line);background:hsla(0,0%,7%,.02);overflow:hidden}.card-logo img,.logo-wrap img{max-height:82px;max-width:80%;object-fit:contain}.member h2,.portfolio-card h3,.portfolio-item h2{margin:0 0 8px;letter-spacing:-.04em}.member p,.portfolio-card p,.portfolio-item p{margin:0;line-height:1.7;color:hsla(0,0%,7%,.7)}.portfolio-card .meta,.portfolio-item .meta,.role{margin-top:16px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.page{padding:80px 0 100px}.page-title{font-size:clamp(2.5rem,4vw,5.2rem);letter-spacing:-.06em;line-height:.95;color:var(--text)}.intro{color:hsla(0,0%,7%,.76);max-width:760px}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:22px 0 80px}.portfolio-item{min-height:240px;background:hsla(0,0%,100%,.65)}.portfolio-item.dark-logo .logo-wrap{background:var(--dark)}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:56px;grid-gap:20px;gap:20px}.member{display:flex;min-height:210px;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px var(--shadow);transition:transform .18s ease,box-shadow .18s ease}.member:hover{transform:translateY(-3px);box-shadow:0 16px 34px var(--shadow)}.avatar{display:grid;place-items:center;width:82px;height:82px;margin-bottom:18px;color:#586575;background:#edf1f5;border:1px solid #dfe5eb;border-radius:50%}.avatar svg{width:44px;height:44px;fill:currentColor}.member h2{font-size:1.1rem}.member .role{margin-top:4px;line-height:1.5}.contact-card{flex:1 1;min-width:0;padding:clamp(28px,4vw,54px);background:hsla(0,0%,100%,.72);border:1px solid var(--line);border-radius:12px}.contact-card .eyebrow{color:var(--muted)}.contact-layout{display:flex;align-items:stretch;gap:24px}.contact-form-card{flex:1 1;min-width:0;padding:clamp(28px,4vw,54px);background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 36px var(--shadow)}.contact-form-card h2{margin:0 0 24px;font-size:1.4rem;letter-spacing:-.04em}.contact-form{display:flex;flex-direction:column;gap:20px}.contact-form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px 14px;gap:18px 14px}.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:.9rem;font-weight:600}.contact-form label span{color:#b3261e}.contact-form input,.contact-form textarea{width:100%;padding:12px 13px;color:var(--text);font:inherit;font-size:.95rem;background:#fff;border:1px solid hsla(0,0%,7%,.2);border-radius:6px}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.contact-form textarea{resize:vertical}.contact-form-message{grid-column:1/-1}.recaptcha-wrapper{min-height:78px}.contact-submit{align-self:flex-start;min-height:48px;padding:0 24px;color:#fff;font:inherit;font-weight:700;background:#0c0d0e;border:0;border-radius:6px;cursor:pointer;transition:background .16s ease,opacity .16s ease}.contact-submit:hover:not(:disabled){background:#283341}.contact-submit:disabled{cursor:not-allowed;opacity:.6}.form-error,.form-success{font-size:.9rem;line-height:1.5}.form-error{color:#a3221a}.form-success{color:#176b3a}.contact-list{display:grid;grid-gap:18px;gap:18px;margin:0;padding:0;list-style:none}.contact-list li{display:flex;flex-direction:column;gap:8px;padding-top:18px;border-top:1px solid var(--line)}.label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.value{font-size:1.1rem}@media (max-width:900px){.portfolio-grid,.portfolio-preview,.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-intro{grid-template-columns:1fr}.contact-layout{flex-direction:column}}@media (max-width:640px){.nav{flex-direction:column;justify-content:center;height:auto;padding:18px 0 14px}.brand-logo{width:148px}.site-header--scrolled .brand-logo{width:136px}.nav-links{width:100%;justify-content:center;flex-wrap:wrap}.hero,.hero-inner{min-height:600px}.contact-form-fields,.portfolio-grid,.portfolio-preview,.team-grid{grid-template-columns:1fr}.contact-form-message{grid-column:auto}.footer-inner{flex-direction:column;justify-content:center;padding:18px 0}}