:root{
    --bg:#090b10;
    --bg-2:#111522;
    --surface:rgba(255,255,255,.06);
    --surface-2:rgba(255,255,255,.09);
    --line:rgba(255,255,255,.08);
    --text:#f4f7fb;
    --muted:#a2abb9;
    --primary:#ff7a18;
    --primary-2:#ff4d4d;
    --secondary:#7c5cff;
    --accent:#1dd1a1;
    --shadow:0 25px 60px rgba(0,0,0,.35);
    --radius:28px;
    --container:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;
    color:var(--text);
    background:
        radial-gradient(circle at top left, rgba(124,92,255,.14), transparent 22%),
        radial-gradient(circle at top right, rgba(255,122,24,.18), transparent 22%),
        linear-gradient(180deg, #090b10 0%, #0e121a 100%);
    line-height:1.5;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
.site-shell{overflow:hidden}
.container{width:min(var(--container), calc(100% - 32px));margin-inline:auto}
.muted{color:var(--muted)}
.glass{
    background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
    backdrop-filter: blur(16px);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:var(--shadow);
}
.topbar{
    position:sticky;top:0;z-index:50;
    background:rgba(8,10,14,.72);
    backdrop-filter:blur(18px);
    border-bottom:1px solid var(--line);
}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:84px}
.brand{display:flex;align-items:center;gap:14px}
.brand-mark{
    width:50px;height:50px;border-radius:18px;display:grid;place-items:center;
    background:linear-gradient(135deg,var(--primary),var(--primary-2) 45%, var(--secondary));
    color:#fff;font-weight:900;font-size:1.2rem;
    box-shadow:0 18px 35px rgba(255,122,24,.3);
}
.brand-copy strong{display:block;font-size:1.08rem;font-weight:900;letter-spacing:.02em}
.brand-copy small{display:block;color:var(--muted);font-size:.78rem}
.main-nav{display:flex;align-items:center;gap:8px}
.main-nav a{
    padding:12px 16px;border-radius:999px;color:var(--muted);font-weight:700;
    transition:.25s ease;
}
.main-nav a:hover,.main-nav a.is-active{background:rgba(255,255,255,.07);color:var(--text)}
.menu-toggle{display:none;background:none;border:none;padding:0;width:46px;height:46px;border-radius:14px}
.menu-toggle span{display:block;height:2px;background:#fff;margin:6px 0;border-radius:20px}
.mobile-menu{display:none;padding:12px 16px 18px;border-top:1px solid var(--line);background:rgba(8,10,14,.95)}
.mobile-menu a{display:block;padding:12px 8px;color:var(--muted)}
.btn{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    min-height:54px;padding:0 22px;border-radius:999px;border:none;
    font-weight:800;cursor:pointer;transition:.25s ease;
}
.btn-sm{min-height:44px;padding:0 16px;font-size:.92rem}
.btn-primary{
    color:#180f0a;
    background:linear-gradient(135deg,var(--primary),#ffae00);
    box-shadow:0 18px 38px rgba(255,122,24,.25)
}
.btn-primary:hover{transform:translateY(-2px)}
.btn-secondary{
    background:rgba(255,255,255,.08);color:var(--text);
    border:1px solid rgba(255,255,255,.08)
}
.btn-secondary:hover{background:rgba(255,255,255,.12)}
.desktop-cta{display:inline-flex}
.text-link{color:#ffd4b5;font-weight:800}
.eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    padding:8px 12px;border-radius:999px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    color:#ffd7bf;font-weight:800;text-transform:uppercase;letter-spacing:.08em;
    font-size:.78rem
}

.hero,.page-hero,.detail-hero{position:relative}
.hero{min-height:calc(100vh - 84px);display:grid;align-items:center;padding:54px 0 70px}
.hero-media,.detail-hero-media,.page-hero-media{
    position:absolute;inset:0;background-size:cover;background-position:center;opacity:.35
}
.hero-overlay,.detail-hero-overlay,.page-hero-overlay{
    position:absolute;inset:0;
    background:
        linear-gradient(90deg, rgba(8,10,14,.93) 0%, rgba(8,10,14,.82) 45%, rgba(8,10,14,.35) 100%),
        linear-gradient(180deg, rgba(255,122,24,.08), transparent 35%);
}
.hero-grid,.page-hero-content{position:relative;z-index:2}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}
.hero-copy h1,.page-hero h1,.detail-hero h1{
    margin:18px 0 14px;
    font-size:clamp(2.8rem, 6vw, 5.6rem);
    line-height:.96;
    letter-spacing:-.03em;
    max-width:10ch
}
.hero-copy p,.page-hero p,.detail-hero p{
    max-width:60ch;font-size:1.07rem;color:var(--muted)
}
.hero-actions,.detail-actions,.tour-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.hero-search{
    margin-top:24px;padding:12px;border-radius:24px;display:flex;gap:12px;max-width:720px
}
.hero-search input,.toolbar-search input{
    width:100%;min-height:56px;padding:0 18px;border:none;border-radius:18px;
    background:rgba(255,255,255,.06);color:var(--text);outline:none
}
.hero-side .floating-panel{padding:26px;border-radius:32px}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.stats-grid div{
    padding:16px;border-radius:22px;background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08)
}
.stats-grid strong{display:block;font-size:1.65rem;font-weight:900}
.stats-grid span{color:var(--muted);font-size:.88rem}
.stack-list{display:grid;gap:14px}
.stack-card{
    display:grid;grid-template-columns:94px 1fr;gap:14px;align-items:center;
    padding:12px;border-radius:22px;background:rgba(255,255,255,.05)
}
.stack-card img{width:94px;height:94px;object-fit:cover;border-radius:18px}
.stack-card small{display:block;color:#ffd7bf;font-size:.8rem;font-weight:800;margin-bottom:4px}
.stack-card strong{display:block}
.stack-card span{display:block;color:var(--muted);font-size:.92rem;margin-top:4px}

.section{padding:88px 0}
.section-dark{background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01))}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:28px}
.section-head h2{margin:12px 0 0;font-size:clamp(2rem,4vw,3rem);line-height:1}
.section-lead,.link-arrow{color:var(--muted)}
.link-arrow{font-weight:800}
.categories-showcase{
    display:grid;grid-template-columns:repeat(3,1fr);gap:24px
}
.category-card{
    position:relative;min-height:370px;border-radius:30px;overflow:hidden;
    border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);transition:.3s ease
}
.category-card:hover,.business-card:hover,.member-card:hover,.member-tile:hover,.tour-card:hover,.story-layout:hover{transform:translateY(-4px)}
.category-card img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover
}
.category-card::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg, rgba(7,10,15,.05), rgba(7,10,15,.85) 75%)
}
.category-card-copy{
    position:absolute;left:22px;right:22px;bottom:22px;z-index:2
}
.category-card-copy span{display:inline-block;margin-bottom:10px;color:#ffd6bc;font-weight:800;font-size:.82rem;text-transform:uppercase}
.category-card-copy strong{display:block;font-size:1.7rem;margin-bottom:8px}
.category-card-copy small{display:block;color:#d6dde7;font-size:.95rem}

.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card-grid-home{grid-template-columns:repeat(4,1fr)}
.business-card{
    border-radius:28px;overflow:hidden;background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);box-shadow:var(--shadow);transition:.3s ease
}
.card-media{position:relative;display:block;height:260px;overflow:hidden}
.card-media-tall{height:290px}
.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.business-card:hover .card-media img{transform:scale(1.04)}
.card-badge{
    position:absolute;top:16px;left:16px;padding:8px 12px;border-radius:999px;
    font-size:.8rem;font-weight:800;background:rgba(8,10,14,.8);backdrop-filter:blur(8px)
}
.card-body{padding:20px}
.card-meta{
    display:flex;flex-wrap:wrap;gap:10px;color:#ffd6bc;font-size:.79rem;font-weight:800;
    text-transform:uppercase;letter-spacing:.04em
}
.card-body h3{margin:12px 0 8px;font-size:1.25rem;line-height:1.1}
.card-body p{margin:0;color:var(--muted);min-height:72px}
.card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}

.story-layout{
    display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;padding:30px;border-radius:34px;
    background:linear-gradient(180deg, rgba(124,92,255,.12), rgba(255,122,24,.10));
    border:1px solid rgba(255,255,255,.08)
}
.story-copy h2{margin:14px 0 14px;font-size:clamp(2rem,4vw,3rem);line-height:1}
.story-copy p{max-width:48ch;color:var(--muted);margin-bottom:24px}
.member-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.member-tile{
    border-radius:24px;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);
    transition:.25s ease
}
.member-tile img{width:100%;height:240px;object-fit:cover}
.member-tile-copy{padding:14px}
.member-tile-copy strong{display:block;font-size:1rem}
.member-tile-copy span{display:block;margin-top:4px;color:var(--muted)}

.tour-banner{
    display:grid;grid-template-columns:320px 1fr auto;gap:22px;align-items:center;
    padding:22px;border-radius:30px;
    background:linear-gradient(120deg, rgba(255,122,24,.16), rgba(124,92,255,.16));
    border:1px solid rgba(255,255,255,.08)
}
.tour-banner-art{width:100%;height:220px;object-fit:cover;border-radius:24px}
.tour-banner-copy h2{margin:12px 0 8px;font-size:2rem}
.tour-banner-copy p{margin:0;color:var(--muted);max-width:54ch}

.page-hero{
    min-height:440px;display:grid;align-items:end;padding:92px 0 48px;
    overflow:hidden
}
.page-hero-content{position:relative;z-index:2}
.page-hero-content h1{max-width:12ch}
.toolbar{
    display:flex;justify-content:space-between;align-items:center;gap:18px;
    padding:16px 18px;border-radius:24px;margin-bottom:22px
}
.toolbar-search{display:flex;gap:12px;flex:1}
.toolbar-meta{
    min-width:120px;text-align:center;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.05)
}
.toolbar-meta strong{display:block;font-size:1.45rem}
.toolbar-meta span{color:var(--muted)}
.filter-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.filter-pill{
    padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.06);color:var(--muted);font-weight:700
}
.filter-pill.is-selected,.filter-pill:hover{
    background:linear-gradient(135deg,var(--primary),#ffae00);
    color:#180f0a
}
.empty-state{grid-column:1/-1;padding:44px;border-radius:30px;text-align:center}

.detail-hero{
    min-height:72vh;display:grid;align-items:end;padding:120px 0 44px
}
.detail-hero-content{position:relative;z-index:2}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.detail-panel{padding:26px;border-radius:28px}
.detail-panel h2{margin-top:0;font-size:1.7rem}
.info-list{display:grid;gap:12px}
.info-list div{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.info-list span{color:var(--muted)}
.social-list{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.social-pill{
    min-height:42px;padding:0 16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);font-weight:700
}
.map-frame{overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.08)}
.map-frame iframe{display:block;width:100%;height:380px;border:0;background:#0a0d12}

.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.member-card{
    overflow:hidden;border-radius:30px;background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);transition:.3s ease
}
.member-photo-wrap img{width:100%;height:420px;object-fit:cover}
.member-card-body{padding:20px}
.member-tag{
    display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);
    color:#ffd8c2;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em
}
.member-card-body h3{margin:12px 0 6px;font-size:1.28rem}
.member-card-body p{margin:0 0 12px;color:var(--muted)}

.tour-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:24px}
.tour-card{
    position:relative;min-height:540px;border-radius:34px;overflow:hidden;
    border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)
}
.tour-card-media{position:absolute;inset:0;background-size:cover;background-position:center}
.tour-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(8,10,14,.08), rgba(8,10,14,.88))}
.tour-card-copy{position:relative;z-index:2;padding:34px;display:flex;min-height:100%;flex-direction:column;justify-content:end}
.tour-card-copy h2{margin:14px 0 10px;font-size:3rem;line-height:1}
.tour-card-copy p{max-width:58ch;color:#dfe7ef}
.sidebar-card{padding:24px;border-radius:28px;position:sticky;top:108px}
.sidebar-card h3{margin-top:0}
.sidebar-card p{color:var(--muted)}
.sidebar-list{display:grid;gap:12px;margin-top:16px}
.sidebar-item{
    display:flex;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:18px;
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)
}
.sidebar-item span{color:#e9edf3}
.sidebar-item strong{color:#ffd6bc}

.site-footer{
    padding:44px 0 20px;border-top:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01))
}
.footer-grid{display:grid;grid-template-columns:1.2fr .6fr 1fr;gap:24px}
.footer-brand{font-size:1.4rem;font-weight:900;margin-bottom:10px}
.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.footer-bottom{
    margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);
    display:flex;justify-content:space-between;gap:12px;color:var(--muted)
}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease, transform .55s ease}
.reveal.is-visible{opacity:1;transform:none}
.delay-1{transition-delay:.1s}
.delay-2{transition-delay:.2s}

@media (max-width:1100px){
    .card-grid-home{grid-template-columns:repeat(2,1fr)}
    .categories-showcase,.member-grid,.member-wall{grid-template-columns:repeat(2,1fr)}
    .hero-grid,.story-layout,.tour-layout,.detail-grid,.footer-grid,.page-hero-content{grid-template-columns:1fr}
    .tour-banner{grid-template-columns:1fr}
}
@media (max-width:820px){
    .main-nav,.desktop-cta{display:none}
    .menu-toggle{display:block}
    .mobile-menu.is-open{display:block}
    .hero{min-height:auto;padding:40px 0 60px}
    .hero-search,.toolbar-search{flex-direction:column}
    .card-grid,.card-grid-home,.categories-showcase,.member-grid,.member-wall{grid-template-columns:1fr}
    .section-head,.toolbar,.footer-bottom{flex-direction:column;align-items:flex-start}
    .stack-card{grid-template-columns:80px 1fr}
    .member-photo-wrap img{height:360px}
    .tour-card-copy h2{font-size:2.2rem}
    .tour-banner-art{height:200px}
}