:root { --ink:#1e2925; --cream:#f6f2e9; --paper:#fffdf8; --sage:#b9c9b6; --gold:#c98a32; --terracotta:#b75f46; --line:rgba(30,41,37,.18); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--cream); color:var(--ink); font:16px/1.55 "DM Sans",sans-serif; } a { color:inherit; text-decoration:none; } .site-header { display:flex; align-items:center; justify-content:space-between; max-width:1240px; padding:24px 32px; margin:auto; } .brand { font-size:18px; font-weight:700; letter-spacing:.1em; } .brand span { display:block; margin-top:-7px; font-size:10px; letter-spacing:.32em; color:var(--terracotta); } .nav { display:flex; gap:30px; font-size:14px; font-weight:600; } .nav a:hover,.text-link:hover { color:var(--terracotta); } .menu-button { display:none; border:0; background:transparent; font:600 14px "DM Sans",sans-serif; color:var(--ink); }
.hero { max-width:1240px; min-height:570px; padding:70px 32px 85px; margin:auto; display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:70px; } .eyebrow,.card-kicker { margin:0 0 13px; text-transform:uppercase; font-size:11px; font-weight:700; letter-spacing:.16em; color:var(--terracotta); } h1,h2,h3 { margin:0; font-family:"Playfair Display",serif; line-height:1.04; letter-spacing:-.035em; } h1 { max-width:670px; font-size:clamp(48px,6vw,82px); } .intro { max-width:570px; margin:26px 0 34px; font-size:19px; } .button { display:inline-flex; gap:20px; align-items:center; padding:14px 19px; background:var(--ink); color:white; font-size:14px; font-weight:600; transition:transform .2s; } .button:hover { transform:translateY(-3px); }
.hero-art { position:relative; min-height:385px; overflow:hidden; background:var(--sage); } .hero-art p { position:absolute; right:29px; bottom:24px; margin:0; text-align:right; font-size:11px; line-height:1.7; font-weight:700; letter-spacing:.13em; } .sun { position:absolute; width:172px; height:172px; border-radius:50%; background:var(--gold); top:35px; right:42px; } .arch { position:absolute; bottom:-45px; width:240px; height:325px; border-radius:130px 130px 0 0; } .arch-one { left:43px; background:var(--terracotta); } .arch-two { left:120px; background:var(--cream); }
.section { max-width:1240px; padding:105px 32px; margin:auto; } .section-heading { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:38px; } h2 { max-width:690px; font-size:clamp(34px,4.4vw,58px); } .business-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; } .business-card { min-height:425px; padding:33px; display:flex; flex-direction:column; } .gold-card { background:#25342e; color:white; } .cafe-card { background:#dfb49b; } .card-number { margin-left:auto; font-size:13px; letter-spacing:.12em; opacity:.7; } .business-card h3 { margin-top:44px; font-size:50px; } .business-card p:not(.card-kicker) { max-width:385px; margin:25px 0 30px; } .gold-card .card-kicker { color:#e9bc76; } .cafe-card .card-kicker { color:#7f3c2b; } .text-link { margin-top:auto; font-size:14px; font-weight:700; } .text-link span { margin-left:8px; }
.about { display:grid; grid-template-columns:1fr 1fr; gap:65px; border-top:1px solid var(--line); } .about-copy { max-width:500px; font-size:18px; } .about-copy p:first-child { margin-top:0; } .visit { display:grid; grid-template-columns:1fr 1fr; gap:65px; padding-top:25px; padding-bottom:45px; } .visit > p { max-width:440px; align-self:end; font-size:18px; }
.contact { max-width:1240px; margin:0 auto 96px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:0 32px; display:grid; grid-template-columns:1fr 1fr 1fr; } .contact-item { padding:27px 0; } .contact-item + .contact-item { border-left:1px solid var(--line); padding-left:28px; } .contact-item span { display:block; color:var(--terracotta); text-transform:uppercase; letter-spacing:.14em; font-size:10px; font-weight:700; margin-bottom:8px; } .contact-item a,.contact-item p { margin:0; font-size:17px; font-weight:600; } footer { max-width:1240px; padding:0 32px 35px; margin:auto; display:flex; justify-content:space-between; align-items:flex-end; } footer p { margin:0; font-size:12px; color:#59635f; }
@media (max-width:700px) { .site-header { padding:20px; } .menu-button { display:block; } .nav { display:none; position:absolute; z-index:4; top:68px; left:20px; right:20px; padding:18px; flex-direction:column; gap:14px; background:var(--paper); box-shadow:0 12px 25px rgba(0,0,0,.08); } .nav.open { display:flex; } .hero { min-height:auto; grid-template-columns:1fr; gap:42px; padding:55px 20px 70px; } .intro { font-size:17px; } .hero-art { min-height:310px; } .section { padding:70px 20px; } .section-heading,.about,.visit { display:block; } .section-heading h2 { margin-top:15px; } .business-grid { grid-template-columns:1fr; } .business-card { min-height:360px; padding:27px; } .business-card h3 { font-size:44px; margin-top:30px; } .about-copy { margin-top:28px; font-size:17px; } .visit > p { margin:25px 0 0; font-size:17px; } .contact { margin-bottom:60px; padding:0 20px; display:block; } .contact-item + .contact-item { padding-left:0; border-left:0; border-top:1px solid var(--line); } footer { padding:0 20px 25px; display:block; } footer p { margin-top:20px; } }

/* Dedicated business pages */
.on-dark { color:#fff; } .on-dark .brand span { color:#e4ae61; } .on-dark .menu-button { color:#fff; } .gold-page { background:#202a27; color:#f8f3e8; } .gold-page .nav a:hover { color:#e4ae61; } .business-hero { min-height:650px; position:relative; background-size:cover; background-position:center; } .business-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(13,15,14,.88) 5%,rgba(13,15,14,.57) 48%,rgba(13,15,14,.12)); } .business-hero-copy { position:relative; z-index:1; max-width:1240px; min-height:650px; margin:auto; padding:155px 32px 90px; color:#fff; } .business-hero-copy h1 { font-size:clamp(58px,7.2vw,100px); } .business-hero-copy > p:not(.eyebrow) { max-width:440px; font-size:20px; margin:24px 0 35px; } .gold-hero { background-image:url('assets/gold-consultation.png'); } .button-gold { background:#d49a4c; color:#1c211e; } .trust-strip { display:grid; grid-template-columns:repeat(3,1fr); max-width:1240px; margin:auto; border:1px solid rgba(255,255,255,.18); border-bottom:0; } .trust-strip div { padding:25px 31px; } .trust-strip div+div { border-left:1px solid rgba(255,255,255,.18); } .trust-strip strong,.trust-strip span { display:block; } .trust-strip strong { font-family:"Playfair Display",serif; font-size:22px; } .trust-strip span { margin-top:5px; font-size:13px; color:#d4d9d0; } .gold-intro { display:grid; grid-template-columns:1fr 1fr; gap:70px; } .gold-intro > div+div { max-width:510px; font-size:18px; } .notice { margin-top:30px; padding-top:20px; border-top:1px solid rgba(255,255,255,.22); font-size:14px; color:#d4d9d0; } .process { border-top:1px solid rgba(255,255,255,.18); } .process-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; margin-top:30px; } .process-grid article { padding:22px 0; border-top:1px solid rgba(255,255,255,.3); } .process-grid span,.cafe-notes span { font-size:12px; color:#e4ae61; letter-spacing:.15em; } .process-grid h3 { margin-top:43px; font-size:33px; } .process-grid p { max-width:300px; color:#d4d9d0; } .photo-banner { min-height:475px; background-size:cover; background-position:center; position:relative; } .photo-banner::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(18,23,21,.84),rgba(18,23,21,.1)); } .photo-banner div { position:relative; z-index:1; max-width:1240px; margin:auto; padding:135px 32px; } .photo-banner h2 { max-width:550px; font-size:55px; } .gold-photo { background-image:url('assets/gold-consultation.png'); background-position:center right; } .faq { max-width:850px; } .faq h2 { margin-bottom:25px; } details { border-top:1px solid rgba(255,255,255,.27); padding:19px 0; } details:last-child { border-bottom:1px solid rgba(255,255,255,.27); } summary { cursor:pointer; list-style:none; font-weight:700; } summary::after { content:'+'; float:right; color:#e4ae61; font-size:20px; } details[open] summary::after { content:'–'; } details p { max-width:610px; color:#d4d9d0; margin:14px 0 0; } .gold-contact { max-width:1240px; margin:0 auto 100px; padding:76px 32px; background:#d49a4c; color:#1d2420; } .gold-contact h2 { margin-bottom:27px; } .gold-contact .eyebrow { color:#6b3d13; } .gold-contact .placeholder { margin-bottom:0; font-size:13px; }
.cafe-page { background:#f6efe3; color:#352820; } .cafe-page .brand span { color:#bd5d39; } .cafe-hero { background-image:url('assets/cafe-merci.png'); background-position:center; } .cafe-hero::before { background:linear-gradient(90deg,rgba(48,31,18,.68),rgba(48,31,18,.22) 58%,rgba(48,31,18,.02)); } .cafe-hero .eyebrow,.cafe-hero h1 em { color:#ffd399; } .cafe-hero h1 { font-size:clamp(60px,8vw,112px); } .cafe-hero h1 em { font-weight:600; } .cafe-button { background:#a7492b; } .cafe-message { max-width:900px; text-align:center; } .cafe-message h2 { max-width:none; font-size:clamp(39px,5vw,64px); } .cafe-message > p:last-child { max-width:590px; margin:28px auto 0; font-size:18px; } .menu-section { display:grid; grid-template-columns:1fr 1fr; min-height:525px; background:#e4b99a; } .menu-photo { background:url('assets/cafe-merci.png') center/cover; } .menu-copy { padding:100px clamp(35px,7vw,110px); display:flex; flex-direction:column; justify-content:center; } .menu-copy h2 { font-size:55px; } .menu-copy > p:not(.eyebrow) { max-width:410px; font-size:18px; margin:24px 0 32px; } .cafe-notes { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; } .cafe-notes article { padding-top:23px; border-top:1px solid rgba(53,40,32,.32); } .cafe-notes h3 { margin:40px 0 12px; font-size:34px; } .cafe-notes span { color:#bd5d39; } .cafe-visit { margin:0 32px 95px; padding:95px 9%; background:#7d9278; color:#f9f4ea; } .cafe-visit .eyebrow { color:#f3cf9e; } .cafe-visit h2 { font-size:clamp(42px,5vw,66px); } .cafe-visit > p:not(.eyebrow) { max-width:440px; font-size:18px; } .cafe-visit .button { margin-top:18px; background:#f7efe4; color:#47352a; }
@media (max-width:700px) { .on-dark .nav { color:var(--ink); } .business-hero,.business-hero-copy { min-height:570px; } .business-hero-copy { padding:135px 20px 65px; } .trust-strip,.process-grid,.cafe-notes,.menu-section { grid-template-columns:1fr; } .trust-strip div+div { border-left:0; border-top:1px solid rgba(255,255,255,.18); } .gold-intro { display:block; } .gold-intro > div+div { margin-top:28px; } .process-grid { gap:0; } .photo-banner div { padding:100px 20px; } .photo-banner h2,.menu-copy h2 { font-size:42px; } .gold-contact { padding:60px 20px; margin:0 20px 60px; } .menu-photo { min-height:330px; } .menu-copy { padding:62px 20px; } .cafe-notes { gap:25px; } .cafe-visit { margin:0 20px 60px; padding:65px 25px; } }

/* Mawson Gold Buyer: intentionally practical, traditional service-page design */
.mgb-page { --mgb-green:#0b3e2b; --mgb-green-dark:#072c1e; --mgb-gold:#d7a436; --mgb-cream:#f6f2e8; --mgb-ink:#242424; margin:0; background:#fff; color:var(--mgb-ink); font-family:Roboto,Arial,sans-serif; line-height:1.5; } .mgb-topbar { min-height:44px; padding:10px max(20px,calc((100vw - 1180px)/2)); display:flex; justify-content:space-between; gap:22px; align-items:center; background:var(--mgb-green-dark); color:#fff; font-size:13px; } .mgb-topbar strong { margin-right:13px; font-size:12px; letter-spacing:.07em; } .mgb-topbar span { color:#cfdbd3; } .mgb-topbar a { color:#fff; font-weight:700; } .mgb-header { min-height:92px; max-width:1180px; padding:16px 20px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:30px; } .mgb-logo { color:var(--mgb-green); font:700 26px/1 "Roboto Condensed",sans-serif; letter-spacing:.02em; } .mgb-logo span { color:var(--mgb-gold); } .mgb-logo small { display:block; margin-top:7px; color:#5c5c5c; font:600 10px/1 Roboto,sans-serif; letter-spacing:.22em; } .mgb-nav { display:flex; align-items:center; gap:23px; font-size:14px; font-weight:700; text-transform:uppercase; } .mgb-nav a:hover { color:var(--mgb-gold); } .mgb-menu { display:none; border:1px solid #c7c7c7; padding:8px 10px; background:#fff; color:var(--mgb-green); font:700 12px Roboto,sans-serif; } .mgb-hero { min-height:450px; position:relative; background:linear-gradient(90deg,rgba(0,0,0,.77),rgba(0,0,0,.34)),url('assets/gold-consultation.png') center/cover; } .mgb-hero-copy { max-width:1180px; min-height:450px; padding:66px 20px; margin:auto; color:#fff; } .mgb-hero-copy > p { margin:0 0 9px; color:#f0c663; font-size:13px; font-weight:700; letter-spacing:.13em; } .mgb-hero h1 { max-width:590px; font:700 clamp(40px,4.6vw,60px)/1.05 "Roboto Condensed",sans-serif; letter-spacing:-.02em; } .mgb-hero ul { max-width:475px; padding:0; margin:27px 0 32px; list-style:none; font-size:17px; } .mgb-hero li { margin:8px 0; } .mgb-hero li::before { content:'✓'; margin-right:10px; color:#f0c663; font-weight:700; } .mgb-cta { display:inline-block; padding:14px 23px; background:var(--mgb-gold); color:#191919; font-size:13px; font-weight:700; letter-spacing:.05em; } .mgb-cta:hover { background:#edc457; } .mgb-rates { padding:50px max(20px,calc((100vw - 1180px)/2)); background:var(--mgb-green); color:#fff; text-align:center; } .mgb-section-title h2,.mgb-content h2,.mgb-buy h2,.mgb-faq h2,.mgb-contact h2 { margin:0; font:700 38px/1.1 "Roboto Condensed",sans-serif; } .mgb-section-title p { margin:8px 0 28px; color:#c5d6cc; } .rate-grid { display:grid; grid-template-columns:repeat(5,1fr); max-width:1150px; margin:auto; border:1px solid rgba(255,255,255,.33); } .rate-grid div { padding:20px 10px; } .rate-grid div+div { border-left:1px solid rgba(255,255,255,.33); } .rate-grid strong,.rate-grid span { display:block; } .rate-grid strong { font:700 23px "Roboto Condensed",sans-serif; } .rate-grid span { margin-top:5px; color:#f1c55f; font-size:13px; font-weight:700; } .rate-note { margin:16px 0 0; color:#c5d6cc; font-size:12px; } .mgb-content { max-width:1180px; padding:75px 20px; margin:auto; display:grid; grid-template-columns:1fr .9fr; gap:60px; align-items:center; } .mgb-steps { margin-top:25px; } .mgb-steps article { display:flex; align-items:flex-start; gap:17px; margin:20px 0; } .mgb-steps b { flex:none; display:grid; width:34px; height:34px; place-items:center; border-radius:50%; background:var(--mgb-gold); color:var(--mgb-green-dark); } .mgb-steps h3 { margin:0; font:700 23px "Roboto Condensed",sans-serif; } .mgb-steps p { margin:4px 0; } .mgb-photo img { display:block; width:100%; min-height:350px; object-fit:cover; } .mgb-buy { padding:55px max(20px,calc((100vw - 1180px)/2)); display:grid; grid-template-columns:1fr 1fr; gap:80px; background:var(--mgb-cream); } .mgb-buy p { max-width:520px; font-size:17px; } .mgb-list { display:grid; grid-template-columns:1fr 1fr; align-content:center; border-top:1px solid #bdb9ae; } .mgb-list span { padding:14px 4px; border-bottom:1px solid #bdb9ae; font-weight:700; } .mgb-faq { max-width:800px; padding:75px 20px; margin:auto; } .mgb-faq h2 { margin-bottom:20px; } .mgb-faq details { border-color:#d0d0d0; } .mgb-faq details p { color:#555; } .mgb-faq summary::after { color:var(--mgb-green); } .mgb-contact { padding:64px max(20px,calc((100vw - 1180px)/2)); display:grid; grid-template-columns:1fr 1fr; gap:100px; background:var(--mgb-green-dark); color:#fff; } .mgb-contact h2 { color:#fff; } .mgb-contact > div:first-child > p { max-width:480px; color:#d4e0d9; font-size:17px; } .mgb-details { display:grid; grid-template-columns:1fr 1fr; gap:5px 34px; align-content:start; } .mgb-details p { margin:0; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.23); } .mgb-details strong,.mgb-details a,.mgb-details span { display:block; } .mgb-details strong { margin-bottom:3px; color:#ecc662; font-size:11px; text-transform:uppercase; letter-spacing:.1em; } .mgb-details a { color:#fff; font-weight:700; } .mgb-details span { color:#d4e0d9; } .mgb-footer { padding:23px max(20px,calc((100vw - 1180px)/2)); display:flex; justify-content:space-between; background:#051e14; color:#b8c9bf; font-size:12px; } .mgb-footer p { margin:0; } .mgb-footer a { color:#fff; }
@media (max-width:800px) { .mgb-topbar { display:block; } .mgb-top-contact { margin-top:4px; } .mgb-menu { display:block; } .mgb-nav { display:none; position:absolute; z-index:5; top:135px; left:20px; right:20px; padding:18px; flex-direction:column; align-items:stretch; gap:0; background:#fff; box-shadow:0 10px 24px rgba(0,0,0,.18); } .mgb-nav a { padding:10px 0; border-bottom:1px solid #e5e5e5; } .mgb-nav.open { display:flex; } .mgb-hero,.mgb-hero-copy { min-height:520px; } .mgb-hero-copy { padding:70px 20px; } .rate-grid { grid-template-columns:1fr; } .rate-grid div+div { border-left:0; border-top:1px solid rgba(255,255,255,.33); } .mgb-content,.mgb-buy,.mgb-contact { grid-template-columns:1fr; gap:35px; } .mgb-content { padding:58px 20px; } .mgb-buy { padding:52px 20px; } .mgb-contact { padding:54px 20px; } .mgb-details { grid-template-columns:1fr; } .mgb-footer { display:block; } .mgb-footer a { display:block; margin-top:10px; } }

/* Nakshatra Fashion and business-card updates */
.business-grid { grid-template-columns:repeat(3,1fr); } .fashion-card { background:#d9d5c6; } .fashion-card .card-kicker { color:#7e564b; } .business-card h3 { font-size:44px; } .fashion-page { background:#f8f4ed; color:#302b2a; } .fashion-logo { color:#292523; font:700 26px "Playfair Display",serif; letter-spacing:-.04em; } .fashion-logo em { color:#b65649; font-weight:600; } .fashion-header { border-bottom:1px solid #ded8cf; } .fashion-hero { min-height:640px; position:relative; background:linear-gradient(90deg,rgba(248,244,237,.93) 7%,rgba(248,244,237,.56) 47%,rgba(248,244,237,.08)),url('assets/nakshatra-indian-fashion.png') center/cover; } .fashion-hero > div { max-width:1240px; min-height:640px; padding:150px 32px 80px; margin:auto; } .fashion-hero h1 { font-size:clamp(56px,7vw,98px); } .fashion-hero h1 em { color:#b65649; } .fashion-hero > div > p:not(.eyebrow) { max-width:450px; margin:25px 0 33px; font-size:19px; } .fashion-button { background:#47382f; } .fashion-about { display:grid; grid-template-columns:1fr 1fr; gap:60px; } .fashion-about > p { max-width:470px; margin:0; align-self:end; font-size:18px; } .fashion-categories { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; padding-top:0; } .fashion-categories article { padding:25px 0; border-top:1px solid rgba(48,43,42,.25); } .fashion-categories span { color:#b65649; font-size:12px; font-weight:700; letter-spacing:.14em; } .fashion-categories h3 { margin:37px 0 12px; font-size:34px; } .fashion-categories p { max-width:270px; margin:0; } .fashion-visit { max-width:1240px; margin:0 auto 95px; padding:85px 9%; display:grid; grid-template-columns:1fr 1fr; gap:70px; background:#d8b4a8; } .fashion-visit h2 { font-size:clamp(43px,5vw,66px); } .fashion-visit .address { font-size:18px; } .fashion-hours { align-self:end; } .fashion-hours > p:not(.eyebrow) { display:flex; justify-content:space-between; gap:20px; margin:0; padding:7px 0; border-bottom:1px solid rgba(48,43,42,.23); } .fashion-hours span { font-weight:700; } .cafe-visit { display:grid; grid-template-columns:1fr 1fr; gap:65px; } .cafe-visit > div > p:not(.eyebrow) { max-width:440px; font-size:18px; } .cafe-hours { align-self:end; } .cafe-hours > p:not(.eyebrow) { margin:0; padding:7px 0; border-bottom:1px solid rgba(255,255,255,.34); display:flex; justify-content:space-between; gap:20px; } .cafe-hours span { font-weight:700; }
@media (max-width:700px) { .business-grid,.fashion-about,.fashion-categories,.fashion-visit,.cafe-visit { grid-template-columns:1fr; } .fashion-hero,.fashion-hero > div { min-height:570px; } .fashion-hero > div { padding:130px 20px 65px; } .fashion-about { display:block; } .fashion-about > p { margin-top:28px; } .fashion-visit { margin:0 20px 60px; padding:65px 25px; } }

/* Café Merci */
.merci-logo { color:#4b3328; font:700 28px "Playfair Display",serif; letter-spacing:-.045em; } .merci-logo em { color:#b55237; font-weight:600; } .cafe-status { max-width:1240px; margin:0 auto; padding:20px 32px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(53,40,32,.2); } .cafe-status p { display:flex; gap:16px; margin:0; } .cafe-status span { color:#986147; } .cafe-status a,.cafe-map-link { color:#a7492b; font-weight:700; } .cafe-menu { display:grid; grid-template-columns:1fr .75fr; gap:70px; padding-bottom:56px; } .cafe-menu > div > p:not(.eyebrow) { max-width:480px; font-size:18px; } .cafe-menu-list { align-self:end; } .cafe-menu-list p { margin:0; padding:14px 0; border-bottom:1px solid rgba(53,40,32,.27); font:600 23px "Playfair Display",serif; } .cafe-menu-list span { margin-right:13px; color:#b55237; font:700 11px "DM Sans",sans-serif; letter-spacing:.12em; vertical-align:middle; } .menu-pdf { grid-column:1/-1; padding:30px 34px; background:#e6ba9e; } .menu-pdf .eyebrow { color:#80402e; } .menu-pdf h3 { font-size:31px; } .menu-pdf p:last-child { margin-bottom:0; } .cafe-photo-note { min-height:440px; position:relative; background:linear-gradient(90deg,rgba(53,40,32,.72),rgba(53,40,32,.1)),url('assets/cafe-merci.png') center/cover; color:#fff; } .cafe-photo-note > div { max-width:1240px; padding:115px 32px; margin:auto; } .cafe-photo-note .eyebrow { color:#f4d2a7; } .cafe-photo-note h2 { font-size:clamp(43px,5vw,65px); } .cafe-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; } .cafe-map-link { color:#f9f4ea; border-bottom:1px solid rgba(249,244,234,.65); }
@media (max-width:700px) { .cafe-status { padding:17px 20px; display:block; } .cafe-status p { justify-content:space-between; } .cafe-status a { display:block; margin-top:8px; } .cafe-menu { grid-template-columns:1fr; gap:35px; padding-bottom:42px; } .menu-pdf { grid-column:auto; padding:27px 24px; } .cafe-photo-note > div { padding:95px 20px; } }