*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;background:#05090d;color:#fff;font-family:Arial,Helvetica,sans-serif}
body{overflow-x:hidden}
.hero{position:relative;isolation:isolate;width:100%;min-height:100vh;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 50% 38%,#0b1219 0,#05090d 56%,#020406 100%)}
.hero::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;transform:translateX(-50%);width:min(58vw,880px);background:linear-gradient(90deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,.78) 16%,rgba(0,0,0,.92) 50%,rgba(0,0,0,.78) 84%,rgba(0,0,0,.28) 100%);border-left:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.07);box-shadow:0 0 70px rgba(0,0,0,.72)}
.scene{position:absolute;z-index:-2;top:0;bottom:0;width:40%;background-size:cover;background-repeat:no-repeat}
.scene-left{left:0;background-image:linear-gradient(90deg,rgba(2,5,8,.50),rgba(5,9,13,.12) 70%,#05090d 100%),url("./aluvenco-aluminum-left.jpg");background-position:left center}
.scene-right{right:0;background-image:linear-gradient(270deg,rgba(2,5,8,.02),rgba(5,9,13,.12) 70%,#05090d 100%),url("./aluvenco-equipment-right.jpg");background-position:right center}
.corner{position:absolute;z-index:3;top:clamp(24px,4.7vh,52px);font-size:clamp(.62rem,1.03vw,1.08rem);font-weight:300;line-height:1.72;letter-spacing:.36em;text-shadow:0 2px 12px #000}
.corner-left{left:clamp(20px,4.1vw,64px)}.corner-right{right:clamp(20px,4.1vw,64px)}
.corner i{display:block;width:62px;max-width:40%;height:2px;background:#fff;margin-top:14px}
.content{width:min(58vw,880px);min-height:100vh;min-height:100svh;margin:0 auto;padding:clamp(68px,7vh,90px) 24px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.logo{display:block;width:min(590px,46vw);height:auto;max-height:50vh;object-fit:contain}
.tagline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.48em;margin-top:0;font-size:clamp(.64rem,.98vw,1.04rem);letter-spacing:.27em}.tagline b{font-weight:400}
.separator{width:100%;height:1px;background:rgba(255,255,255,.16);margin-top:22px}
h1{margin:clamp(20px,3vh,34px) 0 0;font-size:clamp(1.9rem,3.25vw,3.7rem);line-height:1.08;letter-spacing:.055em;font-weight:800}h1 span{white-space:nowrap}
.sub{margin:14px 0 0;font-size:clamp(.66rem,.98vw,1.03rem);letter-spacing:.35em;line-height:1.55}
.contacts{display:flex;align-items:center;justify-content:center;gap:clamp(22px,3.4vw,48px);width:100%;margin-top:clamp(28px,4vh,46px);margin-bottom:14px}
.contact{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:clamp(.54rem,.8vw,.9rem);letter-spacing:.2em;transition:.2s}
.contact:hover{color:#fff;opacity:.76;transform:translateY(-2px)}
.contact svg{width:clamp(34px,3.6vw,48px);height:clamp(34px,3.6vw,48px);fill:none;stroke:currentColor;stroke-width:2}
.vline{width:1px;height:54px;background:rgba(255,255,255,.72)}

@media(max-width:1199.98px){.scene{width:38%}.content{width:64vw}.hero::before{width:64vw}.logo{width:min(560px,56vw)}}
@media(max-width:991.98px){.scene{width:35%}.content{width:72vw}.hero::before{width:72vw}.corner{font-size:.6rem;letter-spacing:.24em}.logo{width:min(515px,64vw)}h1{font-size:clamp(1.8rem,4.7vw,3rem)}}
@media(max-width:767.98px){
  .hero{min-height:100svh}
  .scene{width:70%;opacity:.3}.scene-left{left:-25%}.scene-right{right:-25%}
  .hero::before{width:100%;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.72) 18%,rgba(0,0,0,.88) 50%,rgba(0,0,0,.72) 82%,rgba(0,0,0,.28));border:0}
  .corner{top:17px;font-size:clamp(.42rem,2vw,.58rem);line-height:1.68;letter-spacing:.19em}.corner-left{left:15px}.corner-right{right:15px}.corner i{height:1px;width:34px;margin-top:7px}
  .content{width:100%;min-height:100svh;padding:100px 15px 18px;justify-content:flex-start}
  .logo{width:min(430px,91vw);max-height:none}
  .tagline{margin-top:-2px;font-size:clamp(.48rem,2.15vw,.64rem);letter-spacing:.12em}
  .separator{margin-top:16px}
  h1{margin-top:26px;font-size:clamp(1.5rem,7.7vw,2.5rem);letter-spacing:.04em}h1 span{display:block}
  .sub{max-width:360px;margin-top:11px;font-size:clamp(.5rem,2.05vw,.64rem);letter-spacing:.17em}
  .contacts{margin-top:32px;margin-bottom:12px;gap:13px}
  .contact{max-width:46%;font-size:clamp(.39rem,1.7vw,.53rem);letter-spacing:.1em;line-height:1.4}.contact svg{width:32px;height:32px}.vline{height:42px}
}
@media(max-width:380px){.corner{font-size:.38rem;letter-spacing:.14em}.corner-left{left:10px}.corner-right{right:10px}.content{padding-left:10px;padding-right:10px}.logo{width:91vw}.contact{font-size:.36rem}}
@media(max-width:767.98px) and (orientation:landscape){.content{padding-top:64px;padding-bottom:8px;justify-content:center}.logo{width:min(280px,41vw)}.tagline{margin-top:-3px;font-size:.43rem}.separator{margin-top:8px}h1{margin-top:12px;font-size:1.32rem}.sub{margin-top:6px}.contacts{margin-top:12px;margin-bottom:4px}.contact svg{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.contact{transition:none}}

.legal-links{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 10px;font-size:clamp(.7rem,.85vw,.85rem);letter-spacing:.08em;color:#b8c2cb}.legal-links a{color:inherit;text-decoration:none;padding:7px 2px}.legal-links a:hover,.legal-links a:focus-visible{color:#fff;text-decoration:underline}