/* ── self-hosted fonts (assets/fonts) — no external requests ── */
@font-face{font-family:"Bricolage Grotesque";src:url("assets/fonts/bricolage-latin-var.woff2") format("woff2-variations");font-weight:200 800;font-stretch:75% 100%;font-display:swap;font-style:normal}
@font-face{font-family:Manrope;src:url("assets/fonts/manrope-400.woff2") format("woff2");font-weight:400;font-display:swap;font-style:normal}
@font-face{font-family:Manrope;src:url("assets/fonts/manrope-500.woff2") format("woff2");font-weight:500;font-display:swap;font-style:normal}
@font-face{font-family:Manrope;src:url("assets/fonts/manrope-600.woff2") format("woff2");font-weight:600;font-display:swap;font-style:normal}
@font-face{font-family:"JetBrains Mono";src:url("assets/fonts/jetbrains-400.woff2") format("woff2");font-weight:400;font-display:swap;font-style:normal}

/* ── tokens ─────────────────────────────────────────── */
:root{
  --ink:#070A10; --surface:#0A0F17; --card:#0E1620; --card2:#131E2A;
  --line:#17232E; --line2:#22323F;
  --blue:#2E86F5; --blue-lt:#6FAEFF; --blue-dk:#1C6AD0;
  --paper:#F0F3F6; --ash:#8195A8; --dim:#707F8E;
  /* type scale — 6 steps, everything maps to one */
  --fs-2xs:0.6875rem;
  --fs-xs:0.8125rem;
  --fs-sm:0.9375rem;
  --fs-base:1.0625rem;
  --fs-md:1.2500rem;
  --shell:78rem;
  --pad:1.25rem;
  --soft:cubic-bezier(.22,.7,.3,1);
  /* spring settle, 1.7% overshoot — physical, not computed */
  --spring:linear(0, .007, .029 2.2%, .118, .238 6.6%, .606 12.8%, .783 16.5%, .857, .917, .96 24.7%, .986, 1.003 30.2%, 1.014, 1.017 34.4%, 1.014 37.5%, 1.001 45.2%, .997 51.9%, 1);
  --r:.5rem; --r-lg:.625rem;
}
@media(min-width:640px){:root{--pad:2rem}}

/* ── base ───────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--ink);color:var(--paper);
  font-family:Manrope,system-ui,-apple-system,sans-serif;
  font-size:var(--fs-base);line-height:1.7;-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;overflow-x:hidden;
}
h1,h2,h3{
  font-family:"Bricolage Grotesque",system-ui,sans-serif;
  font-weight:700;font-variation-settings:"wdth" 92;
  letter-spacing:-.032em;line-height:1.06;margin:0;text-wrap:balance;
}
p{color:var(--ash);margin:0 0 1.125rem}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;height:auto}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--blue-lt);outline-offset:3px;border-radius:4px}
::selection{background:var(--blue);color:#fff}


body::after{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .028 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
header,main,footer,#lb,#toast{position:relative;z-index:1}
.shell{max-width:var(--shell);margin-inline:auto;padding-inline:var(--pad)}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace}
.eyebrow{font-family:"JetBrains Mono",monospace;font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:0}
.lede{font-size:var(--fs-base);color:#AFC0D0;max-width:62ch}
.note{font-size:var(--fs-xs);color:var(--dim)}
.measure{max-width:62ch}

.skip{position:absolute;left:-9999px}
.skip:focus{position:fixed;left:1rem;top:1rem;z-index:99;background:var(--card);border:1px solid var(--line2);padding:.6rem 1rem;border-radius:.5rem;font-size:var(--fs-xs)}

/* ── motion ─────────────────────────────────────────── */
.rv{opacity:0;transform:translateY(10px);transition:opacity .55s var(--soft),transform .55s var(--soft)}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rv{opacity:1;transform:none}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ── buttons ────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;gap:.5rem;
  font-family:"Bricolage Grotesque",sans-serif;font-weight:600;letter-spacing:-.015em;
  padding:.875rem 1.5rem;border-radius:var(--r);font-size:var(--fs-sm);
  transition:background-color .18s var(--soft),transform .34s var(--spring);
}
.btn-fill{background:var(--blue);color:#fff}
.btn-fill:hover{background:var(--blue-dk)}
.btn-fill:active{transform:scale(.98)}
.btn-sm{padding:.625rem 1rem;font-size:var(--fs-xs);border-radius:.625rem}
.tlink{
  color:var(--blue-lt);font-family:"Bricolage Grotesque",sans-serif;font-weight:600;
  font-size:var(--fs-sm);border-bottom:1px solid rgba(111,174,255,.25);padding-bottom:2px;
  transition:border-color .18s var(--soft);display:inline-flex;align-items:center;gap:.375rem;
}
.tlink:hover{border-color:var(--blue-lt)}
.ic{width:1rem;height:1rem;flex:none}
.ar{transition:transform .32s var(--spring)}
a:hover .ar,button:hover .ar{transform:translateX(3px)}

/* ── header ─────────────────────────────────────────── */
header{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;transition:background-color .3s,border-color .3s,backdrop-filter .3s}
header.stuck{background:rgba(7,10,16,.85);backdrop-filter:blur(12px);border-bottom-color:var(--line)}
.nav{display:flex;align-items:center;height:4rem;gap:1rem}
@media(min-width:1024px){.nav{height:5rem}}
.brand{display:flex;align-items:center;gap:.625rem;font-family:"Bricolage Grotesque",sans-serif;font-weight:600;letter-spacing:-.02em;font-size:var(--fs-base);flex:none}
.brand img{width:1.5rem;height:1.5rem;border-radius:.5rem}
.nav-links{display:none;gap:2rem;font-size:var(--fs-sm);margin-left:auto}
.nav-links a{color:var(--ash);transition:color .18s}
.nav-links a:hover{color:var(--paper)}
@media(min-width:1024px){.nav-links{display:flex}}
.lang{display:flex;gap:2px;border:1px solid var(--line2);border-radius:.625rem;padding:2px;margin-left:auto;font-family:"JetBrains Mono",monospace;font-size:var(--fs-2xs)}
@media(min-width:1024px){.lang{margin-left:2rem}}
.lang button{padding:.5rem .75rem;min-height:2.25rem;display:flex;align-items:center;border-radius:.4375rem;color:var(--dim);transition:color .18s,background-color .18s}
.lang button[aria-pressed="true"]{background:var(--card2);color:var(--paper)}
.lang button:hover{color:var(--paper)}
.nav .btn{margin-left:1rem;display:none}
@media(min-width:640px){.nav .btn{display:inline-flex}}
.burger{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-right:-.75rem;color:var(--ash)}
.burger:hover{color:var(--paper)}
@media(min-width:1024px){.burger{display:none}}
#mn{border-top:1px solid var(--line);background:rgba(10,15,23,.97);backdrop-filter:blur(10px)}
#mn nav{display:flex;flex-direction:column}
#mn a{padding:1.0625rem 0;min-height:2.75rem;display:flex;align-items:center;color:var(--ash);border-bottom:1px solid var(--line)}
#mn a:last-child{color:var(--blue-lt);border-bottom:0;font-weight:600}

/* ── hero ───────────────────────────────────────────── */
.hero{position:relative;padding-top:3rem}
@media(min-width:1024px){.hero{padding-top:5rem}}
.hero h1{font-size:clamp(2.125rem,7vw,4.5rem);letter-spacing:-.035em;line-height:1.02;margin:1.25rem 0 1.75rem;max-width:20ch}
.hero-sub{display:grid;gap:1.5rem;align-items:end}
@media(min-width:640px){.hero-sub{grid-template-columns:minmax(0,1fr) minmax(0,17rem);gap:3rem}}
.hero-sub .lede{font-size:var(--fs-base);margin:0}
@media(min-width:640px){.hero-sub .lede{font-size:var(--fs-md)}.hero-sub .note{border-left:1px solid var(--line);padding-left:1.5rem;margin:0}}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.875rem 1.75rem;margin-top:2.25rem}
.hero-head{max-width:54rem}

/* full-bleed product moment */
.bleed{max-width:var(--shell);margin:2.5rem auto 0;padding-inline:var(--pad)}
@media(min-width:1024px){.bleed{margin-top:3rem}}
.bleed .frame{border:1px solid var(--line2);border-radius:var(--r-lg);background:var(--card);overflow:hidden}
.shot img{transition:transform 1.1s var(--soft)}
.shot:hover img{transform:scale(1.012)}
.zoom{cursor:zoom-in}
.bleed figcaption{
  font-family:"JetBrains Mono",monospace;font-size:var(--fs-2xs);color:var(--dim);margin-top:1rem}

/* capability line */
.caps{display:flex;flex-direction:column;gap:1rem;border-top:1px solid var(--line);padding-top:1.5rem;margin-top:2.75rem}
@media(min-width:1024px){.caps{flex-direction:row;align-items:baseline;justify-content:space-between;margin-top:3.25rem}}
.caps ul{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;list-style:none;padding:0;margin:0;
  font-family:"Bricolage Grotesque",sans-serif;font-weight:600;letter-spacing:-.02em;font-size:var(--fs-sm)}
@media(min-width:640px){.caps ul{font-size:var(--fs-base)}}
.caps li[aria-hidden]{color:var(--line2)}
.caps p{margin:0;max-width:42ch;flex:none}

/* ── sections ───────────────────────────────────────── */
section{padding-block:6rem}
@media(min-width:1024px){section{padding-block:9rem}}
.tinted{background:var(--surface);border-block:1px solid var(--line)}
.grid12{display:grid;gap:2.5rem}
@media(min-width:1024px){.grid12{grid-template-columns:repeat(12,minmax(0,1fr));gap:4rem}}
.sec-h2{font-size:clamp(1.75rem,4.4vw,3.25rem)}
.sec-head{margin-bottom:3.5rem}
@media(min-width:1024px){.sec-head{margin-bottom:5rem}}

/* problem flow */
.flow{list-style:none;margin:0;padding:0 0 0 1.5rem;border-left:1px solid var(--line2);display:grid;gap:1.75rem}
@media(min-width:640px){.flow{padding-left:2rem}}
.flow li{position:relative}
.flow li::before{content:"";position:absolute;left:-1.5rem;top:.8125rem;width:1rem;height:1px;background:var(--blue)}
@media(min-width:640px){.flow li::before{left:-2rem}}
.flow b{display:block;font-family:"Bricolage Grotesque",sans-serif;font-weight:600;letter-spacing:-.015em;font-size:var(--fs-sm)}
.flow span{font-size:var(--fs-sm);color:var(--ash)}

/* spec table */
.spec{border-top:1px solid var(--line);margin:1.75rem 0;font-size:var(--fs-xs)}
.spec>div{display:grid;grid-template-columns:6.25rem 1fr;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--line)}
@media(min-width:640px){.spec>div{grid-template-columns:7.375rem 1fr}}
.spec dt{font-family:"JetBrains Mono",monospace;font-size:var(--fs-2xs);letter-spacing:.07em;text-transform:uppercase;color:var(--dim);padding-top:.25rem}
.spec dd{margin:0;color:#B8C7D6}
.spec dd b{color:var(--paper);font-weight:600}
.spec .code{font-family:"JetBrains Mono",monospace;font-size:var(--fs-xs)}

/* product */
.prod{display:grid;gap:2rem;align-items:center}
@media(min-width:1024px){.prod{grid-template-columns:repeat(12,minmax(0,1fr));gap:3.5rem}}
.prod h3{font-size:clamp(1.625rem,3.4vw,2.125rem);letter-spacing:-.028em;line-height:1.1;margin:.75rem 0 1.25rem}
.plate{border:1px solid var(--line2);border-radius:var(--r-lg);overflow:hidden;background:var(--card)}
.cap{font-family:"JetBrains Mono",monospace;font-size:var(--fs-2xs);color:var(--dim);margin:.875rem 0 0}
.price{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:var(--fs-md);letter-spacing:-.02em}
.price span{font-family:Manrope,sans-serif;font-weight:400;font-size:var(--fs-xs);color:var(--dim);margin-left:.5rem}
.pfoot{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.75rem}

.duo{display:grid;gap:2.5rem;margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--line)}
@media(min-width:640px){.duo{grid-template-columns:1fr 1fr;gap:3rem}}
.duo figure{margin:0}
.duo figure img{border:1px solid var(--line2);border-radius:var(--r)}
.duo figcaption{padding:1rem 0 0;font-size:var(--fs-xs);line-height:1.6;color:var(--ash)}
.duo figcaption b{display:block;color:var(--paper);font-family:"Bricolage Grotesque",sans-serif;font-weight:600;letter-spacing:-.015em;font-size:var(--fs-sm);margin-bottom:.25rem}

/* faq */
.faq{border-top:1px solid var(--line)}
.q{border-bottom:1px solid var(--line)}
.q h3{margin:0}
.q button{
  width:100%;text-align:left;display:grid;grid-template-columns:1.875rem 1fr 1.375rem;gap:.75rem;
  align-items:start;padding:1.25rem 0;
  font-family:"Bricolage Grotesque",sans-serif;font-weight:600;letter-spacing:-.02em;font-size:var(--fs-base);
  color:var(--paper);transition:color .18s;
}
@media(min-width:640px){.q button{grid-template-columns:3.375rem 1fr 1.5rem;gap:2rem;padding:1.5rem 0;font-size:var(--fs-md)}}
.q button:hover{color:var(--blue-lt)}
.q .n{font-family:"JetBrains Mono",monospace;font-size:var(--fs-2xs);color:var(--dim);font-weight:400;padding-top:.5rem}
.q .plus{color:var(--blue);justify-self:end;margin-top:.3125rem;transition:transform .38s var(--spring)}
.q.open .plus{transform:rotate(45deg)}
.acc{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .34s var(--spring),visibility 0s .34s}
.q.open .acc{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .34s var(--spring),visibility 0s}
.acc>*{overflow:hidden;min-height:0}
.acc p{margin:0 0 0 2.625rem;padding-bottom:1.5rem;font-size:var(--fs-sm)}
@media(min-width:640px){.acc p{margin-left:5.375rem}}
.acc .code{font-family:"JetBrains Mono",monospace;font-size:var(--fs-xs);color:var(--blue-lt)}

/* contact */
.kcta h2{font-size:clamp(2rem,5.6vw,3.75rem);letter-spacing:-.035em;line-height:1.02;margin:1.25rem 0 1.75rem}
.klist{border-top:1px solid var(--line);width:100%}
.klist>*{display:grid;grid-template-columns:5.375rem 1fr auto;gap:.75rem;padding:1rem 0;border-bottom:1px solid var(--line);align-items:baseline;width:100%;text-align:left}
.klist dt{font-family:"JetBrains Mono",monospace;font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.klist dd{margin:0;font-family:"Bricolage Grotesque",sans-serif;font-weight:600;letter-spacing:-.015em;font-size:var(--fs-sm);transition:color .18s;overflow-wrap:anywhere}
@media(min-width:640px){.klist dd{font-size:var(--fs-base)}}
.klist a:hover dd,.klist button:hover dd{color:var(--blue-lt)}
.klist .cpyic{color:var(--dim);transition:color .18s;align-self:center}
.klist button:hover .cpyic{color:var(--blue-lt)}
.sig{display:block;margin-top:2.5rem;padding-top:1.75rem;border-top:1px solid var(--line);max-width:62ch;font-size:var(--fs-sm);color:var(--ash)}

/* footer */
footer{border-top:1px solid var(--line);background:var(--surface);padding-block:3rem}
@media(min-width:1024px){footer{padding-block:4rem}}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
@media(min-width:1024px){.fgrid{grid-template-columns:2fr 1fr 1fr;gap:3.5rem}}
.fbrand{grid-column:span 2}
@media(min-width:1024px){.fbrand{grid-column:span 1}}
footer h2{font-family:"JetBrains Mono",monospace;font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-weight:400;margin:0 0 1rem;letter-spacing:.1em}
footer ul{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}
footer ul a{color:var(--ash);font-size:var(--fs-sm);transition:color .18s;overflow-wrap:anywhere}
footer ul a:hover{color:var(--blue-lt)}
.fbot{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;color:var(--dim);font-size:var(--fs-xs)}

/* lightbox + toast */
#lb{position:fixed;inset:0;z-index:200;background:rgba(4,6,10,.95);backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;padding:1.25rem;cursor:zoom-out}
#lb[hidden]{display:none}
#lb img{max-width:100%;max-height:90vh;border-radius:var(--r-lg);border:1px solid var(--line2);object-fit:contain}
#lbx{position:absolute;top:1rem;right:1.25rem;color:var(--ash);padding:.5rem}
#lbx:hover{color:#fff}
#toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%,.75rem);z-index:210;
  background:var(--card);border:1px solid var(--line2);color:var(--paper);font-size:var(--fs-xs);
  padding:.75rem 1.25rem;border-radius:var(--r);opacity:0;pointer-events:none;
  transition:opacity .2s var(--soft),transform .2s var(--soft);display:flex;align-items:center;gap:.5rem}
#toast.on{opacity:1;transform:translate(-50%,0)}
#toast svg{color:#34d399}

/* ── language links (now real anchors, not buttons) ── */
.lang a{padding:.5rem .75rem;min-height:2.25rem;display:flex;align-items:center;border-radius:.4375rem;color:var(--dim);transition:color .18s,background-color .18s}
.lang a[aria-current="true"]{background:var(--card2);color:var(--paper)}
.lang a:hover{color:var(--paper)}

/* ── trust strip ────────────────────────────────────── */
.trust{list-style:none;margin:2.75rem 0 0;padding:1.75rem 0 0;border-top:1px solid var(--line);
  display:grid;gap:1.5rem}
@media(min-width:640px){.trust{grid-template-columns:1fr 1fr;gap:1.75rem 3rem}}
@media(min-width:1024px){.trust{grid-template-columns:repeat(4,1fr);gap:2.5rem}}
.trust b{display:block;font-family:"Bricolage Grotesque",sans-serif;font-weight:600;
  letter-spacing:-.018em;font-size:var(--fs-sm);color:var(--paper);margin-bottom:.3125rem}
.trust span{display:block;font-size:var(--fs-xs);color:var(--dim);line-height:1.55}

/* ── services grid (home) ───────────────────────────── */
.svc{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}
@media(min-width:768px){.svc{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.svc{grid-template-columns:repeat(3,1fr)}}
.svc li{padding:2rem 0;border-bottom:1px solid var(--line)}
@media(min-width:768px){
  .svc li{padding:2.25rem 2rem 2.25rem 0}
  .svc li:nth-child(2n){padding-left:2rem;border-left:1px solid var(--line)}
}
@media(min-width:1024px){
  .svc li{padding:2.5rem 2.25rem 2.5rem 0;border-left:0}
  .svc li:nth-child(2n){padding-left:0;border-left:0}
  .svc li:not(:nth-child(3n+1)){padding-left:2.25rem;border-left:1px solid var(--line)}
}
.svc h3{font-size:var(--fs-md);letter-spacing:-.025em;margin:0 0 .75rem}
.svc p{margin:0;font-size:var(--fs-sm);color:var(--ash)}

/* ── compressed module cards (home) ─────────────────── */
.mods{display:grid;gap:3rem}
@media(min-width:900px){.mods{grid-template-columns:1fr 1fr;gap:4rem}}
.mod h3{font-size:clamp(1.375rem,2.6vw,1.75rem);letter-spacing:-.026em;line-height:1.12;margin:.625rem 0 1rem}
.mod p{font-size:var(--fs-sm)}
.mod .spec{margin:1.5rem 0 1.25rem}

/* ── services long-form (leistungen page) ───────────── */
.svc-long{display:grid;gap:0;border-top:1px solid var(--line)}
.svc-long article{padding:2.75rem 0;border-bottom:1px solid var(--line)}
@media(min-width:1024px){
  .svc-long article{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    gap:4rem;padding:3.5rem 0}
  .svc-long article>.eyebrow{grid-row:1;grid-column:1}
  .svc-long article>h3{grid-row:2;grid-column:1;margin-top:.75rem}
  .svc-long article>p{grid-row:1/span 2;grid-column:2;margin:0}
  .svc-long article>.spec{grid-row:3;grid-column:2;margin:1.75rem 0 0}
}
.svc-long h3{font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.028em;line-height:1.1;margin:.75rem 0 1rem}

/* ── layout utilities (replaces inline style attributes, CSP-safe) ── */
@media(min-width:1024px){
  .c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}
  .c7{grid-column:span 7}.c8{grid-column:span 8}
}
.mt0{margin-top:0}
.mt-xs{margin-top:.5rem}
.mt-1{margin-top:1rem}
.mt-15{margin-top:1.5rem}
.mt-175{margin-top:1.75rem}
.mt-25{margin-top:2.5rem}
.mt-275{margin-top:2.75rem}
.mt-3{margin-top:3rem}
.m0{margin:0}
.w22{max-width:22ch}
.w20{max-width:20ch}
.w34{max-width:34ch}
.pb0{padding-bottom:0}
.h1-sub{font-size:clamp(2rem,6vw,3.75rem)}
.svg-defs{position:absolute}

/* hero trust strip sits closer when it directly follows the CTA */
.trust-hero{margin-top:3.5rem}
@media(min-width:1024px){.trust-hero{margin-top:4.5rem}}

/* ── symptoms: deliberately uneven, not a card grid ── */
.symp{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.symp li{padding:1.75rem 0;border-bottom:1px solid var(--line)}
@media(min-width:900px){
  .symp li{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    gap:3rem;align-items:baseline;padding:2rem 0}
  /* stagger: every other row sits in from the left */
  .symp li:nth-child(even){padding-left:3rem}
}
.sq{margin:0 0 .625rem;color:var(--paper);
  font-family:"Bricolage Grotesque",sans-serif;font-weight:600;letter-spacing:-.022em;
  font-size:var(--fs-md);line-height:1.28;text-wrap:balance}
@media(min-width:900px){.sq{margin-bottom:0}}
.sa{margin:0;font-size:var(--fs-sm);color:var(--ash);line-height:1.6}