/* HayzV · Schmankerl: polished but restrained and accessible. */
:root{--hv-delight:#c85d83;--hv-gloss:rgba(239,156,187,.2)}
html{scroll-behavior:smooth;scroll-padding-top:105px}
.hayz-experience ::selection{background:#a44268;color:#fff}
.hv-skip{position:fixed;z-index:100000;top:10px;left:10px;transform:translateY(-155%);background:#f6ebef;color:#2b1723!important;padding:13px 18px;border-radius:6px;font-weight:800;text-decoration:none;transition:transform .15s}
.hv-skip:focus{transform:translateY(0)}
.hayz-hero::after{background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.025) 25%),linear-gradient(110deg,transparent 35%,rgba(229,140,168,.032) 48%,transparent 65%);}
.hayz-hero-topline:after{content:"HV / 001";position:absolute;top:56px;right:0;color:rgba(245,200,215,.32);font-size:clamp(8px,1vw,12px);font-weight:700;letter-spacing:.2em}
.hayz-feature{isolation:isolate}
.hayz-feature::before{content:"";position:absolute;pointer-events:none;top:-2px;left:0;right:0;height:2px;opacity:.3;transform:scaleX(.18);transform-origin:left;background:linear-gradient(90deg,#e990ae,transparent 90%);transition:transform .35s ease,opacity .35s ease}
.hayz-feature:is(:hover,:focus-visible)::before{transform:scaleX(1);opacity:1}
.hayz-feature:focus-visible{outline:2px solid #f4b6cc!important;outline-offset:4px}
.hayz-steps>a:focus-visible,.hayz-cta:focus-visible{outline:2px solid #f1abc4!important;outline-offset:4px}
.hayz-steps>a{position:relative}
.hayz-steps>a::before{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:linear-gradient(90deg,#d47193,#eeafc4);transition:width .28s ease}
.hayz-steps>a:is(:hover,:focus-visible)::before{width:100%}
.hayz-marquee{box-shadow:0 13px 40px rgba(73,12,36,.22)}
.hayz-section-id{display:inline-flex;align-items:center;gap:12px}
.hayz-section-id::before{content:"";width:16px;height:1px;background:#e091af;flex:0 0 auto}
.hv-back-top{position:fixed;z-index:40;right:25px;bottom:24px;width:49px;height:49px;padding:0;display:grid;place-items:center;border-radius:7px;border:1px solid rgba(242,175,197,.43);background:rgba(37,27,37,.88);box-shadow:0 12px 36px rgba(0,0,0,.27);color:#ffdee8;font-size:24px;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .22s,transform .22s,visibility .22s,background .22s}
.hv-back-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.hv-back-top:is(:hover,:focus-visible){background:#81304f;color:#fff}
.hayz-experience .site-header .main-nav a:is(:hover,:focus-visible){color:#ffccdf!important}
.hayz-experience .site-header .brand:hover .brand-logo img{filter:drop-shadow(0 0 12px rgba(224,103,146,.24))}
/* Future-proof: no layout jumps while hover/reveal effects initialize. */
.hayz-reveal{transition:opacity .7s cubic-bezier(.16,1,.3,1),translate .7s cubic-bezier(.16,1,.3,1)}
.hayz-reveal.hayz-before-view{opacity:.02;translate:0 26px}
.hayz-reveal.hayz-in-view{opacity:1;translate:0 0}
body:not(.hayz-experience) .site-header .brand-logo{transition:filter .3s}
body:not(.hayz-experience) .site-header .brand-logo:hover{filter:drop-shadow(0 2px 9px rgba(193,79,122,.22))}
body:not(.hayz-experience) .site-footer .footer-grid{border-top:1px solid rgba(218,122,154,.08)}
@media(hover:none){.hayz-feature:hover{transform:none}.hayz-feature:hover::after{opacity:.6}}
@media(max-width:650px){.hv-back-top{right:13px;bottom:13px;width:45px;height:45px}.hayz-hero-topline:after{display:none}.hayz-reveal.hayz-before-view{translate:0 15px}.hayz-experience .hayz-scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.hayz-reveal,.hayz-feature::before,.hayz-steps>a::before,.hv-back-top{transition:none!important}.hayz-reveal.hayz-before-view{opacity:1;translate:none}.hv-back-top{transform:none!important}}
/* The long third hero line must fit on phones rather than being cropped. */
@media(max-width:680px){.hayz-headline>span:last-child{font-size:.68em;letter-spacing:-.065em!important}}
@media(min-width:681px) and (max-width:900px){.hayz-headline>span:last-child{font-size:.88em}}
/* Narrow-screen protection for long editorial words (e.g. GESCHICHTE). */
@media(max-width:680px){.hayz-statement-grid,.hayz-statement-grid>*,.hayz-statement h2{min-width:0;max-width:100%}.hayz-statement h2{font-size:clamp(3rem,10.6vw,5.2rem)!important;overflow-wrap:normal}.hayz-gallery-head h2,.hayz-journey-head h2{font-size:clamp(3.2rem,11vw,5.8rem)!important}}
@media(max-width:360px){.hayz-experience .hayz-headline{font-size:clamp(3.6rem,19vw,4.4rem)!important}.hayz-headline>span:last-child{font-size:.66em!important}.hayz-statement h2{font-size:clamp(2.65rem,12vw,3rem)!important}}
