/* =============================================================================
   MadSky Creative — screen.css
   Design System + All Page Styles
   ============================================================================= */

/* RESET
   ============================================================================= */
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:inherit;letter-spacing:-0.01em;text-wrap:balance}
blockquote{font-style:normal}

/* DESIGN TOKENS
   ============================================================================= */
:root{
  /* Color */
  --white:#FFFFFF;
  --off:#F7F7F7;
  --chalk:#F0F0F0;
  --teal:#5CADA8;
  --dark:#171C1B;
  --ink:#171C1B;
  --ch:#5CADA8;
  --coral:#EC604A;
  --border:rgba(23,28,27,0.1);
  --body:rgba(23,28,27,0.7);

  /* Augmented fourth type scale (×1.414) base 16px — fluid */
  --t-h1:clamp(2.827rem, 5vw, 3.99rem);
  --t-h2:clamp(1.999rem, 3.5vw, 2.827rem);
  --t-h3:clamp(1.414rem, 2.5vw, 1.999rem);
  --t-h4:clamp(1rem, 1.5vw, 1.414rem);
  --t-base:1rem;
  --t-sm:0.8125rem;
  --t-xs:0.6875rem;

  /* Layout */
  --gutter:3rem;
  --section-pad:4.5rem;
  --section-pad-sm:3.5rem;
  --section-pad-xs:3rem;
}

/* BASE
   ============================================================================= */
.mw{max-width:1200px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
body{font-family:'DM Sans',sans-serif;background:var(--white);color:var(--dark);line-height:1.7;overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh}
.footer{margin-top:auto}
a{text-decoration:none;color:inherit}

/* NAV
   ============================================================================= */
.nav{height:68px;background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%}
.nav-logo{font-family:'Bebas Neue',sans-serif;font-size:clamp(19px,3vw,22px);letter-spacing:.06em;color:var(--ink);display:flex;align-items:center;gap:8px}
.nav-links{display:flex;gap:32px}
.nav-link{font-size:var(--t-sm);letter-spacing:.04em;color:var(--body);transition:color .15s;position:relative;padding-top:4px}
.nav-link::after{content:'';position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--coral);opacity:0;transition:opacity .15s}
.nav-link:hover{color:var(--dark)}
.nav-link:hover::after{opacity:1}
.nav-link.active{color:var(--dark);border-bottom:1.5px solid var(--teal);padding-bottom:2px}
.nav-link.active::after{opacity:0}
.nav-right{display:flex;align-items:center;gap:28px;color:var(--body)}
.nav-search{background:none;border:none;cursor:pointer;color:var(--body);padding:0;display:flex;align-items:center}

/* HAMBURGER
   ============================================================================= */
.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:7px;width:36px;height:36px;cursor:pointer;background:none;border:none;padding:4px;flex-shrink:0}
.nav-hamburger span{display:block;width:22px;height:1.5px;background:var(--dark);transition:transform .3s ease,opacity .3s ease}

/* MOBILE OVERLAY
   ============================================================================= */
.nav-overlay{position:fixed;inset:0;background:var(--off);z-index:200;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;opacity:0;pointer-events:none;transition:opacity .3s ease}
.nav-overlay.open{opacity:1;pointer-events:all}
.nav-overlay a,.nav-overlay .nav-link{font-family:'DM Sans',sans-serif;font-weight:300;font-size:clamp(28px,6vw,48px);letter-spacing:-0.01em;color:var(--ink);text-decoration:none;transition:opacity .15s;padding:0}
.nav-overlay a:hover,.nav-overlay .nav-link:hover{opacity:.5}
.nav-overlay .nav-link::after{display:none}
.nav-overlay .nav-link.active{border-bottom:none;padding-bottom:0}
.nav-overlay-logo{position:absolute;top:18px;left:var(--gutter);display:flex;align-items:center;gap:8px;font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:.06em;color:var(--ink);text-decoration:none}
.nav-overlay-close{position:absolute;top:14px;right:16px;background:none;border:none;cursor:pointer;color:var(--ink);opacity:.4;padding:8px;transition:opacity .15s}
.nav-overlay-close:hover{opacity:1}
.nav-overlay-footer{position:absolute;bottom:28px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--body)}

/* BUTTONS
   ============================================================================= */
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:13px 28px;cursor:pointer;text-decoration:none;transition:all .15s;white-space:nowrap;flex:0 1 auto}
.btn-fill{background:var(--dark);color:var(--white)}
.btn-fill:hover{background:var(--coral);color:var(--white)}
.btn-outline{background:transparent;color:var(--dark);border:1px solid rgba(23,28,27,0.25)}
.btn-outline:hover{border-color:var(--coral);color:var(--coral)}
.btn-cta{display:inline-flex;font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:16px 36px;background:var(--chalk);color:var(--dark);text-decoration:none;transition:all .15s;flex-shrink:0;white-space:nowrap}
.btn-cta:hover{background:var(--coral);color:var(--white)}

/* FOOTER
   ============================================================================= */
.footer{background:var(--ink);padding:4rem 0 7rem;border-top:1px solid rgba(236,238,238,.1)}
.footer-top{display:flex;justify-content:space-between;align-items:start;gap:4rem;margin-bottom:3rem}
.footer-left{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}
.footer-logo-link{display:inline-block;flex-shrink:0}
.footer-logo-img{height:28px;width:auto;display:block;opacity:.85;transition:opacity .15s;filter:brightness(0) invert(1)}
.footer-logo-link:hover .footer-logo-img{opacity:1}
.footer-logo-text{font-family:'Bebas Neue',sans-serif;font-size:clamp(19px,3vw,22px);letter-spacing:.06em;color:rgba(236,238,238,.85);text-decoration:none}
.footer-nav{flex:1;display:flex;justify-content:flex-end;align-items:start}
.footer-nav-cols{display:flex;gap:3rem}
.footer-nav-group{display:flex;flex-direction:column;gap:.65rem}
.footer-nav-label{font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:rgba(236,238,238,.6);margin-bottom:.35rem}
.footer-nav-group a{font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:rgba(236,238,238,.75);text-decoration:none;transition:color .15s}
.footer-nav-group a:hover{color:rgba(236,238,238,1)}
.footer-nav .nav{display:flex;flex-direction:column;gap:.65rem;list-style:none;background:none;border:none;height:auto;position:static;padding:0;margin:0}
.footer-nav .nav-link,
.footer-nav .nav li a,
.footer-nav .nav li a.nav-link{font-size:var(--t-xs) !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:rgba(236,238,238,.65) !important;text-decoration:none !important;transition:color .15s !important;padding:0 !important;height:auto !important;border:none !important;border-bottom:none !important}
.footer-nav .nav-link:hover,
.footer-nav .nav li a:hover,
.footer-nav .nav li a.nav-link:hover{color:rgba(236,238,238,1) !important;border:none !important;border-bottom:none !important}
.footer-nav .nav-link.active,
.footer-nav .nav li a.active,
.footer-nav .nav li a.nav-link.active{color:rgba(236,238,238,1) !important;border:none !important;border-bottom:none !important;padding-bottom:0 !important}
.footer-nav .nav-link::after,
.footer-nav .nav li a::after,
.footer-nav .nav li a.nav-link::after{display:none !important;content:none !important;opacity:0 !important}
.footer-nav .nav-link:hover::after,
.footer-nav .nav li a:hover::after{display:none !important;opacity:0 !important}
.footer-rule{border:none;border-top:1px solid rgba(236,238,238,.1);margin-bottom:2rem}
.footer-disclaimer{font-size:11px;color:rgba(236,238,238,.55);line-height:1.75;margin-bottom:2.5rem;max-width:860px}
.footer-disclaimer-label{font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:rgba(236,238,238,.7);margin-right:.5rem}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.footer-copy{font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:rgba(236,238,238,.55)}
.footer-policy{display:flex;gap:1.5rem;flex-wrap:wrap}
.footer-policy a{font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:rgba(236,238,238,.55);text-decoration:none;transition:color .15s}
.footer-policy a:hover{color:rgba(236,238,238,1)}
@media(max-width:1024px){.footer-nav{max-width:480px}}
@media(max-width:767px){
  .footer{padding:3rem 0 8rem}
  .footer-top{flex-direction:column;gap:2.5rem}
  .footer-nav{justify-content:flex-start}
  .footer-nav-cols{flex-wrap:wrap;gap:2rem}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:1rem}
  .footer-policy{gap:1rem}
}

/* CTA SECTION (shared)
   ============================================================================= */
.cta{background:var(--dark);padding:var(--section-pad) 0}
.cta-h{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:var(--t-h1);line-height:1.0;color:var(--chalk);margin-bottom:14px}
.cta-h .acc{color:var(--teal)}
.cta-sub{font-size:15px;color:rgba(236,238,238,.5);line-height:1.75;max-width:400px}


/* =============================================================================
   HOMEPAGE — index.hbs
   ============================================================================= */

/* HERO */
.hero{background:var(--white)}
.hero-inner{display:flex;min-height:560px}
.hero-left{flex:1;padding:var(--section-pad) 3rem 7rem 0;display:flex;flex-direction:column;justify-content:space-between}
.hero-eye{font-size:var(--t-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--body);margin-bottom:2.5rem}
.hero-h{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(64px,9vw,116px);line-height:.88;color:var(--dark);margin-bottom:1.5rem}
.hero-h .acc{color:var(--teal);font-style:italic}
.hero-sub{font-size:17px;font-style:italic;color:var(--body);line-height:1.75;max-width:460px;margin-bottom:32px}
.hero-btns{display:flex;gap:12px}
.hero-right{width:300px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;padding:6rem 2.5rem;position:relative}
.hero-right__rule{position:absolute;left:0;width:1px;background:var(--border);pointer-events:none}
.hero-stats-row{display:flex;flex-direction:column;gap:28px;margin-bottom:32px}
.stat-num{font-family:'Bebas Neue',sans-serif;font-size:64px;line-height:1;color:var(--dark);margin-bottom:4px}
.stat-num .ch{color:var(--ch)}
.stat-lbl{font-size:var(--t-sm);color:var(--body)}
.hero-avail{padding-top:28px;border-top:1px solid var(--border)}
.avail-h{font-family:'Bebas Neue',sans-serif;font-size:var(--t-h4);letter-spacing:-0.01em;color:var(--dark);margin-bottom:4px;line-height:1.2}
.avail-s{font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--body);opacity:.7}
.countup{color:inherit}

/* TICKER */
.ticker{overflow:hidden;background:var(--off);padding:11px 0;border-top:1px solid #171C1B;border-bottom:1px solid #171C1B;white-space:nowrap;position:relative;width:100%}
.ticker-inner{display:inline-block;animation:tick 28s linear infinite;will-change:transform}
.ticker-t{font-family:'DM Sans',sans-serif;font-weight:300;font-size:clamp(10px,1.4vw,13px);letter-spacing:normal;text-transform:uppercase;color:var(--dark);padding:0 32px}
@media(max-width:767px){.ticker-t{font-size:9px}}
.ticker-sep{color:var(--body)}
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* WORK */
.work-sec{background:var(--off);padding:var(--section-pad) 0}
.work-hdr{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px}
.work-hdr-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:var(--t-h2);line-height:1.1;color:var(--dark)}
.work-hdr-link{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--body)}
.work-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}
.work-col-right{display:flex;flex-direction:column;gap:24px}
.work-item{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:inherit}
.work-item:hover .work-item-title{color:var(--body)}
.work-img-block{position:relative;overflow:hidden;border-radius:8px}
.work-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}
.work-item-tag{font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--body);margin-bottom:5px}
.work-item-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:var(--t-h3);color:var(--dark);margin-bottom:4px;line-height:1.1;transition:color .15s}
.work-item-desc{font-size:var(--t-sm);color:var(--body);line-height:1.65}

/* SERVICES */
.svc-sec{background:var(--white);padding:var(--section-pad) 0}
.svc-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:var(--t-h2);line-height:1.1;color:var(--dark);margin-bottom:36px}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.svc-name{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:var(--t-h3);line-height:1.2;color:var(--dark);margin-bottom:10px}
.svc-desc{font-size:var(--t-base);color:var(--body);line-height:1.75;margin-bottom:12px}
.svc-tag{font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}

/* MANIFESTO */
.manifesto{background:var(--off);padding:var(--section-pad) 0 calc(var(--section-pad) * 1.5)}
.mani-inner{display:flex;align-items:flex-start;gap:48px}
.mani-lbl{font-size:var(--t-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--body);padding-top:8px;border-top:1px solid var(--border);width:140px;flex-shrink:0}
.mani-text{font-family:'Cormorant Garamond',serif;font-weight:400;font-style:italic;font-size:1.75rem;line-height:1.5;color:var(--dark);max-width:720px;text-wrap:balance}

/* HOMEPAGE CTA */
.cta-home{display:flex;align-items:center;justify-content:space-between;gap:48px}


/* =============================================================================
   ABOUT PAGE — page-about.hbs
   ============================================================================= */

/* PAGE HERO */
.page-hero{background:var(--body);padding:var(--section-pad) 0;border-bottom:1px solid rgba(255,255,255,0.15)}
.page-hero-inner{display:flex;flex-direction:column;gap:2rem;max-width:720px}
.page-eyebrow{font-size:var(--t-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--body);margin-bottom:1.5rem}
.page-eyebrow-light{font-size:var(--t-xs);letter-spacing:.2em;text-transform:uppercase;color:rgba(236,238,238,.65);margin-bottom:1.5rem}
.page-hero-h{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(64px,9vw,116px);line-height:.88;color:var(--white)}
.page-hero-right{display:flex;flex-direction:column;gap:.75rem}
.page-hero-sub{font-size:17px;font-style:italic;color:var(--off);line-height:1.75;max-width:480px}

/* HERO META */
.hero-meta{display:flex;align-items:center;gap:1.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.25)}
.hero-meta-item{flex:0 0 auto}
.hero-meta-divider{width:1px;height:2rem;background:rgba(255,255,255,0.25);flex-shrink:0}
.hero-meta-statement{font-family:'Cormorant Garamond',serif;font-weight:400;font-style:italic;font-size:var(--t-h4);line-height:1.3;color:var(--chalk)}
.stat-est{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:var(--t-h4);color:rgba(236,238,238,.65);letter-spacing:.04em}
.stat-est span{color:var(--white)}
.hero-text-cta{font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:rgba(236,238,238,.65);text-decoration:none;transition:color .15s;margin-top:.5rem}
.hero-text-cta:hover{color:var(--teal)}

/* ABOUT INTRO */
.about-intro{background:var(--white);padding:var(--section-pad) 0}
.about-intro-inner{display:grid;grid-template-columns:1fr 1.6fr;gap:4rem;align-items:start}
.about-intro-label{font-size:var(--t-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--body);padding-top:8px;border-top:1px solid var(--border)}
.about-intro-body p{font-size:var(--t-base);color:var(--body);line-height:1.8;margin-bottom:1.25rem}
.about-intro-body p:last-child{margin-bottom:0}

/* PULLQUOTES */
.pullquote-sec{background:var(--off);padding:var(--section-pad) 0}
.pullquote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;border:1px solid var(--border)}
.pullquote-item{padding:2.5rem;border-right:1px solid var(--border);background:var(--off)}
.pullquote-item:last-child{border-right:none}
.pullquote-label{font-size:var(--t-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--body);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}
.pullquote-text{font-family:'Cormorant Garamond',serif;font-weight:400;font-style:italic;font-size:var(--t-h3);line-height:1.35;color:var(--dark)}
.pullquote-text strong{font-style:normal;font-weight:400;color:var(--dark)}

/* VALUES */
.values-sec{background:var(--white);padding:var(--section-pad) 0}
.values-hdr{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}
.values-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:var(--t-h2);line-height:1.1;color:var(--dark)}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.value-item{padding:2rem;border-right:1px solid var(--border)}
.value-item:nth-child(4n){border-right:none}
.value-item:nth-child(n+5){border-top:1px solid var(--border)}
.value-name{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:var(--t-h3);line-height:1.1;color:var(--dark);margin-bottom:.75rem}
.value-desc{font-size:var(--t-base);color:var(--body);line-height:1.7}

/* PROCESS */
.process-sec{background:var(--off);padding:var(--section-pad) 0}
.process-inner{display:grid;grid-template-columns:1fr 1.4fr;gap:4rem;align-items:start}
.process-hdr{position:sticky;top:5rem}
.process-eyebrow{font-size:var(--t-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--body);margin-bottom:1rem}
.process-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:var(--t-h2);line-height:1.1;color:var(--dark);margin-bottom:1.5rem}
.process-title em{font-style:italic;color:var(--teal)}
.process-intro{font-size:17px;font-style:normal;color:var(--body);line-height:1.75;margin-bottom:1rem}
.process-list{display:flex;flex-direction:column;border-top:1px solid var(--border)}
.process-item{padding:2rem 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:start}
.process-num{font-family:'Bebas Neue',sans-serif;font-size:var(--t-xs);letter-spacing:.12em;color:var(--teal);padding-top:.25rem}
.process-name{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:var(--t-h3);line-height:1.1;color:var(--dark);margin-bottom:.5rem}
.process-desc{font-size:var(--t-base);color:var(--body);line-height:1.7}
.process-cta{margin-top:2rem}
.process-cta-mobile{display:none;margin-top:2rem}

/* TESTIMONIAL */
.testimonial-sec{background:var(--dark);padding:var(--section-pad) 0}
.testimonial-eyebrow-wrap{text-align:center;margin-bottom:3rem}.testimonial-eyebrow{font-size:var(--t-xs);letter-spacing:.18em;text-transform:uppercase;color:rgba(236,238,238,.4);padding-top:8px;border-top:1px solid rgba(236,238,238,.15);display:inline-block}
.testimonial-carousel{position:relative;overflow:hidden}
.testimonial-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.testimonial-slide{min-width:100%;padding-right:0;text-align:center}
.testimonial-text{font-family:'Cormorant Garamond',serif;font-weight:400;font-style:italic;font-size:clamp(1.414rem,3vw,2rem);line-height:1.4;color:var(--chalk);margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto}
.testimonial-attr{font-size:var(--t-sm);color:rgba(236,238,238,.45);letter-spacing:.06em}
.testimonial-nav{display:flex;align-items:center;gap:2rem;margin-top:3rem;justify-content:center}
.testimonial-dots{display:flex;gap:8px}
.testimonial-dot{width:20px;height:1.5px;background:rgba(236,238,238,.2);cursor:pointer;transition:background .2s,width .2s;border:none;padding:0}
.testimonial-dot.active{background:var(--teal);width:32px}




/* ABOUT CTA */
.cta-border{border-top:1px solid rgba(236,238,238,.08)}
.cta-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.cta-right{display:flex;flex-direction:column;gap:2rem;align-items:flex-end;align-self:start;text-align:right}
.cta-email{font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:rgba(236,238,238,.8)}
.cta-email a{color:var(--white);transition:color .15s}
.cta-email a:hover{color:var(--chalk)}


/* =============================================================================
   RESPONSIVE
   ============================================================================= */

/* TABLET — 1024px */
@media(max-width:749px){
  .mw{padding-left:2rem;padding-right:2rem}

  /* Nav */
  .nav-overlay-logo{left:2rem}

  /* Homepage hero */
  .hero-inner{flex-direction:column;min-height:auto}
  .hero-left{padding:var(--section-pad-sm) 0 2rem}
  .hero-right{width:100%;padding:0 0 2.5rem}
  .hero-right__rule{display:none}
  .hero-avail{border-top:1px solid var(--border);padding-top:1.5rem}
  .hero-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:0}
  .hero-btns{flex-direction:column}
  .btn{flex:1 1 100%;width:100%}

  /* Work section (homepage) */
  .work-sec{padding:var(--section-pad-sm) 0}
  .work-grid{grid-template-columns:1fr;gap:20px}
  .work-col-right{flex-direction:row;gap:20px}

  /* Services */
  .svc-sec{padding:var(--section-pad-sm) 0}
  .svc-grid{grid-template-columns:1fr 1fr;gap:2rem}

  /* Manifesto */
  .manifesto{padding:var(--section-pad-sm) 0 calc(var(--section-pad-sm) * 1.5)}
  .mani-inner{flex-direction:column;gap:20px}
  .mani-lbl{width:auto}

  /* Homepage CTA */
  .cta-home{flex-direction:column;align-items:flex-start}

  /* About hero */
  .page-hero{padding:var(--section-pad-sm) 0}
  .page-hero-inner{grid-template-columns:1fr;gap:2rem}

  /* About intro */
  .about-intro-inner{grid-template-columns:1fr;gap:2rem}

  /* Post/work/tag/contact heroes */
  .post-header{padding-top:var(--section-pad-sm)}
  .post-header-inner{flex-direction:column;gap:1rem}
  .post-header-right{justify-content:flex-start !important;padding-top:0;margin-top:0;flex:none;width:100%;padding-left:0 !important}

  /* Contact */

  /* Pullquotes */
  .pullquote-grid{grid-template-columns:1fr;gap:0}
  .pullquote-item{border-right:none;border-bottom:1px solid var(--border)}
  .pullquote-item:last-child{border-bottom:none}

  /* Values */
  .values-grid{grid-template-columns:repeat(2,1fr)}
  .value-item:nth-child(2n){border-right:none}
  .value-item:nth-child(4n){border-right:none}
  .value-item:nth-child(n+3){border-top:1px solid var(--border)}

  /* Process */
  .process-inner{grid-template-columns:1fr;gap:2rem}
  .process-hdr{position:static}
  .process-cta{display:none}
  .process-cta-mobile{display:block}

  /* Testimonial */
  .testimonial-text{font-size:1.414rem}

  /* About CTA */
  .cta-inner{grid-template-columns:1fr;gap:2rem}
  .cta-right{align-items:flex-start;text-align:left}

  /* Work/tag page grid */
}

/* MOBILE — 767px */
@media(max-width:767px){
  .mw{padding-left:1.25rem;padding-right:1.25rem}

  /* Nav */
  .nav-overlay-logo{left:1.25rem}
  .nav-links{display:none}
  .nav-hamburger{display:flex}

  /* Homepage hero */
  .hero-left{padding:var(--section-pad-xs) 0 2rem}
  .stat-num{font-size:48px}

  /* Work section (homepage) */
  .work-sec{padding:var(--section-pad-xs) 0}
  .work-grid{grid-template-columns:1fr;gap:2rem}
  .work-col-right{flex-direction:column;gap:2rem}

  /* Services */
  .svc-sec{padding:var(--section-pad-xs) 0}
  .svc-grid{grid-template-columns:1fr;gap:2rem}

  /* Manifesto */
  .manifesto{padding:var(--section-pad-xs) 0 calc(var(--section-pad-xs) * 1.5)}
  .mani-text{font-size:20px}

  /* CTA */
  .cta{padding:var(--section-pad-xs) 0}

  /* Footer */

  /* About hero */
  .page-hero{padding:var(--section-pad) 0}

  /* Post/work/tag/contact heroes */
  .post-header{padding-top:2rem}

  /* Contact */
  .contact-h{font-size:clamp(48px,10vw,64px)}
  .contact-form-sec{padding:var(--section-pad-xs) 0}
  .faq-sec{padding:var(--section-pad-xs) 0}
  .faq-q{font-size:var(--t-h4)}

  /* Values */
  .values-grid{grid-template-columns:1fr}
  .value-item{border-right:none;border-bottom:1px solid var(--border)}
  .value-item:nth-child(4n){border-right:none}
  .value-item:nth-child(2n){border-right:none}
  .value-item:nth-child(n+3){border-top:none}
  .value-item:last-child{border-bottom:none}

  /* Process */
  .process-inner{grid-template-columns:1fr}
  .process-cta{display:none}
  .process-cta-mobile{display:block}

  /* Testimonial */
  .testimonial-text{font-size:1.414rem}

  /* Work/tag page grid */
}


/* =============================================================================
   KOENIG EDITOR — required Ghost card classes
   ============================================================================= */
.kg-image{max-width:100%;height:auto;display:block}
.kg-image-card{margin:2rem 0}
.kg-image-card img{max-width:100%;height:auto;display:block;border-radius:4px}
.kg-prose figcaption,.kg-caption{font-size:var(--t-sm);color:var(--body);text-align:center;margin-top:.75rem;font-style:italic;opacity:.8;letter-spacing:.02em;line-height:1.5}

/* Wide — breaks out beyond the 800px content column but stays within mw */
.kg-width-wide{margin-left:calc(50% - min(560px, 46vw));margin-right:calc(50% - min(560px, 46vw));max-width:min(1120px, 92vw)}

/* Full bleed — edge to edge */
.kg-width-full{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw}
.kg-width-full img{border-radius:0}
.kg-width-full .kg-image-card{border-radius:0}

.kg-gallery-container{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}
.kg-gallery-row{display:flex;gap:1rem}
.kg-gallery-image{flex:1;overflow:hidden}
.kg-gallery-image img{width:100%;height:100%;object-fit:cover;display:block}


/* =============================================================================
   POST & PAGE TEMPLATES
   ============================================================================= */
.post-article{overflow-x:hidden}
.post-container{padding-bottom:0}
.post-header{padding:var(--section-pad) 0 0;margin-bottom:0}
.post-header-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:0}
.post-header-left{display:flex;flex-direction:column;gap:1.5rem;flex:1}
.post-header-right{flex:0 0 40%;display:flex;justify-content:flex-end;padding-left:3rem}
.post-meta{display:flex;align-items:center;flex-wrap:wrap}
.post-tag{font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--coral);text-decoration:none;transition:opacity .15s}
.post-tag:hover{opacity:.7}
.post-tag+.post-tag::before{content:'✻';margin:0 10px;color:rgba(23,28,27,0.2);font-style:normal}
.post-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(2.5rem,6vw,4.5rem);line-height:.95;color:var(--dark)}
.post-header-right{padding-top:.5rem;display:flex;justify-content:flex-end}
.post-excerpt{font-size:17px;font-style:italic;color:var(--body);line-height:1.75;max-width:480px}
.post-content-wrap{width:100%;max-width:800px;margin:0 auto;padding:2rem 3rem var(--section-pad);box-sizing:border-box}
@media(max-width:749px){.post-content-wrap{padding-left:2rem;padding-right:2rem}}
@media(max-width:767px){.post-content-wrap{padding-left:1.25rem;padding-right:1.25rem}}

/* Koenig / post content */
.kg-prose{width:100%}
.kg-prose p{font-size:var(--t-base);color:var(--body);line-height:1.8;margin-bottom:1.5rem}
.kg-prose h2{font-family:'Cormorant Garamond',serif;font-size:var(--t-h2);line-height:1.1;color:var(--dark);margin:3rem 0 1rem}
.kg-prose h3{font-family:'Cormorant Garamond',serif;font-size:var(--t-h3);line-height:1.1;color:var(--dark);margin:2rem 0 .75rem}
.kg-prose blockquote{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:var(--t-h3);line-height:1.35;color:var(--dark);border-left:2px solid var(--teal);padding-left:1.5rem;margin:2rem 0}
.kg-prose ul,.kg-prose ol{color:var(--body);font-size:var(--t-base);line-height:1.8;padding-left:1.5rem;margin-bottom:1.5rem}
.kg-prose li{margin-bottom:.5rem}
.kg-prose a{color:var(--coral);text-decoration:underline;text-underline-offset:3px}
.kg-prose hr{border:none;border-top:1px solid var(--border);margin:3rem 0}


/* =============================================================================
   WORK COLLECTION PAGE — work.hbs
   ============================================================================= */
.work-page-hero{background:var(--white);padding:var(--section-pad) 0 2rem;border-bottom:1px solid var(--border)}
@media(max-width:749px){.work-page-hero{padding:var(--section-pad-sm) 0 2rem}}
@media(max-width:767px){.work-page-hero{padding:var(--section-pad-xs) 0}}
.work-page-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(64px,9vw,116px);line-height:.88;color:var(--dark)}
.work-page-sec{background:var(--off);padding:var(--section-pad) 0}
.work-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;align-items:start}
@media(max-width:1024px){.work-page-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.work-page-sec{padding:var(--section-pad-sm) 0}}
@media(max-width:767px){.work-page-grid{grid-template-columns:1fr;gap:2rem}.work-page-sec{padding:var(--section-pad-xs) 0}}
.work-page-item{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:14px}
.work-page-item:hover .work-item-title{color:var(--body)}

/* Pagination */
.pagination{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:3rem 0 0;border-top:1px solid var(--border);margin-top:3rem}
.pagination a{font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--body);text-decoration:none;transition:color .15s}
.pagination a:hover{color:var(--dark)}
.pagination .page-number{font-size:var(--t-xs);color:var(--body)}




/* =============================================================================
   CONTACT PAGE — page-contact.hbs
   ============================================================================= */
.contact-hero{background:var(--white);padding:var(--section-pad) 0;border-bottom:1px solid var(--border)}
@media(max-width:749px){.contact-hero{padding:var(--section-pad-sm) 0}}
@media(max-width:767px){.contact-hero{padding:var(--section-pad-xs) 0}}
.contact-hero-inner{display:flex;align-items:start;justify-content:space-between}
@media(max-width:749px){.contact-hero-inner{flex-direction:column;gap:2rem}}
@media(max-width:767px){.contact-hero-inner{flex-direction:column;gap:2rem}}
.contact-hero-inner>div:first-child{flex:0 0 55%;max-width:55%}
@media(max-width:749px){.contact-hero-inner>div:first-child{flex:none;width:100%;max-width:100%}}
@media(max-width:767px){.contact-hero-inner>div:first-child{flex:none;width:100%;max-width:100%}}
.contact-eyebrow{font-size:var(--t-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--body);padding-top:8px;border-top:1px solid var(--border);display:inline-block;margin-bottom:2rem}
.contact-h{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(64px,9vw,116px);line-height:.88;color:var(--dark);margin-bottom:2rem;text-wrap:balance}
.contact-h .acc{color:var(--teal);font-style:italic}
.contact-sub{font-size:17px;font-style:italic;color:var(--body);line-height:1.75;max-width:440px}
.contact-details{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:2rem;padding-top:1rem}
@media(max-width:749px){.contact-details{width:100%;padding-left:0}}
@media(max-width:767px){.contact-details{width:100%;padding-left:0}}
.contact-detail-label{font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--body);margin-bottom:6px}
.contact-detail-val{font-size:var(--t-base);color:var(--dark)}
.contact-detail-val a{color:var(--dark);text-decoration:none;border-bottom:1px solid var(--border);transition:border-color .15s}
.contact-detail-val a:hover{border-color:var(--teal)}
.contact-avail{color:var(--teal)}
.contact-form-sec{background:var(--off);padding:var(--section-pad) 0}
.contact-form-inner{display:grid;grid-template-columns:1fr 1.4fr;gap:6rem;align-items:start}
@media(max-width:749px){.contact-form-inner{grid-template-columns:1fr;gap:2rem}}
@media(max-width:767px){.contact-form-inner{grid-template-columns:1fr;gap:2rem}}
.contact-form-lede{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:var(--t-h3);line-height:1.4;color:var(--dark);margin-bottom:2rem}
.contact-form-note{font-size:var(--t-sm);color:var(--body);line-height:1.7}
.tally-wrap{width:100%}
.tally-wrap iframe{border:none;width:100%;min-height:400px}
.faq-sec{background:var(--white);padding:var(--section-pad) 0}
.faq-eyebrow{font-size:var(--t-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--body);padding-top:8px;border-top:1px solid var(--border);display:inline-block;margin-bottom:3rem}
.faq-accordion{border-top:1px solid var(--border)}
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem 0;background:none;border:none;cursor:pointer;font-family:'Cormorant Garamond',serif;font-size:var(--t-h3);line-height:1.3;color:var(--dark);text-align:left}
.faq-q:hover span{color:var(--teal)}
.faq-icon{flex-shrink:0;transition:transform .25s;color:var(--body)}
.faq-item.open .faq-icon{transform:rotate(180deg)}
.faq-a{font-size:var(--t-base);color:var(--body);line-height:1.8;max-width:70ch;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;padding-bottom:0}
.faq-item.open .faq-a{max-height:200px;padding-bottom:1.5rem}

/* =============================================================================
   TAG PAGE — tag.hbs
   ============================================================================= */
.tag-hero{background:var(--white);padding:var(--section-pad) 0 2rem;border-bottom:1px solid var(--border)}
@media(max-width:749px){.tag-hero{padding:var(--section-pad-sm) 0 2rem}}
@media(max-width:767px){.tag-hero{padding:var(--section-pad-xs) 0}}
.tag-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(64px,9vw,116px);line-height:.88;color:var(--dark);margin-bottom:1rem}
.tag-posts-sec{padding:var(--section-pad) 0}
@media(max-width:749px){.tag-posts-sec{padding:var(--section-pad-sm) 0}}
@media(max-width:767px){.tag-posts-sec{padding:var(--section-pad-xs) 0}}


/* =============================================================================
   WRITING SECTION — homepage
   ============================================================================= */
.writing-sec{background:var(--white);padding:var(--section-pad) 0}
.writing-hdr{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}
.writing-hdr-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:var(--t-h2);color:var(--dark)}
.writing-hdr-link{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--body);transition:color .15s}
.writing-hdr-link:hover{color:var(--coral)}
.writing-row-b{display:grid;grid-template-columns:140px 1fr auto;gap:2rem;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--border);text-decoration:none;color:inherit}
.writing-sec .writing-row-b,.writing-list-sec .writing-row-b,.writing-more-sec .writing-row-b{grid-template-columns:140px 80px 1fr auto}
.writing-row-b:hover .writing-row-b-title{color:var(--body)}
.writing-row-b:hover .writing-row-b-arrow{opacity:1;transform:translateX(4px)}
.writing-row-b-meta{display:flex;flex-direction:column;gap:.3rem}
.writing-row-b-date{font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--body)}
.writing-row-b-time{font-size:var(--t-xs);letter-spacing:.08em;color:var(--body);opacity:.6}
.writing-row-b-thumb{width:80px;height:56px;overflow:hidden;border-radius:3px;flex-shrink:0;background:var(--chalk)}
.writing-row-b-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.writing-row-b-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:var(--t-h3);line-height:1.1;color:var(--dark);transition:color .15s}
.writing-row-b-arrow{font-size:1.25rem;color:var(--coral);opacity:.5;transition:opacity .2s,transform .2s}
@media(max-width:767px){
  .writing-sec{padding:var(--section-pad-xs) 0}
  .writing-row-b,.writing-sec .writing-row-b,.writing-list-sec .writing-row-b,.writing-more-sec .writing-row-b{grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:.75rem 1rem}
  .writing-row-b-thumb{grid-column:1;grid-row:1;width:56px;height:40px}
  .writing-row-b-meta{grid-column:2;grid-row:1}
  .writing-row-b-title{grid-column:1 / 3;grid-row:2}
  .writing-row-b-arrow{grid-column:3;grid-row:2;align-self:center}
}
.writing-list-sec{background:var(--off);padding:var(--section-pad) 0}
@media(max-width:767px){.writing-list-sec{padding:var(--section-pad-xs) 0}}

/* POST NAVIGATION */
.post-nav{border-top:1px solid var(--border);padding:var(--section-pad) 0}
.post-nav-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem}
.post-nav-item{display:flex;flex-direction:column;gap:.5rem}
.post-nav-next{text-align:right;align-items:flex-end}
.post-nav-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.5rem}
.post-nav-label{font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--coral)}
.post-nav-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:var(--t-h4);line-height:1.2;color:var(--dark);transition:color .15s}
.post-nav-link:hover .post-nav-title{color:var(--body)}
@media(max-width:767px){
  .post-nav{padding:var(--section-pad-xs) 0}
}

/* MORE FROM THE STUDIO */
.writing-more-sec{background:var(--off);padding:var(--section-pad) 0}
@media(max-width:767px){.writing-more-sec{padding:var(--section-pad-xs) 0}}

/* MORE WORK SECTION */
.more-work-sec{background:var(--off);padding:var(--section-pad) 0}
@media(max-width:767px){.more-work-sec{padding:var(--section-pad-xs) 0}}

/* WORK SITE LINK */
.work-site-link{display:inline-flex;align-items:center;font-size:var(--t-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--coral);text-decoration:none !important;padding:20px 0;transition:opacity .15s;border-bottom:none}
.work-site-link::after{content:' →';display:inline-block;transition:transform .2s;transform:translateX(0)}
.work-site-link:hover{opacity:.8}
.work-site-link:hover::after{transform:translateX(4px)}

/* POST DIVIDER */
.kg-prose hr{border:none;text-align:center;margin:2rem 0}
.kg-prose hr::before{content:'✻';display:block;font-size:1.5rem;line-height:1;color:rgba(23,28,27,0.25);transform:translateY(0.02em)}

/* PAGE TEMPLATES */

/* Editorial (default page.hbs) */
.page-editorial-inner{max-width:800px;margin:0 auto;padding:var(--section-pad) 0}
.page-editorial-hdr{margin-bottom:3rem}
.page-editorial-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(36px,5vw,64px);line-height:.95;color:var(--dark);margin-bottom:1.25rem}
.page-editorial-excerpt{font-size:var(--t-h4);font-style:italic;color:var(--body);line-height:1.5;margin-bottom:2rem;max-width:600px}
.page-editorial-img{margin-bottom:2.5rem}
.page-editorial-img img{width:100%;display:block;border:1px solid var(--border)}

/* Cover (custom-featured-image.hbs) */
.page-cover-img{width:100%;max-height:65vh;overflow:hidden}
.page-cover-img img{width:100%;height:100%;object-fit:cover;display:block;max-height:65vh}

/* Wide (custom-wide.hbs) */
.page-wide-wrap{padding:var(--section-pad) 0}
.page-wide-hdr{margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid var(--border)}
.page-wide-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(36px,5vw,64px);line-height:.95;color:var(--dark);margin-bottom:1.25rem}
.page-wide-excerpt{font-size:var(--t-h4);font-style:italic;color:var(--body);line-height:1.5;margin-bottom:2rem}
.page-wide-img{margin-bottom:2.5rem}
.page-wide-img img{width:100%;display:block;border:1px solid var(--border)}
.page-wide-content{max-width:100%}

/* Mobile */
@media(max-width:767px){
  .page-editorial-inner{padding:var(--section-pad-xs) 0}
  .page-wide-wrap{padding:var(--section-pad-xs) 0}
  .page-cover-img{max-height:45vh}
  .page-cover-img img{max-height:45vh}
}

/* ERROR PAGE */
.error-page{padding:var(--section-pad) 0;min-height:60vh;display:flex;align-items:center}
.error-inner{display:flex;align-items:center;justify-content:space-between;gap:4rem}
.error-left{flex:1}
.error-code{font-family:'Bebas Neue',sans-serif;font-size:clamp(80px,12vw,160px);line-height:1;color:var(--border);margin-bottom:1rem;letter-spacing:.02em}
.error-h{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(32px,5vw,56px);line-height:.95;color:var(--dark);margin-bottom:1.25rem}
.error-sub{font-size:var(--t-base);color:var(--body);line-height:1.75;max-width:420px;margin-bottom:2.5rem}
.error-links{display:flex;gap:12px}
.error-right{flex-shrink:0}
.error-glyph{font-size:clamp(80px,15vw,180px);color:var(--border);line-height:1;user-select:none}
@media(max-width:767px){
  .error-inner{flex-direction:column;gap:2rem}
  .error-right{display:none}
}

/* 404 / ERROR PAGE */
.error-page{padding:var(--section-pad) 0;min-height:calc(100vh - 68px);display:flex;align-items:center}
.error-inner{display:flex;align-items:center;justify-content:space-between;gap:4rem}
.error-left{flex:1;max-width:580px}
.error-code{font-family:'Bebas Neue',sans-serif;font-size:clamp(80px,12vw,160px);line-height:1;color:var(--chalk);letter-spacing:.02em;margin-bottom:-.5rem}
.error-h{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(36px,5vw,64px);line-height:.95;color:var(--dark);margin-bottom:1.5rem}
.error-sub{font-size:var(--t-base);color:var(--body);line-height:1.75;max-width:460px;margin-bottom:2.5rem}
.error-btns{display:flex;gap:12px}
.error-right{flex-shrink:0;display:flex;align-items:center;justify-content:center}
.error-symbol{font-size:clamp(120px,18vw,240px);color:var(--chalk);line-height:1;user-select:none}
@media(max-width:767px){
  .error-inner{flex-direction:column;gap:2rem;text-align:center}
  .error-btns{justify-content:center}
  .error-right{display:none}
}

/* FOOTER SUBSCRIBE */
.footer-subscribe{margin-top:2rem;max-width:280px}
.footer-subscribe-eyebrow{font-size:var(--t-sm);letter-spacing:.2em;text-transform:uppercase;color:var(--teal);margin-bottom:.75rem}
.footer-subscribe-copy{font-size:var(--t-sm);color:rgba(236,238,238,.6);line-height:1.65;margin-bottom:1.5rem;font-style:italic}
.footer-subscribe-row{display:flex;align-items:stretch;border-bottom:2px solid rgba(236,238,238,.4);transition:border-color .15s}
.footer-subscribe-row:focus-within{border-bottom-color:rgba(236,238,238,.9)}
.footer-subscribe-input{background:transparent;border:none;color:rgba(236,238,238,.9);font-family:'DM Sans',sans-serif;font-size:var(--t-base);padding:10px 0;outline:none;flex:1;min-width:0}
.footer-subscribe-input::placeholder{color:rgba(236,238,238,.35)}
.footer-subscribe-btn{background:none;border:none;color:var(--coral);font-family:'DM Sans',sans-serif;font-size:var(--t-sm);letter-spacing:.1em;text-transform:uppercase;padding:10px 0 10px 16px;cursor:pointer;white-space:nowrap;transition:opacity .15s;flex-shrink:0;font-weight:500}
.footer-subscribe-btn:hover{opacity:.7}
.footer-subscribe-success{display:none;font-size:var(--t-sm);letter-spacing:.06em;color:var(--teal);line-height:1.5;margin-top:.75rem}
.footer-subscribe-error{display:none;font-size:var(--t-xs);color:var(--coral);margin-top:.5rem}
.footer-subscribe.success .footer-subscribe-row{display:none}
.footer-subscribe.success .footer-subscribe-success{display:block}
.footer-subscribe.error .footer-subscribe-error{display:block}
@media(max-width:767px){.footer-subscribe{max-width:100%}}