:root{color-scheme:light;--ink:#292622;--gold:#956008;--cream:#f5ead8;--image:url('./vica-eredeti.png')}
*{box-sizing:border-box}
body{grid-template-columns:minmax(0,1fr)}
.notice,.phone__content{min-width:0}
html{min-height:100%;background:var(--cream);-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;color:var(--ink);font-family:Georgia,'Times New Roman',serif;background:radial-gradient(ellipse at 50% 25%,#fffaf0 0%,#f7efdf 42%,#ecddc2 100%);position:relative;isolation:isolate}
.scenery{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.scenery__left,.scenery__right{position:absolute;top:0;bottom:0;width:32%;background-image:var(--image);background-repeat:no-repeat;background-size:357.142857% 100%}
.scenery__left{left:0;background-position:left center;mask-image:linear-gradient(to right,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 72%,transparent 100%)}
.scenery__right{right:0;background-position:right center;mask-image:linear-gradient(to left,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(to left,#000 72%,transparent 100%)}
.notice{width:min(660px,53%);text-align:center;padding:22px 0 24px;margin:auto}
.brand__bee{width:144px;height:139px;margin:0 auto;background-image:var(--image);background-repeat:no-repeat;background-size:1536px 1024px;background-position:-693px -16px;mix-blend-mode:darken}
.brand__name{font-size:58px;font-weight:700;line-height:1.04;letter-spacing:.012em}
.brand__family{font-size:33px;line-height:1.15;font-weight:700}
.brand__tagline{display:flex;justify-content:center;align-items:center;gap:16px;margin:14px 0 10px;color:#a87318;font-size:29px;font-style:italic;line-height:1.2}
.brand__tagline::before,.brand__tagline::after{content:'';width:38px;height:2px;background:#bb862b}
h1{margin:8px 0 13px;color:var(--gold);font-size:clamp(40px,4.7vw,69px);font-weight:700;line-height:1.02;text-transform:uppercase;letter-spacing:.025em}
.message{font-size:24px;line-height:1.18}
.message p{margin:0 0 15px}
.availability{font-size:25px;font-weight:700;color:var(--gold);line-height:1.15;margin:7px -20px 12px}
.phone{display:flex;align-items:center;justify-content:center;gap:23px;padding:14px 22px;text-decoration:none;color:var(--ink);background:rgba(255,250,238,.72);border:1px solid #e4cfaa;border-radius:20px;box-shadow:0 3px 20px #8c621507;transition:background-color .16s,border-color .16s}
.phone:hover{background:#fffbf0;border-color:#b47b1a}
.phone:focus-visible{outline:3px solid #704800;outline-offset:5px}
.phone__icon{width:54px;height:54px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#a86c08;color:#fff8e9}
.phone__icon svg{width:29px;height:29px}
.phone__content{display:flex;flex-direction:column;gap:3px}
.phone__label{font-size:20px;line-height:1.2}
.phone__number{font-size:33px;line-height:1.1;white-space:nowrap}
.thanks{font-size:23px;line-height:1.2;margin-top:15px}
.thanks p{margin:0}
.thanks__heart{display:block;font-size:32px;line-height:1;margin:8px 0;color:#bf8629}
.thanks__signature{font-size:23px}
@media(min-width:1001px) and (max-height:900px){.notice{padding:17px 0}.brand__bee{width:112px;height:108px;background-size:1194.6667px 796.4444px;background-position:-539px -12.4444px}.brand__name{font-size:47px}.brand__family{font-size:27px}.brand__tagline{font-size:25px;margin:10px 0 8px}h1{font-size:clamp(39px,4.6vw,62px);margin:7px 0 12px}.message{font-size:21px;line-height:1.17}.message p{margin-bottom:12px}.availability{font-size:23px;margin-top:6px;margin-bottom:11px}.phone{padding:12px 18px;gap:18px}.phone__label{font-size:18px}.phone__number{font-size:31px}.phone__icon{width:48px;height:48px}.thanks{font-size:21px;margin-top:13px}.thanks__heart{font-size:27px;margin:6px 0}.thanks__signature{font-size:21px}}
@media(max-width:1200px){.desktop-break{display:none}.notice{width:min(640px,58%)}.message{font-size:21px}.availability{font-size:23px;margin-left:0;margin-right:0}.phone{gap:14px;padding:13px}.phone__label{font-size:18px}}
@media(min-width:1001px) and (max-height:800px){.notice{padding:15px 0}.brand__bee{width:90px;height:87px;background-size:960px 640px;background-position:-433.125px -10px}.brand__name{font-size:40px}.brand__family{font-size:24px}.brand__tagline{font-size:23px;margin:9px 0 7px}h1{font-size:clamp(38px,4.15vw,55px);margin:7px 0 10px}.message{font-size:19px;line-height:1.17}.message p{margin-bottom:11px}.availability{font-size:21px;margin-bottom:10px}.phone{padding:11px 16px}.phone__label{font-size:17px}.phone__number{font-size:29px}.phone__icon{width:44px;height:44px}.thanks,.thanks__signature{font-size:19px}.thanks{margin-top:12px}.thanks__heart{font-size:24px;margin:6px 0}}
@media(max-width:1000px){.notice{width:min(640px,76%);padding:24px 0 30px}.scenery__left,.scenery__right{width:25%;opacity:.56;mask-image:linear-gradient(to right,#000,transparent);-webkit-mask-image:linear-gradient(to right,#000,transparent)}.scenery__right{mask-image:linear-gradient(to left,#000,transparent);-webkit-mask-image:linear-gradient(to left,#000,transparent)}.brand__bee{width:112px;height:108px;background-size:1194.6667px 796.4444px;background-position:-539px -12.4444px}.brand__name{font-size:47px}.brand__family{font-size:27px}.brand__tagline{font-size:25px}h1{font-size:clamp(39px,6vw,60px)}.message{font-size:21px;line-height:1.3}.thanks,.thanks__signature{font-size:21px}}
@media(max-width:600px){body{background:radial-gradient(ellipse at 50% 24%,#fffaf0 0%,#f7efdf 55%,#eddfc7 100%)}.notice{width:100%;max-width:430px;padding:20px 23px 25px}.scenery{bottom:auto;height:260px}.scenery__left,.scenery__right{width:50%;opacity:.34;background-size:500% 100%;mask-image:linear-gradient(to bottom,#000 0%,transparent 92%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 92%)}.scenery::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,transparent,#faf3e7 23%,#faf3e7 77%,transparent)}.brand__bee{width:90px;height:87px;background-size:960px 640px;background-position:-433.125px -10px}.brand__name{font-size:39px}.brand__family{font-size:23px}.brand__tagline{font-size:21px;gap:10px;margin:12px 0 14px}.brand__tagline::before,.brand__tagline::after{width:24px}h1{font-size:clamp(31px,8.9vw,39px);line-height:1.06;letter-spacing:.018em;margin:0 0 18px}.message{font-size:17px;line-height:1.38}.message p{margin:0 0 14px}.availability{font-size:19px;line-height:1.25;margin:3px 0 15px}.phone{padding:13px 11px;gap:11px;border-radius:16px;min-height:82px}.phone__icon{width:42px;height:42px}.phone__icon svg{width:23px;height:23px}.phone__label{font-size:15px;line-height:1.2}.phone__content{gap:6px}.phone__number{font-size:26px}.thanks{font-size:17px;margin-top:17px}.thanks__heart{font-size:25px;margin:8px 0}.thanks__signature{font-size:17px}}
@media(prefers-reduced-motion:reduce){.phone{transition:none}}
@media(max-width:359px){.notice{padding-left:18px;padding-right:18px}.phone{gap:8px;padding-left:10px;padding-right:10px}.phone__icon{width:36px;height:36px}.phone__number{font-size:23px}.phone__label{font-size:14px}}