:root{--krem:#f4efe7;--krem2:#ebe3d6;--ko:#d6cec2;--ko-s:#a99f92;--bor:#4f3324;--bor2:#6a4632;--pampa:#d4b07a;--rez:#a86a35;--tinta:#2a211b;--halk:#6f6257;
--serif:"Fraunces",Georgia,serif;--sans:"Outfit",system-ui,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--krem);color:var(--tinta);font:17px/1.65 var(--sans);font-weight:400}
img{display:block;max-width:100%}a{color:inherit}figure{margin:0}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
h1,h2{font-family:var(--serif);font-weight:350;font-variation-settings:"opsz" 144;letter-spacing:-.02em;line-height:1.02;margin:0}
em{font-style:italic;color:var(--rez)}
.cimke{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:var(--rez);margin:0 0 16px}
.bev{color:var(--halk);font-size:18px;max-width:480px}
.iv{color:var(--pampa)}
.fej{position:relative;display:flex;align-items:center;gap:28px;max-width:1240px;margin:0 auto;padding:18px 28px}
.logo{display:flex;flex-direction:column;text-decoration:none;line-height:1}
.logo-script{font-family:"Kaushan Script",cursive;font-size:34px;color:var(--rez)}
.logo-al{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--halk);margin-top:4px}
.nav{display:flex;gap:4px;margin-left:auto;background:var(--krem2);border-radius:999px;padding:5px}
.nav a{text-decoration:none;font-size:15px;padding:8px 16px;border-radius:999px}
.nav a:hover{background:var(--krem)}.nav a[aria-current]{background:var(--bor);color:var(--krem)}
.gomb{display:inline-block;background:var(--bor);color:var(--krem);text-decoration:none;border-radius:999px;padding:15px 28px;font-weight:500;font-size:15px;transition:background .2s,transform .2s}
.gomb:hover{background:var(--rez);transform:translateY(-1px)}
.gomb.vilagos{background:var(--krem);color:var(--bor)}.gomb.vilagos:hover{background:var(--pampa)}
.gombok{display:flex;gap:10px;flex-wrap:wrap}
.menu-gomb{display:none;margin-left:auto;width:46px;height:46px;border-radius:50%;border:0;background:var(--krem2);cursor:pointer;padding:15px 13px}
.menu-gomb span{display:block;height:1.5px;background:var(--tinta);margin-bottom:5px}
.hos{position:relative;max-width:1320px;margin:0 auto;padding:40px 28px 96px;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;overflow:hidden}
.hos-iv{position:absolute;width:1100px;left:-380px;bottom:-160px;opacity:.32;z-index:0}
.hos-szoveg{position:relative;z-index:1}
.hos h1{font-size:clamp(60px,7.6vw,118px);margin-bottom:24px}
.hos .bev{margin:0 0 32px}
.hos-ivek{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:16px;align-items:end}
.iv-kep{width:100%;object-fit:cover;border-radius:999px 999px 24px 24px}
.k1{aspect-ratio:3/5}.k2{aspect-ratio:3/5.6}.k3{aspect-ratio:3/4.6}
.ketto{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:24px;padding-bottom:96px}
.kartya{border-radius:32px;padding:48px;position:relative;overflow:hidden}
.kartya h2{font-size:clamp(36px,4vw,52px);margin-bottom:16px}
.kartya p{max-width:460px}.kartya>a:last-child:not(.gomb){font-weight:500;text-decoration:none;border-bottom:1px solid}
.barna{background:var(--bor);color:var(--krem)}.barna .cimke{color:var(--pampa)}.barna p{color:#d9cbbb}
.ko{background:var(--ko);background-image:radial-gradient(rgba(255,255,255,.25) 1px,transparent 1.4px),radial-gradient(rgba(80,60,40,.10) 1px,transparent 1.4px);background-size:9px 9px,14px 14px}
.ko p{color:#4f453c}.kartya-iv{position:absolute;width:300px;right:-60px;top:-20px;color:#fff;opacity:.6}
.kartya>*{position:relative}
.galeria-sav{padding-bottom:96px}
.gs-fej{display:flex;align-items:flex-end;gap:24px;margin-bottom:32px;flex-wrap:wrap}.gs-fej .cimke{width:100%;margin:0}
.gs-fej h2{font-size:clamp(40px,4.6vw,64px)}.gs-fej a{margin-left:auto;text-decoration:none;border-bottom:1px solid;font-weight:500}
.gs-sor{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.gs-sor figure:nth-child(even){margin-top:48px}
.gs-sor img{aspect-ratio:3/4.4;object-fit:cover;width:100%;border-radius:999px 999px 20px 20px}
.gs-sor figcaption{font-family:var(--serif);font-style:italic;text-align:center;margin-top:10px;color:var(--halk)}
.ar-blokk{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;padding-bottom:96px;align-items:start}
.ar-blokk h2{font-size:clamp(44px,5vw,72px);margin-bottom:16px}.ar-blokk .bev{margin:0 0 28px}
.arak{list-style:none;margin:0;padding:0}
.arak li{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:20px 0;border-bottom:1px solid rgba(110,90,70,.22)}
.arak b{font-family:var(--serif);font-weight:400;font-size:24px;display:block;line-height:1.2}.arak small{color:var(--halk);font-size:14px}
.arak span{font-weight:500;white-space:nowrap}
.barna .arak li{border-color:rgba(244,239,231,.16)}.barna .arak small{color:#bfae9c}.barna .arak span{color:var(--pampa)}
.latogatas{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;padding-bottom:96px}
.lat-kartya{background:var(--krem2);border-radius:32px;padding:48px}
.lat-kartya h2{font-size:clamp(40px,4.4vw,60px);margin-bottom:12px}
.lat-cim{font-family:var(--serif);font-size:22px;margin:0 0 24px}
.lat-ora{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;margin-bottom:28px}
.lat-ora p{display:flex;justify-content:space-between;margin:0;padding:6px 0;border-bottom:1px dashed rgba(110,90,70,.25);font-size:15px}.lat-ora .zarva{color:var(--ko-s)}
.lat-kep img{width:100%;height:100%;object-fit:cover;border-radius:32px 32px 32px 999px;min-height:380px}
.oldal-fej{position:relative;text-align:center;padding:72px 28px 64px;overflow:hidden}
.of-iv{position:absolute;width:760px;left:50%;top:10px;transform:translateX(-50%);opacity:.35;z-index:-1}
.oldal-fej h1{font-size:clamp(56px,9vw,128px);margin-bottom:18px}.oldal-fej .bev{margin:0 auto}
.ivgaleria{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 20px;padding-bottom:96px}
.ivgaleria figure:nth-child(4n+2),.ivgaleria figure:nth-child(4n+4){margin-top:56px}
.ivgaleria img{aspect-ratio:3/4.4;object-fit:cover;width:100%;border-radius:999px 999px 24px 24px}
.ivgaleria figcaption{text-align:center;margin-top:12px}.ivgaleria b{font-family:var(--serif);font-weight:400;font-size:22px;display:block}.ivgaleria span{color:var(--halk);font-size:14px}
.arak-oldal{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;padding-bottom:96px;align-items:start}
.arak-oldal .arak{margin-bottom:32px}.megj{color:#4f453c;margin:0 0 14px}
.rolam{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center;padding-bottom:72px}
.portre{aspect-ratio:3/4;border-radius:999px 999px 32px 32px;background:var(--ko);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.portre span{font-family:var(--serif);font-size:120px;font-weight:300;color:var(--bor2);line-height:1}.portre small{letter-spacing:.2em;text-transform:uppercase;font-size:12px;color:#4f453c}
.rolam-szoveg p{color:var(--halk)}.rolam-szoveg .elso{font-family:var(--serif);font-size:28px;line-height:1.35;color:var(--tinta)}
.insta{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:500}
.teljes-keret{padding-bottom:72px}.teljes-keret iframe{border-radius:28px;background:#fff;box-shadow:0 30px 60px -30px rgba(79,51,36,.35)}
.lab{position:relative;background:var(--bor);color:#e7dccd;overflow:hidden;padding:88px 28px 32px}
.lab-iv{position:absolute;width:900px;right:-220px;bottom:-120px;opacity:.18}
.lab-belso{position:relative;max-width:1240px;margin:0 auto}
.lab .lab-script{font-family:"Kaushan Script",cursive;color:var(--pampa);font-size:clamp(72px,11vw,150px);line-height:1;margin:0}
.lab .lab-al{letter-spacing:.2em;text-transform:uppercase;font-size:12px;color:#bfae9c;margin:12px 0 56px}
.lab-racs{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid rgba(231,220,205,.18);padding-top:32px}
.lab h3{font-family:var(--serif);font-weight:400;font-size:22px;margin:0 0 12px;color:#fff}
.lab p{margin:0 0 6px;font-size:15px}.lab a{text-decoration:none}.lab a:hover{color:var(--pampa)}
.lab .sor{display:flex;justify-content:space-between;max-width:250px}
.lab .lab-also{margin:56px 0 0;font-size:13px;color:#a8968a}
@media (max-width:960px){
  .wrap{padding-left:18px;padding-right:18px}.fej{padding:14px 18px}.fej-cta{display:none}.menu-gomb{display:block}
  .nav{display:none;position:absolute;top:100%;left:18px;right:18px;flex-direction:column;border-radius:24px;padding:10px;z-index:50;box-shadow:0 20px 40px rgba(0,0,0,.12)}
  .nav a{font-family:var(--serif);font-size:26px;padding:10px 18px}
  .menu-nyitva .nav{display:flex}
  .hos{grid-template-columns:1fr;padding:24px 18px 64px}.hos-iv{width:700px;left:-200px;bottom:auto;top:40px}
  .ketto,.ar-blokk,.latogatas,.arak-oldal,.rolam{grid-template-columns:1fr;gap:20px}
  .kartya,.lat-kartya{padding:32px 24px;border-radius:24px}
  .gs-sor{grid-template-columns:repeat(5,62%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.gs-sor figure{scroll-snap-align:start}.gs-sor figure:nth-child(even){margin-top:0}
  .ivgaleria{grid-template-columns:1fr 1fr}.ivgaleria figure:nth-child(4n+4){margin-top:56px}.ivgaleria figure:nth-child(odd){margin-top:0}
  .lat-ora{grid-template-columns:1fr}
  .lab-racs{grid-template-columns:1fr}
  .portre{max-width:340px;width:100%;margin:0 auto}
}
