*{margin:0;padding:0;box-sizing:border-box}
:root{--gza-hue:#059669;--gza-hue-deep:#047857;--gza-hue-soft:#34D399;--gza-mark:#D97706;--gza-ink:#1E293B;--gza-ink-soft:#64748B;--gza-page:#FFFFFF;--gza-tint:#F8FAFC;--gza-panel:#D1FAE5;--gza-rule:#A7F3D0;--gza-lift:0 1px 3px rgba(0,0,0,0.08);--gza-rail:293px}
body{font-family:'Inter',-apple-system,sans-serif;color:var(--gza-ink);line-height:1.7;background:var(--gza-page)}
a{color:var(--gza-hue);text-decoration:none}a:hover{color:#047857;text-decoration:underline}
img{max-width:100%;height:auto}
.ridgebeam{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);border-bottom:1px solid var(--gza-rule);backdrop-filter:blur(7.5px)}
.ridgebeam-row{max-width:1196px;margin:0 auto;padding:.775rem 1.54rem;display:flex;align-items:center;justify-content:space-between}
.gardenmark{font-weight:800;font-size:1.115rem;color:var(--gza-ink)}.gardenmark span{color:var(--gza-hue-soft)}.gardenmark:hover{text-decoration:none}
.spanbar{display:flex;gap:1.54rem}.spanbar a{color:var(--gza-ink-soft);font-size:.886rem;font-weight:500;border-bottom:2px solid transparent}.spanbar a:hover{color:var(--gza-hue-soft);border-bottom-color:var(--gza-hue-soft);text-decoration:none}
.batten{display:none;background:linear-gradient(var(--gza-hue-soft),var(--gza-hue-soft)) 0 9.6px/100% 2.2px no-repeat;border:none;cursor:pointer;width:27px;height:21.4px;position:relative}.batten::before,.batten::after{display:block;width:100%;height:2.2px;background:var(--gza-hue-soft);position:absolute;left:0}.batten::before{content:'';top:0}.batten::after{content:'';top:19.2px}
.screenbay{display:none;flex-direction:column;background:var(--gza-page);border-top:1px solid var(--gza-rule);padding:.515rem 1.54rem}.screenbay.open{display:flex}.screenbay a{padding:.615rem 0;color:var(--gza-ink-soft);border-bottom:1px solid var(--gza-rule)}
.sunplate{position:relative;min-height:391px;display:flex;align-items:center;justify-content:center;overflow:hidden}.sunplate-art{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.315)}.sunplate-copy{position:relative;z-index:2;text-align:center;max-width:713px;padding:3.062rem 1.54rem;color:#fff}
.sunplate-tag{display:inline-block;background:#059669;color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.104em;padding:.365rem 1.022rem;border-radius:1.34rem;margin-bottom:1.022rem}
.sunplate h1{font-size:2.38rem;font-weight:800;line-height:1.2;margin-bottom:.75rem}.sunplate p{font-size:1.065rem;opacity:.915;max-width:591px;margin:0 auto}
.sunplate-act{display:inline-flex;align-items:center;gap:.515rem;background:var(--gza-hue);color:#fff;padding:.775rem 1.79rem;border-radius:.47rem;font-weight:600;margin-top:1.242rem}.sunplate-act:hover{background:var(--gza-hue-deep);text-decoration:none;color:#fff}
.postline{max-width:1196px;margin:0 auto;padding:.775rem 1.54rem;font-size:.826rem;color:var(--gza-ink-soft)}.postline a{color:var(--gza-ink-soft)}.postline span{margin:0 .4rem;opacity:.5}
.groundplate{max-width:1196px;margin:0 auto;padding:1.54rem;display:grid;grid-template-columns:1fr var(--gza-rail);gap:2.38rem}
.gardenroom{min-width:0}.gardenroom h2{font-size:1.54rem;font-weight:700;color:var(--gza-ink);margin:2.04rem 0 .775rem;padding-bottom:.515rem;border-bottom:2px solid var(--gza-panel)}.gardenroom h2:first-child{margin-top:0}.gardenroom h3{font-size:1.165rem;font-weight:600;color:var(--gza-ink);margin:1.54rem 0 .515rem}.gardenroom p{margin-bottom:1.022rem;font-size:.968rem;color:var(--gza-ink)}
.gardenroom ul,.gardenroom ol{margin:0 0 1.022rem 1.54rem;font-size:.968rem;color:var(--gza-ink)}.gardenroom li{margin-bottom:.415rem;line-height:1.63}
.gardenroom table{width:100%;border-collapse:collapse;margin:1.54rem 0;font-size:.906rem;border-radius:7.5px;overflow:hidden;box-shadow:var(--gza-lift)}
.gardenroom thead{background:var(--gza-hue-deep);color:#fff}
.gardenroom th{padding:.713rem .922rem;text-align:left;font-weight:600;font-size:.826rem;text-transform:uppercase;letter-spacing:.032em;border-bottom:2px solid var(--gza-hue)}
.gardenroom td{padding:.663rem .922rem;border-bottom:1px solid var(--gza-rule);color:var(--gza-ink)}
.gardenroom tbody tr:nth-child(even){background:var(--gza-tint)}
.gardenroom tbody tr:hover{background:var(--gza-panel)}
@media(max-width:904px){.gardenroom table{display:block;overflow-x:auto;white-space:nowrap}.gardenroom th,.gardenroom td{white-space:normal;min-width:123px}}
.shadeplate{margin:1.79rem 0;border-radius:10.35px;overflow:hidden;box-shadow:var(--gza-lift);}.shadeplate img{width:100%;display:block;aspect-ratio:15/9;object-fit:cover}.shadeplate figcaption{padding:.615rem 1.022rem;font-size:.826rem;color:var(--gza-ink-soft);background:var(--gza-panel);font-style:italic}
.lattice{background:linear-gradient(135deg,#EFF6FF,#F0FDF4);border-left:4px solid var(--gza-hue);padding:1.282rem 1.54rem;border-radius:0 7.5px 7.5px 0;margin:1.54rem 0}.lattice p{margin-bottom:.515rem;font-size:.936rem;color:var(--gza-ink)}.lattice p:last-child{margin-bottom:0}
.trellisrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(237px,1fr));gap:1.022rem;margin:1.54rem 0}.trellis{background:var(--gza-panel);border-radius:10.35px;padding:1.282rem;border:1px solid var(--gza-rule)}.trellis h4{font-size:1.022rem;font-weight:600;margin-bottom:.415rem;color:var(--gza-ink)}.trellis p{font-size:.856rem;color:var(--gza-ink-soft);margin:0}
.arborbay{display:flex;flex-direction:column;gap:1.54rem}.arborbay-box{background:var(--gza-panel);border-radius:9.75px;padding:1.322rem;border:1px solid var(--gza-rule)}.arborbay-box h3{font-size:.806rem;font-weight:700;margin-bottom:.775rem;text-transform:uppercase;letter-spacing:.042em;color:var(--gza-hue-deep)}.arborbay-nav{display:flex;flex-direction:column;gap:.265rem}.arborbay-nav a{display:block;padding:.415rem .615rem;font-size:.856rem;color:var(--gza-ink-soft);border-radius:6.5px}.arborbay-nav a:hover{background:var(--gza-hue);color:#fff;text-decoration:none}
.footingmark{background:#1C1917;color:#94A3B8;margin-top:3.062rem}.footingmark-row{max-width:1196px;margin:0 auto;padding:2.54rem 1.54rem;display:grid;grid-template-columns:1.53fr 1fr 1fr;gap:2.04rem}.footingmark-brand .gardenmark{color:#fff;margin-bottom:.533rem;display:inline-block}.footingmark-brand p{font-size:.826rem;color:#64748B;margin-top:.533rem}.footingmark-col h4{font-size:.756rem;text-transform:uppercase;letter-spacing:.082em;color:#F8FAFC;margin-bottom:.775rem;font-weight:700}.footingmark-col a{display:block;font-size:.826rem;color:#64748B;padding:.215rem 0}.footingmark-col a:hover{color:#F8FAFC;text-decoration:none}.footingmark-base{max-width:1196px;margin:0 auto;padding:1.022rem 1.54rem;border-top:1px solid #334155;font-size:.75rem;color:#475569;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
@media(max-width:904px){.groundplate{grid-template-columns:1fr}.footingmark-row{grid-template-columns:1fr}.spanbar{display:none}.batten{display:block}.sunplate h1{font-size:1.84rem}}

.skip-to:focus{position:fixed!important;left:16px!important;top:16px!important;opacity:1!important;pointer-events:auto!important;z-index:9999;background:var(--gza-hue-deep)!important;color:#fff!important;border-radius:6px;padding:8px 16px;outline:2px solid var(--gza-hue);font-size:14px;text-decoration:none}

a:focus-visible{outline:2px solid var(--gza-hue);outline-offset:2px;border-radius:2px}
button:focus-visible{outline:2px solid var(--gza-hue);outline-offset:2px}
.valance{font-size:.856rem;color:rgba(255,255,255,.88);margin-bottom:1.54rem}
p.finial{font-size:.806rem;color:var(--gza-ink-soft);margin-top:1.54rem;padding-top:1.022rem;border-top:1px solid var(--gza-rule)}
.eaveline{margin-top:2.04rem;padding:1.282rem;background:var(--gza-tint);border-radius:7.5px}
.eaveline h3{font-size:1.022rem;margin-bottom:.775rem}
.eaveline a{display:block;padding:8.35px 0;border-bottom:1px solid var(--gza-rule);text-decoration:none;color:var(--gza-ink)}.eaveline a:hover{color:var(--gza-hue)}
.eaveline a:last-child{border-bottom:none}
.lattice h3{margin-top:0;font-size:1.022rem}
.lattice ul{margin:0;padding-left:1.242rem}
.decknote{background:var(--gza-tint);border:1px solid var(--gza-rule);border-radius:7.5px;padding:1.282rem 1.54rem;margin:1.54rem 0}
.decknote h3{font-size:.956rem;font-weight:700;color:var(--gza-ink);margin-bottom:.615rem;text-transform:uppercase;letter-spacing:.032em}
.decknote ol{margin:0 0 0 1.242rem;font-size:.906rem;color:var(--gza-ink-soft)}
.decknote li{margin-bottom:.315rem;line-height:1.53}
.decknote a{color:var(--gza-hue);text-decoration:none}
.decknote a:hover{text-decoration:underline}
.deckmark{display:flex;gap:1.282rem;align-items:flex-start;background:var(--gza-tint);border:1px solid var(--gza-rule);border-radius:10.35px;padding:1.282rem 1.54rem;margin:2.04rem 0}
.deckmark .deckmark-meta h3{font-size:.956rem;font-weight:700;color:var(--gza-ink);margin-bottom:.265rem}
.deckmark .deckmark-meta p{font-size:.856rem;color:var(--gza-ink-soft);line-height:1.53;margin:0}
.deckmark .deckmark-meta a{color:var(--gza-hue);font-size:.85rem}
@media(max-width:604px){.deckmark{flex-direction:column;align-items:center;text-align:center}}
@media print {
  .ridgebeam, .screenbay, .batten, .arborbay, .footingmark, .sunplate-act, .sunplate-tag { display: none !important; }
  .sunplate { min-height: auto !important; padding: 20px 0; }
  .sunplate-art { display: none; }
  .sunplate-copy { position: static; color: #000; text-shadow: none; }
  .groundplate { display: block; }
  .gardenroom { max-width: 100%; }
  body { font-size: 12pt; line-height: 1.5; color: #000; background: #fff; }
  a { color: #000; text-decoration: underline; }
  a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 9pt; }
  .gableplate { font-size: 9.5pt; }
  .trellisrow { display: block; }
  .trellis { border: 1px solid #ccc; margin-bottom: 8.35px; page-break-inside: avoid; }
  .lattice { border: 1px solid #999; background: #f5f5f5 !important; }
  img { max-width: 100%; }
  .eaveline { page-break-before: always; }
}
.purlin{margin:2.04rem 0 1.022rem;padding:1.282rem 1.54rem;background:rgba(0,0,0,.03);border-radius:7.5px;font-size:.926rem}
.purlin h2{font-size:1.115rem;margin:0 0 .615rem;padding:0;border:none}
.purlin ul{margin:0;padding-left:1.282rem;line-height:1.87}
ul.purlinbox{margin:0 0 1.022rem 1.54rem;font-size:.968rem;line-height:1.72}
.gardenroom table.is-dense{font-size:.886rem}
.gardenroom table.is-dense th{padding:.615rem .565rem;border-bottom:2px solid #059669;text-transform:none;letter-spacing:normal;font-size:.886rem}
.gardenroom table.is-dense td{padding:.515rem .565rem}
.gardenroom table.is-dense tr.is-pick{background:#D1FAE5;color:#064E3B}
.sunplate.is-airy{min-height:449px}
.postbay{max-width:796px;margin:0 auto;padding:3.062rem 2.04rem}
.postbay h1{font-size:1.84rem;margin:1.54rem 0 1.022rem}
.postbay-note{margin-top:2.04rem;font-size:.856rem;color:#888}
.rooftrim{max-width:693px;margin:3.062rem auto;padding:0 1.242rem;text-align:center}
.rooftrim h1{font-size:3.062rem;margin-bottom:.515rem}
.rooftrim h2{font-size:1.43rem;font-weight:400;margin-bottom:1.54rem;opacity:.806}
.rooftrim p{margin-bottom:2.04rem}
.rooftrim-home{display:inline-block;padding:.775rem 1.79rem;background:var(--gza-mark);color:#fff;text-decoration:none;border-radius:7.5px;font-weight:600;margin-bottom:2.04rem}
.rooftrim-links{text-align:left;max-width:397px;margin:0 auto}
.rooftrim-links h3{font-size:1.115rem;margin-bottom:.775rem}
.rooftrim-links ul{list-style:none;padding:0}