/* Homepage + story pages. Shared tokens/header/footer/buttons live in site.css.
   Palette: midnight navy, dusk blue, worn wood, amber, teal (restrained effects). */
:root{
  --midnight:#0D1326; --dusk:#243B5E; --wood:#7A5A40; --amber:#FFBB13; --teal:#1FB8A0;
  --step-red:#EF625B; --step-yellow:#FFC857; --step-green:#42D6AE;
  --cream:#FAF5EC; --cream-ink:#0A0A08; --cream-soft:#5B5242; --coral:#EA4C4F;
}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:-999px;top:8px;background:#fff;color:var(--ink);padding:10px 14px;border-radius:8px;z-index:50}
.skip-link:focus{left:8px}
img{height:auto}

/* ---------- HERO ---------- */
.hero{position:relative;isolation:isolate;background:var(--midnight);color:#fff;overflow:hidden;min-height:clamp(560px,56.25vw,86vh);display:flex;align-items:flex-end}
.hero-art,.hero-art img{position:absolute;inset:0;width:100%;height:100%}
.hero-art img{object-fit:cover;object-position:68% 30%;z-index:-2}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(13,19,38,.82) 0%,rgba(13,19,38,.55) 38%,rgba(13,19,38,0) 70%),
             linear-gradient(180deg,rgba(13,19,38,0) 55%,rgba(13,19,38,.85) 100%)}
.hero .wrap{position:relative;z-index:2;padding-top:96px;padding-bottom:64px;width:100%}
.hero h1{font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-weight:900;font-size:clamp(44px,5.6vw,92px);line-height:.98;letter-spacing:-.02em;margin:0 0 24px;max-width:6.4em;color:#fff}
.hero h1 .hero-amber{color:var(--amber)}
.hero-sub{font-size:clamp(16px,1.6vw,19px);line-height:1.65;color:rgba(255,255,255,.9);max-width:46ch;margin:0 0 34px}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
.hero .btn{font-weight:700;font-size:clamp(19px,1.5vw,22px);min-height:56px;padding:0 30px;justify-content:center}
/* coral primary (same coral as the "Made from real life" button; white bold text >= 18.66px = AA large) */
.hero .btn.hero-primary{background:var(--coral);color:#fff}
.hero .btn.hero-primary:hover{background:#C93538}
.hero .btn.secondary{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.7)}
.hero .btn.secondary:hover{background:rgba(255,255,255,.22);border-color:#fff}
/* Narrow desktops: the buttons stack so the row stays clear of Sparky. */
@media (min-width:901px) and (max-width:1100px){.hero-ctas{flex-direction:column;align-items:flex-start}}
/* Phones and small tablets: the art has dark quiet sky on top and Sparky in the lower half, so the copy is laid
   out ABOVE the image in normal flow. Nothing is ever overlaid on Sparky. */
@media (max-width:900px){
  .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;background:var(--midnight)}
  .hero::before{display:none}
  .hero .wrap{order:1;position:relative;z-index:2;padding-top:24px;padding-bottom:12px}
  .hero h1{max-width:none;margin-bottom:14px;font-size:clamp(40px,10.4vw,72px)}
  .hero-sub{font-size:16px;line-height:1.5;margin-bottom:18px}
  .hero-ctas{gap:10px;flex-direction:column;align-items:flex-start}
  .hero .btn{min-height:50px}
  /* the image tucks up under the buttons by 72px: that strip is empty sky, Sparky starts well below it */
  .hero-art{order:2;position:relative;inset:auto;width:100%;height:auto;margin-top:-72px}
  .hero-art img{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1/.92;object-fit:cover;object-position:50% 100%}
  /* blend the top of the sky into the section background so there is no visible seam */
  .hero-art::after{content:"";position:absolute;left:0;right:0;top:0;height:32%;pointer-events:none;
    background:linear-gradient(180deg,var(--midnight) 0%,rgba(13,19,38,.75) 35%,rgba(13,19,38,0) 100%)}
}

@media (max-width:520px){
  .hero-ctas{align-items:stretch;width:100%}
}

/* ---------- Spot. Shape. Share. band (live text, red / yellow / teal) ---------- */
.spot-band{background:#080c19;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.spot-words{margin:0;display:flex;flex-wrap:wrap;gap:4px clamp(22px,5vw,72px);padding:clamp(14px,1.8vw,24px) 0;font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-weight:900;font-size:clamp(28px,4vw,54px);line-height:1.1;letter-spacing:-.01em}
.spot-words .w{display:inline-flex;align-items:center;gap:.4em}
.spot-words .w::before{content:"";width:.34em;height:.34em;border-radius:50%;background:currentColor;box-shadow:0 0 .6em currentColor;flex:none;opacity:.95}
.w-red{color:var(--step-red)}.w-yellow{color:var(--step-yellow)}.w-teal{color:var(--step-green)}

/* ---------- FILM: a restrained film-strip contact sheet ---------- */
/* Six frames, small radii, hairline borders, tight gaps, perforations top and bottom, compact captions. */
.film{background:var(--midnight);color:#fff;padding:clamp(44px,5vw,68px) 0 clamp(32px,3.6vw,48px)}
.film .section-tag{color:#8fa0c8}
.film .section-head{max-width:none;margin-bottom:0}
.film .section-head h2{font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(28px,3.6vw,46px);line-height:1.1;letter-spacing:-.015em;color:#fff;max-width:20em}
.film-steps{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.film-steps>li{display:flex}
.film-step{--perf:rgba(255,255,255,.13);display:flex;flex-direction:column;width:100%;margin:0;background:#080c19;border:1px solid rgba(255,255,255,.07);border-radius:3px;overflow:hidden}
.film-step::before,.film-step::after{content:"";display:block;flex:none;height:10px;background:repeating-linear-gradient(90deg,var(--perf) 0 6px,transparent 6px 14px) 5px 50%/100% 4px no-repeat}
.film-step picture,.film-step img{display:block;width:100%}
.film-step img{aspect-ratio:16/9;object-fit:cover;background:#0b1224}
.film-step figcaption{flex:1 1 auto;padding:7px 12px 4px;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:baseline;column-gap:9px}
.step-count{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}
.step-name{font-family:'Space Grotesk',sans-serif;font-size:clamp(17px,1.55vw,21px);line-height:1.2;font-weight:600;letter-spacing:-.005em;margin:0}
.step-red .step-count,.step-red .step-name{color:var(--step-red)}
.step-yellow .step-count,.step-yellow .step-name{color:var(--step-yellow)}
.step-green .step-count,.step-green .step-name{color:var(--step-green)}
.step-red{border-top:2px solid var(--step-red)}.step-yellow{border-top:2px solid var(--step-yellow)}.step-green{border-top:2px solid var(--step-green)}
.film-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:10px 32px;flex-wrap:wrap;margin-top:16px}
.film-note{margin:0;color:#9fb0d6;font-size:14px;max-width:60ch}
.film-disclaimer{margin:0 0 0 auto;text-align:right;font-size:13px;line-height:1.4;color:#b8c3e0;letter-spacing:.02em}
/* Phones: two columns of the portrait frames (all six captions visible, in order, Sparky + phone intact) */
@media (max-width:780px){
  .film-steps{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:20px}
  .film-step::before,.film-step::after{height:8px;background-size:100% 3px;background-image:repeating-linear-gradient(90deg,var(--perf) 0 4px,transparent 4px 10px)}
  .film-step img{aspect-ratio:4/5}
  .film-step figcaption{padding:6px 8px 3px;column-gap:6px}
  .step-count{font-size:9.5px;letter-spacing:.06em}
  .step-name{font-size:14.5px;line-height:1.18}
  .film-foot{margin-top:12px}
}

/* ---------- MADE FROM REAL LIFE (editorial cream; matches the approved reference) ---------- */
/* The headline, copy, button and integration line are live HTML. Only the laptop/phone photo is an image. */
.real-life{--rl-cream:#FAF5EC;--rl-ink:#0A0A08;--rl-coral:#EA4C4F;--rl-coral-dark:#C93538;--rl-amber:#FFBB13;--rl-grey:#6B675E;
  background:var(--rl-cream);color:var(--rl-ink);overflow:hidden;border-top:1px solid #eadfca;border-bottom:1px solid #eadfca}
.rl-stage{position:relative;max-width:1680px;margin:0 auto;display:grid;grid-template-columns:100%;grid-template-areas:"stage" "foot"}
.rl-main{grid-area:stage;align-self:start;padding:clamp(40px,4.4vw,72px) 0 clamp(24px,3vw,48px) clamp(24px,5.1vw,86px);position:relative;z-index:2}
.rl-title{font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-weight:900;font-size:clamp(58px,9vw,150px);line-height:.92;letter-spacing:-.025em;margin:0;color:var(--rl-ink);white-space:nowrap}
.rl-rule{display:block;width:clamp(84px,7.8vw,130px);height:5px;background:var(--rl-amber);margin:clamp(22px,2.4vw,38px) 0 clamp(22px,2.4vw,38px)}
.rl-sub{font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(26px,3.15vw,52px);line-height:1.18;letter-spacing:-.01em;margin:0;max-width:11.5em;color:var(--rl-ink)}
.rl-btn{display:inline-flex;align-items:center;gap:.6em;margin-top:clamp(24px,2.6vw,42px);min-height:56px;padding:.8em 2.1em;border-radius:999px;background:var(--rl-coral);color:#fff;
  font-family:'Inter',system-ui,sans-serif;font-weight:700;font-size:clamp(19px,1.7vw,26px);text-decoration:none;letter-spacing:.005em;transition:background .18s ease,transform .18s ease}
.rl-btn:hover{background:var(--rl-coral-dark);transform:translateY(-2px)}
.rl-btn:focus-visible{outline:3px solid var(--rl-ink);outline-offset:4px}
.rl-arrow{font-weight:400}
.rl-art{grid-area:stage;margin:clamp(14px,2.1vw,34px) 0 0 22.9%;position:relative;align-self:start;pointer-events:none}
/* the photo starts a little below the section top (clearing the headline) and fades in rather than ending on a hard line */
.rl-art picture{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 clamp(18px,3.2vw,52px));mask-image:linear-gradient(to bottom,transparent 0,#000 clamp(18px,3.2vw,52px))}
.rl-art figcaption{pointer-events:auto}
.rl-art picture,.rl-art img{display:block;width:100%;height:auto}
.rl-caption{text-align:right;font-size:12px;line-height:1.35;color:#4f4a40;padding:6px clamp(12px,1.6vw,28px) 0}
.rl-foot{grid-area:foot;display:flex;justify-content:space-between;align-items:flex-end;gap:20px 48px;flex-wrap:nowrap;padding:clamp(20px,2.4vw,40px) clamp(24px,5.1vw,86px) clamp(32px,3.6vw,60px)}
.rl-foot-main{border-left:4px solid var(--rl-amber);padding-left:clamp(18px,2.4vw,40px)}
.rl-foot h3{font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-weight:900;font-size:clamp(26px,2.9vw,48px);line-height:1.08;letter-spacing:-.015em;margin:0 0 .15em}
.rl-foot p{margin:0}
.rl-foot-main p{font-family:'Inter',system-ui,sans-serif;font-size:clamp(16px,1.7vw,29px);line-height:1.35;color:var(--rl-ink)}
.rl-dev{border-left:3px solid var(--rl-amber);padding-left:clamp(14px,1.4vw,22px);font-family:'Inter',system-ui,sans-serif;font-style:italic;font-size:clamp(14px,1.3vw,21px)!important;line-height:1.35;color:var(--rl-grey);max-width:17em;flex:0 0 auto;text-wrap:balance}
@media (min-width:1700px){.rl-art img{-webkit-mask-image:linear-gradient(to left,transparent 0,#000 6%);mask-image:linear-gradient(to left,transparent 0,#000 6%)}}
@media (max-width:900px){
  .rl-stage{display:block}
  .rl-main{position:static}
  .rl-main{padding:48px 20px 8px}
  .rl-title{font-size:clamp(52px,18.6vw,140px)}
  .rl-sub{font-size:clamp(26px,7vw,48px);max-width:none}
  .rl-btn{font-size:19px;padding:.8em 1.8em}
  .rl-art{margin:12px 0 0;pointer-events:auto}
  .rl-art picture{-webkit-mask-image:none;mask-image:none}
  .rl-caption{text-align:left;padding:8px 20px 0}
  .rl-foot{padding:28px 20px 44px;display:block}
  .rl-foot-main{padding-left:18px}
  .rl-foot h3{font-size:clamp(26px,7.2vw,44px)}
  .rl-foot-main p{font-size:clamp(17px,4.6vw,24px)}
  .rl-foot .rl-dev{margin-top:24px;max-width:none;font-size:16px!important}
}

/* ---------- RECENT: compact Facebook panel on navy, fallback link clearly visible ---------- */
.seen{background:var(--midnight);color:#fff;padding:clamp(36px,4.4vw,64px) 0 clamp(44px,5vw,72px);border-top:1px solid rgba(255,255,255,.07)}
.seen-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:24px clamp(32px,5vw,72px);align-items:start}
.seen-intro{padding-top:4px}
.seen .section-tag{color:#8fa0c8}
.seen-intro h2{font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(28px,3.6vw,46px);line-height:1.1;letter-spacing:-.015em;color:#fff;margin:0;max-width:12em}
.seen-intro h2::after{content:"";display:block;width:84px;height:5px;background:var(--amber);margin:20px 0 0}
.seen-lede{color:#c5cee6;font-size:17px;line-height:1.55;margin:18px 0 0;max-width:26em}
.seen .social-links{margin:10px 0 0}
.seen .social-links a{color:var(--step-green);text-decoration:none}
.seen .social-links a:hover{color:#fff}
.panel{background:#101a33;border:1px solid rgba(255,255,255,.09);border-radius:4px;padding:14px 14px 12px;color:#fff}
.panel h2,.panel h3{font-family:'Space Grotesk',sans-serif;font-size:18px;letter-spacing:-.005em;font-weight:600;margin:0 0 10px;color:#fff}
.panel .panel-kicker{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8fa0c8;margin:0 0 3px}
.panel .panel-note{color:#c5cee6;font-size:14px;line-height:1.5;margin:0 0 14px}
.fb-frame{border:0;width:100%;max-width:min(500px,100%);height:580px;display:block;margin:0 auto;border-radius:3px;background:#eef1f6}
.fb-fallback{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:10px 0 0;font-size:14px;line-height:1.4;color:#c5cee6}
.fb-fallback a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 18px;border-radius:999px;background:var(--amber);color:#0D1326;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;text-decoration:none;transition:background .18s ease}
.fb-fallback a:hover{background:#fff}
#latest-spot{grid-column:1/-1}
.latest-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.latest-item{display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:start}
.latest-item.no-image{grid-template-columns:1fr}
.latest-item img{width:88px;height:88px;object-fit:cover;border-radius:3px;background:#0b1224}
.latest-item h3{font-family:'Space Grotesk',sans-serif;font-size:17px;margin:0 0 4px;letter-spacing:-.005em}
.latest-item h3 a{color:#fff;text-decoration:none}.latest-item h3 a:hover{color:var(--amber)}
.latest-item time{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#8fa0c8}
.latest-item p{margin:6px 0 0;color:#c5cee6;font-size:14.5px;line-height:1.5}
.latest-more{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-family:'Space Grotesk',sans-serif;font-weight:600;color:var(--step-green);text-decoration:none}
.latest-more:hover{color:#fff}
@media (max-width:860px){
  .seen-grid{grid-template-columns:1fr;gap:18px}
  .seen-intro h2{max-width:none}
  .fb-fallback a{flex:1 1 100%;justify-content:center;text-align:center;padding:8px 14px;line-height:1.25}
}

/* ---------- STORY PAGES ---------- */
.story{max-width:720px;margin:0 auto;padding:56px 20px 72px}
.story .crumb{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.story .crumb a{color:var(--ink-faint);text-decoration:none}.story .crumb a:hover{color:var(--blue)}
.story h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(30px,5vw,46px);line-height:1.1;letter-spacing:-.02em;margin:14px 0 10px}
.story time{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--ink-faint)}
.story-body{font-size:18px;line-height:1.75;margin-top:28px;overflow-wrap:anywhere}
.story-body p{margin:0 0 1.1em}
.story-images{display:grid;gap:16px;margin:28px 0 0}
.story-images img{width:100%;border-radius:10px;background:#e8ebf2}
.story-source{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-soft)}
.story-list{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:28px}
.story-list h2{font-family:'Space Grotesk',sans-serif;font-size:22px;margin:0 0 4px}
.story-list h2 a{text-decoration:none}.story-list h2 a:hover{color:var(--blue)}
.story-list p{margin:6px 0 0;color:var(--ink-soft);line-height:1.6}

/* ---------- misc ---------- */
.header-link.active{color:var(--ink)}
@media (max-width:640px){.header-nav{gap:14px}.header-link{font-size:13px}}

/* ---------- FOUNDER (cream) and CONTACT (navy): the same palette and serif voice as the rest of the page ---------- */
.positioning{background:var(--cream);color:var(--cream-ink);padding:clamp(48px,6vw,88px) 0;border-top:1px solid #eadfca}
.positioning-inner{max-width:60rem}
.positioning-inner::before{content:"";display:block;width:84px;height:5px;background:var(--amber);margin-bottom:26px}
.positioning blockquote{margin:0;max-width:24em;font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(24px,3.3vw,44px);line-height:1.22;letter-spacing:-.01em;color:var(--cream-ink)}
.positioning cite{display:block;font-style:normal;font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.02em;color:var(--cream-soft);margin-top:22px}
.cta{background:var(--midnight);color:#fff;padding:clamp(52px,6.5vw,96px) 0;text-align:left}
.cta h2{font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(30px,4.6vw,62px);line-height:1.08;letter-spacing:-.02em;margin:0 0 28px;max-width:19em;color:#fff}
.cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 28px}
.cta-btn{display:inline-flex;align-items:center;gap:.6em;min-height:56px;padding:0 2em;border-radius:999px;background:var(--amber);color:#0D1326;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(17px,1.5vw,20px);text-decoration:none;transition:background .18s ease,transform .18s ease}
.cta-btn:hover{background:#fff;transform:translateY(-2px)}
.cta-btn:focus-visible,.cta-link:focus-visible{outline:3px solid #fff;outline-offset:4px}
.cta-link{display:inline-flex;align-items:center;min-height:44px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:16px;color:var(--step-green);text-decoration:none}
.cta-link:hover{color:#fff}

/* header and footer in the same palette (also used by the story pages) */
body{background:var(--cream)}
header{background:rgba(250,245,236,.92);border-bottom:1px solid #eadfca}
footer{background:#070b16;color:#9fb0d6;border-top:1px solid rgba(255,255,255,.08)}
.footer-inner{color:#9fb0d6}
.footer-nav{display:flex;gap:6px 14px;flex-wrap:wrap}
.footer-nav a{color:#cfd8f0;text-decoration:none}
.footer-nav a:hover{color:var(--amber)}
.footer-inner a:focus-visible{outline-color:#fff}

.wordmark{display:inline-flex;align-items:center;min-height:44px}
.wordmark img{height:24px;width:auto;display:block}

.social-links{list-style:none;display:flex;gap:16px;margin:14px 0 0;padding:0;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px}

/* Content is visible without JavaScript. The reveal animation only hides things when JS is running
   (the <html class="js"> flag is set in the page head), so crawlers, readers and no-JS visitors see everything. */
.reveal{opacity:1;transform:none}
.js .reveal:not(.in){opacity:0;transform:translateY(18px)}

/* ---------- compact header on phones: ONE row (~60px), not two (145px) ---------- */
/* The 44px touch targets made the logo and nav wrap onto two rows. "How it works" is dropped from the phone nav
   (the hero already has a "See How SPOT Works" button for the same anchor); "Web design" and "Talk to us" stay. */
@media (max-width:520px){
  .header-inner{padding:8px 0;gap:8px;flex-wrap:nowrap}
  .header-nav{gap:2px}
  .header-link[href="#how-it-works"]{display:none}
  .header-cta{padding:0 14px;font-size:13px}
}

/* ---------- touch targets and focus (refinement pass) ---------- */
.header-link{display:inline-flex;align-items:center;min-height:44px;padding:0 6px}
.header-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 18px}
.footer-inner a,.footer-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 6px}
.latest-more,.social-links a{display:inline-flex;align-items:center;min-height:44px}
.hero a:focus-visible,.film a:focus-visible,.hero button:focus-visible{outline-color:#fff}


.site-language select{font:inherit;font-size:12px;padding:7px;background:transparent;color:inherit;border:1px solid currentColor;border-radius:4px;max-width:95px}.featured-client{display:grid;grid-template-columns:1fr 1fr;background:#f3eee5;color:#13232c;border-bottom:1px solid #d9d1c4}.featured-image img{display:block;width:100%;height:100%;min-height:440px;object-fit:cover;object-position:65% center}.featured-copy{padding:65px 9%}.featured-copy h2{font:400 clamp(32px,3.7vw,51px)/1.12 'Playfair Display',Georgia,serif;letter-spacing:-1px}.featured-copy p{font-size:15px;line-height:1.8;color:#4e5d60}.featured-copy small{display:block;font-size:12px;color:#66716b;line-height:1.6;margin-top:25px}.featured-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:25px}.featured-actions .btn{background:#13232c;color:white}.featured-actions>a:not(.btn){font-size:13px;text-decoration:underline}.site-language{display:inline-block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:780px){.featured-client{grid-template-columns:1fr}.featured-image img{height:260px;min-height:0}.featured-copy{padding:36px 6%}.header-inner{flex-wrap:wrap}.header-nav{gap:10px;flex-wrap:wrap}.header-link{font-size:12px}}