/*
Theme Name: Southern Bluff
Theme URI: https://southernbluffcon.com
Author: Southern Bluff Convention
Description: Save-the-date landing page theme for southernbluffcon.com — a Blood on the Clocktower convention in Hobart, Tasmania, March 6-7 2027.
Version: 1.0
Requires at least: 5.0
Requires PHP: 7.0
*/

@font-face{font-family:"Priori Serif";src:url("fonts/PrioriSerifOT-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Priori Serif";src:url("fonts/PrioriSerifOT-Bold.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Priori Serif";src:url("fonts/PrioriSerifOT-Italic.otf") format("opentype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Work Sans";src:url("fonts/WorkSans-VariableFont_wght.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Work Sans";src:url("fonts/WorkSans-Italic-VariableFont_wght.ttf") format("truetype");font-weight:100 900;font-style:italic;font-display:swap}

:root{
--ink-950:#1f333a;--ink-800:#2c444a;--ink-700:#3c6672;--ink-500:#4c6871;--ink-300:#8a97a0;
--mist-100:#eef1f0;--mist-200:#e2e6e4;
--coral-300:#f28a72;--coral-500:#e2593a;--coral-700:#b8402a;
--lavender-500:#8a7fa0;
--font-display:"Priori Serif",Georgia,serif;
--font-body:"Work Sans",-apple-system,Helvetica,Arial,sans-serif;
--max-width:1080px;
}
*{margin:0;box-sizing:border-box}
body{font-family:var(--font-body);color:var(--ink-950);background:var(--mist-100);line-height:1.55}
a{color:var(--coral-500)}
a:hover{color:var(--coral-700)}
.wrap{max-width:var(--max-width);margin:0 auto;padding:0 24px}

header.site{position:sticky;top:0;z-index:10;background:var(--ink-950);border-bottom:1px solid rgba(238,241,240,.14)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;padding:18px 24px}
.wordmark{font-family:var(--font-display);font-size:22px;color:var(--mist-100);letter-spacing:.01em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:15px;padding:12px 26px;border-radius:4px;border:1px solid var(--coral-500);background:var(--coral-500);color:var(--mist-100);text-decoration:none;transition:background-color .15s ease,border-color .15s ease}
.btn:hover{background:var(--coral-700);border-color:var(--coral-700);color:var(--mist-100)}
.btn.ghost{background:transparent;border-color:rgba(238,241,240,.35);color:var(--mist-100)}
.btn.ghost:hover{background:rgba(238,241,240,.1);border-color:var(--mist-100)}

.hero{background:var(--ink-950) center/cover no-repeat;background-image:linear-gradient(180deg,rgba(31,51,58,.75),rgba(31,51,58,.92)),url("images/hero-bg.jpg");color:var(--mist-100);text-align:center;padding:120px 24px 96px}
.eyebrow{display:inline-block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--coral-300);font-weight:600;border:1px solid rgba(242,138,114,.4);border-radius:999px;padding:6px 16px}
.hero h1{font-family:var(--font-display);font-size:clamp(2.75rem,4.5vw,5.5rem);line-height:1.05;margin-top:28px}
.hero .tagline{font-family:var(--font-display);font-style:italic;font-size:clamp(1.25rem,2vw,1.75rem);color:var(--coral-300);margin-top:10px}
.hero .actions{display:flex;gap:16px;justify-content:center;margin-top:40px;flex-wrap:wrap}

.video-frame{margin:44px auto 0;aspect-ratio:16/9;background:var(--ink-800);border:1px solid rgba(238,241,240,.16);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--ink-300);overflow:hidden;box-shadow:0 20px 48px rgba(0,0,0,.35)}
.video-frame video,.video-frame img,.video-frame iframe{width:100%;height:100%;object-fit:cover;display:block;border:0}
.hero-video{max-width:900px}

section{padding:80px 24px}
.eyebrow-dark{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--coral-700);font-weight:600}
.section-title{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.5rem);margin-top:10px;color:var(--ink-950)}

.details{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}
.card{background:var(--mist-200);border:1px solid rgba(31,51,58,.12);border-radius:6px;padding:28px;box-shadow:0 1px 0 rgba(31,51,58,.05),0 6px 16px rgba(31,51,58,.06)}
.card .num{font-family:var(--font-display);font-size:32px;color:var(--coral-500)}
.card h3{font-family:var(--font-display);font-size:20px;margin-top:10px;color:var(--ink-950)}
.card p{font-size:15px;color:var(--ink-700);margin-top:6px}

.discord{background:var(--lavender-500);color:var(--mist-100);text-align:center}
.discord .section-title{color:var(--mist-100)}
.discord p{margin-top:14px;font-size:17px;max-width:520px;margin-inline:auto}
.discord .actions{margin-top:32px;display:flex;justify-content:center}

footer.site{background:var(--ink-950);color:var(--ink-300);text-align:center;padding:32px 24px;font-size:14px}
footer.site a{color:var(--coral-300)}

@media (max-width:720px){.details{grid-template-columns:1fr}header.site nav{display:none}}