/* Brother's Place Revamp */
:root{
  --bg:#09090b;
  --bg-2:#121216;
  --panel:rgba(18,18,24,.78);
  --panel-solid:#15151b;
  --text:#f7f1e8;
  --muted:#c8bcad;
  --line:rgba(255,255,255,.1);
  --accent:#f36b21;
  --accent-2:#ffb347;
  --shadow:0 20px 55px rgba(0,0,0,.42);
  --radius:28px;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:
radial-gradient(circle at top left, rgba(243,107,33,.18), transparent 30%),
radial-gradient(circle at 85% 8%, rgba(255,179,71,.11), transparent 24%),
linear-gradient(180deg,#0f0f12 0%,#0b0b0d 55%,#09090a 100%)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{width:min(calc(100% - 32px),var(--max));margin:0 auto}
.btn,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;border-radius:999px;border:1px solid var(--line);font-weight:700;transition:.25s ease}
.btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#1e1712;box-shadow:0 10px 25px rgba(243,107,33,.28)}
.btn:hover,.btn-outline:hover{transform:translateY(-2px)}
.btn-outline{background:rgba(255,255,255,.04)}
.kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:#f4d7ba;text-transform:uppercase;letter-spacing:.15em;font-size:.78rem}
.kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 20px rgba(243,107,33,.7)}
.nav{position:sticky;top:12px;z-index:50;padding-top:12px}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-radius:999px;background:rgba(7,7,9,.72);border:1px solid var(--line);backdrop-filter:blur(12px);box-shadow:var(--shadow)}
.brand{display:flex;align-items:center;gap:14px;font-family:Oswald,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:1.1rem}
.brand img{height:48px;width:auto}
.nav-links{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted)}
.hero{padding:18px 0 24px}
.hero-shell{position:relative;border:1px solid var(--line);border-radius:38px;min-height:84vh;overflow:hidden;box-shadow:var(--shadow);background:#111}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .9s ease, transform 8s ease;transform:scale(1.03)}
.hero-slide.active{opacity:1;transform:scale(1)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.46) 42%,rgba(0,0,0,.2) 100%),linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.5));z-index:1}
.hero-content{position:relative;z-index:2;min-height:84vh;width:min(100%,760px);padding:82px 28px 42px;display:flex;flex-direction:column;justify-content:flex-end}
h1,h2,h3{font-family:Oswald,Arial,sans-serif;letter-spacing:.03em;text-transform:uppercase;margin:0}
h1{font-size:clamp(3.2rem,8vw,7rem);line-height:.93;max-width:8ch}
.hero p{font-size:clamp(1rem,1.45vw,1.14rem);line-height:1.7;color:var(--muted);max-width:58ch;margin:18px 0 26px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.stat{padding:16px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.05);backdrop-filter:blur(10px)}
.stat strong{display:block;font-size:1.15rem;margin-bottom:6px}
.stat span{color:var(--muted);font-size:.92rem}
section{padding:34px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}.section-head h2{font-size:clamp(2rem,4vw,3.2rem)}.section-head p{max-width:50ch;color:var(--muted);line-height:1.7;margin:0}
.grid-2{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}.stack{display:grid;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.image-feature{min-height:510px;display:flex;align-items:end;padding:28px;background-size:cover;background-position:center;position:relative}
.image-feature::after,.event-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.72))}
.image-feature > div,.event-card > div{position:relative;z-index:1}
.copy-card{padding:24px}.copy-card p,.text p,.footer-copy,.contact-detail span,.meta p,.list li{color:var(--muted);line-height:1.7}.list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}.list li{padding-left:18px;position:relative}.list li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2))}
.cards-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:var(--shadow)}
.gallery-preview{display:grid;grid-template-columns:1.03fr .97fr;gap:18px}.gallery-main{min-height:460px;padding:24px;display:flex;align-items:end;background-size:cover;background-position:center;position:relative}.gallery-main::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.82))}.gallery-main>div{position:relative;z-index:1}.mosaic{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mini{min-height:220px;border-radius:24px;border:1px solid var(--line);background-size:cover;background-position:center;box-shadow:var(--shadow)}
.event-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.event-card{position:relative;min-height:360px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:end;padding:24px;box-shadow:var(--shadow)}
.contact-bar{display:grid;grid-template-columns:1fr auto auto auto;gap:14px;align-items:center;padding:18px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));box-shadow:var(--shadow)}
.contact-detail small{display:block;color:#f4d7ba;text-transform:uppercase;letter-spacing:.15em;margin-bottom:4px;font-size:.75rem}
.footer{padding:18px 0 42px;color:var(--muted);font-size:.95rem}
.page-hero{padding:24px 0 10px}.page-banner{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:34px;min-height:44vh;display:flex;align-items:end;box-shadow:var(--shadow);background-size:cover;background-position:center}.page-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.78))}.page-banner .inner{position:relative;z-index:1;padding:34px;width:min(100%,760px)}.page-banner h1{font-size:clamp(2.8rem,6vw,5rem);max-width:12ch}
.content-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:22px;align-items:start}.text-block{padding:28px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.photo-grid img,.portrait-card img,.story-image img{width:100%;height:100%;object-fit:cover}.story-image{min-height:340px}.portrait-card{min-height:450px;overflow:hidden}
.gallery-controls{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 18px}.filter-btn{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);cursor:pointer}.filter-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#1b1511}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-item{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--panel-solid);box-shadow:var(--shadow)}.gallery-item img{width:100%;height:260px;object-fit:cover}.gallery-item .meta{padding:16px}.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:#f4d7ba;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;margin-bottom:10px}
.logo-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.logo-tile{padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.03);min-height:130px;display:flex;align-items:center;justify-content:center}.logo-tile img{max-height:78px;width:auto;object-fit:contain;filter:grayscale(10%)}
@media (max-width:1024px){.grid-2,.gallery-preview,.event-grid,.cards-3,.contact-bar,.content-grid,.gallery-grid,.logo-row{grid-template-columns:1fr}.mosaic,.photo-grid{grid-template-columns:1fr 1fr}.hero-shell,.hero-content{min-height:72vh}.hero-stats{grid-template-columns:1fr}.contact-bar{padding:16px}}
@media (max-width:720px){.nav-inner{border-radius:28px;align-items:flex-start}.nav-links{display:none}.hero-content{padding:58px 20px 28px}.page-banner .inner{padding:22px}.mosaic,.photo-grid{grid-template-columns:1fr}.brand img{height:40px}}