/* Same origin concept as first-section-2, held to the site wrap (1320) and --pad. */

@font-face{font-family:"Castile Mastah";src:url("../assets/fonts/castile-mastah-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"NcDisplay";src:url("../assets/fonts/fraunces-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"NcBody";src:url("../assets/fonts/newsreader-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:R3Fraunces;src:url("../assets/fonts/fraunces-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:R3Fraunces;src:url("../assets/fonts/fraunces-400italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"NcDisplay";src:url("../assets/fonts/fraunces-400italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}

.fs2w-page,.fs2w-page .fs{background:#f7f3eb}
.fs2w .fs__wash,.fs2w .fs__pines,.fs2w .fs__veil,.fs2w .fs__topo{display:none}
.fs.fs2w,.fs2w{overflow:visible}
.fs2w{position:relative;padding:clamp(12px,1.6vw,24px) 0 clamp(96px,10vw,128px)}
.fs2w .wrap{position:relative;z-index:2;container-type:inline-size}

.fs2w__sil{position:absolute;z-index:0;left:0;bottom:clamp(48px,6.1vw,96px);width:min(640px,52vw);height:auto;pointer-events:none;opacity:.58;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 74%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 74%,rgba(0,0,0,0) 100%)}

.fs2w .fs__grid{gap:clamp(24px,2.2vw,36px)}

.fs2w .fs__kicker{
  display:flex;align-items:center;gap:1.55cqw;margin:4px 0 16px;
  font-family:"Neue Frutiger","NcSans",Arial,sans-serif;
  font-size:.845cqw;letter-spacing:.245em;text-transform:uppercase;
  color:#806d4f;line-height:1;white-space:nowrap;
}
.fs2w .fs__kicker::before{content:none;width:0;background:none}
.fs2w .fs__kicker::after{
  content:"";width:9.39cqw;height:1px;background:#806d4f;opacity:.75;
}
.fs2w{--pine:#16291c;--brown:#764620}
.fs.fs2w h2{
  position:relative;margin:0 0 39px;white-space:nowrap;max-width:none;overflow:visible;
  font-family:"NcDisplay",Georgia,serif;font-weight:600;font-style:normal;
  font-size:6.60cqw;line-height:.9426;letter-spacing:-.008em;color:var(--pine);
}
.fs2w h2 .fs2w__lead{font-family:"NcDisplay",Georgia,serif;font-weight:600;font-style:normal}
.fs2w h2 em{display:block;font-weight:400;font-style:italic;color:var(--brown);letter-spacing:.008em}
/* "Gates" set as roman, matching "Before", while staying inside the em so the
   em's display:block keeps the "Before the / Gates Opened" line break. */
.fs2w h2 em .fs2w__roman{font-weight:600;font-style:normal;color:var(--pine);letter-spacing:-.008em}
.fs2w h2 .s12-qmark{position:absolute;left:-.68em;top:-.08em;font-family:var(--display);font-size:1.3em;line-height:1;color:#c49a5d;opacity:.6}
.fs.fs2w h2 .accent,.fs2w__dek .accent{color:#c56a32}
.fs2w__dek{margin:0 0 22px;font-size:clamp(.9rem,.96vw,1.02rem);line-height:1.58;color:#5e6861;max-width:34em}
.fs2w .fs__letter{display:grid;grid-template-columns:max-content auto max-content;column-gap:2.34cqw;justify-content:start;align-items:stretch;width:max-content;max-width:none}
/* Same column treatment as .nc__col: set lines, not a wrapping block.
   Rule starts on the second line, matching the chapter section. */
.fs2w .fs__letter>.nc__divider{position:static;left:auto;top:auto;width:1px;height:auto;align-self:stretch;background:#373e2e;opacity:.28;display:block;font-size:1.245cqw;line-height:1.309;margin-top:.8em;margin-bottom:1.41em}
.fs2w .fs__letter p{font-family:"NcBody",Georgia,serif;font-weight:400;font-style:normal;font-size:1.245cqw;line-height:1.309;color:#373e2e;white-space:nowrap;max-width:none;margin:0}
.fs2w .fs__letter p+p{margin-top:.804em}
.fs2w .fs__copy{padding-top:6px;min-width:0}
.fs2w .fs__sign{margin-top:32px}
.fs2w .fs__sign strong{letter-spacing:.24em;color:#806d4f}
.fs2w .fs__sign span{display:inline;margin-top:0}
.fs2w .fs__sign::after{content:"";display:inline-block;width:48px;height:1px;margin-left:16px;vertical-align:middle;background:#806d4f}

.fs2w .fs__visual{position:relative;min-height:0;padding:0 0 88px;overflow:visible}
.fs2w__script{
  position:absolute;
  z-index:2;
  top:20px;
  right:22px;
  left:auto;
  margin:0;
  padding:8px 12px;
  font-family:"Castile Mastah",cursive;
  font-size:clamp(1rem,1.3vw,1.26rem);
  line-height:1.08;
  font-weight:400;
  color:#f4efe6;
  transform:rotate(-6deg);
  text-align:right;
  pointer-events:none;
}
.fs2w__script::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-42px -56px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(22,26,20,.62) 0%,rgba(22,26,20,.32) 38%,rgba(22,26,20,.1) 62%,rgba(22,26,20,0) 78%);
  filter:blur(14px);
}

.fs2w__shot{position:relative;margin:0;z-index:1}
.fs2w__shot>.fs__frame{
  position:relative;
  z-index:1;
  width:100%;
  height:auto;
  aspect-ratio:1.34;
  border:0;
  border-radius:16px;
  background:#f2efe3;
  box-shadow:
    0 0 0 8px #f2efe3,
    0 0 22px 4px rgba(55,50,42,.16),
    0 10px 28px rgba(55,50,42,.12);
}
.fs2w__shot>.fs__frame img{object-position:center 44%;border-radius:16px}

.fs2w__card{position:absolute;z-index:3;left:3%;bottom:-72px;display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center;width:min(420px,72%);padding:12px 22px 12px 12px;background:#fffdf8;border-radius:18px;box-shadow:0 20px 44px -20px rgba(40,32,18,.3)}
.fs2w__card .fs__frame{width:112px;height:128px;border-width:0;border-radius:12px;box-shadow:none}
.fs2w__card .fs__rule{width:28px;height:1px;margin:0 0 10px;background:#c56a32;border:0}
.fs2w__card h3{margin:0 0 8px;font-family:var(--body);font-size:.66rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:#24382c;line-height:1.4}
.fs2w__card p{margin:0;font-family:"Newsreader Italic",Georgia,serif;font-style:italic;font-size:.98rem;color:#6a7268}

.fs2w__foot{position:static;display:block;width:max-content;margin:28px 0 0 auto;text-align:right}
.fs2w__foot p{margin:0;font-size:.48rem;letter-spacing:.22em;text-transform:uppercase;color:#b0b4aa;line-height:1.8}
.fs2w__foot i{display:block;width:22px;height:1px;margin:10px 0 0 auto;background:#c56a32}

@media (max-width:900px){
  .fs.fs2w h2,.c12 main .fs2w h2{font-size:2.5rem;line-height:1.06}
  .fs2w .fs__grid{grid-template-columns:1fr}
  .fs2w .fs__visual{order:-1;padding-bottom:56px}
  .fs2w .fs__letter{grid-template-columns:1fr;width:auto;max-width:none;gap:12px}
  .fs2w .fs__letter>.nc__divider{display:none}
  .fs2w .fs__letter p{white-space:normal;font-size:1rem;line-height:1.62}
  .fs2w .fs__letter br{display:none}
  .fs2w__card{left:12px;bottom:-20px;width:calc(100% - 24px)}
  .fs2w__script{top:14px;right:16px;left:auto;transform:none}
  .fs2w__sil{left:0;width:100%}
  .fs2w .fs__line{white-space:normal}
}
@media (max-width:420px){
  .fs2w h2{font-size:2.1rem}
  .fs2w__card{grid-template-columns:80px 1fr;gap:12px;padding:12px}
  .fs2w__card .fs__frame{width:80px;height:92px}
}