/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
.firewood-web-case {
  --root-green: #292d2e;
  --root-berry: #c95200;
  color: #292d2e;
}
.firewood-web-case .oe-image-break,.firewood-web-case .oe-tall-section,.firewood-web-case .oe-system {
  background: #f1e9de;
}
.firewood-web-case .oe-end {
  background: #292d2e;
}
.firewood-web-case .oe-type-letters i {
  color: #9a8a7c;
}
.firewood-web-case .oe-opening-stage {
  background: #292d2e;
}
.firewood-web-case .oe-kicker,.firewood-web-case .oe-tall-copy>span {
  color: #c95200;
}
.firewood-web-case .oe-type-board,.firewood-web-case .oe-mobile-view {
  background: #f1e9de;
}
.firewood-home-preview {
  height: 410px;
  overflow: hidden;
}
.firewood-home-preview img {
  width: 100%;
}
.firewood-web-case .oe-image-break img {
  height: auto;
  width: 100%;
}
.firewood-web-case .oe-type-samples strong {
  font-family: Arial,sans-serif;
}
.firewood-mobile-preview {
  height: 420px;
  overflow: auto;
}
.firewood-web-case .oe-scroll-window img {
  width: 100%;
  height: auto;
}
.firewood-web-case .oe-type-letters b {
  font-family: Arial,sans-serif;
  font-weight: 900;
}
.firewood-web-case .oe-type-letters i {
  font-family: Arial,sans-serif;
}
@media (max-width:700px) {
  .firewood-home-preview {
    height: 260px;
  }
}
.firewood-web-case h1,.firewood-web-case h2 {
  font-family: Arial,Helvetica,sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -.045em;
}
.firewood-web-case .oe-type h2 {
  font-weight: 800;
}
.firewood-web-case .oe-overview,.firewood-web-case .oe-study,.firewood-web-case .oe-pages,.firewood-web-case .oe-responsive,.firewood-web-case .oe-type,.firewood-web-case .oe-schedule,.firewood-web-case .oe-intro {
  background: #fff;
}
.firewood-web-case {
  background: white;
}
.firewood-web-case .oe-study figure,.firewood-web-case .oe-schedule figure {
  background: #f1e9de;
}
.firewood-web-case .firewood-section-showcase {
  background: white;
  padding: 35px 7%;
}
.firewood-section-frame {
  background: #f4f4f4;
  border: 30px solid #f4f4f4;
  max-height: 780px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
.firewood-web-case .firewood-section-frame img {
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}
.firewood-section-frame:focus-visible {
  outline: 2px solid #c95200;
}
@media (max-width:700px) {
  .firewood-section-frame {
    border-width: 10px;
    max-height: 450px;
  }
}
.firewood-web-case .oe-intro-copy {
  height: 410px;
  align-self: center;
  justify-content: space-between;
  padding: 0 24px 0 0;
}
.firewood-web-case .oe-intro-copy>div {
  margin: 0;
}
.firewood-web-case .oe-intro h1 {
  margin: 20px 0 18px;
}
.firewood-web-case .root-project-facts {
  gap: 16px;
}
.firewood-web-case .oe-study .firewood-small-preview {
  background: #f4f4f4;
  padding: 24px;
}
.firewood-web-case .firewood-small-preview .firewood-section-frame {
  border: 0;
  max-height: none;
  height: auto;
  aspect-ratio: 1.45;
  overflow-y: auto;
}
.firewood-web-case .firewood-small-preview img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width:900px) {
  .firewood-web-case .oe-intro-copy {
    height: auto;
    padding: 0;
    gap: 65px;
  }
  .firewood-web-case .oe-intro-copy>div {
    margin: 0;
  }
  .firewood-web-case .oe-intro h1 {
    margin: 25px 0 45px;
  }
}
@media (max-width:600px) {
  .firewood-web-case .oe-study .firewood-small-preview {
    padding: 12px;
  }
  .firewood-web-case .firewood-small-preview .firewood-section-frame {
    aspect-ratio: 1.25;
  }
}
.firewood-web-case .oe-intro {
  min-height: 0;
  padding: 80px 4%;
  grid-template-columns: 48% 52%;
  gap: 0;
  align-items: stretch;
}
.firewood-web-case .oe-intro-copy {
  height: auto;
  align-self: stretch;
  padding: 70px 6.5%;
  justify-content: center;
  gap: 6px;
  background: #f8f7f2;
}
.firewood-web-case .oe-intro-copy>div {
  margin: 0;
  max-width: none;
}
.firewood-web-case .oe-intro h1 {
  margin: 30px 0 28px;
}
.firewood-web-case .root-project-facts {
  gap: 20px;
  contain: none;
}
.firewood-web-case .oe-opening-stage {
  padding: 70px 0 70px 7%;
  display: flex;
  align-items: center;
  min-width: 0;
}
.firewood-web-case .firewood-home-preview {
  height: clamp(410px, 24vw, 510px);
  width: 100%;
}
@media (max-width:900px) {
  .firewood-web-case .oe-intro {
    grid-template-columns: 1fr;
    padding: 60px 6%;
    gap: 0;
  }
  .firewood-web-case .oe-intro-copy {
    padding: 50px 6%;
    gap: 20px;
  }
  .firewood-web-case .oe-opening-stage {
    padding: 45px 0 45px 6%;
  }
  .firewood-web-case .firewood-home-preview {
    height: 330px;
  }
}
@media (max-width:600px) {
  .firewood-web-case .oe-intro h1 {
    margin: 25px 0 35px;
  }
  .firewood-web-case .firewood-home-preview {
    height: 260px;
  }
}
.firewood-web-case .firewood-small-preview .firewood-section-frame,.firewood-web-case .firewood-form-preview .firewood-section-frame {
  overflow: clip;
  overscroll-behavior: auto;
  scrollbar-width: none;
}
.firewood-web-case .oe-schedule .firewood-form-preview {
  padding: 24px;
  background: #f4f4f4;
}
.firewood-web-case .firewood-form-preview .firewood-section-frame {
  border: 0;
  max-height: none;
  height: auto;
  aspect-ratio: auto;
}
.firewood-web-case .firewood-form-preview img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width:600px) {
  .firewood-web-case .oe-schedule .firewood-form-preview {
    padding: 12px;
  }
}
.firewood-web-case .oe-opening-stage .firewood-home-preview {
  height: auto;
  aspect-ratio: 1920/1480;
}
.firewood-web-case .oe-responsive-copy {
  container-type: inline-size;
}
.firewood-web-case .oe-responsive-copy h2 {
  font-size: clamp(2rem, 15cqw, 4rem);
}
.firewood-web-case .oe-responsive-copy h2 span {
  display: block;
  white-space: nowrap;
}