/* Kincsetveszek.hu — statikus oldal stíluslapja
   A design rendszer (webdesign/kincsetveszek-site) tokenjei és komponensei
   React nélkül, sima CSS-ben. */

@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Jost:wght@300;400;500;600&display=swap");

/* ============================================================
   Tokenek
   ============================================================ */
:root{
/* --- Ink (walnut brown) --- */
--ink-900:#241A13;--ink-800:#33251A;--ink-700:#4A3728;--ink-600:#6B5544;--ink-500:#8B7560;--ink-400:#A9927C;
/* --- Parchment --- */
--parchment-50:#FCF9F4;--parchment-100:#F6F0E6;--parchment-200:#EBE2D4;--parchment-300:#DCCFBB;--parchment-400:#C9B99F;
/* --- Brass --- */
--brass-700:#6E5321;--brass-600:#8C6A2F;--brass-500:#B08D57;--brass-300:#D9C39A;--brass-100:#F0E5D2;
/* --- Burgundy --- */
--burgundy-700:#5E1620;--burgundy-600:#7A1F2B;--burgundy-100:#F4E3E4;
/* --- Sage --- */
--sage-700:#2F4739;--sage-600:#3F5D4B;--sage-100:#E4EBE5;
--white:#FFFFFF;

/* --- Semantic: text --- */
--text-heading:var(--ink-900);--text-body:var(--ink-800);--text-muted:var(--ink-500);
--text-accent:var(--brass-700);--text-on-dark:var(--parchment-100);--text-on-dark-muted:var(--parchment-400);
--text-link:var(--brass-700);--text-link-hover:var(--ink-900);
/* --- Semantic: surfaces --- */
--surface-page:var(--parchment-50);--surface-card:var(--white);--surface-raised:var(--parchment-100);
--surface-sunken:var(--parchment-200);--surface-inverse:var(--ink-900);--surface-accent:var(--brass-100);
--surface-flag:var(--burgundy-100);--surface-ok:var(--sage-100);
/* --- Semantic: borders --- */
--border-hairline:rgba(74,55,40,.16);--border-strong:rgba(74,55,40,.34);--border-brass:var(--brass-300);
--border-on-dark:rgba(246,240,230,.22);
/* --- Semantic: interactive --- */
--action-primary:var(--ink-800);--action-primary-hover:var(--ink-900);
--action-accent:var(--brass-600);--action-accent-hover:var(--brass-700);
--action-danger:var(--burgundy-600);--focus-ring:var(--brass-600);

/* --- Typography --- */
--font-display:"Libre Baskerville",Georgia,"Times New Roman",serif;
--font-sans:"Jost","Helvetica Neue",Arial,sans-serif;
--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
--text-xs:13px;--text-sm:16px;--text-base:18px;--text-lg:20px;--text-xl:25px;
--text-2xl:32px;--text-3xl:clamp(30px,4.2vw,44px);--text-4xl:52px;--text-5xl:68px;
--leading-tight:1.14;--leading-snug:1.3;--leading-normal:1.55;--leading-relaxed:1.7;
--tracking-display:-0.012em;--tracking-normal:0;--tracking-wide:0.04em;--tracking-overline:0.18em;
--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;

/* --- Spacing --- */
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;
--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;
--container-max:1160px;--container-narrow:720px;--gutter:24px;
--section-y:var(--space-24);--section-y-tight:var(--space-16);
--control-h-sm:34px;--control-h-md:44px;--control-h-lg:52px;

/* --- Elevation --- */
--radius-sm:3px;--radius-md:5px;--radius-lg:8px;--radius-pill:999px;
--shadow-hairline:inset 0 0 0 1px var(--border-hairline);
--shadow-card:0 1px 2px rgba(36,26,19,.06),0 10px 26px -16px rgba(36,26,19,.22);
--shadow-raised:0 2px 4px rgba(36,26,19,.08),0 18px 40px -20px rgba(36,26,19,.3);
--shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.5);
--shadow-focus:0 0 0 3px rgba(140,106,47,.28);

/* --- Motion --- */
--dur-fast:140ms;
--dur-base:240ms;
--dur-slow:420ms;
--ease-standard:cubic-bezier(.32,.72,0,1);
--ease-out:cubic-bezier(.16,1,.3,1);
--ease-in-out:cubic-bezier(.65,0,.35,1);
--lift-hover:-2px;
--press-scale:.985;

/* --- Backdrop --- */
--scrim-warm:linear-gradient(180deg,rgba(36,26,19,.62) 0%,rgba(36,26,19,.48) 40%,rgba(36,26,19,.72) 100%);
--scrim-parchment:linear-gradient(180deg,rgba(252,249,244,.9) 0%,rgba(252,249,244,.97) 30%,rgba(252,249,244,1) 100%);
--scrim-edge-top:linear-gradient(180deg,rgba(36,26,19,.55) 0%,rgba(36,26,19,0) 100%);
--surface-glass:rgba(252,249,244,.9);
--surface-glass-dark:rgba(36,26,19,.62);
--blur-glass:12px;
--backdrop-tint:rgba(110,83,33,.14);
}

/* ============================================================
   Alap
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--weight-regular);-webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-heading);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);font-weight:var(--weight-bold);margin:0;
  -webkit-text-stroke:.025em currentColor;paint-order:stroke fill}
p{margin:0}
a{color:var(--text-link);text-decoration:none;border-bottom:1px solid var(--border-brass);transition:color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}
a:hover{color:var(--text-link-hover);border-color:var(--ink-700)}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
img{max-width:100%}
.kv-overline{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--text-accent)}
.kv-rule{height:1px;background:var(--border-hairline);border:0;margin:0}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Oldalbetöltéskor „lapozó” belépő animáció */
.kv-leaf{animation:kv-leaf var(--dur-slow,420ms) var(--ease-standard,cubic-bezier(.2,.7,.3,1)) both;transform-origin:left center;will-change:transform,opacity}
@keyframes kv-leaf{0%{opacity:0;transform:perspective(1600px) rotateY(-7deg) translateX(-14px)}55%{opacity:1}100%{opacity:1;transform:perspective(1600px) rotateY(0) translateX(0)}}
@media (prefers-reduced-motion:reduce){.kv-leaf{animation:none}}

/* ============================================================
   Ikon (Lucide glyph CSS maszkként, currentColor-t örököl)
   ============================================================ */
.icon{display:inline-block;width:20px;height:20px;flex:0 0 auto;background:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-image:var(--icon);mask-image:var(--icon)}
.i-phone{--icon:url(https://unpkg.com/lucide-static@0.544.0/icons/phone.svg)}
.i-chevron-right{--icon:url(https://unpkg.com/lucide-static@0.544.0/icons/chevron-right.svg)}
.i-badge-check{--icon:url(https://unpkg.com/lucide-static@0.544.0/icons/badge-check.svg)}
.i-banknote{--icon:url(https://unpkg.com/lucide-static@0.544.0/icons/banknote.svg)}
.i-shield{--icon:url(https://unpkg.com/lucide-static@0.544.0/icons/shield.svg)}
.i-package{--icon:url(https://unpkg.com/lucide-static@0.544.0/icons/package.svg)}
.i-map-pin{--icon:url(https://unpkg.com/lucide-static@0.544.0/icons/map-pin.svg)}
.i-watch{--icon:url(https://unpkg.com/lucide-static@0.544.0/icons/watch.svg)}
.i-gem{--icon:url(https://unpkg.com/lucide-static@0.544.0/icons/gem.svg)}
.i-medal{--icon:url(https://unpkg.com/lucide-static@0.544.0/icons/medal.svg)}
.i-star{--icon:url(https://unpkg.com/lucide-static@0.544.0/icons/star.svg)}
.i-check{--icon:url(https://unpkg.com/lucide-static@0.544.0/icons/check.svg)}
.i-mail{--icon:url(https://unpkg.com/lucide-static@0.544.0/icons/mail.svg)}
.i-camera{--icon:url(https://unpkg.com/lucide-static@0.544.0/icons/camera.svg)}
.i-menu{--icon:url(https://unpkg.com/lucide-static@0.544.0/icons/menu.svg)}
.i-x{--icon:url(https://unpkg.com/lucide-static@0.544.0/icons/x.svg)}
.i-user{--icon:url(https://unpkg.com/lucide-static@0.544.0/icons/user.svg)}

/* ============================================================
   PageBackdrop — fix könyvtár-fotó a teljes oldal mögött
   ============================================================ */
.backdrop{position:relative;min-height:100%;background:var(--ink-900)}
.backdrop__media{position:fixed;inset:0;z-index:0;overflow:hidden}
.backdrop__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.backdrop__scrim{position:absolute;inset:0;background:var(--scrim-warm);pointer-events:none}
.backdrop__tint{position:absolute;inset:0;background:var(--backdrop-tint);mix-blend-mode:multiply;pointer-events:none}
.backdrop__content{position:relative;z-index:1;min-height:100vh}

/* ============================================================
   Layout
   ============================================================ */
.site-main{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-8) var(--gutter) 0}
.page-stack{display:flex;flex-direction:column;gap:var(--space-8)}
.container{max-width:var(--container-max);margin:0 auto;width:100%}

/* Panel — áttetsző pergamen lap */
.panel{max-width:var(--container-max);margin:0 auto;width:100%;
  padding:clamp(var(--space-8),6vw,var(--space-16)) clamp(var(--space-5),5vw,var(--space-12));
  background:var(--surface-glass);color:var(--text-body);
  -webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));
  border:1px solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}
.panel--narrow{max-width:var(--container-narrow)}

.grid-split{display:grid;gap:var(--space-10);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start}
.grid-split--wide{gap:var(--space-12)}
.stack{display:flex;flex-direction:column}
.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}
.row-wrap{display:flex;flex-wrap:wrap}
.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}

/* ============================================================
   Fejléc
   ============================================================ */
.site-header{position:sticky;top:0;z-index:20;background:rgba(252,249,244,.92);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-hairline)}
.site-header__inner{max-width:var(--container-max);margin:0 auto;padding:var(--space-3) var(--gutter);display:flex;align-items:center;gap:var(--space-4)}
.site-nav{display:flex;gap:var(--space-5);margin-left:auto;flex-wrap:wrap}
.site-nav a{font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);color:var(--ink-600);
  text-decoration:none;padding-bottom:2px;border-bottom:1px solid transparent}
.site-nav a:hover{color:var(--ink-600);border-bottom-color:transparent}
.site-nav a[aria-current="page"],.site-nav a[aria-current="page"]:hover{color:var(--ink-900);border-bottom-color:var(--brass-600)}
.site-header__actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}
.site-header .wordmark__name{font-size:24px}
.site-header .wordmark__tag{font-size:10px}
.only-compact{display:none !important}

/* 1080px alatt a szöveges menü kihúzható fiókká alakul */
@media (max-width:1199.98px){
  .site-nav,.only-wide{display:none !important}
  .only-compact{display:inline-flex !important}
  .site-header .wordmark__name{font-size:18px}
  .site-header .wordmark__tag{font-size:9px}
}

/* Wordmark */
.wordmark{display:inline-flex;flex-direction:column;gap:1px;text-decoration:none;border:0}
.wordmark:hover{border:0}
.wordmark__name{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:-0.02em;color:var(--ink-900);line-height:1.05}
.wordmark__tag{font-family:var(--font-sans);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--brass-700)}
.wordmark--light .wordmark__name{color:var(--parchment-50)}
.wordmark--light .wordmark__tag{color:var(--brass-300)}
.wordmark--18 .wordmark__name{font-size:19px}.wordmark--18 .wordmark__tag{font-size:10px}
.wordmark--20 .wordmark__name{font-size:22px}.wordmark--20 .wordmark__tag{font-size:10px}

/* Mobil fiók */
.drawer-overlay{position:fixed;inset:0;z-index:60;background:rgba(36,26,19,.5);
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;
  transition:opacity var(--dur-base) var(--ease-standard)}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:61;width:min(320px,86vw);background:var(--surface-inverse);color:var(--text-on-dark);
  border-left:1px solid var(--border-on-dark);box-shadow:var(--shadow-raised);display:flex;flex-direction:column;gap:var(--space-6);
  padding:var(--space-6);transform:translateX(100%);visibility:hidden;
  transition:transform var(--dur-slow) var(--ease-out),visibility 0s linear var(--dur-slow)}
body.drawer-open .drawer-overlay{opacity:1;pointer-events:auto}
body.drawer-open .drawer{transform:translateX(0);visibility:visible;transition:transform var(--dur-slow) var(--ease-out),visibility 0s}
.drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}
.drawer__links{display:flex;flex-direction:column}
.drawer__links a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:var(--space-3) 0;text-decoration:none;
  border-bottom:1px solid var(--border-on-dark);font-family:var(--font-display);font-size:var(--text-lg);color:var(--parchment-100)}
.drawer__links a:hover{color:var(--parchment-100);border-bottom-color:var(--border-on-dark)}
.drawer__links a[aria-current="page"],.drawer__links a[aria-current="page"]:hover{color:var(--brass-300)}
.drawer__chev{color:var(--brass-500)}
.drawer__chev .icon{width:16px;height:16px}
.drawer__foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-3)}
.drawer__hours{font-size:var(--text-xs);color:var(--text-on-dark-muted);text-align:center}

/* ============================================================
   Gombok
   ============================================================ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-h-md);padding:0 var(--space-6);
  font-size:var(--text-base);font-family:var(--font-sans);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);
  background:var(--action-primary);color:var(--text-on-dark);border:1px solid transparent;border-radius:var(--radius-md);
  cursor:pointer;text-decoration:none;white-space:nowrap;
  transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}
.btn:hover{background:var(--action-primary-hover);color:var(--text-on-dark);border-color:transparent}
.btn:active{transform:scale(var(--press-scale))}
.btn--sm{height:var(--control-h-sm);padding:0 var(--space-4);font-size:var(--text-sm)}
.btn--lg{height:var(--control-h-lg);padding:0 var(--space-8);font-size:var(--text-lg)}
.btn--block{display:flex;width:100%}
.btn--accent,.btn--accent:hover{color:var(--white);border-color:transparent}
.btn--accent{background:var(--action-accent)}
.btn--accent:hover{background:var(--action-accent-hover)}
.btn--outline,.btn--outline:hover{color:var(--ink-800);border-color:var(--border-strong)}
.btn--outline{background:transparent}
.btn--outline:hover{background:var(--surface-raised)}
.btn--outline-light,.btn--outline-light:hover{color:var(--parchment-50);border-color:var(--border-on-dark)}
.btn--outline-light{background:rgba(252,249,244,.06)}
.btn--outline-light:hover{background:rgba(252,249,244,.18)}
.btn:disabled,.btn:disabled:hover{background:var(--surface-sunken);color:var(--text-muted);border-color:var(--border-hairline);cursor:not-allowed;transform:none}
.btn .icon{width:18px;height:18px}
.btn--sm .icon,.btn .icon--16{width:16px;height:16px}

.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);
  background:transparent;color:var(--ink-700);border:1px solid var(--border-hairline);cursor:pointer;padding:0;
  transition:background var(--dur-fast) var(--ease-standard)}
.icon-btn:hover{background:var(--surface-raised);color:var(--ink-700);border-color:var(--border-hairline)}
.icon-btn--solid,.icon-btn--solid:hover{color:var(--text-on-dark);border-color:transparent}
.icon-btn--solid{background:var(--action-primary)}
.icon-btn--solid:hover{background:var(--action-primary-hover)}
.icon-btn .icon{width:20px;height:20px}
.icon-btn--solid .icon{width:18px;height:18px}

/* ============================================================
   Tartalmi komponensek
   ============================================================ */
/* Section heading */
.section-heading{display:flex;flex-direction:column;gap:var(--space-3);text-align:left;align-items:flex-start;max-width:56ch}
.section-heading__overline{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--text-accent)}
.section-heading__title{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);color:var(--text-heading)}
.section-heading__lead{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-muted)}

/* Hero */
.hero{max-width:var(--container-max);margin:0 auto;padding:clamp(var(--space-12),10vw,var(--space-24)) 0 clamp(var(--space-10),8vw,var(--space-20));width:100%}
.hero__inner{max-width:58ch;display:flex;flex-direction:column;gap:var(--space-5)}
.hero__overline{font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--brass-300)}
.hero__title{font-family:var(--font-display);font-size:clamp(34px,4.6vw,60px);line-height:1.08;letter-spacing:var(--tracking-display);color:var(--parchment-50);text-shadow:0 2px 18px rgba(36,26,19,.5)}
.hero__lead{font-size:clamp(19px,2.4vw,24px);line-height:var(--leading-relaxed);color:var(--parchment-200);max-width:46ch}
.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}

/* Intro */
.intro__title{font-family:var(--font-display);font-size:clamp(26px,3.8vw,40px);line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}
.intro__text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-body);max-width:64ch}

/* Photo grid */
.photo-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.photo-grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.photo{margin:0;background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card)}
.photo img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}
.photo figcaption{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-snug)}

/* Card */
.card{display:block;padding:var(--space-6);background:var(--surface-card);color:var(--text-body);border:1px solid var(--border-hairline);
  border-radius:var(--radius-md);text-decoration:none;box-shadow:var(--shadow-card);
  transition:box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}
.card--inverse{background:var(--surface-inverse);color:var(--text-on-dark);border-color:var(--border-on-dark)}
a.card:hover{color:var(--text-body);border-color:var(--border-hairline)}
.card--interactive{cursor:pointer}
.card--interactive:hover{box-shadow:var(--shadow-raised);transform:translateY(var(--lift-hover))}

/* Category card */
.category-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:var(--space-10)}
.category-card{padding:var(--space-8)}
.category-card__body{display:flex;flex-direction:column;gap:var(--space-4);height:100%}
.category-card__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--surface-accent);
  border:1px solid var(--border-brass);border-radius:var(--radius-sm);color:var(--brass-700)}
.category-card__icon .icon{width:22px;height:22px}
.category-card__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-heading)}
.category-card__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}
.category-card__list li{font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-normal)}
.category-card__cta{margin-top:auto;display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);
  letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-accent)}
.category-card__cta .icon{width:16px;height:16px}

/* Why */
.why-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--space-10)}
.why-item{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--border-brass)}
.why-item__icon{color:var(--brass-600)}
.why-item__icon .icon{width:22px;height:22px}
.why-item h3{font-family:var(--font-display);font-size:var(--text-lg)}
.why-item p{font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-relaxed)}

/* Step item */
.steps{display:flex;flex-direction:column;gap:var(--space-6)}
.step{display:flex;gap:var(--space-4);align-items:flex-start}
.step__num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 auto;border-radius:var(--radius-pill);
  border:1px solid var(--border-brass);background:var(--surface-card);font-family:var(--font-display);font-size:var(--text-base);color:var(--brass-700)}
.step__text{display:flex;flex-direction:column;gap:var(--space-1)}
.step__text h4{font-family:var(--font-display);font-size:var(--text-lg)}
.step__text p{font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-relaxed)}

/* Quote block */
.quotes{display:grid;gap:var(--space-10);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.quote{margin:0;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8);background:var(--surface-raised);border:1px solid var(--border-hairline);border-radius:var(--radius-md)}
.quote blockquote{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-style:italic;line-height:var(--leading-snug);color:var(--text-heading)}
.quote figcaption{font-size:var(--text-sm);color:var(--text-muted)}
.quote figcaption strong{color:var(--ink-700);font-weight:var(--weight-medium)}

/* Accordion */
.accordion{display:flex;flex-direction:column;border-top:1px solid var(--border-hairline)}
.accordion__item{border-bottom:1px solid var(--border-hairline)}
.accordion__btn{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) 0;background:none;border:0;
  cursor:pointer;font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-heading);text-align:left}
.accordion__chev{color:var(--brass-600);display:inline-flex;transition:transform var(--dur-base) var(--ease-standard)}
.accordion__chev .icon{width:18px;height:18px}
.accordion__btn[aria-expanded="true"] .accordion__chev{transform:rotate(90deg)}
.accordion__panel{padding:0 0 var(--space-5);max-width:62ch;font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-relaxed)}
.accordion__panel[hidden]{display:none}

/* Areas */
.areas{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-8)}
.area-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface-card);
  border:1px solid var(--border-hairline);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-body)}
.area-chip__icon{color:var(--brass-600)}
.area-chip__icon .icon{width:14px;height:14px}

.closing{font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--leading-snug);color:var(--text-heading);max-width:62ch;margin:0 auto;text-align:center}

/* Contact callout */
.callout{display:flex;flex-wrap:wrap;gap:var(--space-8);align-items:center;justify-content:space-between;padding:clamp(var(--space-6),5vw,var(--space-10));
  background:var(--surface-inverse);color:var(--text-on-dark);border-radius:var(--radius-md)}
.callout__text{display:flex;flex-direction:column;gap:var(--space-2);max-width:48ch}
.callout__text h3{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--parchment-50)}
.callout__text p{color:var(--text-on-dark-muted);line-height:var(--leading-relaxed)}
.callout__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}

/* Breadcrumb */
.breadcrumb{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--text-muted)}
.breadcrumb__item{display:inline-flex;align-items:center;gap:var(--space-2)}
.breadcrumb__sep{color:var(--brass-500);display:inline-flex}
.breadcrumb__sep .icon{width:12px;height:12px}
.breadcrumb a{color:var(--ink-600);text-decoration:none;border:0}
.breadcrumb a:hover{color:var(--ink-600)}
.breadcrumb__current{color:var(--ink-800)}

/* Badge */
.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-3);background:var(--surface-raised);color:var(--ink-700);
  border:1px solid var(--border-hairline);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);
  letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap}
.badge--brass{background:var(--surface-accent);color:var(--brass-700);border-color:var(--border-brass)}
.badge--flag{background:var(--surface-flag);color:var(--burgundy-700);border-color:rgba(94,22,32,.2)}
.badge--ok{background:var(--surface-ok);color:var(--sage-700);border-color:rgba(47,71,57,.2)}

/* Category page */
.seek-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:var(--space-10)}
.seek{display:flex;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--surface-accent);border:1px solid var(--border-brass);border-radius:var(--radius-md)}
.seek__icon{color:var(--brass-700);margin-top:3px}
.seek__icon .icon{width:18px;height:18px}
.seek p{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--ink-800)}
.seek strong{font-family:var(--font-display)}
.h1-page{font-size:var(--text-3xl)}
.prose{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-8)}
.prose p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-body);text-wrap:pretty}
.prose-lists{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-8)}
.prose-closing{margin-top:var(--space-6);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--ink-800);font-style:italic;text-wrap:pretty}
.card h3{font-family:var(--font-display);font-size:var(--text-lg)}
.card .category-card__title{font-size:var(--text-xl)}
.check-list{list-style:none;margin:var(--space-4) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}
.check-list li{display:flex;gap:var(--space-2);font-size:var(--text-base);color:var(--text-body);line-height:var(--leading-normal)}
.check-list__icon{color:var(--brass-500);margin-top:5px}
.check-list__icon .icon{width:14px;height:14px}
.check-list--loose .check-list__icon{flex-shrink:0}
.check-list--loose{gap:var(--space-3)}
.check-list--loose li{gap:var(--space-3);text-wrap:pretty}
.groups-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:var(--space-8)}

/* Contact page */
.contact-row{display:flex;gap:var(--space-3);align-items:flex-start}
.contact-row__icon{color:var(--brass-600);margin-top:3px}
.contact-row__icon .icon{width:18px;height:18px}
.contact-row__main{font-size:var(--text-base);color:var(--text-body)}
.contact-row__sub{font-size:var(--text-xs);color:var(--text-muted)}
.good-to-know__title{font-size:var(--text-xs);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--brass-300)}
.good-to-know .check-list{gap:var(--space-3)}
.good-to-know li{color:var(--parchment-200)}
.good-to-know .check-list__icon{color:var(--brass-300)}

/* ============================================================
   Űrlap
   ============================================================ */
.quote-form{display:flex;flex-direction:column;gap:var(--space-5)}
.quote-form[hidden]{display:none}
.quote-form__head{display:flex;flex-direction:column;gap:var(--space-2)}
.quote-form__head h3{font-family:var(--font-display);font-size:var(--text-2xl)}
.quote-form__head p{color:var(--text-muted);line-height:var(--leading-relaxed);max-width:58ch}
.form-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.field{display:flex;flex-direction:column;gap:var(--space-2)}
.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink-700)}
.field__req{color:var(--action-danger)}
.field__hint{font-size:var(--text-xs);color:var(--text-muted)}
.field__control{width:100%;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-body);background:var(--surface-card);
  border:1px solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:none;outline:none;
  transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}
.field__control:focus{border-color:var(--brass-600);box-shadow:var(--shadow-focus)}
input.field__control,select.field__control{height:var(--control-h-md);padding:0 var(--space-4)}
select.field__control{-webkit-appearance:none;appearance:none}
textarea.field__control{padding:var(--space-3) var(--space-4);line-height:var(--leading-normal);resize:vertical}

.photo-drop__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.photo-drop__zone{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-6);text-align:center;cursor:pointer;
  background:var(--surface-raised);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-muted);
  transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}
.photo-drop__zone.is-over{background:var(--surface-accent);border-color:var(--brass-600)}
.photo-drop__zone > .icon{color:var(--brass-600);width:24px;height:24px}
.photo-drop__status{font-size:var(--text-sm);color:var(--ink-700)}
.photo-drop__hint{font-size:var(--text-xs)}

.checkbox{display:flex;gap:var(--space-3);align-items:flex-start;cursor:pointer}
.checkbox input{width:18px;height:18px;margin:3px 0 0;accent-color:var(--brass-600);flex:0 0 auto}
.checkbox__text{display:flex;flex-direction:column;gap:2px}
.checkbox__label{font-size:var(--text-sm);color:var(--text-body)}
.checkbox__hint{font-size:var(--text-xs);color:var(--text-muted)}

.form-success{display:flex;gap:var(--space-4);align-items:flex-start;padding:var(--space-8);background:var(--surface-ok);border:1px solid rgba(47,71,57,.2);border-radius:var(--radius-md)}
.form-success[hidden]{display:none}
.form-success__icon{color:var(--sage-700);margin-top:3px}
.form-success__icon .icon{width:22px;height:22px}
.form-success__body{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}
.form-success__body h3{font-family:var(--font-display);font-size:var(--text-xl)}
.form-success__body p{color:var(--text-muted);line-height:var(--leading-relaxed)}

/* ============================================================
   Lábléc
   ============================================================ */
.site-footer{background:var(--surface-inverse);color:var(--text-on-dark);margin-top:var(--space-24)}
.site-footer__grid{max-width:var(--container-max);margin:0 auto;padding:clamp(var(--space-10),8vw,var(--space-16)) var(--gutter) var(--space-10);
  display:grid;gap:var(--space-10);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.site-footer__col{display:flex;flex-direction:column;gap:var(--space-3)}
.site-footer__col--brand{gap:var(--space-4)}
.site-footer__about{font-size:var(--text-sm);color:var(--text-on-dark-muted);line-height:var(--leading-relaxed);max-width:34ch}
.site-footer__title{font-size:var(--text-xs);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--brass-300)}
.site-footer__link{font-size:var(--text-sm);color:var(--text-on-dark-muted);text-decoration:none;border:0}
a.site-footer__link:hover{color:var(--text-on-dark-muted)}
.site-footer__contact{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--brass-300)}
.site-footer__contact .icon{width:15px;height:15px}
.site-footer__bottom{border-top:1px solid var(--border-on-dark)}
.site-footer__bottom-inner{max-width:var(--container-max);margin:0 auto;padding:var(--space-5) var(--gutter);display:flex;flex-wrap:wrap;gap:var(--space-4);
  justify-content:space-between;font-size:var(--text-xs);color:var(--text-on-dark-muted)}
.site-footer__legal{display:flex;gap:var(--space-6)}
[id]{scroll-margin-top:88px}

/* ============================================================
   Fotós blokkok
   ============================================================ */

/* Beúszás görgetéskor (csak ha fut a JS) */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity 700ms var(--ease-out),transform 900ms var(--ease-out);transition-delay:var(--d,0ms)}
.js .reveal.is-visible{opacity:1;transform:none}

/* Képlap: kattintható fotó, hoverre lassú zoom és felirat */
.tile{position:relative;display:block;overflow:hidden;border:1px solid var(--border-hairline);border-radius:var(--radius-md);
  background:var(--ink-800);box-shadow:var(--shadow-card);color:var(--parchment-50);cursor:zoom-in}
.tile:hover{border-color:var(--border-hairline);color:var(--parchment-50)}
.tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 900ms var(--ease-out),filter 600ms var(--ease-out)}
.tile:hover img{transform:scale(1.06);filter:saturate(1.08)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(36,26,19,0) 45%,rgba(36,26,19,.78) 100%);
  opacity:0;transition:opacity var(--dur-base) var(--ease-standard);pointer-events:none}
.tile__cap{position:absolute;left:var(--space-4);right:var(--space-4);bottom:var(--space-3);z-index:1;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);
  line-height:var(--leading-snug);opacity:0;transform:translateY(8px);transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-slow) var(--ease-out)}
.tile:hover::after,.tile:focus-visible::after{opacity:1}
.tile:hover .tile__cap,.tile:focus-visible .tile__cap{opacity:1;transform:none}
/* a beúszó animáció és a zoom ne ütközzön */
.js .tile.reveal{transform:translateY(22px)}
.js .tile.reveal.is-visible{transform:none}

/* Szöveg + kép blokk */
.feature{display:grid;gap:clamp(var(--space-8),5vw,var(--space-16));grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}
.feature--reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.feature--reverse .feature__media{order:-1}
.feature__media{position:sticky;top:96px}
.feature__text > .prose,.feature__text > .prose-lists{max-width:68ch}
@media (max-width:899.98px){
  .feature,.feature--reverse{grid-template-columns:minmax(0,1fr)}
  .feature--reverse .feature__media{order:0}
  .feature__media{position:static}
}

/* Kollázsok */
.mosaic{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.mosaic--trio .tile{aspect-ratio:1 / 1}
.mosaic--trio .tile:first-child{grid-column:1 / -1;aspect-ratio:16 / 10}
.mosaic--quad{padding-bottom:var(--space-10)}
.mosaic--quad .tile{aspect-ratio:4 / 5}
.mosaic--quad .tile:nth-child(even){top:var(--space-10)}
.mosaic--duo{grid-template-columns:repeat(12,1fr);grid-template-rows:auto}
.mosaic--duo .tile:nth-child(1){grid-column:1 / 11;grid-row:1;aspect-ratio:4 / 3}
.mosaic--duo .tile:nth-child(2){grid-column:6 / 13;grid-row:2;aspect-ratio:4 / 3;margin-top:-22%;z-index:1;
  box-shadow:0 0 0 6px var(--parchment-50),var(--shadow-raised)}

/* Hero kollázs */
.hero__grid{display:grid;gap:clamp(var(--space-10),5vw,var(--space-16));grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center}
.hero-collage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding-bottom:var(--space-10)}
.hero-collage .tile{aspect-ratio:4 / 5;border-color:rgba(246,240,230,.28);box-shadow:0 24px 50px -24px rgba(0,0,0,.7)}
.hero-collage .tile:nth-child(n+3){aspect-ratio:1 / 1}
.hero-collage .tile:nth-child(even){top:var(--space-10)}
.hero-collage__badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;align-items:center;
  gap:2px;width:132px;height:132px;justify-content:center;text-align:center;border-radius:50%;background:var(--surface-inverse);
  border:1px solid var(--brass-500);box-shadow:0 0 0 6px rgba(36,26,19,.35),var(--shadow-raised);color:var(--parchment-100);
  animation:kv-badge 900ms var(--ease-out) 700ms both}
.hero-collage__badge-num{font-family:var(--font-display);font-size:var(--text-xl);color:var(--brass-300);line-height:1.1}
.hero-collage__badge-text{font-size:12px;letter-spacing:var(--tracking-wide);line-height:1.3;color:var(--parchment-200);padding:0 14px}
@keyframes kv-badge{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(-12deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}
@media (max-width:899.98px){
  .hero__grid{grid-template-columns:minmax(0,1fr)}
  .hero-collage{max-width:520px;padding-bottom:0}
}
@media (max-width:479.98px){.hero-collage__badge{width:108px;height:108px}.hero-collage__badge-num{font-size:var(--text-lg)}.hero-collage__badge-text{font-size:10px}}
@media (prefers-reduced-motion:reduce){.hero-collage__badge{animation:none}}

/* Végtelen fotószalag */
.ribbon{max-width:calc(var(--container-max) + 2 * var(--space-16));margin:0 auto;width:100%;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ribbon__track{display:flex;gap:var(--space-4);width:max-content;animation:kv-ribbon var(--ribbon-dur,80s) linear infinite}
.ribbon:hover .ribbon__track{animation-play-state:paused}
.ribbon__item{display:block;flex:0 0 auto;height:clamp(150px,18vw,210px);aspect-ratio:4 / 3;overflow:hidden;border:1px solid rgba(246,240,230,.22);
  border-radius:var(--radius-md);box-shadow:0 18px 40px -22px rgba(0,0,0,.8);cursor:zoom-in}
.ribbon__item--portrait{aspect-ratio:3 / 4}
.ribbon__item:hover{border-color:var(--brass-300)}
.ribbon__item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 900ms var(--ease-out)}
.ribbon__item:hover img{transform:scale(1.07)}
@keyframes kv-ribbon{from{transform:translateX(0)}to{transform:translateX(calc(-50% - var(--space-2)))}}
@media (prefers-reduced-motion:reduce){.ribbon{overflow-x:auto}.ribbon__track{animation:none}}

/* Kategóriakártya borítóképpel */
.category-card{padding:0;overflow:hidden;position:relative}
.category-card__media{aspect-ratio:16 / 10;overflow:hidden;background:var(--ink-800)}
.category-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 900ms var(--ease-out)}
.category-card:hover .category-card__media img{transform:scale(1.06)}
.category-card .category-card__body{padding:0 var(--space-8) var(--space-8);height:auto}
.category-card .category-card__icon{margin-top:-22px;position:relative;box-shadow:0 0 0 4px var(--surface-card)}
.js .category-card.reveal.is-visible:hover{transform:translateY(var(--lift-hover))}

/* Masonry galéria */
.gallery{columns:4 220px;column-gap:var(--space-4)}
.gallery__item{break-inside:avoid;margin:0 0 var(--space-4);background:var(--surface-card);border:1px solid var(--border-hairline);
  border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card)}
.gallery__link{display:block;overflow:hidden;border:0;cursor:zoom-in}
.gallery__link:hover{border:0}
.gallery__link img{display:block;width:100%;height:auto;transition:transform 900ms var(--ease-out)}
.gallery__link:hover img{transform:scale(1.05)}
.gallery__item figcaption{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-snug)}

/* Nagyító */
.lightbox{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,56px);
  background:rgba(20,14,10,.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:kv-fade var(--dur-base) var(--ease-standard)}
.lightbox[hidden]{display:none}
.lightbox__figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);max-width:100%;max-height:100%}
.lightbox__img{display:block;max-width:min(1400px,100%);max-height:calc(100vh - 140px);border-radius:var(--radius-md);box-shadow:0 30px 80px -30px #000;
  animation:kv-zoom var(--dur-slow) var(--ease-out)}
.lightbox__cap{display:flex;gap:var(--space-4);align-items:baseline;color:var(--parchment-200);font-size:var(--text-sm);text-align:center}
.lightbox__count{color:var(--brass-300);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);white-space:nowrap}
.lightbox__btn{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;
  background:rgba(252,249,244,.08);border:1px solid var(--border-on-dark);color:var(--parchment-50);cursor:pointer;
  transition:background var(--dur-fast) var(--ease-standard)}
.lightbox__btn:hover{background:rgba(252,249,244,.2)}
.lightbox__close{top:16px;right:16px}
.lightbox__prev{left:16px;top:50%;margin-top:-24px}
.lightbox__next{right:16px;top:50%;margin-top:-24px}
.lightbox__flip{display:inline-flex;transform:rotate(180deg)}
body.lightbox-open{overflow:hidden}
@keyframes kv-fade{from{opacity:0}to{opacity:1}}
@keyframes kv-zoom{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@media (max-width:599.98px){.lightbox__prev,.lightbox__next{top:auto;bottom:16px;margin-top:0}.lightbox__img{max-height:calc(100vh - 200px)}}

/* Kategória oldalak futó képsora a hero alatt */
.ribbon--category{margin-top:calc(-1 * var(--space-2))}

/* Keresett órásmárkák (Órák, arany, ezüst hero) */
.brand-strip{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) 0;border-top:1px solid var(--border-brass);border-bottom:1px solid var(--border-brass)}
.brand-strip__label{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--text-accent)}
.brand-strip__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) 0}
.brand-strip__list li{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:clamp(18px,1.9vw,22px);letter-spacing:.01em;color:var(--ink-900);white-space:nowrap}
.brand-strip__list li:not(:last-child)::after{content:"";display:inline-block;width:5px;height:5px;margin:0 var(--space-3) 0 var(--space-3);border-radius:50%;background:var(--brass-500);vertical-align:middle;transform:translateY(-2px)}
.brand-strip__note{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-snug)}

/* Kapcsolattartó neve a hívógombok körül */
.contact-person{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--ink-700);letter-spacing:.01em}
.contact-person .icon{width:16px;height:16px;margin-top:4px;color:var(--brass-600)}
.nowrap{white-space:nowrap}
.contact-person--light{color:var(--parchment-200);margin-top:calc(-1 * var(--space-1))}
.contact-person--light .icon{color:var(--brass-300)}
.callout__person{flex-basis:100%;display:flex;align-items:center;gap:var(--space-2);margin-top:calc(-1 * var(--space-4));font-size:var(--text-sm);color:var(--brass-300)}
.callout__person .icon{width:16px;height:16px}
.drawer__person{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);color:var(--parchment-100)}
.drawer__person .icon{width:18px;height:18px;color:var(--brass-300)}