/* Motion of Time site design v5 (2026-10-14), loaded AFTER style.css on every public page.
   Aperol Spritz (Tonic) system: Ponte ExtraLight caps display, Royals Serif Light Italic for headline
   accent words (short connector words only, same size as the caps), EB Garamond italic for kickers
   and notes, Red Hat Display caps for menu/buttons, Albert Sans body.
   Palette from the homepage photos: espresso ink, olive (menu, CTA), wine (testimonials), champagne details.
   Menu: fixed bar (transparent over a top hero, white once scrolled) + full-screen olive overlay (menu.js). */
  @font-face{font-family:'Ponte';src:url(/assets/fonts/ponte-extralight.woff2) format('woff2');font-weight:200 400;font-display:swap}
  @font-face{font-family:'Royals Serif';src:url(/assets/fonts/royals-lightitalic.woff2) format('woff2');font-weight:200 400;font-style:italic;font-display:swap}
  :root{--paper:#ffffff;--paper-2:#fcfbf9;--ink:#251f18;--ink-soft:#4a4239;--muted:#7d756b;--line:#e4dfd8;--dark:#251f18;--dark-text:#f6f3ee;--olive:#4b5240;--wine:#4a1c18;--champagne:#c4ad85;--deep:#171a13;--sage:var(--olive);
    --serif:'Ponte','Cormorant Garamond',Georgia,serif;--news:'EB Garamond',Georgia,serif;--accent:'Royals Serif','EB Garamond',Georgia,serif;--sans:'Albert Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;--ui:'Red Hat Display',system-ui,sans-serif}
  body{font-family:var(--sans);font-weight:400;font-size:17px;color:var(--ink);background:#fff}
  h1,h2,h3,.display{font-family:var(--serif);font-weight:300;text-transform:uppercase;letter-spacing:-.01em;line-height:1.02}
  h1,.display-xl{font-size:clamp(3rem,7.6vw,6.4rem)}
  h2{font-size:clamp(2.5rem,6vw,4.9rem)}
  h3{font-size:clamp(1.6rem,3.2vw,2.4rem)}
  h1 em,h2 em,h3 em,.display em,.quote blockquote em{font-family:var(--accent);font-style:italic;font-weight:300;text-transform:none;font-size:1em;letter-spacing:-.01em;padding-right:.03em}
  em,.accent{font-family:var(--news)}
  .lede{font-size:1.1rem;line-height:1.8;color:var(--ink-soft)}
  /* kickers become italic serif lines, Aperol's "What We Do" style (no tracked caps) */
  .eyebrow{font-family:var(--news);font-style:italic;font-size:1.3rem;letter-spacing:0;text-transform:none;color:var(--ink);margin-bottom:1rem}
  .section--dark .eyebrow,.video-band .eyebrow,.cta-band .eyebrow{color:inherit;opacity:.9}
  .btn,.text-link{font-family:var(--ui);font-weight:500;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase}
  .btn{padding:1.15em 2.2em;border-color:var(--ink)}
  .btn::after,.text-link::after{content:"  \2192"}
  .section--alt{background:var(--paper-2)}
  .section--dark{background:var(--dark)}
  .quote blockquote{font-family:var(--serif);font-weight:300;font-size:clamp(1.7rem,3.8vw,2.9rem);line-height:1.15}
  .quote cite{font-family:var(--news);font-style:italic;font-size:1.15rem;letter-spacing:0;text-transform:none}
  .cta-band{background:var(--sage);color:#fff}
  .cta-band .display{color:#fff}
  .cta-band .btn--solid{background:#fff;color:var(--ink);border-color:#fff}
  .cta-band .btn--solid:hover{background:transparent;color:#fff}
  .film .film-title{font-family:var(--serif);text-transform:uppercase}
  .film .film-kind{font-family:var(--news);font-style:italic;letter-spacing:0;text-transform:none;font-size:1rem}
  .site-footer{background:var(--deep);color:#e9ece9}
  .footer-nav a{font-family:var(--ui);font-weight:500;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase}

  /* ---------- Aperol-style menu: fixed white bar + full-screen sage overlay ---------- */
  body{padding-top:0}
  .ap-bar{position:fixed;top:0;left:0;right:0;z-index:90;height:58px;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:58px 1fr auto;align-items:center;padding:0 clamp(12px,2.4vw,32px) 0 clamp(4px,1vw,12px)}
  .ap-burger{width:48px;height:48px;border:0;background:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 12px}
  .ap-burger span{display:block;height:1px;background:var(--ink)}
  .ap-links{display:flex;justify-content:center;gap:clamp(18px,3vw,46px)}
  .ap-links a,.ap-contact{font-family:var(--ui);font-weight:500;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding:6px 0}
  .ap-links a:hover,.ap-contact:hover{opacity:.55}
  .ap-bar .ap-mark{display:none}
  .ap-burger:focus-visible,.ap-links a:focus-visible,.ap-contact:focus-visible,.ap-menu a:focus-visible,.ap-close:focus-visible{outline:1px solid currentColor;outline-offset:3px}

  .ap-menu{position:fixed;inset:0;z-index:100;background:var(--sage);color:#fff;display:grid;grid-template-columns:1fr 1fr;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s}
  body.ap-open .ap-menu{opacity:1;visibility:visible}
  body.ap-open{overflow:hidden}
  .ap-menu::before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px solid rgba(255,255,255,.35)}
  .ap-menu::after{content:"";position:absolute;left:0;right:0;top:58px;border-top:1px solid rgba(255,255,255,.35)}
  .ap-close{position:absolute;top:5px;left:clamp(4px,1vw,12px);width:48px;height:48px;border:0;background:none;color:#fff;font-size:26px;font-weight:200;cursor:pointer;line-height:1}
  .ap-left{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:80px 20px 40px}
  .ap-left a.big{font-family:var(--serif);font-weight:300;text-transform:uppercase;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.32;color:#fff;text-decoration:none}
  .ap-left a.big:hover{font-family:var(--accent);font-style:italic;text-transform:none}
  .ap-left .small{margin-top:1.4rem;display:flex;flex-direction:column;align-items:center;gap:.8rem}
  .ap-left .small a{font-family:var(--ui);font-weight:500;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-decoration:none}
  .ap-photo{position:absolute;left:50%;top:50%;transform:translate(-50%,-46%);width:min(19vw,260px);aspect-ratio:3/4;object-fit:cover;z-index:2}
  .ap-right{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px clamp(24px,6vw,90px) 40px calc(min(19vw,260px)/2 + 40px)}
  .ap-right img{width:min(260px,70%);height:auto;margin-bottom:1.6rem}
  .ap-right p{font-size:.98rem;line-height:1.7;max-width:30ch;margin:0 0 1.6rem;color:#fff}
  .ap-right .ap-cta{font-family:var(--ui);font-weight:500;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;border:1px solid #fff;padding:1em 2em;text-decoration:none}
  .ap-right .ap-cta:hover{background:#fff;color:var(--sage)}


/* bar over a top hero: transparent with white type until you scroll past it */
.ap-bar{transition:background .3s ease,border-color .3s ease}
.ap-mark .on-dark{display:none}
body.ap-over:not(.ap-solid) .ap-bar{background:linear-gradient(rgba(10,8,6,.45),rgba(10,8,6,0));border-bottom-color:rgba(255,255,255,.18)}
body.ap-over:not(.ap-solid) .ap-links a,body.ap-over:not(.ap-solid) .ap-contact{text-shadow:0 1px 8px rgba(0,0,0,.35)}
body.ap-over:not(.ap-solid) .ap-links a,body.ap-over:not(.ap-solid) .ap-contact{color:#fff}
body.ap-over:not(.ap-solid) .ap-burger span{background:#fff}
body.ap-over:not(.ap-solid) .ap-mark .on-light{display:none}
body.ap-over:not(.ap-solid) .ap-mark .on-dark{display:block}
.ap-links a[aria-current="page"]{border-bottom:1px solid currentColor}
/* old header + corner menu are retired */
.site-header,.snav-btn,.snav-drawer,.snav-backdrop,.float-logo{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* darker video bands */
section.video-band::after{background:linear-gradient(rgba(14,12,9,.5),rgba(14,12,9,.5)),linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,.45))}
/* section helpers used by the homepage and available everywhere */
  .hero-desc{font-family:var(--news);font-style:italic;font-weight:400;text-transform:none;letter-spacing:0;font-size:clamp(1.15rem,2vw,1.6rem);color:#fff;text-align:center;margin:1.1rem 0 0;line-height:1.3;text-wrap:balance;text-shadow:0 1px 14px rgba(0,0,0,.5)}
  .services{display:flex;flex-direction:column;border-top:1px solid rgba(246,243,238,.25)}
  .services a{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:clamp(14px,2.4vw,26px) 0;border-bottom:1px solid rgba(246,243,238,.25);color:var(--dark-text);text-decoration:none;flex-wrap:wrap}
  .services .s-name{font-family:var(--serif);font-weight:300;text-transform:uppercase;font-size:clamp(2.4rem,7vw,5.6rem);line-height:1;letter-spacing:-.01em;transition:opacity .25s}
  .services .s-note{font-family:var(--news);font-style:italic;font-size:clamp(1.05rem,1.6vw,1.35rem);opacity:.85}
  .services a:hover .s-name{font-family:var(--accent);font-style:italic;text-transform:none}
  .video-band .venues{font-family:var(--news);font-style:italic;font-size:1.15rem;margin:1rem 0 0;display:flex;flex-wrap:wrap;gap:4px 18px}
  .video-band .venues a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4)}
  .quote .eyebrow{text-align:center}
  .services-band{position:relative;background:#14110d url(/assets/img/venues/the-bowery-hotel/ashley_and_kendall_reception10.jpg) center/cover no-repeat;isolation:isolate}
  .services-band::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,15,11,.86),rgba(18,15,11,.62) 60%,rgba(18,15,11,.5))}
  .services,.services a{border-color:rgba(196,173,133,.35)!important}
  .services .s-note{color:var(--champagne);opacity:1}
  .quote-band{background:var(--wine);color:#f3ebe3}
  .quote-band .eyebrow,.quote-band cite{color:var(--champagne)}
  .cta-band .eyebrow{color:var(--champagne)!important;opacity:1}
  .ap-right .ap-cta:hover{color:var(--olive)}
  .text-link{border-bottom-color:var(--champagne)}
  .btn:hover{background:var(--ink);color:#fff}
  .press{margin-top:.6rem}

  @media (max-width:900px){
    .ap-links{display:none}
    .ap-bar{grid-template-columns:58px 1fr auto}
    .ap-bar .ap-mark{display:block;justify-self:center}
    .ap-bar .ap-mark img{height:22px;width:auto;display:block}
    .ap-menu{grid-template-columns:1fr;overflow-y:auto}
    .ap-menu::before,.ap-photo{display:none}
    .ap-left{padding-top:90px;padding-bottom:10px}
    .ap-right{padding:20px 24px 50px}
    .ap-right img{width:180px}
  }
  @media (prefers-reduced-motion:reduce){.ap-menu{transition:none}}

@media (prefers-reduced-motion:reduce){.ap-menu,.ap-bar{transition:none}}

/* ---------- v5 shared components (2026-10-14 pass 2, after Alex flagged /packages/) ---------- */
h1,h2,h3,.display{text-wrap:balance}
.page-head h1{font-size:clamp(2.6rem,5.8vw,5rem)}
/* packages */
.package{background:#fff;border-color:var(--line)}
.package--feature{background:var(--ink);border-color:var(--ink)}
.package h3{font-size:clamp(1.45rem,1.9vw,1.9rem);line-height:1.05;margin-bottom:.35rem}
.package .package-tag{font-family:var(--news);font-style:italic;font-size:1.15rem;letter-spacing:0;text-transform:none;color:var(--muted);margin-bottom:1.4rem}
.package--feature .package-tag{color:var(--champagne)}
.package li{font-size:.98rem;padding:.7rem 0}
.package--feature .btn--light:hover{background:#fff;color:var(--ink)}
/* a la carte */
.alacarte li{font-size:1rem;padding:1rem 0}
.alacarte .price{font-family:var(--news);font-style:italic;font-size:1.1rem;color:var(--ink)}
/* faq */
.faq summary{font-family:var(--sans);font-size:1.08rem;font-weight:500;text-transform:none;letter-spacing:0}
.faq summary::after{font-family:var(--sans);font-weight:300}
.faq .faq-a{font-size:1rem;line-height:1.75}
/* buttons on dark/olive bands */
.section--dark .btn--light,.cta-band .btn--light{border-color:#fff;color:#fff}
.section--dark .btn--light:hover,.cta-band .btn--light:hover{background:#fff;color:var(--ink)}
.alacarte li{display:block}
/* packages with prices (Alex 2026-10-14: "just add pricing to the packages page") */
.package .package-price{font-family:var(--serif);font-weight:300;font-size:clamp(1.6rem,2.2vw,2rem);letter-spacing:-.01em;margin:-.4rem 0 1.4rem;font-variant-numeric:lining-nums}
.alacarte--priced{columns:1;max-width:680px;margin:0 auto}
.alacarte--priced li{display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem}
.alacarte--priced small{display:block;font-size:.88rem;color:var(--ink-soft);margin-top:.2rem}
.alacarte-note{max-width:680px;margin:2.2rem auto 0;font-size:1rem;line-height:1.8;color:var(--ink-soft)}
.alacarte-note strong{font-weight:600;color:var(--ink)}
.btn{white-space:nowrap}
/* pricing cards: slightly rounded windows (Alex 2026-10-14), v5 type on the unlisted pricing pages.
   `main` prefix so these beat the per-page <style> blocks that load after this file. */
main .package,main .pkg{border-radius:14px;overflow:hidden}
main .pkg{background:#fff}
main .pkg--feature{background:var(--ink);border-color:var(--ink)}
main .pkg .pkg-tag{font-family:var(--news);font-style:italic;font-size:1.1rem;letter-spacing:0;text-transform:none;opacity:1;color:var(--muted)}
main .pkg--feature .pkg-tag{color:var(--champagne)}
main .pkg .pkg-price{font-family:var(--serif);font-weight:300;font-size:clamp(1.7rem,2.3vw,2.1rem);letter-spacing:-.01em}
main .pkg .pkg-price span{font-family:var(--news);font-style:italic;font-size:1.02rem;letter-spacing:0;text-transform:none;opacity:.75}
main .pkg--feature .btn--light,main .package--feature .btn--light{border-color:#fff;color:#fff}
main .pkg--feature .btn--light:hover,main .package--feature .btn--light:hover{background:#fff;color:var(--ink)}
/* package list item that is NOT included (e.g. revisions on The Essentials, Alex 2026-10-15) */
main .package li.no,main .pkg li.no{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(125,117,107,.5)}