@font-face{font-family:"Hubot Sans";src:url("../betuk/hubot-sans-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Hubot Sans";src:url("../betuk/hubot-sans-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Hubot Sans";src:url("../betuk/hubot-sans-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Mona Sans";src:url("../betuk/mona-sans-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Mona Sans";src:url("../betuk/mona-sans-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Mona Sans";src:url("../betuk/mona-sans-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
--borostyan:#F7A93B;--narancs:#E8772B;--eszpresszo:#3E2C20;--tinta:#24190F;--barack:#FFE2B3;--meggy:#992A2A;--krem:#FFF3DE;
--f-cim:"Hubot Sans","Arial Narrow",Arial,sans-serif;
--f-szoveg:"Mona Sans",Arial,sans-serif;
--r-lemez:3rem;--r-kep:1.75rem;--r-gomb:1.125rem;--r-kor:999px;
--mezo:clamp(1rem,3vw,2rem);--ter:clamp(4rem,9vw,8.5rem);--doboz:80rem;
--gyors:.24s;--kozepes:.4s;--lassu:.9s;--ives:cubic-bezier(.3,.7,.2,1);
--nyil:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E");
}

.g-borostyan{--iras:var(--tinta);--iras-2:var(--eszpresszo);--halk:#5E3F1C;--jel:var(--meggy);--jel-tx:var(--tinta);--el:#7A4E1A;--hajszal:rgba(62,44,32,.35);--emel:#EE9E30;--mely:#FFC56E;background:var(--borostyan);color:var(--iras)}
.g-narancs{--iras:var(--tinta);--iras-2:#3E2410;--halk:#3E2410;--jel:var(--eszpresszo);--jel-tx:var(--tinta);--el:#4A2A10;--hajszal:rgba(36,25,15,.38);--emel:#EF8638;--mely:#F29A55;background:var(--narancs);color:var(--iras)}
.g-eszpresszo{--iras:var(--krem);--iras-2:#E3CFB4;--halk:#B89C7C;--jel:var(--borostyan);--jel-tx:var(--borostyan);--el:#B89C7C;--hajszal:rgba(255,243,222,.3);--emel:#4B3728;--mely:#55402F;background:var(--eszpresszo);color:var(--iras)}
.g-barack{--iras:var(--eszpresszo);--iras-2:var(--eszpresszo);--halk:#6E4F2C;--jel:var(--meggy);--jel-tx:var(--meggy);--el:#8A6437;--hajszal:rgba(62,44,32,.28);--emel:#FFD69A;--mely:#FFF1D9;background:var(--barack);color:var(--iras)}
.g-meggy{--iras:var(--krem);--iras-2:#F7D8C8;--halk:#F2C3AE;--jel:var(--borostyan);--jel-tx:#FFD08A;--el:#F2C3AE;--hajszal:rgba(255,243,222,.3);--emel:#A83533;--mely:#7E1F22;background:var(--meggy);color:var(--iras)}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--meggy)}
body{margin:0;min-height:100vh;font-family:var(--f-szoveg);font-size:1.0625rem;line-height:1.6;font-weight:500;color:var(--krem);background:var(--meggy);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
img,svg,video,picture{display:block;max-width:100%}
img{height:auto}
input,button,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:3px solid currentColor;outline-offset:4px}
::selection{background:var(--borostyan);color:var(--tinta)}

.iz-h1{font-family:var(--f-cim);font-weight:600;font-size:clamp(3.25rem,10vw,11rem);line-height:.84;letter-spacing:-.06em;color:inherit}
.iz-h2{font-family:var(--f-cim);font-weight:600;font-size:clamp(2.25rem,4.6vw,4.25rem);line-height:.95;letter-spacing:-.025em;text-transform:uppercase;color:inherit}
.iz-h3{font-family:var(--f-cim);font-weight:700;font-size:1.375rem;line-height:1.1;letter-spacing:-.01em;text-transform:uppercase;color:inherit}
.iz-hcta{font-family:var(--f-cim);font-weight:700;font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.02;letter-spacing:-.035em;color:inherit}
.iz-p{font-family:var(--f-szoveg);font-size:1.0625rem;line-height:1.6;font-weight:600;color:var(--iras,var(--tinta))}
.iz-halk{color:var(--halk)}
.iz-p a{text-decoration-thickness:2px;text-underline-offset:.18em;transition:color var(--gyors)}
.iz-p a:hover{color:var(--jel-tx)}

.iz-gomb{--gomb-alap:var(--eszpresszo);--gomb-tx:var(--krem);--gomb-buborek:rgba(255,243,222,.2);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:3.5rem;padding:0 1.75rem;border:0;background:transparent;color:var(--gomb-tx);font-family:var(--f-szoveg);font-size:1.0625rem;font-weight:600;line-height:1.1;letter-spacing:.005em;text-align:center;text-decoration:none;-webkit-tap-highlight-color:transparent}
.iz-gomb::before,.iz-gomb::after{content:"";position:absolute;right:0;bottom:0;z-index:-1;transition:transform var(--kozepes) var(--ives),width var(--kozepes) var(--ives),height var(--kozepes) var(--ives),border-radius var(--kozepes) var(--ives),background-color var(--kozepes) var(--ives)}
.iz-gomb::before{width:100%;height:100%;background:var(--gomb-alap);border-radius:var(--r-gomb)}
.iz-gomb::after{width:2.25rem;height:2.25rem;transform:translate(.625rem,.625rem);background:var(--gomb-buborek);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:var(--r-kor)}
.iz-gomb:focus-visible::before{transform:translate(5%,20%);width:110%;height:110%}
.iz-gomb:focus-visible::after{transform:translate(0,0);width:100%;height:100%;border-radius:var(--r-gomb)}
.iz-gomb:active::after{transition:none;transform:translate(0,5%)}
.iz-gomb--vilagos{--gomb-alap:var(--krem);--gomb-tx:var(--eszpresszo);--gomb-buborek:rgba(62,44,32,.26)}
.iz-gomb--borostyan{--gomb-alap:var(--borostyan);--gomb-tx:var(--tinta);--gomb-buborek:rgba(36,25,15,.22)}
.iz-gomb--nagy{min-height:4.25rem;padding:0 2.5rem;font-size:1.1875rem}
@media (hover:hover){
.iz-gomb:hover::before{transform:translate(5%,20%);width:110%;height:110%}
.iz-gomb:hover::after{transform:translate(0,0);width:100%;height:100%;border-radius:var(--r-gomb)}
}

.iz-doboz{width:100%;max-width:calc(var(--doboz) + 2*var(--mezo));margin-inline:auto;padding-inline:var(--mezo)}
.iz-szakasz{padding-block:var(--ter)}
.iz-rejtett{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.iz-lemez{position:relative;border-radius:var(--r-lemez);padding:clamp(2rem,5vw,4.5rem) clamp(1.25rem,4vw,4rem)}

.iz-kep{position:relative;overflow:hidden;border-radius:var(--r-kep);background:var(--eszpresszo)}
.iz-kep>img,.iz-kep>picture>img{width:100%;height:100%;object-fit:cover}

.iz-belyeg{display:inline-block;color:var(--borostyan);font-family:var(--f-cim);font-size:clamp(1.25rem,2.4vw,2.25rem);font-weight:700;line-height:1;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;transform:rotate(-5deg);text-shadow:0 0 .3em rgba(36,25,15,.9),0 .05em .9em rgba(36,25,15,.7);animation:iz-ranyom .7s var(--ives) .25s backwards}

.iz-mutatok{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.iz-mutato{--halk:#6E4F2C;display:grid;gap:.15rem;padding:.7rem 1rem .8rem;border-radius:var(--r-gomb);background:var(--barack);color:var(--eszpresszo)}
.iz-mutato__c{font-family:var(--f-szoveg);font-size:1rem;line-height:1.2;font-weight:500;color:var(--halk)}
.iz-mutato__e{font-family:var(--f-cim);font-size:clamp(1.375rem,2vw,1.75rem);line-height:1;font-weight:600;letter-spacing:-.02em;color:var(--eszpresszo)}

.iz-kor{position:relative;display:grid;place-items:center;width:clamp(4.5rem,7vw,6.5rem);aspect-ratio:1;border-radius:var(--r-kor);background:var(--krem);color:var(--eszpresszo);text-decoration:none;transition:background-color var(--gyors)}
.iz-kor::before{content:"";width:42%;aspect-ratio:1;background:currentColor;-webkit-mask:var(--nyil) center/contain no-repeat;mask:var(--nyil) center/contain no-repeat;transition:transform var(--kozepes) var(--ives)}
.iz-kor:hover{background:var(--barack)}
.iz-kor:hover::before{transform:rotate(45deg)}

.iz-cim{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;gap:1.5rem}
.iz-cim__m{display:none;font-family:var(--f-cim);font-size:clamp(1.25rem,1.8vw,1.75rem);line-height:1;font-weight:500;letter-spacing:-.01em;text-transform:uppercase;color:var(--halk)}
.iz-cim__m:last-child{justify-self:end}

.iz-ketto{font-family:var(--f-cim);font-size:clamp(1.25rem,1.8vw,1.75rem);line-height:1.18;font-weight:500;letter-spacing:-.02em;color:var(--iras)}
.iz-ketto .iz-halk{color:var(--halk)}

.iz-uveg{border-radius:var(--r-kep);background:rgba(62,44,32,.46);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);color:var(--krem)}

.iz-zonak{display:grid;gap:2rem}
.iz-zonak>*{position:relative}

.iz-valto__gombok{display:flex;flex-wrap:wrap;justify-content:center;gap:.9rem 1rem}
.iz-valto__r:not(:checked)+.iz-gomb{--gomb-alap:var(--mely);--gomb-tx:var(--halk);--gomb-buborek:rgba(62,44,32,.14)}
.iz-valto__r:focus-visible+.iz-gomb{outline:3px solid currentColor;outline-offset:4px}
.iz-valto__gombok .iz-gomb{transition:color var(--kozepes) var(--ives)}
@supports selector(:has(*)){
.iz-valto__lapok{display:grid}
.iz-valto__p{grid-area:1/1}
.iz-valto:has(.iz-valto__r:checked) .iz-valto__p{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--gyors) ease,visibility 0s linear var(--gyors)}
.iz-valto:has(.iz-valto__r:nth-of-type(1):checked) .iz-valto__p:nth-of-type(1),
.iz-valto:has(.iz-valto__r:nth-of-type(2):checked) .iz-valto__p:nth-of-type(2),
.iz-valto:has(.iz-valto__r:nth-of-type(3):checked) .iz-valto__p:nth-of-type(3){opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--lassu) var(--ives) .08s,visibility 0s}
}

@media (min-width:40rem){
.iz-zonak{grid-auto-flow:column;grid-auto-columns:1fr;gap:0}
.iz-zonak>*{padding-inline:clamp(1.25rem,2.6vw,2.5rem)}
.iz-zonak>*:first-child{padding-inline-start:0}
.iz-zonak>*:last-child{padding-inline-end:0}
.iz-zonak>*+*::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:2px;background:var(--hajszal)}
}
@media (min-width:62rem){
.iz-cim{grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}
.iz-cim__m{display:block;justify-self:start}
}

@keyframes iz-ranyom{from{opacity:0;transform:rotate(-13deg) scale(1.3)}60%{opacity:1;transform:rotate(-4deg) scale(.97)}to{opacity:1;transform:rotate(-5deg) scale(1)}}

@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}