/* Grillandia – Bemutatkozás szekció (2026-10-12)
   „Hozzon ki többet a hátsó kertjéből” – a régi about-section-two helyett, csak a főoldalon.
   ≥992 px: szöveg | képek két oszlopban; alatta egy oszlop (szöveg, alatta képek).
   Kép: a kör alakú montázs (image-81.jpg). Belépés: clip-path körként nyílik ki (cubic-bezier(.7,0,.2,1), mint a kategória-kártyák) – csak ha a JS bekapcsolja.
   Tipó: H2 Fira Sans 700 40/48 −0,5px (mobil 28px), szöveg 500 17px/1,65 (mobil 16px), szekció padding 100px. */

.gb { padding:100px 0; background:#fff; }
.gb-in { max-width:1200px; margin:0 auto; padding:0 15px; display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:72px; align-items:center; }

/* szöveg */
.gb-text { min-width:0; }
.gb-eyebrow { margin:0 0 14px; font:600 14px/1.3 "Fira Sans", sans-serif; letter-spacing:.8px; text-transform:uppercase; color:#8f5627; }
.gb-title { margin:0 0 28px; font:700 40px/48px "Fira Sans", sans-serif; letter-spacing:-.5px; text-transform:uppercase; color:#212121; }
.gb-text p:not(.gb-eyebrow) { margin:0 0 20px; font:500 17px/1.65 "Barlow", sans-serif; color:#3c3b3b; }
.gb-text p.gb-lead { font-size:19px; line-height:1.6; color:#212121; }
.gb-text p:last-child { margin-bottom:0; }
.gb-text a { color:#8f5627; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; transition:color .3s ease; }
.gb-text a:hover, .gb-text a:focus { color:#212121; text-decoration:underline !important; }
.gb-text a:focus-visible { outline:2px solid #B87333; outline-offset:2px; border-radius:2px; }

/* kép: a kör alakú montázs (fehér háttérrel, a szekció hátterébe olvad) */
.gb-media { min-width:0; display:flex; justify-content:center; }
.gb-img { display:block; width:100%; max-width:570px; height:auto; }

/* belépő animáció (csak ha a JS bekapcsolja: .gb-js; mozgáscsökkentésnél nincs) – a kör a közepéből nyílik ki */
.gb-js .gb-img { clip-path:circle(0% at 46% 50%); }
.gb-js.gb-in-view .gb-img { clip-path:circle(75% at 46% 50%); transition:clip-path 1.2s cubic-bezier(.7, 0, .2, 1); }

/* tablet: egy oszlop, a képek a szöveg alatt */
@media (max-width:991px) {
    .gb { padding:80px 0; }
    .gb-in { grid-template-columns:minmax(0, 1fr); gap:48px; }
    .gb-text { max-width:680px; }   /* olvasható sorhossz */
    .gb-media { justify-content:flex-start; }
    .gb-img { max-width:520px; }
}
/* mobil */
@media (max-width:599px) {
    .gb { padding:56px 0; }
    .gb-in { padding:0 16px; gap:36px; }
    .gb-title { margin-bottom:20px; font-size:28px; line-height:1.2; }
    .gb-eyebrow { font-size:13px; margin-bottom:10px; }
    .gb-text p:not(.gb-eyebrow) { font-size:16px; margin-bottom:16px; }
    .gb-text p.gb-lead { font-size:17px; }
}