/* ===== FeralSQRL HOME V2 ===== */

.xx-home-v2 .site-shell{
  background:
    radial-gradient(circle at 6% 2%,rgba(233,111,19,.12),transparent 27%),
    radial-gradient(circle at 94% 18%,rgba(233,111,19,.035),transparent 24%),
    linear-gradient(180deg,#08090a,#0b0c0e 50%,#08090a);
}

.home-hero{
  position:relative;
  overflow:hidden;
  min-height:650px;
  display:flex;
  align-items:center;
  border-bottom:1px solid #29231f;
  background:
    linear-gradient(90deg,rgba(233,111,19,.085),transparent 45%),
    repeating-linear-gradient(135deg,transparent 0 35px,rgba(255,255,255,.008) 35px 36px);
}
.home-hero:after{
  content:"FeralSQRL";
  position:absolute;
  left:2%;
  bottom:-68px;
  color:rgba(255,255,255,.014);
  font-size:clamp(8rem,17vw,18rem);
  font-weight:1000;
  line-height:.8;
  letter-spacing:-.08em;
  pointer-events:none;
}
.home-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);
  gap:54px;
  align-items:center;
  padding-top:62px;
  padding-bottom:62px;
}
.home-kicker{
  color:#ff8b32;
  font-size:.64rem;
  font-weight:950;
  letter-spacing:.16em;
}
.home-hero h1{
  margin:.7rem 0 1rem;
  max-width:900px;
  font-size:clamp(3.5rem,7vw,7rem);
  line-height:.86;
  letter-spacing:-.065em;
  text-transform:uppercase;
}
.home-hero h1>span{color:#ff791b;text-transform:none}
.home-lead{
  max-width:760px;
  margin:0;
  color:#acb1b6;
  font-size:clamp(1rem,1.6vw,1.18rem);
  line-height:1.65;
}
.home-hero-actions,.home-stream-buttons,.home-community-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.home-hero-actions{margin-top:27px}
.home-primary,.home-secondary{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border-radius:8px;
  font-size:.72rem;
  font-weight:950;
  text-decoration:none;
  transition:.16s ease;
}
.home-primary{border:1px solid #ff8b32;background:#e96f13;color:#08090a}
.home-primary:hover{background:#ff8b32;transform:translateY(-1px)}
.home-secondary{border:1px solid #49392f;background:#121416;color:#e5e6e7}
.home-secondary:hover{border-color:#815237;color:#fff}
.home-schedule-line{
  display:flex;
  flex-wrap:wrap;
  gap:9px 14px;
  align-items:center;
  margin-top:31px;
  padding-top:19px;
  border-top:1px solid #302a26;
  color:#858c92;
  font-size:.68rem;
}
.home-schedule-line span{color:#ff8b32;font-size:.57rem;font-weight:950;letter-spacing:.14em}
.home-schedule-line strong{color:#f0f1f2;letter-spacing:.08em}
.home-schedule-line b{font-weight:750}

.home-hero-visual{
  position:relative;
  min-height:510px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.home-character-ring{
  position:absolute;
  width:390px;
  height:390px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(233,111,19,.20);
  border-radius:50%;
  box-shadow:0 0 0 46px rgba(233,111,19,.025),0 0 0 92px rgba(233,111,19,.012);
}
.home-hero-visual img{
  position:relative;
  z-index:1;
  max-width:100%;
  max-height:530px;
  object-fit:contain;
  filter:drop-shadow(0 28px 42px rgba(0,0,0,.46));
}
.home-hero-badge{
  position:absolute;
  z-index:2;
  right:3%;
  bottom:7%;
  min-width:155px;
  padding:12px 14px;
  border:1px solid #553b2c;
  border-radius:9px;
  background:rgba(12,13,14,.92);
  box-shadow:0 16px 35px rgba(0,0,0,.35);
}
.home-hero-badge span{display:block;color:#777e84;font-size:.52rem;font-weight:950;letter-spacing:.13em}
.home-hero-badge strong{display:block;margin-top:4px;color:#ff8b32;font-size:.78rem}

.home-paths{padding:22px 0 0}
.home-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.home-path-card{
  position:relative;
  overflow:hidden;
  min-height:275px;
  padding:21px;
  border:1px solid #322e2b;
  border-radius:14px;
  background:linear-gradient(145deg,rgba(233,111,19,.035),transparent 44%),#121416;
  color:inherit;
  text-decoration:none;
  box-shadow:0 18px 42px rgba(0,0,0,.17);
  transition:.17s ease;
}
.home-path-card:hover{transform:translateY(-3px);border-color:#68442e}
.home-path-card.live{border-top:3px solid #e96f13}
.home-path-code{color:#6d747a;font-size:.56rem;font-weight:950;letter-spacing:.12em}
.home-path-icon{
  width:52px;height:52px;display:grid;place-items:center;margin-top:27px;
  border:1px solid #59402f;border-radius:10px;background:#18120f;color:#ff8b32;
}
.home-path-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-path-icon svg .icon-fill{fill:currentColor;stroke:none}
.home-path-card h2{margin:18px 0 7px;font-size:1.55rem;letter-spacing:-.035em}
.home-path-card p{margin:0;color:#858c92;font-size:.76rem;line-height:1.55}
.home-path-card>span{display:block;margin-top:22px;color:#ff8b32;font-size:.72rem;font-weight:900}

.home-stream-section{padding-top:66px}
.home-stream-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:16px}
.home-stream-copy,.home-schedule-card{
  border:1px solid #322e2b;border-radius:15px;background:#121416;box-shadow:0 18px 42px rgba(0,0,0,.17);
}
.home-stream-copy{padding:31px;border-left:3px solid #e96f13}
.home-stream-copy h2{margin:.3rem 0 .75rem;max-width:760px;font-size:clamp(2.2rem,4vw,3.7rem);letter-spacing:-.05em}
.home-stream-copy p{max-width:760px;margin:0;color:#8b9298;line-height:1.62}
.home-stream-buttons{margin-top:22px}
.home-stream-buttons a{padding:9px 12px;border:1px solid #44372f;border-radius:7px;background:#0d0f11;color:#e4e5e6;font-size:.69rem;font-weight:850;text-decoration:none}
.home-stream-buttons a:hover{border-color:#73503a;color:#ff8b32}
.home-schedule-card{overflow:hidden;background:linear-gradient(145deg,rgba(233,111,19,.065),transparent 45%),#111315}
.home-schedule-top{display:flex;justify-content:space-between;gap:15px;padding:16px 18px;border-bottom:1px solid #312a26}
.home-schedule-top span{color:#ff8b32;font-size:.58rem;font-weight:950;letter-spacing:.14em}
.home-schedule-top strong{color:#777e84;font-size:.58rem}
.home-schedule-main{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:end;padding:25px 18px}
.home-schedule-main>b{grid-column:1/-1;color:#fff;font-size:1.05rem;letter-spacing:.1em}
.home-schedule-main strong{font-size:1.75rem;letter-spacing:-.04em}
.home-schedule-main span{color:#696f75;font-size:.58rem;font-weight:900}
.home-schedule-card>a{display:block;padding:13px 18px;border-top:1px solid #312a26;color:#ff8b32;font-size:.7rem;font-weight:900;text-decoration:none}

.home-project-section{border-top:1px solid #211f1d;border-bottom:1px solid #211f1d;background:rgba(255,255,255,.012)}
.home-section-head{align-items:end}
.home-section-head h2{margin:.28rem 0 0;font-size:clamp(2.35rem,4.4vw,4.1rem);letter-spacing:-.05em}
.home-section-head>p{max-width:500px;color:#858c92;line-height:1.58;text-align:right}
.home-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.home-project-card{
  min-height:405px;display:flex;flex-direction:column;padding:21px;border:1px solid #322e2b;border-top:3px solid #765037;border-radius:14px;
  background:linear-gradient(145deg,rgba(233,111,19,.045),transparent 45%),#121416;color:inherit;text-decoration:none;box-shadow:0 18px 42px rgba(0,0,0,.17);transition:.17s ease;
}
.home-project-card:hover{transform:translateY(-3px);border-color:#70452e}
.home-project-card.seaf{border-top-color:#e96f13}
.home-project-card.ilm{border-top-color:#8b5736}
.home-project-card.hc{border-top-color:#674b39}
.home-project-head{display:flex;align-items:center;justify-content:space-between;gap:15px}
.home-project-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid #59402f;border-radius:10px;background:#18120f;color:#ff8b32;font-size:.7rem;font-weight:1000}
.home-project-head>div{text-align:right}
.home-project-head small{display:block;color:#71787e;font-size:.51rem;font-weight:950;letter-spacing:.11em}
.home-project-head strong{display:block;margin-top:4px;color:#ff8b32;font-size:.83rem}
.home-project-card h3{margin:32px 0 8px;font-size:1.35rem;letter-spacing:-.035em}
.home-project-card p{margin:0;color:#858c92;font-size:.75rem;line-height:1.57}
.home-project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}
.home-project-tags span{padding:6px 7px;border:1px solid #38332f;border-radius:5px;background:#0d0f11;color:#838a90;font-size:.56rem;font-weight:850}
.home-project-link{display:block;margin-top:auto;padding-top:24px;color:#ff8b32;font-size:.72rem}
.home-project-all{text-align:right;margin-top:15px}
.home-project-all a{color:#ff8b32;font-size:.72rem;font-weight:900;text-decoration:none}

.home-media-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:14px;align-items:stretch}
.home-media-copy{padding:29px;border:1px solid #322e2b;border-radius:14px;background:#121416}
.home-media-copy h2{margin:.3rem 0 .7rem;font-size:clamp(2rem,3.8vw,3.3rem);letter-spacing:-.045em}
.home-media-copy p{margin:0;color:#858c92;line-height:1.6}
.home-media-copy>a{display:inline-block;margin-top:20px;color:#ff8b32;font-size:.72rem;font-weight:900;text-decoration:none}
.home-media-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.home-media-platforms a{min-height:215px;padding:18px;border:1px solid #322e2b;border-radius:12px;background:#101214;color:inherit;text-decoration:none;transition:.16s ease}
.home-media-platforms a:hover{transform:translateY(-2px);border-color:#68442e}
.home-media-platforms .home-platform-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid #59402f;border-radius:9px;background:#18120f;color:#ff8b32}
.home-media-platforms .home-platform-icon svg{width:23px;height:23px;display:block;transition:transform .16s ease}
.home-media-platforms .home-platform-icon .brand-fill{fill:currentColor}
.home-media-platforms a:hover .home-platform-icon{border-color:#8b5636;background:#1b130f}
.home-media-platforms a:hover .home-platform-icon svg{transform:scale(1.06)}
.home-media-platforms strong{display:block;margin-top:35px;font-size:.93rem}
.home-media-platforms small{display:block;margin-top:5px;color:#727980;font-size:.66rem}

.home-community-section{padding-top:0}
.home-community-panel{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:30px;border:1px solid #493428;border-radius:15px;background:linear-gradient(145deg,rgba(233,111,19,.065),transparent 44%),#121416;box-shadow:0 18px 42px rgba(0,0,0,.17)}
.home-community-panel h2{margin:.3rem 0 .65rem;font-size:clamp(2rem,3.5vw,3.1rem);letter-spacing:-.045em}
.home-community-panel p{max-width:760px;margin:0;color:#858c92;line-height:1.58}
.home-community-actions{flex:0 0 auto}

@media(max-width:1000px){
  .home-hero-grid,.home-stream-layout,.home-media-layout{grid-template-columns:1fr}
  .home-hero-visual{min-height:430px}
  .home-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-project-card.hc{grid-column:1/-1;min-height:330px}
}
@media(max-width:760px){
  .home-hero{min-height:0}
  .home-hero-grid{padding-top:48px;padding-bottom:45px}
  .home-hero h1{font-size:clamp(3rem,14vw,5.2rem)}
  .home-path-grid,.home-project-grid,.home-media-platforms{grid-template-columns:1fr}
  .home-project-card.hc{grid-column:auto;min-height:405px}
  .home-section-head{display:block}
  .home-section-head>p{margin-top:10px;text-align:left}
  .home-community-panel{display:block}
  .home-community-actions{margin-top:20px}
}
@media(max-width:500px){
  .home-hero-visual{min-height:350px}
  .home-character-ring{width:280px;height:280px}
  .home-hero-badge{right:0}
  .home-stream-copy,.home-media-copy,.home-community-panel{padding:22px}
}