/*
Theme Name: Cracker Bay
Description: A refined beachfront holding page.
Version: 1.1.3
Text Domain: cracker-bay
*/
:root{color-scheme:dark;--ivory:#f6f1e8}*{box-sizing:border-box}body{margin:0;background:#102b37;color:var(--ivory);font-family:Arial,Helvetica,sans-serif}.holding{min-height:100vh;min-height:100svh;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:70px 24px 100px;text-align:center}.holding:before{content:"";position:absolute;inset:0;z-index:-2;background:url(assets/beach.jpg) center center/cover no-repeat}.holding:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,28,42,.32),rgba(8,28,42,.52) 45%,rgba(8,28,42,.76))}.content{width:min(100%,760px)}.logo{display:block;width:clamp(150px,20vw,235px);height:auto;margin:0 auto 32px}.film-button{display:inline-flex;align-items:center;gap:13px;color:inherit;background:transparent;border:0;cursor:pointer;font:10px Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;padding:10px 16px;margin-bottom:43px}.play{border:1px solid #f6f1e880;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;font-size:11px;padding-left:2px;transition:background .2s}.film-button:hover .play{background:#ffffff25}.eyebrow{font-size:10px;font-weight:400;letter-spacing:.38em;text-transform:uppercase;margin:0 0 19px}h1{font-family:Didot,"Bodoni MT","Times New Roman",serif;font-size:clamp(28px,3.2vw,42px);font-weight:400;line-height:1.25;letter-spacing:-.02em;margin:0 auto;max-width:650px}.location{position:absolute;bottom:30px;left:24px;right:24px;font-size:9px;letter-spacing:.22em;text-transform:uppercase;line-height:1.8;opacity:.8}button:focus-visible,a:focus-visible{outline:2px solid var(--ivory);outline-offset:6px}dialog{width:min(1100px,94vw);padding:48px 0 0;border:0;background:#08141b;color:var(--ivory);max-height:92svh}dialog::backdrop{background:#041018e8}video{display:block;width:100%;max-height:78svh}.close{position:absolute;right:12px;top:10px;background:none;border:0;color:inherit;padding:6px 10px;font-size:13px;cursor:pointer}.fallback{padding:15px;text-align:center;font-size:13px}.fallback a{color:inherit}body.film-open{overflow:hidden}@media(max-width:600px){.holding{padding-top:50px;padding-bottom:100px}.holding:before{background-position:60% center}.logo{width:170px;margin-bottom:22px}.film-button{margin-bottom:32px}h1{max-width:350px;font-size:clamp(25px,6.3vw,30px);line-height:1.3}.location{font-size:8px}}@media(prefers-reduced-motion:no-preference){.content{animation:arrive 1s ease both}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}

.play svg{display:block;flex-shrink:0}

.link-icon{display:inline-block;vertical-align:middle;flex-shrink:0;width:12px;height:12px}.link-icon-down{transform:rotate(135deg)}
.discover-link{display:inline-flex;align-items:center;justify-content:center;gap:14px;max-width:100%;margin-top:30px;padding:15px 1px;color:var(--ivory);border-top:1px solid #f6f1e850;border-bottom:1px solid #f6f1e850;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:10px;line-height:1.5;letter-spacing:.19em;text-transform:uppercase;transition:border-color .2s,background .2s}.discover-link:hover{border-color:var(--ivory);background:#ffffff08}.discover-link .link-icon{width:11px;height:11px}@media(max-width:600px){.discover-link{margin-top:25px;font-size:9px;letter-spacing:.16em;gap:12px;padding:14px 0}}@media(prefers-reduced-motion:reduce){.discover-link{transition:none}}