/* The landing page uses the portal as its canvas; inventory frames belong to the items. */
.homewrap{--measure:1240px; padding-top:64px; padding-bottom:24px}
.homehero{display:grid; grid-template-columns:1fr 1.05fr; gap:48px; align-items:center}
.herocopy{min-width:0}
.eyebrow{font-family:var(--sans); font-size:var(--fs-note); font-weight:600; color:#a8c7b0; margin:0 0 18px}
.homehero h1{font-size:clamp(24px, 2.8vw, 36px); line-height:1.55; letter-spacing:-1px; margin:0 0 24px; color:#f5f7f0}
.homehero h1 span{color:#79e48d}
.homelede{font-size:var(--fs-lede); color:#cdd8ce; text-align:left; margin:0; max-width:42ch; line-height:1.75}
.heroactions{display:flex; align-items:center; flex-wrap:wrap; gap:18px 24px; margin-top:28px}
.homehero .ipbtn{display:inline-flex; gap:16px; margin:0; background:#6bdf83; color:#092813;
  font-size:var(--fs-xs); padding:20px 24px;
  box-shadow:inset 3px 3px 0 #b0f9bf, inset -3px -3px 0 #2b9148, 0 5px 0 #10321b}
.homehero .ipbtn:hover{background:#8eed9f}
.homehero .ipbtn:active{box-shadow:inset 3px 3px 0 #2b9148, inset -3px -3px 0 #b0f9bf}
.discordlink{font-size:var(--fs-note); font-weight:600; color:#e1e9e2; text-decoration:none; padding:12px 0}
.discordlink:hover{text-decoration:underline; text-underline-offset:5px}
.discordlink span{margin-left:6px; color:#91b59a}
.serveraddress{display:flex; gap:6px 16px; flex-wrap:wrap; align-items:center; margin:18px 0 0; font-size:var(--fs-note)}
.serveraddress b{font-weight:600; color:#e1e9e2; user-select:all}
.homehero .iphint{font-family:var(--sans); color:#a9bcac; margin:0; text-align:left}
.homehero .liveline{flex-direction:row; flex-wrap:wrap; justify-content:flex-start; gap:12px 20px; margin:28px 0 0}
.homehero .livepill{background:none; box-shadow:none; padding:0; font-size:var(--fs-note)}
.homehero .livestat{font-size:14px; color:#a9bcac}
.homehero .livestat b{color:#c8d8ca; font-weight:600}
.heromedia{min-width:0; margin:0; background:#17201d; border:1px solid #405047; box-shadow:0 20px 60px #0006}
.trailer{position:relative; aspect-ratio:16/9; background:#111815}
.trailerposter{display:block; position:relative; height:100%; color:#fff; text-decoration:none}
.trailerposter > img{width:100%; height:100%; display:block; object-fit:cover}
.trailerposter::after{content:""; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,#0b171be6); pointer-events:none}
.watchlabel{position:absolute; z-index:1; bottom:20px; left:22px; right:22px; display:flex; align-items:center; gap:14px; font-weight:600; font-size:var(--fs-body)}
.playicon{display:grid; place-items:center; width:46px; height:46px; background:#eef8ef; color:#17391f; box-shadow:3px 3px 0 #0007; font-size:20px}
.trailerposter:hover .playicon{background:#86e99a}
.watchtime{margin-left:auto; font-size:14px; color:#e0e6e1}
.heromedia figcaption{padding:20px 22px; color:#b7cabb; font-size:var(--fs-note); line-height:1.6}
.media-label{display:block; color:#edf4ee; font-size:var(--fs-body); font-weight:600; margin-bottom:4px}
.trailer iframe{position:absolute; inset:0; width:100%; height:100%; border:0}
.homesection{margin-top:76px}
.homeheading{margin-bottom:26px}
.homeheading .eyebrow{margin-bottom:10px}
.homeheading h2{font-family:var(--pixel); font-size:clamp(17px, 2vw, 23px); line-height:1.7; margin:0; color:#f0f4ed}
.homewrap .steps,.homewrap .hometiles{background:none; box-shadow:none; padding:0; gap:20px}
.homewrap .step{align-items:flex-start; text-align:left; background:#202a25; border:1px solid #35473b; box-shadow:none; padding:28px; gap:22px}
.homewrap .stepno{left:auto; right:22px; top:24px; color:#96ba9e; background:none; box-shadow:none; text-shadow:none; padding:0}
.homewrap .steptext{gap:14px}
.homewrap .steptext b{font-size:var(--fs-xs); line-height:1.8; color:#f0f4ef; text-shadow:none}
.homewrap .steptext span{color:#c9d5cb; font-size:var(--fs-body); line-height:1.7}
.homewrap .hometiles{grid-template-columns:repeat(3,minmax(0,1fr))}
.homewrap .hometile{align-items:flex-start; flex-direction:column; gap:20px; padding:26px}
.homewrap .hometext b{font-family:var(--sans); font-size:var(--fs-body); line-height:1.6}
.homewrap .hometext b span{color:#97bd9e; margin-left:4px}
.homewrap .hometext{gap:10px}
@media(max-width:1000px){
  .homehero{gap:30px; grid-template-columns:1fr 1fr}
  .homehero h1{font-size:28px}
  .homewrap .steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .homewrap .step{padding:22px}
}
@media(max-width:900px){
  .homewrap{padding-top:34px}
  .homehero{grid-template-columns:1fr; gap:32px}
  .homehero h1{font-size:clamp(23px, 6.25vw, 34px); letter-spacing:-.5px; margin-bottom:18px}
  .homehero h1 span br{display:none}
  .homelede{font-size:18px; max-width:52ch}
  .heroactions{gap:14px 20px; margin-top:24px}
  .homehero .ipbtn{font-size:12px; padding:18px 20px}
  .homehero .liveline{margin-top:22px}
  .homesection{margin-top:48px}
  .homewrap .steps,.homewrap .hometiles{grid-template-columns:1fr; gap:14px}
  .homewrap .hometile{flex-direction:row; align-items:center; padding:22px}
  .homewrap .step{gap:18px}
  .watchlabel{left:16px; right:16px; bottom:14px}
  .heromedia figcaption{padding:16px}
}