.page-home{
  --h-edge:1px solid rgba(243,238,230,.16);
  --h-edge-ink:1px solid rgba(13,13,15,.16);
  --h-soft:rgba(243,238,230,.72);
  --h-hard:rgba(243,238,230,.36);
  background:var(--ink);
  color:var(--paper);
  font-family:var(--f-body);
}

/* ---------- hero ---------- */
.page-home .home-hero{
  padding:clamp(14px,3vw,26px) 0 0;
}
.page-home .m-breadcrumb{
  font-size:12px;
  letter-spacing:.08em;
  color:rgba(243,238,230,.55);
  margin-bottom:clamp(12px,2.4vw,20px);
}
.page-home .hero-grid{
  display:grid;
  gap:1px;
  background:rgba(243,238,230,.16);
  border:var(--h-edge);
}
.page-home .hero-lead,
.page-home .hero-plate,
.page-home .hero-facts{
  background:var(--ink);
}
.page-home .hero-lead{
  padding:clamp(18px,3.4vw,30px);
  display:flex;
  flex-direction:column;
  gap:14px;
}
.page-home .hero-lead h1{
  margin:0;
  font-family:var(--f-display);
  font-weight:700;
  font-size:clamp(2rem,7.2vw,3.6rem);
  line-height:1.04;
  letter-spacing:-.02em;
  color:var(--white);
}
.page-home .hero-deck{
  margin:0;
  max-width:36ch;
  font-size:16px;
  line-height:1.7;
  color:var(--h-soft);
}
.page-home .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:4px;
}
.page-home .hero-shot{
  position:relative;
  margin:0;
  min-height:200px;
  overflow:hidden;
}
.page-home .hero-shot img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.5) contrast(1.08) brightness(.9);
}
.page-home .hero-plate{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:clamp(14px,2.6vw,20px);
  gap:14px;
}
.page-home .hero-plate img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
  filter:saturate(.55) contrast(1.06) brightness(.92);
}
.page-home .plate-foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 10px;
}
.page-home .plate-label{
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--mute);
}
.page-home .plate-ver{
  font-family:var(--f-num);
  font-size:20px;
  color:var(--amber);
  letter-spacing:.02em;
}
.page-home .plate-copy{
  margin-left:auto;
  font-size:11px;
  padding:4px 9px;
  border:1px solid var(--h-hard);
  color:var(--paper);
  background:transparent;
  cursor:pointer;
  transition:border-color var(--speed),color var(--speed),transform var(--speed);
}
.page-home .plate-copy:hover{
  border-color:var(--amber);
  color:var(--amber);
  transform:translateY(-2px);
}
.page-home .hero-facts{
  list-style:none;
  margin:0;
  padding:clamp(14px,2.6vw,20px);
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px 18px;
}
.page-home .hero-facts li{
  display:flex;
  flex-direction:column;
  gap:3px;
  border-top:var(--h-edge);
  padding-top:10px;
}
.page-home .fact-num{
  font-family:var(--f-num);
  font-variant-numeric:tabular-nums;
  font-size:22px;
  line-height:1.1;
  color:var(--white);
}
.page-home .fact-label{
  font-size:12px;
  letter-spacing:.06em;
  color:var(--mute);
}

/* ---------- season strip ---------- */
.page-home .strip{
  position:relative;
  margin-top:1px;
  background:var(--char);
  border:var(--h-edge);
  border-top:0;
}
.page-home .strip-radio{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.page-home .strip-tabs{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:1px;
  background:rgba(243,238,230,.16);
  border-bottom:var(--h-edge);
}
.page-home .strip-tab{
  display:block;
  padding:9px 2px 8px;
  text-align:center;
  font-family:var(--f-num);
  font-variant-numeric:tabular-nums;
  font-size:12px;
  letter-spacing:.06em;
  color:rgba(243,238,230,.55);
  background:var(--char);
  cursor:pointer;
  box-shadow:inset 0 -2px 0 transparent;
  transition:background var(--speed),color var(--speed),box-shadow var(--speed);
}
.page-home .strip-tab span{
  display:block;
  margin-top:2px;
  font-size:9px;
  letter-spacing:.04em;
  opacity:.75;
}
.page-home .strip-tab:hover{
  color:var(--paper);
  background:#24242a;
}
.page-home #season-01:checked ~ .strip-tabs label[for="season-01"],
.page-home #season-02:checked ~ .strip-tabs label[for="season-02"],
.page-home #season-03:checked ~ .strip-tabs label[for="season-03"],
.page-home #season-04:checked ~ .strip-tabs label[for="season-04"],
.page-home #season-05:checked ~ .strip-tabs label[for="season-05"],
.page-home #season-06:checked ~ .strip-tabs label[for="season-06"],
.page-home #season-07:checked ~ .strip-tabs label[for="season-07"]{
  background:var(--crimson);
  color:var(--white);
  box-shadow:inset 0 -2px 0 var(--amber);
}
.page-home .strip-panels{
  background:var(--char);
}
.page-home .strip-panel{
  display:none;
  padding:12px clamp(14px,3vw,22px);
  align-items:baseline;
  flex-wrap:wrap;
  gap:6px 16px;
}
.page-home #season-01:checked ~ .strip-panels > [data-s="01"],
.page-home #season-02:checked ~ .strip-panels > [data-s="02"],
.page-home #season-03:checked ~ .strip-panels > [data-s="03"],
.page-home #season-04:checked ~ .strip-panels > [data-s="04"],
.page-home #season-05:checked ~ .strip-panels > [data-s="05"],
.page-home #season-06:checked ~ .strip-panels > [data-s="06"],
.page-home #season-07:checked ~ .strip-panels > [data-s="07"]{
  display:flex;
}
.page-home .strip-panel__label{
  margin:0;
  font-family:var(--f-num);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--amber);
}
.page-home .strip-panel__text{
  margin:0;
  font-size:13px;
  line-height:1.6;
  color:var(--h-soft);
}
.page-home .strip-panel__link{
  font-size:13px;
  color:var(--white);
  text-decoration:none;
  border-bottom:1px solid var(--red);
  padding-bottom:1px;
  margin-left:auto;
  transition:color var(--speed),border-color var(--speed);
}
.page-home .strip-panel__link:hover{
  color:var(--amber);
  border-color:var(--amber);
}

/* ---------- index ---------- */
.page-home .home-index{
  background:var(--paper);
  color:var(--ink);
  padding:clamp(38px,7vw,80px) 0;
}
.page-home .idx-layout{
  display:grid;
  gap:clamp(22px,4vw,48px);
}
.page-home .idx-aside h2,
.page-home .read-head h2,
.page-home .proof-head h2,
.page-home .fb-head h2,
.page-home .home-anchor h2{
  margin:8px 0 0;
  font-family:var(--f-display);
  font-weight:700;
  font-size:clamp(1.5rem,3.4vw,2.2rem);
  line-height:1.15;
  letter-spacing:-.015em;
}
.page-home .idx-note{
  margin:14px 0 0;
  font-size:15px;
  line-height:1.75;
  color:#3a3a3e;
  max-width:40ch;
}
.page-home .idx-btn{
  margin-top:20px;
}
.page-home .idx-body{
  counter-reset:idx;
  border-bottom:var(--h-edge-ink);
}
.page-home .idx-group{
  border-top:var(--h-edge-ink);
}
.page-home .idx-group summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:14px 2px;
  cursor:pointer;
  list-style:none;
  font-family:var(--f-display);
  font-size:1rem;
  letter-spacing:.02em;
  color:var(--ink);
}
.page-home .idx-group summary::-webkit-details-marker{
  display:none;
}
.page-home .idx-group summary::after{
  content:"+";
  font-family:var(--f-num);
  font-size:15px;
  color:var(--crimson);
}
.page-home .idx-group[open] summary::after{
  content:"–";
}
.page-home .idx-list{
  list-style:none;
  margin:0 0 14px;
  padding:0;
}
.page-home .idx-row{
  counter-increment:idx;
}
.page-home .idx-row__link{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  padding:11px 10px;
  text-decoration:none;
  color:inherit;
  border-bottom:1px solid rgba(13,13,15,.1);
  transition:background var(--speed);
}
.page-home .idx-row__link::before{
  content:counter(idx,decimal-leading-zero);
  font-family:var(--f-num);
  font-variant-numeric:tabular-nums;
  font-size:12px;
  letter-spacing:.06em;
  padding:3px 7px;
  background:var(--crimson);
  color:var(--white);
  transition:background var(--speed),color var(--speed);
}
.page-home .idx-row__name{
  font-size:15px;
  line-height:1.5;
}
.page-home .idx-row__meta{
  font-family:var(--f-num);
  font-size:11px;
  color:var(--mute);
  white-space:nowrap;
}
.page-home .idx-row__link:hover{
  background:var(--edge);
}
.page-home .idx-row__link:hover::before{
  background:var(--amber);
  color:var(--ink);
}

/* ---------- how to read ---------- */
.page-home .home-read{
  background:var(--ink);
  color:var(--paper);
  padding:clamp(38px,7vw,80px) 0;
}
.page-home .read-head h2{
  color:var(--white);
}
.page-home .read-grid{
  display:grid;
  gap:clamp(22px,4vw,44px);
  margin-top:clamp(20px,3.5vw,34px);
}
.page-home .read-copy h3,
.page-home .read-second__copy h3{
  margin:0 0 10px;
  font-family:var(--f-display);
  font-size:clamp(1.05rem,2vw,1.25rem);
  letter-spacing:.01em;
  color:var(--white);
}
.page-home .read-copy p,
.page-home .read-second__copy p{
  margin:0;
  font-size:15px;
  line-height:1.75;
  color:var(--h-soft);
}
.page-home .read-points{
  list-style:none;
  margin:16px 0 0;
  padding:0;
  display:grid;
  gap:10px;
}
.page-home .read-points li{
  position:relative;
  padding-left:18px;
  font-size:14px;
  line-height:1.7;
  color:var(--h-soft);
}
.page-home .read-points li::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:8px;
  height:2px;
  background:var(--amber);
}
.page-home .read-link{
  display:inline-block;
  margin-top:16px;
  font-size:14px;
  color:var(--white);
  text-decoration:none;
  border-bottom:1px solid var(--red);
  padding-bottom:2px;
  transition:color var(--speed),border-color var(--speed);
}
.page-home .read-link:hover{
  color:var(--amber);
  border-color:var(--amber);
}
.page-home .read-figure{
  margin:0;
  border:var(--h-edge);
  padding:clamp(10px,2vw,14px);
  background:rgba(243,238,230,.03);
}
.page-home .read-figure img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  filter:saturate(.5) contrast(1.05);
}
.page-home .read-figure figcaption{
  margin-top:10px;
  font-size:12px;
  line-height:1.6;
  color:var(--mute);
}
.page-home .read-second{
  margin-top:clamp(24px,4vw,44px);
  padding-top:clamp(20px,3vw,32px);
  border-top:var(--h-edge);
  display:grid;
  gap:clamp(20px,3.5vw,40px);
}
.page-home .read-steps{
  list-style:none;
  margin:16px 0 0;
  padding:0;
  display:grid;
  gap:10px;
}
.page-home .read-steps li{
  display:flex;
  align-items:baseline;
  gap:12px;
  font-size:14px;
  line-height:1.7;
  color:var(--h-soft);
  border-top:1px solid rgba(243,238,230,.1);
  padding-top:9px;
}
.page-home .read-steps .m-num{
  font-family:var(--f-num);
  font-size:12px;
  color:var(--amber);
}
.page-home .pitch-box{
  display:flex;
  align-items:center;
  justify-content:center;
}
.page-home .pitch-svg{
  display:block;
  width:100%;
  height:auto;
}

/* ---------- proof ---------- */
.page-home .home-proof{
  background:var(--paper);
  color:var(--ink);
  padding:clamp(38px,7vw,80px) 0;
}
.page-home .proof-deck{
  margin:14px 0 0;
  max-width:56ch;
  font-size:15px;
  line-height:1.75;
  color:#3a3a3e;
}
.page-home .proof-list{
  list-style:none;
  margin:clamp(22px,3.5vw,34px) 0 0;
  padding:0;
  display:grid;
  gap:0;
  border-top:var(--h-edge-ink);
}
.page-home .proof-item{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  padding:16px 0;
  border-bottom:var(--h-edge-ink);
}
.page-home .proof-num{
  font-family:var(--f-num);
  font-variant-numeric:tabular-nums;
  font-size:13px;
  color:var(--crimson);
  padding-top:3px;
}
.page-home .proof-text h3{
  margin:0 0 5px;
  font-family:var(--f-display);
  font-size:1.05rem;
  letter-spacing:.01em;
}
.page-home .proof-text p{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:#4a4a4e;
}
.page-home .proof-btn{
  margin-top:clamp(20px,3vw,28px);
}

/* ---------- feedback ---------- */
.page-home .home-feedback{
  position:relative;
  background:var(--char);
  color:var(--paper);
  padding:clamp(38px,7vw,80px) 0;
  overflow:hidden;
}
.page-home .fb-texture{
  position:absolute;
  inset:0;
  opacity:.14;
  pointer-events:none;
}
.page-home .fb-texture img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(.4) contrast(1.1);
}
.page-home .fb-inner{
  position:relative;
  z-index:1;
}
.page-home .fb-head h2{
  color:var(--white);
}
.page-home .fb-deck{
  margin:14px 0 0;
  max-width:56ch;
  font-size:15px;
  line-height:1.75;
  color:var(--h-soft);
}
.page-home .fb-list{
  list-style:none;
  margin:clamp(20px,3.4vw,32px) 0 0;
  padding:0;
}
.page-home .fb-row{
  display:grid;
  gap:8px;
  padding:15px 0;
  border-top:var(--h-edge);
}
.page-home .fb-list li:last-child{
  border-bottom:var(--h-edge);
}
.page-home .fb-ver{
  display:flex;
  align-items:center;
  gap:10px;
}
.page-home .fb-ver .m-num{
  font-family:var(--f-num);
  font-variant-numeric:tabular-nums;
  font-size:16px;
  color:var(--amber);
  letter-spacing:.02em;
}
.page-home .fb-copy{
  font-family:var(--f-body);
  font-size:11px;
  padding:3px 8px;
  border:1px solid rgba(243,238,230,.28);
  background:transparent;
  color:var(--h-soft);
  cursor:pointer;
  transition:border-color var(--speed),color var(--speed),transform var(--speed);
}
.page-home .fb-copy:hover{
  border-color:var(--amber);
  color:var(--amber);
  transform:translateY(-2px);
}
.page-home .fb-desc{
  margin:0;
  font-size:15px;
  line-height:1.7;
  color:var(--paper);
}
.page-home .fb-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px 20px;
  margin-top:clamp(20px,3vw,28px);
}
.page-home .fb-alt-link{
  font-size:14px;
  color:var(--h-soft);
  text-decoration:none;
  border-bottom:1px solid rgba(243,238,230,.3);
  padding-bottom:2px;
  transition:color var(--speed),border-color var(--speed);
}
.page-home .fb-alt-link:hover{
  color:var(--amber);
  border-color:var(--amber);
}

/* ---------- anchor band ---------- */
.page-home .home-anchor{
  background:var(--crimson);
  color:var(--paper);
  padding:clamp(32px,6vw,64px) 0;
}
.page-home .home-anchor h2{
  color:var(--white);
}
.page-home .home-anchor .m-eyebrow{
  color:rgba(243,238,230,.68);
}
.page-home .anchor-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 16px;
  margin-top:clamp(16px,3vw,26px);
  padding-top:14px;
  border-top:1px solid rgba(243,238,230,.28);
}
.page-home .anchor-label{
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(243,238,230,.75);
  min-width:70px;
}
.page-home .anchor-chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.page-home .anchor-chip{
  font-family:var(--f-num);
  font-variant-numeric:tabular-nums;
  font-size:12px;
  letter-spacing:.06em;
  padding:5px 9px;
  color:var(--paper);
  text-decoration:none;
  border:1px solid rgba(243,238,230,.42);
  background:transparent;
  transition:background var(--speed),color var(--speed),border-color var(--speed),transform var(--speed);
}
.page-home .anchor-chip:hover{
  background:var(--amber);
  border-color:var(--amber);
  color:var(--ink);
  transform:translateY(-2px);
}
.page-home .anchor-chip--on{
  background:var(--ink);
  border-color:var(--ink);
  color:var(--amber);
}
.page-home .anchor-go{
  margin-left:auto;
  font-size:13px;
  color:var(--white);
  text-decoration:none;
  border-bottom:1px solid rgba(243,238,230,.6);
  padding-bottom:2px;
  transition:color var(--speed),border-color var(--speed);
}
.page-home .anchor-go:hover{
  color:var(--amber);
  border-color:var(--amber);
}

/* ---------- responsive ---------- */
@media (min-width:680px){
  .page-home .hero-facts{
    grid-template-columns:repeat(4,1fr);
  }
  .page-home .fb-row{
    grid-template-columns:104px 1fr auto;
    align-items:center;
    gap:18px;
  }
  .page-home .proof-list{
    grid-template-columns:repeat(2,1fr);
    column-gap:clamp(20px,4vw,44px);
  }
  .page-home .proof-item:nth-last-child(2){
    border-bottom:var(--h-edge-ink);
  }
}

@media (min-width:900px){
  .page-home .hero-grid{
    grid-template-columns:1.5fr 1fr .62fr;
    grid-template-rows:auto auto;
  }
  .page-home .hero-lead{
    grid-column:1;
    grid-row:1 / span 2;
    justify-content:center;
  }
  .page-home .hero-shot{
    grid-column:2;
    grid-row:1;
    min-height:280px;
  }
  .page-home .hero-plate{
    grid-column:3;
    grid-row:1;
  }
  .page-home .hero-facts{
    grid-column:2 / span 2;
    grid-row:2;
  }
  .page-home .idx-layout{
    grid-template-columns:5fr 7fr;
    align-items:start;
  }
  .page-home .read-grid{
    grid-template-columns:1.15fr .85fr;
    align-items:start;
  }
  .page-home .read-second{
    grid-template-columns:1fr .9fr;
    align-items:center;
  }
  .page-home .proof-list{
    grid-template-columns:repeat(4,1fr);
  }
  .page-home .proof-item{
    grid-template-columns:1fr;
    gap:8px;
    border-bottom:var(--h-edge-ink);
  }
  .page-home .strip-tab{
    padding:11px 4px 10px;
    font-size:13px;
  }
  .page-home .strip-tab span{
    font-size:10px;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-home *{
    transition:none !important;
  }
  .page-home .plate-copy:hover,
  .page-home .fb-copy:hover,
  .page-home .anchor-chip:hover{
    transform:none;
  }
}
<<<PAGE_CSS_END>>>
