.arc-options .arc-page-hero h1{max-width:1050px;font-size:clamp(34px,4vw,58px)}.arc-option-jumps{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.arc-option-jumps a{padding:10px 17px;border:1px solid #82967a;color:#fff;text-decoration:none;font-family:'ARC Condensed',sans-serif;font-size:19px}.arc-option-jumps a:hover{background:#294c38}.arc-options-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:start}.arc-options-intro>div>p:last-child{border-left:4px solid #173d2a;padding:18px 24px;background:#eeeae2;font-size:22px}.arc-options figure{margin:0}.arc-option-photo img{display:block;width:100%;height:520px;object-fit:cover;object-position:75% center}.arc-options figcaption{font-size:12px;line-height:1.5;color:#596158;padding:12px 0}.arc-roof-detail img{height:480px;object-position:100% center}.arc-metal-detail img{height:550px;object-position:68% center}.arc-option-card{padding:28px;background:#faf9f5;border-top:4px solid #173d2a;display:flex;flex-direction:column;min-width:0}.arc-option-number{font-family:'ARC Display',sans-serif;font-size:38px;color:#788d6f}.arc-option-card h3{margin:16px 0 24px}.arc-option-card dl{margin:0 0 26px}.arc-option-card dt{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin:18px 0 5px}.arc-option-card dd{margin:0;font-size:16px;line-height:1.55}.arc-option-card .arc-link{margin-top:auto;align-self:start}.arc-option-compare{gap:24px;margin:32px 0}.arc-fastener{background:#faf9f5;padding:20px;border:1px solid #c8cec3}.arc-fastener svg{display:block;width:100%;height:auto}.arc-fastener svg text{font-family:Arial,sans-serif;font-size:15px;fill:#24382b}.arc-fastener figcaption{font-size:16px;font-weight:700;color:#173d2a}.arc-options .arc-note p{font-size:16px;line-height:1.65}.arc-options-readable{max-width:820px}.arc-tier-grid{margin:35px 0}.arc-tier{padding:30px;border:1px solid #b9c3b2;border-top:5px solid #173d2a;background:#eeeae2}.arc-options .arc-tier h3{font-family:'ARC Display',sans-serif;font-size:34px;text-transform:uppercase}.arc-tier .arc-eyebrow{font-size:13px!important}.arc-tier-principle{padding:30px;border-left:4px solid #173d2a;background:#f7f6f1}.arc-tier-principle p:last-child{font-size:21px}.arc-options .arc-dark p{color:#eef0e8}.arc-options .arc-section> .arc-wrap>h2{margin-bottom:32px}.arc-options .arc-grid{align-items:start}
@media(max-width:1000px){.arc-options-intro{grid-template-columns:1fr;gap:30px}.arc-option-photo img{height:360px}.arc-options .arc-option-compare{grid-template-columns:1fr}.arc-option-card dl{display:grid;grid-template-columns:140px 1fr;gap:10px 20px}.arc-option-card dt,.arc-option-card dd{margin:0}.arc-options .arc-tier-grid{gap:16px}.arc-tier{padding:22px}}
@media(max-width:767px){.arc-options .arc-page-hero h1{font-size:34px}.arc-options .arc-grid{grid-template-columns:1fr}.arc-options .arc-option-photo img{height:290px}.arc-option-card dl{display:block}.arc-option-card dt{margin:18px 0 4px}.arc-option-card{padding:24px}.arc-fastener{padding:8px}.arc-options .arc-tier h3{font-size:30px}.arc-tier-principle{padding:22px}.arc-options-intro>div>p:last-child{font-size:20px}.arc-option-jumps{gap:8px}.arc-option-jumps a{font-size:17px;padding:10px 12px}}
.arc-longlife{border-left:4px solid #173d2a;background:#eeeae2;padding:26px;margin-top:30px}.arc-longlife .arc-form-help{font-size:13px!important}
.arc-options .arc-exposed-photo{margin:0 0 38px}.arc-exposed-photo img{display:block;width:100%;height:440px;object-fit:cover;object-position:center 55%}@media(max-width:767px){.arc-exposed-photo img{height:260px}}

/* Approved spacing beneath the fastener diagrams. */
#fasteners>.arc-wrap>.arc-form-help{margin-top:20px}

/* Approved equal heights for side-by-side comparison cards. */
@media(min-width:768px){#tiers .arc-tier-grid,#compare .arc-option-compare{align-items:stretch}}