@font-face{font-family:Cormorant;src:url("/fonts/cormorant-garamond-latin-300-normal.woff2") format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:Inter;src:url("/fonts/inter-latin-300-normal.woff2") format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:Josefin;src:url("/fonts/josefin-sans-latin-300-normal.woff2") format("woff2");font-weight:300;font-display:swap}
*{box-sizing:border-box}
body{margin:0;color:#46403d;background:#f6f4f1;font-family:Inter,Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.launch{display:grid;grid-template-columns:1fr 1fr;min-height:100svh}
.launch-photo{background:url("/images/hero-kok-sten.webp") center/cover no-repeat}
.launch-content{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(2rem,4vw,5rem) clamp(1.5rem,5vw,6rem);min-width:0}
.launch-brand{width:150px;display:block}
.launch-brand img{display:block;width:100%;height:auto}
.launch-copy{width:100%;margin:auto 0;padding:4rem 0}
.eyebrow{font-family:Josefin,Arial,sans-serif;text-transform:uppercase;font-size:.75rem;letter-spacing:.2em;margin:0 0 1.4rem}
h1{font-family:Cormorant,Georgia,serif;font-size:clamp(3.5rem,6vw,7.5rem);font-weight:300;line-height:1;margin:0 0 2rem;letter-spacing:-.025em}
.divider{display:block;width:70px;height:1px;background:#a89e90;margin-bottom:2rem}
.launch-intro{font-size:.95rem;line-height:1.9;margin:0 0 2rem}
.launch-contact{display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem}
.launch-contact a{font-size:1rem;line-height:1.7;overflow-wrap:anywhere}
.launch-contact a span{display:block;font-family:Josefin,Arial,sans-serif;font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5rem}
.launch-contact a:hover{text-decoration:underline;text-underline-offset:.25rem}
.preview-login{border-top:1px solid #c3beb3;margin-top:3rem;padding-top:1.8rem}
.preview-login label{display:block;font-family:Josefin,Arial,sans-serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;line-height:1.6}
.password-row{display:flex;gap:.6rem}
.password-row input{border:1px solid #b4aba0;background:transparent;min-width:0;width:100%;font:300 .9rem Inter,Arial,sans-serif;border-radius:0;padding:1rem;color:#46403d}
.password-row button{border:1px solid #46403d;background:#46403d;color:white;padding:1rem 1.2rem;white-space:nowrap;font:300 .75rem Josefin,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.password-row button span{margin-left:1rem}
.password-row button:hover{background:#302b29}
:focus-visible{outline:2px solid #85735e;outline-offset:4px}
.login-error{font-size:.85rem;color:#953c2c;margin:1rem 0 0;line-height:1.5}
footer{font-size:.65rem;letter-spacing:.08em;line-height:1.7}
@media(max-width:767px){.launch{grid-template-columns:1fr}.launch-photo{height:32svh;min-height:200px;background-position:center 55%}.launch-content{padding:1.8rem 1.5rem 1.5rem}.launch-brand{width:115px}.launch-copy{padding:2.5rem 0}.launch-contact{flex-direction:column;gap:1.2rem}h1{font-size:clamp(3.5rem,13vw,5rem)}.preview-login{margin-top:2rem}.password-row{flex-wrap:wrap}.password-row input{flex:1 1 160px}.password-row button{flex:1 1 120px;min-height:48px}}