*{box-sizing:border-box}*::before,*::after{box-sizing:inherit}html,body{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;text-rendering:optimizeLegibility}
img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}
input,button,textarea,select{font:inherit;color:inherit}
button{border:none;background:none;padding:0;cursor:pointer}
a{text-decoration:none;color:inherit}
ul,ol{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,p,figure{margin:0}
:root{
--color-bg:#09090b;
--color-surface:#121215;
--color-surface-elevated:#18181b;
--color-border:#27272a;
--color-border-soft:#3f3f46;
--color-accent-gold:#f59e0b;
--color-accent-emerald:#059669;
--color-text:#f9fafb;
--color-text-muted:#a1a1aa;
--color-success:#22c55e;
--color-warning:#eab308;
--color-danger:#ef4444;
--gray-50:#fafafa;
--gray-100:#e4e4e7;
--gray-200:#d4d4d8;
--gray-300:#a1a1aa;
--gray-400:#71717a;
--gray-500:#52525b;
--gray-600:#3f3f46;
--gray-700:#27272a;
--gray-800:#18181b;
--gray-900:#09090b;
--font-display:'Playfair Display',"Times New Roman",serif;
--font-sans:'Poppins','system-ui',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
--font-size-xs:0.75rem;
--font-size-sm:0.875rem;
--font-size-base:1rem;
--font-size-lg:1.125rem;
--font-size-xl:1.25rem;
--font-size-2xl:1.5rem;
--font-size-3xl:1.875rem;
--font-size-4xl:2.25rem;
--font-size-5xl:3rem;
--line-height-tight:1.1;
--line-height-snug:1.25;
--line-height-normal:1.5;
--line-height-relaxed:1.7;
--space-0:0;
--space-1:0.25rem;
--space-2:0.5rem;
--space-3:0.75rem;
--space-4:1rem;
--space-5:1.25rem;
--space-6:1.5rem;
--space-8:2rem;
--space-10:2.5rem;
--space-12:3rem;
--space-16:4rem;
--space-20:5rem;
--space-24:6rem;
--space-28:7rem;
--space-32:8rem;
--radius-sm:0.375rem;
--radius-md:0.5rem;
--radius-lg:0.75rem;
--radius-full:999px;
--shadow-soft:0 18px 45px rgba(0,0,0,0.65);
--shadow-subtle:0 10px 30px rgba(0,0,0,0.55);
--shadow-sharp:0 0 0 1px rgba(63,63,70,0.9),0 18px 60px rgba(0,0,0,0.95);
--transition-fast:120ms ease-out;
--transition-base:180ms ease-out;
--transition-slow:260ms ease-out
}
body{background:radial-gradient(circle at top,#18181b 0,#09090b 48%,#020617 100%);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased}
main{min-height:60vh}
::selection{background:rgba(245,158,11,0.18);color:var(--color-text)}

a{color:var(--color-accent-emerald);transition:color var(--transition-base)}
a:hover{color:var(--color-accent-gold)}

h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:var(--line-height-tight);color:var(--color-text)}

h1{font-size:var(--font-size-5xl);letter-spacing:0.03em}
h2{font-size:var(--font-size-4xl);letter-spacing:0.04em}
h3{font-size:var(--font-size-3xl)}
h4{font-size:var(--font-size-2xl)}
h5{font-size:var(--font-size-xl)}
h6{font-size:var(--font-size-lg)}

p{margin-top:0;margin-bottom:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}

.section-heading{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}
.section-heading__eyebrow{font-family:var(--font-sans);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.18em;color:var(--color-accent-gold)}
.section-heading__rule{flex:1;height:1px;background:linear-gradient(90deg,rgba(245,158,11,0.5),rgba(55,65,81,0.6))}

.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}

@media (min-width:1440px){.container{max-width:1320px}}

.layout-grid{display:grid;gap:var(--space-8)}
.layout-grid--2{grid-template-columns:1fr}
.layout-grid--3{grid-template-columns:1fr}
@media (min-width:768px){.layout-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}

.flex{display:flex}
.flex-center{display:flex;align-items:center;justify-content:center}
.flex-between{display:flex;align-items:center;justify-content:space-between}
.flex-col{display:flex;flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.gap-2{gap:var(--space-2)}
.gap-4{gap:var(--space-4)}
.gap-6{gap:var(--space-6)}
.gap-8{gap:var(--space-8)}

.grid{display:grid}
.grid-gap-4{gap:var(--space-4)}
.grid-gap-6{gap:var(--space-6)}
.grid-gap-8{gap:var(--space-8)}

.text-center{text-align:center}
.text-right{text-align:right}
.text-muted{color:var(--color-text-muted)}

.badge{display:inline-flex;align-items:center;gap:0.25rem;padding:0.125rem 0.6rem;border-radius:999px;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.14em;border:1px solid rgba(245,158,11,0.35);background:rgba(15,23,42,0.9);color:var(--color-accent-gold)}
.badge--emerald{border-color:rgba(5,150,105,0.6);color:var(--color-accent-emerald)}

.card{position:relative;border-radius:var(--radius-lg);background:radial-gradient(circle at top left,rgba(5,150,105,0.12),transparent 55%),radial-gradient(circle at bottom right,rgba(245,158,11,0.08),transparent 60%),var(--color-surface);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-soft);padding:var(--space-6)}
.card--outlined{border:1px solid rgba(148,163,184,0.5);box-shadow:var(--shadow-subtle)}
.card--metallic{border:1px solid rgba(63,63,70,0.85);box-shadow:var(--shadow-sharp)}
.card--interactive{transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);cursor:pointer}
.card--interactive:hover{transform:translateY(-2px);box-shadow:0 24px 70px rgba(0,0,0,0.9);border-color:rgba(245,158,11,0.75)}

.hero{position:relative;isolation:isolate;background:radial-gradient(circle at top,#111827 0,#020617 55%,#000 100%);color:var(--color-text)}
.hero-inner{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-10);padding:var(--space-20) 0}
@media (max-width:960px){.hero-inner{grid-template-columns:1fr;padding:var(--space-16) 0;gap:var(--space-8)}}

.hero-media{position:relative;border-radius:1.5rem;overflow:hidden;min-height:340px;background:#020617;border:1px solid rgba(63,63,70,0.9);box-shadow:0 28px 80px rgba(0,0,0,0.95)}
.hero-media::before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(15,23,42,0.4),transparent 40%,rgba(6,95,70,0.5) 60%,rgba(245,158,11,0.32)),url("/assets/images/hero-fortune-fork.jpg");background-size:cover;background-position:center 55%;mix-blend-mode:normal;filter:saturate(1.15) contrast(1.1)}
.hero-media::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(5,150,105,0.35),transparent 55%),radial-gradient(circle at bottom,rgba(15,23,42,0.9),transparent 70%)}

.hero-overlay-card{position:absolute;right:7%;bottom:8%;width:min(360px,80%);background:rgba(9,9,11,0.95);backdrop-filter:blur(18px);border-radius:var(--radius-lg);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-sharp);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);z-index:2}
.hero-overlay-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}
.hero-table-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.18em;color:var(--gray-300)}
.hero-table-value{font-family:var(--font-display);font-size:var(--font-size-xl)}
.hero-tagline{font-size:var(--font-size-sm);color:var(--color-text-muted)}
.hero-overlay-divider{height:1px;background:linear-gradient(90deg,rgba(55,65,81,0.2),rgba(148,163,184,0.9),rgba(55,65,81,0.2));margin:var(--space-2) 0}
.hero-seat-indicator{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.16em;color:var(--gray-300)}
.hero-seat-dot{width:7px;height:7px;border-radius:999px;background:radial-gradient(circle at 30% 20%,#bbf7d0,#22c55e 48%,#14532d 100%);box-shadow:0 0 0 6px rgba(74,222,128,0.12)}
.hero-seat-copy{color:var(--color-text-muted)}

@media (max-width:960px){.hero-media{min-height:280px}.hero-overlay-card{position:relative;right:auto;bottom:auto;margin:var(--space-4) auto 0;width:100%;max-width:none}}

.hero-content{display:flex;flex-direction:column;justify-content:center;gap:var(--space-6);z-index:1}
.hero-kicker{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.2em;color:var(--color-accent-gold)}
.hero-title{font-size:clamp(2.4rem,4vw,3.4rem);line-height:var(--line-height-tight);letter-spacing:0.04em}
.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:34rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}
.hero-meta{display:flex;flex-wrap:wrap;gap:var(--space-6);font-size:var(--font-size-sm);color:var(--gray-300)}
.hero-meta-item{display:flex;flex-direction:column;gap:0.25rem}
.hero-meta-label{text-transform:uppercase;letter-spacing:0.14em;font-size:var(--font-size-xs);color:var(--gray-500)}
.hero-meta-value{font-family:var(--font-display);color:var(--color-text)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.6rem;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;letter-spacing:0.12em;text-transform:uppercase;border:1px solid transparent;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-base);white-space:nowrap}
.btn-primary{background:linear-gradient(120deg,#f59e0b,#fbbf24);color:#111827;border-color:rgba(248,250,252,0.05);box-shadow:0 18px 45px rgba(0,0,0,0.85)}
.btn-primary:hover{background:linear-gradient(120deg,#fbbf24,#f59e0b);transform:translateY(-1px);box-shadow:0 24px 70px rgba(0,0,0,0.95)}
.btn-primary:active{transform:translateY(0);box-shadow:0 12px 32px rgba(0,0,0,0.9)}
.btn-ghost{background:rgba(15,23,42,0.85);color:var(--color-text);border-color:rgba(148,163,184,0.4)}
.btn-ghost:hover{background:rgba(15,23,42,1);border-color:rgba(248,250,252,0.2)}
.btn-emerald{background:radial-gradient(circle at 10% 0,#6ee7b7 0,#059669 42%,#022c22 100%);color:#ecfdf5;border-color:rgba(16,185,129,0.4);box-shadow:0 18px 45px rgba(5,46,22,0.8)}
.btn-emerald:hover{filter:brightness(1.05);box-shadow:0 26px 70px rgba(6,78,59,0.95)}
.btn-icon{padding-inline:1.15rem}
.btn[disabled],.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}

.tableline{height:1px;width:100%;background:linear-gradient(90deg,rgba(31,41,55,0),rgba(148,163,184,0.75),rgba(31,41,55,0));border-radius:999px}

input,textarea,select{width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border-soft);background:rgba(15,23,42,0.85);padding:0.7rem 0.9rem;color:var(--color-text);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base);box-shadow:0 0 0 1px rgba(15,23,42,0.6)}
input::placeholder,textarea::placeholder{color:var(--gray-500)}
input:focus,textarea:focus,select:focus{border-color:var(--color-accent-emerald);box-shadow:0 0 0 1px rgba(16,185,129,0.4),0 18px 40px rgba(0,0,0,0.85);background:rgba(15,23,42,1)}

label{display:inline-block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--gray-200)}

.form-row{display:grid;grid-template-columns:1fr;gap:var(--space-4)}
@media (min-width:768px){.form-row--2{grid-template-columns:repeat(2,minmax(0,1fr))}}

textarea{min-height:7rem;resize:vertical}

.table-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-4);align-items:center}
@media (max-width:720px){.table-grid{grid-template-columns:1.5fr 1fr;row-gap:var(--space-3)}.table-grid > :last-child{grid-column:1/-1;justify-self:flex-start}}

.status-pill{display:inline-flex;align-items:center;gap:0.4rem;padding:0.2rem 0.7rem;border-radius:999px;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.16em;border:1px solid rgba(34,197,94,0.6);background:rgba(6,78,59,0.35);color:#bbf7d0}
.status-pill--warning{border-color:rgba(234,179,8,0.7);background:rgba(113,63,18,0.45);color:#fef9c3}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

:focus-visible{outline:2px solid var(--color-accent-gold);outline-offset:3px}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:0.001ms!important;animation-iteration-count:1!important;transition-duration:0.001ms!important}}

.section{padding:var(--space-16) 0}
.section--tight{padding:var(--space-12) 0}
.section--bordered{border-top:1px solid rgba(39,39,42,0.9);border-bottom:1px solid rgba(39,39,42,0.9);background:radial-gradient(circle at top,rgba(15,23,42,0.9),rgba(9,9,11,1))}

.navbar{position:sticky;top:0;z-index:40;background:linear-gradient(to bottom,rgba(9,9,11,0.97),rgba(9,9,11,0.92),rgba(9,9,11,0.88));backdrop-filter:blur(14px);border-bottom:1px solid rgba(39,39,42,0.95)}
.navbar-inner{display:flex;align-items:center;justify-content:space-between;padding:0.9rem 0;gap:var(--space-6)}
.nav-logo{font-family:var(--font-display);font-size:var(--font-size-lg);letter-spacing:0.28em;text-transform:uppercase;display:flex;align-items:center;gap:var(--space-2)}
.nav-logo-mark{width:26px;height:26px;border-radius:999px;border:1px solid rgba(245,158,11,0.75);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 0,#fbbf24,#f59e0b 55%,#92400e 100%);box-shadow:0 0 0 1px rgba(15,23,42,1),0 14px 35px rgba(0,0,0,0.9)}
.nav-logo-mark-inner{width:14px;height:14px;border-radius:50%;border:1px solid rgba(9,9,11,0.85);background:radial-gradient(circle at 50% 30%,#fefce8,#fde68a 50%,#713f12 100%)}
.nav-links{display:flex;align-items:center;gap:var(--space-6);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:0.18em}
.nav-link{position:relative;color:var(--gray-300);padding-block:0.35rem}
.nav-link::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:linear-gradient(90deg,#f59e0b,#059669);transition:width var(--transition-base)}
.nav-link:hover{color:var(--color-text)}
.nav-link:hover::after{width:100%}
.nav-link--active{color:var(--color-text)}
.nav-link--active::after{width:100%}

.nav-right{display:flex;align-items:center;gap:var(--space-4)}

.nav-toggle{display:none;width:2rem;height:2rem;align-items:center;justify-content:center;gap:0.32rem}
.nav-toggle span{width:1.2rem;height:1px;background:var(--gray-300);border-radius:999px;transition:transform var(--transition-base),opacity var(--transition-base)}

@media (max-width:900px){.nav-links{display:none}.nav-toggle{display:flex}}

ul{list-style:none!important}.nav-toggle{flex-direction:column}
html, body {
  overflow-x: clip;
  max-width: 100%;
}

img, video, svg {
  max-width: 100%;
  height: auto;
}


/* --- mobile side padding fix 2026-08-06 --- */
@media (max-width: 768px) {
  .container {
    padding-inline: 1.75rem;
  }
}
@media (max-width: 480px) {
  .container {
    padding-inline: 1.5rem;
  }
}