/* Orchard Lawn is the example used throughout the sales page. */
.hero .hero-grid {
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.22fr);
  gap: clamp(28px, 4vw, 80px);
  padding-block: clamp(44px, 5vw, 84px);
}
.hero .hero-copy h1 { font-size: clamp(48px, 5.4vw, 88px); max-width: 12ch; }
.hero .hero-copy h1 em { white-space: normal; }
.hero .hero-lead { max-width: 34ch; }
.hero-signature { margin-top: 22px; }
.hire-preview {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  background: #f8f3e9;
  color: var(--ink);
  border: 1px solid #c6bfb3;
  border-radius: 12px;
  box-shadow: 0 18px 42px #101d2a42;
}
.preview-heading, .hire-preview figcaption, .record-top, .chapter-visual figcaption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.preview-heading { padding: clamp(15px, 2vw, 27px) clamp(16px, 2vw, 28px) 0; }
.preview-heading small, .hero-spec span { color: #55626a; font-size: 14px; }
.preview-heading h2 { font-size: clamp(21px, 2vw, 31px); margin: 2px 0; letter-spacing: -.03em; }
.view-badge { flex: none; font-size: 13px; font-weight: 550; padding: 4px 10px; border: 1px solid #bdb8ab; border-radius: 50px; }
.hero-media {
  width: 100%; padding: 0; position: relative; cursor: zoom-in; background-color: transparent;
  display: grid;
  place-items: center;
  aspect-ratio: 1.76;
  background-image: linear-gradient(#998b7820 1px, transparent 1px), linear-gradient(90deg, #998b7820 1px, transparent 1px);
  background-size: 30px 30px;
  margin-top: 12px;
  overflow: hidden;
}
.hero-media img { width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: contain; mix-blend-mode: multiply; }
.zoom-mark { position:absolute; bottom:8px; right:10px; background:#fffaf2e8; padding:1px 7px; border-radius:4px; font-size:17px; color:var(--ink); }
.hero-media img[hidden] { display: none; }
.hire-preview figcaption { min-height: 68px; padding: 12px clamp(14px, 2vw, 25px); background: #fffbf2; border-top: 1px solid #d3cbbe; }
.hero-spec { display: grid; line-height: 1.3; gap: 3px; }
.hero-spec strong { font-size: 17px; }
.compare-action, .walkthrough-link {
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  min-height: 44px; padding: 10px 15px; border-radius: 5px;
  background: var(--ink); color: #fff8ee; font-size: 15px; font-weight: 550;
}
.compare-action:hover, .walkthrough-link:hover { background: #42586b; }
.availability {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .85fr);
  align-items: center; gap: clamp(28px, 8vw, 132px);
  padding-block: clamp(35px, 5vw, 78px);
  border-block: 1px solid #526373;
}
.availability h2, .story-heading h2 { font-size: clamp(35px, 3.7vw, 59px); letter-spacing: -.04em; line-height: 1.05; }
.availability h2 { max-width: 17ch; }
.stock-copy > p:not(.eyebrow), .story-heading > p:last-child { max-width: 52ch; margin-top: 14px; color: #dce3e7; font-size: clamp(16px, 1.3vw, 19px); }
.stock-check { margin: 0; background: #f8f1e6; border: 1px solid #bdb29f; border-radius: 10px; color: var(--ink); padding: clamp(16px, 2.3vw, 27px); }
.stock-check figcaption { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:15px; font-weight:600; border-bottom:1px solid #cfc6b9; padding-bottom:10px; }
.stock-check figcaption small, .stock-item small { font-weight: 400; color:#56646c; font-size:13px; }
.stock-item { display:flex; align-items:center; gap:12px; padding:17px 0; }
.stock-item strong,.stock-item small { display:block; }
.stock-item strong { font-size:24px; letter-spacing:-.025em; }
.stock-check dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:0; }
.stock-check dl div { background:#fffcf7; padding:10px 12px; border:1px solid #d8d0c3; border-radius:5px; }
.stock-check dl .short { background:#f2ddce; border-color:#b67a54; color:#673e2b; }
.stock-check dt { font-size:14px; font-weight:500; }
.stock-check dd { margin:0; font-size:clamp(29px,3vw,40px); font-weight:600; line-height:1.1; }
.availability .stock-check p { color:#5e493c; margin:10px 0 0; font-size:14px; }
.hire-story { padding-block:clamp(44px,6vw,90px); }
.story-heading { margin-bottom:26px; }
.story-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(16px,2.2vw,32px); }
.story-card { min-width:0; border-top:1px solid #7e8d98; padding:20px 0; }
.chapter-heading { display:flex; align-items:center; gap:13px; }
.step-number { width:36px; height:36px; border:1px solid #cf9678; color:#f3bc9d; border-radius:50%; display:grid; place-items:center; font-size:16px; font-weight:550; }
.chapter-heading h3 { font-size:clamp(26px,2.5vw,38px); }
.story-card > p { color:#d9e1e4; max-width:55ch; margin:12px 0 19px; }
.chapter-visual {
  background:#f9f3e9; color:var(--ink); border:1px solid #d1c8b8;
  margin:0; border-radius:9px; overflow:hidden;
}
.record-top, .chapter-visual figcaption { padding:12px clamp(13px,1.4vw,19px); background:#fffaf2; font-size:15px; }
.record-top { border-bottom:1px solid #d6cec1; font-weight:600; }
.record-top small { font-weight:450; font-size:13px; color:#53616b; text-align:right; }
.chapter-visual figcaption { border-top:1px solid #d6cec1; min-height:48px; }
.chapter-visual figcaption a,.story-action { font-size:14px; color:var(--ink); text-underline-offset:4px; text-decoration:underline; }
.story-action { background:transparent; padding:5px; }
.enquiry-summary { padding:clamp(16px,2.5vw,30px); }
.enquiry-summary strong { font-size:clamp(23px,2.2vw,32px); letter-spacing:-.025em; line-height:1.15; }
.enquiry-summary p { margin-top:5px; max-width:36ch; color:#4c5960; }
.enquiry-visual > img { width:calc(100% - 28px); height:auto; margin:0 auto 18px; border:1px solid #d1cbbb; }
.quote-sheet-open { display:block; width:100%; padding:14px; background:#eae4da; cursor:zoom-in; }
.quote-sheet-open img { width:auto; max-width:100%; max-height:400px; margin:auto; box-shadow:0 4px 14px #26374718; }
.walkthrough-link,.story-link { margin-top:15px; }
.walkthrough-link { background:#efc4a6; color:#253442; }
.walkthrough-link:hover { background:#f9d7c0; }
.story-link { color:#f6c3a1; text-underline-offset:4px; display:inline-block; }
.customer-visual > img,.crew-sides { width:100%; mix-blend-mode:multiply; }
.crew-sides { padding:clamp(10px,1.6vw,20px); }
.crew-key { background:#fff; padding:14px 18px; border-top:1px solid #e4ddd2; display:flex; align-items:center; gap:20px; }
.crew-key span { font-size:15px; font-weight:550; }
.crew-key img { width:clamp(175px,50%,255px); height:auto; }
.story-grid #package-builder { grid-column:1/-1; margin:0; }
.tool-drawer { border-block:1px solid #697b89; }
.tool-drawer > summary { display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; padding:22px 0; font-size:clamp(18px,2vw,25px); font-weight:500; list-style:none; }
.tool-drawer > summary::-webkit-details-marker { display:none; }
.drawer-arrow { color:#f2b48d; font-size:28px; line-height:1; }
.tool-drawer[open] .drawer-arrow { transform: rotate(45deg); }
.tool-drawer[open] > summary { border-bottom:1px solid #596a77; }
@media(max-width:820px) {
  .hero .hero-grid { grid-template-columns:1fr; gap:22px; padding-block:28px 32px; }
  .hero .hero-copy h1 { font-size:clamp(43px,8vw,62px); max-width:15ch; margin:10px 0 13px; }
  .hero .hero-lead { font-size:17px; max-width:47ch; }
  .hero-signature { margin-top:10px; }
  .hire-preview { width:100%; max-width:650px; justify-self:center; }
  .availability { gap:22px; grid-template-columns:1fr; }
  .stock-check { max-width:640px; width:100%; }
  .story-grid { grid-template-columns:1fr; gap:14px; }
  .story-card { padding:18px 0 12px; }
  .story-card > p { margin:10px 0 14px; }
  .hero-media { aspect-ratio:1.69; }
}
@media(max-width:460px) {
  .hero .eyebrow { margin-bottom:9px; }
  .preview-heading small,.view-badge,.hero-spec span,.record-top small { font-size:12px; }
  .preview-heading h2 { font-size:21px; }
  .preview-heading { gap:6px; padding:14px 12px 0; }
  .view-badge { padding:3px 7px; }
  .hero .actions { gap:17px; }
  .compare-action { padding:9px 12px; font-size:14px; }
  .hire-preview figcaption { padding:10px 12px; }
  .story-heading h2 { max-width:16ch; }
  .chapter-visual figcaption { gap:8px; }
  .quote-sheet-open img { max-height:none; width:100%; }
  .crew-key { flex-direction:column; align-items:flex-start; gap:5px; }
  .crew-key img { width:230px; max-width:100%; }
}

/* Show meaningful CRM views and complete crew sheets. */
.enquiry-view-tabs { display:flex; gap:7px; padding:12px; flex-wrap:wrap; }
.enquiry-view-tabs button { background:transparent; border:1px solid #b9b6ad; border-radius:5px; padding:9px 11px; min-height:44px; font-size:14px; }
.enquiry-view-tabs button[aria-pressed="true"] { color:#fffaf2; background:var(--ink); border-color:var(--ink); }
.enquiry-screenshot { display:block; width:100%; padding:8px 12px 16px; background:#eee9e0; cursor:zoom-in; }
.enquiry-screenshot img { display:block; margin:auto; width:auto; height:auto; max-width:100%; max-height:480px; }
.crew-plan-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.complete-crew-plan { min-width:0; display:flex; flex-direction:column; }
.crew-plan-preview { display:grid; place-items:start center; background:#e9e5dd; padding:9px; width:100%; flex:1; cursor:zoom-in; }
.crew-plan-preview img { display:block; width:100%; height:auto; }
.complete-crew-plan figcaption { padding:10px; flex-wrap:wrap; gap:5px; }
@media(max-width:600px) { .crew-plan-pair { grid-template-columns:1fr; gap:16px; } .enquiry-view-tabs button { flex:1; } }