:root{--paper:#f6f4ef;--ink:#393a32;--muted:#6a6e63;--red:#d82d0c;--line:#dcded5;--white:#fff;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid var(--red);outline-offset:6px}
::selection{background:#f1c4b4}
.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}
.skip-link{position:fixed;z-index:10;top:10px;left:20px;padding:15px;background:var(--white);transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.notice{min-height:42px;display:flex;align-items:center;justify-content:center;gap:10px;background:#e8e9e1;color:#52594d;font-size:12px;line-height:1.5;letter-spacing:.01em;padding:8px 20px}
.notice-dot{height:6px;width:6px;flex:0 0 6px;background:#6d805f;border-radius:50%}
.header{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:27px;border-bottom:1px solid var(--line)}
.brand{display:block;flex:0 0 auto;background:#fff;padding:7px 8px;line-height:0}
.brand-logo{width:240px;height:42px;object-fit:cover;object-position:center;display:block}
.nav{display:flex;gap:35px;font-size:13px}
.nav a{padding-block:10px}
.nav a:hover,.text-link:hover,.model a:hover,.email:hover,.secondary-email:hover{color:var(--red)}
.header-phone{text-align:right;font-size:19px;font-weight:600;white-space:nowrap;letter-spacing:-.03em}
.header-phone small{display:block;font-size:11px;color:var(--muted);font-weight:400;letter-spacing:.015em;margin-top:6px}
.hero{padding-block:60px 65px;display:grid;grid-template-columns:1fr 1.15fr;gap:50px;align-items:center}
.eyebrow{text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.14em;display:flex;gap:10px;align-items:center;margin:0 0 26px}
.eyebrow>span{width:19px;height:1px;background:var(--red)}
h1{font-size:clamp(40px,4.3vw,66px);font-weight:500;letter-spacing:-.055em;line-height:1.08;margin:0}
h1 em{font-style:normal;color:var(--red)}
.hero-description{font-size:15px;line-height:1.7;color:#666c62;margin:27px 0 30px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:16px 23px;font-size:12px;font-weight:600;transition:background .2s}
.button-primary{background:var(--red);color:var(--white)}
.button-primary:hover{background:#b72409}
.button span{font-size:20px;line-height:1}
.text-link{display:inline-flex;gap:15px;font-size:12px;align-items:center;line-height:1.5}
.text-link span{font-size:18px}
.hero-note{font-size:11px;color:var(--muted);line-height:1.7;margin:29px 0 0}
.hero-visual{margin:0;align-self:stretch;min-height:430px;position:relative;overflow:hidden;background:#d9d6ce}
.hero-visual>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:88% 50%;display:block}
.hero-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:19px 23px;font-size:10px;letter-spacing:.1em;color:#46483e;background:linear-gradient(transparent,#e6e3dcbb)}
.catalog-section{background:#fff;padding-block:62px 48px;scroll-margin-top:15px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:33px}
.section-heading .eyebrow,.contacts-intro .eyebrow{margin-bottom:13px;color:var(--red)}
h2{font-size:clamp(29px,3vw,44px);letter-spacing:-.045em;font-weight:500;line-height:1.15;margin:0}
.section-heading>p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 3px}
.model-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.model{position:relative;min-width:0;border-bottom:1px solid var(--line);padding-bottom:16px}
.model-index{position:absolute;top:10px;left:10px;z-index:1;font-size:10px;color:#6a6e63;background:#ffffffdc;padding:4px 5px}
.model-photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#eee}
.model h3{font-size:21px;font-weight:500;letter-spacing:-.04em;margin:18px 0 9px;line-height:1.2}
.model-kind{font-size:12px;color:var(--muted);display:block}
.model a{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:12px;padding-block:15px 0}
.model a>span{font-size:20px;color:var(--red)}
.series{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:27px}
.series-label{font-size:12px;color:var(--muted);margin-right:10px}
.series-chip{border:1px solid var(--line);padding:9px 14px;font-size:12px;white-space:nowrap}
.accessories{display:flex;gap:24px;font-size:12px;line-height:1.7;margin-top:20px}
.accessories>span{color:var(--muted);flex:0 0 auto}
.accessories p{margin:0}
.catalog-note{font-size:11px;line-height:1.6;color:var(--muted);margin:20px 0 0}
.contacts-section{padding-block:75px;display:grid;grid-template-columns:1fr 1fr;gap:95px}
.contacts-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.8;margin:21px 0 26px}
.contact-row{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:23px}
.contact-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:14px;line-height:1.5}
.large-phone{display:block;font-size:clamp(25px,2.9vw,40px);letter-spacing:-.045em;line-height:1.2;font-weight:500}
.large-phone:hover,.second-phone:hover{color:var(--red)}
.second-phone{display:inline-block;font-size:16px;letter-spacing:-.02em;margin-top:12px;color:#666c62}
.email{font-size:22px;letter-spacing:-.02em;display:flex;align-items:center;justify-content:space-between;gap:15px}
.email>span{color:var(--red)}
.secondary-email{display:inline-block;font-size:14px;color:var(--muted);margin-top:13px}
.addresses{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.addresses p{font-size:13px;line-height:1.7;margin:0}
.footer{display:flex;align-items:center;gap:35px;border-top:1px solid var(--line);padding-block:28px;color:var(--muted);font-size:11px;line-height:1.6}
.footer-brand{font-size:16px;font-weight:800;letter-spacing:.03em;color:var(--red)}
.footer p{margin:4px 0 0}
.footer .legal{margin:0}
.footer>span{margin-left:auto}
@media(min-width:1800px){
.wrap{width:min(1600px,calc(100% - 160px))}.hero{gap:100px;padding-block:85px}.hero-visual{min-height:530px}h1{font-size:76px}.hero-description{font-size:17px}.model-list{gap:25px}.model h3{font-size:25px}.contacts-section{gap:150px}
}
@media(max-width:1100px){
.wrap{width:calc(100% - 64px)}.header{gap:20px}.brand-logo{width:210px;height:37px}.nav{gap:23px}.hero{gap:30px;padding-block:45px 55px}.hero-visual{min-height:380px}.hero-actions{gap:20px}.hero-description{font-size:14px}.button{gap:25px}.text-link{font-size:11px;gap:10px}.model-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}.model h3{font-size:23px}.contacts-section{gap:50px}.large-phone{font-size:30px}
}
@media(max-width:900px){
.hero{grid-template-columns:1fr;gap:35px}.hero-copy{max-width:620px}h1{font-size:58px}.hero-visual{min-height:0;aspect-ratio:2.1}.hero-visual>img{object-position:center}.model-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}.model h3{font-size:24px}.model a{font-size:12px}.hero-actions{gap:25px}.hero-note{margin-top:23px}.brand-logo{width:195px;height:35px}.nav{font-size:12px;gap:19px}.header-phone{font-size:17px}.large-phone{font-size:27px}
}
@media(max-width:600px){
.wrap{width:calc(100% - 40px)}.notice{font-size:11px;min-height:40px;padding-inline:12px;gap:7px}.header{padding-block:20px;gap:12px}.brand{padding:6px}.brand-logo{width:160px;height:29px}.nav{display:none}.header-phone{font-size:14px}.header-phone small{font-size:10px}.hero{padding-block:34px 38px;gap:30px}.eyebrow{font-size:10px;margin-bottom:21px}h1{font-size:clamp(39px,9.6vw,58px);line-height:1.07}.hero-description{margin-block:21px 24px;font-size:14px}.hero-actions{gap:21px}.button{padding-inline:19px;gap:22px}.text-link{font-size:11px;gap:8px}.hero-note{margin-top:23px;font-size:11px}.hero-visual{aspect-ratio:1.65}.hero-visual>img{object-position:85% center}.hero-visual figcaption{font-size:9px;padding:15px 16px}.catalog-section{padding-block:40px 34px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:15px;font-size:12px}.model-list{grid-template-columns:1fr;gap:28px}.model h3{font-size:25px;margin-top:17px}.model-index{font-size:11px}.model-kind{font-size:13px}.model a{font-size:12px;padding-top:16px}.series{gap:9px;margin-top:26px}.series-label{flex-basis:100%;margin-bottom:4px}.accessories{display:block;margin-top:23px}.accessories p{margin-top:7px;line-height:1.8}.catalog-note{font-size:11px}.contacts-section{grid-template-columns:1fr;padding-block:43px;gap:35px}.contacts-intro>p:not(.eyebrow){margin:17px 0 23px;font-size:14px}.contacts-intro h2{font-size:34px}.contact-row{padding-bottom:21px;margin-bottom:21px}.large-phone{font-size:32px}.email{font-size:23px}.addresses{gap:20px}.addresses p{font-size:12px}.footer{flex-wrap:wrap;gap:20px 16px;padding-block:25px;font-size:10px}.footer .legal{flex-basis:100%;order:3}.footer>span{font-size:11px}
}
@media(max-width:374px){
.header-phone{font-size:12px}.brand-logo{width:140px;height:25px}.wrap{width:calc(100% - 32px)}.hero-actions{gap:17px}.button{padding-inline:17px;gap:20px}.text-link{font-size:10px}.large-phone{font-size:29px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}