:root{
  --cream:#f5f0e9;
  --paper:#fffaf5;
  --cashmere:#e8dcd0;
  --rose:#b7c3ae;
  --rose-soft:#e2e8de;
  --rose-deep:#66745f;
  --ink:#392e2c;
  --muted:#725f5b;
  --line:rgba(57,46,44,.20);
  --script:'Great Vibes','Segoe Script','Snell Roundhand',cursive;
  --sans:'DM Sans',Arial,sans-serif;
  --display:'Barlow Condensed','Arial Narrow',sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
  --page:7%;
  --section-y:96px;
  --title:clamp(64px,6.5vw,98px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:104px}
body{
  margin:0;
  background:var(--cream);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.62;
  overflow-x:clip;
}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--rose-deep);outline-offset:5px}
img{display:block;width:100%;height:100%;object-fit:cover}
p,h1,h2,h3{margin:0}
p+p{margin-top:18px}
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.025em}

.skip{position:fixed;left:12px;top:-80px;z-index:100;background:var(--ink);color:#fff;padding:12px 16px}
.skip:focus{top:12px}
.eyebrow{font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.16em;text-transform:uppercase}
.hand{font-family:var(--script);font-weight:400;text-transform:none;letter-spacing:0;color:var(--rose-deep)}

/* Header + wordmark */
.header{
  position:sticky;
  top:0;
  z-index:50;
  min-height:104px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:34px;
  padding:0 4.5%;
  border-bottom:1px solid var(--line);
  background:rgba(245,240,233,.97);
  transition:min-height .35s var(--ease),background .35s,box-shadow .35s,backdrop-filter .35s;
}
.header.is-scrolled{min-height:84px;background:rgba(245,240,233,.86);backdrop-filter:blur(14px);box-shadow:0 12px 34px rgba(57,46,44,.07)}
.brand-calligraphy{display:inline-flex;flex-direction:column;align-items:stretch;width:max-content;max-width:100%}
.brand-name{
  display:block;
  font-family:var(--script);
  font-size:55px;
  font-weight:400;
  line-height:.78;
  letter-spacing:0;
  white-space:nowrap;
  color:var(--ink);
}
.brand-name em{font-style:normal;color:#74816d}
.brand-sub{
  display:block;
  width:100%;
  margin-top:8px;
  text-align:center;
  font-family:var(--sans);
  font-size:8.5px;
  font-weight:600;
  line-height:1;
  letter-spacing:.32em;
  color:#755f5b;
  white-space:nowrap;
}
.header nav{justify-self:center;display:flex;gap:30px;font-size:14px}
.header nav a{position:relative;padding:8px 0}
.header nav a::after{content:'';position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--rose-deep);transition:right .35s var(--ease)}
.header nav a:hover::after,.header nav a[aria-current=location]::after{right:0}
.header nav a[aria-current=location]{color:var(--rose-deep)}
.menu-toggle{display:none;border:0;background:none;padding:10px 0}
.menu-toggle span{display:inline-block;font-size:22px;margin-left:8px;transition:transform .3s var(--ease)}
.menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}

/* Actions */
.button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 24px;border:1px solid var(--ink);font-size:14px;font-weight:650;overflow:hidden;isolation:isolate;transition:transform .3s var(--ease),background .3s,color .3s,box-shadow .3s}
.button::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.16);transform:translateX(-105%) skewX(-12deg);transition:transform .5s var(--ease);z-index:-1}
.button.dark{background:var(--ink);color:var(--cream)}
.button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(57,46,44,.10)}
.button:hover::before{transform:translateX(0) skewX(0)}
.text-link{display:inline-block;font-size:14px;font-weight:650;padding-bottom:3px;border-bottom:1px solid rgba(57,46,44,.38);background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0 1px;background-position:left bottom;transition:background-size .35s var(--ease),color .25s}
.text-link:hover{color:var(--rose-deep);background-size:100% 1px}

/* Hero */
.hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:740px}
.hero-copy{position:relative;padding:48px 8% 28px}
.hero h1{width:max-content;max-width:100%;font-size:clamp(108px,10.8vw,174px);line-height:.78;margin:36px 0 30px;overflow:visible}
.hero-word{display:block;position:relative}
.hero h1 .hand{display:block;position:relative;z-index:2;width:max-content;font-size:.72em;line-height:.68;margin:-.02em 0 .06em .46em;transform:rotate(-4deg);text-shadow:0 8px 24px rgba(57,46,44,.04)}
.hero h1 .hand::after{content:'';position:absolute;left:14%;right:-5%;bottom:-.08em;border-bottom:1.5px solid rgba(102,116,95,.42);border-radius:50%;transform:rotate(-1.5deg)}
.dot{color:#7f8d78}
.intro{font-size:17px;line-height:1.58;max-width:38ch}
.hero-actions{display:flex;align-items:center;gap:24px;margin-top:28px}
.hero-caption{display:flex;justify-content:space-between;gap:20px;margin-top:54px;padding-top:18px;border-top:1px solid var(--line);font-size:9.5px;letter-spacing:.13em}
.hero-photo{position:relative;overflow:hidden;background:var(--cashmere);margin:22px 22px 22px 0;box-shadow:0 26px 64px rgba(57,46,44,.10);transform-style:preserve-3d;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.hero-photo::after{content:'';position:absolute;inset:14px;border:1px solid rgba(255,255,255,.30);pointer-events:none}
.hero-photo img{position:absolute;inset:-5% 0 auto;height:110%;object-position:center 44%;transform:translate3d(0,var(--photo-offset,0),0)}
.photo-note{position:absolute;left:28px;bottom:64px;width:174px;height:174px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#c9d4c3,#aebda7);border:1px solid rgba(255,255,255,.45);font-family:var(--script);font-size:44px;line-height:.88;transform:rotate(-6deg);box-shadow:0 12px 28px rgba(57,46,44,.07)}
.photo-note span{margin-top:9px}
.photo-label{position:absolute;right:22px;bottom:22px;padding:6px 10px;background:rgba(245,240,233,.90);backdrop-filter:blur(8px);font-size:9px;letter-spacing:.15em}

.ribbon{display:flex;align-items:center;justify-content:space-around;gap:22px;padding:20px 3%;background:var(--rose);font-family:var(--display);font-weight:650;font-size:22px;line-height:1.2;overflow:hidden}
.ribbon .asterisk{font-size:23px;display:inline-block;transform:rotate(var(--ribbon-angle,0deg))}

/* Shared section typography */
.section{padding:var(--section-y) var(--page)}
h2{font-size:var(--title);line-height:.90;margin-top:22px;overflow:visible}
h2 .hand{display:inline-block;position:relative;z-index:2;font-size:1.22em;line-height:.76;margin-left:.10em;transform:rotate(-3.5deg) translateY(.03em);text-shadow:0 8px 22px rgba(57,46,44,.04)}
.lead{font-size:25px;line-height:1.36;margin-bottom:22px}

/* Approach */
.approach{display:grid;grid-template-columns:1fr 1fr;gap:8%}
.approach-copy{position:relative;max-width:510px;padding:32px 0 0 38px;border-left:1px solid var(--line)}
.approach-copy::before{content:'';position:absolute;left:-4px;top:35px;width:8px;height:8px;border-radius:50%;background:var(--rose-deep)}
.approach-copy>p:not(.lead),.contact-copy>p:not(.lead){color:var(--muted)}
.signature{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:34px;padding-top:16px;border-top:1px solid var(--line);width:max-content;max-width:100%}
.signature-note{font-family:var(--sans);font-size:13px;font-weight:600;line-height:1.35;letter-spacing:.04em;color:#765f5b}
.signature-name{display:block;font-family:var(--script);font-size:58px;line-height:.84;color:var(--rose-deep)}
.signature-role{font-size:10px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:#866f6b}

/* Offer */
.offer{background:var(--cashmere)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:48px}
.section-heading>p{padding-bottom:10px;color:var(--muted)}
.offer-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:6.5%;align-items:start}
.offer-visual{position:sticky;top:116px}
.offer-photo{position:relative;height:520px;overflow:hidden;background:#d5c5b9;box-shadow:0 18px 46px rgba(57,46,44,.08);transform-style:preserve-3d;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.offer-photo img{transition:filter .35s var(--ease),opacity .35s var(--ease),transform .5s var(--ease)}
.offer-photo::after{content:'';position:absolute;left:0;right:0;bottom:0;height:36%;background:linear-gradient(180deg,transparent,rgba(57,46,44,.16));pointer-events:none}
.image-tag{position:absolute;z-index:2;left:20px;bottom:20px;padding:7px 12px;background:rgba(245,240,233,.92);backdrop-filter:blur(8px);font-size:9px;font-weight:600;letter-spacing:.14em}
.offer-legend{display:flex;justify-content:space-between;padding-top:14px;font-size:10px;letter-spacing:.13em;color:#6f5d59}
.offer-list{min-width:0}
details{border-top:1px solid var(--line)}
details:last-child{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
.offer-list details{position:relative;transition:background .3s,color .3s}
.offer-list details::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--rose-deep);transform:scaleY(0);transform-origin:top;transition:transform .35s var(--ease)}
.offer-list details[data-expanded=true]{background:rgba(245,240,233,.50)}
.offer-list details[data-expanded=true]::before{transform:scaleY(1)}
.offer-list summary{display:flex;align-items:center;gap:18px;padding:25px 16px;font-family:var(--display);font-size:31px;font-weight:650;line-height:1.08}
.offer-list summary>span:nth-child(2){min-width:0}
.offer-list small{display:block;margin-top:8px;font-family:var(--sans);font-size:13px;font-weight:400;line-height:1.45;color:var(--muted)}
.number{align-self:flex-start;padding-top:7px;font-family:var(--sans);font-size:12px;color:#6f7d68;transition:transform .3s var(--ease)}
.plus{margin-left:auto;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border:1px solid var(--line);border-radius:50%;font-family:var(--sans);font-size:20px;transition:transform .35s var(--ease),background .3s,border-color .3s}
details[data-expanded=true] .plus{transform:rotate(45deg);background:var(--rose);border-color:transparent}
.offer-list details[data-expanded=true] summary{color:#5f6d59}
.details-body{max-width:560px;padding:0 24px 28px 51px}
.details-body p{margin-bottom:17px;font-size:15px;color:var(--muted)}

/* Statement */
.statement{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:92px 7% 82px;background:var(--rose-soft)}
.statement::before,.statement::after{content:'';position:absolute;left:7%;right:7%;height:1px;background:var(--line)}
.statement::before{top:30px}.statement::after{bottom:30px}
.statement-mark{position:absolute;right:3%;bottom:-96px;z-index:-1;font-family:var(--script);font-size:390px;line-height:1;color:rgba(57,46,44,.045);transform:rotate(-8deg);user-select:none}
.statement>p:nth-of-type(2){position:relative;margin:34px 0 38px;font-family:var(--display);font-size:clamp(64px,8.2vw,124px);font-weight:700;line-height:.92;letter-spacing:-.025em}
.statement .hand{display:inline-block;font-size:1.02em;line-height:.76;transform:rotate(-4deg) translateY(.04em)}
.statement .hand::after{content:'';position:absolute;left:12%;right:-4%;bottom:-.04em;border-bottom:1.5px solid rgba(102,116,95,.36);border-radius:50%}
.statement-foot{font-size:10px;letter-spacing:.15em}

/* Schedule */
.schedule{display:grid;grid-template-columns:1fr 1.05fr;gap:7%;align-items:center}
.schedule-heading>p:not(.eyebrow){margin-top:24px;color:var(--muted)}
.steps{position:relative;display:flex;flex-direction:column;gap:16px;margin-top:31px;font-size:14px}
.steps::before{content:'';position:absolute;left:13px;top:14px;bottom:14px;width:1px;background:var(--line);z-index:-1}
.steps span{display:flex;align-items:center}
.steps b{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;margin-right:12px;border:1px solid var(--line);border-radius:50%;background:var(--cream);font-size:10px;font-weight:600}
.booking-wrap{background:var(--paper);border:1px solid var(--line);box-shadow:12px 14px 0 rgba(232,220,208,.65);transform-style:preserve-3d;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.booking-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 20px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.12em}
.booking-status{padding:4px 8px;border:1px solid #8a9983;background:rgba(226,232,222,.62)}
.booking-panel{min-height:450px;display:grid;place-items:center;padding:42px 20px;text-align:center}
.calendar-icon{width:70px;height:78px;margin:0 auto 25px;border:1px solid var(--ink);border-radius:6px;background:var(--cream);transform:rotate(-6deg);box-shadow:4px 4px 0 var(--cashmere)}
.calendar-icon span{display:block;padding:5px;border-bottom:1px solid var(--ink);background:var(--rose);font-size:7.5px;letter-spacing:.1em}
.calendar-icon strong{font-family:var(--script);font-size:39px;font-weight:400;line-height:1.25}
.booking-panel h3{margin:16px 0;font-size:48px;line-height:1}
.booking-panel p:not(.eyebrow){font-size:14px;color:var(--muted)}
.booking-panel .button{margin-top:22px}
.booking-panel iframe{width:100%;min-height:650px;border:0}

/* FAQ — deliberately uses the exact same title system as every other section */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;padding-top:72px;border-top:1px solid var(--line)}
.faq>div:first-child{align-self:start;position:sticky;top:126px}
.faq-list summary{display:flex;align-items:center;gap:18px;padding:23px 4px 23px 0;font-size:16px;font-weight:600}
.faq-list summary .plus{margin-left:auto}
.faq-list details p{padding:0 42px 23px 0;font-size:15px;color:var(--muted)}

/* Contact */
.contact{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:104px;padding-bottom:104px;background:var(--rose)}
.contact::before{content:'';position:absolute;inset:20px;border:1px solid rgba(57,46,44,.14);pointer-events:none}
.contact-copy{position:relative;max-width:520px;padding:30px 0 0 38px;border-left:1px solid var(--line)}
.contact-copy::before{content:'';position:absolute;left:-4px;top:33px;width:8px;height:8px;border-radius:50%;background:var(--rose-deep)}
.contact-pending{margin:27px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;color:#654f4c}
#contact-links a{display:block;margin:12px 0;font-size:22px;overflow-wrap:anywhere}

/* Footer */
footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:34px 4.5%;border-top:1px solid var(--line)}
.footer-wordmark .brand-name{font-size:48px}
.footer-wordmark .brand-sub{font-size:7.5px}
footer p{font-family:var(--script);font-size:30px;color:var(--rose-deep)}
footer>span{justify-self:end;font-size:11px;color:var(--muted)}

/* Fine interactions */
@media(hover:hover) and (pointer:fine){
  .offer-photo:hover img{transform:scale(1.035)}
  .offer-list summary:hover .number{transform:translateX(3px)}
  .offer-list summary:hover .plus{background:var(--rose-soft)}
  .hero-photo:hover,.offer-photo:hover,.booking-wrap:hover{box-shadow:0 26px 58px rgba(57,46,44,.12)}
}

/* Tablet */
@media(max-width:1100px){
  :root{--page:5%;--section-y:78px;--title:clamp(58px,7.2vw,84px)}
  .header{min-height:92px;padding:0 4%;grid-template-columns:auto 1fr}
  .header.is-scrolled{min-height:80px}
  .brand-name{font-size:49px}
  .header nav{gap:19px;justify-self:end}
  .header-cta{display:none}
  .hero{min-height:670px}
  .hero-copy{padding:40px 7% 26px}
  .hero h1{font-size:11.5vw}
  .hero-caption span:last-child{display:none}
  .photo-note{width:145px;height:145px;font-size:36px;left:20px}
  .offer-grid{gap:5%}
  .offer-photo{height:470px}
  .offer-list summary{font-size:27px;padding-left:12px;padding-right:12px}
  .details-body{padding-left:44px}
  .approach-copy,.contact-copy{padding-left:28px}
  .statement-mark{font-size:310px;bottom:-76px}
  footer{grid-template-columns:1fr auto}
  footer p{display:none}
}

/* Mobile-first composition */
@media(max-width:700px){
  :root{--page:5.5%;--section-y:54px;--title:clamp(48px,14vw,62px)}
  html{scroll-padding-top:82px}
  body{font-size:15px}
  .header{min-height:82px;padding:0 5.5%;display:flex;justify-content:space-between;gap:14px}
  .header.is-scrolled{min-height:72px}
  .brand-name{font-size:39px;line-height:.80}
  .brand-sub{margin-top:5px;font-size:6.7px;letter-spacing:.27em}
  .menu-toggle{display:flex;align-items:center;font-size:13px}
  .header nav{display:none;position:absolute;left:0;right:0;top:82px;z-index:20;flex-direction:column;gap:0;padding:12px 5.5% 18px;background:rgba(245,240,233,.98);border-bottom:1px solid var(--line);box-shadow:0 16px 30px rgba(57,46,44,.06)}
  .header nav.open{display:flex}
  .header.is-scrolled nav{top:72px}
  .header nav a{padding:13px 0;border-bottom:1px solid rgba(57,46,44,.08);font-size:17px}

  .hero{display:flex;flex-direction:column;min-height:0}
  .hero-copy{padding:26px var(--page) 22px}
  .hero .eyebrow{font-size:9.5px}
  .hero h1{width:100%;font-size:clamp(76px,22.5vw,108px);line-height:.80;margin:25px 0 23px}
  .hero h1 .hand{font-size:.78em;line-height:.64;margin:-.02em 0 .08em .28em;transform:rotate(-3.5deg)}
  .hero h1 .hand::after{left:12%;right:-3%;bottom:-.10em}
  .intro{font-size:15.5px;max-width:33ch}
  .hero-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:23px}
  .hero-actions .button,.hero-actions .text-link{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center}
  .hero-actions .text-link{border:1px solid var(--line);padding:12px;background:rgba(255,250,245,.45)}
  .hero-caption{justify-content:flex-start;flex-wrap:wrap;margin-top:26px;padding-top:14px;font-size:8.5px}
  .hero-photo{height:390px;min-height:0;margin:0 var(--page) 24px}
  .hero-photo img{object-position:center 47%}
  .hero-photo::after{inset:10px}
  .photo-note{left:auto;right:15px;top:15px;bottom:auto;width:118px;height:118px;font-size:30px}
  .photo-label{right:14px;bottom:14px;font-size:8px}

  .ribbon{justify-content:center;flex-wrap:wrap;gap:8px 11px;padding:14px var(--page);font-size:15px}
  .ribbon .asterisk{font-size:15px}

  h2{margin-top:17px;line-height:.92}
  h2 .hand{display:block;width:max-content;max-width:100%;font-size:1.16em;line-height:.74;margin:.05em 0 0 .06em;transform:rotate(-3deg)}
  .approach,.schedule,.faq,.contact{grid-template-columns:1fr;gap:26px}
  .approach-copy,.contact-copy{max-width:none;padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}
  .approach-copy::before,.contact-copy::before{display:none}
  .lead{font-size:21px;margin-bottom:18px}
  .signature{margin-top:25px;padding-top:14px}
  .signature-note{font-size:12px}
  .signature-name{font-size:49px}
  .signature-role{font-size:9px;letter-spacing:.14em}

  .section-heading{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:30px}
  .section-heading>p{padding:0}
  .offer-grid{grid-template-columns:1fr;gap:24px}
  .offer-visual{position:static}
  .offer-photo{height:305px}
  .image-tag{left:13px;bottom:13px;padding:6px 9px;font-size:8.5px}
  .offer-legend{padding-top:9px;font-size:8.5px}
  .offer-list summary{gap:10px;padding:18px 8px;font-size:23px}
  .offer-list small{font-size:12.5px;margin-top:6px}
  .number{padding-top:5px;font-size:10px}
  .plus{width:28px;height:28px;font-size:18px}
  .details-body{padding:0 8px 20px 34px}
  .details-body p{font-size:14px}

  .statement{padding:64px var(--page) 58px}
  .statement::before{top:20px}.statement::after{bottom:20px}
  .statement>p:nth-of-type(2){font-size:clamp(48px,14vw,68px);margin:26px 0 28px}
  .statement .hand{font-size:1.08em}
  .statement-mark{font-size:220px;bottom:-50px}
  .statement-foot{font-size:8.5px;line-height:1.5}

  .schedule-heading>p:not(.eyebrow){margin-top:18px}
  .steps{margin-top:25px;gap:14px}
  .booking-wrap{box-shadow:7px 8px 0 rgba(232,220,208,.65)}
  .booking-heading{padding:14px;font-size:9px}
  .booking-panel{min-height:390px;padding:32px 15px}
  .booking-panel h3{font-size:39px;margin:14px 0}
  .booking-panel p:not(.eyebrow){font-size:13px}

  .faq{padding-top:54px}
  .faq>div:first-child{position:static}
  .faq-list summary{padding:19px 0;font-size:15px;line-height:1.35}
  .faq-list details p{padding:0 12px 20px 0;font-size:14px}

  .contact{padding-top:58px;padding-bottom:58px}
  .contact::before{inset:10px}
  .contact-pending{margin:22px 0;padding:15px 0;font-size:13px}
  #contact-links a{font-size:19px}

  footer{grid-template-columns:1fr;justify-items:start;gap:14px;padding:27px var(--page)}
  .footer-wordmark .brand-name{font-size:39px}
  .footer-wordmark .brand-sub{font-size:6.7px}
  footer p{display:block;font-size:24px}
  footer>span{justify-self:start;font-size:10px}
}

@media(max-width:390px){
  :root{--title:clamp(44px,13.5vw,55px)}
  .brand-name{font-size:35px}
  .brand-sub{font-size:6.2px;letter-spacing:.23em}
  .hero h1{font-size:clamp(69px,22vw,93px)}
  .hero h1 .hand{font-size:.86em;margin-left:.18em}
  .hero-photo{height:340px}
  .offer-photo{height:270px}
  .offer-list summary{font-size:21px}
  .signature-name{font-size:45px}
  .booking-panel{min-height:370px;padding-left:12px;padding-right:12px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .hero-photo img{transform:none!important}
  .button:hover,.hero-photo,.offer-photo,.booking-wrap{transform:none!important}
}

/* ===== 2026-09-30 / Pilates Forma brand + real offer ===== */
.brand-forma{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  line-height:1;
}
.brand-main{
  display:block;
  width:100%;
  text-align:center;
  font-family:var(--display);
  font-size:15px;
  font-weight:700;
  line-height:1;
  letter-spacing:.24em;
  color:var(--ink);
  white-space:nowrap;
}
.brand-main strong{font-weight:800;color:var(--rose-deep)}
.brand-by{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:7px;
  margin-top:5px;
  width:100%;
  white-space:nowrap;
}
.brand-by>span{
  font-family:var(--sans);
  font-size:8px;
  font-weight:600;
  letter-spacing:.08em;
  color:var(--muted);
}
.brand-by em{
  font-family:var(--script);
  font-size:37px;
  font-weight:400;
  font-style:normal;
  line-height:.72;
  letter-spacing:0;
  color:#74816d;
}
.footer-wordmark .brand-main{font-size:14px}
.footer-wordmark .brand-by em{font-size:35px}

/* Real schedule + pricing */
.home-note{
  margin-top:30px;
  padding-top:22px;
  border-top:1px solid var(--line);
  max-width:500px;
}
.home-note p{margin-top:8px;color:var(--muted);font-size:14px}
.class-booking{
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap:28px;
  padding:36px 28px 32px;
  text-align:left;
}
.class-time{text-align:center}
.class-time>span{
  display:block;
  margin-bottom:7px;
  font-size:9px;
  font-weight:700;
  letter-spacing:.17em;
  color:var(--muted);
}
.class-time strong{
  display:block;
  font-family:var(--display);
  font-size:52px;
  line-height:.95;
  letter-spacing:-.02em;
}
.class-time small{
  display:block;
  margin-top:9px;
  font-size:13px;
  color:var(--muted);
}
.price-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid var(--line);
}
.price-card{
  min-width:0;
  padding:20px 14px 18px;
  text-align:center;
  background:rgba(245,240,233,.46);
}
.price-card+ .price-card{border-left:1px solid var(--line)}
.price-card.featured{background:var(--rose-soft)}
.price-card span{
  display:block;
  min-height:30px;
  font-size:8px;
  font-weight:700;
  line-height:1.35;
  letter-spacing:.12em;
}
.price-card strong{
  display:block;
  margin:8px 0 2px;
  font-family:var(--display);
  font-size:35px;
  line-height:1;
}
.price-card small{font-size:11px;color:var(--muted)}
.booking-phone{align-self:center;margin-top:0!important}

/* Contact now contains real data */
.contact-direct{
  margin:28px 0 20px;
  padding:18px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.contact-direct span{
  display:block;
  margin-bottom:4px;
  font-size:9px;
  font-weight:700;
  letter-spacing:.16em;
}
.contact-direct a{
  display:inline-block;
  font-family:var(--display);
  font-size:42px;
  font-weight:700;
  line-height:1.05;
  letter-spacing:-.02em;
}
.contact-button{margin-top:0}

/* Footer with business + payment data */
.site-footer{
  display:block;
  padding:0;
  border-top:1px solid var(--line);
}
.footer-main{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:24px;
  padding:34px 4.5%;
}
.footer-main p{
  font-family:var(--script);
  font-size:30px;
  line-height:1;
  color:var(--rose-deep);
}
.footer-main>span{
  justify-self:end;
  font-size:11px;
  color:var(--muted);
}
.business-details{
  display:grid;
  grid-template-columns:1fr .75fr 1.5fr;
  gap:0;
  border-top:1px solid var(--line);
  background:rgba(232,220,208,.44);
}
.business-details>div{
  min-width:0;
  padding:24px 4.5vw;
}
.business-details>div+div{border-left:1px solid var(--line)}
.business-label{
  display:block;
  margin-bottom:8px;
  font-size:8px;
  font-weight:700;
  letter-spacing:.16em;
  color:var(--muted);
}
.business-details strong{
  display:block;
  font-size:14px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.business-details small,.business-details a{
  display:block;
  margin-top:3px;
  font-size:12px;
  color:var(--muted);
}
.account-block strong{font-variant-numeric:tabular-nums;letter-spacing:.03em}
.copy-account{
  margin-top:10px;
  padding:0 0 2px;
  border:0;
  border-bottom:1px solid currentColor;
  background:transparent;
  font-size:10px;
  font-weight:700;
  cursor:pointer;
}
.copy-account.copied{color:var(--rose-deep)}

@media(max-width:1100px){
  .brand-main{font-size:13px}
  .brand-by em{font-size:33px}
  .business-details{grid-template-columns:1fr 1fr}
  .account-block{grid-column:1/-1;border-left:0!important;border-top:1px solid var(--line)}
  .footer-main{grid-template-columns:1fr auto}
  .footer-main p{display:none}
}

@media(max-width:700px){
  .header .brand-forma{max-width:70%}
  .brand-main{font-size:11px;letter-spacing:.20em}
  .brand-by{gap:5px;margin-top:4px}
  .brand-by>span{font-size:7px}
  .brand-by em{font-size:29px}
  .footer-wordmark .brand-main{font-size:11px}
  .footer-wordmark .brand-by em{font-size:29px}

  .class-booking{gap:22px;padding:28px 14px 24px}
  .class-time strong{font-size:43px}
  .class-time small{font-size:12px}
  .price-grid{grid-template-columns:1fr}
  .price-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 16px;padding:15px 16px;text-align:left}
  .price-card+ .price-card{border-left:0;border-top:1px solid var(--line)}
  .price-card span{min-height:0;font-size:8px}
  .price-card strong{grid-column:2;grid-row:1/3;margin:0;font-size:31px}
  .price-card small{grid-column:1;margin:0}
  .booking-phone{width:100%}
  .home-note{margin-top:24px;padding-top:18px}

  .contact-direct{margin:23px 0 17px}
  .contact-direct a{font-size:38px}
  .contact-button{width:100%}

  .footer-main{grid-template-columns:1fr;justify-items:start;gap:15px;padding:28px var(--page)}
  .footer-main p{display:block;font-size:24px}
  .footer-main>span{justify-self:start;font-size:10px}
  .business-details{grid-template-columns:1fr}
  .business-details>div{padding:20px var(--page)}
  .business-details>div+div,.account-block{border-left:0!important;border-top:1px solid var(--line)}
  .account-block{grid-column:auto}
  .business-details strong{font-size:13px}
}

@media(max-width:390px){
  .brand-main{font-size:10px;letter-spacing:.17em}
  .brand-by em{font-size:27px}
  .contact-direct a{font-size:34px}
  .class-time strong{font-size:39px}
}

@media(max-width:700px){.statement .hand{font-size:1.06em;transform:translateX(-2px) rotate(-4deg) translateY(.04em)}}


/* ===== 2026-09-30 / user cutout photos integration ===== */
.hero-cutout-stage{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background:linear-gradient(180deg,#edf0e9 0%, #d9e1d4 100%);
}
.hero-cutout-stage::before{
  content:'';
  position:absolute;
  left:9%;
  right:9%;
  top:8%;
  bottom:8%;
  border-radius:36px 36px 120px 120px;
  background:radial-gradient(circle at 50% 28%, rgba(255,255,255,.68) 0%, rgba(255,255,255,.32) 28%, rgba(255,255,255,0) 60%), linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0));
  z-index:0;
}
.hero-backdrop{
  position:absolute;
  left:15%;
  right:15%;
  bottom:8%;
  top:16%;
  border-radius:220px 220px 26px 26px;
  background:linear-gradient(180deg, rgba(250,251,248,.94) 0%, rgba(226,233,222,.66) 100%);
  z-index:1;
}
.hero-cutout-stage .hero-cutout{
  position:relative;
  inset:auto;
  width:auto;
  height:95%;
  max-width:98%;
  object-fit:contain;
  object-position:center bottom;
  transform:none !important;
  z-index:2;
  filter:drop-shadow(0 24px 34px rgba(57,46,44,.16));
}
.hero-cutout-stage .photo-note{z-index:3;left:26px;bottom:38px}
.hero-cutout-stage .photo-label{z-index:3}

.contact-visual{margin-top:30px;max-width:480px}
.contact-cutout-stage{
  position:relative;
  height:490px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,250,245,.42) 0%, rgba(255,255,255,.08) 100%);
  box-shadow:0 18px 44px rgba(57,46,44,.08);
}
.contact-cutout-stage::after{
  content:'';
  position:absolute;
  inset:14px;
  border:1px solid rgba(255,255,255,.28);
  pointer-events:none;
}
.contact-backdrop{
  position:absolute;
  left:12%;
  right:12%;
  top:14%;
  bottom:0;
  border-radius:240px 240px 0 0;
  background:linear-gradient(180deg, rgba(255,255,255,.66) 0%, rgba(232,220,208,.38) 100%);
}
.contact-cutout-stage img{
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:auto;
  height:95%;
  object-fit:contain;
  filter:drop-shadow(0 24px 34px rgba(57,46,44,.16));
}
.contact-cutout-stage .image-tag{left:18px;bottom:18px}

@media(max-width:1100px){
  .hero-cutout-stage .hero-cutout{height:92%}
  .contact-cutout-stage{height:430px;max-width:420px}
}

@media(max-width:700px){
  .hero-photo.hero-cutout-stage{height:450px}
  .hero-cutout-stage::before{left:7%;right:7%;top:6%;bottom:6%;border-radius:28px 28px 90px 90px}
  .hero-backdrop{left:11%;right:11%;top:13%;bottom:7%;border-radius:180px 180px 22px 22px}
  .hero-cutout-stage .hero-cutout{height:96%;max-width:100%}
  .hero-cutout-stage .photo-note{left:auto;right:14px;top:14px;bottom:auto}
  .contact-visual{margin-top:22px;max-width:none}
  .contact-cutout-stage{height:360px}
  .contact-backdrop{left:10%;right:10%;top:12%}
  .contact-cutout-stage img{height:94%}
}

@media(max-width:390px){
  .hero-photo.hero-cutout-stage{height:410px}
  .contact-cutout-stage{height:320px}
}

/* ===== 2026-09-30 / v9 — text-led offer + Fittsey signup panel ===== */

/* Offer: no photography, three editorial paths */
.offer-heading{align-items:flex-end}
.offer-heading>p{max-width:43ch}
.offer-paths{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  grid-template-areas:
    "featured second"
    "featured third";
  gap:18px;
}
.offer-path{
  position:relative;
  min-height:330px;
  padding:26px 28px 28px;
  border:1px solid rgba(57,46,44,.18);
  background:rgba(255,250,245,.44);
  overflow:hidden;
  isolation:isolate;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .35s;
}
.offer-path:nth-child(2){grid-area:second}
.offer-path:nth-child(3){grid-area:third}
.offer-path-featured{
  grid-area:featured;
  min-height:678px;
  display:flex;
  flex-direction:column;
  background:var(--paper);
  box-shadow:12px 14px 0 rgba(245,240,233,.62);
}
.offer-path-soft{background:rgba(226,232,222,.58)}
.offer-path::before{
  content:'';
  position:absolute;
  width:210px;
  height:210px;
  border:1px solid rgba(102,116,95,.14);
  border-radius:50%;
  right:-86px;
  top:-92px;
  z-index:-1;
}
.offer-path-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px}
.offer-path-number{
  font-family:var(--display);
  font-size:52px;
  line-height:.8;
  font-weight:700;
  letter-spacing:-.04em;
  color:rgba(57,46,44,.30);
}
.offer-chip{
  display:inline-flex;
  padding:6px 9px;
  border:1px solid rgba(57,46,44,.20);
  font-size:8px;
  font-weight:700;
  letter-spacing:.14em;
  white-space:nowrap;
}
.offer-path-content{position:relative;z-index:2;max-width:570px}
.offer-path-featured .offer-path-content{margin-top:auto;margin-bottom:12px}
.offer-path h3{
  margin:14px 0 20px;
  font-size:clamp(48px,4.4vw,72px);
  line-height:.88;
}
.offer-path h3 span{
  font-family:var(--script);
  font-size:1.12em;
  font-weight:400;
  color:var(--rose-deep);
  letter-spacing:0;
}
.offer-path p:not(.eyebrow){max-width:50ch;color:var(--muted);font-size:15px}
.offer-facts{
  display:grid;
  gap:9px;
  margin:22px 0 25px;
  padding:0;
  list-style:none;
  font-size:13px;
}
.offer-facts li{position:relative;padding-left:18px}
.offer-facts li::before{content:'✳';position:absolute;left:0;top:.02em;font-size:9px;color:var(--rose-deep)}
.offer-path .button{margin-top:2px}
.offer-path-script{
  position:absolute;
  right:-14px;
  top:46%;
  z-index:0;
  font-family:var(--script);
  font-size:118px;
  line-height:1;
  color:rgba(102,116,95,.08);
  transform:rotate(-10deg);
  pointer-events:none;
  user-select:none;
}
.offer-bottom-note{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:28px;
  margin-top:18px;
  padding:22px 25px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.offer-bottom-note p{color:var(--muted);font-size:14px}
.offer-bottom-note a{
  font-family:var(--display);
  font-size:27px;
  font-weight:700;
  white-space:nowrap;
}
.approach-points{
  display:grid;
  gap:11px;
  margin-top:38px;
  max-width:390px;
  font-size:13px;
}
.approach-points span{display:flex;align-items:center;gap:11px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.approach-points b{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;font-size:9px;font-weight:600;color:var(--rose-deep)}

/* More complete pricing panel */
.pricing-note{max-width:48ch!important;margin:0 auto!important;text-align:center;font-size:12.5px!important;line-height:1.5}

/* Signup / Fittsey integration point */
.signup{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:7%;
  align-items:center;
  background:var(--cashmere);
}
.signup-intro{max-width:520px}
.signup-intro>p:not(.eyebrow):not(.lead){margin-top:18px;color:var(--muted)}
.signup-help{
  margin-top:30px;
  padding-top:18px;
  border-top:1px solid var(--line);
}
.signup-help span{display:block;margin-bottom:4px;font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--muted)}
.signup-help a{font-family:var(--display);font-size:37px;font-weight:700;line-height:1}
.fitssey-shell{
  min-width:0;
  background:var(--paper);
  border:1px solid var(--line);
  box-shadow:13px 15px 0 rgba(245,240,233,.52);
}
.fitssey-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:15px 18px;
  border-bottom:1px solid var(--line);
  font-size:9px;
  font-weight:700;
  letter-spacing:.12em;
}
.fitssey-live{padding:4px 7px;border:1px solid rgba(102,116,95,.38);background:rgba(226,232,222,.60);color:#596653}
.fitssey-container{min-height:520px;display:grid;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(245,240,233,.28))}
.fitssey-container iframe{width:100%;min-height:700px;border:0;background:#fff}
.fitssey-placeholder{place-self:center;width:min(100%,560px);padding:46px 38px;text-align:center}
.fitssey-calendar{
  width:92px;
  height:92px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin:0 auto 25px;
  border:1px solid var(--ink);
  background:var(--rose-soft);
  transform:rotate(-4deg);
  box-shadow:5px 5px 0 var(--cashmere);
}
.fitssey-calendar span{font-size:10px;font-weight:700;letter-spacing:.15em}
.fitssey-calendar strong{font-family:var(--display);font-size:28px;line-height:1}
.fitssey-placeholder h3{margin:14px 0;font-size:48px;line-height:.94}
.fitssey-placeholder>p:not(.eyebrow){max-width:43ch;margin:0 auto;color:var(--muted);font-size:14px}
.fitssey-placeholder-actions{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:25px}
.fitssey-placeholder-actions span{font-family:var(--display);font-size:22px;font-weight:700}

@media(hover:hover) and (pointer:fine){
  .offer-path:hover{transform:translateY(-5px);box-shadow:0 19px 38px rgba(57,46,44,.08);background:rgba(255,250,245,.70)}
  .offer-path-featured:hover{box-shadow:14px 18px 0 rgba(245,240,233,.66),0 18px 38px rgba(57,46,44,.07)}
}

@media(max-width:1100px){
  .offer-paths{grid-template-columns:1fr 1fr;grid-template-areas:"featured featured" "second third"}
  .offer-path-featured{min-height:470px}
  .offer-path{min-height:360px}
  .offer-path-script{font-size:100px;top:36%}
  .offer-bottom-note{grid-template-columns:1fr auto}
  .offer-bottom-note .eyebrow{grid-column:1/-1}
  .signup{grid-template-columns:1fr 1.2fr;gap:5%}
  .fitssey-placeholder{padding:38px 24px}
}

@media(max-width:700px){
  .approach-points{margin-top:28px}
  .offer-heading>p{max-width:none}
  .offer-paths{display:grid;grid-template-columns:1fr;grid-template-areas:"featured" "second" "third";gap:12px}
  .offer-path,.offer-path-featured{min-height:0;padding:21px 19px 23px;box-shadow:none}
  .offer-path-top{margin-bottom:24px}
  .offer-path-number{font-size:43px}
  .offer-path h3{font-size:48px;margin:11px 0 16px}
  .offer-path p:not(.eyebrow){font-size:14px}
  .offer-facts{margin:18px 0 21px;font-size:12.5px}
  .offer-path-featured .offer-path-content{margin:0}
  .offer-path-script{font-size:80px;right:-10px;top:31%}
  .offer-path .button{width:100%}
  .offer-bottom-note{grid-template-columns:1fr;gap:9px;margin-top:12px;padding:19px 0}
  .offer-bottom-note .eyebrow{grid-column:auto}
  .offer-bottom-note a{font-size:29px}

  .signup{grid-template-columns:1fr;gap:30px}
  .signup-help{margin-top:24px}
  .signup-help a{font-size:34px}
  .fitssey-shell{box-shadow:7px 8px 0 rgba(245,240,233,.55)}
  .fitssey-topbar{padding:12px 13px;font-size:7.5px;letter-spacing:.09em}
  .fitssey-live{font-size:7px;text-align:right}
  .fitssey-container{min-height:430px}
  .fitssey-placeholder{padding:34px 18px}
  .fitssey-calendar{width:78px;height:78px;margin-bottom:21px}
  .fitssey-placeholder h3{font-size:39px}
  .fitssey-placeholder>p:not(.eyebrow){font-size:13px}
  .fitssey-placeholder-actions{flex-direction:column;gap:11px;margin-top:21px}
  .fitssey-placeholder-actions .button{width:100%}
}

@media(max-width:390px){
  .offer-path h3{font-size:44px}
  .offer-bottom-note a{font-size:27px}
  .fitssey-topbar{align-items:flex-start;flex-direction:column;gap:7px}
  .fitssey-placeholder{padding-left:14px;padding-right:14px}
}


/* ===== 2026-09-30 / v10 — mobile contact/footer width hardening ===== */
@media(max-width:900px){
  .contact{
    width:100%;
    max-width:100%;
    grid-template-columns:minmax(0,1fr);
    gap:30px;
  }
  .contact>div,
  .contact-copy,
  .contact-visual,
  .contact-cutout-stage{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .contact-copy{
    padding-left:0;
    border-left:0;
  }
  .contact-copy::before{display:none}

  .site-footer,
  .footer-main,
  .business-details,
  .business-details>div{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .site-footer{display:block}
  .footer-main{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    justify-items:start;
  }
  .business-details{
    display:grid;
    grid-template-columns:minmax(0,1fr);
  }
  .business-details>div,
  .business-details>div+div,
  .account-block{
    grid-column:auto;
    border-left:0!important;
  }
  .business-details>div+div,
  .account-block{border-top:1px solid var(--line)}
  .business-details strong,
  .account-block strong{
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
  }
}

@media(max-width:700px){
  .contact{
    padding-left:var(--page);
    padding-right:var(--page);
  }
  .contact>div:first-child,
  .contact-copy{width:100%}
  .contact-visual{margin-left:0;margin-right:0}
  .contact-cutout-stage{margin:0}
  .contact-button{display:flex;width:100%;max-width:none}

  .site-footer{overflow:hidden}
  .footer-main{
    padding:24px var(--page) 22px;
    gap:11px;
  }
  .footer-main .brand-forma{max-width:100%}
  .footer-main p{margin-top:2px}
  .business-details>div{
    padding:16px var(--page);
  }
  .business-label{margin-bottom:5px}
  .account-block strong{
    font-size:12px;
    line-height:1.55;
    letter-spacing:.015em;
  }
  .copy-account{margin-top:7px}
}

/* ===== 2026-09-30 / v12 — remove remaining pink warmth from offer + signup ===== */
:root{
  --sage-section:#dfe7da;
  --sage-section-soft:#eaf0e6;
  --sage-card:#f7f8f3;
}

/* These two sections previously inherited the old warm cashmere background. */
.offer,
.signup{
  background:var(--sage-section);
}

/* Keep the content surfaces light, but neutral/sage rather than blush/cream. */
.offer-path{
  background:rgba(247,248,243,.62);
}
.offer-path-featured,
.fitssey-shell{
  background:var(--sage-card);
}
.offer-path-soft{
  background:var(--sage-section-soft);
}
.offer-path-featured{
  box-shadow:12px 14px 0 rgba(121,139,111,.13);
}
.fitssey-shell{
  box-shadow:13px 15px 0 rgba(121,139,111,.14);
}
.fitssey-container{
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(223,231,218,.44));
}
.fitssey-calendar{
  background:#d2dec9;
  box-shadow:5px 5px 0 rgba(121,139,111,.16);
}

@media(hover:hover) and (pointer:fine){
  .offer-path:hover{
    background:rgba(247,248,243,.86);
  }
  .offer-path-featured:hover{
    box-shadow:14px 18px 0 rgba(121,139,111,.15),0 18px 38px rgba(57,46,44,.06);
  }
}


/* ===== 2026-09-30 / v13 — complete sage cleanup for schedule, FAQ and footer ===== */
:root{
  --cream:#f3f5f0;
  --paper:#fafbf7;
  --cashmere:#dde5d8;
  --muted:#566151;
  --sage-light:#eef3eb;
  --sage-lighter:#f5f7f2;
  --sage-mid:#dce5d7;
  --sage-footer:#d4dfcf;
}

/* Schedule: remove the old blush/cream cast around “Wtorek jest dla Ciebie”. */
.schedule{
  background:var(--sage-light);
}
.schedule .steps b{
  background:#f8faf5;
}
.schedule .home-note{
  border-color:rgba(102,116,95,.24);
}
.schedule .booking-wrap{
  background:#f8faf5;
  border-color:rgba(102,116,95,.24);
  box-shadow:12px 14px 0 rgba(102,116,95,.12);
}
.schedule .booking-heading{
  border-color:rgba(102,116,95,.22);
}
.schedule .price-grid,
.schedule .price-card+ .price-card{
  border-color:rgba(102,116,95,.22);
}
.schedule .price-card{
  background:rgba(238,243,235,.72);
}
.schedule .price-card.featured{
  background:#dce5d7;
}

/* FAQ: a light neutral sage instead of the previous warm page tone. */
.faq{
  background:var(--sage-lighter);
  border-top-color:rgba(102,116,95,.22);
}
.faq-list details{
  border-color:rgba(102,116,95,.22);
}
.faq-list .plus{
  border-color:rgba(102,116,95,.28);
}
.faq-list details[data-expanded=true] .plus,
.faq-list details[open] .plus{
  background:#dce5d7;
}

/* Footer: fully sage, including the company/payment strip. */
.site-footer{
  background:#e4ebe0;
  border-top-color:rgba(102,116,95,.24);
}
.footer-main{
  background:#e4ebe0;
}
.business-details{
  background:var(--sage-footer);
  border-top-color:rgba(102,116,95,.24);
}
.business-details>div+div,
.business-details .account-block{
  border-color:rgba(102,116,95,.24);
}
.business-label,
.business-details small,
.business-details a,
.footer-main>span{
  color:#5f6b5b;
}

/* Eliminate a few remaining warm hard-coded surfaces in these sections. */
.schedule .class-booking,
.schedule .booking-panel{
  background:transparent;
}

@media(max-width:700px){
  .schedule,
  .faq,
  .site-footer,
  .footer-main,
  .business-details{
    background-clip:border-box;
  }
  .schedule .booking-wrap{box-shadow:7px 8px 0 rgba(102,116,95,.12)}
  .business-details>div+div,
  .business-details .account-block{
    border-top-color:rgba(102,116,95,.24)!important;
  }
}


/* ===== 2026-09-30 / v14 — final QA hardening ===== */
/* Improve small/body text contrast on the sage system. */
.contact-copy>p:not(.lead){color:#44503f}
.contact-direct span{color:#44503f}
.business-label,
.business-details small,
.business-details a,
.footer-main>span{color:#53604f}

/* Prevent script headlines from forcing grid tracks wider than the viewport. */
@media(max-width:700px){
  .approach>div,
  .section-heading>div,
  .schedule-heading,
  .signup-intro,
  .faq>div,
  .contact>div{
    min-width:0;
    max-width:100%;
  }
  h2 .hand{
    width:auto;
    max-width:100%;
    white-space:normal;
  }
  .statement-mark{
    left:0;
    right:0;
    width:100%;
    max-width:100%;
    overflow:hidden;
    text-align:right;
  }
}

@media(max-width:430px){
  .schedule h2 .hand{font-size:1.08em}
}

@media(max-width:340px){
  :root{--page:5%}
  .schedule h2 .hand{font-size:1.02em}
  .signup h2 .hand{font-size:1.08em}
}


/* Final palette normalization: remove the last warm-tinted surfaces. */
@media(max-width:700px){
  .hero-actions .text-link{background:rgba(248,250,245,.55)}
}
.contact-cutout-stage{
  background:linear-gradient(180deg,rgba(248,250,245,.46) 0%,rgba(255,255,255,.08) 100%);
}
.contact-backdrop{
  background:linear-gradient(180deg,rgba(255,255,255,.66) 0%,rgba(220,229,215,.44) 100%);
}