.hero-image{background-image:linear-gradient(270deg,rgba(7,7,7,.86) 0%,rgba(7,7,7,.48) 42%,rgba(7,7,7,.05) 76%),url('assets/hero-dk-visuals.webp');background-position:center center}
.hero-content{width:min(570px,86%);margin-left:auto;margin-right:max(5vw,24px)}
.hero-brandline{margin:0 0 12px;color:#fff;font-size:clamp(1.05rem,1.8vw,1.45rem);font-weight:700;letter-spacing:.28em;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.hero-brandline::after{content:"";display:inline-block;width:52px;height:1px;margin:0 0 .35em 16px;background:var(--gold2)}

.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(22px)}
.js .reveal.visible{opacity:1;transform:none}

.footer-links{flex-wrap:wrap;row-gap:12px}.footer-links a{overflow-wrap:anywhere}
.trademark-note{grid-column:1/-1;margin:4px 0 -18px;color:#777;font-size:9px;line-height:1.5}
.consent a{color:var(--gold2);text-decoration:underline;text-underline-offset:3px}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.js .reveal,.js .reveal.visible{opacity:1;transform:none;transition:none}.portfolio-item img{transition:none}}

@media(max-width:850px){.footer-links{max-width:100%}.trademark-note{grid-column:auto;margin-bottom:0}.hero-image{background-image:linear-gradient(90deg,rgba(7,7,7,.78),rgba(7,7,7,.34)),url('assets/hero-dk-visuals.webp');background-position:42% center}.hero-content{margin-left:24px;margin-right:0}.hero-brandline{letter-spacing:.2em}}