/* V11: category restoration and original artwork aspect ratios only. */
/* The source PNG includes transparent/blank padding. These proportional windows
   preserve the approved artwork composition without ever forcing its aspect ratio. */
body.site-v3 .figma-footer .landscape-art {
  position:relative; width:100%; height:auto !important; aspect-ratio:1280 / 511;
  overflow:hidden; background:var(--page-background,#fff4eb);
}
body.site-v3 .figma-footer .landscape-art > img {
  display:block; position:absolute; left:0; top:-43.66%; bottom:auto;
  width:100%; height:auto; min-width:0; max-width:none; transform:none; object-fit:contain;
}
body.is-home .hero-landscape {
  position:relative; left:0; top:auto; width:100%; height:auto; aspect-ratio:1280 / 266;
  overflow:hidden;
}
body.is-home .hero-landscape img[data-asset="hero"] {
  position:absolute; left:0; top:-104.08%; width:100%; height:auto;
  min-width:0; max-width:none; transform:none; object-fit:contain;
}
body.site-v3 .quote-art {
  position:absolute; left:auto; right:0; top:0; bottom:auto;
  width:414px; height:auto; aspect-ratio:414 / 273;
  border:0; border-radius:0; background:transparent; opacity:1; overflow:hidden;
}
body.site-v3 .quote-art > img {
  display:block; position:absolute; left:-114.66%; top:-61.11%;
  width:223.04%; height:auto; min-width:0; max-width:none; object-fit:contain; transform:none;
}
body.site-v3 .quote-text { max-width:calc(100% - 450px); }
body.site-v3 .quote-text p { max-width:100%; }
/* Original category reference: 48px green title, image to the right at 544:340,
   then full-width intro copy and two-column feature/choice groups. */
.restored-category {color:#43502e;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;}
.category-container {width:min(1136px,calc(100% - 64px));margin:0 auto;}
.category-breadcrumb {display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:14px;margin:28px 0 40px;}
.category-breadcrumb a {text-decoration:none;}
.category-breadcrumb a:hover {text-decoration:underline;}
.category-intro {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin-bottom:48px;}
.category-intro-copy {min-width:0;}
.category-intro .category-brand {display:inline-block;margin-bottom:12px;}
.category-intro h1 {font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:48px;font-weight:700;line-height:1.15;letter-spacing:normal;color:#50853f;margin:0;}
.category-intro-copy>p {font-size:16px;line-height:1.625;color:rgba(67,80,46,.7);margin:16px 0 24px;}
.category-quote {font-size:14px;padding:11px 22px;height:auto;}
.category-photo {display:block;position:relative;width:100%;aspect-ratio:544 / 340;margin:0;border-radius:12px;overflow:hidden;}
.category-photo img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.category-photo-timber-cladding img {object-position:center 65%;}
.category-copy-section {margin:0 0 40px;}
.category-copy-section>h2,.category-calculator>h2 {font-family:inherit;color:#43502e;font-size:18px;line-height:1.5;font-weight:600;margin:0 0 20px;}
.category-copy-section p {font-size:16px;line-height:1.625;color:rgba(67,80,46,.75);margin:0 0 16px;}
.category-feature-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;}
.category-feature {min-width:0;}
.category-feature h3 {font-family:inherit;font-size:16px;line-height:1.5;font-weight:600;margin:0 0 6px;color:#43502e;}
.category-feature p {margin:0;}
.category-feature ul {padding-left:20px;margin:8px 0 0;color:rgba(67,80,46,.75);font-size:16px;line-height:1.625;}
.category-feature li {margin:0 0 6px;}
.category-labels {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.category-labels .category-feature {background:#e8eddc;padding:20px;border-radius:9px;}
.category-labels h3 {margin:0;font-size:14px;}
.category-calculator {margin:48px 0;}
.category-calculator .calculator-shell {max-width:none;width:100%;}
.category-calculator .form-card,.category-calculator .result-card {min-width:0;}
.category-options-cta {margin:22px 0 0 !important;}
.restored-category .on-request-options {margin-bottom:48px;}
.rough-sawn-existing-copy {margin:0 0 48px;}
@media(max-width:1000px){
 body.site-v3 .quote-art {right:-70px;}
 body.site-v3 .quote-text {max-width:calc(100% - 300px);}
 .category-intro{gap:30px;}
 .category-intro h1{font-size:40px;}
}
@media(max-width:800px){
 body.site-v3 .quote-banner{height:auto;min-height:290px;}
 body.site-v3 .quote-text{margin:32px 28px 34px;width:calc(100% - 56px);max-width:60%;}
 body.site-v3 .quote-art{right:-120px;top:16px;}
 .category-container{width:calc(100% - 40px);}
 .category-intro{grid-template-columns:1fr;gap:28px;margin-bottom:36px;}
 .category-intro h1{font-size:36px;}
 .category-photo{max-width:640px;}
 .category-feature-grid{gap:24px;}
 .category-labels{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:600px){
 body.site-v3 .quote-banner{min-height:425px;}
 body.site-v3 .quote-text{margin:27px 24px 0;width:calc(100% - 48px);max-width:none;}
 body.site-v3 .quote-text h2{font-size:22px;line-height:1.3;max-width:none;}
 body.site-v3 .quote-text p{font-size:15px;line-height:1.4;max-width:280px;}
 body.site-v3 .quote-art{top:auto;bottom:-8px;right:-1px;width:280px;height:auto;aspect-ratio:414 / 273;}
 .category-breadcrumb{margin:22px 0 30px;font-size:13px;gap:10px;}
 .category-intro h1{font-size:34px;}
 .category-feature-grid{grid-template-columns:1fr;gap:20px;}
 .category-copy-section{margin-bottom:32px;}
 .category-labels{gap:10px;}
 .category-labels .category-feature{padding:16px 12px;}
}

.category-calculator-intro {font-size:16px;line-height:1.625;color:rgba(67,80,46,.75);margin:0 0 24px;}