/* ── 02 Hero — see sections/02-hero/brief.md ──
   Figma 1:1032 / 1:1042 / 1:1043 · image 1080h from y102 (sits over the header's last 11px) ·
   logo 439×92, 106 above bottom · asterisk 375×363 centred, top 360 (page y 462),
   rotates −180° → 0° over 12.67s (Figma motion) */

.hero {
    --skin-wrapper-padding-block: 0;
    height: calc(1080 * var(--u));
    overflow: hidden;
    background: #1d1d1d;
}
.hero__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.hero__asterisk {
    position: absolute;
    top: calc(360 * var(--u));
    left: 50%;
    width: calc(375 * var(--u));
    height: auto;
    translate: -50% 0;
    animation: hero-asterisk-spin 12.671s ease-out infinite alternate;
}
@keyframes hero-asterisk-spin {
    from { rotate: -180deg; }
    to   { rotate: 0deg; }
}
.hero__logo {
    position: absolute;
    left: max(var(--skin-edge), calc((100% - 1796px) / 2));
    bottom: calc(106 * var(--u));
    margin: 0;
    line-height: 0;
}
.hero__logo img { width: calc(439 * var(--u)); height: auto; }