:root{--ink:#130d09;--wood:#24160e;--cream:#f3e5c0;--ember:#c85521;--red:#9d241d;--gold:#d7aa52;--header:58px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}body{margin:0;background:#0f0b08;color:#f6ead0;font-family:Oswald,Arial,sans-serif;overflow-x:hidden}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:var(--header);display:flex;align-items:center;gap:22px;padding:6px 3vw;background:linear-gradient(#120c08f2,#120c08d9);border-bottom:1px solid #7e5a373f;backdrop-filter:blur(8px)}.brand{display:grid;color:#f4e4bc;text-decoration:none;line-height:.85;min-width:180px}.brand span,.brand small{font-size:9px;letter-spacing:.22em}.brand strong{font-family:Rye,serif;font-size:19px}.nav{display:flex;gap:20px;margin-left:auto}.nav a,.music-toggle{color:#f4e4bc;text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:.12em}.nav a:hover{color:#fff}.music-toggle{border:1px solid #8d6949;background:#27180f;border-radius:999px;padding:8px 12px;cursor:pointer}.panel{position:relative;height:100svh;min-height:620px;padding:calc(var(--header) + 18px) 4vw 28px;scroll-snap-align:start;overflow:hidden}.dark{background:radial-gradient(circle at 70% 10%,#40180e 0,#1a0d08 38%,#0c0907 78%)}.texture{background:linear-gradient(#20140eeb,#17100ceb),repeating-linear-gradient(90deg,#2a1b12 0 60px,#24170f 60px 120px)}.eyebrow{margin:0 0 6px;font-size:clamp(10px,1vw,14px);letter-spacing:.24em;text-transform:uppercase;font-weight:700}.ember{color:#df7b45}.panel h2{margin:0;font-family:Rye,serif;font-size:clamp(32px,4vw,66px);line-height:1.02}.subhead{margin:5px 0 0;color:#dbc7a2}.panel-heading{text-align:center}.panel-heading.compact{height:16%;display:flex;flex-direction:column;justify-content:center}.next{position:absolute;z-index:5;bottom:9px;left:50%;transform:translateX(-50%);font-size:24px;color:#f6ead0;text-decoration:none;opacity:.72}.hero{padding:0;background:#000 url('assets/images/hero-water-tower-v02.jpg') center 43%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080706b8 0,#08070678 29%,transparent 58%),linear-gradient(0deg,#08070678,transparent 38%)}.hero-content{position:absolute;left:6vw;top:50%;transform:translateY(-47%);z-index:2}.hero h1{margin:0;font-family:Rye,serif;font-size:clamp(54px,7vw,110px);line-height:.9;text-shadow:0 5px 20px #000}.hero-kicker{font-size:clamp(18px,2vw,30px);margin:16px 0}.hero-actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c9a06d;padding:12px 22px;border-radius:5px;text-decoration:none;text-transform:uppercase;font-weight:700;letter-spacing:.08em;cursor:pointer}.primary,.bell{background:#a12c1e;color:#fff;border-color:#d77c48}.ghost{background:#17100bb0;color:#fff}.welcome-layout{height:100%;display:grid;grid-template-columns:1.05fr 1.65fr .85fr;grid-template-rows:1fr 1fr;gap:12px}.welcome-layout figure{margin:0;overflow:hidden;border:1px solid #8b6848;box-shadow:0 10px 30px #0006}.welcome-layout img{width:100%;height:100%;object-fit:cover}.welcome-copy{grid-row:1/3;display:flex;flex-direction:column;justify-content:center;padding:3vw}.welcome-copy p{font-size:clamp(16px,1.5vw,24px);line-height:1.4}.welcome-copy blockquote{margin:18px 0 0;color:#dfb774;font-family:Rye,serif;font-size:clamp(18px,1.8vw,28px)}.welcome-main{grid-row:1/3}.welcome-side{grid-column:3}.welcome-party{grid-column:3}.food-grid{height:82%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:10px;max-width:1800px;margin:auto}.food-card{min-width:0;background:#120b08;border:1px solid #cbb08c;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;box-shadow:0 8px 24px #0007}.food-card img{width:100%;height:100%;object-fit:cover}.food-card div{padding:6px 9px 8px;background:linear-gradient(#1c120d,#0e0907)}.food-card strong{display:block;font-size:clamp(12px,1.1vw,19px);color:#fff}.food-card span{display:block;color:#d6c19e;font-size:clamp(9px,.75vw,13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drinks-layout{height:82%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(220px,.72fr);gap:12px;max-width:1700px;margin:auto}.poster{padding:0;border:1px solid #b89668;background:#130d09;overflow:hidden;cursor:zoom-in}.poster img{width:100%;height:100%;object-fit:contain}.daiquiri-card{border:1px solid #b89668;background:#1a100b;display:grid;grid-template-rows:65% 35%;overflow:hidden}.daiquiri-card img{width:100%;height:100%;object-fit:cover}.daiquiri-card div{padding:10px 14px}.sign-label{font-size:11px;letter-spacing:.2em;color:#e08750}.daiquiri-card h3{margin:2px 0;font-family:Rye,serif;font-size:clamp(18px,2vw,34px)}.daiquiri-card p{margin:4px 0;color:#dbc6a1}.ronnie-layout{height:78%;display:grid;grid-template-columns:minmax(230px,.72fr) minmax(300px,1.2fr) minmax(260px,.8fr);gap:20px;align-items:center;max-width:1500px;margin:auto}.wanted,.crew{margin:0;height:100%;min-height:0;text-align:center}.wanted img{width:100%;height:100%;object-fit:contain}.crew img{width:100%;height:88%;object-fit:contain}.crew figcaption{font-family:Rye,serif;color:#c99151}.ronnie-center{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.bell{font-size:16px}.lyric{max-width:590px;text-align:center;font-family:Rye,serif;font-size:clamp(14px,1.3vw,21px);color:#d7aa52;margin:0}.radio-station{height:min(54vh,470px);display:grid;grid-template-columns:minmax(150px,.82fr) minmax(230px,1fr);gap:12px;align-items:center}.radio-image{height:100%;border:0;background:none;padding:0;cursor:pointer}.radio-image img{width:100%;height:100%;object-fit:contain}.radio-controls{display:flex;flex-direction:column;gap:9px;max-height:100%;opacity:.88}.radio-kicker{font-family:Rye,serif;color:#d7aa52;font-size:13px}.radio-action{padding:10px;border:1px solid #8c6545;background:#26160e;color:#f5e7c7;text-align:left;cursor:pointer}.radio-action:hover{background:#3a2113}.radio-action.disabled{opacity:.45;cursor:not-allowed}.future{padding-left:0;padding-right:0;background:#110b07}.future-image{position:absolute;inset:var(--header) 0 0 0}.future-image img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.future-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d0907d6 0,#0d090781 34%,transparent 65%),linear-gradient(0deg,#0d0907b5 0,transparent 45%)}.future-copy{position:absolute;z-index:2;left:6vw;bottom:9vh;max-width:620px}.future-copy h2{font-size:clamp(36px,4.8vw,76px)}.future-copy p:last-child{font-size:clamp(15px,1.5vw,23px);max-width:520px}.menu-panel{background:#eee6d5;color:#2a1610}.menu-panel .panel-heading{height:17%}.menu-image{height:78%;width:min(94vw,1600px);display:block;margin:auto;padding:0;border:0;background:transparent;cursor:zoom-in}.menu-image img{width:100%;height:100%;object-fit:contain}.visit{display:grid;grid-template-columns:.88fr 1.25fr;gap:30px;align-items:center;padding-bottom:44px}.visit-copy{padding-left:4vw}.visit-copy h2{font-size:clamp(32px,4vw,64px)}.visit-copy p{font-size:clamp(13px,1.2vw,19px);line-height:1.42}.visit-copy a{color:#eab878}.map{height:75vh;padding:0;border:1px solid #a67b55;background:#0e0a08;cursor:zoom-in}.map img{width:100%;height:100%;object-fit:contain}.footer-mark{position:absolute;left:5vw;bottom:15px;display:grid;line-height:.9}.footer-mark strong{font-family:Rye,serif;font-size:28px}.footer-mark span,.footer-mark small{font-size:10px;letter-spacing:.18em}.back-top{position:absolute;right:5vw;bottom:20px;color:#f4e1bc;text-decoration:none}.lightbox{position:fixed;z-index:100;inset:0;background:#050403ef;display:flex;align-items:center;justify-content:center;padding:3vw}.lightbox[hidden]{display:none}.lightbox img{max-width:95vw;max-height:92vh;object-fit:contain}.lightbox button{position:absolute;right:20px;top:10px;border:0;background:none;color:#fff;font-size:42px;cursor:pointer}
@media (max-width:900px){:root{--header:54px}.site-header{padding:5px 10px}.brand{min-width:130px}.brand strong{font-size:15px}.nav{display:none}.music-toggle{margin-left:auto;font-size:10px;padding:7px 9px}.panel{min-height:0;padding:calc(var(--header) + 8px) 10px 20px}.hero{background-position:53% 42%}.hero-content{left:7vw;top:66%;transform:translateY(-50%);max-width:68vw}.hero-shade{background:linear-gradient(0deg,#080706d9 0,#0807068c 35%,transparent 68%)}.hero h1{font-size:clamp(46px,14vw,72px)}.welcome-layout{grid-template-columns:.9fr 1.2fr;grid-template-rows:1.15fr .85fr}.welcome-copy{grid-column:1;grid-row:1/3;padding:3vw}.welcome-copy h2{font-size:clamp(26px,7vw,42px)}.welcome-copy p{font-size:12px}.welcome-copy blockquote{font-size:13px}.welcome-main{grid-column:2;grid-row:1}.welcome-side{grid-column:2;grid-row:2}.welcome-party{display:none}.panel-heading.compact{height:13%}.panel h2{font-size:clamp(25px,7vw,40px)}.food-grid{height:86%;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:5px}.food-card div{padding:3px 5px 4px}.food-card strong{font-size:9px}.food-card span{font-size:7px}.drinks-layout{height:86%;grid-template-columns:repeat(3,1fr);grid-template-rows:64% 36%;gap:5px}.daiquiri-card{grid-column:1/4;display:grid;grid-template-columns:42% 58%;grid-template-rows:1fr}.daiquiri-card img{grid-column:1;grid-row:1}.daiquiri-card div{grid-column:2;grid-row:1;padding:7px}.daiquiri-card h3{font-size:18px}.daiquiri-card p{font-size:10px}.ronnie-layout{height:82%;grid-template-columns:.72fr 1.22fr .72fr;gap:6px}.wanted img,.crew img{height:100%}.crew figcaption{display:none}.ronnie-center{gap:5px}.bell{padding:7px 9px;font-size:10px}.lyric{font-size:9px}.radio-station{height:56vh;grid-template-columns:1fr;grid-template-rows:58% 42%;gap:3px}.radio-image{height:100%}.radio-controls{gap:3px}.radio-kicker{font-size:8px}.radio-action{padding:5px;font-size:8px}.future-image img{object-position:58% 50%}.future-copy{left:5vw;right:5vw;bottom:7vh;max-width:70vw}.future-copy h2{font-size:clamp(30px,9vw,48px)}.future-copy p:last-child{font-size:12px}.menu-panel .panel-heading{height:14%}.menu-image{height:82%}.visit{grid-template-columns:1fr;grid-template-rows:42% 58%;gap:6px;padding:calc(var(--header) + 6px) 10px 24px}.visit-copy{padding:0 4px;overflow:hidden}.visit-copy h2{font-size:24px}.visit-copy p{font-size:9px;margin:4px 0}.map{height:100%;width:100%}.footer-mark{display:none}.back-top{font-size:10px;bottom:7px}.next{font-size:18px;bottom:3px}}
