/* Business enquiry and proposal center */
.be-page {
  --be-ink: #163e31;
  --be-muted: #506559;
  --be-line: #ced8cc;
  --be-gold: #edce98;
  color: var(--be-ink);
  background: #fffdf8;
}
.be-page h1, .be-page h2, .be-page h3 {
  margin: 0;
  line-height: 1.2;
  letter-spacing: -.04em;
}
.be-page h2 { font-size: clamp(29px,3.3vw,49px); text-wrap: balance; }
.be-page figure, .be-page ol, .be-page ul { margin: 0; }
.be-page button:focus-visible {
  outline: 3px solid #b68a46;
  outline-offset: 4px;
}
.be-cover {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #11271e;
  color: #fff;
}
.be-cover-image { position: absolute; inset: 0; z-index: -1; }
.be-cover-image img {
  position: absolute;
  right: 0;
  width: 87%;
  height: 100%;
  object-fit: cover;
  object-position: 64% 45%;
}
.be-cover-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,#10271e 1%,#10271ef5 15%,#10271ec9 31%,#10271e44 47%,transparent 63%),
              linear-gradient(0deg,#0e221c59,transparent 24%);
}
.be-cover-image figcaption {
  position: absolute;
  bottom: 13px;
  right: max(20px,calc((100% - 1280px)/2));
  z-index: 1;
  padding: 2px 8px;
  font-size: 10px;
  color: #fff3dc;
  background: #14281ed4;
}
.be-cover-copy {
  min-height: clamp(420px,39vw,575px);
  display: flex;
  align-items: center;
  padding-block: 50px;
}
.be-hero-text { width: 46%; max-width: 560px; }
.be-category {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #f2d8ab;
  margin: 0 0 18px;
  font-size: 15px;
  font-weight: 650;
}
.be-category::before { content: ""; width: 26px; height: 2px; background: var(--be-gold); }
.be-cover h1 {
  color: #fff;
  max-width: 8em;
  text-wrap: balance;
  font-size: clamp(43px,4.5vw,69px);
  line-height: 1.12;
}
.be-cover h1 span { display:block; }
html[lang=en] .be-cover h1 { max-width: 10.8em; font-size: clamp(43px,4.1vw,65px); }
.be-cover .be-lead { max-width: 32em; margin-top: 17px; color: #e5eae2; font-size: 16px; line-height: 1.75; text-wrap: pretty; }
.be-actions { display:flex; gap:10px 13px; flex-wrap:wrap; margin-top:25px; }
.be-actions button { display:inline-flex; align-items:center; gap:16px; padding:12px 17px; font-weight:650; font-size:14px; line-height:1.45; }
.be-gold { background:var(--be-gold); border:1px solid var(--be-gold); color:#193a29; }
.be-gold:hover { background:#f9dbab; }
.be-outline { color:white; border:1px solid #b4c4b8; background:#10271eaa; }
.be-outline:hover { background:#24503d; }
.be-scenarios { padding-block:clamp(40px,4.7vw,72px); }
.be-section-intro { display:flex; gap:18px; align-items:end; justify-content:space-between; margin-bottom:24px; }
.be-section-intro p { color:var(--be-muted); margin-top:10px; max-width:70ch; line-height:1.7; }
.be-text { padding:4px 0; width:fit-content; font-size:14px; font-weight:650; color:#155b42; border-bottom:1px solid #ae936a; }
.be-text:hover { color:#08794f; border-color:currentColor; }
.be-section-intro .be-text { flex:none; }
.be-scenario-list { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:0; border-top:2px solid #ab8b59; }
.be-scenario-list li { min-width:0; border-bottom:1px solid var(--be-line); }
.be-scenario-list button {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  height:100%;
  padding:19px 14px;
  text-align:start;
}
.be-scenario-list button:hover { background:#edf2e9; }
.be-scenario-list strong,.be-scenario-list small { display:block; }
.be-scenario-list strong { font-size:16px; font-weight:650; color:var(--be-ink); line-height:1.4; }
.be-scenario-list small { margin-top:5px; font-size:13px; line-height:1.5; color:var(--be-muted); }
.be-arrow { flex:none; color:#7d6742; }
.be-review { padding:clamp(30px,4.8vw,70px) 0; background:#eaf0e6; }
.be-review-grid { display:grid; grid-template-columns:1.02fr 1fr; gap:clamp(24px,4.5vw,70px); align-items:center; }
.be-review figure { align-self:stretch; min-height:300px; position:relative; }
.be-review img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:52% 50%; }
.be-review-copy h2 { font-size:clamp(27px,2.65vw,40px); }
.be-review ol { list-style:none; padding:0; margin-top:16px; }
.be-review li { border-top:1px solid #bdcdbf; padding:11px 0; }
.be-review h3 { color:var(--be-ink); font-size:18px; }
.be-review li p { color:#445f50; font-size:14px; margin-top:4px; line-height:1.65; }
.be-review-copy .be-text { margin-top:6px; }
#consultation,#generation { scroll-margin-top:12px; }
@media(max-width:960px) {
  .be-scenario-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .be-cover-copy { min-height:420px; }
  .be-hero-text { width:49%; }
  .be-cover-image img { width:96%; object-position:68% center; }
  .be-cover .be-lead { font-size:15px; }
}
@media(max-width:650px) {
  .be-cover { display:flex; flex-direction:column; }
  .be-cover-image { position:relative; z-index:0; width:100%; height:clamp(186px,53vw,300px); order:0; }
  .be-cover-image img { inset:0; width:100%; object-position:73% 40%; }
  .be-cover-image::after { background:linear-gradient(0deg,#11271e,transparent 23%); }
  .be-cover-image figcaption { bottom:9px; right:14px; font-size:9px; }
  .be-cover-copy { order:1; min-height:auto; padding-block:10px 29px; }
  .be-hero-text { width:100%; max-width:none; }
  .be-category { font-size:13px; margin-bottom:8px; }
  .be-cover h1,html[lang=en] .be-cover h1 { font-size:clamp(32px,8vw,43px); max-width:none; }
  .be-cover h1 span { display:inline-block; }
  .be-cover .be-lead { margin-top:10px; }
  .be-actions { margin-top:16px; }
  .be-actions button { padding:10px 12px; gap:9px; }
  .be-section-intro { align-items:start; flex-direction:column; gap:8px; margin-bottom:15px; }
  .be-scenario-list button { padding:13px 9px 13px 0; }
  .be-scenario-list strong { font-size:15px; }
  .be-scenario-list small { font-size:12px; }
  .be-review-grid { grid-template-columns:1fr; gap:22px; }
  .be-review figure { min-height:0; aspect-ratio:1.8; }
  .be-review h3 { font-size:17px; }
}
@media(max-width:380px) {
  .be-scenario-list { grid-template-columns:1fr; }
}