@import url('style.css');
:root{color-scheme:dark;--bg:#131716;--panel:#1b201d;--gold:#d9b883;--text:#f0ede5;--muted:#aaa99f;--line:#ffffff20}
body{background:var(--bg);color:var(--text);font-family:Arial,sans-serif}
.demo{background:#0c100e;color:#a6a99f;border-bottom:1px solid #ffffff12;letter-spacing:.08em}
header{padding-top:29px;padding-bottom:29px}
.brand{font-size:43px;color:var(--text);font-weight:400;letter-spacing:.13em}
.brand span{color:var(--gold);font-size:11px;letter-spacing:.2em}
.header-note{color:var(--muted);font-size:14px;letter-spacing:.03em}
.menu-link{color:var(--gold);border-color:#8b7550;letter-spacing:.03em}
.intro{background:#202720;grid-template-columns:.9fr 1.1fr;min-height:450px;margin-top:2px}
.intro-copy{padding:47px 45px 39px;background:#1b231e}
.eyebrow{color:var(--gold);letter-spacing:.18em;font-size:12px}
.intro .eyebrow{color:var(--gold)}
h1{font-size:clamp(37px,4.3vw,60px);line-height:1.12;font-weight:400;margin:27px 0 22px;letter-spacing:-.035em}
h1 em{color:var(--gold)}
.intro p{color:#c7c9be;line-height:1.7;font-size:16px}
.primary{background:transparent;color:var(--text);border:1px solid #c3a574;padding:13px 28px;margin-top:10px;font-weight:400;letter-spacing:.04em}
.primary:hover{background:var(--gold);color:#182018}
.intro-photo{min-height:450px}
.intro-photo:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#1b231e38,transparent 35%)}
.intro-photo img{object-position:50% 55%}
.intro-bottom{border-top:1px solid #ffffff20;padding-top:20px;margin-top:28px;color:#9baba0;gap:22px;font-size:12px}
.photo-caption{z-index:2;font-size:11px;letter-spacing:.16em;bottom:28px;left:30px}
.photo-watermark{color:#f3ddba;opacity:.38;font-weight:400;z-index:2;letter-spacing:.06em}
.menu-start{margin-top:66px;margin-bottom:33px}
.menu-start h2{font-size:43px;line-height:1.2;letter-spacing:-.03em;margin-top:10px}
.menu-start p{color:var(--muted);font-size:14px}
.categories{background:#131716f5;border-color:var(--line);gap:17px;padding-top:14px;padding-bottom:14px}
.categories a{color:#b6b9ae;border-radius:0;padding:8px 8px;border-bottom:1px solid transparent;letter-spacing:.025em;font-size:14px}
.categories a:hover,.categories a.active{background:transparent;color:var(--gold);border-color:var(--gold)}
.menu-section{padding-top:48px;padding-bottom:18px}
.section-heading{margin-bottom:31px;gap:26px}
.section-heading h2{font-size:38px;font-weight:400;letter-spacing:-.025em}
.section-heading span{color:#929f94;font-size:14px}
.section-heading:after{background:var(--line)}
.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 30px}
.card{background:transparent;border:0;overflow:visible;box-shadow:none}
.card:hover{transform:none;box-shadow:none}
.card-photo{aspect-ratio:1.4;background:#222a24;overflow:hidden}
.card-photo img{transition:transform .65s;object-position:center}
.card:hover img{transform:scale(1.035)}
.card-photo img[src*="premium-nest"]{transform:scale(1.85);transform-origin:47% 65%}
.card:hover img[src*="premium-nest"]{transform:scale(1.9)}
.card-photo img[src*="premium-kazan"]{transform:scale(1.9);transform-origin:72% 66%}
.card:hover img[src*="premium-kazan"]{transform:scale(1.95)}
.card-photo .photo-watermark{font-size:26px}
.card-content{padding:22px 0 20px;border-bottom:1px solid #ffffff1b}
.card h3{font-size:26px;line-height:1.25;letter-spacing:-.018em;font-weight:400;margin-bottom:12px}
.card p{font-size:14px;line-height:1.65;color:#a7afa5;max-width:95%;margin-bottom:19px}
.price{color:var(--gold);font:25px/1.2 Georgia,serif;margin-top:auto;padding-top:5px}
.price span{font:14px Arial,sans-serif;color:#a7afa5;margin-left:7px}
.portion{color:#a7afa5}
footer{background:#0d120f;border-top:1px solid var(--line);margin-top:85px;padding-top:45px;padding-bottom:45px;color:#9eaa9d;line-height:1.8}
footer strong{color:var(--gold)}footer p a{font-size:12px;text-decoration:underline;text-underline-offset:4px;color:#889888}
@media(min-width:900px) and (max-width:1400px){.grid{gap:30px 25px}}
@media(max-width:1000px){.intro-copy{padding:34px}.categories{gap:10px}.card h3{font-size:24px}.grid{gap:28px 20px}}
@media(max-width:750px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-copy{padding:30px}.intro{grid-template-columns:1fr 1fr}.intro h1{font-size:38px}.card h3{font-size:22px}}
@media(max-width:620px){header{padding-top:24px;padding-bottom:24px}.brand{font-size:35px}.brand span{font-size:10px}.intro{min-height:450px;display:block}.intro-copy{padding:31px 25px;background:transparent}.intro-photo{min-height:0}.intro-photo:after{background:linear-gradient(90deg,#102017f5,#13251ccc 52%,#0c1e1755)}.intro-photo:before{display:none}.intro h1{font-size:43px;line-height:1.12;letter-spacing:-.035em}.intro .eyebrow{font-size:11px}.intro p{font-size:15px;color:#e0e4d9}.intro-bottom{margin-top:24px;color:#bdc7b8}.intro-copy .primary{background:#121e1690}.intro-photo .photo-watermark{font-size:21px;top:78%;left:77%;opacity:.45}.menu-start{margin-top:41px;margin-bottom:24px}.menu-start h2{font-size:32px}.categories{padding-top:10px;padding-bottom:10px;gap:8px}.categories a{padding:8px 4px;font-size:14px}.section-heading{gap:15px;margin-bottom:22px}.section-heading h2{font-size:30px}.section-heading span{font-size:12px}.menu-section{padding-top:35px}.grid{gap:27px 16px}.card-photo{aspect-ratio:1}.card-photo .photo-watermark{font-size:17px}.card-content{padding:15px 0 15px}.card h3{font-size:22px;line-height:1.2;overflow-wrap:break-word}.card p{font-size:14px;line-height:1.5;margin-bottom:12px}.price{font-size:24px}.price span{font-size:12px;margin-left:4px}footer{margin-top:50px}}
@media(max-width:340px){.grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
