.announcement{display:none}
.entry-curtain{display:none}
.header{position:absolute;top:0;left:0;right:0;background:transparent;color:#fff;z-index:8;height:100px;border-bottom:1px solid #ffffff44}
.header .wordmark{font-size:2.35rem;letter-spacing:.2em;text-shadow:0 1px 10px #0005}
.nav a:hover{opacity:.7}
.entry-curtain{position:fixed;inset:0;z-index:20;pointer-events:none;background:#171b1b;color:#f4f0e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;animation:curtain-out 1.8s ease-in-out forwards}
.entry-curtain span{font-family:'Italiana',Georgia,serif;font-size:clamp(2.6rem,7vw,7rem);letter-spacing:.2em;animation:mark-reveal 1.2s ease-out both}
.entry-curtain small{font-size:.7rem;letter-spacing:.35em;animation:mark-reveal 1.2s .2s ease-out both}
@keyframes curtain-out{0%,48%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes mark-reveal{from{opacity:0;transform:translateY(16px);letter-spacing:.3em}to{opacity:1;transform:none;letter-spacing:.2em}}
.hero{height:100svh;min-height:650px;background:#171b1b}
.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(1.07) saturate(.86)}
.hero-shade{background:linear-gradient(180deg,#0007 0%,transparent 34%,#0002 52%,#0009 100%),linear-gradient(90deg,#0003,transparent 70%)}
.hero-copy{top:auto;bottom:12%;left:5%;right:5%;transform:none;max-width:none;text-align:center;animation:copy-rise 1.3s 1s both}
.hero-copy{top:50%;bottom:auto;left:7%;right:auto;transform:translateY(-50%);max-width:650px;text-align:left;animation:copy-live .8s .3s both}
@keyframes copy-live{from{opacity:0;transform:translateY(calc(-50% + 16px))}to{opacity:1;transform:translateY(-50%)}}
@keyframes copy-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hero h1{font-size:clamp(4.5rem,8.5vw,10rem);line-height:.88;margin:0 0 23px;text-shadow:0 4px 20px #0005}
.hero h1{font-size:clamp(4.2rem,6vw,7rem)}
.hero-sub{max-width:none;margin:0 0 28px;font-size:1rem;letter-spacing:.025em}
.hero-sub{max-width:430px}
.hero-copy .eyebrow{margin-bottom:29px}
.hero-copy .button{min-height:48px;background:#f1eee8;color:#171b1b;border-color:#f1eee8}
.hero-copy .button:hover{background:transparent;color:#fff}
.hero-bottom{bottom:26px;left:4%;right:4%;align-items:center;z-index:2}
.hero-bottom-right{display:flex;align-items:center;gap:36px}
.film-toggle{border:1px solid #ffffff88;color:#fff;background:#0003;cursor:pointer;padding:10px 14px;font-size:.62rem;letter-spacing:.16em;min-width:110px}
.film-toggle:hover,.film-toggle:focus-visible{background:#f1eee8;color:#171b1b}
.film-toggle[hidden]{display:none}
.motion-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}
.motion-ready .reveal.revealed{opacity:1;transform:none}
.material-picture img{transition:transform 1.2s ease}
.material:hover .material-picture img{transform:scale(1.035)}
@media(max-width:850px){.header{height:78px}.header .wordmark{font-size:1.7rem}.menu-toggle span{background:#fff}.left-nav.open{top:78px;background:#171b1b;color:#fff;box-shadow:0 20px 25px #0005}.hero{height:100svh;min-height:650px}.hero-film{object-position:58% center}.hero-copy{bottom:17%;left:5%;right:5%}.hero h1{font-size:clamp(4.3rem,10vw,7rem)}.hero-bottom{bottom:23px}}
@media(max-width:850px){.hero-copy{top:auto;bottom:18%;left:5%;right:5%;transform:none;max-width:none;text-align:center;animation:copy-rise .8s .3s both}.hero-sub{max-width:none}}
@media(max-width:600px){.header{height:70px}.header .wordmark{font-size:1.43rem}.left-nav.open{top:70px}.hero{min-height:680px}.hero-film{object-position:55% center}.hero-shade{background:linear-gradient(180deg,#0008,transparent 25%,#0008 90%)}.hero-copy{bottom:19%;left:5%;right:5%}.hero h1{font-size:clamp(3.8rem,15vw,5.5rem);line-height:.92}.hero-sub{font-size:.9rem}.hero-copy .eyebrow{font-size:.56rem}.hero-bottom>span:first-child{display:none}.hero-bottom-right{width:100%;justify-content:space-between;gap:12px}.hero-bottom-right>span{font-size:.53rem}}
@media(prefers-reduced-motion:reduce){.hero-copy{animation:none}.hero-film{display:none}.hero{background:url('/assets/visenleer-founder-bag.jpeg') center/cover no-repeat}.film-toggle{display:none}}