/*
Theme Name: Death By Budder Coming Soon
Author: Death By Budder
Description: Gothic black and gold informational landing page with an animated entrance.
Version: 3.2.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: death-by-budder
*/
@font-face{font-family:DBB;src:url('assets/fonts/UnifrakturCook-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--gold:#e5c071;--cream:#f1dfb5;--muted:#c6b89c}*{box-sizing:border-box}html{background:#050403;scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--cream);background:#050403;font-family:Georgia,serif}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #fff0b1;outline-offset:5px}[hidden]{display:none!important}.dbb-intro #dbb-site{display:none}.gate-active{overflow:hidden}.skip{position:fixed;z-index:20000;top:-100px;left:15px;background:var(--gold);color:#000;padding:12px}.skip:focus{top:15px}.shell{overflow:hidden}.gold-button,.outline-button{display:flex;align-items:center;justify-content:center;gap:18px;min-height:48px;text-align:center;padding:12px 18px;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;color:#f2df9a;font-size:14px;border:1px solid #ecc56b;border-radius:4px;background:linear-gradient(135deg,#65451b44,#0b0805);margin:12px 0}.gold-button{box-shadow:0 0 12px #f2b63f55,inset 0 0 8px #d8a63422}.gold-button:hover,.outline-button:hover{background:#77531f66}.gothic-logo,.scene-wordmark h1,.gate-brand,.enter-label{font-family:DBB,Georgia,serif;font-weight:700;color:#eac36c;background:linear-gradient(#fff3b3,#f4cb65 25%,#b97919 53%,#ffe2a0 70%,#b97d23);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 1px #6f410a) drop-shadow(0 0 9px #d8a02d44)}
/* Entrance */
.entrance{position:fixed;inset:0;z-index:10000;background:radial-gradient(ellipse at 50% 48%,#302112,#0c0906 45%,#030303 75%);overflow:auto;display:grid;place-items:center;text-align:center}.gate-stage{width:min(580px,100%);min-height:650px;padding:26px 20px;display:grid;grid-template-columns:1fr;justify-items:center;align-content:center}.gate-brand{font-size:40px;margin:0 0 18px;line-height:1.15}.floating-skull{position:relative;width:300px;height:330px;display:grid;place-items:center;z-index:2}.floating-skull img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 25px #d9a62922)}.drip-zone{position:relative;width:180px;height:100px;margin-top:-6px;margin-bottom:-44px;overflow:hidden;z-index:1}.drop{position:absolute;top:-16px;left:var(--x);width:7px;height:18px;border-radius:45% 45% 50% 50%;background:linear-gradient(90deg,#b57920,#ffe4a3 45%,#c9983d);animation:butter 1.8s var(--delay) linear infinite}.drop:nth-child(even){width:5px;height:13px}.enter-pot{position:relative;display:grid;justify-items:center;gap:10px;width:260px;padding:0 10px 8px;border:0;background:none;color:var(--cream);cursor:pointer;z-index:3}.enter-label{font-size:36px;line-height:1.1}.pot{position:relative;display:block;width:240px;height:172px}.pot img{width:100%;height:100%;object-fit:contain}.pot-leaf-glow{position:absolute;left:35%;top:48%;width:30%;height:40%;border-radius:50%;background:radial-gradient(ellipse,#ffcb4944,transparent 70%);mix-blend-mode:screen;animation:leaf 3s ease-in-out infinite;pointer-events:none}.enter-pot:hover .pot{filter:drop-shadow(0 0 12px #e4b04455)}.gate-locations{font:11px/1.8 Georgia,serif;text-transform:uppercase;letter-spacing:.14em;color:#e6c77d;margin:22px 0 0}.gate-hint{font:11px Arial,sans-serif;color:#b6a78b;margin:7px 0 0}.smoke-curtain{position:fixed;inset:0;background:#080808;z-index:5;pointer-events:none;animation:clear-smoke 5s ease forwards}.smoke-cloud{position:absolute;inset:-25%;background:radial-gradient(ellipse at 20% 40%,#c5beb5aa,transparent 36%),radial-gradient(ellipse at 70% 35%,#787b7cbb,transparent 40%),radial-gradient(ellipse at 45% 70%,#c5beb588,transparent 40%);filter:url('#dbb-smoke-filter') blur(12px);animation:smoke 5s ease-out both}.smoke-cloud:nth-child(2){animation-name:smoke-other;opacity:.65}.smoke-cleared .smoke-curtain,.smoke-cleared .skip-smoke{display:none}.skip-smoke{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:6;min-height:44px;padding:10px 18px;border:1px solid #b9a16b;background:#080706c9;color:#ead9ad;cursor:pointer;font-size:12px}.smoke-filter{position:absolute;width:0;height:0;overflow:hidden}@keyframes butter{0%{transform:translateY(0) scaleY(.7);opacity:0}10%,92%{opacity:1}100%{transform:translateY(126px) scaleY(.2);opacity:0}}@keyframes leaf{0%,100%{opacity:.25}50%{opacity:1;filter:blur(5px);transform:scale(1.1)}}@keyframes clear-smoke{0%,20%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes smoke{to{transform:translate(15%,-30%) scale(1.5)}}@keyframes smoke-other{from{transform:translate(15%,20%) scale(1.2)}to{transform:translate(-20%,-18%) scale(1.8)}}
/* Main composition */
.immersive-site{min-height:100svh;background:radial-gradient(ellipse at 50% 30%,#462b1144,transparent 70%),#050403}.dbb-header{display:flex;align-items:center;justify-content:space-between;padding:18px 3vw;gap:24px;border-bottom:1px solid #b9933b33;background:linear-gradient(#100b04,#050403)}.gothic-logo{font-size:clamp(25px,2.7vw,44px);white-space:nowrap;line-height:1;text-decoration:none}.gothic-logo span{display:block;text-align:center;font:18px Georgia;margin-top:6px}.dbb-header nav{display:flex;gap:clamp(15px,2vw,30px);flex-wrap:wrap;justify-content:center}.dbb-header nav a{text-transform:uppercase;font-size:12px;text-decoration:none;min-height:44px;display:flex;align-items:center;color:#e6dcc8}.dbb-header nav a:hover{color:#ffdf88}.header-social{display:flex;gap:12px}.header-social a{border:1px solid #dec572;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;text-decoration:none;color:#e4c86e;font-size:24px}.dbb-scene{position:relative;display:grid;grid-template-columns:28% 44% 28%;padding:30px 3vw 140px;min-height:550px;isolation:isolate}.scene-copy{z-index:2}.scene-copy h2{font:italic clamp(23px,2.6vw,40px)/1.25 Georgia,serif;margin:0 0 20px;color:#edddab}.scene-copy p{font-size:clamp(14px,1.3vw,18px);line-height:1.65;color:#d5c8ad;max-width:350px}.scene-copy .gold-button,.scene-copy .outline-button{max-width:330px}.scene-center{position:relative;min-height:370px;background:radial-gradient(ellipse,#b4792022,transparent 65%)}.signature-skull{position:absolute;height:430px;width:100%;object-fit:contain;left:0;top:-20px;filter:drop-shadow(0 0 22px #edb84d44)}.scene-announcement{text-align:center}.scene-announcement h2{font:400 clamp(38px,5.4vw,85px)/.95 Georgia,serif;text-transform:uppercase;color:#f7d885;margin:5px 0 18px;text-shadow:0 3px 2px #72440a,0 0 22px #d08b2844}.gold-flourish{font-size:26px;color:#dfbd60}.scene-announcement p{font-size:clamp(10px,1.1vw,16px);text-transform:uppercase;letter-spacing:.08em;color:#e7d6a0;line-height:1.8}.scene-announcement b{padding-inline:5px}.scene-wordmark{position:absolute;bottom:20px;left:10%;right:10%;text-align:center;z-index:3}.scene-wordmark h1{font-size:clamp(58px,7.5vw,112px);line-height:1.15;margin:0}.scene-wordmark>p{font-size:12px;letter-spacing:.3em;text-transform:uppercase;margin:10px 0 0}.five-course{padding:0 2vw 22px;border-bottom:2px solid #d9a52e;box-shadow:0 7px 18px #e6a42d33}.course-heading{text-align:center;padding:5px 0 22px;color:#e6cb82}.course-heading h2{font:400 clamp(20px,2.5vw,35px) Georgia;text-transform:uppercase;letter-spacing:.12em;margin:0}.course-heading strong{font-size:1.6em;color:#ffcf62;text-shadow:0 0 12px #ffbd2e}.course-heading p{font-size:10px;letter-spacing:.25em;text-transform:uppercase;margin:8px 0 0}.integrated-courses{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;border:1px solid #d5a448;border-radius:14px;padding:9px;box-shadow:0 0 15px #f0b43433}.integrated-card{display:flex;flex-direction:column;align-items:center;text-decoration:none;border:1px solid #b28a3c88;border-radius:8px;text-align:center;padding:27px 12px 24px;min-height:200px;background:radial-gradient(ellipse at top,#80551b33,transparent 70%),linear-gradient(145deg,#1c1409,#050403)}.course-symbol{display:grid;place-items:center;width:48px;height:48px;border:1px solid #c89f37;border-radius:50%;color:#edcc67;margin-bottom:14px}.course-symbol svg{width:30px;height:30px}.integrated-card h3{font-size:clamp(15px,1.4vw,21px);font-weight:400;color:#e5bf64;text-transform:uppercase;margin:0 0 12px}.integrated-card p{font-size:13px;line-height:1.5;color:#cbbd9f;margin:0}.integrated-card:hover{border-color:#f3d48a;box-shadow:inset 0 0 25px #b57c2b33}.brand-ribbon{display:flex;justify-content:space-between;gap:23px;align-items:center;padding:25px 3vw;flex-wrap:wrap;color:#d9bc67}.brand-ribbon nav{display:flex;gap:16px;flex-wrap:wrap}.brand-ribbon a{font-size:12px;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.brand-ribbon a:hover{text-decoration:underline}.brand-ribbon>p{font:italic 20px Georgia;margin:0}.brand-ribbon>div{display:flex;gap:18px}.launch-note{text-align:center;color:#a4946e;font:10px/1.8 Arial,sans-serif;padding:0 20px 25px}.footer{border-top:1px solid #d8b36322;padding:20px 4vw;display:flex;justify-content:space-between;gap:15px;color:#ac9d7e;font:10px/1.8 Arial,sans-serif}.footer p{margin:0}.status{color:var(--gold);text-transform:uppercase;letter-spacing:.1em}
/* Native dialogs provide Escape, focus containment and return focus. */
.course-dialog{max-width:600px;width:calc(100% - 36px);max-height:calc(100svh - 36px);padding:0;color:var(--cream);border:1px solid #d5ae56;border-radius:12px;background:radial-gradient(ellipse at top,#35240e,#080604);box-shadow:0 0 45px #a36f2533;overflow:auto}.course-dialog::backdrop{background:#000d;backdrop-filter:blur(5px)}.course-dialog>div{position:relative;padding:45px 32px 30px}.course-dialog h2{font:38px/1.1 DBB,Georgia;color:#eccb7c;margin:12px 0 20px}.course-dialog p{font-size:15px;line-height:1.7;color:#d3c7af}.section-kicker{font:11px Arial,sans-serif!important;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)!important}.dialog-close{position:absolute;right:6px;top:6px;width:44px;height:44px;display:grid;place-items:center;text-decoration:none;font:30px Arial,sans-serif;color:var(--gold)}.gallery-art{width:100%;max-height:55svh;object-fit:contain}.small-note{font-size:12px!important}.error-page{min-height:100svh;display:grid;place-content:center;text-align:center;padding:30px}.error-page h1{font:60px DBB}
@media(max-width:1000px){.dbb-header{flex-wrap:wrap;gap:12px}.dbb-header nav{order:3;width:100%;gap:25px}.dbb-scene{grid-template-columns:32% 40% 28%}.scene-announcement h2{font-size:50px}.scene-copy h2{font-size:25px}.scene-copy p{font-size:14px}.signature-skull{height:380px}.integrated-courses{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.entrance{padding-block:env(safe-area-inset-top) env(safe-area-inset-bottom)}.gate-stage{min-height:100svh;padding:25px 20px}.gate-brand{font-size:clamp(30px,8.5vw,40px);margin-bottom:22px}.floating-skull{width:min(62vw,270px);height:min(69vw,300px)}.enter-pot{width:230px}.pot{width:220px;height:157px}.enter-label{font-size:34px}.gate-locations{font-size:10px;letter-spacing:.12em}.dbb-header{padding:18px 5vw 10px;gap:15px}.gothic-logo{font-size:clamp(27px,7.5vw,36px)}.header-social{gap:9px}.dbb-header nav{gap:0;justify-content:space-between;border-top:1px solid #d5aa4a22;padding-top:5px}.dbb-header nav a{font-size:10px;flex:1;padding:8px 5px;text-align:center;justify-content:center}.dbb-scene{display:flex;flex-direction:column;padding:25px 5vw 130px;min-height:0}.scene-announcement{order:0}.scene-announcement h2{font-size:clamp(36px,10vw,56px);line-height:1;display:block;white-space:nowrap}.scene-announcement h2 br{display:none}.gold-flourish{font-size:18px;margin-top:12px}.scene-announcement p{font-size:10px;margin:8px 0}.scene-center{order:1;min-height:330px;width:100%;margin:8px 0 15px}.signature-skull{height:330px;top:0}.scene-copy{order:2;text-align:center}.scene-copy h2{font-size:27px;max-width:340px;margin:4px auto 18px}.scene-copy p{font-size:15px;line-height:1.7;margin:0 auto 22px;max-width:360px}.scene-copy .gold-button,.scene-copy .outline-button{max-width:none;font-size:13px}.scene-wordmark{bottom:24px;left:4%;right:4%}.scene-wordmark h1{font-size:clamp(39px,11.5vw,64px)}.scene-wordmark>p{font-size:8px;letter-spacing:.19em}.five-course{padding:0 4vw 22px}.course-heading h2{font-size:clamp(17px,4.5vw,24px);letter-spacing:.04em}.course-heading p{font-size:8px;letter-spacing:.13em}.integrated-courses{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;gap:10px}.integrated-card{min-height:185px;padding:23px 10px 21px}.integrated-card:last-child{grid-column:1/-1;min-height:165px}.integrated-card h3{font-size:15px;line-height:1.3}.integrated-card p{font-size:12px;line-height:1.6}.integrated-card:last-child p{max-width:270px}.brand-ribbon{justify-content:center;text-align:center;padding:25px 6vw}.brand-ribbon nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.brand-ribbon nav a{justify-content:center;font-size:10px;padding:6px;border:1px solid #c19b4733;border-radius:5px}.brand-ribbon>p{font-size:17px}.brand-ribbon>div{justify-content:center;gap:12px;flex-wrap:wrap}.brand-ribbon>div a{padding:10px 14px;border:1px solid #c19b4755;border-radius:5px}.footer{flex-direction:column;text-align:center;gap:5px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.course-dialog>div{padding:42px 23px 26px}}
@media(max-width:600px) and (max-height:750px){.gate-stage{padding-block:20px}.gate-brand{font-size:30px;margin-bottom:12px}.floating-skull{width:210px;height:235px}.drip-zone{height:85px;margin-bottom:-40px}.pot{width:180px;height:129px}.enter-pot{width:200px}.enter-label{font-size:30px}.gate-locations{margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.smoke-curtain,.skip-smoke,.drop{display:none}}

/* Food-first composition: one cohesive culinary scene, without thumbnails. */
.dbb-scene{display:flex;flex-direction:column;padding:0;min-height:0;overflow:hidden}.scene-announcement{order:0;padding:25px 20px 20px;background:radial-gradient(ellipse at bottom,#6e461b33,transparent 70%)}.scene-announcement h2{font-size:clamp(36px,5vw,70px);line-height:1;white-space:normal;margin:0 0 12px}.scene-announcement h2 br{display:none}.scene-announcement .gold-flourish{font-size:20px;margin:5px 0}.scene-announcement p{font-size:12px;margin:8px 0 0}.scene-center{order:1;min-height:0;margin:0;width:100%;background:#090603;border-block:1px solid #b68c3455}.culinary-hero{display:block;width:100%;height:auto;max-height:740px;object-fit:cover;object-position:center}.scene-wordmark{order:2;position:relative;left:auto;right:auto;bottom:auto;padding:22px 4vw 8px;background:radial-gradient(ellipse at top,#7a4e1522,transparent 70%)}.scene-wordmark h1{font-size:clamp(48px,7vw,90px)}.scene-wordmark>p{font-size:10px;letter-spacing:.23em}.scene-copy{order:3;max-width:830px;margin:auto;text-align:center;padding:25px 5vw 45px}.scene-copy h2{font-size:clamp(26px,3vw,40px);max-width:none;margin:0 0 18px}.scene-copy p{max-width:700px;font-size:16px;line-height:1.75;margin:0 auto 22px}.scene-copy .gold-button,.scene-copy .outline-button{max-width:420px;margin:12px auto}.gallery-art{max-height:55svh}.five-course{padding-top:12px}@media(max-width:600px){.scene-announcement{padding:24px 16px 19px}.scene-announcement h2{font-size:clamp(32px,9vw,50px)}.scene-announcement p{font-size:10px;letter-spacing:.08em}.scene-center{margin:0;min-height:0}.culinary-hero{height:auto;max-height:none;object-fit:contain}.scene-wordmark{padding:22px 4vw 6px}.scene-wordmark h1{font-size:clamp(39px,11.5vw,64px)}.scene-wordmark>p{font-size:8px;letter-spacing:.18em}.scene-copy{padding:20px 6vw 30px}.scene-copy h2{font-size:26px;line-height:1.3}.scene-copy p{font-size:15px;line-height:1.7}.scene-copy .gold-button,.scene-copy .outline-button{max-width:none}.five-course{padding-top:15px}}

/* Food is integrated into each existing linked card. */
.integrated-card{padding:0 0 22px;overflow:hidden;gap:0}.course-food{display:block;width:100%;height:150px;object-fit:cover;flex-shrink:0;border-bottom:1px solid #c59b4566}.integrated-card h3{margin:19px 10px 12px}.integrated-card p{margin:0 13px}.integrated-card:hover .course-food{filter:brightness(1.08)}@media(max-width:600px){.integrated-card{padding:0 0 20px;min-height:0}.course-food{height:135px}.integrated-card h3{margin:17px 8px 10px}.integrated-card p{margin:0 10px}.integrated-card:last-child{min-height:0}.integrated-card:last-child .course-food{height:180px;object-position:center 42%}.integrated-card:last-child p{margin-inline:auto;padding-inline:15px}}
