/* Homepage only. The shared header, Models and Knight Builder keep their own rules. */
.home-page main{overflow:hidden;overflow:clip}
.home-page .cover{height:95svh;min-height:740px;max-height:1060px;padding-left:6vw;padding-right:6vw}
.home-page .cover::after{content:"";position:absolute;inset:auto 0 -1px;height:82px;background:linear-gradient(transparent,var(--paper));z-index:-1;pointer-events:none}
.home-page .cover-title{max-width:none;width:100%;padding-bottom:0}
.home-page .cover h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(60px,8.7vw,144px);letter-spacing:.015em;line-height:1;margin-bottom:28px}
.home-page .cover h1 .cover-kicker{font-family:Georgia,serif;font-weight:400;font-size:clamp(19px,2.05vw,30px);letter-spacing:.18em;margin-bottom:15px}
.home-page .cover h1 .hero-type-window,.home-page .cover h1 .hero-type{font:inherit;letter-spacing:inherit;margin:0;display:block}
.home-page .cover h1 .hero-type-window{overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.home-page .cover-title>p{font-size:clamp(20px,1.75vw,26px)}

/* Two displaced lines, then an offset reading column: the story opens up in scale. */
.home-page .opening{position:relative;isolation:isolate;max-width:1600px;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;padding:100px 7vw 160px;margin:0 auto;scroll-margin-top:28px}
.home-page .opening::before{content:"";position:absolute;inset:20% -20% -8%;background:radial-gradient(ellipse at 25% 64%,#dfd4af70,transparent 56%);z-index:-1;pointer-events:none}
.home-page .opening h2{grid-column:1/-1;font-size:clamp(66px,8.8vw,136px);line-height:1.08;letter-spacing:-.065em;margin:0 0 54px;position:relative;z-index:1}
.home-page .story-type-window{display:block;overflow:hidden;padding:0 .08em .13em 0;margin-bottom:-.13em}
.home-page .story-type-window>span{display:block}
.home-page .story-type-return{margin-left:13%;font-style:italic;color:#8a713b}
.home-page .opening-mark{position:absolute;width:clamp(190px,27vw,420px);height:auto;left:8%;bottom:80px;opacity:.105;filter:brightness(0);pointer-events:none;transform:rotate(-10deg)}
.home-page .opening-copy{grid-column:7/-1;position:relative;max-width:600px}
.home-page .opening p{font-size:clamp(18px,1.5vw,21px);line-height:1.8}
.home-page .opening p:first-child{font-size:clamp(22px,1.85vw,28px);line-height:1.6;margin-bottom:26px}

/* The curved chapter edge stays open; inset artwork and a clear gutter balance the year. */
.home-page .throwback{position:relative;isolation:isolate;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start;gap:clamp(72px,9vw,144px);padding:88px 7vw 100px;border:0;background:none;color:#f3f0e2}
.home-page .throwback::before{content:"";position:absolute;inset:0 -4vw -1px;background:#263b38;border-radius:55% 45% 0 0 / 100px 34px 0 0;z-index:-2;pointer-events:none}
.home-page .throwback::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 60%,#58746730,transparent 60%)}
.home-page .throwback figure{position:sticky;top:calc(var(--header) + 40px);z-index:1;align-self:start;width:calc(100% + 2vw);margin:-20px 0 0 -2vw;transform-origin:28% 80%}
.home-page .throwback figure img{width:100%;height:auto;box-shadow:0 24px 62px #10231e33}
.home-page .throwback figcaption{color:#bdc8b9;margin:18px 2vw 0;max-width:80%;font-size:13px}
.home-page .history-year{position:absolute;right:7vw;top:32px;color:#bead7340;font-family:Georgia,serif;font-size:clamp(120px,14vw,220px);line-height:1;letter-spacing:-.085em;pointer-events:none;z-index:0}
.home-page .history-copy{position:relative;z-index:1;padding-top:176px;max-width:650px}
.home-page .throwback h2{font-size:clamp(40px,4.8vw,76px);letter-spacing:-.055em;line-height:1.04;margin-bottom:37px}
.home-page .throwback h2 em{font-weight:400;color:#d7c58a}
.home-page .throwback p{font-size:18px;line-height:1.85;color:#d4dcd0;margin-bottom:23px}
.home-page .history-link{display:inline-block;min-height:44px;padding:8px 0;text-underline-offset:7px;text-decoration-color:#c5b982;color:#f5e6b8}
.home-page .history-link:hover{color:#fff9e5;text-decoration-thickness:2px}
.home-page .site-footer{padding:38px 6vw;background:#263b38;color:#d6dfd2;border:0;gap:24px}
.home-page .site-footer p{color:#acbbae}
.home-page .site-footer a:focus-visible,.home-page .throwback a:focus-visible{outline-color:#f5e6b8}

@media(min-width:1600px){.home-page .throwback{padding-left:max(7vw,calc((100vw - 1440px)/2));padding-right:max(7vw,calc((100vw - 1440px)/2));gap:144px}.home-page .throwback figure{width:calc(100% + 32px);margin-left:-32px}.home-page .history-year{right:max(7vw,calc((100vw - 1440px)/2))}}
@media(max-width:1000px){
  .home-page .cover{min-height:690px}
  .home-page .opening{padding:90px 6vw 144px}
  .home-page .opening h2{font-size:9.2vw;margin-bottom:44px}
  .home-page .opening-copy{grid-column:6/-1}
  .home-page .opening-mark{left:5%;bottom:85px}
  .home-page .throwback{gap:8vw;padding-top:72px;padding-left:6vw;padding-right:6vw}
  .home-page .history-copy{padding-top:128px}
  .home-page .throwback figure{margin-top:-16px}
  .home-page .throwback p{font-size:17px}
  .home-page .site-footer{flex-wrap:wrap}
}
@media(max-width:820px){
  .home-page .cover{height:86svh;min-height:650px}
  .home-page .cover-title{max-width:none}
  .home-page .opening{padding-bottom:126px}
  .home-page .opening h2{font-size:10.2vw}
  .home-page .story-type-return{margin-left:7%}
  .home-page .opening-copy{grid-column:5/-1}
  .home-page .opening-mark{width:30vw;left:3%;bottom:120px}
  .home-page .throwback{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:56px;padding-bottom:74px}
  .home-page .throwback::before{border-radius:52% 48% 0 0 / 72px 22px 0 0}
  .home-page .throwback figure{position:relative;top:auto;order:0;width:82%;max-width:none;margin:-12px 0 0 -2vw}
  .home-page .throwback figcaption{max-width:100%}
  .home-page .history-year{position:relative;inset:auto;order:1;align-self:flex-end;font-size:clamp(100px,22vw,180px);margin:24px 0 20px}
  .home-page .history-copy{order:2;padding-top:0;margin-left:20%;max-width:none}
  .home-page .throwback h2{font-size:9vw}
}
@media(max-width:600px){
  .home-page .cover{height:88svh;min-height:640px;max-height:840px;padding-left:23px;padding-right:23px}
  .home-page .cover::after{height:40px}
  .home-page .cover h1{font-size:clamp(34px,10.5vw,60px);letter-spacing:.015em;margin-bottom:22px}
  .home-page .cover h1 .cover-kicker{font-size:18px;letter-spacing:.13em;margin-bottom:13px}
  .home-page .cover-title>p{font-size:19px;max-width:88%;margin-bottom:13px}
  .home-page .opening{padding:61px 25px 112px;display:block}
  .home-page .opening h2{font-size:10.7vw;line-height:1.14;letter-spacing:-.06em;margin-bottom:40px}
  .home-page .story-type-return{margin-left:5%}
  .home-page .opening-copy{margin-left:9%;max-width:none}
  .home-page .opening p{font-size:17px;line-height:1.8}
  .home-page .opening p:first-child{font-size:21px;line-height:1.6}
  .home-page .opening-mark{left:-16%;bottom:76px;width:68vw;opacity:.045}
  .home-page .throwback{padding:48px 25px 55px}
  .home-page .throwback figure{width:calc(100% + 12px);margin:-12px 0 0 -6px}
  .home-page .throwback figcaption{font-size:12px;margin:15px 6px 0;color:#c4cec0}
  .home-page .history-year{font-size:clamp(88px,24vw,144px);margin:24px 0 22px;color:#bead732b}
  .home-page .history-copy{margin-left:6%}
  .home-page .throwback h2{font-size:clamp(44px,11.5vw,69px);line-height:1.08;margin-bottom:28px}
  .home-page .throwback p{font-size:17px;line-height:1.8}
  .home-page .site-footer{padding:24px 25px 35px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
  .home-page .site-footer p{margin:0}
}
@media(forced-colors:active){.home-page .opening-mark,.home-page .history-year{display:none}.home-page .story-type-return,.home-page .throwback,.home-page .throwback p,.home-page .throwback h2 em,.home-page .throwback figcaption,.home-page .history-link,.home-page .site-footer,.home-page .site-footer p{color:CanvasText}.home-page .throwback::before,.home-page .site-footer{background:Canvas}}
@media print{.home-page .throwback figure{position:relative;top:auto}.home-page main{overflow:visible}.home-page .opening-mark,.home-page .history-year{display:none}.home-page .throwback,.home-page .site-footer{color:#000;background:#fff}.home-page .throwback::before,.home-page .throwback::after{display:none}.home-page .throwback p,.home-page .throwback h2 em,.home-page .throwback figcaption,.home-page .history-link,.home-page .site-footer p{color:#000}}