/* ============================================================ AURA AESTHETICS — Shared Stylesheet Design tokens & component system — see DESIGN.md for rationale ============================================================ */ /* ---- Fonts ---- The client-specified Juana + Artegra Sans files we had access to are Fontspring DEMO builds — several glyphs (apostrophes, hyphens) are replaced with a baked-in "DEMO" watermark shape, not just missing. That's not usable on any real page, so this now runs on Cormorant Garamond + DM Sans (loaded via Google Fonts in each page's ) until real licensed Juana/Artegra files replace them. */ /* ---- Design tokens ---- */ :root{ /* surfaces */ --ivory:#2E1309; --ivory-2:#3B1A0C; --ivory-3:#5E2E15; --ink:#FAF3EC; --ink-2:#200C05; --ink-3:#402011; /* brand accent */ --peach:#E8B89A; --peach-lt:#F5D9C8; --amber:#B85E1A; --amber-d:#964A12; --sand:#D4C4B0; /* secondary accent (moss) — from Alexis's own "business aesthetic" moodboard (holistic tools flatlay, deep olive/forest tones). Mood/accent only per her direction — ivory stays the base, amber stays primary. */ --moss:#4A5B34; --moss-d:#374022; --moss-lt:#B8CC8E; --moss-tint:#EEF0E3; --moss-ink:#1E2417; /* summer accent — real hex values pulled directly from Alexis's "greens, oranges, golds, summer vibe" board (Chestnut/Olive/Desert Tan/Caramel/ Copper swatches). Applied BOLD/high-contrast per her explicit request, not just a subtle tint — solid fills, not washes. --copper-d and --olive-d verified 5.2:1 / 5.7:1 with white text. */ --copper:#B64B12; --copper-d:#8F3A0D; --olive:#937A24; --olive-d:#7A6420; --olive-ink:#332A0D; --caramel:#CE793A; --caramel-lt:#F5DFC7; --tan:#E5D1A4; --tan-lt:#F3E8CE; --chestnut:#480903; /* dark-surface variants of copper/orange/tan, for the summer gradient used on dark sections (footer, dark CTA panels) - darkened enough to keep existing white/peach on-dark text readable (5.3-6.8:1). */ --copper-ink:#4A1D08; --rust-ink:#5C280D; --plum-ink:#331030; --rose-ink:#7A2140; --orange-ink:#6E2E12; /* tropical sunset gradient (plum -> rose -> burnt orange) for the Instagram/media sections specifically - darkened at every stop to stay >=5:1 with white text throughout the gradient. */ --sunset-plum:#4A1942; --sunset-rose:#B8305F; --sunset-orange:#A84924; /* text (contrast-checked — see DESIGN.md) */ --body:#F0DFD0; /* 7.83:1 on ivory */ --muted:#DCC5AF; /* 6.27:1 on ivory / 5.70:1 on ivory-2 — use instead of warm-gray for light-bg meta text */ --warm-gray:#C9AC97; /* dark-surface use ONLY (10.5:1 on ink-2) — fails AA on ivory */ --ok:#5E8C68; /* type */ --fd:'Petrona',Georgia,serif; --fb:'Figtree',sans-serif; /* layout */ --nav-h:72px; --r-sm:10px; --r-md:16px; --r-pill:50px; --ease: cubic-bezier(0.22, 1, 0.36, 1); /* z-scale */ --z-sticky:100; --z-modal-backdrop:190; --z-modal:200; --z-toast:300; } *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;} @media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} } body{font-family:var(--fb);background:var(--ivory);color:var(--body);overflow-x:hidden;line-height:1.5;} img{max-width:100%;display:block;} a{color:inherit;} :focus-visible{outline:2px solid var(--peach);outline-offset:3px;border-radius:4px;} .skip-link{position:fixed;top:-100px;left:12px;z-index:300;background:var(--copper);color:#fff; padding:13px 22px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:500; transition:top .2s var(--ease);} .skip-link:focus{top:12px;} /* ---- Typography ---- */ h1,h2,h3{font-family:var(--fd);color:var(--ink);font-weight:300;line-height:1.08;text-wrap:balance;} p{text-wrap:pretty;} .display{font-size:clamp(2.75rem,6vw,4.75rem);} .h2{font-size:clamp(2rem,4vw,2.9rem);} h1 em,h2 em,h3 em{font-style:italic;color:var(--peach);} .h-inv{color:#FAF3EC;} .h-inv em{color:var(--peach);} .eyebrow{font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--peach);margin-bottom:14px;font-weight:500;} .eyebrow.on-dark{color:var(--peach);} .lede{font-size:16px;line-height:1.8;color:var(--muted);font-weight:300;max-width:560px;} .lede.on-dark{color:var(--sand);} .prose{max-width:68ch;} .prose p{margin-bottom:14px;font-size:15.5px;line-height:1.85;color:var(--body);} /* ---- Layout utilities ---- */ .section{padding:64px 52px;} .section-sm{padding:44px 52px;} .section-tight{padding:64px 52px 0;} .bg-ivory{background:var(--ivory);} .bg-ivory-2{background:var(--ivory-2);} .bg-moss-tint{background:var(--moss-tint);} .bg-ink{background:linear-gradient(135deg, var(--copper-ink) 0%, var(--rust-ink) 55%, var(--orange-ink) 100%);} .bg-sunset{background:linear-gradient(135deg, var(--copper-d) 0%, var(--copper) 55%, var(--sunset-orange) 100%);} .container{max-width:1240px;margin:0 auto;} /* ---- Buttons ---- */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border-radius:var(--r-pill); font-family:var(--fb);font-weight:500;font-size:13px;letter-spacing:0.06em;cursor:pointer; transition:background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease),transform .2s var(--ease); border:none;min-height:48px;text-decoration:none;} .btn:active{transform:scale(.98);} .btn-solid{background:linear-gradient(135deg, var(--copper) 0%, var(--sunset-orange) 100%);color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);} .btn-solid:hover{background:linear-gradient(135deg, var(--sunset-orange) 0%, var(--copper) 100%);box-shadow:0 10px 24px -8px rgba(182,75,18,.55);transform:translateY(-1px);} .btn-ghost{background:transparent;color:var(--peach);border:1px solid var(--peach);} .btn-ghost:hover{border-color:var(--peach);background:rgba(184,94,26,.06);transform:translateY(-1px);} .btn-ghost.on-dark{color:var(--peach);border-color:rgba(232,184,154,.4);} .btn-ghost.on-dark:hover{border-color:var(--peach);background:rgba(232,184,154,.08);} /* ---- Motion / reveal ---- Three reveal families instead of one blanket fade, so different content types enter differently (impeccable: "the tell is the uniform reflex, not motion itself"). */ .fu{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);} .fu.vis{opacity:1;transform:translateY(0);} .fu-img{opacity:0;clip-path:inset(0 0 12% 0);transform:scale(1.04); transition:opacity .9s var(--ease),clip-path 1s var(--ease),transform 1.1s var(--ease);} .fu-img.vis{opacity:1;clip-path:inset(0 0 0% 0);transform:scale(1);} .fu-card{opacity:0;transform:translateY(22px) rotate(-0.6deg);transition:opacity .65s var(--ease),transform .65s var(--ease);} .fu-card.vis{opacity:1;transform:translateY(0) rotate(0deg);} @media (prefers-reduced-motion: reduce){ .fu,.fu-img,.fu-card{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important;} } /* ---- Radiance glow (brand motif: warmth / sun / light) — tropical sunset stops: burnt orange core -> rose -> plum edge, no desert tan ---- */ .glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0; background:radial-gradient(circle, rgba(182,75,18,.5), rgba(206,121,58,.32) 45%, rgba(92,40,13,.22) 68%, transparent 80%); animation:glowPulse 9s ease-in-out infinite;} .glow.glow-dark{background:radial-gradient(circle, rgba(206,121,58,.42), rgba(182,75,18,.26) 45%, rgba(92,40,13,.18) 65%, transparent 78%);} @keyframes glowPulse{ 0%,100%{opacity:.75;transform:scale(1);} 50%{opacity:1;transform:scale(1.08);} } @media (prefers-reduced-motion: reduce){ .glow{animation:none;} } /* ============================================================ NAV ============================================================ */ nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);height:var(--nav-h); background:transparent;border-bottom:1px solid transparent; display:flex;align-items:center;justify-content:space-between;padding:0 52px; transition:background .3s var(--ease),border-color .3s var(--ease),backdrop-filter .3s var(--ease);} nav.scrolled,nav.solid{background:rgba(46,19,9,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,184,154,.16);} .nav-logo{display:flex;align-items:center;text-decoration:none;} .nav-logo img{height:44px;width:auto;object-fit:contain;} .nav-links{display:flex;gap:2px;align-items:center;list-style:none;} .nav-links a{font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);text-decoration:none; padding:10px 14px;transition:color .2s var(--ease);border-radius:6px;position:relative;} .nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--peach);} .nav-links a:not(.nav-book)::after{content:'';position:absolute;left:14px;right:14px;bottom:6px;height:1px; background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease);} .nav-links a:not(.nav-book):hover::after,.nav-links a:not(.nav-book)[aria-current="page"]::after{transform:scaleX(1);} .nav-book{background:linear-gradient(135deg, var(--copper) 0%, var(--copper-d) 100%);color:#fff!important;padding:11px 24px!important;border-radius:var(--r-pill);margin-left:8px;} .nav-book:hover{background:linear-gradient(135deg, var(--copper-d) 0%, var(--copper) 100%);} .hbg{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none;min-width:44px;min-height:44px;align-items:center;justify-content:center;} .hbg span{display:block;width:22px;height:2px;background:var(--ink);border-radius:1px;transition:transform .25s var(--ease),opacity .25s var(--ease);} .hbg.open span:nth-child(1){transform:translateY(7px) rotate(45deg);} .hbg.open span:nth-child(2){opacity:0;} .hbg.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);} .mob-nav{display:none;position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;z-index:99; background:rgba(46,19,9,.98);backdrop-filter:blur(20px);flex-direction:column;padding:28px 28px 40px;overflow-y:auto;} .mob-nav.open{display:flex;} .mob-item{font-family:var(--fd);font-size:28px;font-weight:300;color:var(--ink);text-decoration:none; padding:16px 0;border-bottom:1px solid var(--ivory-2);display:flex;justify-content:space-between;align-items:center;} .mob-cta{margin-top:24px;background:linear-gradient(135deg, var(--copper) 0%, var(--copper-d) 100%);color:#fff;padding:16px 24px;border:none;border-radius:var(--r-pill); font-family:var(--fb);font-size:13px;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;width:100%;text-align:center;text-decoration:none;} /* ============================================================ HERO (home) ============================================================ */ .hero{display:grid;grid-template-columns:1.35fr 1fr;min-height:calc(100svh - var(--nav-h));} .hero-img{position:relative;overflow:hidden;background:var(--ink);} .hero-img img{width:100%;height:100%;object-fit:cover;animation:heroImgIn 1.5s var(--ease) both;} .hero-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,transparent 55%,rgba(46,19,9,.35));} .hero-txt{background:var(--ivory);display:flex;flex-direction:column;justify-content:center;padding:64px 56px; position:relative;overflow:hidden;} .hero-txt .glow{top:8%;left:-14%;width:440px;height:440px;} .hero-txt > *:not(.glow){position:relative;z-index:1;} .hero-txt > .eyebrow{animation:heroIn .7s var(--ease) both;} .hero-txt > .display{margin-bottom:20px;animation:heroIn .8s var(--ease) .12s both;} .hero-txt > .lede{animation:heroIn .8s var(--ease) .24s both;} .hero-sig{font-family:var(--fd);font-style:italic;font-size:15px;color:var(--muted);margin-top:14px; animation:heroIn .8s var(--ease) .34s both;} .hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;animation:heroIn .8s var(--ease) .44s both;} .trust-badge{display:inline-flex;align-items:center;gap:7px;margin-top:20px;font-size:12.5px;color:var(--muted); text-decoration:none;animation:heroIn .8s var(--ease) .54s both;transition:color .2s var(--ease);} .trust-badge:hover{color:var(--peach);} .trust-stars{display:inline-flex;color:var(--amber);} .trust-stars svg{width:13px;height:13px;} @media (prefers-reduced-motion: reduce){.trust-badge{animation:none;}} @keyframes heroIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}} @keyframes heroImgIn{from{opacity:0;transform:scale(1.08);}to{opacity:1;transform:scale(1);}} @media (prefers-reduced-motion: reduce){ .hero-img img{animation:none;} .hero-txt > .eyebrow,.hero-txt > .display,.hero-txt > .lede,.hero-sig,.hero-btns{animation:none;opacity:1;transform:none;} } /* Service strip */ .svc-strip{background:linear-gradient(135deg, var(--copper-ink) 0%, var(--rust-ink) 55%, var(--orange-ink) 100%);display:flex;overflow-x:auto;scrollbar-width:none;} .svc-strip::-webkit-scrollbar{display:none;} .strip-item{flex:0 0 auto;padding:22px 28px;border-right:1px solid rgba(212,196,176,.1);cursor:pointer; transition:background .2s var(--ease);text-decoration:none;display:block;} .strip-item:hover{background:rgba(184,94,26,.12);} .strip-name{font-family:var(--fd);font-size:17px;color:var(--ink);font-weight:300;white-space:nowrap;} .strip-price{font-size:11.5px;color:var(--peach);margin-top:3px;white-space:nowrap;} /* Two-column media/text (about teaser, etc.) */ .split{display:grid;grid-template-columns:1fr 1fr;} .split-img{position:relative;overflow:hidden;min-height:460px;} .split-img img{width:100%;height:100%;object-fit:cover;} .split-txt{padding:72px 56px;display:flex;flex-direction:column;justify-content:center;} .pull-quote{font-family:var(--fd);font-size:22px;font-style:italic;font-weight:300;color:var(--peach); line-height:1.45;margin:20px 0;padding-left:22px;border-left:2px solid var(--peach);} .pull-quote.on-dark{color:var(--peach);border-left-color:rgba(232,184,154,.5);} /* IG grid */ .ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;} .ig-tile{aspect-ratio:1;overflow:hidden;border-radius:var(--r-md);position:relative;display:block;text-decoration:none;} .ig-tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);} .ig-tile:hover img{transform:scale(1.06);} .ig-ov{position:absolute;inset:0;background:rgba(51,42,13,0);display:flex;align-items:center;justify-content:center; transition:background .25s var(--ease);} .ig-ov span{color:#fff;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;opacity:0;transition:opacity .25s var(--ease);} .ig-tile:hover .ig-ov{background:rgba(51,42,13,.55);} .ig-tile:hover .ig-ov span{opacity:1;} .ig-grid-home{grid-template-columns:repeat(4,1fr);max-width:640px;} @media(max-width:560px){.ig-grid-home{gap:8px;}} /* Real Instagram/TikTok embeds, framed as an intentional media panel on a light background so the platform's own white card blends in rather than clashing (their embed iframe can't be restyled). */ .media-row{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:28px;} .media-card{flex:1 1 300px;max-width:360px;border-radius:var(--r-md);overflow:hidden; box-shadow:0 20px 44px -14px rgba(0,0,0,.45);} .media-card iframe{border-radius:var(--r-sm)!important;} .media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:28px;margin-bottom:8px;} /* Lead capture form */ .lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:560px;} .fg{display:flex;flex-direction:column;gap:6px;} .fg.full{grid-column:1/-1;} .fl{font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--sand);} .fl.on-light{color:var(--muted);} .fi{padding:13px 15px;border:1px solid var(--ivory-3);border-radius:var(--r-sm);font-family:var(--fb);font-size:14.5px; color:var(--ink);background:var(--ivory);outline:none;width:100%;min-height:46px; transition:border-color .2s var(--ease),box-shadow .2s var(--ease);} .fi:focus{border-color:var(--amber);box-shadow:0 0 0 4px rgba(184,94,26,.12);} .fi:hover:not(:focus){border-color:var(--sand);} .consent-check input[type="checkbox"]{transition:transform .15s var(--ease);} .consent-check input[type="checkbox"]:checked{transform:scale(1.12);} .fta{min-height:96px;resize:vertical;} .form-note{font-size:12.5px;color:var(--muted);line-height:1.6;} /* ---- SMS/A2P consent block ---- */ .consent-block{background:var(--ivory-2);border:1px solid var(--ivory-3);border-radius:var(--r-sm);padding:16px;margin:4px 0;} .consent-block.on-dark{background:rgba(255,255,255,.045);border-color:rgba(212,196,176,.14);} .consent-check{display:flex;align-items:flex-start;gap:12px;cursor:pointer;} .consent-check input[type="checkbox"]{width:20px;height:20px;min-width:20px;margin-top:2px;accent-color:var(--amber);cursor:pointer;} .consent-check span{font-size:12.5px;line-height:1.6;color:var(--muted);} .consent-block.on-dark .consent-check span{color:var(--sand);} .consent-check a{color:var(--peach);text-decoration:underline;} .consent-block.on-dark .consent-check a{color:var(--peach);} .consent-check strong{color:var(--body);} .consent-block.on-dark .consent-check strong{color:var(--ink);} .consent-block.shake{animation:consentShake .4s var(--ease);border-color:var(--amber);} @keyframes consentShake{ 0%,100%{transform:translateX(0);} 20%{transform:translateX(-6px);} 40%{transform:translateX(6px);} 60%{transform:translateX(-4px);} 80%{transform:translateX(4px);} } @media (prefers-reduced-motion: reduce){ .consent-block.shake{animation:none;} } /* ============================================================ ABOUT ============================================================ */ .about-hero{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:center;padding:72px 52px;background:var(--ivory);} .a-img-wrap{position:relative;} .a-img{overflow:hidden;border-radius:var(--r-md);box-shadow:0 20px 50px rgba(44,30,20,.14);} .a-img img{width:100%;height:auto;display:block;object-fit:cover;} .a-badge{position:absolute;bottom:-18px;right:-18px;background:var(--copper);color:#fff;width:104px;height:104px; border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--fd);gap:2px; box-shadow:0 10px 26px rgba(184,94,26,.35);} .a-badge-n{font-size:23px;font-weight:400;line-height:1;} .a-badge-l{font-size:9px;letter-spacing:0.08em;text-transform:uppercase;text-align:center;line-height:1.3;} .vals{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;} .val{padding:8px 16px;background:var(--ivory-2);border:1px solid var(--sand);font-size:11px;letter-spacing:0.08em; text-transform:uppercase;color:var(--peach);border-radius:var(--r-pill);} /* Team */ .team-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px;} .tc{background:var(--ink-3);border:1px solid rgba(212,196,176,.12);border-radius:20px;overflow:hidden; box-shadow:0 16px 40px -16px rgba(0,0,0,.4); transition:transform .35s var(--ease),box-shadow .35s var(--ease);} .tc:hover{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(184,94,26,.25),0 30px 60px -16px rgba(0,0,0,.45);} .tc-img{height:380px;overflow:hidden;position:relative;} .tc-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);} .tc:hover .tc-img img{transform:scale(1.05);} .tc-body{padding:28px 28px 32px;} .tc-name{font-family:var(--fd);font-size:23px;font-weight:400;color:var(--ink);margin-bottom:4px;} .tc-role{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--peach);margin-bottom:14px;} .tc-bio{font-size:13.5px;line-height:1.8;color:var(--sand);font-weight:300;margin-bottom:10px;} .team-photo{border-radius:var(--r-md);overflow:hidden;margin:40px 0;box-shadow:0 20px 50px rgba(0,0,0,.25);} .team-photo img{width:100%;max-height:560px;object-fit:cover;object-position:50% 62%;} /* ---- Products We Trust strip ---- */ .brands-strip{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:14px 40px;margin-top:28px;} .brands-strip-item{font-family:var(--fd);font-size:20px;color:var(--ink);letter-spacing:0.01em;} .brands-strip-sep{color:var(--sand);font-size:14px;} @media(max-width:640px){.brands-strip-sep{display:none;} .brands-strip{gap:10px 0;flex-direction:column;text-align:center;}} /* ---- Your First Visit process steps ---- */ .process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px;} .process-step{text-align:left;} .process-num{font-family:var(--fd);font-size:15px;color:#fff;background:var(--copper);width:38px;height:38px; border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:18px;} .process-title{font-family:var(--fd);font-size:20px;font-weight:400;color:var(--ink);margin-bottom:8px;} .process-desc{font-size:13.5px;line-height:1.75;color:var(--muted);} @media(max-width:900px){.process-grid{grid-template-columns:1fr;gap:28px;}} /* ---- Why Aura differentiators (homepage) ---- Asymmetric split, not a 4-up feature-card grid: a fixed intro column plus a flowing list of icon+text rows (no card boxes). */ .why-split{display:grid;grid-template-columns:0.85fr 1.15fr;gap:64px;align-items:start;} .why-intro{position:sticky;top:110px;} .why-list{display:flex;flex-direction:column;gap:34px;} .why-item{display:flex;gap:20px;align-items:flex-start;text-align:left;} .why-icon{width:52px;height:52px;border-radius:50%;background:var(--tan);color:var(--ink-2); display:flex;align-items:center;justify-content:center;flex-shrink:0;} .why-icon svg{width:24px;height:24px;} .why-body{flex:1;} .why-title{font-family:var(--fd);font-size:19px;font-weight:400;color:var(--ink);margin-bottom:8px;} .why-desc{font-size:13.5px;line-height:1.75;color:var(--body);} @media(max-width:900px){ .why-split{grid-template-columns:1fr;gap:28px;} .why-intro{position:static;} } /* ---- Summer lifestyle gallery (About) ---- */ .summer-gallery{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:repeat(2,271px);gap:18px;margin-top:36px;} .summer-gallery-item{border-radius:var(--r-md);overflow:hidden;box-shadow:0 16px 36px -18px rgba(44,30,20,.22);} .summer-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;} .summer-gallery-lg{grid-row:1 / 3;} @media(max-width:760px){ .summer-gallery{grid-template-columns:1fr;grid-template-rows:none;height:auto;} .summer-gallery-item{aspect-ratio:3/4;} .summer-gallery-lg{grid-row:auto;} } /* ---- Product line photo (About) ---- */ .brands-photo{max-width:420px;margin:0 auto;border-radius:var(--r-md);overflow:hidden; box-shadow:0 16px 36px -18px rgba(44,30,20,.2);} .brands-photo img{width:100%;height:100%;object-fit:cover;display:block;} /* ============================================================ SERVICES ============================================================ */ .svc-banner{position:relative;height:420px;overflow:hidden;} .svc-banner img{width:100%;height:100%;object-fit:cover;} .svc-banner-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(51,42,13,.88) 0%,rgba(51,42,13,.15) 65%); display:flex;flex-direction:column;justify-content:flex-end;padding:32px 52px 44px;} .svc-interstitial{position:relative;height:280px;overflow:hidden;} .svc-interstitial img{width:100%;height:100%;object-fit:cover;} @media(max-width:640px){.svc-interstitial{height:200px;}} .svc-cat{background:linear-gradient(135deg, var(--copper-ink) 0%, var(--rust-ink) 55%, var(--orange-ink) 100%);padding:0 0 4px;} .svc-cat + .svc-cat{margin-top:2px;} .svc-cat-hdr{font-family:var(--fd);font-size:20px;font-weight:300;color:var(--ink);padding:36px 52px 18px; border-top:1px solid rgba(212,196,176,.15);margin-top:8px;} .svc-cat:first-child .svc-cat-hdr{border-top:none;margin-top:0;} .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 52px 36px;} .svc-grid.cols-2{grid-template-columns:repeat(2,1fr);} .sc{background:var(--ink-3);padding:26px;border-radius:14px;border:1px solid rgba(212,196,176,.08); box-shadow:0 12px 28px -16px rgba(0,0,0,.5); transition:background .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease);display:flex;flex-direction:column;} .sc:hover{background:rgba(255,255,255,.05);transform:translateY(-4px);box-shadow:0 0 0 1px rgba(184,94,26,.2),0 22px 44px -16px rgba(0,0,0,.55);} .sc-cat{font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--peach);margin-bottom:10px;} .sc-name{font-family:var(--fd);font-size:19px;color:var(--ink);margin-bottom:8px;line-height:1.2;} .sc-desc{font-size:12.5px;line-height:1.7;color:var(--sand);margin-bottom:16px;font-weight:300;flex:1;} .sc-note{color:var(--peach);font-size:12px;display:block;margin-top:10px;} .sc-foot{display:flex;justify-content:space-between;align-items:flex-end;padding-top:16px; border-top:1px solid rgba(212,196,176,.12);margin-top:auto;} .sc-price{font-family:var(--fd);font-size:25px;font-weight:300;color:var(--ink);line-height:1;} .sc-price .dollar{font-size:15px;vertical-align:super;color:var(--peach);} .sc-dur{font-size:11px;color:var(--warm-gray);} .sc-dep{font-size:10.5px;color:var(--warm-gray);margin-top:10px;} .sc-special{background:var(--copper);border:1px solid var(--copper-d);color:#fff; font-size:11.5px;line-height:1.5;padding:9px 12px;border-radius:8px;margin-bottom:14px;} .sc-cta{width:100%;margin-top:16px;background:transparent;border:1px solid rgba(184,94,26,.35);color:var(--peach); padding:12px;font-family:var(--fb);font-size:11.5px;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer; border-radius:var(--r-pill);transition:all .2s var(--ease);min-height:44px;text-decoration:none;text-align:center;display:block;} .sc-cta:hover{background:var(--copper);color:#fff;border-color:var(--amber);} /* ============================================================ PACKAGES ============================================================ */ .pkg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;} .pkc{border:1px solid var(--ivory-3);padding:38px 30px;border-radius:var(--r-md);background:var(--ink-3); position:relative;box-shadow:0 1px 2px rgba(44,30,20,.04),0 16px 32px -18px rgba(44,30,20,.16); transition:border-color .2s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease);} .pkc:hover{border-color:var(--peach);transform:translateY(-4px);box-shadow:0 26px 48px -18px rgba(44,30,20,.22);} .pk-name{font-family:var(--fd);font-size:23px;font-weight:300;color:var(--ink);margin-bottom:6px;} .pk-price{font-family:var(--fd);font-size:46px;font-weight:300;color:var(--peach);line-height:1;margin-bottom:6px;} .pk-period{font-size:13.5px;color:var(--muted);margin-bottom:24px;} .pk-save{color:var(--ok);font-weight:600;} .pk-feats{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:28px;} .pk-feat{font-size:13.5px;display:flex;align-items:flex-start;gap:10px;color:var(--body);} .pk-feat svg{flex-shrink:0;margin-top:3px;color:var(--peach);} .lash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px;} .lp{background:rgba(255,255,255,.045);border:1px solid rgba(212,196,176,.12);padding:22px;border-radius:12px; transition:background .2s var(--ease),border-color .2s var(--ease);} .lp:hover{background:rgba(184,94,26,.09);border-color:rgba(184,94,26,.3);} .lp-type{font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--peach);margin-bottom:6px;} .lp-name{font-family:var(--fd);font-size:17px;font-weight:300;color:var(--ink);margin-bottom:8px;} .lp-price-row{display:flex;align-items:baseline;gap:9px;margin-bottom:6px;} .lp-price{font-family:var(--fd);font-size:26px;font-weight:300;color:var(--amber);} .lp-save{font-size:11.5px;color:var(--ok);font-weight:600;} .lp-desc{font-size:11.5px;color:var(--sand);margin-bottom:16px;line-height:1.5;} .gifts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;} .gc{background:var(--ink-3);border:1px solid var(--ivory-3);padding:30px;border-radius:var(--r-md);text-align:left; box-shadow:0 1px 2px rgba(44,30,20,.04),0 12px 26px -16px rgba(44,30,20,.16); transition:transform .3s var(--ease),box-shadow .3s var(--ease);} .gc:hover{transform:translateY(-4px);box-shadow:0 22px 40px -16px rgba(44,30,20,.2);} .gc-amt{font-family:var(--fd);font-size:42px;font-weight:300;color:var(--peach);line-height:1;margin-bottom:10px;} .gc-desc{font-size:13.5px;color:var(--muted);margin-bottom:18px;line-height:1.6;} .gift-banner{border-radius:var(--r-md);overflow:hidden;margin-top:36px;} .gift-banner img{width:100%;max-height:340px;object-fit:cover;} /* ============================================================ FAQ ============================================================ */ .faq-wrap{max-width:860px;margin:0 auto;} .faq-category{margin-bottom:44px;} .faq-cat-label{font-size:11px;letter-spacing:0.14em;text-transform:uppercase;margin-bottom:18px; display:flex;align-items:center;gap:12px;font-weight:600;} .faq-cat-label::after{content:'';flex:1;height:1px;background:var(--ivory-3);} .cat-badge{display:inline-block;color:#fff;background:var(--copper);padding:5px 14px;border-radius:var(--r-pill);} .cat-badge.olive{background:var(--olive-d);} .cat-badge.deep{background:linear-gradient(135deg, var(--copper-ink) 0%, var(--rust-ink) 55%, var(--orange-ink) 100%);} .faq-item{border-bottom:1px solid var(--ivory-3);} .faq-item:first-child{border-top:1px solid var(--ivory-3);} .faq-q{font-size:15.5px;font-weight:500;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between; align-items:center;gap:16px;padding:20px 0;transition:color .2s var(--ease);user-select:none;background:none;border:none; width:100%;text-align:left;font-family:var(--fb);} .faq-q:hover,.faq-q[aria-expanded="true"]{color:var(--peach);} .faq-icon{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--sand);display:flex;align-items:center; justify-content:center;flex-shrink:0;transition:all .3s var(--ease);background:transparent;} .faq-q[aria-expanded="true"] .faq-icon{background:var(--copper);border-color:var(--amber);} .faq-icon svg{transition:transform .3s var(--ease);} .faq-q[aria-expanded="true"] .faq-icon svg{transform:rotate(45deg);} .faq-icon svg line{stroke:var(--muted);transition:stroke .3s var(--ease);} .faq-q[aria-expanded="true"] .faq-icon svg line{stroke:#fff;} .faq-a{font-size:14.5px;line-height:1.85;color:var(--muted);font-weight:300;display:grid;grid-template-rows:0fr; transition:grid-template-rows .35s var(--ease);} .faq-a-inner{overflow:hidden;} .faq-a[data-open="true"]{grid-template-rows:1fr;padding-bottom:22px;} /* ============================================================ CONTACT ============================================================ */ .ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;} .ci-lbl{font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--peach);margin-bottom:7px;} .ci-val{font-family:var(--fd);font-size:21px;font-weight:300;color:var(--ink);margin-bottom:3px;} .ci-sub{font-size:13.5px;color:var(--muted);line-height:1.65;} .hrs{display:flex;flex-direction:column;gap:7px;margin-top:4px;} .hr{display:flex;justify-content:space-between;font-size:13.5px;max-width:320px;} .hr-day{color:var(--muted);} .hr-time{color:var(--body);} .hr.closed .hr-time{color:var(--sand);} .contact-block + .contact-block{margin-top:28px;} .contact-portrait{max-width:220px;border-radius:var(--r-md);overflow:hidden;margin-bottom:32px; box-shadow:0 16px 36px -18px rgba(44,30,20,.24);} .contact-portrait img{width:100%;height:100%;object-fit:cover;display:block;} .contact-portrait-cap{font-family:var(--fd);font-size:14px;font-style:italic;color:var(--muted);margin-top:10px;} /* ---- Mobile sticky book bar ---- */ .mobile-book-bar{display:none;} .map-embed{margin:0 52px 64px;border-radius:var(--r-md);overflow:hidden;box-shadow:0 20px 44px -20px rgba(44,30,20,.25);} .map-embed iframe{width:100%;height:360px;border:0;display:block;} @media(max-width:980px){.map-embed{margin:0 0 48px;border-radius:0;}} /* ============================================================ BOOKING (styled mockup — see project notes) ============================================================ */ .bk-wrap{display:grid;grid-template-columns:280px 1fr;min-height:580px;margin:0 52px 56px; border:1px solid var(--ivory-3);border-radius:var(--r-md);overflow:hidden;background:var(--ink-3);} .bk-left{background:linear-gradient(135deg, var(--copper-ink) 0%, var(--rust-ink) 55%, var(--orange-ink) 100%);padding:36px 24px;} .bkl-h{font-family:var(--fd);font-size:22px;font-weight:300;color:var(--ink);margin-bottom:6px;} .bkl-sub{font-size:12.5px;color:var(--sand);margin-bottom:24px;line-height:1.6;} .spl{list-style:none;display:flex;flex-direction:column;gap:6px;} .spi{padding:12px 13px;background:rgba(255,255,255,.045);border:1px solid rgba(212,196,176,.12);border-radius:8px; cursor:pointer;transition:all .18s var(--ease);display:flex;justify-content:space-between;align-items:center; min-height:46px;color:inherit;font:inherit;text-align:left;width:100%;} .spi:hover,.spi.sel{background:rgba(184,94,26,.14);border-color:var(--amber);} .spi-n{font-size:12.5px;color:var(--ink);} .spi-p{font-family:var(--fd);font-size:15px;color:var(--peach);flex-shrink:0;margin-left:8px;} .bk-right{padding:36px;} .bk-steps{display:flex;gap:0;margin-bottom:28px;} .bs{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;} .bs:not(:last-child)::after{content:'';position:absolute;top:14px;left:50%;width:100%;height:1px;background:var(--ivory-3);} .bsc{width:28px;height:28px;border-radius:50%;background:var(--ivory-3);border:1px solid var(--sand);display:flex; align-items:center;justify-content:center;font-size:11.5px;color:var(--muted);position:relative;z-index:1; transition:all .22s var(--ease);} .bs.act .bsc{background:var(--copper);border-color:var(--amber);color:#fff;} .bs.done .bsc{background:var(--ink);border-color:var(--ink);color:#fff;} .bsl{font-size:10.5px;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted);} .bs.act .bsl{color:var(--peach);} .ss-h{font-size:11.5px;font-weight:600;color:var(--ink);margin-bottom:14px;letter-spacing:0.06em;text-transform:uppercase;} .cal-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;} .cal-mo{font-family:var(--fd);font-size:18px;font-weight:300;color:var(--ink);} .cal-nb{background:none;border:1px solid var(--sand);width:32px;height:32px;cursor:pointer;border-radius:6px; color:var(--muted);font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .15s var(--ease);} .cal-nb:hover{border-color:var(--amber);color:var(--peach);} .cgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:20px;} .cdn{text-align:center;font-size:9.5px;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted);padding:6px 0;} .cd{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12.5px;cursor:pointer; border-radius:50%;color:var(--body);transition:all .12s var(--ease);border:1px solid transparent;min-height:32px; background:none;font-family:inherit;} .cd:hover{background:rgba(232,184,154,.14);border-color:var(--peach);} .cd.sel{background:var(--copper);color:#fff;border-color:var(--amber);} .cd.tdy{border-color:var(--peach);color:var(--peach);font-weight:600;} .cd.emp,.cd.una{cursor:default;color:var(--sand);} .cd.emp:hover,.cd.una:hover{background:transparent;border-color:transparent;} .tslots{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:20px;} .tsl{padding:10px 5px;border:1px solid var(--ivory-3);border-radius:8px;text-align:center;font-size:12.5px; cursor:pointer;transition:all .12s var(--ease);min-height:40px;display:flex;align-items:center;justify-content:center; background:none;font-family:inherit;} .tsl:hover{border-color:var(--peach);background:rgba(232,184,154,.14);} .tsl.sel{background:var(--copper);color:#fff;border-color:var(--amber);} .tsl.bkd{background:var(--ivory-3);color:var(--sand);cursor:not-allowed;font-size:10.5px;} .bk-sum{background:var(--ivory);padding:16px;border-radius:8px;margin-bottom:16px;border:1px solid var(--ivory-3);} .bks-t{font-size:11.5px;font-weight:600;color:var(--ink);margin-bottom:9px;} .bks-r{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:6px;} .bks-r span:first-child{color:var(--muted);} .bks-r.tot{font-weight:600;color:var(--ink);padding-top:8px;border-top:1px solid var(--sand);margin-top:6px;} .bks-r.dep{color:var(--peach);font-size:12.5px;} .bk-disclosure{font-size:11.5px;color:var(--muted);line-height:1.6;margin-top:14px;} /* ============================================================ FOOTER ============================================================ */ footer{background:linear-gradient(160deg, var(--ink-2) 0%, var(--copper-ink) 40%, var(--rust-ink) 70%, var(--copper-d) 100%);padding:56px 52px 28px;} .ft{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:36px;gap:28px;flex-wrap:wrap;} .flogo-img{height:32px;width:auto;object-fit:contain;display:block;margin-bottom:10px;} .ftag{font-size:12.5px;color:var(--sand);max-width:220px;line-height:1.65;} .flinks{display:flex;gap:44px;flex-wrap:wrap;} .fcol h4{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--peach);margin-bottom:14px;} .fcol ul{list-style:none;display:flex;flex-direction:column;gap:9px;} .fcol a,.fcol span{font-size:13.5px;color:var(--sand);text-decoration:none;transition:color .18s var(--ease);} .fcol a:hover{color:var(--peach);} .fb{border-top:1px solid rgba(212,196,176,.12);padding-top:20px;display:flex;justify-content:space-between; flex-wrap:wrap;gap:12px;} .fcopy{font-size:11.5px;color:var(--sand);} .flegal{display:flex;gap:20px;} .flegal a{font-size:11.5px;color:var(--sand);text-decoration:none;} .flegal a:hover{color:var(--peach);} /* ============================================================ REVIEWS (real Google reviews, pasted by the client) ============================================================ */ .rev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:28px;} .rev-card{background:var(--ink-3);border:1px solid var(--ivory-3);border-radius:var(--r-md);padding:26px; box-shadow:0 1px 2px rgba(44,30,20,.04),0 14px 30px -16px rgba(44,30,20,.16); display:flex;flex-direction:column;} .rev-txt{font-size:14px;line-height:1.7;color:var(--body);margin-bottom:18px;flex:1;} .rev-txt::before{content:'\201C';} .rev-txt::after{content:'\201D';} .rev-name{font-family:var(--fd);font-size:15px;color:var(--ink);} .rev-meta{font-size:11.5px;color:var(--muted);margin-top:2px;} /* ============================================================ BLOG ============================================================ */ .blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:8px;} .blog-card{background:var(--ink-3);border:1px solid var(--ivory-3);border-radius:var(--r-md);overflow:hidden; box-shadow:0 1px 2px rgba(44,30,20,.04),0 14px 30px -16px rgba(44,30,20,.16); transition:transform .3s var(--ease),box-shadow .3s var(--ease);display:flex;flex-direction:column;text-decoration:none;} .blog-card:hover{transform:translateY(-4px);box-shadow:0 24px 46px -16px rgba(44,30,20,.24);} .blog-card-img{aspect-ratio:1/1;overflow:hidden;} .blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);} .blog-card:hover .blog-card-img img{transform:scale(1.05);} .blog-card-body{padding:22px 24px 26px;flex:1;display:flex;flex-direction:column;} .blog-card-tag{display:inline-block;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:#fff; background:var(--amber-d);padding:4px 11px;border-radius:var(--r-pill);margin-bottom:12px;} .blog-card-tag.tag-gold{background:var(--copper);} .blog-card-tag.tag-moss{background:var(--olive-d);} .post-cat-badge{display:inline-block;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:#fff; background:var(--amber-d);padding:5px 13px;border-radius:var(--r-pill);margin-bottom:10px;} .post-cat-badge.cat-copper{background:var(--copper);} .post-cat-badge.cat-olive{background:var(--olive-d);} .blog-card-title{font-family:var(--fd);font-size:21px;font-weight:400;color:var(--ink);line-height:1.25;margin-bottom:10px;} .blog-card-excerpt{font-size:13.5px;line-height:1.7;color:var(--muted);flex:1;margin-bottom:14px;} .blog-card-date{font-size:11.5px;color:var(--muted);} /* ============================================================ GALLERY ============================================================ */ .gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:8px;} .gallery-item{position:relative;aspect-ratio:4/5;border-radius:var(--r-md);overflow:hidden; box-shadow:0 1px 2px rgba(44,30,20,.04),0 14px 30px -16px rgba(44,30,20,.16);} .gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);} .gallery-item:hover img{transform:scale(1.05);} .gallery-item.wide{grid-column:span 2;aspect-ratio:16/9;} @media(max-width:900px){ .gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px;} .gallery-item.wide{grid-column:span 2;} } .post-banner{position:relative;max-width:900px;margin:32px auto 0;border-radius:var(--r-md);overflow:hidden; aspect-ratio:3/2;box-shadow:0 20px 50px -18px rgba(44,30,20,.28);} .post-banner img{width:100%;height:100%;object-fit:cover;} .post-banner-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(51,42,13,.85) 0%,rgba(51,42,13,.1) 65%); display:flex;flex-direction:column;justify-content:flex-end;padding:32px 52px 40px;} .post-meta{font-size:12px;color:var(--sand);margin-top:10px;} .post-body{max-width:720px;margin:0 auto;} .post-body p{font-size:15.5px;line-height:1.9;color:var(--body);margin-bottom:18px;} .post-body h2{font-family:var(--fd);font-size:1.6rem;font-weight:400;color:var(--ink);margin:36px 0 14px;} .post-body ul,.post-body ol{padding-left:22px;margin-bottom:18px;} .post-body li{font-size:15.5px;line-height:1.8;color:var(--body);margin-bottom:8px;} .post-cta{background:var(--ivory-2);border-radius:var(--r-md);padding:28px;margin-top:36px;text-align:center;} @media(max-width:980px){ .post-banner{margin:0 0 0;border-radius:0;} .post-banner-ov{padding:20px 20px 26px;} } /* ============================================================ PRIVACY / TERMS (long-form legal pages) ============================================================ */ .legal h2{font-size:1.5rem;margin:36px 0 14px;} .legal h3{font-size:1.15rem;margin:26px 0 10px;} .legal p,.legal li{font-size:14.5px;line-height:1.85;color:var(--body);margin-bottom:12px;} .legal ul,.legal ol{padding-left:22px;margin-bottom:14px;} .legal strong{color:var(--ink);} .legal-updated{font-size:12.5px;color:var(--muted);margin-bottom:36px;} /* ============================================================ MOBILE ============================================================ */ @media(max-width:980px){ nav{padding:0 20px;} .nav-links{display:none;} .hbg{display:flex;} .glow{width:220px!important;height:220px!important;} body:has(.mobile-book-bar){padding-bottom:76px;} .mobile-book-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky); background:rgba(46,19,9,.97);backdrop-filter:blur(16px); border-top:1px solid rgba(212,196,176,.3); padding:12px 16px calc(12px + env(safe-area-inset-bottom));} .mobile-book-bar .btn{width:100%;justify-content:center;} .hero{grid-template-columns:1fr;align-content:start;min-height:0;} .hero-img{height:56vw;min-height:240px;order:-1;} .hero-img img{object-position:50% 15%;} .hero-txt{padding:32px 20px 40px;} .split{grid-template-columns:1fr;} .split-img{min-height:280px;order:-1;} .split-txt{padding:40px 20px;} .ig-grid{gap:6px;} .lead-grid{grid-template-columns:1fr!important;} .about-hero{grid-template-columns:1fr;gap:36px;padding:48px 20px;} .a-badge{display:none;} .team-grid{grid-template-columns:1fr;} .tc-img{height:320px;} .svc-grid{grid-template-columns:1fr!important;padding:0 20px 28px;} .svc-banner{height:220px;} .svc-banner-ov{padding:20px 20px 26px;} .svc-cat-hdr{padding:28px 20px 16px;} .bk-wrap{grid-template-columns:1fr;margin:0 0 40px;border-radius:0;} .bk-left{padding:24px 20px;} .bk-right{padding:24px 20px;} .spl{display:grid;grid-template-columns:1fr 1fr;gap:6px;} .tslots{grid-template-columns:repeat(3,1fr);} .pkg-grid{grid-template-columns:1fr;} .lash-grid{grid-template-columns:1fr 1fr;} .gifts-grid{grid-template-columns:1fr;} .ct-grid{grid-template-columns:1fr;gap:40px;} .section{padding:48px 20px;} .section-sm{padding:36px 20px;} .section-tight{padding:48px 20px 0;} .ft{flex-direction:column;gap:28px;} .flinks{gap:28px;} footer{padding:40px 20px 24px;} .fb{flex-direction:column;align-items:flex-start;} } /* ---- Live booking (7th Day AI) additions ---- */ .spl{max-height:600px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;} .spl-cat{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--peach);padding:14px 2px 4px;font-weight:600;} .spl-cat:first-child{padding-top:0;} .spl-cat a{color:var(--peach);} .spi-d{display:block;font-size:10.5px;color:var(--sand);margin-top:2px;font-weight:400;} .tsl-note{grid-column:1/-1;font-size:12.5px;color:var(--muted);line-height:1.6;} .bk-success{padding:8px 0 4px;} .bk-success p{font-size:14px;color:var(--muted);line-height:1.7;margin:12px 0 18px;} .bk-success p strong{color:var(--ink);}