:root{color-scheme:light;--cream:#f5f1e8;--green:#20382f}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--green);font-family:Arial,sans-serif}.hero{position:relative;min-height:700px;height:100svh;isolation:isolate;color:white;background:var(--green)}video,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.shade{z-index:-1;background:rgba(9,23,16,.40)}header,footer{position:absolute;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:24px}header{top:32px;font-size:12px;letter-spacing:.12em}.monogram{font-family:Georgia,serif;font-size:28px;color:white;text-decoration:none}.monogram span{font-style:italic;font-size:22px}.intro{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:90px 24px;pointer-events:none}.intro a{pointer-events:auto}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:11px;font-weight:bold}h1{font-family:Georgia,serif;font-weight:normal;font-size:clamp(64px,10vw,144px);letter-spacing:-.045em;line-height:1.05;margin:16px 0}h1 em{font-weight:normal;font-size:.75em}.subtitle{font-family:Georgia,serif;font-style:italic;font-size:clamp(22px,3vw,30px);margin:14px 0 40px}.button{background:var(--cream);color:var(--green);padding:19px 25px;text-decoration:none;font-size:14px;display:inline-flex;gap:30px;align-items:center}.button:hover{background:white}.hint{max-width:330px;font-size:12px;line-height:1.7;margin:20px auto}footer{bottom:30px;font-size:11px;letter-spacing:.04em}button{font:inherit;color:white;border:1px solid #ffffff80;background:#20382f66;padding:12px 16px;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid white;outline-offset:5px}.note{max-width:700px;margin:auto;padding:90px 28px 100px;text-align:center}h2{font:normal clamp(34px,5vw,54px)/1.1 Georgia,serif;margin:24px 0}.note>p:last-child{max-width:430px;margin:auto;font-size:15px;line-height:1.9}[hidden]{display:none!important}@media(max-width:600px){.hero{min-height:620px}header{top:24px}header>span{max-width:110px;line-height:1.6;text-align:right}footer{align-items:flex-end}footer>span{max-width:145px;line-height:1.6}.note{padding:65px 24px}video{object-position:center center}.intro{padding-left:18px;padding-right:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
