:root { --gold: #f2b600; --ink: #111; }
* { box-sizing: border-box; }/*
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: #e9e6df; font-family: Arial, Helvetica, sans-serif; }*/
a { color: inherit; }
/*svg { fill:none; stroke:currentColor; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }*/
.hero-shell { min-height: 100svh; overflow: hidden; background: #dedbd3; }
.hero-art { position: relative; isolation: isolate; min-height: 924px; max-width: 1700px; margin: 0 auto; padding: 70px 38px 56px; overflow: hidden; background: linear-gradient(122deg,transparent 0 74%,rgba(213,183,102,.25) 74% 88%,transparent 88%),radial-gradient(circle at 24% 1%,rgba(255,255,255,.86),transparent 31%),radial-gradient(circle at 8% 88%,rgba(255,255,255,.86),transparent 22%),radial-gradient(circle at 84% 76%,rgba(160,155,144,.28),transparent 31%),repeating-linear-gradient(25deg,rgba(70,65,58,.025) 0 1px,transparent 1px 9px),#eeeae2; }
.hero-art::before { content:""; position:absolute; inset:0; z-index:-2; opacity:.22; mix-blend-mode:multiply; background-image:radial-gradient(circle at 10% 20%,#9c978c 0 1px,transparent 1.5px),radial-gradient(circle at 80% 34%,#b1aa9d 0 1px,transparent 1.5px); background-size:24px 24px,31px 31px; }
.hero-art::after { content:""; position:absolute; z-index:-1; width:520px; height:520px; right:-180px; top:-250px; transform:rotate(45deg); background:linear-gradient(135deg,rgba(246,189,24,.53),rgba(173,129,15,.12)); }
.headline { display:flex; align-items:center; gap:18px; height:68px; margin-bottom:37px; }
.gold-line { display:block; flex:0 0 6px; width:6px; height:64px; border-radius:4px; background:linear-gradient(#ffc900,#efaf00); }
.headline h1 { margin:0; font-size:29px; line-height:1.22; font-weight:500; text-transform:uppercase; letter-spacing:-.8px; }
.hero-grid { display:grid; grid-template-columns:365px minmax(650px,800px) minmax(360px,395px); gap:38px; align-items:start; }
.marketing-column { padding-top:14px; }
.marketing-list { display:grid; gap:10px; }
.marketing-card { display:grid; grid-template-columns:70px 1fr; align-items:center; min-height:80px; overflow:hidden; border-radius:26px; background:rgba(255,255,255,.88); box-shadow:0 10px 24px rgba(60,56,47,.07); }
.marketing-card p { margin:0; padding:10px 17px; font-size:18px; line-height:1.36; font-weight:400; }
.icon-tile { display:grid; place-items:center; align-self:stretch; color:var(--gold); background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.45)); box-shadow:10px 0 20px rgba(67,62,52,.06); }
.icon-tile svg { width:30px; height:30px; }
.portraits { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.portrait-card { margin:0; height:470px; overflow:hidden; border-radius:23px; box-shadow:0 16px 28px rgba(48,44,36,.16); background:#ddd; }
.portrait-card img { width:100%; height:100%; display:block; object-fit:cover; }
.person-tag { display:flex; align-items:center; gap:13px; width:max-content; min-height:72px; padding:9px 28px 9px 11px; border-radius:40px; background:rgba(255,255,255,.92); box-shadow:0 13px 24px rgba(55,50,41,.14); font-size:23px; white-space:nowrap; }
.person-tag__icon { display:grid; place-items:center; width:53px; height:53px; border-radius:50%; color:var(--gold); background:rgba(255,255,255,.95); box-shadow:0 7px 14px rgba(70,65,55,.12); }
.person-tag__icon svg { width:29px; height:29px; }
.elena-tag { margin:29px auto 0 58px; }
.alexander-tag { position:absolute; z-index:3; top:-43px; right:-304px; }
.technical-panel { min-height:484px; margin-top:38px; padding:72px 20px 27px; border-radius:34px; background:rgba(255,255,255,.73); box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 14px 34px rgba(70,62,49,.08); }
.panel-title { display:flex; align-items:center; gap:17px; margin-bottom:26px; }
.panel-title .gold-line { height:54px; width:5px; flex-basis:5px; }
.panel-title h2 { margin:0; font-size:25px; line-height:1.21; text-transform:uppercase; letter-spacing:-.5px; font-weight:600; }
.technical-list { display:grid; gap:7px; }
.technical-row { display:grid; grid-template-columns:56px 1fr; align-items:center; min-height:53px; font-size:16px; line-height:1.4; }
.tech-icon { display:grid; place-items:center; width:53px; height:53px; border-radius:16px; color:var(--gold); background:rgba(255,255,255,.95); box-shadow:0 7px 16px rgba(60,55,45,.07); }
.tech-icon svg { width:25px; height:25px; }
.bottom-offer { display:grid; grid-template-columns:130px minmax(0,1fr) 345px; align-items:center; gap:38px; max-width:1430px; margin:53px 98px 0 233px; }
.trophy-card { display:grid; place-items:center; width:110px; height:110px; border-radius:31px; color:var(--gold); background:rgba(255,255,255,.88); box-shadow:0 12px 24px rgba(67,61,49,.12); }
.trophy-card svg { width:63px; height:63px; }
.offer-copy h2 { margin:0; font-size:31px; line-height:1.27; font-weight:300; text-transform:uppercase; letter-spacing:-.8px; }
.offer-copy h2 strong { font-size:42px; font-weight:500; }
.offer-copy p { margin:14px 0 0; color:var(--gold); font-size:19px; text-transform:uppercase; }
.offer-copy p span { padding:0 5px; }
.consult-button { display:flex; align-items:center; justify-content:center; gap:16px; min-height:78px; padding:0 28px; border-radius:42px; color:#fff; text-decoration:none; font-size:18px; font-weight:700; background:linear-gradient(120deg,#efae00,#ffc900 55%,#efad00); box-shadow:0 17px 24px rgba(95,72,10,.24); transition:transform .2s ease,box-shadow .2s ease; }
.consult-button svg { width:30px; height:30px; }
.consult-button:hover { transform:translateY(-2px); box-shadow:0 20px 29px rgba(95,72,10,.3); }
.consult-button:focus-visible { outline:3px solid #111; outline-offset:4px; }
.dot-field { position:absolute; z-index:-1; width:150px; height:110px; opacity:.68; background-image:radial-gradient(circle,#e9b000 0 2px,transparent 2.4px); background-size:18px 18px; }
.dot-field--top { top:-2px; left:58%; }
.dot-field--right { right:-2px; bottom:114px; }
@media (max-width:1500px) { .hero-art{padding-inline:28px}.hero-grid{grid-template-columns:330px minmax(600px,760px) 350px;gap:24px}.marketing-card{grid-template-columns:62px 1fr}.marketing-card p{font-size:16px}.alexander-tag{right:-260px}.bottom-offer{margin-inline:160px 60px}.offer-copy h2{font-size:27px}.offer-copy h2 strong{font-size:36px} }
@media (max-width:1240px) { .hero-art{min-height:auto;padding:42px 28px 50px}.headline{margin-bottom:26px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:26px}.portraits{grid-column:1;grid-row:1}.marketing-column{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:0}.marketing-list{grid-template-columns:1fr 1fr}.elena-tag{margin:0}.technical-panel{grid-column:2;grid-row:1 / span 2;margin-top:0;padding-top:38px}.alexander-tag{top:-22px;right:18px}.bottom-offer{grid-template-columns:100px 1fr;gap:22px;margin:42px 40px 0}.trophy-card{width:92px;height:92px}.consult-button{grid-column:2;width:340px;min-height:66px} }
@media (max-width:820px) { .hero-art{padding:28px 18px 38px}.headline{height:auto;align-items:stretch;margin-bottom:24px}.headline .gold-line{height:auto;min-height:58px}.headline h1{font-size:clamp(23px,6vw,31px)}.hero-grid{display:flex;flex-direction:column}.portraits{order:1;width:100%;gap:12px}.portrait-card{height:auto;aspect-ratio:389 / 470;border-radius:18px}.alexander-tag{top:auto;right:50%;bottom:-28px;transform:translateX(50%);font-size:18px;min-height:58px;padding-right:20px}.person-tag__icon{width:43px;height:43px}.technical-panel{order:3;width:100%;min-height:0;margin-top:4px;padding:31px 18px 22px}.marketing-column{order:2;width:100%;display:block;margin-top:28px}.marketing-list{grid-template-columns:1fr 1fr}.elena-tag{margin:20px auto 0;font-size:19px;min-height:60px}.bottom-offer{grid-template-columns:75px 1fr;gap:18px;margin:36px 4px 0}.trophy-card{width:75px;height:75px;border-radius:23px}.offer-copy h2{font-size:19px}.offer-copy h2 strong{font-size:27px}.offer-copy p{font-size:14px;line-height:1.45}.consult-button{grid-column:1 / -1;width:100%} }
@media (max-width:560px) { .hero-art{padding-inline:13px}.headline{gap:11px}.headline h1{font-size:22px;letter-spacing:-.4px}.portraits{gap:8px}.portrait-card{border-radius:15px}.alexander-tag{bottom:-24px;font-size:15px}.marketing-list{grid-template-columns:1fr;gap:8px}.marketing-card{min-height:70px;border-radius:22px}.marketing-card p{font-size:15px}.technical-row{font-size:15px}.panel-title h2{font-size:22px}.bottom-offer{grid-template-columns:64px 1fr;gap:13px}.trophy-card{width:64px;height:64px}.trophy-card svg{width:45px;height:45px}.offer-copy h2{font-size:16px}.offer-copy h2 strong{font-size:22px}.offer-copy p{font-size:12px;margin-top:8px} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.consult-button{transition:none} }