/* Article section proposal on top of the current approved site. */
.desktop-nav{gap:20px}
.articles{border-top:1px solid var(--line)}
.articles .section-heading>p{max-width:340px}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.article-card{min-width:0;background:#fff;border:1px solid #c9cbd1;border-radius:5px;padding:28px;display:flex;flex-direction:column}
.article-motif{height:90px;margin-bottom:25px;display:flex;align-items:center;gap:12px;color:#6e2437;border-bottom:1px solid #eceef2;padding-bottom:22px}
.article-motif svg{width:62px;height:62px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.article-topic{font-size:11px;color:#6e2437;letter-spacing:.09em;text-transform:uppercase;margin-bottom:14px}
.article-card h3{font-size:27px;line-height:1.18;letter-spacing:-.025em}
.article-card>p:not(.article-topic){font-size:14px;line-height:1.75;color:#555861;margin-top:19px}
.article-status{margin-top:auto;padding-top:28px;font-size:11px;color:#6e2437;display:flex;align-items:center;gap:8px}
.article-status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.articles .section-note{font-size:12px;margin-top:20px}
@media(max-width:980px){.article-grid{gap:14px}.article-card{padding:20px}.article-card h3{font-size:23px}}
@media(max-width:650px){.article-grid{grid-template-columns:1fr;gap:16px}.articles{padding-block:36px}.articles .section-heading>p{font-size:14px;max-width:none}.article-card{padding:24px}.article-motif{height:64px;margin-bottom:20px;padding-bottom:14px}.article-motif svg{height:48px;width:48px}.article-card h3{font-size:26px}.article-status{padding-top:22px}.articles .section-note{line-height:1.7}}
/* Latest user-approved refinement, shared with the main prototype. */
.header-inner{min-height:80px;gap:22px}.brand-symbol{font-size:58px}.brand strong{font-size:23px}.brand small{font-size:12px;letter-spacing:0}.desktop-nav{gap:22px}.desktop-nav a{font-size:15px}.header-cta{font-size:14px;padding-inline:18px}
.hero{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:72px;padding-block:28px 36px}.hero-copy{padding-top:36px}.hero .eyebrow{font-size:12px;margin-bottom:22px}.hero h1{font-size:clamp(44px,4.5vw,64px);max-width:800px}.hero-description{font-size:19px;max-width:710px;margin-block:26px 20px}.microcopy{font-size:13px}
.hero-portrait{max-width:350px}.hero-portrait .art-heading{padding:16px 20px}.hero-portrait .art-heading p{font-size:34px;line-height:1.04}.hero-portrait .art-heading .eyebrow{display:block;font-size:9px;letter-spacing:.065em;margin:12px 0 0;line-height:1.45}.hero-portrait .art-footer{font-size:9px;padding:10px 14px}.hero-photo{aspect-ratio:auto;object-fit:contain}
.products{width:100%;max-width:none;margin:0;padding:36px 0;border-radius:0;background:linear-gradient(#25252555,#25252555),url('assets/review/metal-racks-background-v1.webp') center/cover}.products-inner{min-width:0}.products .section-heading{padding:24px 28px;margin-bottom:22px}.products .section-heading h2{font-size:42px}.products .section-heading>p{font-size:15px}.products .product-grid{gap:18px;grid-auto-rows:1fr}.products .product-card{padding:20px;min-height:0}.products .card-top{height:72px;margin:0 0 12px;align-items:center}.product-photo{display:block;width:92px;height:80px;object-fit:contain}.products .product-card h3{font-size:25px;line-height:1.13}.products .product-card p{font-size:14px;line-height:1.6;margin:12px 0}.products .product-card .material-group{margin-top:10px}.products .material-group h4{display:none}.products .product-examples{margin:0 0 12px}.products .product-examples summary{min-height:42px;padding:11px 28px 11px 0;font-size:13px}.products .text-button{font-size:13px;margin-top:auto;padding-top:12px;min-height:42px}.products .custom-card{justify-content:flex-start}.custom-card .asterisk{height:72px;font-size:52px;margin-bottom:12px;line-height:1.3}.products-inner>.section-note{background:#f7f7f9;color:#555861;max-width:none;padding:12px 16px;border-radius:4px;font-size:12px;margin-top:20px}
.result-band{background:#6e2437;color:#fff;padding-block:62px}.result-band .section-tag,.result-row>span{color:#fff}.result-intro,.result-row p,.result-limit{color:#f5edf0}.result-row,.result-limit{border-color:#b67a8a}.result-row h3{font-size:24px}.result-row p{font-size:15px}.result-limit{font-size:12px}
.about{padding:44px;background:#eceef2;border:0;border-left:6px solid #6e2437;border-radius:3px;gap:64px}.about .section-tag{font-size:12px}.about .signature{font-size:64px}.about-caption{font-size:14px}.about-copy p{font-size:16px}.about-copy h2{font-size:42px}
@media(min-width:981px) and (max-width:1190px){.desktop-nav{gap:12px}.desktop-nav a{font-size:13px}.brand strong{font-size:21px}.brand small{font-size:11px}.header-inner{gap:16px}}
@media(max-width:980px){.hero{grid-template-columns:minmax(0,1fr) 300px;gap:28px}.hero-copy{padding-top:16px}.hero-description{font-size:16px}.products .product-grid{grid-auto-rows:auto}.products .section-heading{display:block}.products .section-heading>p{max-width:none}.about{padding:32px;gap:30px}}
@media(max-width:650px){.header-inner{min-height:68px;gap:7px}.header-inner .brand{gap:5px}.header-inner .brand-symbol{font-size:34px}.header-inner .brand strong{font-size:17px}.header-inner .brand small{display:none}.header-inner .header-cta{font-size:12px;padding-inline:10px;gap:6px}.mobile-nav a{font-size:14px}.hero{display:flex;gap:24px;padding-block:24px 32px}.hero-copy{padding:0}.hero h1{font-size:37px}.hero .eyebrow{font-size:10px;margin-bottom:17px}.hero-description{font-size:15px;margin-block:20px 16px}.microcopy{font-size:12px}.hero-portrait{width:100%;max-width:none}.hero-portrait .art-heading{padding:17px 20px}.hero-portrait .art-heading p{font-size:31px}.hero-portrait .art-heading .eyebrow{font-size:9px;margin-top:10px}.hero-photo{height:auto;aspect-ratio:auto}.products{padding:24px 0;background-size:auto 850px;background-position:center top;background-repeat:repeat-y}.products-inner{width:calc(100% - 32px)}.products .section-heading{padding:22px 18px}.products .section-heading h2{font-size:33px}.products .product-card{padding:22px}.products .product-card h3{font-size:27px}.products .product-grid{grid-auto-rows:auto}.result-band{padding-block:38px}.result-row h3{font-size:22px}.about{width:calc(100% - 40px);padding:28px 22px;gap:25px}.about .signature{font-size:48px}.about-copy h2{font-size:33px}.about-copy p{font-size:15px}}
/* Restore portrait size; reduce only the burgundy title strip. */
@media(min-width:981px){.hero{grid-template-columns:minmax(0,1fr) 410px}.hero-portrait{max-width:410px}}
.hero-portrait .art-heading{padding:10px 18px}
.hero-portrait .art-heading p{font-size:31px;line-height:1.02}
.hero-portrait .art-heading .eyebrow{font-size:9px;line-height:1.3;margin:6px 0 0;letter-spacing:.045em}
@media(max-width:650px){.hero-portrait .art-heading{padding:10px 18px}.hero-portrait .art-heading p{font-size:29px;line-height:1.02}.hero-portrait .art-heading .eyebrow{margin-top:6px;line-height:1.3}}
/* Existing metal cutouts in the unused space below the offer. */
.hero-metal-composition{position:relative;height:210px;max-width:690px;margin-top:22px;isolation:isolate}
.hero-metal-composition img{position:absolute;width:220px;height:220px;object-fit:contain;mix-blend-mode:multiply}
.hero-metal-steel{left:0;top:0;transform:rotate(-7deg)}
.hero-metal-stainless{left:32%;top:-10px;transform:rotate(5deg)}
.hero-metal-nonferrous{right:0;top:14px;transform:rotate(-4deg)}
@media(max-width:980px){.hero-metal-composition{height:160px;margin-top:16px}.hero-metal-composition img{width:150px;height:150px}.hero-metal-stainless{left:29%}}
@media(max-width:650px){.hero-metal-composition{height:118px;margin-top:16px;max-width:100%}.hero-metal-composition img{width:118px;height:118px}.hero-metal-steel{left:0;top:0}.hero-metal-stainless{left:32%;top:-7px}.hero-metal-nonferrous{right:0;top:7px}}
.contact-action{width:320px}.contact-email{font-size:16px!important;margin-top:20px!important;overflow-wrap:anywhere}.contact-email a{user-select:all;text-decoration:underline;text-underline-offset:4px}.copy-email{background:transparent;color:inherit;border:1px solid #ffffff80;border-radius:4px;font-size:13px;min-height:44px;padding:9px 13px;margin-top:12px}.email-help{font-size:12px!important;line-height:1.6;margin-top:10px!important}.email-copy-status{font-size:12px!important;line-height:1.5;margin-top:8px!important}.email-copy-status:empty{display:none}@media(max-width:650px){.contact-action{width:100%}.contact-email{font-size:15px!important}}
.email-privacy{font-size:12px!important;line-height:1.65;margin-top:14px!important}.email-privacy a{text-decoration:underline;text-underline-offset:3px}.faq-services .service-scope{font-size:12px;line-height:1.5;color:#555861;margin-top:12px}