:root{--accent:#93dfff;--ink:#06162f;--background:#00142e;--surface:rgba(4,18,40,.76);--text:#f5f8ff;--muted:#b9c9df;--border:rgba(168,205,255,.2);--white:#fff;--font-body:'Geist',Arial,sans-serif;--font-heading:'Anton',Impact,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--background);color:var(--text);font:500 16px/1.4 var(--font-body);overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-heading);font-weight:400;letter-spacing:1px}h2{font-size:50px;line-height:1.3;text-align:center}h3{font-size:22px;line-height:1.3}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}button:disabled{cursor:default}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}.site-header{height:80px;display:flex;align-items:flex-start;padding-top:10px;gap:34px}.brand{height:47px;display:flex;align-items:center}.brand img{object-fit:contain}.availability{display:flex;align-items:center;gap:7px;min-height:47px;font-size:18.667px}.availability-dot{color:#27815c;font-size:24px}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:12px}.social-link{padding:10px 0;background:none;display:block}.social-link img{width:18px;height:18px}.header-cta{margin-left:8px;border:1px solid var(--ink);border-radius:30px;padding:14px 39px;font-weight:900;font-size:15px;line-height:17px}.header-cta:hover{background:#ffffff12}.hero{padding-top:40px;min-height:440.5px;text-align:center}.hero h1{text-transform:uppercase;font-size:clamp(58px,7.8125vw,150px);line-height:1.1;white-space:nowrap}.hero h1 span{color:var(--accent)}.hero>p{max-width:840px;font-size:25px;line-height:35px;margin:20px auto 32.5px}.hero-actions{display:flex;justify-content:center;gap:20px;padding:10px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:30px;border-radius:7px;padding:14px 40px;font-size:16px;line-height:18px;font-weight:900;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px);box-shadow:0 6px 22px #93dfff26}.button img{width:16px;height:16px;flex-shrink:0}.button-primary{background:#f5f9ff;color:var(--ink);box-shadow:0 2px 4px #00142e30,0 0 0 1px #ffffff40}.button-outline{border:1px solid var(--accent);background:transparent}.showcase{padding:130px 10px 10px;display:grid;gap:50px;overflow:hidden;height:690px}.showcase-row{width:100%;height:250px;overflow:hidden;display:flex;justify-content:center}.showcase-track{display:flex;gap:30px;width:max-content;flex-shrink:0;--marquee-distance:1440px;animation:drift 80s linear infinite}.showcase-row:last-child .showcase-track{animation-direction:reverse}.showcase:has(button:hover) .showcase-track,.showcase:focus-within .showcase-track{animation-play-state:paused}.showcase-card{padding:0;flex:0 0 150px;height:250px;border-radius:15px;overflow:hidden;background:var(--ink)}.showcase-card img{width:150px;height:250px;object-fit:cover;transition:transform .3s}.showcase-card:hover img{transform:scale(1.045)}@keyframes drift{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--marquee-distance)))}}.section{padding:130px 0 20px}.section-inner{display:flex;flex-direction:column;gap:50px}.numbers{min-height:419.5px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:50px;max-width:1070px;width:100%;margin:auto;padding:10px}.stat{padding:20px 12px;border:1px solid var(--accent);border-radius:10px;text-align:center;min-height:144.5px;display:flex;flex-direction:column;justify-content:center}.stat strong{font-weight:600;font-size:50px;line-height:55px}.stat p{font-size:15px;margin-top:10px;white-space:nowrap}.benefits{min-height:848.141px}.panel{background:var(--surface);padding:20px 10px 40px;border-radius:20px;box-shadow:0 16px 45px #000d2426,inset 0 0 0 1px var(--border)}.benefits .panel{min-height:698px}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 20px;margin-top:50px}.benefits article{text-align:center;padding:10px;display:flex;align-items:center;flex-direction:column;gap:20px;min-height:200px}.benefits article img{width:50px;height:50px}.benefits article p{max-width:360px}.testimonial{min-height:676.078px}.testimonial-grid{display:grid;grid-template-columns:1.52fr 1fr;gap:40px;align-items:center;padding:10px}.testimonial-media{aspect-ratio:674/379;border:1px solid var(--accent);border-radius:10px;background:var(--surface);box-shadow:-8px -8px 18px -15px var(--accent);overflow:hidden;position:relative;display:grid;place-items:center}.testimonial-media>span{color:var(--muted);font-size:12px}.testimonial-media iframe,.testimonial-media video{width:100%;height:100%;border:0;position:absolute;inset:0}.testimonial-copy{display:grid;gap:20px}.testimonial-copy h3{font-size:32px;line-height:1.3}.testimonial-copy p{margin-top:12px}.work{min-height:1955px}.brand-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;height:60px;overflow:hidden}.brand-strip img{width:110px;height:55px;object-fit:contain;flex-shrink:0}.project-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:50px 5px}.project-card{display:block;height:700px;padding:0;border-radius:20px;overflow:hidden;background:#06162f;position:relative}.project-card img{width:100%;height:100%;object-fit:cover;object-position:50% 0%;transition:object-position .8s ease-out}.project-card:focus-visible img{object-position:50% 100%;transition:object-position 8s linear}@media(hover:hover) and (pointer:fine){.project-card:hover img{object-position:50% 100%;transition:object-position 8s linear}}.project-card:after{content:'View design ↗';position:absolute;bottom:12px;left:8px;right:8px;padding:10px 4px;border-radius:7px;background:#202020ed;color:white;font-size:12px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.project-card:hover:after,.project-card:focus-visible:after{opacity:1;transform:none}.more-projects{align-self:center}.extra-projects{margin-top:0}.about{min-height:671.313px}.about .panel{min-height:521px;padding:20px 10px 35px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin-top:50px}.portrait{display:grid;place-items:center}.portrait img{width:283px;height:283px;object-fit:cover}.about-copy{padding-right:10px}.about-copy h3{font-size:32px;line-height:1.1;margin-bottom:20px}.about-copy p+p{margin-top:8px}.tools{min-height:437px}.tools-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;padding:10px}.tools-grid article{border:1px solid var(--accent);min-height:142px;padding:20px 8px;text-align:center}.tools-grid img{margin:0 auto 15px;width:35px;height:35px}.tools-grid h3{font-size:20px}.tools-grid p{font-size:10px;margin-top:10px}.contact{min-height:478.281px}.contact .section-inner{gap:20px}.contact-intro{text-align:center;padding-bottom:8px}.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:10px}.contact-card{min-height:183px;border:1px solid var(--accent);border-radius:10px;background:transparent;display:flex;align-items:center;flex-direction:column;padding:10px;transition:background .2s,transform .2s}.contact-card:hover{background:#93dfff12;transform:translateY(-3px)}.contact-card img{width:50px;height:50px;margin-bottom:27px}.contact-card h3{font-size:25px;margin-bottom:20px}.contact-card>span{font-size:16px;overflow-wrap:anywhere}footer{height:100px;display:grid;place-items:center;text-align:center;padding:20px}.floating-contact{padding:0;background:transparent;position:fixed;right:20px;bottom:28px;width:50px;height:50px;z-index:5;border-radius:50%;transition:transform .2s}.floating-contact:hover{transform:scale(1.1)}.floating-contact img{width:50px;height:50px}.skip-link{position:fixed;top:10px;left:10px;z-index:20;background:var(--accent);color:var(--white);padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}dialog{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:14px;padding:0;max-height:90vh;max-height:90dvh}dialog::backdrop{background:#202020a6;backdrop-filter:blur(8px)}.project-dialog{width:min(650px,calc(100% - 32px));overflow:auto}.dialog-bar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--surface);z-index:1}.dialog-bar h2{font-family:var(--font-body);font-size:16px;letter-spacing:0}.close-dialog{background:transparent;font-size:32px;line-height:1;width:44px;height:44px;border-radius:50%}.close-dialog:hover{background:#ffffff12}.project-preview{width:100%;height:auto}.profile-dialog{width:min(480px,calc(100% - 32px));padding:40px;text-align:center}.profile-dialog>.close-dialog{position:absolute;right:8px;top:8px}.profile-dialog h2{font-size:36px;margin:10px 0 20px}.profile-dialog p{margin-bottom:25px}body:has(dialog[open]){overflow:hidden}

@media(max-width:1250px){.hero>p{font-size:23px}.stat p{font-size:13px}.stats-grid{gap:24px}.project-card{height:58vw;max-height:700px}.section{min-height:0;padding-top:100px}.benefits .panel,.about .panel{min-height:0}.benefits-grid{gap:35px 15px}.benefits .panel{padding-bottom:45px}.testimonial-copy h3{font-size:28px}.about-copy h3{font-size:28px}.contact-card>span{font-size:13px}.tools-grid{gap:14px}.work{padding-bottom:20px}}
@media(max-width:900px){h2{font-size:42px}.site-header{gap:18px}.availability{font-size:15px}.header-cta{padding-inline:25px}.hero{padding-top:50px;min-height:370px}.hero>p{font-size:20px;line-height:1.5;max-width:700px}.showcase{padding-top:75px;height:590px;gap:35px}.showcase-row{height:235px}.showcase-card,.showcase-card img{height:235px;width:141px}.showcase-card{flex-basis:141px}.showcase-track{--marquee-distance:1368px}.stats-grid{gap:16px}.stat strong{font-size:42px}.stat p{font-size:12px;white-space:normal}.benefits-grid{grid-template-columns:repeat(2,1fr)}.testimonial-grid{grid-template-columns:1fr 1fr;gap:25px}.testimonial-copy h3{font-size:24px}.testimonial-copy p{font-size:13px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}.project-card{height:70vw;max-height:640px}.about-grid{gap:25px}.portrait img{width:240px;height:240px}.about-copy p{font-size:14px}.tools-grid{grid-template-columns:repeat(3,1fr);gap:20px}.tools-grid p{font-size:12px}.contact-grid{grid-template-columns:repeat(2,1fr)}.contact-card>span{font-size:16px}.section-inner{gap:40px}.brand-strip{gap:28px}.brand-strip img{width:90px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.site-header{height:76px;align-items:center;padding-top:0;gap:13px}.brand img{width:32px;height:29px}.availability{font-size:11px;gap:5px;white-space:nowrap}.availability-dot{font-size:16px}.site-header nav{gap:0}.site-header .social-link{display:none}.header-cta{font-size:12px;padding:10px 16px;margin-left:0;white-space:nowrap}.hero{padding-top:35px;min-height:0}.hero h1{white-space:normal;font-size:clamp(43px,11.35vw,68px);letter-spacing:.2px}.hero>p{font-size:17px;line-height:1.55;margin:24px auto}.hero-actions{gap:12px;padding:5px 0}.button{padding:14px 24px;font-size:14px;gap:18px}.showcase{padding:65px 0 0;gap:25px;height:510px}.showcase-row{height:210px}.showcase-track{gap:18px;--marquee-distance:1152px}.showcase-card,.showcase-card img{height:210px;width:126px;border-radius:10px}.showcase-card{flex-basis:126px}h2{font-size:36px}.section{padding:80px 0 0}.section-inner{gap:30px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:0}.stat{min-height:135px;padding:16px 8px}.stat strong{font-size:43px}.stat p{font-size:12px}.panel{padding:25px 12px 30px;border-radius:12px}.benefits-grid{margin-top:32px;gap:30px 12px}.benefits article{padding:4px;gap:15px;min-height:0}.benefits article img{width:38px;height:38px}.benefits h3{font-size:19px;letter-spacing:.4px}.benefits article p{font-size:12px;line-height:1.6}.testimonial-grid{grid-template-columns:1fr;padding:0;gap:30px}.testimonial-copy{gap:25px}.testimonial-copy h3{font-size:26px}.testimonial-copy p{font-size:14px;margin-top:10px}.brand-strip{height:42px;gap:25px}.brand-strip img{width:75px;height:40px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}.project-card{height:118vw;max-height:650px;border-radius:12px}.about .panel{padding:25px 18px 30px}.about-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.portrait img{width:220px;height:220px}.about-copy{padding:0}.about-copy h3{font-size:27px}.about-copy p{font-size:14px;line-height:1.6}.about-copy p+p{margin-top:12px}.tools-grid{gap:12px;padding:0;grid-template-columns:repeat(2,1fr)}.tools-grid article{min-height:148px}.tools-grid p{font-size:11px}.contact-grid{gap:14px;padding:0}.contact-card{min-height:174px;padding:16px 6px}.contact-card img{width:40px;height:40px;margin-bottom:18px}.contact-card h3{font-size:23px;margin-bottom:15px}.contact-card>span{font-size:11px}.contact-intro{font-size:14px}.floating-contact{right:14px;bottom:18px;width:44px;height:44px}.floating-contact img{width:44px;height:44px}footer{font-size:13px;height:135px;padding-bottom:35px}.profile-dialog{padding:35px 24px}}
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('assets/optimized/anton-latin.woff2') format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:100 900;font-display:swap;src:url('assets/optimized/geist-latin-variable.woff2') format('woff2')}
.skip-link { color:var(--ink); }
.social-link { min-width:44px; min-height:44px; display:grid; place-items:center; }
.showcase { position:relative; }
.showcase-row { justify-content:flex-start; }
@media(max-width:1440px){.showcase-track > .showcase-card:nth-child(n+17){display:none}}
.track-offscreen .showcase-track,.track-offscreen .brand-track { animation-play-state:paused; }
/* Small, coordinated movements complement the email gallery. */
.stat, .tools-grid article, .benefits article {
  transition: transform .3s ease, background-color .3s ease, box-shadow .3s ease;
}
.benefits article img, .tools-grid img, .contact-card img, .button img {
  transition: transform .3s cubic-bezier(.22, 1, .36, 1);
}
.header-cta, .social-link {
  transition: transform .25s ease, background-color .25s ease;
}
.stat strong { font-variant-numeric: tabular-nums; }
.stat-value { display:inline-flex; align-items:baseline; }
.stat-number { display:inline-block; min-width:var(--counter-width); text-align:right; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media (hover: hover) and (pointer: fine) {
  .stat:hover, .tools-grid article:hover {
    transform: translateY(-6px);
    background-color: rgba(13,39,76,.92);
    box-shadow: 0 12px 30px #000d2433;
  }
  .benefits article:hover { transform: translateY(-4px); }
  .benefits article:hover img, .tools-grid article:hover img {
    transform: translateY(-3px) rotate(-5deg);
  }
  .contact-card:hover img { transform: translateY(-4px); }
  .button:hover img { transform: translateX(4px); }
  .header-cta:hover, .social-link:hover { transform: translateY(-2px); }
}
.button:active, .header-cta:active { transform: translateY(1px) scale(.98); }
.floating-contact::after {
  content:'';
  position:absolute;
  inset:-3px;
  border:2px solid var(--accent);
  border-radius:50%;
  pointer-events:none;
  opacity:0;
}
@media (prefers-reduced-motion: no-preference) {
  .site-header, .hero h1, .hero > p, .hero-actions { animation:hero-arrive .68s cubic-bezier(.22,1,.36,1) backwards; }
  .hero h1 { animation-delay:.1s; }
  .hero > p { animation-delay:.2s; }
  .hero-actions { animation-delay:.3s; }
  .site-header:focus-within, .hero-actions:focus-within { animation:none; }
  .availability-dot::after { animation:availability-pulse 2s ease-out infinite; }
  dialog[open] { animation: dialog-enter .25s cubic-bezier(.22, 1, .36, 1); }
  dialog[open]::backdrop { animation: backdrop-enter .25s ease-out; }
  .floating-contact { animation: contact-arrive .6s 1s backwards; }
  .floating-contact::after { animation:upwork-pulse 1.4s 1.6s ease-out infinite both; }
}
@keyframes upwork-pulse {
  0% { opacity:0; transform:scale(.94); }
  18% { opacity:.7; }
  100% { opacity:0; transform:scale(1.35); }
}
@keyframes hero-arrive { from { transform:translateY(24px); } to { transform:translateY(0); } }
@keyframes availability-pulse {
  0% { opacity:.65; transform:scale(1); }
  100% { opacity:0; transform:scale(2.1); }
}
@keyframes dialog-enter {
  from { opacity: 0; transform: translateY(12px) scale(.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes backdrop-enter { from { opacity: 0; } to { opacity: 1; } }
@keyframes contact-arrive {
  from { opacity: 0; transform: translateY(18px) scale(.85); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Navy surfaces, ice-blue accents, and high-contrast calls to action. */
.testimonial-heading { text-align:center; }
.testimonial-eyebrow { color:var(--accent); font-size:12px; font-weight:700; letter-spacing:2px; margin-bottom:12px; }
.testimonial-feature { margin:0; min-width:0; }
.testimonial-media video { object-fit:contain; background:#06162f; }
.testimonial-grid:has(.is-portrait) { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); max-width:1000px; width:100%; margin-inline:auto; }
.testimonial-grid:has(.is-portrait) .testimonial-feature { width:100%; max-width:340px; justify-self:center; }
.testimonial-media.is-portrait { aspect-ratio:9/16; }
@media(max-width:600px){.testimonial-grid:has(.is-portrait){grid-template-columns:1fr}.testimonial-grid:has(.is-portrait) .testimonial-feature{max-width:320px}}
.testimonial-placeholder { display:flex; align-items:center; flex-direction:column; gap:12px; padding:24px; text-align:center; }
.testimonial-placeholder img { margin-bottom:6px; }
.testimonial-placeholder p { font-size:20px; font-weight:600; }
.testimonial-placeholder span { color:var(--muted); font-size:14px; }
.testimonial-client { display:flex; flex-direction:column; gap:5px; padding:18px 2px 0; }
.testimonial-client strong { font-size:18px; }
.testimonial-client span { color:var(--muted); font-size:14px; }
.testimonial-error { color:var(--muted); margin-top:14px; font-size:14px; }
.testimonial-error a { color:var(--accent); text-decoration:underline; text-underline-offset:3px; }
.testimonial-transcript { margin-top:18px; border-top:1px solid var(--border); padding-top:14px; }
.testimonial-transcript summary { cursor:pointer; color:var(--accent); padding:10px 0; min-height:44px; }
.testimonial-transcript summary:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
.testimonial-transcript p { color:var(--muted); line-height:1.65; white-space:pre-line; padding-top:8px; }
@media(max-width:600px){.testimonial-client{text-align:center}.testimonial-placeholder{gap:8px;padding:16px}.testimonial-placeholder img{width:48px;height:48px}.testimonial-placeholder p{font-size:18px}}
.stat, .tools-grid article, .contact-card {
  background: var(--surface);
  border-color: var(--border);
}
.tools-grid article, .contact-card { border-radius: 16px; }
.testimonial-media { border-color: var(--border); box-shadow: inset 0 0 80px #93dfff06; }
.hero > p, .benefits article p, .testimonial-copy p, .about-copy p,
.contact-intro, .tools-grid p, .stat p, footer { color: var(--muted); }
.contact-card > span { color: #d5e4f5; }
.button-primary img { filter: brightness(0); }
.button-primary:hover { background: #dff4ff; box-shadow: 0 8px 26px #93dfff24; }
.button-outline { background: #ffffff06; }
.stat:hover, .tools-grid article:hover, .contact-card:hover { border-color: #93dfff80; }
.contact-card:hover { background: rgba(13,39,76,.92); }
.header-cta { background: #ffffff08; }
.profile-dialog, .dialog-bar { background: #091c37; }
/* Exact textured glow asset from Figma 123:3800, cropped as in the reference. */
body {
  background: #00142e;
  color: #fff;
  isolation: isolate;
}
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: #00142e url('assets/optimized/background.webp') center bottom / 100% 140.32% no-repeat;
}
.hero h1 span { color: var(--accent); }
.hero > p { color: #e0e8f3; }
.testimonial-copy p, .contact-intro, footer { color: var(--muted); }
.header-cta, .button-outline { border-color: #ffffffa6; }
.header-cta:hover, .button-outline:hover { background: #ffffff12; }
.brand img, .brand-strip img { filter: brightness(0) invert(1); opacity: 1; }
.social-link img { filter: brightness(0) invert(1); }
.availability { display:inline-flex; align-items:center; gap:10px; line-height:1.2; }
.availability-label { line-height:1.2; }
.availability-dot { position:relative; display:block; flex:0 0 10px; width:10px; height:10px; border-radius:50%; color:#79e4b6; background:currentColor; }
.availability-dot::after { content:''; position:absolute; inset:0; border:1px solid currentColor; border-radius:50%; opacity:0; pointer-events:none; }
.panel, .stat, .tools-grid article, .contact-card { color: var(--text); }
@media (max-width: 600px) {
  .testimonial-copy { text-align: center; }
  body::before { background-size: auto 140.32%; }
}

.portrait img { border-radius: 50%; border: 1px solid #93dfff40; box-shadow: 0 12px 36px #000d244d; }
.about .panel { padding: 32px 40px 40px; }
.about-grid { grid-template-columns: .85fr 1.15fr; gap: 48px; margin-top: 36px; }
.about-copy { min-width: 0; padding: 0; }
.founder-heading { margin-bottom: 24px; }
.about-copy h3 { margin: 0 0 8px; font-size: 40px; line-height: 1.15; }
.about-copy .founder-role { color: var(--accent); font-size: 15px; font-weight: 600; line-height: 1.5; }
.founder-bio { display: grid; gap: 18px; }
.about-copy .founder-bio p { margin: 0; font-size: 15px; line-height: 1.75; }
.about-copy .founder-intro { color: var(--text); font-size: 17px; font-weight: 500; }
.founder-bio strong { color: var(--text); font-weight: 650; }
.founder-invite { padding-top: 18px; border-top: 1px solid var(--border); }
.founder-invite a { color: var(--accent); font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
@media(max-width:900px) {
  .about .panel { padding-inline: 24px; }
  .about-grid { grid-template-columns: .75fr 1.25fr; gap: 24px; }
}
@media(max-width:600px) {
  .about .panel { padding: 28px 20px 32px; }
  .about-grid { grid-template-columns: 1fr; gap: 28px; margin-top: 28px; }
  .about-copy { text-align: center; }
  .about-copy h3 { font-size: 34px; }
  .about-copy .founder-role { font-size: 14px; }
  .about-copy .founder-bio p { font-size: 14px; line-height: 1.7; }
  .about-copy .founder-intro { font-size: 16px; }
}

/* Show the complete email inside the available screen height. */
.project-dialog, .project-dialog * {
  -webkit-user-select: none;
  user-select: none;
}
.project-dialog {
  width: min(960px, calc(100vw - 32px));
  height: calc(100vh - 32px);
  height: calc(100dvh - 32px);
  max-height: none;
  overflow: hidden;
}
.project-dialog[open] { display: flex; flex-direction: column; }
.project-dialog .dialog-bar { position: static; flex: 0 0 auto; gap: 12px; }
.project-dialog .close-dialog { flex: 0 0 44px; }
.project-stage { position: relative; flex: 1 1 0; min-height: 0; }
.project-dialog .project-preview {
  display: block;
  min-height: 0;
  width: 100%;
  height: 100%;
  padding: 12px 64px;
  object-fit: contain;
  object-position: center;
}
.project-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid #93dfff66;
  border-radius: 50%;
  background: #091c37;
  color: var(--accent);
}
.project-prev { left: 12px; }
.project-next { right: 12px; }
.project-nav:hover { background: #153756; border-color: var(--accent); }
.project-nav:focus-visible { outline-offset: 3px; }
@media(max-width:600px) {
  .project-dialog .project-preview { padding-inline: 56px; }
  .project-prev { left: 6px; }
  .project-next { right: 6px; }
}

/* Two equal logo groups make the marquee loop without a jump. */
.brand-strip {
  --logo-gap: 40px;
  display: block;
  mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
}
.brand-track { display:flex; align-items:center; width:max-content; height:100%; }
.brand-logo-group { display:flex; flex-shrink:0; align-items:center; gap:var(--logo-gap); padding-right:var(--logo-gap); }
.brand-strip:hover .brand-track, .brand-strip:focus-within .brand-track { animation-play-state:paused; }
.brand-strip:focus-visible { outline:2px solid var(--accent); outline-offset:8px; border-radius:8px; }
@media (prefers-reduced-motion:no-preference) {
  .brand-track { animation:brand-marquee 36s linear infinite; }
}
@keyframes brand-marquee { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@media(max-width:900px) { .brand-strip { --logo-gap:28px; } }
@media(max-width:600px) { .brand-strip { --logo-gap:25px; } }
@media(prefers-reduced-motion:reduce) {
  .brand-strip { overflow-x:auto; mask-image:none; }
  .brand-logo-group[aria-hidden="true"] { display:none; }
}
.brand { gap:11px; flex-shrink:0; }
.brand img { width:auto; height:48px; filter:none; opacity:1; }
@media(max-width:600px) {
  .site-header .brand img { width:auto; height:40px; }
  .site-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: 'brand actions' 'status actions';
    gap: 4px 12px;
    height: 104px;
    padding-block: 14px;
  }
  .site-header .brand { grid-area: brand; height: auto; align-self: end; }
  .site-header .availability { grid-area: status; min-height: 22px; font-size: 12px; gap: 8px; align-self: start; }
  .availability-label { display: inline; }
  .site-header nav { grid-area: actions; margin-left: 0; }
}