/* Developer-presentation update, 2026-10-02. Shared by all four landing sites. */
html { scroll-padding-top: 26px; }
.project-kuartz .hero-photo { background-image: url('/assets/kuartz-hero.jpg'); background-position: right center; }
.project-fizz .hero-photo { background-image: url('/assets/fizz-hero.jpg'); background-position: right center; }
.project-fizz { --ink: #203e42; --cream: #fff5ee; --gold: #ef684e; }
.project-fizz .site-header { background: #fff5ee; border-bottom-color: #f4d7ca; }
.project-fizz .brand-divider, .project-fizz .lang-link { border-color: #e9cbbf; }
.project-fizz .brand-project { font-family: Arial, sans-serif; font-weight: 900; font-style: italic; color: #ec503a; letter-spacing: -.045em; font-size: 25px; }
.project-fizz .brand-project small { color: #29484c; font-style: normal; letter-spacing: .18em; font-size: 8px; }
.fizz-mark { display: block; width: 104px; height: 57px; margin: -8px 0 -8px; background: url('/assets/fizz-map.jpg') -749px -16px / 864px 486px no-repeat; }
.project-fizz .nav-link:hover, .project-fizz .lang-link:hover { color: #ec503a; }
.project-fizz .header-cta, .project-fizz .button-dark { background: #1c4b4c; }
.project-fizz .hero { background: #083e46; }
.project-fizz .hero-shade { background: linear-gradient(90deg,rgba(9,47,53,.94) 0%,rgba(10,52,57,.82) 34%,rgba(10,52,57,.32) 73%,rgba(10,52,57,.16)),linear-gradient(0deg,rgba(8,42,47,.42),transparent 40%); }
.project-fizz .eyebrow, .project-fizz h1 em, .project-fizz .request-copy h2 em { color: #ffb492; }
.project-fizz .eyebrow-line { background: #ffb492; }
.project-fizz .button-gold { background: #ef694f; color: #fff; }
.project-fizz .button-gold:hover { background: #da513e; }
.project-fizz .intro-band { background: #fff9f4; }
.project-fizz .intro-line, .project-fizz .section-kicker, .project-fizz h2 em { color: #dd5c43; }
.project-fizz .section-details { background: #fff5ee; }
.project-fizz .request-section { background: #134a4e; }
.project-fizz .form-card { background: #fff9f4; }
.project-fizz .site-footer { background: #103e42; }
.project-fizz .footer-bottom { color: #bfd1cb; }
.hero-intro { max-width: 580px; }
.concept-note { max-width: 420px; }
.brochure-section { padding: clamp(72px,8vw,116px) clamp(22px,6vw,110px); }
.brochure-heading { max-width: 850px; margin-bottom: 35px; }
.brochure-heading h2 { margin-bottom: 18px; }
.brochure-heading > p:not(.section-kicker) { max-width: 760px; color: #63706d; font-size: 15px; line-height: 1.85; }
.brochure-gallery { background: #e8efec; }
.project-fizz .brochure-gallery { background: #e7f3ef; }
.visual-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.visual-card { margin: 0; overflow: hidden; background: #fff; box-shadow: 0 18px 46px rgba(15,47,52,.09); }
.visual-card img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
.visual-card figcaption { padding: 17px 21px; font-size: 12px; font-weight: 700; letter-spacing: .055em; }
.brochure-layouts { background: #faf8f2; }
.project-fizz .brochure-layouts { background: #fff5ee; }
.layout-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; }
.layout-card { min-height: 174px; padding: 22px 17px; background: #fff; border-top: 3px solid #a6c9bb; display: flex; flex-direction: column; box-shadow: 0 12px 28px rgba(15,47,52,.055); }
.layout-card > span { font-size: 10px; letter-spacing: .18em; color: #839692; }
.layout-card h3 { font-family: Georgia,serif; font-weight: 400; font-size: clamp(18px,1.7vw,24px); line-height: 1.15; margin: 17px 0 auto; }
.layout-card strong { display: block; font-size: 15px; padding-top: 15px; white-space: nowrap; }
.project-fizz .layout-card { border-top-color: #ef694f; }
.brochure-amenities { background: #f1f3ed; }
.project-fizz .brochure-amenities { background: #e9f3ec; }
.amenity-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; }
.amenity-grid > div { border-top: 1px solid #a7c0b5; padding-top: 22px; }
.amenity-grid h3 { font-family: Georgia,serif; font-size: clamp(21px,2vw,27px); font-weight: 400; margin: 0 0 13px; }
.amenity-grid p { font-size: 14px; line-height: 1.75; color: #63706d; margin: 0; }
.brochure-map { display: block; overflow: hidden; background: #f9f6ef; align-self: stretch; min-height: 440px; }
.brochure-map img { display: block; width: 100%; height: 100%; object-fit: contain; }
.project-fizz .location-section { background: #ffe9db; }
.brochure-timeline { background: #e4efec; }
.project-fizz .brochure-timeline { background: #ffe9db; }
.brochure-timeline .brochure-heading { margin-bottom: 0; }
.brochure-timeline .brochure-heading > p:not(.section-kicker) { max-width: 980px; }
@media(max-width:1100px) { .layout-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } .amenity-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:680px) {
  .project-fizz .brand-project { font-size: 19px; }
  .project-fizz .brand-project small { font-size: 6px; }
  .fizz-mark { width: 84px; height: 46px; margin: -6px 0 -6px; background-size: 700px 394px; background-position: -607px -13px; }
  .project-fizz .hero-shade { background: linear-gradient(90deg,rgba(9,47,53,.94),rgba(10,52,57,.79) 70%,rgba(10,52,57,.58)); }
  .project-fizz h1 { font-size: clamp(43px,11vw,60px); }
  .project-kuartz .hero-photo { background-position: 72% center; }
  .project-fizz .hero-photo { background-position: 64% center; }
  .brochure-section { padding: 72px 22px; }
  .visual-grid, .amenity-grid { grid-template-columns: 1fr; gap: 17px; }
  .layout-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .layout-card { min-height: 160px; }
  .layout-card h3 { font-size: 20px; }
  .layout-card strong { white-space: normal; }
  .brochure-map { min-height: 260px; }
  .brochure-heading > p:not(.section-kicker) { font-size: 14px; }
}
@media(max-width:400px) { .layout-grid { grid-template-columns: 1fr; } .layout-card { min-height: 130px; } }