.modern-hero{position:relative;isolation:isolate;overflow:hidden;padding:65px 48px 84px;margin:8px -24px 28px;border-radius:26px;background:radial-gradient(ellipse at 86% 28%,#244c82 0,transparent 48%),linear-gradient(120deg,#091a36,#112d56 65%,#174577);color:#fff;min-height:620px;gap:36px}
.modern-hero>div:first-child{position:relative;z-index:3}
.modern-hero h1{font-size:clamp(39px,4.1vw,58px);color:white;margin-top:24px}
.modern-hero h1 em{color:#a6d6ff}
.modern-hero .intro{color:#c3d4e9;max-width:450px}
.modern-hero .hero-kicker{color:#b9d4f5;font-size:9px;letter-spacing:1.5px}
.modern-hero .hero-kicker .dot{background:#addcfc;box-shadow:0 0 15px #bce9ff}
.modern-hero .btn{background:#fff;border-color:white;color:#15365d;box-shadow:0 8px 20px #0002}
.modern-hero .btn.secondary{background:#ffffff08;border-color:#ffffff50;color:#fff;box-shadow:none}
.modern-hero .hero-person{color:white}.modern-hero .hero-person small{color:#aec7e3}
.modern-hero .hero-photo{z-index:1;padding:22px 10px 30px 20px;animation:portrait-float 10s ease-in-out infinite}
.modern-hero .hero-photo:before{background:linear-gradient(140deg,#6eb6ef66,#9edbff08);inset:0;border:1px solid #bfe4ff33;box-shadow:0 0 90px #67b7e420}
.modern-hero .hero-photo:after{background:linear-gradient(145deg,#ffd85c,#dba62e);width:100px;height:100px;right:0;bottom:3px}
.portrait-window{position:relative;overflow:hidden;border-radius:50%;border:7px solid #ffffffcc;aspect-ratio:1.08;box-shadow:0 24px 55px #0003}
.modern-hero .portrait-window img{height:100%;width:100%;border:0;border-radius:0;aspect-ratio:auto;object-fit:cover;animation:portrait-camera 18s ease-in-out infinite alternate;will-change:transform}
.modern-hero .portrait-note{z-index:4;color:#10264c;bottom:2px;left:4px;padding:13px 16px;min-width:225px;background:#f7fbff;box-shadow:0 14px 35px #0003}
.winter-aurora{position:absolute;z-index:0;inset:-30%;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,#61baff28,transparent 38%),radial-gradient(ellipse at 10% 90%,#9dceef13,transparent 42%);animation:winter-light 16s ease-in-out infinite alternate}
.winter-orbit{position:absolute;width:560px;height:560px;border:1px solid #9bd2ff13;border-radius:50%;top:-260px;left:18%;pointer-events:none}
.winter-orbit:after{content:'';position:absolute;inset:34px;border:1px solid #9bd2ff16;border-radius:50%}
.snow-layer{position:absolute;inset:0;overflow:hidden;z-index:2;pointer-events:none;user-select:none;border-radius:inherit}
.snowflake{position:absolute;top:-24px;left:var(--x);width:var(--size);height:var(--size);border-radius:50%;background:#fff;opacity:var(--opacity);box-shadow:0 0 6px #e1f4ff66;animation:snow-fall var(--duration) linear var(--delay) infinite;will-change:transform}
.snowflake.crystal{background:none;box-shadow:none;color:#e3f3ff;font-size:var(--size);width:auto;height:auto;line-height:1}
.winter-control{position:absolute;z-index:5;bottom:23px;left:48px;display:flex;gap:8px;align-items:center;border:1px solid #bedcfb40;background:#ffffff09;border-radius:20px;color:#cee4f9;padding:7px 12px;font-size:10px;backdrop-filter:blur(8px)}
.winter-control:hover{background:#ffffff20}.winter-control:focus-visible{outline:2px solid #fff;outline-offset:4px}
.winter-control-icon{font-size:12px;width:12px;text-align:center}
.winter-contact{isolation:isolate;padding-bottom:80px;background:radial-gradient(ellipse at 85% 90%,#21518c,#0b214a 65%)}
.winter-contact>div:not(.snow-layer):not(.winter-aurora),.winter-contact>.btn{position:relative;z-index:3}
.winter-contact .winter-control{left:45px;bottom:22px}
.winter-contact:before{content:'';position:absolute;z-index:1;bottom:-27px;left:-5%;width:110%;height:47px;border-radius:50% 50% 0 0;background:linear-gradient(#d3ebfae0,#fff);box-shadow:0 -5px 25px #c1e7ff20}
.winter-paused .snowflake,.winter-paused .winter-aurora,.winter-paused .hero-photo,.winter-paused .portrait-window img,.winter-offscreen .snowflake,.winter-offscreen .winter-aurora,.winter-offscreen .hero-photo,.winter-offscreen .portrait-window img{animation-play-state:paused!important}
.winter-suspended .snowflake,.winter-suspended .winter-aurora,.winter-suspended .hero-photo,.winter-suspended .portrait-window img{animation-play-state:paused!important}
@keyframes snow-fall{from{transform:translate3d(0,-15px,0) rotate(0deg)}to{transform:translate3d(var(--drift),var(--snow-travel,750px),0) rotate(160deg)}}
@keyframes portrait-camera{from{transform:scale(1.015) translate3d(-.4%,0,0)}to{transform:scale(1.095) translate3d(.7%,.3%,0)}}
@keyframes portrait-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}
@keyframes winter-light{from{transform:translate3d(-2%,-1%,0) rotate(-6deg)}to{transform:translate3d(3%,2%,0) rotate(6deg)}}
@media(max-width:1000px){.modern-hero{padding:48px 30px 80px;margin-left:0;margin-right:0;gap:24px;min-height:560px}.modern-hero h1{font-size:42px}.winter-control{left:30px}.modern-hero .portrait-note{min-width:0;padding:11px}.modern-hero .portrait-note b{font-size:10px}}
@media(max-width:700px){.modern-hero{padding:34px 24px 76px;border-radius:20px;gap:32px;min-height:0}.modern-hero h1{font-size:clamp(32px,7.8vw,43px);letter-spacing:-1.6px}.modern-hero .hero-kicker{font-size:8px;letter-spacing:.7px}.modern-hero .intro{font-size:13px}.modern-hero .hero-photo{max-width:390px;padding:16px 9px 25px 14px}.modern-hero .portrait-note{bottom:0;left:0}.modern-hero .portrait-note b{font-size:11px}.modern-hero .portrait-note small{font-size:9px}.modern-hero .hero-person{margin-top:24px}.modern-hero .actions{gap:8px}.modern-hero .btn{padding:12px 13px;font-size:11px}.winter-control{left:24px;bottom:20px}.winter-contact{padding-bottom:80px}.winter-contact .winter-control{left:28px}.snowflake:nth-child(n+23){display:none}}
@media(prefers-reduced-motion:reduce){.snowflake,.winter-aurora,.modern-hero .hero-photo,.modern-hero .portrait-window img{animation:none!important}.snowflake{display:none}}