:root{--base:#111313;--panel:#1a1c1c;--panel2:#222525;--line:#363939;--cream:#f2efe8;--quiet:#a6aaa7;--orange:#ff742e;--orange2:#e76221}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--base);color:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:5px}::selection{background:var(--orange);color:#111}
.shell{width:min(1160px,calc(100% - 68px));margin:auto}
header{position:relative;z-index:2}.nav{display:flex;align-items:center;justify-content:center;padding:31px 0;gap:24px}.identity{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0}.logoMark{width:39px;height:39px;display:grid;place-items:center;border:1.5px solid var(--orange);border-radius:12px;color:var(--orange)}.logoMark svg{width:23px;height:23px}.identityText{font-size:clamp(15px,2.1vw,20px);font-weight:850;letter-spacing:-.045em;white-space:nowrap}.identityText span{color:var(--orange)}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;min-height:527px;align-items:center;padding:46px 0 70px}.eyebrow{display:flex;align-items:center;gap:11px;color:#b9bcb8;font-size:11px;letter-spacing:.20em;font-weight:750;text-transform:uppercase}.eyebrow:before{content:"";width:21px;height:2px;background:var(--orange)}h1{font-size:clamp(47px,6.2vw,88px);line-height:1.015;letter-spacing:-.085em;font-weight:790;margin:28px 0 21px;max-width:600px}h1 em{font-style:normal;color:var(--orange)}.lede{max-width:470px;color:#acb1ad;font-size:15px;line-height:1.85;margin:0 0 32px}.heroactions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.btnMain{background:var(--orange);color:#171717;display:inline-flex;align-items:center;gap:28px;padding:17px 21px;font-size:13px;font-weight:820;border-radius:8px;transition:background .2s,transform .2s}.btnMain svg{width:19px;height:19px}.btnMain:hover{background:#ff965c;transform:translateY(-2px)}.textLink{display:inline-flex;align-items:center;gap:8px;color:#d7dad6;font-size:12px;font-weight:680}.textLink svg{width:17px;height:17px;color:var(--orange)}.textLink:hover{color:var(--orange)}
.visual{position:relative;min-height:465px;isolation:isolate;display:grid;place-items:center}.visual:before{content:"";position:absolute;width:min(96%,430px);aspect-ratio:1;border:1px solid #303332;border-radius:50%;box-shadow:0 0 0 58px #ffffff03,0 0 0 119px #ffffff02;z-index:-1}.visual:after{content:"";position:absolute;width:245px;height:245px;background:var(--orange);filter:blur(110px);opacity:.16;z-index:-2}.mechanic{width:min(100%,540px);height:auto;filter:drop-shadow(0 26px 27px #0009)}.visualNote{position:absolute;right:4px;bottom:8px;display:flex;align-items:center;gap:8px;font-size:10px;color:#858d88;letter-spacing:.15em;text-transform:uppercase}.visualNote span{width:18px;height:1px;background:var(--orange)}
.sectionIntro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:5px 0 25px}.sectEyebrow{font-size:11px;font-weight:740;letter-spacing:.18em;color:var(--orange);text-transform:uppercase}.sectionIntro h2{font-size:clamp(28px,3.1vw,42px);line-height:1.12;letter-spacing:-.06em;font-weight:760;margin:11px 0 0}.sectionIntro p{color:#8e9691;font-size:12px;max-width:240px;line-height:1.7;margin:0 0 4px;text-align:right}
.catalogs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.catalog{position:relative;display:flex;flex-direction:column;min-height:312px;border:1px solid #303433;border-radius:13px;background:#1a1d1c;padding:29px 30px;overflow:hidden;transition:border-color .2s,transform .2s,background .2s}.catalog:hover{border-color:#b15930;transform:translateY(-4px);background:#202320}.catalog:focus-visible{outline-offset:3px}.catalog .number{font-size:11px;font-weight:750;color:#9aa29c;letter-spacing:.14em}.catalog h3{font-size:clamp(26px,3.2vw,40px);line-height:1.1;letter-spacing:-.06em;font-weight:740;max-width:275px;margin:39px 0 13px;position:relative;z-index:1}.catalog p{font-size:12px;line-height:1.8;color:#a4aca6;max-width:245px;margin:0;position:relative;z-index:1}.catalogFooter{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:25px;position:relative;z-index:1;font-size:12px;font-weight:800}.catalogFooter span{display:inline-flex;gap:8px;align-items:center;color:#f1e9df}.catalogFooter span svg{width:16px;height:16px;color:var(--orange)}.arrowCircle{width:38px;height:38px;display:grid;place-items:center;border:1px solid #62645d;border-radius:50%;transition:background .2s,color .2s}.arrowCircle svg{width:17px;height:17px}.catalog:hover .arrowCircle{background:var(--orange);border-color:var(--orange);color:#131313}.catalogDecoration{position:absolute;right:-76px;top:15px;width:277px;height:277px;opacity:.08;transform:rotate(-16deg);pointer-events:none}.catalog:nth-child(2){background:#211c19;border-color:#45362f}.catalog:nth-child(2):hover{background:#28201c;border-color:#cf6f3e}.catalog:nth-child(2) .catalogDecoration{right:-50px;top:-2px;opacity:.12;transform:rotate(9deg)}
.below{display:flex;justify-content:center;align-items:center;padding:70px 0 65px}.belowLabel{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--orange);font-weight:750}.below h2{font-size:clamp(30px,3vw,45px);letter-spacing:-.06em;line-height:1.16;font-weight:735;max-width:510px;margin:17px 0 15px}.below p{color:#a5aaa5;font-size:13px;line-height:1.85;max-width:460px}.contactLinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(760px,100%);margin-inline:auto}.contactItem{display:flex;gap:16px;align-items:center;padding:17px 19px;border:1px solid #343838;border-radius:10px;transition:background .2s,border-color .2s}.contactItem:hover{background:#1d2020;border-color:#69665e}.contactIcon{width:37px;height:37px;display:grid;place-items:center;border-radius:8px;color:var(--orange);background:#ff742e11}.contactIcon svg{width:19px;height:19px}.contactItem .meta{display:grid;gap:4px;flex:1}.contactItem .meta strong{font-size:13px;font-weight:720}.contactItem .meta small{font-size:11px;color:#909790}.contactItem>.tail{width:16px;height:16px;color:#838984}
.end{padding:25px 0 30px;border-top:1px solid #262b29;display:flex;justify-content:space-between;gap:16px;align-items:center;color:#838a84;font-size:11px}.end strong{color:#b3b7b2;font-weight:740}.end a{color:#9b9e99}.end a:hover{color:var(--orange)}
@media(max-width:880px){.hero{grid-template-columns:1fr;gap:0;padding:30px 0 50px}.visual{min-height:340px;order:-1}.mechanic{width:min(420px,90%)}.hero h1{max-width:670px}.visualNote{right:15%}.below{padding:60px 0}.contactLinks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.shell{width:min(100% - 34px,1160px)}.nav{padding:22px 0}.identityText{font-size:14px}.hero{padding:8px 0 55px}.visual{min-height:275px}.visual:before{width:240px;box-shadow:0 0 0 38px #ffffff03}.mechanic{max-width:325px}.visualNote{display:none}.eyebrow{font-size:10px}.hero h1{font-size:clamp(49px,12vw,70px);margin:23px 0 17px}.lede{font-size:14px;line-height:1.7;margin-bottom:27px}.heroactions{gap:18px}.btnMain{padding:16px 18px}.sectionIntro{align-items:start;margin-bottom:20px}.sectionIntro p{display:none}.catalogs{grid-template-columns:1fr}.catalog{min-height:284px;padding:25px}.catalog h3{margin-top:32px;font-size:35px}.below{padding:48px 0 47px}.contactLinks{grid-template-columns:1fr}.end{flex-direction:column;align-items:start;gap:7px;padding:21px 0 28px}.end span:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
