/* ============================================================
   Build with Robyn — v2 "one house" site stylesheet
   Shared by index.html, guides.html, library.html, about.html
   Palette/typography per robyn-teaches-ai-brand.
   ============================================================ */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/cormorant-garamond-400.woff2') format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/cormorant-garamond-400-italic.woff2') format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/cormorant-garamond-500.woff2') format('woff2');}
@font-face{font-family:'Jost';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/jost-300.woff2') format('woff2');}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/jost-400.woff2') format('woff2');}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/jost-500.woff2') format('woff2');}

:root{
  color-scheme:light;
  --forest:#2C4A2E; --forest-deep:#22391F; --forest-mid:#3D6B40; --forest-light:#7A9E7E;
  --sage:#EEF4EE; --cream:#FAF8F2; --warm:#F5F3EE; --charcoal:#1C1C1C;
  --muted:#6B6B6B; --line:rgba(44,74,46,0.18);
  --terra:#B27546; --terra-ink:#96603A;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Jost',system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--sans);color:var(--charcoal);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;position:relative;}
/* paper grain — the tactile layer */
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.028;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");}
.wrap{max-width:1140px;margin:0 auto;padding:0 32px;}
::selection{background:var(--forest);color:var(--warm);}

/* keyboard focus — every interactive element gets a visible ring in brand ink.
   :focus-visible only: mouse clicks stay clean, tab order lights up. */
a:focus-visible,button:focus-visible,input:focus-visible{
  outline:2px solid var(--terra);outline-offset:3px;border-radius:2px;}
.cap-row input[type=email]:focus-visible{outline-offset:-2px;}
.socials a:focus-visible{outline-offset:-4px;}

/* the growing vine — scroll progress, drawn as a stem (site-wide, built by site.js) */
.vine{position:fixed;left:4px;top:0;height:100vh;width:20px;pointer-events:none;z-index:40;}
.vine svg{width:100%;height:100%;overflow:visible;}
.vine .stem{fill:none;stroke:var(--forest-mid);stroke-width:1.5;opacity:.5;}
.vine .leaf{fill:none;stroke:var(--forest-mid);stroke-width:1.3;opacity:0;transform:scale(0);transform-box:fill-box;transform-origin:left bottom;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .4s ease;}
.vine .leaf.on{opacity:.65;transform:scale(1);}
.vine .bud{fill:var(--terra);opacity:0;transform:scale(0);transform-box:fill-box;transform-origin:center;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;}
.vine .bud.on{opacity:.9;transform:scale(1);}
/* vine lane x=4–24px clears the .wrap padding (32px) at every width; hidden only on stacked mobile */
@media (max-width:880px){.vine{display:none;}}

/* follow band + socials (restored from v1) */
.follow{text-align:center;padding:96px 0 88px;}
.follow .f-label{font-size:11px;font-weight:500;letter-spacing:0.32em;text-transform:uppercase;color:var(--forest-mid);margin-bottom:18px;}
.follow .handle{font-family:var(--serif);font-style:italic;font-size:clamp(32px,4.6vw,50px);color:var(--forest);margin-bottom:34px;}
.socials{display:flex;gap:0;justify-content:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:640px;margin:0 auto;}
.socials a{flex:1;padding:22px 10px;font-size:12px;letter-spacing:0.22em;text-transform:uppercase;color:var(--forest);text-decoration:none;transition:all .25s;}
.socials a + a{border-left:1px solid var(--line);}
.socials a:hover{background:var(--forest);color:var(--warm);}
.foot-links a{color:inherit;text-decoration:none;}
.foot-links a:hover{color:var(--warm);}

/* signature hand-drawn terracotta underline */
.hand{position:relative;white-space:nowrap;}
.hand .uline{position:absolute;left:-2%;bottom:-0.12em;width:104%;height:0.22em;overflow:visible;}
.hand .uline path{fill:none;stroke:var(--terra);stroke-width:5;stroke-linecap:round;vector-effect:non-scaling-stroke;
  stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 1.1s ease .35s;}
.in .hand .uline path, .hand.in .uline path{stroke-dashoffset:0;}

/* reveal */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:none;}

/* ---------- masthead ---------- */
.masthead{border-bottom:1px solid var(--line);background:var(--cream);position:sticky;top:0;z-index:50;}
.masthead-inner{display:flex;justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:18px;}
.masthead .brand{font-size:12px;font-weight:500;letter-spacing:0.34em;text-transform:uppercase;color:var(--forest);text-decoration:none;}
.masthead .brand em{font-family:var(--serif);font-style:italic;text-transform:none;letter-spacing:0;font-size:15px;color:var(--terra-ink);margin-right:2px;}
.tm{font-size:8px;vertical-align:super;letter-spacing:0;opacity:.65;margin-left:1px;}
.masthead .m-right{display:flex;gap:26px;align-items:center;}
.masthead a.nav{font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s;position:relative;padding:15px 2px;}
.masthead a.nav:hover{color:var(--forest);}
.masthead .m-right a.nav::after{content:'';position:absolute;left:2px;right:100%;bottom:9px;height:1px;background:var(--terra);transition:right .3s ease;}
.masthead .m-right a.nav:hover::after{right:2px;}
.masthead a.nav.active{color:var(--forest);}
.masthead a.nav.active::after{right:2px;}

/* ---------- hero ---------- */
.hero{padding:56px 0 52px;position:relative;overflow:hidden;}
.hero-grid{display:grid;grid-template-columns:1.35fr minmax(220px,300px);gap:64px;align-items:center;}
.hero .kicker{display:flex;align-items:center;gap:16px;margin-bottom:24px;}
.kicker .no{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--terra-ink);}
.kicker .rule{width:56px;height:1px;background:var(--forest);opacity:.35;}
.kicker .kt{font-size:11px;font-weight:500;letter-spacing:0.32em;text-transform:uppercase;color:var(--forest-mid);}
h1.display{font-family:var(--serif);font-weight:400;font-size:clamp(38px,4.8vw,58px);line-height:1.12;color:var(--forest);letter-spacing:-0.01em;max-width:21ch;}
h1.display em{font-style:italic;font-weight:400;color:var(--forest-mid);}
.hero-lede{font-size:16.5px;font-weight:300;color:#4A4A44;max-width:48ch;margin-top:24px;border-left:1px solid var(--line);padding-left:24px;}
.hero-lede strong{font-weight:500;color:var(--forest);}
.hero-lede em{font-style:italic;color:var(--forest-mid);}

/* portrait — framed like a plate */
.portrait{position:relative;transform:rotate(0.4deg);transition:transform .18s ease-out;will-change:transform;}
.portrait::before{content:'';position:absolute;inset:-14px 14px 14px -14px;border:1px solid var(--forest-light);z-index:0;}
.portrait img{position:relative;z-index:1;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block;filter:saturate(0.94);box-shadow:0 24px 60px rgba(34,57,31,0.20);}
.plate-caption{display:flex;justify-content:space-between;margin-top:13px;font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted);}
.plate-caption .pc-r{font-family:var(--serif);font-style:italic;text-transform:none;letter-spacing:0;font-size:14px;color:var(--forest-mid);}

/* ---------- email capture ---------- */
.capture{margin-top:30px;max-width:490px;}
.capture .cap-line{font-family:var(--serif);font-style:italic;font-size:21px;color:var(--forest-mid);margin-bottom:6px;line-height:1.35;}
.capture .cap-line em{color:var(--forest);}
.capture .cap-sub{font-size:13px;font-weight:300;color:var(--muted);margin-bottom:16px;}
.hidden-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.cap-row{display:flex;border:1px solid var(--forest);background:var(--cream);}
.cap-row input[type=email]{flex:1;min-width:0;border:none;background:transparent;padding:15px 16px;font-family:var(--sans);font-weight:300;font-size:16px;color:var(--charcoal);outline:none;}
.cap-row input::placeholder{color:var(--muted);}
.cap-row input:focus-visible{background:rgba(44,74,46,0.04);}
.cap-row button{border:none;background:var(--forest);color:var(--warm);font-family:var(--sans);font-size:12.5px;letter-spacing:0.14em;text-transform:uppercase;padding:0 26px;cursor:pointer;transition:background .2s;white-space:nowrap;}
.cap-row button:hover{background:var(--forest-deep);}
.cap-note{margin-top:11px;font-size:12px;font-weight:300;color:var(--muted);}
.cap-done .dl{display:inline-block;margin-top:6px;font-family:var(--serif);font-style:italic;font-size:21px;color:var(--forest);text-decoration:none;border-bottom:1px solid var(--terra);padding-bottom:3px;}
.cap-done .dl .arr{font-style:normal;color:var(--terra);display:inline-block;transition:transform .25s;}
.cap-done .dl:hover .arr{transform:translateX(5px);}
.cap-done .cd-sig{display:block;font-size:14px;color:var(--forest-mid);margin-top:8px;}
.band .cap-done .dl{color:var(--cream);border-bottom-color:var(--terra);}
.band .cap-done .cd-sig{color:#9DB89F;}
.cap-done{display:none;font-family:var(--serif);font-style:italic;font-size:20px;color:var(--forest);line-height:1.45;border-left:2px solid var(--terra);padding:4px 0 4px 16px;}
.cap-done b{font-weight:500;font-style:normal;color:var(--forest-mid);}

/* ---------- ticker ---------- */
/* the credit line — the territory, printed still (was a marquee; stilled Jul 26) */
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--warm);}
.ticker-track{display:flex;flex-wrap:wrap;justify-content:center;padding:4px 24px;}
.ticker span{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--forest);padding:11px 0;white-space:nowrap;}
.ticker .dot{color:var(--terra);font-style:normal;font-family:var(--sans);font-size:8px;padding:11px 18px;display:flex;align-items:center;}

/* ---------- section scaffolding ---------- */
section{padding:64px 0;}
.sec-head{display:flex;align-items:baseline;gap:18px;margin-bottom:12px;}
.sec-no{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--terra-ink);}
.sec-title{font-size:11px;font-weight:500;letter-spacing:0.30em;text-transform:uppercase;color:var(--forest);}
.sec-sub{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--forest-mid);margin-bottom:32px;}
h2.ed{font-family:var(--serif);font-weight:400;font-size:clamp(32px,4.2vw,48px);line-height:1.1;color:var(--forest);}
h2.ed em{font-style:italic;color:var(--forest-mid);}

/* editorial text-link */
.golink{display:inline-flex;align-items:baseline;gap:10px;font-family:var(--serif);font-style:italic;font-size:20px;color:var(--forest);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:4px;transition:border-color .25s,color .25s;}
.golink .arr{font-style:normal;color:var(--terra);transition:transform .25s;display:inline-block;}
.golink:hover{color:var(--forest-deep);border-color:var(--terra);}
.golink:hover .arr{transform:translateX(5px);}

/* ---------- the three rooms (homepage wayfinding) ---------- */
.rooms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.room{position:relative;display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--line);background:var(--warm);padding:32px 28px 28px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s;overflow:hidden;}
.room-art{display:block;margin:-32px -28px 22px;aspect-ratio:16/10;overflow:hidden;}
.room-art img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;filter:saturate(0.97);transition:transform .5s ease;}
.room:hover .room-art img{transform:scale(1.04);}
.room::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:var(--terra);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;}
.room:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(34,57,31,0.12);border-color:var(--forest-light);}
.room:hover::before{transform:scaleX(1);}
.room .step{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--terra-ink);margin-bottom:14px;}
.room h2,.room h3{font-family:var(--serif);font-weight:500;font-size:27px;line-height:1.1;color:var(--forest);margin-bottom:11px;}
.room h2 em,.room h3 em{font-style:italic;font-weight:400;}
.room p{font-size:14px;font-weight:300;color:#44443E;flex:1;margin-bottom:20px;}
.room .go{font-size:11.5px;letter-spacing:0.2em;text-transform:uppercase;color:var(--forest-mid);}
.room .go .arr{color:var(--terra);display:inline-block;transition:transform .22s;}
.room:hover .go{color:var(--forest);}
.room:hover .go .arr{transform:translateX(4px);}

/* ---------- about teaser ---------- */
.about-teaser{background:var(--warm);text-align:center;}
.about-teaser .at-line{font-family:var(--serif);font-style:italic;font-size:clamp(24px,3.2vw,34px);line-height:1.35;color:var(--forest);max-width:24ch;margin:0 auto 22px;}

/* ---------- guide tiles ---------- */
.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}
.g{position:relative;display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--line);background:var(--warm);padding:24px 22px 20px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s;}
.g::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:var(--terra);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;}
.g:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(34,57,31,0.12);border-color:var(--forest-light);}
.g:hover::before{transform:scaleX(1);}
.g .tag{align-self:flex-start;font-size:11px;letter-spacing:0.18em;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:14px;color:var(--forest-mid);border:1px solid var(--forest-light);}
.g .tag.paid{color:var(--terra-ink);border-color:var(--terra-ink);}
.g h2,.g h3{font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.14;color:var(--forest);margin-bottom:auto;}
.g .go{margin-top:18px;font-size:11.5px;letter-spacing:0.2em;text-transform:uppercase;color:var(--forest-mid);}
.g .go .arr{color:var(--terra);display:inline-block;transition:transform .22s;}
.g:hover .go{color:var(--forest);}
.g:hover .go .arr{transform:translateX(4px);}
/* light tiles on cream background (guides page) */
.on-cream .g{background:var(--cream);}
.guides-band{background:var(--warm);}
.guides-band .g{background:var(--cream);}

/* ---------- library feature + tiers ---------- */
.feature{position:relative;display:block;text-decoration:none;background:var(--forest);border:1px solid var(--forest);padding:44px 40px;margin-bottom:44px;transition:border-color .22s,box-shadow .22s,transform .22s;}
.feature:hover{border-color:var(--terra);box-shadow:0 20px 50px rgba(34,57,31,0.22);transform:translateY(-3px);}
.feature .fprice{font-family:var(--serif);font-style:italic;font-size:22px;color:#A8C9AB;}
.feature h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,4vw,46px);line-height:1.1;color:var(--warm);margin:6px 0 12px;}
.feature h2 em{font-style:italic;color:#CFE0D0;}
.feature p{font-size:15px;font-weight:300;color:#CFE0D0;max-width:52ch;margin-bottom:22px;}
.feature .fgo{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:#A8C9AB;}
.feature .fgo .arr{color:var(--terra);}
.feature:hover .fgo{color:var(--warm);}
.lib-sub{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--forest-mid);margin:0 0 24px;}

/* ---------- about page plate ---------- */
.about-grid{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:72px;align-items:center;}
.about-copy .lead-line{font-family:var(--serif);font-style:italic;font-size:23px;color:var(--forest-mid);margin-bottom:22px;line-height:1.4;}
.about-copy p.body{font-size:16.5px;font-weight:300;color:#44443E;max-width:56ch;}
.about-copy p.body + p.body{margin-top:16px;}
.plate{position:relative;transform:rotate(-0.5deg);}
.plate::before{content:'';position:absolute;inset:-14px 14px 14px -14px;border:1px solid var(--forest-light);z-index:0;}
.plate .plate-art{position:relative;z-index:1;width:100%;aspect-ratio:4/5;background:#F3EFE6;display:flex;align-items:center;justify-content:center;box-shadow:0 24px 60px rgba(34,57,31,0.14);}
.plate .plate-art svg{width:72%;height:auto;}
.plate .plate-art img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(0.97);}

/* ---------- pull quote ---------- */
/* the one dark room in the house — quote + Plate No. 2 on deep forest */
.pullq{background:var(--forest-deep);padding:104px 0;}
.pullq-grid{display:grid;grid-template-columns:1fr minmax(220px,300px);gap:72px;align-items:center;}
.pullq .qmark{font-family:var(--serif);font-size:120px;line-height:0.6;color:var(--terra);opacity:.65;}
.pullq blockquote{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(26px,3.6vw,40px);line-height:1.3;color:var(--cream);max-width:20ch;}
.pullq blockquote strong{font-weight:500;font-style:normal;color:#A8C9AB;}
.pullq .attr{margin-top:20px;font-size:11px;letter-spacing:0.3em;text-transform:uppercase;color:#9DB89F;}
.plate-on-dark{transform:rotate(0.5deg);}
.plate-on-dark::before{border-color:rgba(245,243,238,0.3);}
.plate-on-dark .plate-art{background:var(--forest-deep);box-shadow:0 24px 60px rgba(0,0,0,0.35);}
.plate-caption.on-dark{color:#9DB89F;}
.plate-caption.on-dark .pc-r{color:#A8C9AB;}

/* ---------- forest capture band (inner pages) ---------- */
.band{background:var(--forest);color:var(--warm);}
.band-inner{display:grid;grid-template-columns:1fr minmax(320px,420px);gap:48px;align-items:center;}
.band h2{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3.4vw,40px);line-height:1.15;color:var(--warm);}
.band h2 em{font-style:italic;color:#CFE0D0;}
.band p{font-size:14px;font-weight:300;color:#CFE0D0;margin-top:10px;max-width:40ch;}
.band .cap-row{border-color:var(--warm);background:rgba(255,255,255,0.06);}
.band .cap-row input[type=email]{color:var(--warm);}
.band .cap-row input::placeholder{color:#9DB89F;}
.band .cap-row button{background:var(--terra-ink);}
.band .cap-row button:hover{background:#7E5030;}
.band .cap-note{color:#9DB89F;}
.band .cap-done{color:var(--warm);border-color:var(--terra);}
.band .cap-done b{color:#CFE0D0;}

/* deeper link row */
.deeper-link{text-align:center;padding:8px 0 0;}

/* ---------- footer ---------- */
footer{background:var(--forest-deep);color:var(--warm);padding:44px 0;}
.foot-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}
.foot-brand{font-size:12px;font-weight:500;letter-spacing:0.3em;text-transform:uppercase;}
.foot-tag{font-family:var(--serif);font-style:italic;font-size:16px;color:#A8C9AB;}
.foot-links{font-size:12px;letter-spacing:0.08em;color:rgba(245,243,238,0.7);}
.foot-links a{color:inherit;text-decoration:none;}
.foot-links a:hover{color:var(--warm);}

/* ---------- calm motion / no-JS / print ---------- */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  .reveal{opacity:1;transform:none;transition:none;}
  .hand .uline path{stroke-dashoffset:0;transition:none;}
  .portrait{transition:none;}
  .vine .leaf,.vine .bud{transition:none;}
}
@media print{
  .reveal{opacity:1!important;transform:none!important;}
  .hand .uline path{stroke-dashoffset:0!important;}
  .masthead{position:static;}
  .vine{display:none;}
}

/* ---------- responsive ---------- */
@media (max-width:880px){
  .masthead-inner{flex-direction:column;gap:12px;padding-top:14px;padding-bottom:14px;}
  .masthead .m-right{gap:18px;justify-content:center;flex-wrap:wrap;}
  .masthead .m-right a.nav{padding:6px 2px;}
  .masthead .m-right a.nav::after{bottom:1px;}

  .hero{padding:32px 0 40px;}
  .hero-grid{grid-template-columns:1fr;gap:36px;justify-items:center;text-align:center;}
  .kicker{flex-direction:column;gap:9px;justify-content:center;}
  .kicker .rule{display:none;}
  .kicker .kt{letter-spacing:0.14em;font-size:11px;white-space:normal;}
  h1.display{max-width:none;}
  .hero-lede{border-left:none;padding-left:0;margin-left:auto;margin-right:auto;text-align:center;}
  .capture{margin-left:auto;margin-right:auto;}
  .cap-row{flex-direction:column;}
  .cap-row input[type=email]{text-align:center;padding:14px 16px;}
  .cap-row button{padding:14px 16px;}
  .portrait,.hero-grid .plate-caption{max-width:220px;width:100%;}
  .portrait{margin:0 auto;}
  .hero-grid .plate-caption{margin-left:auto;margin-right:auto;}

  section{padding:52px 0;}
  .sec-head{justify-content:center;text-align:center;}
  .sec-sub{text-align:center;}
  .rooms-grid{grid-template-columns:1fr;gap:16px;}
  .room{text-align:center;align-items:center;padding:30px 26px;}
  .room-art{margin:-30px -26px 18px;width:calc(100% + 52px);}

  .about-grid{grid-template-columns:minmax(0,1fr);gap:40px;justify-items:center;}
  .about-copy{text-align:center;}
  .about-copy .lead-line,.about-copy p.body{max-width:52ch;margin-left:auto;margin-right:auto;}
  .plate{margin:0 auto;max-width:300px;width:100%;}

  .pullq{padding:72px 0;}
  .pullq-grid{grid-template-columns:1fr;gap:44px;justify-items:center;text-align:center;}
  .pullq .qmark{font-size:80px;}
  .pullq blockquote{max-width:none;}
  .plate-on-dark{max-width:260px;}
  .pullq .plate-caption{max-width:260px;margin-left:auto;margin-right:auto;}

  .band-inner{grid-template-columns:1fr;gap:26px;text-align:center;}
  .band .capture{margin:0 auto;}

  .feature{padding:34px 26px;text-align:center;}
  .feature p{margin-left:auto;margin-right:auto;}

  .foot-inner{flex-direction:column;text-align:center;gap:12px;}
}