.b-shield-mark {
  width: 110px;
  height: auto;
  display: block;
  margin: 0 0 0 0;
}

.hof-hero{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:5vw;
  align-items:center;
  padding:72px 7vw 92px;
}
.hof-hero-copy{max-width:900px}
.hof-hero h1{
  margin:0;
  max-width:1000px;
  font-size:clamp(3.9rem,7.8vw,8rem);
  line-height:.9;
  letter-spacing:-.065em;
  text-transform:uppercase;
}
.hof-hero h1 span{color:var(--hot)}
.hof-lede{font-size:1.18rem;line-height:1.65;max-width:780px;margin:30px 0 22px}
.hof-rhythm{font-size:1.22rem;line-height:1.6;margin:0 0 30px}
.hof-statement{
  background:var(--ink);
  color:var(--paper);
  border:3px solid var(--line);
  box-shadow:12px 12px 0 var(--hot);
  padding:38px;
  transform:rotate(1.25deg);
}
.hof-statement-small{font-size:.74rem;font-weight:900;letter-spacing:.18em;color:#cfc7bb}
.hof-statement-big{font-size:clamp(2.2rem,4.2vw,4.4rem);line-height:.98;letter-spacing:-.05em;margin:18px 0 28px;font-weight:950}
.hof-statement p:not(.hof-statement-small):not(.hof-statement-big){font-size:1.05rem;line-height:1.6}
.hof-statement-rule{padding-top:18px;border-top:2px solid #655e55}

.hof-bshield{
  padding:58px 7vw;
  background:var(--hot);
  color:white;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8vw;
  align-items:end;
  border-top:3px solid var(--line);
  border-bottom:3px solid var(--line);
}
.hof-bshield h2{font-size:clamp(2.6rem,5vw,5rem);line-height:.95;letter-spacing:-.05em;margin:0}
.hof-bshield-copy{font-size:1.14rem;line-height:1.6}
.hof-bshield-copy p{margin:.4rem 0}

.hof-gallery-section{padding-bottom:110px}
.hof-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hof-tile{margin:0;background:var(--soft);border:2px solid var(--line);box-shadow:7px 7px 0 var(--line);overflow:hidden}
.hof-img-wrap{aspect-ratio:4/5;background:#e8e0d2;border-bottom:2px solid var(--line);overflow:hidden}
.hof-img-wrap img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}
.hof-tile figcaption{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px}
.hof-tile figcaption strong{font-size:1.1rem}
.hof-badge{font-size:.69rem;font-weight:950;letter-spacing:.13em;color:var(--hot)}
.hof-community-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin:84px 0 24px;border-top:3px solid var(--line);padding-top:42px}
.hof-community-head h2{font-size:clamp(3rem,6vw,6rem);line-height:.88;letter-spacing:-.06em;margin:0}
.hof-community-head>p{max-width:430px;line-height:1.55;font-weight:750}
.hof-empty-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hof-empty-wall div{min-height:270px;border:3px dashed var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(255,250,241,.46);padding:24px}
.hof-empty-wall span{font-size:.78rem;font-weight:900;letter-spacing:.17em;color:var(--hot)}
.hof-empty-wall strong{font-size:1.7rem;margin-top:8px;letter-spacing:-.03em}

.hof-rules{background:#fffdf8;border-top:3px solid var(--line);border-bottom:3px solid var(--line)}
.hof-rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:2px solid var(--line)}
.hof-rule-grid article{padding:28px;border-bottom:2px solid var(--line);min-height:235px}
.hof-rule-grid article:nth-child(odd){border-right:2px solid var(--line)}
.hof-rule-grid article:nth-last-child(-n+2){border-bottom:0}
.hof-rule-grid span{font-size:2.3rem;font-weight:950;color:var(--hot)}
.hof-rule-grid h3{font-size:1.45rem;margin:10px 0 8px;letter-spacing:-.025em}
.hof-rule-grid p{line-height:1.58;color:#47433e;margin:0}

.hof-sunglasses{padding:78px 7vw;background:var(--ink);color:var(--paper);text-align:center}
.hof-sunglasses blockquote{max-width:1000px;margin:20px auto 0;font-size:clamp(2rem,4.5vw,4.8rem);font-weight:900;line-height:1.05;letter-spacing:-.045em}

.hof-submit{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:start;background:var(--hot);border-bottom:3px solid var(--line)}
.hof-submit-copy{color:white;position:sticky;top:120px}
.hof-submit-copy h2{font-size:clamp(3.4rem,6vw,6.5rem);line-height:.9;letter-spacing:-.06em;margin:0 0 24px}
.hof-submit-copy>p:not(.eyebrow){font-size:1.08rem;line-height:1.6;max-width:600px}
.hof-submit-tagline{font-weight:900;font-size:1.25rem!important;margin-top:28px}
.hof-form{background:#fffdf8;border:2px solid var(--line);box-shadow:8px 8px 0 var(--line);padding:28px}
.hof-optional{font-weight:500;color:var(--muted)}
.hof-check{display:flex;gap:12px;align-items:flex-start;font-weight:650;line-height:1.45}
.hof-check input{width:auto;margin:4px 0 0;flex:0 0 auto}
.hof-form-note{margin:12px 0 0;text-align:center;color:var(--muted);font-size:.88rem;font-weight:750}

.hof-last-word{padding:105px 7vw 115px;text-align:center}
.hof-last-word>p:first-child{font-size:.78rem;font-weight:950;letter-spacing:.18em}
.hof-last-word h2{font-size:clamp(4rem,9vw,9rem);line-height:.78;letter-spacing:-.075em;margin:28px 0 34px;text-transform:uppercase}
.hof-last-word h2 span{color:var(--hot)}
.hof-last-word .fineprint{margin:0}

@media(max-width:900px){
  .hof-hero,.hof-bshield,.hof-submit{grid-template-columns:1fr}
  .hof-gallery{grid-template-columns:1fr 1fr}
  .hof-statement{transform:none}
  .hof-submit-copy{position:static}
  .hof-community-head{display:block}
  .hof-community-head>p{margin-top:18px}
  .hof-empty-wall{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .hof-hero{padding:56px 20px 64px}
  .hof-hero h1{font-size:3.5rem}
  .hof-bshield{padding:50px 20px}
  .hof-gallery{grid-template-columns:1fr}
  .hof-empty-wall{grid-template-columns:1fr}
  .hof-rule-grid{grid-template-columns:1fr}
  .hof-rule-grid article,.hof-rule-grid article:nth-child(odd){border-right:0;border-bottom:2px solid var(--line)}
  .hof-rule-grid article:last-child{border-bottom:0}
  .hof-sunglasses{padding:60px 20px}
  .hof-last-word{padding:80px 20px 90px}
}

#submit {
  scroll-margin-top: 60px;
}