@font-face{font-family:Manrope;src:url('/assets/manrope-400.woff2') format('woff2'),url('/assets/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-500.woff2') format('woff2'),url('/assets/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-700.woff2') format('woff2'),url('/assets/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-800.woff2') format('woff2'),url('/assets/manrope-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--ink:#222522;--muted:#555b58;--accent:#c83c64;--line:#22252230;--gutter:clamp(1.4rem,5.7vw,6rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;color:var(--ink);font:400 1rem/1.75 Manrope,Arial,sans-serif;background:#fff;background-image:linear-gradient(#ffffffa8,#ffffffa8),url('/assets/paper-texture.jpg');background-size:auto,640px 640px}::selection{color:white;background:var(--accent)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:6px}img{display:block;max-width:100%}.wrap{width:min(100% - var(--gutter)*2,1400px);margin-inline:auto}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-weight:800;line-height:1.08;letter-spacing:-.055em}em{color:var(--accent);font-style:normal}.eyebrow{font-size:.875rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;line-height:1.5}.skip{position:absolute;top:-100px;left:1rem;z-index:10;padding:1rem;background:white}.skip:focus{top:1rem}.site-header{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding-block:1.75rem;border-bottom:1px solid var(--line)}.brand{width:175px;flex-shrink:0}.brand img{height:auto}nav{display:flex;align-items:center;gap:2.1rem;font-size:.875rem;font-weight:700}nav a{padding-block:.6rem}nav [aria-current]{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.6rem}.nav-contact{margin-left:1rem;border-bottom:1px solid var(--ink)}.nav-contact span{margin-left:.75rem}.hero{display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:6%;padding-block:5.5rem 6rem}.hero .eyebrow{margin-bottom:2rem}.hero h1{font-size:clamp(3.1rem,5.7vw,6.2rem);line-height:1.03;letter-spacing:-.063em}.intro{font-size:1.125rem;line-height:1.65;margin-top:2rem;max-width:31rem}.intro-small{font-size:1rem;line-height:1.75;color:var(--muted);max-width:30rem;margin-top:1rem}.story-link{display:inline-flex;align-items:center;gap:1.6rem;border-bottom:1px solid var(--ink);padding-bottom:.35rem;margin-top:2rem;font-size:.875rem;font-weight:700}.story-link span{color:var(--accent);font-size:1.2rem}.hero-figure{padding-top:1rem}.image-sheet{position:relative;transform:rotate(1.5deg);box-shadow:10px 12px 0 #2225220b;aspect-ratio:.96}.image-sheet img{height:100%;width:100%;object-fit:cover;object-position:100% center}.hero-figure figcaption{font-size:.8125rem;line-height:1.5;color:var(--muted);margin:1.5rem 0 0 1rem}.story{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line);padding-block:5.5rem 6rem}.story h2{font-size:clamp(2.5rem,3.8vw,4rem);margin-top:1.6rem}.name-note{font-size:1rem;font-weight:500;margin-top:2rem}.name-note span{padding-inline:1rem;color:var(--accent)}.story-copy p+p{margin-top:1.3rem}.story-copy p{max-width:34rem;color:var(--muted)}.story-copy .lead{color:var(--ink);font-size:1.35rem;line-height:1.5;font-weight:500;letter-spacing:-.025em}.story-copy .story-end{color:var(--ink);font-weight:700}.journey{background:#222522;color:white;padding-block:5rem}.journey h2{font-size:clamp(2.4rem,3.8vw,4rem);margin-top:1.5rem}.journey em{color:#f38bad}.journey .eyebrow{color:#e6b0c0}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;margin-top:3.5rem}.journey-grid article{border-top:1px solid #ffffff55;padding-top:1rem}.step-label{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#e6b0c0}.step-label span:last-child{font-size:1.5rem;line-height:1}.journey h3{font-size:clamp(3.5rem,5vw,5.5rem);margin-top:1.75rem}.journey article:nth-child(2) h3{color:#f38bad}.journey .step-title{font-weight:800;margin:1.5rem 0 .6rem;color:#fff;font-size:1.125rem}.journey article p{color:#dadcd9;font-size:1rem;line-height:1.75}.journey-note{border-top:1px solid #ffffff33;margin-top:3rem;padding-top:1.7rem;font-size:.875rem;line-height:1.65;color:#c9cdc8}.finish{padding-block:6rem;text-align:center}.finish h2{font-size:clamp(2.6rem,4.2vw,4.5rem);margin-block:1.8rem}.finish>p:last-child{color:var(--muted);font-size:1rem}.contact{background:var(--accent);color:#fff;padding-block:4rem}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.contact h2{font-size:clamp(3rem,4.5vw,4.8rem);margin-top:1.5rem}.contact-copy p{font-size:1.125rem}.email{display:flex;justify-content:space-between;max-width:23rem;font-size:2rem;font-weight:700;letter-spacing:-.035em;line-height:1.3;border-bottom:1px solid #ffffff9c;margin-top:1.8rem;padding-bottom:.6rem}.address{display:inline-block;font-size:1rem;margin-top:1rem}.contact a:focus-visible{outline-color:white}footer{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:2rem;font-size:.875rem}footer p{color:var(--muted)}.footer-name{font-weight:800;letter-spacing:.04em}
@media(min-width:1600px){.hero{padding-block:6.5rem}.image-sheet{aspect-ratio:1.05}}
@media(max-width:1000px){nav{gap:1.2rem}.brand{width:145px}.nav-contact{margin-left:0}.hero{gap:5%;padding-block:4rem}.hero h1{font-size:clamp(3rem,5.6vw,4.3rem)}.image-sheet{aspect-ratio:.82}.journey-grid{gap:2rem}.story{gap:6%}.story h2{font-size:2.65rem}}
@media(max-width:760px){.site-header{flex-wrap:wrap;gap:.85rem;padding-block:1.2rem}.brand{width:135px}nav{width:100%;justify-content:space-between;gap:.6rem;font-size:.875rem}.nav-contact span{margin-left:.2rem}.hero{grid-template-columns:1fr;padding-block:3rem 3.5rem;gap:2.5rem}.hero h1{font-size:clamp(3rem,10vw,4.6rem)}.hero .eyebrow{margin-bottom:1.4rem}.intro{margin-top:1.5rem}.desktop-break{display:none}.hero-figure{padding-inline:.4rem;padding-top:0}.image-sheet{aspect-ratio:1.2;transform:rotate(1deg)}.hero-figure figcaption{margin-left:0}.story{grid-template-columns:1fr;gap:2rem;padding-block:3.5rem}.story h2{font-size:clamp(2.4rem,8.5vw,3.5rem)}.name-note{margin-top:1.2rem}.story-copy .lead{font-size:1.25rem}.journey{padding-block:3.5rem}.journey-grid{grid-template-columns:1fr;gap:2rem;margin-top:2.5rem}.journey h2{font-size:2.4rem}.journey h3{font-size:3.5rem;margin-top:1rem}.journey .step-title{margin-top:1rem}.journey-note{margin-top:2rem}.finish{padding-block:3.5rem}.finish h2{font-size:clamp(2.1rem,7.3vw,3.6rem);line-height:1.15}.finish h2 br:nth-child(2){display:none}.contact{padding-block:3rem}.contact-inner{grid-template-columns:1fr;gap:2rem}.contact h2{font-size:3.2rem}.contact-copy p{font-size:1rem}footer{flex-wrap:wrap;gap:.8rem 1.5rem;padding-block:1.5rem}footer p{width:100%;order:3}footer>a:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Room for the conversations and decisions behind each stage. */
.step-copy p+p{margin-top:1.25rem}.journey-note{max-width:65rem}.finish>p:last-child{max-width:53rem;margin-inline:auto}

/* The brand's own chalk gesture belongs to the hero's paper surface. */
.hero{position:relative;display:block;min-height:720px;padding-block:6rem 5.5rem}
.hero-copy{position:relative;z-index:1;width:60%}
.hero-art{position:absolute;right:0;top:50%;transform:translateY(-50%);width:34%;pointer-events:none}
.hero-art img{width:100%;height:auto}
@media(min-width:1600px){.hero{min-height:810px}.hero-art{width:33%}}
@media(min-width:761px) and (max-width:1000px){.hero{min-height:650px;padding-block:4rem}.hero-copy{width:62%}.hero-art{right:-.7rem;width:33%}}
@media(max-width:760px){.hero{min-height:0;padding-block:3rem 3.5rem}.hero-copy{width:100%}.hero .eyebrow{max-width:10rem;min-height:8rem;margin-bottom:1rem;display:flex;align-items:center}.hero-art{top:2.5rem;right:0;transform:none;width:6.4rem}.hero h1{font-size:clamp(3rem,10vw,4.6rem)}}

/* Studio hero — one living line, from the first idea to an open frame. */
.hero{min-height:auto;padding-block:clamp(3.8rem,6.2vw,6.7rem) clamp(3.2rem,5vw,5.3rem);overflow:hidden}
.hero-heading{position:relative;z-index:2;text-align:center}
.hero-heading .eyebrow{margin:0 0 1.7rem}
.hero-heading h1{font-size:clamp(3.5rem,6.35vw,6.9rem);line-height:1.02;letter-spacing:-.067em}
.hero-drawing{position:relative;height:clamp(24rem,35vw,33rem);margin:clamp(-3rem,-2.6vw,-2rem) calc((100vw - min(100vw - var(--gutter)*2,1400px)) / -2) 0;z-index:1}
.hero-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hero-line-mobile{display:none}
.chalk-line{fill:none;stroke:var(--accent);stroke-width:3.25;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:studio-draw 1.4s cubic-bezier(.3,.05,.2,1) forwards}
.chalk-line-1{animation-duration:1.45s}
.chalk-line-2{animation-delay:.9s;animation-duration:.85s}
.chalk-line-3{animation-delay:1.4s;animation-duration:.72s}
.chalk-line-4{animation-delay:1.72s;animation-duration:.82s}
.chalk-line-5{animation-delay:2.15s;animation-duration:.42s}
@keyframes studio-draw{to{stroke-dashoffset:0}}
.hero-foot{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;margin-top:-2.4rem}
.hero-foot .intro{margin:0;max-width:34rem;font-size:1.05rem}
.hero-foot .story-link{margin:0;flex:0 0 auto}

@media(min-width:1600px){.hero{padding-top:7.2rem}.hero-drawing{height:35rem}}
@media(max-width:1000px){.hero-heading h1{font-size:clamp(3.3rem,7.8vw,5rem)}.hero-drawing{height:27rem}.hero-foot{margin-top:-1rem}}
@media(max-width:760px){
  .hero{padding-block:3.2rem 3.6rem}
  .hero-heading{text-align:left}
  .hero-heading .eyebrow{min-height:0;margin:0 0 1.4rem;display:block}
  .hero-heading h1{font-size:clamp(3.05rem,12vw,4.25rem);line-height:1.04}
  .hero-drawing{height:20rem;margin:-1.5rem calc(var(--gutter) * -1) 0}
  .hero-line-desktop{display:none}
  .hero-line-mobile{display:block}
  .chalk-line{stroke-width:2.7}
  .hero-foot{display:block;margin-top:.4rem}
  .hero-foot .intro{font-size:1rem;line-height:1.7}
  .hero-foot .story-link{margin-top:1.7rem}
}
@media(prefers-reduced-motion:reduce){.chalk-line{animation:none;stroke-dashoffset:0}}

/* Chalk v2 — dry pigment is static; an animated mask reveals it like a real gesture. */
.draw-mask{fill:none;stroke:#fff;stroke-width:18;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:studio-draw 1.8s cubic-bezier(.42,0,.18,1) forwards}
.draw-1{animation-duration:2.15s}
.draw-2{animation-delay:1.72s;animation-duration:1.22s}
.draw-3{animation-delay:2.55s;animation-duration:.92s}
.draw-4{animation-delay:3.05s;animation-duration:1.15s}
.draw-5{animation-delay:3.82s;animation-duration:.58s}
.chalk-core,.chalk-dry,.chalk-dust{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.chalk-core{stroke-width:2.35;opacity:.74;stroke-dasharray:.032 .0038 .011 .0055 .053 .0024 .019 .0048 .037 .002}
.chalk-dry{stroke-width:5.2;opacity:.2;stroke-dasharray:.009 .011 .003 .018 .023 .009 .002 .021 .014 .013}
.chalk-dust{stroke-width:8.2;opacity:.12;stroke-dasharray:.0015 .019 .001 .029 .002 .024 .001 .034}
@media(max-width:760px){.draw-mask{stroke-width:14}.chalk-core{stroke-width:1.9}.chalk-dry{stroke-width:4.1}.chalk-dust{stroke-width:6.2}}
@media(prefers-reduced-motion:reduce){.draw-mask{animation:none;stroke-dashoffset:0}}

/* Exact approved artwork — the raster keeps every chalk break; SVG only reveals the gesture. */
.exact-trait-image{mix-blend-mode:multiply}
.hand-stroke{fill:none;stroke:#fff;stroke-width:62;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:hand-write .8s cubic-bezier(.48,.02,.22,1) forwards}
.hand-stroke-l{animation-duration:1.15s}
.hand-stroke-lbase{animation-delay:1.05s;animation-duration:.4s}
.hand-stroke-a{animation-delay:1.45s;animation-duration:.6s}
.hand-stroke-kstem{animation-delay:2.05s;animation-duration:.8s}
.hand-stroke-karm{animation-delay:2.85s;animation-duration:.55s}
.hand-stroke-r{animation-delay:3.4s;animation-duration:.6s}
.hand-stroke-e{animation-delay:4s;animation-duration:.7s}
.hand-stroke-flourish{animation-delay:4.7s;animation-duration:1s}
.hand-stroke-accent{animation-delay:5.7s;animation-duration:.25s}
.exact-settle{opacity:0;animation:exact-settle .2s linear 5.95s forwards}
@keyframes hand-write{to{stroke-dashoffset:0}}
@keyframes exact-settle{to{opacity:1}}
@media(max-width:760px){.hero-drawing{height:18rem}}
@media(max-width:760px){.hand-stroke{stroke-width:104}}
@media(prefers-reduced-motion:reduce){.hand-stroke,.exact-settle{animation:none}.hand-stroke{stroke-dashoffset:0}.exact-settle{opacity:1}}

/* 29/09 (16h) — parcours (#ancrage), version validée par François, couleurs branchées sur la pastille */
/* Lakré — section Studio / Le parcours */
.roots,
.roots * {
  box-sizing: border-box;
}

:where(.roots) h2,
:where(.roots) p,
:where(.roots) blockquote {
  margin: 0;
}

.roots .eyebrow {
  font-size: .875rem;
  font-weight: 700;
  letter-spacing: .09em;
  line-height: 1.5;
  text-transform: uppercase;
}

.roots em {
  color: var(--accent);
  font-style: normal;
}

.roots {
  position: relative;
  overflow: hidden;
  color: var(--ink);
  background: var(--tint);
  border-top: 1px solid rgba(var(--accent-rgb), .2);
  padding-block: clamp(4rem, 6vw, 6rem);
  font-family: Manrope, Arial, sans-serif;
}

.roots::after {
  content: "";
  position: absolute;
  right: -14%;
  bottom: -24%;
  width: clamp(18rem, 31vw, 34rem);
  aspect-ratio: 1;
  border: 1px solid rgba(var(--accent-rgb), .2);
  border-radius: 50%;
  box-shadow:
    0 0 0 4rem rgba(var(--accent-rgb), .03),
    0 0 0 8rem rgba(var(--accent-rgb), .018);
  pointer-events: none;
}

.roots-layout {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.roots-head,
.roots-experience {
  display: grid;
  grid-template-columns: minmax(14rem, .62fr) minmax(0, 1.38fr);
  gap: clamp(3rem, 8vw, 9rem);
}

.roots-head > *,
.roots-experience > * {
  min-width: 0;
}

.roots-head {
  align-items: start;
  padding-bottom: clamp(2.4rem, 3.5vw, 3.5rem);
  border-bottom: 1px solid color-mix(in srgb, var(--ink) 42%, transparent);
}

.roots-head .eyebrow {
  color: var(--accent);
  padding-top: .65rem;
}

.roots-head h2 {
  font-size: clamp(3.15rem, 5.25vw, 5.7rem);
  font-weight: 800;
  line-height: 1.025;
  letter-spacing: -.062em;
}

.roots-experience {
  align-items: start;
  padding-top: clamp(2.5rem, 3.6vw, 3.75rem);
}

.roots-marker {
  align-self: start;
}

.roots-since {
  color: var(--accent);
  font-size: clamp(7.5rem, 12vw, 12.5rem);
  font-weight: 800;
  line-height: .72;
  letter-spacing: -.09em;
}

.roots-since sup {
  position: relative;
  top: -.82em;
  margin-left: .04em;
  font-size: .32em;
  line-height: 1;
  letter-spacing: -.04em;
}

.roots-place {
  margin-top: 1.6rem;
  font-size: clamp(.9rem, 1.2vw, 1.08rem);
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: .065em;
  text-transform: uppercase;
}

.roots-lead {
  max-width: 55rem;
  font-size: clamp(1.45rem, 2.15vw, 2rem);
  font-weight: 650;
  line-height: 1.48;
  letter-spacing: -.03em;
}

.roots-copy {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.1rem clamp(2.5rem, 5vw, 5rem);
  max-width: 55rem;
  margin-top: 2rem;
}

.roots-copy p {
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.82;
}

.roots-copy p:last-child {
  grid-column: 1 / -1;
  max-width: 45rem;
  color: var(--ink);
  font-weight: 650;
}

.roots-arrival {
  display: grid;
  grid-template-columns: 9.5rem minmax(0, 1fr);
  gap: 1.4rem;
  max-width: 55rem;
  margin-top: 2.25rem;
  padding-top: 1.2rem;
  border-top: 1px solid color-mix(in srgb, var(--ink) 42%, transparent);
  color: var(--muted);
  font-size: clamp(.98rem, 1.2vw, 1.08rem);
  line-height: 1.7;
}

.roots-arrival span {
  color: var(--accent);
  padding-top: .32rem;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.roots blockquote {
  position: relative;
  margin-top: clamp(3.5rem, 5vw, 5rem);
  padding-top: clamp(1.7rem, 2.3vw, 2.3rem);
  border-top: 4px solid var(--accent);
}

.roots blockquote::before {
  content: "La conviction Lakré";
  display: block;
  margin-bottom: 1.5rem;
  color: var(--accent);
  font-size: .78rem;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.roots blockquote p {
  max-width: 70rem;
  font-size: clamp(2.35rem, 3.8vw, 4.25rem);
  font-weight: 750;
  line-height: 1.11;
  letter-spacing: -.052em;
}

.roots blockquote strong {
  color: var(--accent);
  font: inherit;
}

@media (max-width: 1000px) {
  .roots-head,
  .roots-experience {
    grid-template-columns: 12rem minmax(0, 1fr);
    gap: 4rem;
  }

  .roots-copy {
    grid-template-columns: 1fr;
  }

  .roots-copy p:last-child {
    grid-column: auto;
  }
}

@media (max-width: 760px) {
  .roots {
    padding-block: 3.5rem;
  }

  .roots::after {
    right: -11rem;
    bottom: -4rem;
    width: 18rem;
  }

  .roots-head,
  .roots-experience {
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
  }

  .roots-head {
    padding-bottom: 2.5rem;
  }

  .roots-head .eyebrow {
    padding-top: 0;
  }

  .roots-head h2 {
    font-size: clamp(1.9rem, 8.4vw, 4rem);
  }

  .roots-experience {
    padding-top: 2.5rem;
  }

  .roots-since {
    font-size: 7.3rem;
  }

  .roots-place {
    margin-top: 1.25rem;
  }

  .roots-lead {
    font-size: 1.3rem;
  }

  .roots-copy {
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    margin-top: 1.6rem;
  }

  .roots-arrival {
    grid-template-columns: 1fr;
    gap: .45rem;
    margin-top: 1.9rem;
    padding-top: 1rem;
    font-size: 1rem;
  }

  .roots-arrival span {
    padding-top: 0;
  }

  .roots blockquote {
    max-width: 100%;
    margin-top: 3.25rem;
    padding-top: 1.5rem;
  }

  .roots blockquote::before {
    margin-bottom: 1rem;
  }

  .roots blockquote p {
    max-width: 100%;
    font-size: clamp(1.9rem, 8.3vw, 2.55rem);
    line-height: 1.15;
  }
}

@media (min-width: 1001px) {
  .roots {
    padding-block: 3rem;
  }

  .roots-head,
  .roots-experience {
    grid-template-columns: minmax(12rem, .46fr) minmax(0, 1.54fr);
    gap: clamp(4rem, 6vw, 6rem);
  }

  .roots-head {
    padding-bottom: 2rem;
  }

  .roots-head .eyebrow {
    padding-top: .4rem;
  }

  .roots-head h2 {
    font-size: clamp(3.4rem, 4.7vw, 5rem);
    line-height: 1;
  }

  .roots-experience {
    padding-top: 2rem;
  }

  .roots-since {
    font-size: clamp(7rem, 9.5vw, 10rem);
  }

  .roots-place {
    margin-top: 1.2rem;
    font-size: .9rem;
  }

  .roots-lead {
    font-size: clamp(1.3rem, 1.65vw, 1.6rem);
    line-height: 1.42;
  }

  .roots-copy {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.25rem;
    margin-top: 1.35rem;
  }

  .roots-copy p,
  .roots-copy p:last-child {
    grid-column: auto;
    max-width: none;
    font-size: .89rem;
    line-height: 1.68;
  }

  .roots-copy p:last-child {
    color: var(--ink);
    font-weight: 650;
  }

  .roots-arrival {
    grid-template-columns: 9.2rem minmax(0, 1fr);
    margin-top: 1.5rem;
    padding-top: .9rem;
    font-size: .94rem;
    line-height: 1.6;
  }

  .roots blockquote {
    margin-top: 2.5rem;
    padding-top: 1.4rem;
  }

  .roots blockquote::before {
    margin-bottom: .9rem;
  }

  .roots blockquote p {
    max-width: 75rem;
    font-size: clamp(2.45rem, 3.25vw, 3.55rem);
    line-height: 1.08;
  }
}