/* Page-specific extracted styles */
/* ---------- chalet-specific additions ---------- */
  /* s05 == concept frame ("the gesture") with the section drawing as principal plate */
  .s05 .concept-head{
    display:grid; grid-template-columns: 1.0fr 0.9fr;
    gap: 56px; align-items:end; margin-bottom: 32px;
  }
  .s05 .concept-head h2{
    font-family:'Cormorant Garamond', Georgia, serif;
    font-size:clamp(36px,4.4vw,68px); line-height:1.04;
    margin:0; font-weight:300; max-width:18ch;
  }
  .s05 .concept-head h2 .it{
    font-style:italic; color:var(--umber);
  }
  .s05 .section-plate{
    width:100%;
    aspect-ratio: 16 / 8;
    padding:6px;
    background:var(--parchment);
    box-shadow: 0 0 0 1px rgba(26,26,26,0.3);
    margin: 12px 0 18px;
  }
  .s05 .three-up{
    display:grid; grid-template-columns: 1fr 1fr 1fr;
    gap: 36px; margin-top: 18px;
  }
  .s05 .three-up .col .ttl{
    font-family:'Cormorant Garamond', Georgia, serif; font-style:italic;
    color: var(--umber); font-size: 22px; margin-bottom: 8px;
  }
  .s05 .three-up .col p{
    font-size: 15px; line-height: 1.7; color: var(--ink);
    max-width: 36ch;
  }
  @media (max-width: 1100px){
    .s05 .concept-head{ grid-template-columns: 1fr; }
    .s05 .three-up{ grid-template-columns: 1fr; gap: 24px; }
  }

  /* s09 visitor types — already covered by canonical's CSS; we just reuse it */

  /* s13 project previews — chalet uses .proj-frame layout from canonical */
  .proj-frame .pl .arc.has-img{
    width:100%; height:100%;
  }

  /* archival pair frame inside s03 (the moment) — second small image */
  .s03 .archival-pair{
    display:flex; flex-direction:column; gap:14px;
  }
  .s03 .archival-pair .secondary{
    width:100%; aspect-ratio: 4 / 3;
    padding:6px; background:var(--parchment);
    box-shadow: 0 0 0 1px rgba(26,26,26,0.3);
  }
  /* Chalet's "1926" / "cordwell" stack — constrained to its 280px column
     so it doesn't bleed into the body. The canonical's "2050" overflows by
     design but with a longer history paragraph here that creates collisions. */
  .s03 .stack-num{
    font-size: 10vw; line-height: 0.92;
    width: 280px; max-width: 100%;
  }
  .s03 .stack-num .yr{ font-size: 0.42em; }

  /* s05 (concept) section drawing — the technical drawing has its own
     annotations; hide the studio's overlay labels and disable the grading
     filter so the labels stay legible. */
  .s05 .section-plate .lab,
  .s05 .section-plate .hair,
  .s05 .section-plate .tag{ display:none !important; }
  .s05 .section-plate img.src{
    filter: none !important;
  }
  .s05 .section-plate::after,
  .s05 .section-plate::before{ display:none !important; }

  /* Chalet closing line — the manifesto's final couplet. Slightly smaller
     than the canonical's quote so two longer declarative sentences fit
     without bleeding into the lockup column. */
  .s16 .close-quote{
    font-size: clamp(40px, 4.6vw, 76px);
    line-height: 1.08;
    max-width: 22ch;
  }

  /* Hold the s09 cross-fade in 3-column layout (bignum / text / image)
     down to ~800px. The canonical collapses to single-column at 1100px,
     which pushes the image below the viewport on tablet-ish widths and
     constrained iframe contexts. Keep three columns, tightened, until
     genuinely narrow. */
  @media (max-width: 1100px){
    .s09-slide{
      grid-template-columns: 200px 1fr 1fr !important;
      gap: 28px !important;
      inset: 40px 44px !important;
    }
    .s09-slide .bignum{ font-size: clamp(96px, 13vw, 180px) !important; }
    .s09-slide h2{ font-size: clamp(28px, 3.6vw, 52px) !important; }
    .s09-slide .arc{ height: 50vh !important; }
  }
  @media (max-width: 820px){
    .s09-slide{ grid-template-columns: 1fr !important; gap: 18px !important; }
  }

/* Extracted inline styles */
.the-chalet-i001 {
  overflow: hidden !important;
  position: relative !important;
}

.the-chalet-i002 {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.the-chalet-i003 {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  font-size: 12px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: rgba(242,237,228,0.95) !important;
  mix-blend-mode: difference !important;
}

.the-chalet-i004 {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 34px !important;
  height: 1px !important;
  background: rgba(242,237,228,0.6) !important;
  mix-blend-mode: difference !important;
}

.the-chalet-i005 {
  position: absolute !important;
  bottom: 12px !important;
  left: 12px !important;
  right: 12px !important;
  font-family: 'Cormorant Garamond',Georgia,serif !important;
  font-style: italic !important;
  font-size: 17px !important;
  color: rgba(242,237,228,0.952) !important;
  text-shadow: 0 1px 12px rgba(0,0,0,0.6) !important;
}

.the-chalet-i006 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: end !important;
  margin-top: 42px !important;
}

.the-chalet-i007 {
  max-width: 42ch !important;
}

.the-chalet-i008 {
  font-size: 30px !important;
  margin-top: 10px !important;
}

.the-chalet-i009 {
  margin-bottom: 22px !important;
}

.the-chalet-i010 {
  margin-top: 40px !important;
  max-width: 38ch !important;
}

.the-chalet-i011 {
  width: 40px !important;
  margin-bottom: 14px !important;
}

.the-chalet-i012 {
  width: 100% !important;
  height: 56vh !important;
  padding: 6px !important;
  background: var(--parchment) !important;
  box-shadow: 0 0 0 1px rgba(26,26,26,0.3) !important;
}

.the-chalet-i013 {
  display: flex !important;
  justify-content: space-between !important;
  margin-top: 14px !important;
}

.the-chalet-i014 {
  font-size: 14px !important;
}

.the-chalet-i015 {
  margin-bottom: 20px !important;
}

.the-chalet-i016 {
  font-size: clamp(34px,3.8vw,58px) !important;
  line-height: 1.06 !important;
  margin: 0 0 22px !important;
  font-weight: 300 !important;
}

.the-chalet-i017 {
  color: var(--umber) !important;
}

.the-chalet-i018 {
  margin-top: 14px !important;
}

.the-chalet-i019 {
  width: 100% !important;
  aspect-ratio: 3 / 2 !important;
  padding: 6px !important;
  background: var(--parchment) !important;
  box-shadow: 0 0 0 1px rgba(26,26,26,0.3) !important;
}

.the-chalet-i020 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 56px !important;
  align-items: end !important;
  margin-bottom: 40px !important;
}

.the-chalet-i021 {
  font-size: clamp(36px,4.2vw,64px) !important;
  line-height: 1.04 !important;
  margin: 0 !important;
  font-weight: 300 !important;
  max-width: 18ch !important;
}

.the-chalet-i022 {
  margin-top: 10px !important;
}

.the-chalet-i023 {
  margin-bottom: 18px !important;
}

.the-chalet-i024 {
  max-width: 46ch !important;
}

.the-chalet-i025 {
  margin-top: 14px !important;
  max-width: 46ch !important;
}

.the-chalet-i026 {
  object-fit: contain !important;
  background: var(--parchment) !important;
}

.the-chalet-i027 {
  padding: 0 !important;
}

.the-chalet-i028 {
  height: 56vh !important;
  padding: 6px !important;
  background: var(--parchment) !important;
  box-shadow: 0 0 0 1px rgba(26,26,26,0.3) !important;
}

.the-chalet-i029 {
  display: grid !important;
  grid-template-columns: 1.1fr 0.9fr !important;
  gap: 48px !important;
  align-items: end !important;
  margin-bottom: 24px !important;
}

.the-chalet-i030 {
  font-size: clamp(36px, 4vw, 64px) !important;
  line-height: 1.04 !important;
  margin: 0 !important;
  font-weight: 300 !important;
}

.the-chalet-i031 {
  margin-top: 18px !important;
  font-size: 13px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgba(242,237,228,0.7) !important;
}

.the-chalet-i032 {
  color: rgba(242,237,228,0.85) !important;
  border-bottom: 1px solid rgba(242,237,228,0.3) !important;
  padding-bottom: 2px !important;
}