/* ==========================================================================
   SAVIO JOSEPH · lp.css  (book.saviojoseph.com, the Google Ads landing site)
   Sits on top of the rebuild's site.css. One goal per page: the enquiry.
   ========================================================================== */

/* ------------------------------------------------------------- header --- */
/* Always a material bar: the hero is half photograph, half ivory, so a clear bar would vanish on one side. */
.lp-header{background:rgba(12,11,9,.8);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border-bottom-color:var(--hair-d)}
.lp-header__nav{margin-left:auto;display:flex;align-items:center;gap:clamp(18px,2.6vw,36px)}
.lp-header__site{display:inline-flex;align-items:center;gap:.45em;font-weight:500;font-size:.8125rem;letter-spacing:.08em;color:var(--cream-2);padding-block:12px;transition:color .2s ease}
.lp-header__site svg{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:1.6;transition:transform .25s var(--ease-out)}
@media (hover:hover) and (pointer:fine){.lp-header__site:hover{color:var(--cream)}.lp-header__site:hover svg{transform:translate(2px,-2px)}}
@media (max-width:1023px){.lp-header__cta{display:none}}
@media (max-width:420px){.lp-header__site{font-size:.75rem;letter-spacing:.04em}}
@media (prefers-reduced-transparency:reduce){.lp-header{background:var(--obsidian);-webkit-backdrop-filter:none;backdrop-filter:none}}

/* --------------------------------------------------------------- hero --- */
/* Split: the photograph and the promise on the left, the enquiry on ivory at the right. */
.lp-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);min-height:100vh;min-height:100svh;background:var(--obsidian)}
.lp-hero__stage{position:relative;isolation:isolate;overflow:hidden;display:grid;align-items:start;
  padding:calc(var(--header-h) + 40px) clamp(28px,4vw,72px) 0 max(var(--gutter),calc((100vw - var(--maxw)) / 2))}
.lp-hero__media{position:absolute;inset:0 0 auto 0;height:78vh;height:78svh;z-index:-1}
.lp-hero__media img{width:100%;height:100%;object-fit:cover;object-position:50% 14%}
.lp-hero__media::after{content:"";position:absolute;inset:0;background:
  linear-gradient(0deg,rgba(12,11,9,1) 0%,rgba(12,11,9,.92) 22%,rgba(12,11,9,.55) 42%,rgba(12,11,9,0) 64%),
  linear-gradient(90deg,rgba(12,11,9,.86) 0%,rgba(12,11,9,.5) 34%,rgba(12,11,9,0) 62%),
  linear-gradient(180deg,rgba(12,11,9,.55) 0%,rgba(12,11,9,0) 22%)}
.lp-hero__lead{position:relative;min-width:0;padding-top:clamp(150px,calc(100svh - var(--header-h) - 40px - 560px),420px)}
.lp-hero__id{display:flex;flex-wrap:wrap;gap:.4em 1em;align-items:center;margin-bottom:clamp(16px,1.8vw,24px);color:var(--cream-2)}
.lp-hero__id span{display:inline-flex;align-items:center;gap:1em}
.lp-hero__id span + span::before{content:"";width:3px;height:3px;border-radius:50%;background:var(--gold)}
.lp-hero__title{font-family:var(--disp);font-weight:var(--disp-w);font-optical-sizing:auto;font-size:calc(clamp(2.5rem,min(4.3vw,7.2vh),4.5rem) * var(--k));line-height:1;letter-spacing:var(--disp-track);text-wrap:balance;max-width:14ch}
.lp-hero__title em{font-style:var(--em-style);font-weight:var(--em-w);color:var(--gold);letter-spacing:var(--em-track)}
.lp-hero__sub{margin-top:clamp(18px,2vw,26px);max-width:44ch}
.lp-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,2.6vw,36px)}
.lp-hero__jump{display:none}
.lp-hero__creds{display:flex;flex-wrap:wrap;gap:8px clamp(18px,2.4vw,36px);margin-top:clamp(28px,3.4vw,52px);padding-block:18px clamp(22px,2.4vw,32px);border-top:1px solid var(--hair-d);font-weight:500;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-2)}
.lp-hero__creds{column-gap:clamp(20px,2.4vw,32px)}
.lp-hero__creds li{display:flex;align-items:center;gap:10px}
.lp-hero__creds li::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--gold);flex:none}

.lp-hero__panel{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(28px,3vw,44px);
  padding:calc(var(--header-h) + clamp(28px,3.4vw,52px)) max(var(--gutter),calc((100vw - var(--maxw)) / 2)) clamp(28px,3vw,40px) clamp(28px,3.6vw,64px)}
.lp-hero__panel:focus{outline:none}
.lp-form__head{display:grid;gap:16px;padding-bottom:clamp(18px,2vw,26px);border-bottom:1px solid var(--hair-l);margin-bottom:clamp(20px,2.4vw,30px)}
.lp-form__head .h3{font-size:calc(clamp(1.55rem,2.2vw,2.1rem) * var(--k));letter-spacing:-.018em}
.lp-form .fstep{gap:clamp(16px,1.6vw,22px)}
.lp-form .frow{gap:clamp(14px,1.4vw,20px)}
.lp-form .chips{gap:8px}
.lp-form .chips label{min-height:42px;padding:0 14px;font-size:.875rem}
.lp-form__legal{font-size:.8125rem;color:var(--ink-3)}
.lp-form__next{font-size:.9375rem;line-height:1.5;color:var(--ink-2);max-width:46ch}
.lp-check{display:inline-flex;align-items:center;gap:10px;margin-top:2px;font-size:.9375rem;letter-spacing:0;text-transform:none;font-weight:400;color:var(--ink-2);cursor:pointer;width:fit-content}
.field .lp-check{font-size:.9375rem;letter-spacing:0;text-transform:none;font-weight:400}
.lp-check input{appearance:none;-webkit-appearance:none;width:20px;height:20px;min-height:0;padding:0;margin:0;border:1px solid rgba(22,19,14,.4);background:var(--paper);display:grid;place-items:center;flex:none;transition:background-color .15s ease,border-color .15s ease}
.lp-check input::after{content:"";width:10px;height:6px;border:solid var(--ivory);border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg);opacity:0}
.lp-check input:checked{background:var(--ink);border-color:var(--ink)}
.lp-check input:checked::after{opacity:1}
.lp-check input:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px;box-shadow:none}
.field input[type="date"]:disabled{opacity:.45}
.lp-form__legal a,.lp-form__fail a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.lp-form__fail{font-size:.9375rem;color:#9B2C1F;border-left:2px solid #9B2C1F;padding:4px 0 4px 12px}
.lp-form .cf-turnstile{min-height:0}
.lp-form__quote{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;padding-top:18px;border-top:1px solid var(--hair-l)}
.lp-form__quote q{quotes:none;font-family:var(--disp);font-style:var(--q-style);font-weight:var(--q-w);font-size:clamp(1.35rem,1.8vw,1.7rem);letter-spacing:-.02em;line-height:1;color:var(--ink)}
.lp-form__quote figcaption{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.lp-form__quote strong{font-weight:600;font-size:.9375rem;color:var(--gold-ink)}

@media (max-width:1023px){
  .lp-hero{grid-template-columns:1fr;min-height:0}
  .lp-hero__stage{padding:0 var(--gutter)}
  .lp-hero__media{height:auto;aspect-ratio:4/3.2;max-height:62svh;inset:0 0 auto 0}
  .lp-hero__media img{object-position:50% 4%}
  .lp-hero__media{top:var(--header-h)}
  .lp-hero__lead{padding-top:calc(min(62svh,80vw) - 70px)}
  .lp-hero__jump{display:inline-flex}
  .lp-hero__cta .btn{flex:1 1 auto}
  .lp-hero__creds{font-size:.6875rem;letter-spacing:.12em;gap:6px 14px;margin-top:28px}
  .lp-hero__id{font-size:.6875rem;letter-spacing:.12em;gap:.3em .8em}
  .lp-hero__id span{gap:.8em}
  .lp-hero__panel{padding:clamp(44px,8vw,72px) var(--gutter) 40px;scroll-margin-top:var(--header-h)}
}
@media (max-width:374px){.lp-hero__id{font-size:.625rem;letter-spacing:.08em;gap:.3em .6em}.lp-hero__id span{gap:.6em}}
@media (max-width:600px){
  .lp-hero__media{aspect-ratio:1/1.02}
  .lp-hero__lead{padding-top:calc(min(62svh,100vw) - 64px)}
  .lp-hero__title{font-size:calc(clamp(2.2rem,9.6vw,3.1rem) * var(--k))}
}

/* ------------------------------------------------ form (from contact) --- */
.progress{display:flex;gap:22px;font-weight:500;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.progress li{display:flex;align-items:center;gap:10px;transition:color .25s ease}
.progress span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--hair-l);font-size:.6875rem;letter-spacing:0;transition:background-color .25s ease,color .25s ease,border-color .25s ease}
.progress li.is-on{color:var(--ink)}
.progress li.is-on span{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
.progress li.is-done span{background:var(--gold-ink);color:var(--ivory);border-color:var(--gold-ink)}
.fstep{border:0;padding:0;margin:0;min-width:0;display:grid}
.frow{display:grid}
.frow--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.field--set{border:0;padding:0;margin:0;min-width:0}
.field--set legend{margin-bottom:12px}
.factions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;margin-top:4px}
.back{font-weight:600;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);padding:14px 4px;transition:color .2s ease}
@media (hover:hover) and (pointer:fine){.back:hover{color:var(--ink)}}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fstep:not([hidden]){animation:stepin .45s var(--ease-out) both}
@keyframes stepin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.btn[aria-busy="true"]{pointer-events:none;opacity:.8}
@media (max-width:600px){
  .frow--2{grid-template-columns:1fr}
  .factions .btn{width:100%}
  .factions .back{margin-inline:auto}
}

/* -------------------------------------------- homepage sections, reused --- */
.act{padding-top:clamp(56px,6vw,104px)}
.act__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,6vw,120px);align-items:start;margin-top:clamp(48px,6vw,104px)}
.act__grid .h1{max-width:none}
.act__grid .h1{font-size:calc(clamp(2.2rem,4.2vw,3.5rem) * var(--k))}
.act__grid .h1 span{display:block}
@media (min-width:601px){.act__grid .h1 span{white-space:nowrap}}
.points{margin-top:clamp(28px,3vw,44px);border-top:1px solid var(--hair-d)}
.points > div{display:grid;grid-template-columns:minmax(120px,.42fr) minmax(0,1fr);gap:20px;padding-block:18px;border-bottom:1px solid var(--hair-d)}
.points dt{font-weight:600;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);padding-top:.3em}
.points dd{color:var(--cream)}
@media (max-width:900px){.act__grid{grid-template-columns:1fr}.points > div{grid-template-columns:1fr;gap:6px}}

.proof__grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(36px,7vw,140px);align-items:start}
.proof__claim .h2{font-size:calc(clamp(1.7rem,2.9vw,2.6rem) * var(--k))}
.proof__claim .ledger{margin-top:clamp(32px,4vw,56px)}
.proof__quote blockquote{font-size:calc(clamp(1.6rem,3.1vw,2.9rem) * var(--k))}
.proof__quote{padding-top:.6rem}
.proof__trusted{margin-top:clamp(48px,6vw,96px);padding-top:clamp(28px,3vw,40px);border-top:1px solid var(--hair-l);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:center}
.proof__trusted .logos{justify-content:space-between}
@media (max-width:900px){.proof__grid{grid-template-columns:1fr}.proof__trusted{grid-template-columns:1fr}.proof__trusted .logos{justify-content:flex-start}}

/* two more voices, offset under the lead quote rather than a row of equal cards */
.lp-voices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,48px);margin-top:clamp(40px,4.4vw,64px)}
.lp-voices .quote{padding-top:22px;border-top:1px solid var(--hair-l)}
.lp-voices .quote blockquote{color:var(--ink)}
.lp-voices .quote figcaption{margin-top:14px}
@media (max-width:640px){.lp-voices{grid-template-columns:1fr;gap:28px}}

.formats__head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(20px,6vw,120px);align-items:end;margin-bottom:clamp(36px,4.4vw,72px)}
@media (max-width:900px){.formats__head{grid-template-columns:1fr}}

.before__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,7vw,140px);align-items:start}
.before__rail{position:sticky;top:calc(var(--header-h) + 32px)}
.before__rail .lede{margin-top:20px}
@media (max-width:900px){.before__grid{grid-template-columns:1fr}.before__rail{position:static}}

.close{padding-block:clamp(110px,14vw,220px)}
.flow{display:flex;flex-wrap:wrap;gap:8px 0;margin-top:clamp(20px,2.4vw,36px);padding-top:22px;border-top:1px solid var(--hair-d);font-weight:500;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-2)}
.flow li{display:flex;align-items:center}
.flow li + li::before{content:"";width:28px;height:1px;background:var(--gold-line);margin-inline:16px}
@media (max-width:600px){.flow{font-size:.6875rem}.flow li + li::before{width:14px;margin-inline:10px}}

/* ---------------------------------------------------- reel, plays in place --- */
.lp-reel{position:relative;background:#000}
.lp-reel .reel{transition:opacity .3s ease}
.lp-reel .reel::after{background:linear-gradient(0deg,rgba(12,11,9,.9) 0%,rgba(12,11,9,.55) 22%,rgba(12,11,9,0) 50%)}
.lp-reel .reel__ui .meta{color:var(--cream-2)}
.lp-reel__frame{position:absolute;inset:0;opacity:0;transition:opacity .45s ease .1s}
.lp-reel__frame iframe{width:100%;height:100%;border:0;display:block}
.lp-reel.is-playing{aspect-ratio:16/9}
.lp-reel.is-playing .reel{position:absolute;inset:0;height:100%;opacity:0;pointer-events:none}
.lp-reel.is-playing .lp-reel__frame{opacity:1}

/* ------------------------------------------------------------- footer --- */
.lp-footer{padding-top:clamp(48px,5vw,80px)}
.lp-footer__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(28px,5vw,96px);align-items:end}
.lp-footer__links{display:grid;justify-items:start;gap:6px}
.lp-footer__links > a:not(.arrow-link){color:var(--cream-2);font-size:.9688rem;transition:color .2s ease}
@media (hover:hover) and (pointer:fine){.lp-footer__links > a:not(.arrow-link):hover,.site-footer__base a:hover{color:var(--gold-hi)}}
.site-footer__base a{transition:color .2s ease}
.lp-footer__sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--gold);vertical-align:middle;margin-inline:12px}
@media (max-width:760px){.lp-footer__grid{grid-template-columns:1fr;align-items:start}}
@media (max-width:1023px){.site-footer__base{padding-bottom:calc(92px + env(safe-area-inset-bottom))}}

/* phone action bar: the landing page has no burger, so it shows below 1024 */
@media (max-width:1023px) and (min-width:961px){
  .cta-bar{display:block;position:fixed;inset:auto 0 0 0;z-index:90;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:rgba(12,11,9,.82);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border-top:1px solid var(--hair-d);transform:translateY(105%);transition:transform .32s var(--ease-sheet);visibility:hidden}
  .cta-bar.is-on{transform:none;visibility:visible}
}
body[data-page="thank-you"] .cta-bar,body[data-page="privacy"] .cta-bar,
body[data-page="thank-you"] .lp-header__cta{display:none}

/* ------------------------------------------------------------ thank you --- */
.ty{min-height:100vh;min-height:100svh;padding-top:calc(var(--header-h) + clamp(56px,8vw,120px));padding-bottom:clamp(64px,8vw,120px)}
.ty__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(40px,7vw,128px);align-items:start}
.ty__lead{display:grid;gap:clamp(18px,2vw,26px);justify-items:start}
.ty__lead .h1{max-width:10ch}
.ty__steps{width:100%;margin-top:clamp(12px,2vw,24px);border-top:1px solid var(--hair-d)}
.ty__steps li{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:4px;padding-block:16px;border-bottom:1px solid var(--hair-d);color:var(--cream-3)}
.ty__steps .numeral{font-size:1.3rem;padding-top:.08em;opacity:.6}
.ty__steps b{display:block;font-weight:600;font-size:1rem;color:var(--cream-2)}
.ty__steps small{display:block;font-size:.9375rem;line-height:1.5;margin-top:2px}
.ty__steps li.is-done b{color:var(--cream)}
.ty__steps li.is-done .numeral{opacity:1}
.ty__steps li.is-done b::after{content:"Done";margin-left:12px;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600}
.ty__steps li.is-next b{color:var(--cream)}
.ty__side{display:grid;gap:clamp(20px,2.4vw,30px)}
.ty__side .meta{display:block}
.ty__links{display:flex;flex-wrap:wrap;gap:6px 28px}
.ty__note{font-size:.9375rem;color:var(--cream-3);max-width:52ch}
.ty__note a{color:var(--cream-2);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
@media (max-width:900px){.ty__grid{grid-template-columns:1fr}.ty{min-height:0}}

/* -------------------------------------------------------------- privacy --- */
.doc{padding-top:calc(var(--header-h) + clamp(48px,6vw,96px));padding-bottom:clamp(72px,8vw,128px)}
.doc__inner{max-width:720px}
.doc h1{margin-bottom:12px}
.doc h2{font-family:var(--disp);font-weight:600;font-size:clamp(1.3rem,1.8vw,1.6rem);letter-spacing:-.012em;margin:clamp(32px,3.4vw,44px) 0 10px}
.doc p,.doc li{color:var(--ink-2);max-width:66ch}
.doc p + p{margin-top:.9em}
.doc ul{margin-top:.6em;display:grid;gap:.4em}
.doc li{padding-left:18px;position:relative}
.doc li::before{content:"";position:absolute;left:0;top:.75em;width:6px;height:1px;background:var(--gold-ink)}
.doc a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.doc .meta{display:block;margin-bottom:18px}

/* ------------------------------------------------ video testimonial --- */
.lp-vt{margin-top:clamp(36px,4vw,56px);display:grid;gap:14px}
.lp-vt__frame{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.lp-vt__frame video{width:100%;height:100%;object-fit:cover;display:block}
.lp-vt__play{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:16px;background:linear-gradient(0deg,rgba(12,11,9,.55),rgba(12,11,9,0) 55%);transition:opacity .25s ease}
.lp-vt__play .reel__play{width:56px;height:56px}
.lp-vt__len{font-weight:600;font-size:.75rem;letter-spacing:.12em;color:var(--cream);padding:4px 8px;background:rgba(12,11,9,.6)}
.lp-vt.is-playing .lp-vt__play{opacity:0;pointer-events:none}
@media (hover:hover) and (pointer:fine){.lp-vt__play:hover .reel__play{transform:scale(1.07);background:var(--gold-hi)}}
.lp-vt__play:active .reel__play{transform:scale(.95)}
.lp-vt blockquote{font-family:var(--quote-font);font-weight:var(--quote-w);font-size:clamp(1.25rem,1.7vw,1.5rem);line-height:1.3;letter-spacing:var(--quote-track);color:var(--ink);margin-top:6px}
.lp-vt figcaption{display:flex;flex-wrap:wrap;gap:.3em .9em;align-items:baseline}
.lp-vt figcaption strong{font-weight:600;font-size:.9375rem;color:var(--gold-ink)}
.ty__book{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:6px}
.ty__book span{font-size:.9375rem;color:var(--cream-3)}
.lp-rough{display:grid;gap:6px;margin-top:4px}
.lp-rough[hidden]{display:none}

/* ------------------------------------------------------ date calendar --- */
.lp-date{position:relative}
.lp-date__btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:54px;padding:14px 16px;border:1px solid rgba(22,19,14,.26);background:var(--paper);color:#9A9284;font:400 1.0625rem/1.4 var(--sans);text-align:left;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.lp-date.has-value .lp-date__btn{color:var(--ink)}
.lp-date__btn svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--ink-2);stroke-width:1.5}
.lp-date__btn:focus-visible,.lp-date__btn[aria-expanded="true"]{outline:none;border-color:var(--gold-ink);box-shadow:0 0 0 3px rgba(201,162,75,.28);background:#fff}
.lp-date__btn:disabled{opacity:.45;cursor:default}
.lp-date.is-bad .lp-date__btn{border-color:#9B2C1F}
.lp-date.is-bad .err{display:block}
.lp-cal{position:absolute;z-index:20;top:100%;left:0;width:min(320px,calc(100vw - 2 * var(--gutter)));padding:14px;background:#fff;border:1px solid rgba(22,19,14,.18);box-shadow:0 24px 48px -18px rgba(22,19,14,.35),0 2px 6px rgba(22,19,14,.06);transform-origin:top left;opacity:0;transform:translateY(-4px) scale(.98);transition:opacity .16s ease-out,transform .2s var(--ease-out)}
.lp-cal.is-in{opacity:1;transform:none}
.lp-cal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.lp-cal__month{font-family:var(--disp);font-weight:600;font-size:1.05rem;letter-spacing:-.01em;color:var(--ink)}
.lp-cal__nav{display:grid;place-items:center;width:36px;height:36px;color:var(--ink);transition:background-color .15s ease,transform .12s var(--ease-out)}
.lp-cal__nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.lp-cal__nav:disabled{opacity:.25;cursor:default}
.lp-cal__nav:active:not(:disabled){transform:scale(.94)}
.lp-cal__dow,.lp-cal__grid [role="row"]{display:grid;grid-template-columns:repeat(7,1fr)}
.lp-cal__dow span{text-align:center;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:4px 0 6px}
.lp-cal__grid button{width:100%;aspect-ratio:1;display:grid;place-items:center;font-size:.9375rem;font-variant-numeric:tabular-nums;color:var(--ink);border-radius:50%;transition:background-color .12s ease,color .12s ease,transform .12s var(--ease-out)}
.lp-cal__grid button:disabled{color:rgba(22,19,14,.25);cursor:default}
.lp-cal__grid button[data-today]{box-shadow:inset 0 0 0 1px var(--gold-ink)}
.lp-cal__grid button[aria-selected="true"]{background:var(--ink);color:var(--ivory);box-shadow:none}
.lp-cal__grid button:focus-visible{outline:2px solid var(--gold-ink);outline-offset:1px}
.lp-cal__grid button:active:not(:disabled){transform:scale(.92)}
@media (hover:hover) and (pointer:fine){.lp-cal__nav:hover:not(:disabled){background:var(--ivory)}.lp-cal__grid button:hover:not(:disabled):not([aria-selected="true"]){background:var(--ivory)}}
@media (prefers-reduced-motion:reduce){.lp-cal{transition:opacity .12s ease;transform:none}}
.ty__quote{padding-top:22px;border-top:1px solid var(--hair-d);display:grid;gap:14px}
.ty__quote blockquote{font-family:var(--quote-font);font-weight:var(--quote-w);font-size:clamp(1.3rem,1.9vw,1.7rem);line-height:1.28;letter-spacing:var(--quote-track);color:var(--cream);text-wrap:balance}
.ty__quote figcaption{display:flex;flex-wrap:wrap;gap:.3em .9em;align-items:baseline}
.ty__quote strong{font-weight:600;font-size:.9375rem;color:var(--gold-hi)}