/* ==========================================================================
   UR Catering – front-end styles
   ========================================================================== */
:root {
  --maroon: #4a0f1c;
  --maroon-2: #5e1626;
  --maroon-dark: #33070f;
  --gold: #c8923a;
  --gold-2: #e8c46a;
  --gold-soft: #f4d98f;
  --cream: #fbf4e6;
  --cream-2: #f5ead3;
  --card: #fffaf0;
  --ink: #2a1a14;
  --muted: #6d5a4f;
  --line: #ead9b9;
  --radius: 16px;
  --shadow: 0 10px 30px rgba(74, 15, 28, .08);
}

body { font-family: 'DM Sans', system-ui, sans-serif; color: var(--ink); background: var(--cream); }
a { color: var(--maroon); }
img { max-width: 100%; }

.kicker { font-family: 'Outfit', sans-serif; font-weight: 700; font-size: .8rem; letter-spacing: .18em; text-transform: uppercase; color: var(--gold); margin-bottom: .9rem; }
.script { font-family: 'Caveat', cursive; font-weight: 700; color: var(--gold-2); line-height: 1.05; }
.serif-title { font-family: 'Fraunces', serif; font-weight: 600; color: var(--maroon); font-size: clamp(1.8rem, 3vw, 2.6rem); margin-bottom: 1rem; }
.big-title { font-family: 'Outfit', sans-serif; font-weight: 800; color: var(--maroon); font-size: clamp(1.8rem, 3.4vw, 2.6rem); letter-spacing: -.02em; margin-bottom: .2rem; }
.sub { color: var(--ink); font-size: 1.1rem; }
.sub-lg { font-size: 1.15rem; color: var(--muted); }
.section { padding: 70px 0; }
.section-alt { background: var(--cream-2); }
.hp { position: absolute; left: -9999px; }

/* ---------- buttons ---------- */
.btn { font-family: 'Outfit', sans-serif; font-weight: 600; border-radius: 12px; padding: .6rem 1.4rem; }
.btn .bi-arrow-right { margin-left: .35rem; transition: transform .2s; }
.btn:hover .bi-arrow-right { transform: translateX(3px); }
.btn-maroon { background: var(--maroon); color: #fff; border: 2px solid var(--maroon); }
.btn-maroon:hover { background: var(--maroon-dark); color: var(--gold-soft); border-color: var(--maroon-dark); }
.btn-outline-maroon { border: 2px solid var(--maroon); color: var(--maroon); background: transparent; }
.btn-outline-maroon:hover { background: var(--maroon); color: #fff; }
.btn-gold { background: linear-gradient(180deg, var(--gold-soft), var(--gold-2)); color: var(--maroon-dark); border: 0; border-radius: 999px; padding: .65rem 1.6rem; }
.btn-gold:hover { filter: brightness(1.05); color: var(--maroon-dark); }
.btn-lg { padding: .8rem 1.7rem; }

/* ---------- nav ---------- */
.site-nav { background: var(--maroon); padding: .7rem 0; box-shadow: 0 2px 14px rgba(0,0,0,.18); }
.brand { font-family: 'Outfit', sans-serif; font-weight: 800; font-size: 1.9rem; color: #fff !important; letter-spacing: -.01em; text-decoration: none; }
.brand span { color: var(--gold-2); }
.site-nav .nav-link { color: #f6e9d2 !important; font-weight: 500; font-size: .95rem; padding: .5rem .9rem !important; position: relative; }
.site-nav .nav-link.active, .site-nav .nav-link:hover { color: var(--gold-2) !important; }
.site-nav .nav-link.active::after { content: ''; position: absolute; left: .9rem; right: .9rem; bottom: .15rem; height: 2px; background: var(--gold-2); }
.navbar-toggler { color: #fff; border: 1px solid rgba(255,255,255,.3); font-size: 1.5rem; }
@media (max-width: 991px) { .site-nav .btn-gold { margin: .5rem 0 .3rem; } }

/* ---------- hero ---------- */
.hero { padding: 50px 0 60px; overflow: hidden; }
.hero-title { font-family: 'Outfit', sans-serif; font-weight: 900; letter-spacing: -.035em; line-height: .95; font-size: clamp(2.8rem, 6vw, 4.6rem); margin: 0 0 1.2rem; }
.hero-title .t1 { color: var(--maroon); display: block; }
.hero-title .t2 { color: var(--gold); display: block; }
.hero-text { font-size: 1.08rem; color: var(--muted); max-width: 30rem; margin-bottom: 1.8rem; }
.hero-media { position: relative; padding: 0 0 30px 40px; }
.hero-arc { position: absolute; right: -60px; top: -30px; bottom: -10px; width: 75%; border-radius: 50% 0 0 50%; background: linear-gradient(135deg, var(--gold-2), var(--gold)); opacity: .9; }
.hero-main { position: relative; border-radius: 28px; overflow: hidden; box-shadow: 0 25px 50px rgba(51, 7, 15, .3); aspect-ratio: 4 / 3; background: var(--maroon); }
.hero-main img { width: 100%; height: 100%; object-fit: cover; }
.hero-script { position: absolute; right: 22px; bottom: 18px; font-family: 'Caveat', cursive; font-weight: 700; font-size: 1.7rem; color: #fff; text-align: right; line-height: 1; transform: rotate(-8deg); text-shadow: 0 2px 10px rgba(0,0,0,.6); }
.hero-small { position: absolute; left: 0; bottom: 0; width: 34%; aspect-ratio: 1.2; border-radius: 20px; overflow: hidden; border: 5px solid var(--cream); box-shadow: var(--shadow); background: var(--maroon); }
.hero-small img { width: 100%; height: 100%; object-fit: cover; }

/* ---------- occasions band ---------- */
.occasions { background: var(--maroon); padding: 22px 0; }
.occ-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.occ-script { font-size: 1.8rem; transform: rotate(-6deg); max-width: 190px; }
.occ { display: flex; flex-direction: column; align-items: center; gap: .3rem; color: var(--gold-soft); text-decoration: none; font-family: 'Outfit', sans-serif; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; font-size: .85rem; padding: 0 1.5rem; border-left: 1px solid rgba(232, 196, 106, .4); flex: 1; }
.occ i { font-size: 1.9rem; }
.occ:hover { color: #fff; }
@media (max-width: 767px) { .occ { flex: 0 0 45%; border: 0; padding: .5rem; } .occ-script { max-width: none; width: 100%; text-align: center; transform: none; } }

/* ---------- story ---------- */
.story { padding: 70px 0; }
.mandala-bg { background-color: var(--cream); background-image: url('../img/mandala.svg'); background-repeat: no-repeat; background-position: right -120px center; background-size: 480px; }
.arch-frame { border-radius: 200px 200px 18px 18px; overflow: hidden; border: 3px solid var(--gold); padding: 8px; background: var(--card); }
.arch-frame img { border-radius: 190px 190px 12px 12px; width: 100%; aspect-ratio: 4 / 3.4; object-fit: cover; display: block; background: var(--maroon); }
.story-text { color: var(--muted); font-size: 1.03rem; margin-bottom: 1.4rem; }

/* ---------- service cards ---------- */
.service-card { display: block; text-decoration: none; color: inherit; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; transition: transform .25s, box-shadow .25s; height: 100%; }
.service-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); color: inherit; }
.sc-img { aspect-ratio: 16 / 7; overflow: hidden; background: var(--maroon); }
.sc-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.service-card:hover .sc-img img { transform: scale(1.05); }
.sc-body { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.2rem 1.4rem 1.4rem; }
.sc-body h3, .package-card h3 { font-family: 'Outfit', sans-serif; font-weight: 700; color: var(--maroon); font-size: 1.45rem; margin-bottom: .2rem; }
.sc-body p { color: var(--muted); margin: 0; font-size: .95rem; }
.round-arrow { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%; background: var(--maroon); color: var(--gold-soft); display: grid; place-items: center; font-size: 1.1rem; }

/* ---------- package cards ---------- */
.package-card { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; height: 100%; display: flex; flex-direction: column; }
.pc-img { position: relative; aspect-ratio: 16 / 9; background: var(--maroon); }
.pc-img img { width: 100%; height: 100%; object-fit: cover; }
.price-pill { position: absolute; right: 12px; top: 12px; background: var(--maroon); color: var(--gold-soft); border-radius: 999px; padding: .3rem .8rem; font-family: 'Outfit'; font-weight: 600; font-size: .9rem; }
.price-pill small { opacity: .8; font-weight: 400; }
.pc-body { padding: 1.2rem 1.4rem 1.5rem; display: flex; flex-direction: column; flex: 1; }
.pc-body p { color: var(--muted); flex: 1; }
.pc-body .btn { align-self: flex-start; }

/* ---------- reviews ---------- */
.reviews-strip { background: #f1e5cc; border-radius: var(--radius); padding: 2rem 2rem 1.5rem; }
.review { display: flex; gap: .9rem; }
.quote-mark { font-family: 'Fraunces', serif; font-size: 4rem; line-height: .8; color: var(--gold); font-weight: 700; }
.review p { color: var(--muted); margin-bottom: .4rem; }
.review-col + .review-col { border-left: 1px solid var(--line); }
@media (max-width: 767px) { .review-col + .review-col { border-left: 0; } }
.review-boxed { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.4rem; height: 100%; }
.stars { color: var(--gold); margin-bottom: .4rem; }
.review-by { font-weight: 700; color: var(--maroon); font-size: .9rem; }
.star-input { display: inline-flex; flex-direction: row-reverse; gap: .2rem; }
.star-input input { display: none; }
.star-input label { font-size: 1.7rem; color: #d8c8a5; cursor: pointer; }
.star-input input:checked ~ label, .star-input label:hover, .star-input label:hover ~ label { color: var(--gold); }

/* ---------- blog ---------- */
.post-card { background: transparent; }
.post-h { display: flex; gap: 1rem; padding-right: 1rem; }
.post-h .post-img { flex: 0 0 42%; border-radius: 12px; overflow: hidden; aspect-ratio: 1.1; background: var(--maroon); }
.post-h h3 { font-size: 1rem; }
.post-h p { font-size: .82rem; }
.post-v { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; height: 100%; }
.post-v .post-img { display: block; aspect-ratio: 16 / 9; background: var(--maroon); }
.post-v .post-body { padding: 1.2rem 1.4rem; }
.post-v h3 { font-size: 1.25rem; }
.post-img img { width: 100%; height: 100%; object-fit: cover; }
.post-card h3 { font-family: 'Outfit'; font-weight: 700; line-height: 1.2; margin-bottom: .4rem; }
.post-card h3 a { color: var(--maroon); text-decoration: none; }
.post-card p { color: var(--muted); margin-bottom: .5rem; }
.post-date { font-size: .8rem; color: var(--gold); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; margin-bottom: .3rem; }
.read-more { font-family: 'Outfit'; font-weight: 700; color: var(--maroon); text-decoration: none; font-size: .9rem; }
.read-more:hover { color: var(--gold); }

/* ---------- inner pages ---------- */
.page-hero { background: var(--maroon) url('../img/mandala.svg') no-repeat right -100px center / 420px; color: #f6e9d2; padding: 70px 0 60px; }
.page-hero h1 { font-family: 'Outfit', sans-serif; font-weight: 900; letter-spacing: -.03em; color: #fff; font-size: clamp(2.2rem, 5vw, 3.6rem); margin-bottom: .6rem; }
.page-hero .kicker { color: var(--gold-2); }
.page-hero .lead { color: #f0dcc0; max-width: 40rem; margin: 0; }
.post-hero h1 { max-width: 50rem; }
.rounded-img { border-radius: 22px; overflow: hidden; background: var(--maroon); }
.rounded-img img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }
.service-row + .service-row { margin-top: 70px; }
.check-list, .menu-list { list-style: none; padding: 0; margin: 0 0 1.5rem; }
.check-list li { padding: .35rem 0 .35rem 1.8rem; position: relative; }
.check-list li::before { content: '\F26E'; font-family: 'bootstrap-icons'; position: absolute; left: 0; color: var(--gold); font-size: 1.1rem; }
.menu-list { columns: 2; column-gap: 2rem; }
.menu-list li { padding: .5rem 0; border-bottom: 1px dashed var(--line); break-inside: avoid; }
.menu-list li::before { content: '✦'; color: var(--gold); margin-right: .6rem; }
@media (max-width: 575px) { .menu-list { columns: 1; } }
.prose { font-size: 1.05rem; line-height: 1.75; }
.side-card { background: var(--maroon); color: #f6e9d2; border-radius: var(--radius); padding: 1.8rem; z-index: 1; }
.side-card h3 { font-family: 'Fraunces'; color: #fff; font-size: 1.5rem; }
.side-price { font-family: 'Outfit'; font-weight: 800; font-size: 2.4rem; color: var(--gold-2); line-height: 1; margin-bottom: .3rem; }
.side-price small { font-size: 1rem; font-weight: 400; color: #f0dcc0; }
.est-total { color: #f0dcc0; } .est-total strong { color: #fff; font-size: 1.2rem; }
.filter-tabs { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; margin-bottom: 2.5rem; }
.filter-tabs a { padding: .5rem 1.2rem; border-radius: 999px; border: 2px solid var(--maroon); color: var(--maroon); text-decoration: none; font-weight: 600; font-family: 'Outfit'; }
.filter-tabs a.active, .filter-tabs a:hover { background: var(--maroon); color: #fff; }
.value-card { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.6rem; height: 100%; }
.value-card i { font-size: 2rem; color: var(--gold); }
.value-card h3 { font-family: 'Outfit'; font-weight: 700; color: var(--maroon); font-size: 1.2rem; margin: .7rem 0 .4rem; }
.value-card p { color: var(--muted); margin: 0; }
.stats-band { background: var(--maroon); padding: 45px 0; }
.stat-num { font-family: 'Outfit'; font-weight: 900; font-size: 2.6rem; color: var(--gold-2); }
.stat-label { color: #f0dcc0; text-transform: uppercase; letter-spacing: .1em; font-size: .8rem; }

/* ---------- forms ---------- */
.form-card { background: var(--card); border: 1px solid var(--line); border-radius: 20px; padding: 2.2rem; box-shadow: var(--shadow); }
.form-label { font-weight: 600; font-size: .9rem; color: var(--maroon); }
.form-control, .form-select { border-color: var(--line); border-radius: 10px; padding: .65rem .9rem; background-color: #fff; }
.form-control:focus, .form-select:focus { border-color: var(--gold); box-shadow: 0 0 0 .2rem rgba(200, 146, 58, .2); }
.form-step { font-family: 'Outfit'; font-weight: 700; font-size: 1.15rem; color: var(--maroon); display: flex; align-items: center; gap: .6rem; margin-bottom: 1rem; }
.form-step span { width: 30px; height: 30px; border-radius: 50%; background: var(--gold-2); color: var(--maroon-dark); display: grid; place-items: center; font-size: .9rem; }
.est-box { background: var(--cream-2); border: 1px dashed var(--gold); border-radius: 10px; padding: .7rem 1rem; color: var(--muted); font-size: .92rem; }
.est-box strong { color: var(--maroon); font-size: 1.15rem; }
.done-icon { font-size: 4rem; color: var(--gold); }
.contact-info .ci { display: flex; gap: 1rem; padding: 1.1rem 0; border-bottom: 1px solid var(--line); }
.contact-info .ci > i { width: 46px; height: 46px; flex: 0 0 46px; border-radius: 50%; background: var(--maroon); color: var(--gold-2); display: grid; place-items: center; font-size: 1.1rem; }
.contact-info h4 { font-family: 'Outfit'; font-weight: 700; font-size: 1rem; color: var(--maroon); margin-bottom: .15rem; }
.pagination .page-link { color: var(--maroon); border-color: var(--line); }
.pagination .active .page-link { background: var(--maroon); border-color: var(--maroon); color: #fff; }

/* ---------- CTA + footer ---------- */
.cta-band { background: linear-gradient(90deg, var(--maroon-dark), var(--maroon-2)); padding: 40px 0; color: #f0dcc0; }
.cta-band .script { font-size: 2rem; transform: rotate(-5deg); }
.cta-title { font-family: 'Outfit'; font-weight: 800; color: var(--gold-2); font-size: 2.4rem; margin: 0; }
.site-footer { background: var(--maroon-dark); color: #e9d6b8; padding: 45px 0 20px; }
.footer-brand { font-size: 2.1rem; }
.footer-tag { font-size: .72rem; letter-spacing: .2em; margin-top: .2rem; }
.footer-contact div { margin-bottom: .6rem; }
.footer-contact i { color: var(--gold-2); margin-right: .5rem; }
.footer-contact a, .footer-links a, .footer-bottom a { color: #e9d6b8; text-decoration: none; }
.footer-contact a:hover, .footer-links a:hover, .footer-bottom a:hover { color: var(--gold-2); }
.footer-contact .sep { margin: 0 .5rem; opacity: .5; }
.footer-links { list-style: none; padding: 0; margin: 0 0 1rem; display: flex; flex-wrap: wrap; gap: .3rem 1.1rem; justify-content: flex-end; font-size: .85rem; }
@media (max-width: 991px) { .footer-links { justify-content: flex-start; } }
.socials a { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #fff; color: var(--maroon-dark); margin-left: .4rem; }
.socials a:hover { background: var(--gold-2); }
.footer-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .5rem; border-top: 1px solid rgba(232, 196, 106, .2); margin-top: 2rem; padding-top: 1rem; font-size: .8rem; opacity: .85; }

/* Approved maroon / gold homepage — October 2026 */
:root{--maroon:#46000e;--maroon-2:#570c1b;--maroon-dark:#300009;--gold:#9c6b24;--gold-2:#e9c765;--gold-soft:#ffe6a1;--cream:#fff9ed;--cream-2:#faf2e1;--card:#fff9ee;--ink:#29262a;--muted:#5e5958;--line:#e7d6b4}
body{line-height:1.55} .container{max-width:1320px;padding-left:32px;padding-right:32px}
.site-nav{padding:.45rem 0;box-shadow:none}.brand{font-weight:900;font-size:2rem;letter-spacing:-.05em}.site-nav .nav-link{font-size:.88rem;padding:.5rem .65rem!important}.site-nav .btn-gold{font-weight:700}
.homepage .hero{padding:38px 0 28px;background:var(--cream) url('../img/mandala.svg') no-repeat left -240px top / 430px}
.homepage .hero .row{--bs-gutter-x:2rem}.homepage .hero-title{font-size:clamp(3rem,5.5vw,5.35rem);line-height:1.02;letter-spacing:-.04em;margin-bottom:20px}.hero-title .t2{color:#94601d}.homepage .hero .kicker{color:#393039;font-size:.75rem;letter-spacing:.24em}.hero-text{font-size:1.05rem;line-height:1.5;max-width:30rem;margin-bottom:24px}
.homepage .hero-media{padding:0 0 16px 30px}.homepage .hero-main{aspect-ratio:1.45;border-radius:30px;box-shadow:none}.homepage .hero-arc{right:-60px;top:-30px;bottom:-20px;border-radius:40% 0 0 40%;background:#c9a345}.hero-small{width:30%;border-width:4px}.btn{border-radius:12px;font-size:.96rem}.hero .btn{border-radius:999px}.btn-outline-maroon{border-width:1px}.btn-maroon{color:var(--gold-soft)}
.occasions{padding:18px 0}.occ-row{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:0}.occ{border-left:1px solid #c29b52;padding:0 14px}.occ:hover{color:white}.occ-script{font-size:1.8rem}.occ i{font-size:1.9rem}.occ span{font-size:.85rem}
.homepage .story{padding:24px 0 0}.homepage .story .row{--bs-gutter-x:3rem}.homepage .story .col-lg-5{width:43%}.homepage .story .col-lg-7{width:57%}.arch-frame{padding:0;border:0;background:transparent;border-radius:0;max-width:440px;margin:auto;clip-path:polygon(50% 0,62% 4%,70% 8%,75% 15%,84% 15%,91% 21%,91% 29%,97% 33%,100% 40%,100% 100%,0 100%,0 40%,3% 33%,9% 29%,9% 21%,16% 15%,25% 15%,30% 8%,38% 4%)}.arch-frame img{border-radius:0;aspect-ratio:1.2;object-position:center 38%}.story-text{font-size:1rem;line-height:1.6}.story .kicker{margin-bottom:8px}.story .serif-title{font-size:clamp(1.9rem,3.1vw,2.8rem)}
.homepage .home-section{padding:28px 0}.home-section .kicker{margin-bottom:12px}.sc-img{aspect-ratio:2.35}.sc-body{padding:15px 18px;gap:14px}.sc-body h3{font-weight:800;font-size:1.5rem;line-height:1.1}.sc-body p{font-size:.9rem;margin-top:6px}.round-arrow{width:36px;height:36px}.service-card{border-radius:18px}.home-packages{padding:24px 0 20px;background:var(--cream)}.home-packages .big-title{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:900}.home-packages .kicker{margin-bottom:8px}.home-packages .sub{margin:0}.pc-img{aspect-ratio:2.05;overflow:hidden}.pc-body{padding:14px 18px 18px}.pc-body h3{font-size:1.4rem;font-weight:800}.pc-body p{font-size:.94rem;margin-bottom:14px}.pc-body .btn{border-radius:8px;padding:.48rem 1.25rem}.homepage .reviews-strip{background:#f2e9d6;padding:20px 24px}.homepage .section.pt-0{padding-bottom:10px;background:var(--cream)}.review p{font-size:.92rem}.homepage .post-h{gap:12px;padding:0}.homepage .post-h .post-img{flex-basis:36%;aspect-ratio:.9}.homepage .post-h p{font-size:.85rem}.cta-band{padding:22px 0;background:var(--maroon) url('../img/cta-food.jpg') no-repeat right center / auto 100%}.cta-title{font-size:2.6rem}.cta-band p{max-width:400px}.site-footer{padding:24px 0 16px}.footer-brand{font-size:2rem}.footer-tag{font-size:.65rem}.footer-contact{font-size:.95rem}.footer-links{font-size:.75rem;gap:.3rem .6rem}.footer-bottom{margin-top:20px}.kicker{color:#865616}a:focus-visible,.btn:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:991px){.container{padding-left:24px;padding-right:24px}.homepage .hero-title{font-size:clamp(3rem,8vw,4.5rem)}.homepage .story .col-lg-5,.homepage .story .col-lg-7{width:100%}.homepage .story{padding:35px 0}.homepage .story .col-lg-7{padding-bottom:20px}.homepage .hero-media{margin-top:20px}.homepage .hero .row{--bs-gutter-y:1rem}.home-section .post-h{margin-bottom:16px}.site-nav .navbar-collapse{padding-top:15px}.cta-band{background-image:none}.arch-frame{max-width:400px}.occ-script{font-size:1.4rem}.occ span{font-size:.7rem}}
@media(max-width:575px){.container{padding-left:20px;padding-right:20px}.brand{font-size:1.65rem}.homepage .hero{padding:30px 0 25px}.homepage .hero-title{font-size:3.35rem}.hero-text{font-size:1rem}.hero-script{font-size:1.3rem}.occ-row{grid-template-columns:repeat(2,1fr);gap:20px 0}.occ-script{grid-column:1/-1;max-width:none;text-align:center;transform:none}.occ{border-left:0}.homepage .hero-media{padding-left:15px}.homepage .hero-main{border-radius:20px}.hero-arc{right:-35px}.home-section,.home-packages{padding:26px 0!important}.homepage .pc-img{aspect-ratio:1.8}.homepage .sc-img{aspect-ratio:2.15}.homepage .post-h .post-img{flex-basis:34%}.homepage .reviews-strip{padding:24px 18px}.review-col+.review-col{border-top:1px solid var(--line);padding-top:18px}.homepage .story .serif-title{font-size:2rem}.cta-title{font-size:2.2rem}.cta-band .script{transform:none}.form-card{padding:24px}.footer-contact .sep{display:none}.footer-contact a{display:inline-block;margin-right:6px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.arch-frame{clip-path:url(#chef-arch)}