/* MSC DESIGN V7 — no fictional samples. Hero is typographic brand art, not a sample site. */
.hero-art-v7 {min-height:690px;background:#0d181a;overflow:hidden;position:relative;color:#f8f8f5;isolation:isolate}
.hero-art-v7::before,.hero-art-v7::after{content:none;display:none}
.v7-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(25% - 1px),#d7f7ee10 25%),linear-gradient(0deg,transparent calc(20% - 1px),#d7f7ee0c 20%);background-size:25% 100%,100% 20%;opacity:1}
.v7-orbit{position:absolute;right:-40%;top:16%;height:68%;aspect-ratio:1;border:clamp(44px,5vw,86px) solid #0b969b26;border-radius:50%;filter:blur(.2px);transform:rotate(-22deg);box-shadow:0 0 0 1px #33c4c31b,inset 0 0 0 1px #33c4c31a}
.v7-art-top,.v7-art-bottom{position:absolute;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;font:700 9px/1.5 Arial,'Helvetica Neue',sans-serif;letter-spacing:.15em;z-index:2}
.v7-art-top{top:29px;color:#d6e8e4}.v7-art-top span:last-child{color:#84aaa9;font-size:8px}.v7-art-bottom{bottom:24px;border-top:1px solid #a9dedb35;padding-top:17px;color:#9fbfbc}
.v7-dot{display:inline-block;width:7px;height:7px;margin-right:8px;background:#13a4a9;border-radius:50%;vertical-align:middle}
.v7-typography{position:absolute;top:16%;left:7%;right:2%;z-index:1;line-height:.91}
.v7-overline{display:block;font:700 10px/1 Arial,sans-serif;letter-spacing:.18em;color:#74b9b8;margin-bottom:23px}
.v7-typography strong{display:block;font:900 clamp(75px,7.65vw,134px)/.92 Arial,Helvetica,sans-serif;letter-spacing:-.098em;color:#f8f8f6;white-space:nowrap}
.v7-typography strong:nth-child(3){color:#10b0b3;position:relative}
.v7-typography .v7-outline{-webkit-text-stroke:1.6px #e6efea;color:transparent;font-size:clamp(72px,7.25vw,124px)}
.v7-asterisk{font-size:.36em;vertical-align:top;color:#cdf7de;line-height:1.2;margin-left:.22em;letter-spacing:0}
.v7-punct{color:#14adb1;-webkit-text-stroke:0}
.v7-tagline{position:absolute;left:7%;right:13%;bottom:14%;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;background:#0c9fa2;padding:17px 19px 18px;box-shadow:12px 13px 0 #042e319e;gap:12px}
.v7-tagline b{font-size:clamp(17px,1.65vw,24px);font-weight:850;line-height:1.45;letter-spacing:-.06em;color:#fff}
.v7-tagline>span{display:block;font:700 8px/1.55 Arial,sans-serif;letter-spacing:.1em;color:#daf8f4;text-align:right;max-width:125px}
.v7-tagline>span span{display:block;margin-top:6px;font-size:19px}
@media(max-width:1190px){.hero-art-v7{min-height:620px}.v7-typography strong{font-size:clamp(65px,7.7vw,95px)}.v7-typography .v7-outline{font-size:clamp(60px,7.3vw,92px)}}
@media(max-width:870px){.hero-art-v7{min-height:550px}.v7-typography{top:18%}.v7-typography strong{font-size:clamp(80px,13.5vw,112px)}.v7-typography .v7-outline{font-size:clamp(73px,12.5vw,105px)}.v7-tagline{bottom:13%}}
@media(max-width:600px){.hero-art-v7{min-height:420px}.v7-art-top,.v7-art-bottom{left:18px;right:18px;font-size:8px}.v7-art-top{top:22px}.v7-art-top span:last-child{font-size:7px}.v7-art-bottom{bottom:16px}.v7-typography{left:7%;top:18%}.v7-overline{font-size:9px;margin-bottom:15px}.v7-typography strong{font-size:clamp(62px,14.2vw,91px)}.v7-typography .v7-outline{font-size:clamp(58px,13.3vw,85px)}.v7-tagline{left:7%;right:14%;bottom:15%;padding:12px 14px;box-shadow:8px 8px 0 #042e319e}.v7-tagline b{font-size:18px}.v7-tagline>span{font-size:6px}}
@media(max-width:360px){.v7-typography strong{font-size:59px}.v7-typography .v7-outline{font-size:55px}.v7-art-top span:last-child{display:none}.v7-tagline b{font-size:16px}}
@media(prefers-reduced-motion:reduce){.hero-art-v7 *{animation:none!important;transition:none!important}}