/* Layout concept: a warm, photo-led single page. Signature script headings (as on the printed menu),
   Futura-like Jost for reading, Cormorant for prices. Arched and round photo frames echo cake stands. */
:root {
  --bg: #FAF6F1;
  --surface: #F1E7DC;
  --ink: #2B1E1A;
  --muted: #6B5850;
  --rose: #A3405A;
  --gold: #A07A42;
  --line: #E2D3C4;
  --price: #7E1F33;
  --btn-bg: #8E2F45;
  --btn-fg: #FFFFFF;
  --photo-ink: #FFFFFF;
  --dark-band: #2B1E1A;
  --dark-ink: #F6ECE2;
  --font-script: "Mrs Saint Delafield", "Snell Roundhand", "Segoe Script", cursive;
  --font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-sans: "Jost", "Century Gothic", "Avenir Next", system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #1D1412; --surface: #281C19; --ink: #F4EAE0; --muted: #BFAA9E; --rose: #EBA3B3; --gold: #D6B274;
    --line: #43322C; --price: #F2B8C4; --btn-bg: #EBA3B3; --btn-fg: #2B1E1A; --dark-band: #120B0A; --dark-ink: #F6ECE2;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #1D1412; --surface: #281C19; --ink: #F4EAE0; --muted: #BFAA9E; --rose: #EBA3B3; --gold: #D6B274;
  --line: #43322C; --price: #F2B8C4; --btn-bg: #EBA3B3; --btn-fg: #2B1E1A; --dark-band: #120B0A; --dark-ink: #F6ECE2;
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; } }
body {
  background: var(--bg); color: var(--ink);
  font-family: var(--font-sans); font-size: 17px; line-height: 1.6; font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; }
a { color: inherit; }
:focus-visible { outline: 2px solid var(--rose); outline-offset: 3px; border-radius: 4px; }
.sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* language switching */
html[data-lang="pt"] span[lang="en"] { display: none; }
html:not([data-lang="pt"]) span[lang="pt"] { display: none; }
html[data-lang="pt"] .en-only { display: none; }
html[data-splash="off"] #splash { display: none; }
html:not([data-splash="off"]) body { overflow: hidden; }

.wrap { width: 100%; max-width: 1140px; margin-inline: auto; padding-inline: 20px; }
.script { font-family: var(--font-script); font-weight: 400; line-height: .95; letter-spacing: 0; margin: 0; text-wrap: balance; color: var(--ink); }
h2.script { font-size: clamp(3.4rem, 8vw, 5.2rem); }
.script.big { font-size: clamp(3.6rem, 9vw, 6.4rem); }
.script.med { font-size: clamp(2.5rem, 5vw, 3.2rem); margin-top: 1.4rem; }
.eyebrow { font-size: .78rem; letter-spacing: .2em; text-transform: uppercase; color: var(--rose); font-weight: 500; margin: 0 0 .6rem; }
.h3 { font-family: var(--font-serif); font-size: 1.9rem; font-weight: 600; margin: 3.2rem 0 1rem; letter-spacing: .01em; text-wrap: balance; }
p { margin: 0 0 1rem; }
.lead-p { font-size: 1.12rem; color: var(--muted); max-width: 62ch; }
.lead-p.narrow { margin-bottom: 1.6rem; }
.note { font-size: .9rem; color: var(--muted); max-width: 70ch; margin-top: .9rem; }
.sm { font-size: .88rem; color: var(--rose); margin: 0 0 .5rem; letter-spacing: .02em; }
.strong { font-weight: 500; }

/* buttons */
.btn { display: inline-flex; align-items: center; justify-content: center; font: 500 .95rem/1 var(--font-sans); letter-spacing: .06em; text-transform: uppercase; text-decoration: none;
  background: var(--btn-bg); color: var(--btn-fg); padding: 1rem 1.6rem; border-radius: 999px; border: 1.5px solid var(--btn-bg); cursor: pointer; transition: transform .15s, opacity .15s; }
.btn:hover { transform: translateY(-1px); opacity: .92; }
.btn.small { padding: .7rem 1.1rem; font-size: .78rem; }
.btn.ghost { background: transparent; color: var(--ink); border-color: var(--ink); }
.btn.light { background: #fff; color: #2B1E1A; border-color: #fff; min-width: 9.5rem; font-size: 1rem; }

/* header */
.top { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 20; background: var(--bg); border-bottom: 1px solid var(--line); }
@supports (background: color-mix(in srgb, red, blue)) {
  .top { background: color-mix(in srgb, var(--bg) 90%, transparent); backdrop-filter: blur(10px); }
}
.bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .4rem 1rem; padding-block: .6rem; }
.brand { text-decoration: none; display: flex; align-items: baseline; gap: .6rem; }
.brand-script { font-family: var(--font-script); font-size: clamp(1.9rem, 6vw, 2.5rem); white-space: nowrap; line-height: 1; color: var(--ink); }
.brand-sub { display: none; font-size: .68rem; letter-spacing: .2em; text-transform: uppercase; color: var(--muted); }
.links { order: 3; width: 100%; display: flex; gap: 1.4rem; overflow-x: auto; padding-bottom: .2rem; scrollbar-width: none; }
.links::-webkit-scrollbar { display: none; }
.links a { text-decoration: none; font-size: .88rem; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; color: var(--ink); padding-block: .3rem; border-bottom: 2px solid transparent; }
.links a:hover { border-bottom-color: var(--rose); }
.actions { display: flex; align-items: center; gap: .4rem; }
.seg { display: inline-flex; border: 1.5px solid var(--ink); border-radius: 999px; overflow: hidden; }
.seg button { font: 500 .78rem/1 var(--font-sans); letter-spacing: .08em; background: transparent; color: var(--ink); border: 0; padding: .6rem .8rem; cursor: pointer; }
.seg button[aria-pressed="true"] { background: var(--ink); color: var(--bg); }
@media (min-width: 900px) {
  .brand-sub { display: inline; }
  .links { order: 0; width: auto; overflow: visible; padding: 0; }
  .bar { flex-wrap: nowrap; }
}

/* hero */
.hero { padding-block: clamp(2rem, 5vw, 4rem) clamp(2.5rem, 6vw, 5rem); }
.hero-grid { display: grid; gap: 2.5rem; grid-template-columns: 1fr; align-items: center; }
@media (min-width: 900px) { .hero-grid { grid-template-columns: 1.05fr .95fr; gap: 4rem; } }
.hero-copy .script { margin-bottom: 1.4rem; }
.hero-lead { font-size: 1.15rem; color: var(--muted); max-width: 54ch; }
.cta-row { display: flex; flex-wrap: wrap; gap: .8rem; margin: 1.6rem 0; }
.facts { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem 1.6rem; padding: 1.2rem 0 0; margin: 0; border-top: 1px solid var(--line); font-size: .9rem; letter-spacing: .04em; }
.facts li::before { content: "♥"; color: var(--rose); margin-right: .5rem; font-size: .8em; }
.hero-art { display: grid; grid-template-columns: 1.25fr 1fr; grid-template-rows: auto auto; gap: 12px; align-items: stretch; }
.hero-art figure { margin: 0; overflow: hidden; background: var(--surface); }
.hero-art img { width: 100%; height: 100%; object-fit: cover; }
.hero-art .a { grid-row: 1 / span 2; border-radius: 999px 999px 22px 22px; aspect-ratio: 3 / 4.6; }
.hero-art .b, .hero-art .c { aspect-ratio: 1; border-radius: 50%; align-self: center; }

/* sections */
.sec { padding-block: clamp(3.5rem, 8vw, 6rem); }
.sec.alt { background: var(--surface); }
section[id] { scroll-margin-top: 7.5rem; }
.sec-head { margin-bottom: 2rem; }

.about-grid { display: grid; gap: 1.5rem 4rem; grid-template-columns: 1fr; }
@media (min-width: 900px) { .about-grid { grid-template-columns: .8fr 1.2fr; } }
.about { border-top: 1px solid var(--line); }
.about-text p { font-size: 1.08rem; max-width: 60ch; }

.glossary { background: var(--surface); padding-block: clamp(2.5rem, 6vw, 4rem); }
.terms { display: grid; gap: 1.2rem 2rem; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); margin: 1.6rem 0 0; }
.term { border-top: 1px solid var(--line); padding-top: .7rem; min-width: 0; }
.term dt { font-family: var(--font-serif); font-size: 1.35rem; font-weight: 700; color: var(--rose); }
.term dd { margin: 0; font-size: .95rem; color: var(--muted); }

/* tables */
.scroll { overflow-x: auto; border-top: 2px solid var(--ink); }
table { border-collapse: collapse; width: 100%; font-variant-numeric: tabular-nums; }
th, td { text-align: left; padding: .85rem .8rem .85rem 0; border-bottom: 1px solid var(--line); vertical-align: middle; }
thead th { font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); font-weight: 500; }
table small { display: block; color: var(--muted); font-size: .8rem; }
.sizes { min-width: 480px; }
.sizes tbody th { font-family: var(--font-serif); font-size: 1.3rem; font-weight: 600; white-space: nowrap; }
.code { display: inline-grid; place-items: center; min-width: 2.4rem; height: 2.4rem; border: 1.5px solid var(--gold); border-radius: 50%; font: 500 .8rem var(--font-sans); color: var(--gold); margin-right: .8rem; padding-inline: .2rem; }
.sizes .pr, .sizes td.pr { text-align: right; font-family: var(--font-serif); font-size: 1.6rem; font-weight: 700; color: var(--price); padding-right: .2rem; }
.matrix { min-width: 560px; }
.matrix tbody th { font-weight: 400; font-size: .98rem; padding-right: 1rem; }
.matrix td { font-size: .92rem; white-space: nowrap; }
.matrix td.inc { color: var(--muted); }
.matrix td.y, .matrix td.n { text-align: center; width: 5.5rem; }
.matrix thead th:nth-child(n+3) { text-align: center; }
.dot { display: inline-block; width: .7rem; height: .7rem; border-radius: 50%; background: var(--rose); }
.matrix td.n { color: var(--line); }
.matrix tr.grp th { font-family: var(--font-serif); font-size: 1.25rem; font-weight: 700; color: var(--rose); padding-top: 1.6rem; border-bottom: 2px solid var(--line); }

/* three lines */
.lines { display: grid; gap: 2.2rem; grid-template-columns: 1fr; }
@media (min-width: 800px) { .lines { grid-template-columns: repeat(3, 1fr); gap: 1.8rem; } }
.line { min-width: 0; }
.line figure { margin: 0 0 1rem; aspect-ratio: 4 / 5; border-radius: 999px 999px 18px 18px; overflow: hidden; background: var(--surface); }
.line img { width: 100%; height: 100%; object-fit: cover; }
.pill { display: inline-block; font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; color: var(--rose); border: 1.5px solid var(--rose); border-radius: 999px; padding: .3rem .8rem; margin: 0 0 .2rem; font-weight: 500; }
.line h4 { margin-top: .4rem; margin-bottom: .6rem; font-family: var(--font-script); font-weight: 400; font-size: 3rem; line-height: 1; }
.line p:last-child { color: var(--muted); font-size: .98rem; }

.duo { display: grid; gap: 2rem 4rem; grid-template-columns: 1fr; margin-top: 3.5rem; align-items: start; }
@media (min-width: 860px) { .duo { grid-template-columns: .9fr 1.1fr; } }
.duo figure { margin: 0; border-radius: 22px; overflow: hidden; aspect-ratio: 4 / 5; background: var(--surface); }
.duo img { width: 100%; height: 100%; object-fit: cover; }
.duo-text .script.med:first-child { margin-top: 0; }

.chips { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; margin: .4rem 0 1rem; }
.chips li { border: 1px solid var(--line); background: var(--bg); padding: .35rem .85rem; border-radius: 999px; font-size: .92rem; }
.sec.alt .chips li { background: var(--bg); }

/* decoration */
.rounds { display: grid; gap: 1.6rem 1rem; grid-template-columns: repeat(2, 1fr); margin-bottom: 2.6rem; }
@media (min-width: 760px) { .rounds { grid-template-columns: repeat(5, 1fr); } }
.round { margin: 0; text-align: center; min-width: 0; }
.round img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 50%; background: var(--surface); }
.round figcaption { display: flex; flex-direction: column; gap: .15rem; margin-top: .7rem; font-size: .88rem; color: var(--muted); }
.round figcaption strong { color: var(--ink); font-weight: 500; font-size: .95rem; }
.pl-grid { display: grid; gap: 2rem 4rem; grid-template-columns: 1fr; align-items: start; }
@media (min-width: 860px) { .pl-grid { grid-template-columns: 1.2fr .8fr; } }
.topper figure { margin: 0 0 1rem; border-radius: 22px; overflow: hidden; aspect-ratio: 4 / 3; background: var(--surface); }
.topper img { width: 100%; height: 100%; object-fit: cover; }

/* price lines with dotted leaders */
.pl-list { margin: .6rem 0 1rem; }
.pl { display: flex; align-items: baseline; gap: .6rem; padding: .55rem 0; }
.pl .n { min-width: 0; }
.pl .n small { display: block; font-size: .82rem; color: var(--muted); }
.pl .lead { flex: 1; border-bottom: 2px dotted var(--line); min-width: 1rem; transform: translateY(-.3rem); }
.pl .p { font-family: var(--font-serif); font-size: 1.35rem; font-weight: 700; color: var(--price); white-space: nowrap; text-align: right; }

/* product blocks */
.block { display: grid; gap: 2rem 4rem; grid-template-columns: 1fr; align-items: center; padding-block: 2.6rem; border-top: 1px solid var(--line); }
.block:first-of-type { border-top: 0; }
@media (min-width: 900px) {
  .block { grid-template-columns: 1fr 1fr; }
  .block.flip .block-photo { order: -1; }
}
.block-text { min-width: 0; }
.block-text > .script.med:first-child, .block-text > .sec-head + .script.med { margin-top: 0; }
.block-photo { min-width: 0; }
.block-photo.two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.block-photo figure { margin: 0; overflow: hidden; border-radius: 22px; background: var(--surface); }
.block-photo .tall { aspect-ratio: 3 / 4; }
.block-photo .wide { aspect-ratio: 4 / 5; border-radius: 999px 999px 22px 22px; }
.block-photo img { width: 100%; height: 100%; object-fit: cover; }
.block-photo.two figure:nth-child(2) { margin-top: 2rem; }
.mosaic { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; min-width: 0; }
.mosaic figure { margin: 0; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 16px; background: var(--surface); }
.mosaic img { width: 100%; height: 100%; object-fit: cover; }
.big-price { font-family: var(--font-serif); font-size: 2.6rem; font-weight: 700; color: var(--price); margin: .6rem 0 0; line-height: 1; }
.spec { margin: 1.2rem 0 0; display: grid; gap: .8rem; }
.spec > div { display: grid; grid-template-columns: 7.5rem 1fr; gap: .8rem; border-top: 1px solid var(--line); padding-top: .7rem; }
.spec dt { font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; color: var(--rose); font-weight: 500; padding-top: .2rem; }
.spec dd { margin: 0; min-width: 0; }
.boxes { display: grid; gap: 1.6rem; grid-template-columns: 1fr; margin-top: 1.2rem; }
@media (min-width: 640px) and (max-width: 899px), (min-width: 1100px) { .boxes { grid-template-columns: 1fr 1fr; } }
.box { background: var(--bg); border: 1px solid var(--line); border-radius: 18px; padding: 1.3rem 1.3rem 1rem; min-width: 0; }
.box h4 { font-family: var(--font-script); font-weight: 400; font-size: 2.6rem; line-height: 1; margin: 0 0 .2rem; }

/* order */
.steps { list-style: none; counter-reset: s; display: grid; gap: 1.6rem 2rem; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); padding: 0; margin: 0 0 3rem; }
.steps li { counter-increment: s; border-top: 2px solid var(--ink); padding-top: 1rem; min-width: 0; }
.steps li::before { content: counter(s); display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 50%; background: var(--rose); color: var(--bg); font-weight: 500; margin-bottom: .8rem; }
.steps h4 { font-family: var(--font-serif); font-size: 1.5rem; font-weight: 700; margin: 0 0 .4rem; line-height: 1.15; }
.steps p { color: var(--muted); font-size: .98rem; }
.info-grid { display: grid; gap: 1rem 4rem; grid-template-columns: 1fr; }
@media (min-width: 860px) { .info-grid { grid-template-columns: 1fr 1fr; } }
.info-grid .h3 { margin-top: 1.6rem; }
.plain { padding-left: 1.1rem; margin: 0 0 1rem; }
.plain li { margin-bottom: .6rem; padding-left: .2rem; }
.allergy { margin-top: 2.4rem; padding: 1.1rem 1.3rem; border: 1px solid var(--line); border-radius: 14px; font-size: .95rem; color: var(--muted); background: var(--bg); max-width: 80ch; }

/* closing and footer */
.closing { padding-block: clamp(3.5rem, 8vw, 6rem); }
.closing-grid { display: grid; gap: 2.5rem; grid-template-columns: 1fr; align-items: center; }
@media (min-width: 900px) { .closing-grid { grid-template-columns: 1.1fr .9fr; gap: 4rem; } }
.closing-photo { margin: 0; border-radius: 999px 999px 22px 22px; overflow: hidden; aspect-ratio: 4 / 5; background: var(--surface); max-width: 440px; width: 100%; justify-self: center; }
.closing-photo img { width: 100%; height: 100%; object-fit: cover; }
.handle { font-family: var(--font-serif); font-size: 1.4rem; font-weight: 600; color: var(--rose); overflow-wrap: anywhere; }
.foot { background: var(--dark-band); color: var(--dark-ink); padding-block: 2.5rem; }
.foot-in { display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem 2.5rem; }
.foot-logo { width: 150px; height: auto; }
.foot-text p { margin: 0 0 .3rem; }
.foot-text a { color: var(--dark-ink); overflow-wrap: anywhere; }
.foot-text .small { font-size: .8rem; opacity: .7; }

/* splash */
#splash { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 20px; background: #1d1412; color: #fff; overflow-y: auto; }
.splash-bg { position: absolute; inset: 0; }
.splash-bg img { width: 100%; height: 100%; object-fit: cover; opacity: .55; }
.splash-bg::after { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at center, rgba(29,20,18,.55), rgba(29,20,18,.85)); }
.splash-card { position: relative; text-align: center; max-width: 440px; width: 100%; display: flex; flex-direction: column; align-items: center; }
.splash-logo { width: min(260px, 62vw); height: auto; }
.splash-hello { font-family: var(--font-script); font-size: clamp(3.4rem, 14vw, 5rem); line-height: 1; margin: .4rem 0 .6rem; }
.splash-sub { letter-spacing: .12em; text-transform: uppercase; font-size: .8rem; margin: 0 0 1.4rem; opacity: .9; }
.splash-sub i { font-style: normal; margin-inline: .3rem; }
.splash-btns { display: flex; flex-wrap: wrap; gap: .8rem; justify-content: center; }

/* 2027 menu additions */
.sizes tr.grp th { font-family: var(--font-serif); font-size: 1.25rem; font-weight: 700; color: var(--rose); padding-top: 1.4rem; border-bottom: 2px solid var(--line); white-space: normal; }
.line h5 { font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; color: var(--rose); font-weight: 500; margin: 1.1rem 0 .1rem; }
.line .chips { margin-top: .4rem; }
.line .chips li { font-size: .86rem; padding: .25rem .7rem; }
.line .note { margin-top: .8rem; }
.tier { margin-top: 3rem; padding: 1.6rem 0 .4rem; border-top: 1px solid var(--line); }
.tier .script.med { margin-top: 0; }
.tier p { max-width: 62ch; color: var(--muted); }
.block.cols2 { align-items: start; }
@media (min-width: 900px) { .block.cols2 { grid-template-columns: 1fr 1fr; } }
.block-photo.three { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.block-photo.three figure { aspect-ratio: 1 / 1; }
.block-photo.three figure.wide-row { grid-column: 1 / -1; aspect-ratio: 16 / 10; }
.block-photo.three figure:nth-child(n+3) { margin-top: 0; }

.tier-photos { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 1.6rem; }
@media (min-width: 800px) { .tier-photos { grid-template-columns: repeat(4, 1fr); } }
.tier-photos figure { margin: 0; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 18px; background: var(--surface); }
.tier-photos img { width: 100%; height: 100%; object-fit: cover; }

.block-photo.two figure.span2 { grid-column: 1 / -1; aspect-ratio: 4 / 3; margin-top: 0; }

.pair { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 1.4rem; }
.pair figure { margin: 0; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 18px; background: var(--surface); }
.pair img { width: 100%; height: 100%; object-fit: cover; }

@media (min-width: 800px) { .tier-photos.three { grid-template-columns: repeat(3, 1fr); } }
.tier-photos.three figure:last-child:nth-child(odd) { grid-column: auto; }
@media (max-width: 799px) { .tier-photos.three figure:last-child { grid-column: 1 / -1; aspect-ratio: 4 / 3; } }
.rounds figure:first-child img { object-position: 50% 30%; }
.round.two { grid-column: span 2; }
.round.two .imgs { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.round.four, .round.solo { grid-column: span 2; }
.round.four .imgs { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.round.solo .imgs { display: grid; grid-template-columns: 1fr 1fr; }
.round.solo .imgs img { grid-column: 1 / -1; width: 50%; justify-self: center; }
@media (min-width: 760px) {
  .rounds { grid-template-columns: repeat(12, 1fr); }
  .round.two, .round.solo { grid-column: span 6; }
  .round.four { grid-column: span 12; }
  .round.four .imgs { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 860px) { .duo.rev { grid-template-columns: 1.1fr .9fr; margin-top: 2.5rem; } }
.duo.rev { margin-top: 2.5rem; }
.round img[src$="cake-cars.jpg"] { object-position: 50% 66%; }
.topper-photos { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 1rem; }
.topper-photos figure { margin: 0; aspect-ratio: 1 / 1; }
@media (min-width: 860px) { .pl-grid { grid-template-columns: 1fr 1fr; } }
.tier-photos.solo { grid-template-columns: 1fr; max-width: 300px; }
.block.bento { grid-template-columns: 1fr; align-items: start; }
.block.bento .block-text { max-width: 62ch; }
.mosaic.five { grid-template-columns: repeat(2, 1fr); }
.mosaic.five figure:last-child { grid-column: 1 / -1; aspect-ratio: 4 / 3; }
@media (min-width: 800px) {
  .block.bento { grid-template-columns: 1fr; }
  .mosaic.five { grid-template-columns: repeat(5, 1fr); }
  .mosaic.five figure:last-child { grid-column: auto; aspect-ratio: 3 / 4; }
}
.box-photo { margin: 0; max-width: 680px; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 22px; background: var(--surface); }
.box-photo img { width: 100%; height: 100%; object-fit: cover; }

.brig-gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin:1.6rem 0 2.4rem}
.brig-gallery figure{margin:0;flex:0 0 calc(50% - .4rem);aspect-ratio:1/1;overflow:hidden;border-radius:14px}
.brig-gallery img{width:100%;height:100%;object-fit:cover;display:block}
@media(min-width:760px){.brig-gallery figure{flex-basis:calc(25% - .6rem)}}
.block.brig-block{display:block;max-width:760px;margin-inline:auto}
.block.brig-block .block-text{max-width:none}

.closing-photo.slides{position:relative}
.closing-photo.slides .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}
.closing-photo.slides .slide.on{opacity:1}
.closing-photo.slides .slide img{width:100%;height:100%;object-fit:cover;display:block}
@media(prefers-reduced-motion:reduce){.closing-photo.slides .slide{transition:none}}

.cookie-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1.1rem 0 2rem}
.cookie-trio figure{margin:0;aspect-ratio:1/1;overflow:hidden;border-radius:12px}
.cookie-trio img{width:100%;height:100%;object-fit:cover;display:block}

.solo-photo{margin:1.1rem 0 2rem}
.solo-photo figure{margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:14px;max-width:420px}
.solo-photo img{width:100%;height:100%;object-fit:cover;display:block}

/* mobile photo sizing */
@media (max-width: 759px) {
  .line figure { aspect-ratio: 1 / 1; }
  .duo figure { aspect-ratio: 1 / 1; }
  .cookie-trio { grid-template-columns: 1fr 1fr; gap: .5rem; }
  .cookie-trio figure:first-child { grid-column: 1 / -1; aspect-ratio: 4 / 3; }
  .solo-photo figure { max-width: none; }
  .mosaic { gap: 6px; }
  .brig-gallery { gap: .5rem; }
  .brig-gallery figure { flex-basis: calc(50% - .25rem); }
}
@media (min-width: 760px) {
  .line figure { aspect-ratio: 4 / 5; }
}
@media (min-width: 760px) and (max-width: 899px) { .line figure { aspect-ratio: 16 / 9; border-radius: 999px 999px 18px 18px / 60% 60% 18px 18px; } .duo figure { aspect-ratio: 4 / 3; } }

.block .brig-gallery{margin:0;align-content:start;gap:.6rem}
.block .brig-gallery figure{flex-basis:calc(50% - .3rem)}
.block:has(.brig-gallery){align-items:start}

.block:has(.brig-gallery){display:block}
.block .brig-gallery{margin:1.8rem 0 0;justify-content:flex-start;gap:.8rem}
.block .brig-gallery figure{flex-basis:calc(50% - .4rem)}
@media(min-width:760px){.block .brig-gallery figure{flex-basis:calc(33.333% - .54rem)}}
@media (min-width: 900px) { .block.cols2 { display: block; } .block.cols2 .block-text { max-width: 760px; } .block.cols2 .block-text + .block-text { margin-top: 3rem; } }

/* views */
html:not([data-view]) [data-pane]:not([data-pane="home"]),
html[data-view="home"] [data-pane]:not([data-pane="home"]),
html[data-view="menu"] [data-pane]:not([data-pane="menu"]),
html[data-view="how"] [data-pane]:not([data-pane="how"]) { display: none; }
[id] { scroll-margin-top: 96px; }
.links a[aria-current="page"] { border-bottom-color: var(--rose); }
.subnav { display: flex; gap: .5rem; overflow-x: auto; padding: 1.4rem 0 .4rem; scrollbar-width: none; }
.subnav::-webkit-scrollbar { display: none; }
.subnav a { flex: 0 0 auto; text-decoration: none; font-size: .85rem; letter-spacing: .06em; padding: .4rem .9rem; border: 1px solid var(--line, rgba(0,0,0,.18)); border-radius: 999px; color: var(--ink); background: var(--bg); }
.subnav a:hover { border-color: var(--rose); }
/* menu view: photo galleries live on the home page */
[data-pane="menu"] .mosaic, [data-pane="menu"] .brig-gallery, [data-pane="menu"] .cookie-trio,
[data-pane="menu"] .solo-photo, [data-pane="menu"] .pair, [data-pane="menu"] .tier-photos { display: none; }
/* home categories */
.cat { display: grid; gap: 1.4rem; grid-template-columns: 1fr; padding-block: 2.4rem; border-top: 1px solid rgba(0,0,0,.1); align-items: center; }
.cat:first-of-type { border-top: 0; }
.cat-text p { max-width: 34rem; margin: .4rem 0 1.2rem; }
.cat-text .script.med { margin-top: 0; }
.cat-photos { display: grid; gap: .6rem; }
.cat-photos figure { margin: 0; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 14px; background: var(--surface); }
.cat-photos img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cat-photos.n1 { grid-template-columns: 1fr; max-width: 360px; }
.cat-photos.n2 { grid-template-columns: 1fr 1fr; }
.cat-photos.n3 { grid-template-columns: repeat(3, 1fr); }
.cat-photos.n4 { grid-template-columns: repeat(2, 1fr); }
@media (min-width: 860px) {
  .cat { grid-template-columns: .8fr 1.2fr; gap: 3rem; }
  .cat.rev .cat-text { order: 2; }
  .cat-photos.n4 { grid-template-columns: repeat(4, 1fr); }
  .cat-photos.n1 { max-width: 300px; }
}
@media (max-width: 859px) { .cat-photos.n3 figure:first-child { grid-column: 1 / -1; aspect-ratio: 4 / 3; } .cat-photos.n3 { grid-template-columns: 1fr 1fr; } }
@media (min-width: 860px) { .cat.rev { grid-template-columns: 1.2fr .8fr; } .cat-photos.n2 { max-width: 560px; } }
.hero-art .b img { object-position: 28% 38%; }
.hero-art .c img { object-position: 50% 62%; }
.hero-art .b img { object-position: 50% 50%; transform: scale(1.45); transform-origin: 32% 30%; }
.hero-art .b img { transform: scale(1.7); transform-origin: 30% 32%; }

.ig-link{display:inline-flex;align-items:center;color:var(--ink);padding:.3rem}.ig-link:hover{color:var(--rose)}

/* band slideshow on home cakes card */
.cat.band { grid-template-columns: 1fr; }
.cat.band .cat-text p { max-width: 40rem; }
.band-slides { position: relative; width: 100%; aspect-ratio: 16 / 7; border-radius: 18px; overflow: hidden; background: var(--surface); }
.band-slides .slide { position: absolute; inset: 0; opacity: 0; transition: opacity 1.4s ease; }
.band-slides .slide.on { opacity: 1; }
.band-slides .slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 759px) { .band-slides { aspect-ratio: 4 / 3; } }
@media (prefers-reduced-motion: reduce) { .band-slides .slide { transition: none; } }
.closing-grid { grid-template-columns: 1fr !important; text-align: left; max-width: 46rem; }
[data-pane="menu"] .tier-photos { display: grid; }

/* band carousel, whole photos visible */
.wl-band { position: relative; }
.band-track { display: flex; gap: .7rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; border-radius: 18px; }
.band-track::-webkit-scrollbar { display: none; }
.band-track figure { flex: 0 0 calc(50% - .35rem); margin: 0; aspect-ratio: 3 / 4; scroll-snap-align: start; border-radius: 14px; overflow: hidden; background: var(--surface); }
.band-track img { width: 100%; height: 100%; object-fit: contain; display: block; }
@media (min-width: 760px) { .band-track figure { flex-basis: calc(25% - .53rem); } }
.band-btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 2.6rem; height: 2.6rem; border-radius: 50%; border: 0; background: rgba(250,246,241,.92); color: var(--ink); font-size: 1.6rem; line-height: 1; cursor: pointer; box-shadow: 0 2px 10px rgba(0,0,0,.2); }
.band-btn.prev { left: .5rem; } .band-btn.next { right: .5rem; }
.band-btn:focus-visible, .band-track:focus-visible { outline: 2px solid var(--rose); outline-offset: 2px; }

/* compact size cards */
.size-cards { display: grid; gap: .8rem; grid-template-columns: 1fr; margin-top: .6rem; }
@media (min-width: 760px) { .size-cards { grid-template-columns: repeat(3, 1fr); gap: 1rem; } }
.size-card { background: var(--surface); border-radius: 14px; padding: .8rem 1rem .5rem; }
.size-card h4 { margin: 0 0 .3rem; font-family: var(--font-serif); font-size: 1.1rem; font-weight: 700; color: var(--rose); }
.size-card ul { list-style: none; margin: 0; padding: 0; }
.size-card li { display: grid; grid-template-columns: 1fr auto; column-gap: .6rem; padding: .35rem 0; border-top: 1px solid var(--line); }
.size-card li:first-child { border-top: 0; }
.sz-n { font-size: .95rem; } .sz-n b { display: inline-block; min-width: 1.7rem; color: var(--muted); font-weight: 500; font-size: .8rem; }
.sz-p { font-family: var(--font-serif); font-size: 1.2rem; font-weight: 700; color: var(--price); }
.sz-d { grid-column: 1 / -1; font-size: .8rem; color: var(--muted); } .sz-d i { font-style: normal; }
/* smaller whole photos: sponge and buttercream */
.duo, .duo.rev { grid-template-columns: 1fr; gap: 1.2rem; margin-top: 2rem; }
@media (min-width: 760px) { .duo { grid-template-columns: 1fr 240px; } .duo.rev { grid-template-columns: 240px 1fr; } }
.duo figure, .duo figure.tall { aspect-ratio: 3 / 4; max-width: 240px; width: 100%; border-radius: 14px; }
.duo img { object-fit: contain; }
/* filling line photos: whole photo, no arch crop */
.line figure { aspect-ratio: 3 / 4; max-width: 240px; border-radius: 14px; }
.line img { object-fit: contain; }
@media (min-width: 760px) {
  .duo { grid-template-columns: 240px minmax(0, 36rem); justify-content: start; gap: 2.2rem; align-items: center; }
  .duo.rev { grid-template-columns: minmax(0, 36rem) 240px; }
}

/* quote builder */
html[data-view="quote"] [data-pane="quote"] { display: block; }
.textlink { color: var(--rose); text-underline-offset: 3px; }
.qb-cat { margin-top: 2.6rem; }
.qb-cat > h2 { margin-bottom: 1.2rem; }
.qb-grid { display: grid; gap: 1.4rem; grid-template-columns: 1fr; align-items: start; }
@media (min-width: 900px) { .qb-grid { grid-template-columns: 1fr 1fr; } }
.qb-card { background: var(--surface); border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; min-width: 0; }
.sec.alt .qb-card, .quote .qb-card { background: var(--surface); }
.qb-photo { aspect-ratio: 16 / 9; background: var(--line); }
.qb-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.qb-body { padding: 1.2rem 1.2rem 1.4rem; }
.qb-body .script.med { margin: 0 0 .3rem; }
.qb-desc { margin: 0 0 1rem; color: var(--muted); }
.qb-group { border: 0; padding: 0; margin: 0 0 1rem; min-width: 0; }
.qb-group legend { padding: 0; font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; color: var(--rose); font-weight: 500; margin-bottom: .45rem; }
.qb-opts { display: flex; flex-wrap: wrap; gap: .4rem; }
.qb-opt { font: inherit; font-size: .88rem; color: var(--ink); background: var(--bg); border: 1px solid var(--line); border-radius: 999px; padding: .4rem .8rem; cursor: pointer; text-align: left; }
.qb-opt small { color: var(--price); font-weight: 500; margin-left: .25rem; }
.qb-opt[aria-pressed="true"] { background: var(--btn-bg); color: var(--btn-fg); border-color: var(--btn-bg); }
.qb-opt[aria-pressed="true"] small { color: var(--btn-fg); }
.qb-opt:focus-visible, .qb-step button:focus-visible { outline: 2px solid var(--rose); outline-offset: 2px; }
.qb-hint { font-size: .88rem; color: var(--muted); }
.qb-err, .qb-warn { color: var(--price); font-size: .88rem; margin: .4rem 0 0; }
.qb-ok { color: var(--rose); font-size: .9rem; margin: .6rem 0 0; }
.qb-note { font-size: .86rem; color: var(--muted); margin: 0 0 1rem; }
.qb-qty { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 0 0 1rem; }
.qb-step { display: inline-flex; align-items: center; gap: .6rem; }
.qb-step button { width: 2.2rem; height: 2.2rem; border-radius: 50%; border: 1px solid var(--line); background: var(--bg); color: var(--ink); font-size: 1.1rem; cursor: pointer; }
.qb-step output { min-width: 2rem; text-align: center; font-weight: 500; }
.qb-foot { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-top: 1px solid var(--line); padding-top: 1rem; }
.qb-price { font-family: var(--font-serif); font-size: 1.4rem; color: var(--price); font-weight: 600; }
.qb-sum { margin-top: 3.2rem; padding: 1.6rem 1.2rem; background: var(--surface); border-radius: 18px; scroll-margin-top: 96px; }
.qb-sum > h2 { margin: 0 0 1rem; }
.qb-cart { list-style: none; margin: 0; padding: 0; }
.qb-cart li { display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--line); }
.qb-cart li span { display: block; color: var(--muted); font-size: .9rem; margin-top: .15rem; }
.qb-line { text-align: right; flex: 0 0 auto; }
.qb-line b { display: block; color: var(--price); font-weight: 600; }
.qb-line button { font: inherit; font-size: .82rem; background: none; border: 0; color: var(--rose); text-decoration: underline; cursor: pointer; padding: .2rem 0; }
.qb-total { font-size: 1.1rem; margin: 1rem 0; }
.qb-total b { font-family: var(--font-serif); font-size: 1.5rem; color: var(--price); }
.qb-form { display: grid; gap: .9rem; grid-template-columns: 1fr; margin-bottom: 1rem; }
@media (min-width: 700px) { .qb-form { grid-template-columns: 1fr 1fr; } .qb-form .wide { grid-column: 1 / -1; } }
.qb-form label, .qb-prev { display: flex; flex-direction: column; gap: .3rem; font-size: .88rem; color: var(--muted); }
.qb-form input, .qb-form textarea, .qb-prev textarea { font: inherit; color: var(--ink); background: var(--bg); border: 1px solid var(--line); border-radius: 12px; padding: .6rem .8rem; width: 100%; box-sizing: border-box; }
.qb-prev { margin: 1rem 0; }
.qb-prev textarea { font-size: .9rem; resize: vertical; }
.qb-send { display: flex; flex-wrap: wrap; gap: .8rem; }
.qb-empty { color: var(--muted); margin: 0; }
.qbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; display: none; align-items: center; justify-content: space-between; gap: 1rem; padding: .7rem 20px; background: var(--dark-band); color: var(--dark-ink); }
html[data-view="quote"] .qbar:not([hidden]) { display: flex; }
html[data-view="quote"] body { padding-bottom: 4rem; }
.qb-text{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--rose);margin:0 0 1rem}.qb-text textarea{font:inherit;font-size:.9rem;letter-spacing:0;text-transform:none;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.6rem .8rem;width:100%;box-sizing:border-box}
html[data-view="quote"] [data-pane]:not([data-pane="quote"]) { display: none; }

/* compact quote cards */
.qb-head { display: flex; gap: .9rem; align-items: center; margin-bottom: .9rem; }
.qb-photo { flex: 0 0 84px; width: 84px; height: 84px; aspect-ratio: 1; border-radius: 14px; overflow: hidden; }
.qb-title { min-width: 0; }
.qb-title .script.med { margin: 0 0 .15rem; font-size: 2.2rem; line-height: 1; }
.qb-desc { margin: 0; font-size: .88rem; line-height: 1.35; }
.qb-body { padding: 1rem 1rem 1.1rem; }
.qb-cat { margin-top: 1.8rem; }
.qb-group { margin-bottom: .75rem; }
.qb-opt { font-size: .84rem; padding: .3rem .65rem; }
.qb-grid { gap: 1rem; }

.qb-toggle { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.qb-toggle + .qb-group, .qb-toggle + .qb-text { margin-top: 1rem; }
.qb-toggle + * { margin-top: 1rem; }

/* header sub-logo */
.brand{align-items:center}
.brand-mark{width:46px;height:auto;flex:none;display:block}
@media (max-width:520px){.brand-mark{width:38px}.brand{gap:.45rem}}

/* mobile compact: smaller photos, tighter spacing between themes */
@media (max-width: 759px) {
  .sec { padding-block: 2rem; }
  .closing { padding-block: 2.2rem; }
  .hero { padding-block: 1.2rem 1.6rem; }
  .hero-grid { gap: 1.4rem; }
  .hero-art { max-width: 300px; margin-inline: auto; gap: 8px; }
  .sec-head { margin-bottom: 1.1rem; }
  .about-grid { gap: .8rem; }
  .script.med { margin-top: .6rem; }
  h2.script { font-size: clamp(2.8rem, 12vw, 3.4rem); }
  .cat { padding-block: 1.3rem; gap: .8rem; }
  .cat-text p { margin: .3rem 0 .7rem; }
  .cat-photos { gap: .4rem; }
  .cat-photos figure { aspect-ratio: 4 / 3; border-radius: 12px; }
  .cat-photos.n1 { max-width: 220px; margin-inline: auto; }
  .cat-photos.n1 figure { aspect-ratio: 1 / 1; }
  .cat-photos.n3 figure, .cat-photos.n4 figure { aspect-ratio: 1 / 1; }
  .band-track figure { flex-basis: calc(40% - .35rem); }
  .lines { gap: 1.2rem; }
  .line figure { aspect-ratio: 16 / 10; max-width: none; margin-bottom: .6rem; }
  .line h4 { font-size: 2.3rem; }
  .line h5 { margin-top: .7rem; }
  .tier { margin-top: 1.4rem; padding-top: 1rem; }
  .tier-photos { gap: 6px; margin-top: .9rem; }
  .tier-photos figure { border-radius: 12px; }
  .tier-photos.three { grid-template-columns: repeat(3, 1fr); }
  .tier-photos.solo { max-width: 180px; }
  .pair { gap: 8px; margin-top: .8rem; }
  .pair figure { aspect-ratio: 4 / 3; border-radius: 12px; }
  .mosaic { gap: 5px; }
  .mosaic figure { border-radius: 10px; }
  .brig-gallery { margin: .9rem 0 1.2rem; }
  .brig-gallery figure { aspect-ratio: 4 / 3; }
  .cookie-trio { margin: .8rem 0 1.2rem; }
  .cookie-trio figure:first-child { aspect-ratio: 16 / 9; }
  .solo-photo { margin: .8rem 0 1.2rem; }
  .solo-photo figure { aspect-ratio: 16 / 10; max-width: 300px; }
  .subnav { padding-top: .9rem; }
  .glossary { padding-block: 1.6rem; }
  .qb-photo { aspect-ratio: 21 / 9; }
}
@media (max-width: 759px) {
  .duo { margin-top: 1.4rem; gap: .8rem; }
  .duo figure, .duo figure.tall { aspect-ratio: 16 / 10; max-width: 100%; border-radius: 14px; }
  .line figure { aspect-ratio: 16 / 9; border-radius: 14px; }
  .size-cards { gap: .6rem; }
  .sizes, .size-cards + p { margin-top: .6rem; }
  .tier-photos.three figure:last-child:nth-child(odd) { grid-column: auto; }
}
@media (max-width: 759px) {
  .rounds { grid-template-columns: 1fr; gap: .7rem; margin-bottom: 1.4rem; }
  .round { display: flex; align-items: center; gap: .8rem; text-align: left; }
  .round .imgs { display: flex; gap: 6px; flex: 0 0 auto; width: auto !important; }
  .round img, .round.solo img, .round.two img { width: 72px !important; height: 72px; flex: none; }
  .round figcaption { margin-top: 0; }
}
@media (max-width: 759px) {
  .round img, .round.solo img, .round.two img { width: 56px !important; height: 56px; }
  .round .imgs { flex-wrap: wrap; max-width: 122px; }
  .topper-photos { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 6px !important; }
  .topper-photos figure { aspect-ratio: 1 / 1 !important; border-radius: 10px !important; margin: 0 !important; }
  .topper { margin-top: .4rem; }
}

/* desktop compact: less vertical space between rows and themes */
@media (min-width: 760px) {
  .sec { padding-block: clamp(2rem, 4vw, 3rem); }
  .closing { padding-block: 2.6rem; }
  .hero { padding-block: 1.6rem 2.2rem; }
  .hero-grid { gap: 2rem; }
  .sec-head { margin-bottom: 1.2rem; }
  .about-grid { gap: 1rem 3rem; }
  .script.med { margin-top: .8rem; }
  .cat { padding-block: 1.4rem; gap: 2rem; }
  .cat-text p { margin: .3rem 0 .9rem; }
  .duo { margin-top: 1.6rem; gap: 1.2rem 3rem; }
  .lines { gap: 1.6rem; }
  .line figure { margin-bottom: .6rem; }
  .line h5 { margin-top: .8rem; }
  .tier { margin-top: 1.6rem; padding-top: 1.1rem; }
  .tier-photos { margin-top: 1rem; }
  .pair { margin-top: .9rem; }
  .block { padding-block: 1.4rem; gap: 1.2rem 3rem; }
  .brig-gallery { margin: 1rem 0 1.4rem; }
  .cookie-trio { margin: .8rem 0 1.2rem; }
  .solo-photo { margin: .8rem 0 1.2rem; }
  .rounds { gap: 1.1rem 1rem; margin-bottom: 1.6rem; }
  .glossary { padding-block: 2rem; }
  .subnav { padding-top: 1rem; }
  .pl-grid { gap: 1.2rem 3rem; }
}

/* mobile: sponge, buttercream and line photos shown as plain images, no frame */
@media (max-width: 759px) {
  .duo figure, .duo figure.tall, .line figure {
    aspect-ratio: auto !important; background: none !important; border-radius: 0 !important;
    overflow: visible; max-width: none; width: auto; margin: 0 0 .7rem;
  }
  .duo figure img, .line figure img {
    width: auto !important; height: auto !important; max-width: 100%; max-height: 230px;
    object-fit: contain; display: block; border-radius: 12px; margin-inline: 0;
  }
}

/* mini brownie photo (visible in menu) */
.mini-photo{margin:1rem 0 .4rem}
.mini-photo figure{margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:14px;max-width:360px;background:var(--surface)}
.mini-photo img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:759px){.mini-photo figure{max-width:300px;aspect-ratio:16/10}}

/* home: single photo next to the text on reversed cards (bem casado) */
@media (min-width: 760px) {
  .cat.rev .cat-photos.n1 { justify-self: end; margin-inline: 0; width: 300px; }
}

/* tighter gap between About and "What we make" on the home */
.sec.about { padding-bottom: .8rem; }
.sec.home-menu { padding-top: .4rem; }


/* ajustes Helmo 31/10: topo de ponta a ponta, preço e botão da cotação numa linha, textos do topo sem palavra solta */
body { margin: 0; }
@media (max-width: 759px) {
  .eyebrow { letter-spacing: .12em; font-size: .72rem; line-height: 1.5; }
  .hero-copy .btn { flex: 1 1 140px; justify-content: center; padding-inline: 1rem; }
  .qb-toggle { gap: .6rem; flex-wrap: nowrap; }
  .qb-price { font-size: 1.15rem; white-space: nowrap; }
  .qb-toggle .btn { white-space: nowrap; flex: none; padding-inline: .9rem; font-size: .72rem; }
}
.btn { white-space: nowrap; }