:root{--black:#050505;--black2:#0b0b0b;--black3:#111;--red:#e11b22;--red2:#ff2a30;--white:#fff;--muted:#bcbcbc;--line:#303030;--soft:#efefef;--green:#5d7f2b;--shell:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.45}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:min(var(--shell),calc(100% - 42px));margin:auto}.site-header{position:sticky;top:0;z-index:1000;background:#030303;border-bottom:1px solid #1c1c1c}.header-main{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;height:72px}.ryno-header-logo{width:190px;height:58px;object-fit:contain;object-position:left center}.header-right{display:flex;align-items:center;gap:18px}.phone-link{display:flex;flex-direction:column;text-align:right;font-weight:900;font-size:17px;line-height:1.05}.phone-link span{font-size:9px;letter-spacing:.18em;color:#aaa;text-transform:uppercase;margin-bottom:4px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;border-radius:2px;border:1px solid transparent;font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.05em;cursor:pointer;transition:.18s}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red2);transform:translateY(-1px)}.btn-outline{border-color:#777;background:#090909;color:#fff}.btn-light{background:#fff;color:#111}.btn-outline-light{border-color:#fff;color:#fff}.wide{width:100%}.nav-bar{background:#080808;border-top:1px solid #191919}.nav-inner{height:46px;display:flex;align-items:center;justify-content:center}.nav-list{display:flex;align-items:center;gap:34px;list-style:none;padding:0;margin:0}.nav-list a{font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.07em;color:#eee}.nav-list a:hover{color:#ff4045}.menu-toggle,.mobile-estimate{display:none}
.hero{position:relative;overflow:hidden}.hero-home{min-height:570px;display:flex;align-items:center}.hero-image{position:absolute;inset:0;background:url('../images/hero-home.webp') center 52%/cover no-repeat;filter:saturate(.65) contrast(1.05)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.86) 38%,rgba(0,0,0,.37) 69%,rgba(0,0,0,.08) 100%)}.hero-inner{position:relative;z-index:2;padding:68px 0}.hero-copy{max-width:570px}.red-rule{display:block;width:130px;height:5px;background:var(--red);margin-bottom:20px}.red-rule.short{width:72px;height:4px}.eyebrow{margin:0 0 12px;text-transform:uppercase;font-size:11px;letter-spacing:.14em;font-weight:900;color:#fff}.red-text{color:#ff3137!important}.green-text{color:#729446!important}.hero h1,.page-hero h1,.simple-hero h1,.quote-page h1,.section-head h2,.cta-section h2,.split-grid h2,.partner-card h2{font-family:Arial,Helvetica,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.015em;line-height:1.02;margin:0}.hero h1{font-size:clamp(62px,7vw,96px)}.hero-sub{font-size:17px;max-width:520px;color:#ddd;font-weight:700;margin:18px 0 6px}.hero-tag{font-weight:900;font-size:16px;margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.section{padding:62px 0}.black-section{background:#080808}.dark-section{background:#0f0f0f}.light-section{background:#eee;color:#111}.partner-section{background:#0a0a0a}.section-head{max-width:760px;margin-bottom:30px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head h2,.split-grid h2,.partner-card h2{font-size:clamp(34px,4.1vw,52px)}.section-head p{color:#aaa;margin:12px 0 0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{border:1px solid #353535;background:#0d0d0d;padding:22px;min-height:245px;display:flex;flex-direction:column}.service-icon{font-size:34px;color:var(--red);margin-bottom:18px}.service-card h3{font-size:18px;line-height:1.05;text-transform:uppercase;margin:0 0 10px}.service-card p{color:#aaa;font-size:13px;margin:0 0 16px}.service-card span{margin-top:auto;color:#fff;font-weight:900;font-size:11px;text-transform:uppercase}.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.why-grid>div{border-top:2px solid var(--red);padding-top:16px}.why-grid b{color:var(--red);font-size:18px}.why-grid h3{font-size:14px;text-transform:uppercase;margin:9px 0 7px}.why-grid p{font-size:12px;color:#aaa;margin:0}.process-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.process-grid>div{border:1px solid #333;background:#0e0e0e;padding:18px;min-height:205px}.process-grid span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--red);font-weight:900;font-size:12px}.process-grid h3{font-size:13px;text-transform:uppercase;line-height:1.05;margin:13px 0 8px}.process-grid p{font-size:11px;color:#aaa;margin:0}.partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.partner-card{border:1px solid #2a2a2a;background:#0b0b0b;display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;padding:24px;min-height:250px}.partner-card img{width:180px;height:160px;object-fit:contain;background:transparent;padding:8px}.partner-card h2{font-size:38px}.partner-card p{color:#bbb;font-size:14px}.text-link{display:inline-block;margin-top:10px;border-bottom:2px solid var(--red);padding-bottom:3px;font-size:11px;font-weight:900;text-transform:uppercase}.end-card .text-link{border-bottom-color:#779947}.cta-section{background:var(--red);padding:38px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-section h2{font-size:40px}.cta-section .eyebrow{margin-bottom:7px}
.page-hero{min-height:390px;display:flex;align-items:flex-end;position:relative;padding:60px 0;background-size:cover;background-position:center;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.58) 58%,rgba(0,0,0,.18))}.page-hero .shell{position:relative;z-index:2;max-width:1180px}.page-hero h1{font-size:clamp(52px,6vw,84px);max-width:760px}.page-hero p{max-width:580px;color:#ddd;font-size:16px}.coating-hero{background-image:url('../images/floor-coating-hero.jpg');background-position:center 54%}.garage-page-hero{background-image:url('../images/garage-system.webp');background-position:center 55%}.commercial-hero{background-image:url('../images/polymer-project.jpg');background-position:center 58%}.concrete-hero{background-image:url('../images/concrete-finish.jpg');background-position:center 55%}.garage-page-hero h1 em{font-style:normal;color:var(--red)}.simple-hero{background:#090909;padding:74px 0 56px;border-bottom:1px solid #222}.simple-hero h1{font-size:clamp(56px,7vw,88px)}.simple-hero p{max-width:680px;color:#bbb;font-size:16px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.split-grid p{color:#bbb}.rounded-image{width:100%;max-height:460px;object-fit:cover;border:1px solid #333}.check-list{list-style:none;padding:0;margin:20px 0}.check-list li{padding:8px 0 8px 22px;position:relative}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--red);font-weight:900}.flake-section{background:#0a0a0a}.flake-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.flake-grid figure{margin:0;background:#111;border:1px solid #2f2f2f;padding:10px;overflow:hidden}.flake-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;image-rendering:auto;transition:transform .2s ease}.flake-grid figure:hover img{transform:scale(1.025)}.flake-grid figcaption{text-align:center;padding:10px 2px 2px;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.03em}.garage-feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.garage-feature-grid>div{border:1px solid #bbb;background:#fff;padding:22px;text-align:center}.garage-feature-grid b{color:var(--red)}.garage-feature-grid h3{text-transform:uppercase;font-size:14px}.garage-feature-grid p{font-size:12px;color:#555}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.industry-grid div{border:1px solid #333;background:#111;padding:28px;text-transform:uppercase;font-weight:900}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-grid article{border:1px solid #bbb;background:#fff;padding:24px}.product-grid h3{text-transform:uppercase}.product-grid p{color:#555}.green-section{background:#294524}.green-cta{background:#5a782e}.value-stack{display:grid;gap:12px}.value-stack>div{border-left:4px solid var(--red);padding:18px 20px;background:#101010}.value-stack b{color:var(--red)}.value-stack h3{margin:4px 0;text-transform:uppercase}.value-stack p{color:#aaa;margin:0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card{background:#111;border:1px solid #333;overflow:hidden}.project-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.project-card>div{padding:16px}.project-card h2{font-size:18px;text-transform:uppercase;margin:0}.empty-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.demo-project{position:relative;min-height:240px;background:url('../images/hero-home.webp') center/cover}.demo-project:nth-child(2){background-image:url('../images/industrial-warehouse-clean.jpg');background-position:center 55%}.demo-project:nth-child(3){background-image:url('../images/concrete-finish-polished.jpg');background-position:center 68%}.demo-project span{position:absolute;left:12px;bottom:12px;background:var(--red);padding:5px 8px;text-transform:uppercase;font-size:10px;font-weight:900}
.quote-page{padding:62px 0;background:#070707}.quote-grid{display:grid;grid-template-columns:1.6fr .8fr;border:1px solid #292929}.quote-form-panel{padding:38px;background:#0b0b0b}.quote-form-panel h1{font-size:clamp(50px,6vw,78px)}.quote-form{display:grid;gap:12px;margin-top:28px}.quote-form label{font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.05em;color:#ddd}.quote-form input,.quote-form select,.quote-form textarea{width:100%;margin-top:7px;background:#090909;color:#fff;border:1px solid #414141;padding:13px;border-radius:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-field{border:1px dashed #555;padding:14px}.upload-field span{display:block;color:#888;font-weight:400;text-transform:none;margin-top:3px}.quote-contact{background:#151515;padding:38px;display:flex;flex-direction:column;justify-content:space-between}.quote-contact h2{font-size:44px}.big-phone{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:38px}.quote-contact p{color:#bbb}.quote-location{border-top:1px solid #333;padding-top:18px;display:flex;flex-direction:column}.quote-location span{color:#aaa;font-size:12px}.form-alert{padding:12px;margin-top:18px}.form-alert.success{background:#173d22}.form-alert.error{background:#4b1717}
.site-footer{background:#050505;border-top:1px solid #242424;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:38px}.footer-brand img{width:230px}.footer-brand p{color:#bbb}.footer-grid h3{text-transform:uppercase;font-size:13px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:9px}.footer-grid a,.footer-grid span{color:#bbb;font-size:13px}.footer-bottom{margin-top:36px;border-top:1px solid #242424;padding-top:16px;display:flex;justify-content:space-between;color:#777;font-size:11px}
@media(max-width:980px){.service-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(3,1fr)}.process-grid{grid-template-columns:repeat(3,1fr)}.partner-grid,.split-grid{grid-template-columns:1fr}.flake-grid{grid-template-columns:repeat(3,1fr)}.garage-feature-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.phone-link{display:none}.nav-list{gap:18px}}
@media(max-width:760px){.shell{width:min(100% - 26px,var(--shell))}.header-main{height:64px}.brand{height:64px}.ryno-header-logo{width:150px;height:46px}.desktop-cta{display:none}.menu-toggle{display:block;width:42px;height:42px;border:0;background:transparent;padding:8px}.menu-toggle span{display:block;height:3px;background:#fff;margin:5px 0}.nav-bar{display:none}.site-header.open .nav-bar{display:block;position:absolute;top:64px;left:0;right:0}.nav-inner{height:auto;padding:18px;display:block}.nav-list{flex-direction:column;align-items:stretch;gap:0}.nav-list li a{display:block;padding:12px;border-bottom:1px solid #222}.mobile-estimate{display:flex;margin-top:14px}.hero-home{min-height:560px}.hero-image{background-position:63% center}.hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.97),rgba(0,0,0,.74) 68%,rgba(0,0,0,.35))}.hero-inner{padding:56px 0}.hero h1{font-size:57px}.hero-sub{font-size:15px}.section{padding:48px 0}.service-grid,.why-grid,.process-grid,.garage-feature-grid,.product-grid,.industry-grid,.project-grid,.empty-gallery{grid-template-columns:1fr}.partner-card{grid-template-columns:1fr;padding:20px}.partner-card img{width:min(280px,100%);height:145px;object-fit:contain;background:transparent;padding:6px;margin:0 auto}.flake-grid{grid-template-columns:repeat(2,1fr)}.page-hero{min-height:420px;padding:46px 0}.page-hero h1{font-size:52px}.quote-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.cta-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:5px}.simple-hero h1{font-size:54px}}

/* v4.3 commercial/industrial image correction */
.commercial-hero{background-image:url('../images/industrial-warehouse-clean.jpg');background-position:center 56%}
.industrial-feature-image{aspect-ratio:16/9;max-height:none;object-fit:cover}
.image-disclaimer{margin:9px 0 0!important;color:#777!important;font-size:10px!important;font-style:italic}
.image-disclaimer.centered{text-align:center;margin-top:14px!important}
.industrial-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.industrial-photo-grid figure{margin:0;background:#0d0d0d;border:1px solid #303030;overflow:hidden}
.industrial-photo-grid img{width:100%;height:290px;object-fit:cover}
.industrial-photo-grid figure:nth-child(3) img{object-position:center 68%}
.industrial-photo-grid figcaption{padding:14px 16px;text-transform:uppercase;font-weight:900;font-size:12px;letter-spacing:.04em;border-top:2px solid var(--red)}

/* Mobile-first hardening across the theme */
html,body{max-width:100%;overflow-x:hidden}
.hero h1,.page-hero h1,.simple-hero h1,.quote-page h1,.section-head h2,.cta-section h2,.split-grid h2,.partner-card h2{overflow-wrap:break-word;word-break:normal}
@media(max-width:980px){
  .industrial-photo-grid{grid-template-columns:1fr 1fr}
  .industrial-photo-grid figure:last-child{grid-column:1/-1}
  .industrial-photo-grid figure:last-child img{height:320px}
}
@media(max-width:760px){
  .site-header{position:sticky;top:0}
  .header-main{gap:10px}
  .header-right{margin-left:auto;gap:8px}
  .ryno-header-logo{max-width:46vw;height:44px}
  .page-hero{min-height:360px;padding:42px 0;background-position:center center}
  .commercial-hero{background-position:center center}
  .page-hero:before{background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.63) 70%,rgba(0,0,0,.28))}
  .page-hero h1{font-size:clamp(42px,13vw,58px);line-height:.94;max-width:95%}
  .page-hero p{font-size:14px;max-width:95%}
  .section-head h2,.split-grid h2,.partner-card h2,.cta-section h2{font-size:clamp(34px,10vw,46px);line-height:.96}
  .split-grid{gap:28px}
  .industrial-photo-grid{grid-template-columns:1fr;gap:12px}
  .industrial-photo-grid figure:last-child{grid-column:auto}
  .industrial-photo-grid img,.industrial-photo-grid figure:last-child img{height:auto;aspect-ratio:16/10;object-fit:cover}
  .industrial-photo-grid figure:nth-child(3) img{object-position:center 60%}
  .industry-grid{grid-template-columns:1fr 1fr}
  .industry-grid div{padding:20px 14px;font-size:12px}
  .flake-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .flake-grid figure{padding:7px}
  .flake-grid figcaption{font-size:9px;padding-top:7px}
  .partner-card{min-height:0}
  .partner-card h2{font-size:34px}
  .quote-contact h2{font-size:38px}
  .big-phone{font-size:34px}
  .actions .btn{width:100%}
  .cta-inner .btn{width:100%}
}
@media(max-width:480px){
  .shell{width:calc(100% - 22px)}
  .header-main{height:58px}
  .brand{height:58px}
  .ryno-header-logo{width:142px;max-width:48vw;height:40px}
  .site-header.open .nav-bar{top:58px}
  .menu-toggle{width:38px;height:38px;padding:7px}
  .hero-home{min-height:510px}
  .hero h1{font-size:clamp(48px,15vw,62px)}
  .hero-inner{padding:46px 0}
  .section{padding:40px 0}
  .page-hero{min-height:330px;padding:36px 0}
  .page-hero h1{font-size:clamp(38px,12.5vw,50px)}
  .simple-hero{padding:54px 0 42px}
  .simple-hero h1{font-size:46px}
  .industry-grid{grid-template-columns:1fr}
  .flake-grid{grid-template-columns:1fr 1fr}
  .service-grid{grid-template-columns:1fr}
  .quote-form-panel,.quote-contact{padding:24px 18px}
  .footer-brand img{width:190px}
}
\n\n/* v4.4 readability + transparent partner logos */
.hero h1,.page-hero h1,.simple-hero h1,.quote-page h1,.section-head h2,.cta-section h2,.split-grid h2,.partner-card h2{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:900;
  letter-spacing:.015em;
  line-height:1.02;
}
.partner-card h2{font-weight:900;letter-spacing:.01em}
.partner-card img{background:transparent!important;border:0!important;box-shadow:none!important}
.partner-card{overflow:hidden}
.partner-card .eyebrow{letter-spacing:.12em}
.section-head h2{letter-spacing:.01em}
.why-grid h3,.process-grid h3,.service-card h3,.industry-grid div,.nav-list a,.btn,.text-link{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:.035em}
@media(max-width:760px){
  .hero h1{font-size:clamp(46px,13vw,60px);line-height:1.0}
  .page-hero h1{font-size:clamp(38px,11vw,52px);line-height:1.02}
  .section-head h2,.split-grid h2,.partner-card h2,.cta-section h2{font-size:clamp(30px,8.7vw,42px);line-height:1.04}
}
\n\n/* v4.5 definitive readability + cache-safe partner treatment */
body{font-family:"Segoe UI",Arial,Helvetica,sans-serif;font-weight:400}
.hero h1,.page-hero h1,.simple-hero h1,.quote-page h1,.section-head h2,.cta-section h2,.split-grid h2,.partner-card h2,
.service-card h3,.why-grid h3,.process-grid h3,.project-card h2,.industry-grid div{
  font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
  font-stretch:normal!important;
  font-style:normal!important;
  letter-spacing:0!important;
}
.hero h1,.page-hero h1,.simple-hero h1,.quote-page h1{font-weight:700!important;line-height:1.06!important}
.section-head h2,.cta-section h2,.split-grid h2,.partner-card h2{font-weight:700!important;line-height:1.1!important}
.partner-card h2{font-size:clamp(28px,3vw,38px)!important}
.eyebrow,.nav-list a,.btn,.text-link{font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;font-weight:700!important;letter-spacing:.05em!important}
.partner-card img{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;object-fit:contain!important}
.pn-card img,.end-card img{background-color:transparent!important}
@media(max-width:760px){
  .hero h1{font-size:clamp(42px,13vw,58px)!important}
  .page-hero h1,.simple-hero h1{font-size:clamp(38px,11vw,52px)!important}
  .section-head h2,.cta-section h2,.split-grid h2,.partner-card h2{font-size:clamp(27px,8vw,38px)!important;line-height:1.12!important}
  .partner-card img{width:min(230px,75vw)!important;height:auto!important;max-height:150px!important}
}

/* v4.6 PREVIEW-MATCH MASTER LAYOUT — screenshot is the design target */
:root{--shell:1120px}
body{font-family:"Segoe UI",Arial,Helvetica,sans-serif;font-size:15px;line-height:1.45}
.shell{width:min(var(--shell),calc(100% - 36px))}
.header-main{height:64px}.brand{height:64px}.ryno-header-logo{width:170px;height:50px}.nav-inner{height:42px}.nav-list{gap:28px}.nav-list a{font-size:10px;font-weight:700}.btn{min-height:40px;padding:10px 17px;font-weight:700}
.hero-home{min-height:500px}.hero-inner{padding:58px 0}.hero-copy{max-width:470px}.hero h1{font-size:clamp(48px,5.5vw,72px)!important;font-weight:800!important;line-height:.96!important;letter-spacing:-.025em!important}.hero-sub{font-size:15px}.hero-tag{font-size:14px}.red-rule{width:72px;height:3px}
.section{padding:48px 0}.section-head{margin-bottom:22px}.section-head h2,.split-grid h2,.cta-section h2{font-size:clamp(30px,3.2vw,42px)!important;font-weight:800!important;letter-spacing:-.02em!important;line-height:1!important}
.service-grid{gap:10px}.service-card{min-height:210px;padding:18px;text-align:center}.service-icon{font-size:28px;margin-bottom:13px}.service-card h3{font-size:15px;font-weight:800;line-height:1.08}.service-card p{font-size:12px;line-height:1.4}.service-card span{font-size:10px}
.why-grid{gap:18px}.why-grid>div{border-top:0;padding-top:0;text-align:center}.why-grid b{display:block;font-size:20px}.why-grid h3{font-size:12px;font-weight:800;margin:7px 0 5px;line-height:1.12}.why-grid p{font-size:11px;line-height:1.35}
.partner-section{padding:42px 0}.partner-grid{gap:0;border:1px solid #2d2d2d}.partner-card{border:0;min-height:185px;padding:24px;grid-template-columns:145px 1fr;gap:22px}.partner-card+ .partner-card{border-left:1px solid #333}.partner-card img{width:145px!important;height:115px!important;max-height:115px!important;object-fit:contain!important}.partner-card h2{font-size:28px!important;font-weight:800!important;letter-spacing:-.02em!important}.partner-card p{font-size:12px;line-height:1.45;margin:8px 0}.partner-card .eyebrow{font-size:10px;margin-bottom:7px}.text-link{font-size:10px;font-weight:700}
.project-grid,.empty-gallery{gap:10px}.project-card,.demo-project{min-height:190px}.cta-section{padding:30px 0}.cta-section h2{font-size:34px!important}
/* Floor page compact preview proportions */
.page-hero{min-height:390px}.page-hero h1{font-size:clamp(42px,5vw,66px)!important;font-weight:800!important;letter-spacing:-.025em!important}.process-grid{gap:8px}.process-grid>div{min-height:180px;padding:14px}.process-grid h3{font-size:11px}.process-grid p{font-size:10px}.flake-grid{gap:10px}.flake-card{padding:8px}.flake-card img{aspect-ratio:1.35/1;object-fit:cover}.flake-card span{font-size:10px}
@media(max-width:980px){.partner-card{grid-template-columns:120px 1fr}.partner-card img{width:120px!important}.why-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:760px){
 .shell{width:min(100% - 24px,var(--shell))}.header-main{height:62px}.brand{height:62px}.ryno-header-logo{width:145px;height:44px}
 .hero-home{min-height:480px}.hero-inner{padding:46px 0}.hero h1{font-size:48px!important}.hero-copy{max-width:360px}.actions{gap:8px}.actions .btn{flex:1 1 160px}
 .section{padding:38px 0}.section-head h2,.split-grid h2,.cta-section h2{font-size:32px!important}
 .service-grid{grid-template-columns:repeat(2,1fr)!important}.service-card{min-height:190px;padding:15px}.service-card h3{font-size:13px}.service-card p{font-size:11px}
 .why-grid{grid-template-columns:repeat(2,1fr)!important;gap:24px 14px}.why-grid>div:last-child{grid-column:1/-1;max-width:260px;margin:auto}.why-grid p{font-size:11px}
 .partner-grid{grid-template-columns:1fr!important;border:0;gap:10px}.partner-card{grid-template-columns:95px 1fr!important;gap:15px;padding:17px;border:1px solid #2d2d2d!important;min-height:0}.partner-card+ .partner-card{border-left:1px solid #2d2d2d}.partner-card img{width:95px!important;height:90px!important;max-height:90px!important}.partner-card h2{font-size:23px!important}.partner-card p{font-size:11px}.partner-card .eyebrow{font-size:9px}
 .page-hero{min-height:350px}.page-hero h1{font-size:42px!important}.process-grid{grid-template-columns:repeat(2,1fr)!important}.flake-grid{grid-template-columns:repeat(2,1fr)!important}
 .cta-section h2{font-size:29px!important}
}
@media(max-width:430px){.service-grid{grid-template-columns:1fr!important}.partner-card{grid-template-columns:1fr!important}.partner-card img{width:150px!important;height:95px!important;margin:0}.hero h1{font-size:43px!important}.flake-grid{gap:7px}}

/* v4.7 commercial imagery correction */
.industrial-feature-image{aspect-ratio:16/10;object-fit:cover;object-position:center}
.industrial-photo-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center}
.demo-project:nth-child(2){background-image:url('../images/industrial-warehouse-clean.jpg')!important;background-size:cover;background-position:center 55%}

/* v4.8 expanded services */
.primary-nav{display:flex;align-items:center;gap:18px}
.more-services{position:relative;margin-left:4px;color:#fff}
.more-services summary{list-style:none;cursor:pointer;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.more-services summary::-webkit-details-marker{display:none}
.more-services summary:after{content:' +';color:var(--red,#ed1c24)}
.more-services[open] summary:after{content:' –'}
.more-services-menu{position:absolute;z-index:50;top:28px;right:0;min-width:210px;background:#111;border:1px solid #343434;padding:8px;box-shadow:0 16px 35px rgba(0,0,0,.45)}
.more-services-menu a{display:block;padding:10px 12px;color:#fff;text-decoration:none;font-size:12px;font-weight:700;border-bottom:1px solid #252525}
.more-services-menu a:last-child{border-bottom:0}.more-services-menu a:hover{background:#1b1b1b;color:#fff}
.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.feature-card-grid,.product-service-grid,.theme-idea-grid,.use-grid,.service-link-grid{display:grid;gap:12px}
.feature-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-idea-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.use-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.service-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-card-grid>div,.product-service-grid>div,.theme-card,.use-grid>div,.service-link-grid>a,.service-callout{border:1px solid #303030;background:#101010;padding:24px;color:#fff;text-decoration:none}
.feature-card-grid b,.product-service-grid span,.service-link-grid span,.theme-card>span{display:block;color:#ed1c24;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.feature-card-grid h3,.product-service-grid h3,.theme-card h3,.use-grid h3,.service-link-grid h3,.service-callout h3{font-size:19px;line-height:1.12;margin:0 0 9px;color:#fff}
.feature-card-grid p,.product-service-grid p,.theme-card p,.use-grid p,.service-link-grid p,.service-callout p{font-size:13px;color:#bdbdbd;line-height:1.5;margin:0}
.service-link-grid>a:hover{border-color:#ed1c24;transform:translateY(-2px)}
.service-link-grid>a{transition:.2s ease}
.service-callout{display:flex;flex-direction:column;justify-content:center;min-height:260px}.service-callout .btn{align-self:flex-start;margin-top:18px}
.legal-note{margin-top:18px;color:#888;font-size:11px;max-width:920px}
.new-concrete-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.35)),url('../images/concrete-project.jpg');background-size:cover;background-position:center}
.buildings-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.28)),url('../images/garage-hero.jpg');background-size:cover;background-position:center}
.lifts-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.91),rgba(0,0,0,.35)),url('../images/ryno-cabinets.webp');background-size:cover;background-position:center}
.themed-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.3)),url('../images/hero-home.webp');background-size:cover;background-position:center}
.theme-card{min-height:210px;position:relative;overflow:hidden}.theme-card:after{content:'';position:absolute;left:0;bottom:0;width:55px;height:3px;background:#ed1c24}
.theme-card.baseball:after{background:#2b66b1}.theme-card.gym:after{background:#f4f4f4}.theme-card.moto:after{background:#ed1c24}
@media(max-width:1080px){.feature-card-grid,.use-grid{grid-template-columns:repeat(2,1fr)}.product-service-grid,.theme-idea-grid{grid-template-columns:repeat(2,1fr)}.primary-nav{gap:10px}.nav-list{gap:18px!important}}
@media(max-width:760px){.primary-nav{display:block;width:100%}.more-services{margin:6px 0 0;border-top:1px solid #2d2d2d;padding-top:8px}.more-services summary{font-size:12px;padding:10px 0}.more-services-menu{position:static;box-shadow:none;border:0;background:#0b0b0b;padding:0 0 0 10px}.more-services-menu a{font-size:12px}.feature-card-grid,.product-service-grid,.theme-idea-grid,.use-grid,.service-link-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)!important}.feature-card-grid>div,.product-service-grid>div,.theme-card,.use-grid>div,.service-link-grid>a,.service-callout{padding:19px}.theme-card{min-height:0}}
@media(max-width:430px){.service-grid{grid-template-columns:1fr!important}}

/* v5.1 mobile navigation reliability fix */
@media (max-width:760px){
  .site-header{overflow:visible!important}
  .menu-toggle{position:relative;z-index:1003;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .menu-toggle span{transition:transform .2s ease,opacity .2s ease;transform-origin:center}
  .menu-toggle.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .menu-toggle.is-open span:nth-child(2){opacity:0}
  .menu-toggle.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .site-header .nav-bar{display:none!important}
  .site-header.open .nav-bar{display:block!important;position:absolute;top:64px;left:0;right:0;width:100%;max-height:calc(100vh - 64px);overflow-y:auto;background:#080808;border-top:1px solid #242424;box-shadow:0 18px 30px rgba(0,0,0,.55);z-index:1002;-webkit-overflow-scrolling:touch}
  .site-header.open .nav-inner{display:block!important;height:auto!important;padding:10px 18px 22px}
  .site-header.open .primary-nav{display:block!important;width:100%}
  .site-header.open .nav-list{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%;gap:0!important;margin:0;padding:0}
  .site-header.open .nav-list li{display:block;width:100%;margin:0}
  .site-header.open .nav-list a{display:block!important;width:100%;padding:15px 8px!important;border-bottom:1px solid #242424;font-size:13px!important;line-height:1.25;text-align:left}
  .site-header.open .mobile-estimate{display:flex!important;width:100%;margin-top:14px}
}
@media (max-width:520px){.site-header.open .nav-bar{top:58px;max-height:calc(100vh - 58px)}}

/* v5.2 garages & barns visual build gallery */
.build-showcase{padding-top:54px}
.build-showcase-head{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);align-items:end;gap:38px}
.build-showcase-head p:last-child{margin:0;color:#bdbdbd;max-width:620px;justify-self:end}
.build-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:26px}
.build-card{margin:0;border:1px solid #2d2d2d;background:#0c0c0c;overflow:hidden;transition:transform .2s ease,border-color .2s ease}
.build-card:hover{transform:translateY(-3px);border-color:#555}
.build-card img{width:100%;aspect-ratio:1.45/1;object-fit:cover;object-position:center}
.build-card figcaption{padding:15px 15px 17px;min-height:100px;text-align:center}
.build-card h3{margin:0 0 5px;font-size:14px;line-height:1.15;text-transform:uppercase;font-weight:800;letter-spacing:.025em}
.build-card p{margin:0;color:#aaa;font-size:11px;line-height:1.4;text-transform:uppercase;letter-spacing:.04em}
.build-card figcaption:after{content:"";display:block;width:58px;height:2px;background:var(--red);margin:12px auto 0}
.build-image-note{margin:18px 0 0;color:#777;font-size:11px;line-height:1.5;text-align:center}
@media(max-width:980px){.build-gallery{grid-template-columns:repeat(2,1fr)}.build-showcase-head{grid-template-columns:1fr;gap:8px}.build-showcase-head p:last-child{justify-self:start}}
@media(max-width:560px){.build-gallery{grid-template-columns:1fr;gap:14px}.build-card img{aspect-ratio:16/10}.build-card figcaption{min-height:0}.build-showcase{padding-top:38px}}

/* v5.3 private themed-space expansion */


/* v5.7 Why Ryno equipment + photo upgrade */
.why-ryno-head{max-width:820px}.why-photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.why-photo-grid article{border:1px solid #2d2d2d;background:#0a0a0a;padding:0 16px 18px;overflow:hidden}.why-photo{height:150px;margin:0 -16px 16px;background-size:cover;background-position:center}.why-photo-grid b{color:var(--red);font-size:20px}.why-photo-grid h3{font-size:14px;text-transform:uppercase;margin:8px 0 7px;line-height:1.15}.why-photo-grid p{font-size:12px;color:#aaa;margin:0}.why-prep{background-image:url('../images/scanmaskin-650-actual.png')}.why-repair{background-image:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15)),url('../images/concrete-project.jpg');background-position:center 65%}.why-coating{background-image:url('../images/floor-coating-hero.jpg')}.why-owner{background-image:url('../images/ryno-cabinets.webp')}.why-finish{background-image:url('../images/hero-home.webp')}.equipment-feature{display:grid;grid-template-columns:.88fr 1.12fr;gap:34px;align-items:center;margin-top:44px;padding-top:42px;border-top:1px solid #292929}.equipment-copy h2{font-size:clamp(32px,4vw,50px);line-height:1.03;text-transform:uppercase;margin:0 0 14px}.equipment-copy p{color:#bbb}.equipment-gallery{display:grid;grid-template-columns:1.45fr .7fr .7fr;grid-template-rows:1fr 1fr;gap:8px}.equipment-gallery img{width:100%;height:100%;min-height:145px;object-fit:cover;border:1px solid #333}.equipment-gallery .equipment-main{grid-row:1/3;min-height:360px}.equipment-image-note,.small-muted{color:#777;font-size:10px;margin-top:12px}.about-equipment{margin-top:18px}.about-equipment .equipment-gallery{order:1}.about-equipment .equipment-copy{order:2}.about-equipment .equipment-copy h3{font-size:26px;text-transform:uppercase;margin:0 0 12px}
@media(max-width:980px){.why-photo-grid{grid-template-columns:repeat(2,1fr)}.why-photo-grid article:last-child{grid-column:1/-1}.equipment-feature{grid-template-columns:1fr}.equipment-gallery .equipment-main{min-height:300px}}
@media(max-width:620px){.why-photo-grid{grid-template-columns:1fr}.why-photo-grid article:last-child{grid-column:auto}.why-photo{height:190px}.equipment-gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto}.equipment-gallery .equipment-main{grid-column:1/-1;grid-row:auto;min-height:260px}.equipment-gallery img{min-height:150px}.equipment-feature{gap:22px;margin-top:34px;padding-top:32px}}

/* v5.8 actual Ryno equipment only */
.why-prep-actual{background:#fff url('../images/scanmaskin-650-actual.png') center/contain no-repeat}.actual-equipment-feature{align-items:start}.actual-equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.actual-equipment-card{margin:0;border:1px solid #303030;background:#0a0a0a;overflow:hidden;min-width:0}.actual-equipment-card img{width:100%;height:300px;object-fit:contain;background:#050505;display:block;padding:10px}.actual-equipment-card figcaption,.equipment-text-card>div{padding:18px}.actual-equipment-card h3{margin:0 0 8px;font-size:16px;text-transform:uppercase;line-height:1.15}.actual-equipment-card p{margin:0;color:#aaa;font-size:12px;line-height:1.5}.equipment-text-card{display:flex;align-items:center;min-height:100%;background:linear-gradient(145deg,#111,#070707)}.equipment-badge{display:inline-flex;width:72px;height:72px;border:2px solid var(--red);align-items:center;justify-content:center;border-radius:50%;font-size:27px;font-weight:900;color:var(--red);margin-bottom:18px}.about-actual-equipment{margin-top:26px}@media(max-width:980px){.actual-equipment-grid{grid-template-columns:1fr 1fr}.equipment-text-card{grid-column:1/-1;min-height:220px}}@media(max-width:620px){.actual-equipment-grid{grid-template-columns:1fr}.equipment-text-card{grid-column:auto;min-height:200px}.actual-equipment-card img{height:260px}}

/* v5.9 Why Ryno graphics — replaces project photos with consistent illustrations */
.why-graphic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:28px}
.why-graphic-card{border:1px solid #343434;background:linear-gradient(180deg,#0d0d0d,#070707);padding:0 20px 22px;overflow:hidden;min-width:0;position:relative}
.why-graphic{height:188px;margin:0 -20px 18px;display:flex;align-items:center;justify-content:center;padding:18px;color:#c9c9c9;background:radial-gradient(circle at 50% 40%,#171717 0,#0b0b0b 68%,#070707 100%);border-bottom:1px solid #292929}
.why-graphic svg{width:100%;height:100%;max-width:210px;display:block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.25))}
.why-graphic-card b{display:block;color:var(--red);font-size:27px;line-height:1;font-weight:900;margin:0 0 14px}
.why-graphic-card b:after{content:"";display:block;width:48px;height:3px;background:var(--red);margin-top:12px}
.why-graphic-card h3{font-size:17px;line-height:1.12;text-transform:uppercase;margin:0 0 12px;letter-spacing:.01em}
.why-graphic-card p{font-size:13px;line-height:1.55;color:#b7b7b7;margin:0}
.why-ryno-tagline{max-width:770px;margin:24px auto 0;border:1px solid #3a3a3a;background:#0a0a0a;display:flex;align-items:center;justify-content:center;gap:20px;padding:14px 24px;text-transform:uppercase}
.tagline-mark{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border:2px solid var(--red);color:var(--red);font-size:30px;font-weight:900;border-radius:50%;flex:0 0 auto}
.why-ryno-tagline>div{border-left:1px solid #555;padding-left:20px;display:flex;flex-direction:column;gap:2px}
.why-ryno-tagline strong{font-size:24px;line-height:1.05;color:#fff}
.why-ryno-tagline span:not(.tagline-mark){font-size:17px;font-weight:900;color:var(--red)}
@media(max-width:1100px){.why-graphic-grid{grid-template-columns:repeat(3,1fr)}.why-graphic-card:nth-child(4),.why-graphic-card:nth-child(5){grid-column:auto}.why-graphic{height:180px}}
@media(max-width:760px){.why-graphic-grid{grid-template-columns:1fr 1fr}.why-graphic-card:last-child{grid-column:1/-1}.why-graphic{height:170px}.why-ryno-tagline{justify-content:flex-start}.why-ryno-tagline strong{font-size:20px}.why-ryno-tagline span:not(.tagline-mark){font-size:14px}}
@media(max-width:520px){.why-graphic-grid{grid-template-columns:1fr}.why-graphic-card:last-child{grid-column:auto}.why-graphic{height:180px}.why-ryno-tagline{padding:14px 16px;gap:12px}.tagline-mark{width:48px;height:48px;font-size:24px}.why-ryno-tagline>div{padding-left:12px}.why-ryno-tagline strong{font-size:17px}.why-ryno-tagline span:not(.tagline-mark){font-size:12px}}
/* v5.10 equipment illustration treatment */
.actual-equipment-card img{background:#0a0a0a;object-fit:contain;padding:10px}
\n\n/* v5.11 exact Why Ryno target treatment */
.why-ryno-section{background:#101010;padding-top:62px;padding-bottom:54px}
.why-ryno-section .shell{max-width:1540px}
.why-ryno-head{max-width:1180px;margin-bottom:26px}
.why-ryno-head .eyebrow{font-size:15px;font-weight:900;letter-spacing:.02em;margin-bottom:8px}
.why-ryno-head h2{font-size:clamp(42px,4.4vw,66px);line-height:.98;letter-spacing:-.03em;margin:0 0 18px;text-transform:uppercase}
.why-ryno-head h2:after{content:"";display:block;width:105px;height:4px;background:var(--red);margin-top:13px}
.why-ryno-head p:last-child{font-size:17px;line-height:1.6;max-width:1120px;color:#b9b9b9}
.why-graphic-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}
.why-graphic-card{padding:0 14px 18px;background:#0b0b0b;border-color:#444;min-height:365px}
.why-graphic{height:178px;margin:0 -14px 12px;padding:0;background:#0b0b0b;border-bottom:0;overflow:hidden}
.why-graphic img{width:100%;height:100%;object-fit:cover;display:block}
.why-graphic-card b{font-size:28px;margin:0 0 9px}
.why-graphic-card b:after{width:40px;height:3px;margin-top:8px}
.why-graphic-card h3{font-size:15px;line-height:1.08;margin:0 0 9px;font-weight:900}
.why-graphic-card p{font-size:12px;line-height:1.55;color:#b7b7b7}
.why-ryno-tagline{max-width:485px;margin:15px auto 0;padding:9px 16px;gap:14px;border-color:#555}
.tagline-mark{width:48px;height:48px;font-size:24px}
.why-ryno-tagline>div{padding-left:14px}
.why-ryno-tagline strong{font-size:18px}
.why-ryno-tagline span:not(.tagline-mark){font-size:13px}
@media(max-width:1200px){.why-graphic-grid{grid-template-columns:repeat(3,1fr)}.why-graphic-card{min-height:350px}.why-graphic{height:190px}}
@media(max-width:760px){.why-ryno-section{padding-top:42px}.why-graphic-grid{grid-template-columns:1fr 1fr}.why-graphic-card{min-height:0}.why-graphic{height:180px}.why-ryno-head p:last-child{font-size:15px}.why-ryno-head h2{font-size:42px}}
@media(max-width:520px){.why-graphic-grid{grid-template-columns:1fr}.why-graphic{height:210px}.why-ryno-tagline{max-width:none}.why-ryno-head h2{font-size:36px}}

/* V5.12 — WHAT WE DO: 8 graphic service cards matching the Why Ryno visual language */
.what-we-do-section{background:#080808;padding-top:58px;padding-bottom:64px}
.what-we-do-section .shell{max-width:1540px}
.what-we-do-head{max-width:1050px;margin-bottom:28px}
.what-we-do-head h2{font-size:clamp(42px,4.4vw,66px);line-height:.98;letter-spacing:-.03em;text-transform:uppercase;margin:0 0 16px}
.what-we-do-head h2:after{content:"";display:block;width:105px;height:4px;background:var(--red);margin-top:13px}
.what-we-do-head>p:last-child{font-size:17px;line-height:1.6;color:#b9b9b9;max-width:1020px}
.what-we-do-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.what-we-do-card{display:flex;flex-direction:column;min-height:430px;border:1px solid #383838;background:linear-gradient(180deg,#111 0%,#090909 100%);padding:0 20px 20px;color:#fff;text-decoration:none;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.what-we-do-card:hover{transform:translateY(-3px);border-color:#666;background:linear-gradient(180deg,#151515 0%,#090909 100%)}
.what-we-do-art{height:210px;margin:0 -20px 15px;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,rgba(237,28,36,.12),transparent 50%),#0b0b0b;border-bottom:1px solid #292929}
.what-we-do-art svg{width:82%;height:78%;fill:none;stroke:#a4a4a4;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 12px rgba(0,0,0,.55))}
.what-we-do-art svg .accent{stroke:var(--red);stroke-width:4}
.what-we-do-card b{color:var(--red);font-size:31px;line-height:1;margin:0 0 10px;font-weight:900}
.what-we-do-card b:after{content:"";display:block;width:42px;height:3px;background:var(--red);margin-top:9px}
.what-we-do-card h3{font-family:Arial,Helvetica,sans-serif;font-size:19px;font-weight:900;line-height:1.08;text-transform:uppercase;margin:0 0 10px;letter-spacing:.01em}
.what-we-do-card p{font-size:13px;line-height:1.5;color:#b8b8b8;margin:0 0 16px}
.what-we-do-card span{margin-top:auto;color:#fff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:1100px){.what-we-do-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.what-we-do-card{min-height:400px}.what-we-do-art{height:190px}}
@media(max-width:760px){.what-we-do-section{padding-top:42px;padding-bottom:46px}.what-we-do-head h2{font-size:42px}.what-we-do-head>p:last-child{font-size:15px}.what-we-do-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.what-we-do-card{min-height:360px;padding:0 14px 16px}.what-we-do-art{height:150px;margin:0 -14px 13px}.what-we-do-card b{font-size:25px}.what-we-do-card h3{font-size:15px}.what-we-do-card p{font-size:12px}}
@media(max-width:520px){.what-we-do-grid{grid-template-columns:1fr}.what-we-do-card{min-height:0}.what-we-do-art{height:190px}.what-we-do-head h2{font-size:36px}}

/* V5.13 — WHY RYNO exact reference layout */
.why-ryno-section{background:#0d0d0d;padding:34px 0 42px}
.why-ryno-section .shell{max-width:1180px;padding-left:22px;padding-right:22px}
.why-ryno-head{max-width:760px;margin:0 0 18px}
.why-ryno-head .eyebrow{font-size:13px;line-height:1.2;font-weight:900;letter-spacing:.02em;margin:0 0 7px;color:var(--red);text-transform:uppercase}
.why-ryno-head h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(44px,5.2vw,62px);font-weight:900;line-height:.94;letter-spacing:-.04em;margin:0 0 13px;text-transform:uppercase;color:#fff}
.why-ryno-head h2:after{content:"";display:block;width:104px;height:4px;background:var(--red);margin-top:12px}
.why-ryno-head p:last-child{max-width:720px;margin:0;color:#bcbcbc;font-size:15px;line-height:1.45}
.why-graphic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}
.why-graphic-card{min-width:0;min-height:362px;padding:0 14px 16px;background:#0a0a0a;border:1px solid #363636;overflow:hidden}
.why-graphic{height:176px;margin:0 -14px 10px;padding:0;background:#080808;border:0;overflow:hidden}
.why-graphic img{width:100%;height:100%;object-fit:cover;display:block}
.why-graphic-card b{display:block;color:var(--red);font-family:Arial,Helvetica,sans-serif;font-size:28px;line-height:1;font-weight:900;margin:0 0 9px}
.why-graphic-card b:after{content:"";display:block;width:37px;height:3px;background:var(--red);margin-top:8px}
.why-graphic-card h3{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.08;font-weight:900;text-transform:uppercase;letter-spacing:0;margin:0 0 9px;color:#fff}
.why-graphic-card p{font-size:12px;line-height:1.52;color:#b5b5b5;margin:0}
.why-ryno-tagline{max-width:485px;margin:14px auto 0;border:1px solid #444;background:#090909;display:flex;align-items:center;justify-content:center;gap:13px;padding:8px 14px;text-transform:uppercase}
.tagline-mark{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--red);color:var(--red);font-size:23px;font-weight:900;border-radius:0;flex:0 0 auto}
.why-ryno-tagline>div{border-left:1px solid #555;padding-left:13px;display:flex;flex-direction:column;gap:1px}
.why-ryno-tagline strong{font-size:18px;line-height:1.05;color:#fff}
.why-ryno-tagline span:not(.tagline-mark){font-size:13px;line-height:1.1;font-weight:900;color:var(--red)}
/* keep the 5-card desktop/tablet composition seen in the reference */
@media (max-width:860px){
  .why-graphic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .why-graphic-card{min-height:0}
  .why-graphic-card:last-child{grid-column:1/-1}
  .why-graphic{height:190px}
}
@media (max-width:560px){
  .why-ryno-section{padding:28px 0 34px}
  .why-ryno-section .shell{padding-left:16px;padding-right:16px}
  .why-ryno-head h2{font-size:39px}
  .why-ryno-head p:last-child{font-size:14px}
  .why-graphic-grid{grid-template-columns:1fr;gap:12px}
  .why-graphic-card:last-child{grid-column:auto}
  .why-graphic{height:215px}
  .why-ryno-tagline{max-width:none;justify-content:flex-start}
  .why-ryno-tagline strong{font-size:16px}
  .why-ryno-tagline span:not(.tagline-mark){font-size:11px}
}

/* V5.14 — equipment illustrations */
.actual-equipment-card{background:linear-gradient(180deg,#090909,#060606)}
.actual-equipment-card img{border-bottom:1px solid #252525}
@media(max-width:620px){.actual-equipment-card img{height:285px;padding:8px}}


/* V5.15 — equipment cards match approved reference */
.actual-equipment-feature{grid-template-columns:minmax(360px,.92fr) minmax(650px,1.08fr);gap:34px;align-items:start}
.actual-equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.actual-equipment-card{display:flex;flex-direction:column;min-height:610px;border:1px solid #313131;background:linear-gradient(180deg,#080808 0%,#050505 100%)}
.actual-equipment-card img{width:100%;height:390px;object-fit:cover;object-position:center;background:#070707;padding:0;border-bottom:1px solid #252525;display:block}
.actual-equipment-card figcaption{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.actual-equipment-card h3{font-size:20px;line-height:1.08;margin:0 0 12px;text-transform:uppercase;color:#fff;letter-spacing:-.01em}
.actual-equipment-card h3:before{content:"";display:block;width:34px;height:3px;background:var(--red);margin:0 0 16px}
.actual-equipment-card p{font-size:13px;line-height:1.5;color:#aaa;margin:0}
.equipment-copy h2{max-width:560px}
@media(max-width:1100px){.actual-equipment-feature{grid-template-columns:1fr}.actual-equipment-card{min-height:560px}.actual-equipment-card img{height:350px}}
@media(max-width:760px){.actual-equipment-grid{grid-template-columns:1fr}.actual-equipment-card{min-height:0}.actual-equipment-card img{height:auto;aspect-ratio:4/5}.actual-equipment-card h3{font-size:19px}}
/* v5.16 illustrated What We Do cards */
.what-we-do-section{background:#050505}
.what-we-do-head{max-width:760px;margin-bottom:28px}
.what-we-do-head h2{font-size:clamp(2.2rem,4vw,4.2rem);line-height:.95;margin:.25rem 0 1rem}
.what-we-do-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.what-we-do-card{display:flex;flex-direction:column;min-height:510px;background:linear-gradient(180deg,#0b0b0b,#070707);border:1px solid #303030;padding:0 22px 22px;overflow:hidden;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.what-we-do-card:hover{transform:translateY(-4px);border-color:#ed1c24;box-shadow:0 16px 36px rgba(0,0,0,.38)}
.what-we-do-art{height:235px;margin:0 -22px 16px;overflow:hidden;background:#080808;border-bottom:1px solid #202020}
.what-we-do-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.what-we-do-card>b{font-size:2rem;line-height:1;color:#ed1c24;margin:0 0 7px;font-weight:900}
.what-we-do-card>b:after{content:"";display:block;width:38px;height:3px;background:#ed1c24;margin-top:9px}
.what-we-do-card h3{font-size:1.35rem;line-height:1.05;margin:0 0 12px;color:#fff}
.what-we-do-card p{font-size:.98rem;line-height:1.55;color:#c9c9c9;margin:0 0 18px}
.what-we-do-card span{margin-top:auto;color:#fff;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.what-we-do-card:hover span{color:#ed1c24}
@media(max-width:1100px){.what-we-do-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.what-we-do-card{min-height:490px}.what-we-do-art{height:245px}}
@media(max-width:620px){.what-we-do-grid{grid-template-columns:1fr;gap:16px}.what-we-do-card{min-height:0;padding:0 18px 20px}.what-we-do-art{height:220px;margin:0 -18px 16px}.what-we-do-card h3{font-size:1.25rem}}

/* v5.20 — clean, consistent navigation + subpage flow */
.site-header{box-shadow:0 6px 20px rgba(0,0,0,.22)}
.primary-nav{width:100%;justify-content:center}
.nav-list{flex:1;justify-content:center;min-width:0}
.nav-list li{white-space:nowrap}
.more-services{flex:0 0 auto}

/* Keep all designed interior pages on one visual rhythm, even after demo imports. */
body:not(.home) main#content{background:#080808;overflow:hidden}
body:not(.home) .page-hero,
body:not(.home) .simple-hero{border-bottom:1px solid #222}
body:not(.home) .page-hero .shell,
body:not(.home) .simple-hero .shell,
body:not(.home) .section .shell{max-width:1320px}
body:not(.home) .section{padding-top:64px;padding-bottom:64px}
body:not(.home) .section + .section{border-top:1px solid #1c1c1c}
body:not(.home) h1,body:not(.home) h2,body:not(.home) h3{overflow-wrap:normal;word-break:normal}
body:not(.home) img{height:auto}

@media(max-width:1180px){
  .nav-list{gap:18px}
  .nav-list a{font-size:9px}
  .primary-nav{gap:10px}
}
@media(max-width:980px) and (min-width:761px){
  .nav-list{gap:12px}
  .nav-list a{font-size:8.5px;letter-spacing:.035em}
  .more-services summary{font-size:9px}
}
@media(max-width:760px){
  .primary-nav{width:100%}
  .nav-list{display:flex;flex-direction:column;justify-content:flex-start}
  .nav-list li{white-space:normal}
  body:not(.home) .section{padding-top:44px;padding-bottom:44px}
}

/* v6.0 CLEAN REBUILD: keep imported demo/theme CSS from changing the Ryno shell */
body.ryno-v600-clean{background:#050505!important;color:#fff!important;margin:0!important;overflow-x:hidden}
body.ryno-v600-clean #page,body.ryno-v600-clean .site,body.ryno-v600-clean .site-content{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important}
body.ryno-v600-clean main#content{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.ryno-v600-clean .site-header{font-family:Arial,Helvetica,sans-serif!important}
body.ryno-v600-clean .site-header ul,body.ryno-v600-clean .site-header li{list-style:none!important;margin-top:0!important;margin-bottom:0!important}
body.ryno-v600-clean .site-header a{text-decoration:none!important;box-shadow:none!important}
body.ryno-v600-clean .section,body.ryno-v600-clean .page-hero,body.ryno-v600-clean .simple-hero,body.ryno-v600-clean .quote-page{clear:both!important;float:none!important;width:100%!important}
body.ryno-v600-clean .shell{float:none!important;position:relative}

/* v6.3 — more visual floor-coating process */
.coating-process-line{display:flex;align-items:center;gap:10px;margin:4px 0 18px;color:#777;font-size:9px;font-weight:900;letter-spacing:.12em}.coating-process-line i{height:1px;background:#3a3a3a;flex:1}.process-visual{gap:12px}.process-visual>.process-card{position:relative;min-height:330px;padding:0 18px 20px;overflow:hidden;background:linear-gradient(180deg,#121212 0%,#090909 100%);border:1px solid #343434;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.process-visual>.process-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--red);transform:scaleX(.18);transform-origin:left;transition:transform .2s ease}.process-visual>.process-card:hover{transform:translateY(-5px);border-color:#5a5a5a;box-shadow:0 18px 34px rgba(0,0,0,.35)}.process-visual>.process-card:hover:before{transform:scaleX(1)}.process-art{height:128px;margin:0 -18px 16px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(237,28,36,.10),transparent 58%),#0b0b0b;border-bottom:1px solid #292929}.process-art svg{width:104px;height:76px;fill:none;stroke:#b8b8b8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.process-art svg .accent{stroke:var(--red)}.process-art svg .accent-fill{fill:var(--red);stroke:none}.process-visual>.process-card>span{display:block!important;width:auto!important;height:auto!important;border-radius:0!important;background:none!important;color:var(--red);font-size:27px!important;line-height:1!important;margin:0 0 10px;font-weight:900}.process-visual>.process-card>span:after{content:"";display:block;width:32px;height:3px;background:var(--red);margin-top:8px}.process-visual h3{font-size:14px!important;line-height:1.12!important;margin:0 0 10px!important;color:#fff}.process-visual p{font-size:11px!important;line-height:1.55!important;color:#aaa!important}.flake-section{position:relative}.flake-section:before{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent);opacity:.55}
@media(max-width:980px){.coating-process-line{display:none}.process-visual{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:760px){.process-visual{grid-template-columns:1fr!important;gap:14px}.process-visual>.process-card{min-height:0;display:grid;grid-template-columns:120px 1fr;column-gap:16px;padding:0 16px 18px}.process-art{grid-row:1/5;width:120px;height:150px;margin:0 0 -18px -16px;border-right:1px solid #292929;border-bottom:0}.process-art svg{width:88px}.process-visual>.process-card>span{margin-top:18px}.process-visual h3{font-size:15px!important}.process-visual p{font-size:12px!important}}
@media(max-width:430px){.process-visual>.process-card{grid-template-columns:100px 1fr}.process-art{width:100px}.process-art svg{width:76px}}


/* v6.4 Jobber request form integration */
.jobber-form-panel .jobber-form-intro{max-width:780px;color:#b8b8b8;font-size:1.05rem;line-height:1.7;margin:0 0 26px}
.jobber-embed-shell{background:#fff;border:1px solid #2b2b2b;border-top:4px solid #ed1c24;border-radius:4px;padding:8px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.32)}
.jobber-embed-shell iframe{display:block;width:100%!important;max-width:100%;border:0}
.jobber-quote-page .quote-contact{align-self:start;position:sticky;top:120px}
@media(max-width:900px){.jobber-quote-page .quote-contact{position:static}.jobber-embed-shell{padding:4px}.jobber-form-panel .jobber-form-intro{font-size:1rem}}

/* v6.5 — cleaner Jobber estimate page */
.jobber-quote-clean{padding:54px 0 66px;background:#070707}
.jobber-quote-clean .shell{max-width:1180px}
.quote-intro-clean{max-width:880px;margin:0 auto 28px;text-align:center}
.quote-intro-clean .red-rule{margin:0 auto 16px}
.quote-intro-clean .eyebrow{color:#ed1c24;margin-bottom:9px}
.quote-intro-clean h1{font-size:clamp(42px,5vw,68px);margin-bottom:15px}
.quote-intro-clean>p:last-child{max-width:760px;margin:0 auto;color:#b7b7b7;font-size:16px;line-height:1.65}
.jobber-embed-clean{max-width:920px;margin:0 auto;background:#fff;border:0;border-top:5px solid #ed1c24;border-radius:10px;padding:0;box-shadow:0 24px 70px rgba(0,0,0,.5)}
.jobber-embed-clean iframe{display:block;width:100%!important;max-width:100%;border:0;border-radius:0 0 10px 10px}
.quote-contact-bar{max-width:920px;margin:24px auto 0;border:1px solid #292929;background:linear-gradient(135deg,#151515,#0d0d0d);padding:24px 26px;display:grid;grid-template-columns:minmax(0,1.25fr) auto auto;gap:24px;align-items:center}
.quote-contact-bar .eyebrow{color:#ed1c24;margin:0 0 5px}
.quote-contact-bar h2{font-family:Arial,Helvetica,sans-serif;font-size:28px;line-height:1.05;text-transform:uppercase;margin:0 0 6px;font-weight:900}
.quote-contact-bar-copy>p:last-child{margin:0;color:#aaa;font-size:13px;line-height:1.5;max-width:430px}
.quote-contact-bar-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}
.quote-contact-bar-actions .btn{white-space:nowrap}
.quote-contact-meta{min-width:150px;border-left:1px solid #303030;padding-left:22px;display:flex;flex-direction:column;gap:4px}
.quote-contact-meta strong{font-size:14px}
.quote-contact-meta span{font-size:12px;color:#999}
.quote-trust-row{max-width:920px;margin:16px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;color:#aaa;font-size:12px;text-align:center;text-transform:uppercase;letter-spacing:.03em;font-weight:800}
.quote-trust-row span{border:1px solid #202020;background:#0c0c0c;padding:11px 8px}
@media(max-width:900px){
  .jobber-quote-clean{padding:40px 0 52px}
  .quote-contact-bar{grid-template-columns:1fr;text-align:center;padding:22px}
  .quote-contact-bar-copy>p:last-child{margin-left:auto;margin-right:auto}
  .quote-contact-meta{border-left:0;border-top:1px solid #303030;padding:16px 0 0;min-width:0}
  .quote-trust-row{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .quote-intro-clean{text-align:left;margin-bottom:20px}
  .quote-intro-clean .red-rule{margin-left:0}
  .quote-intro-clean h1{font-size:42px}
  .jobber-embed-clean{border-radius:6px}
  .quote-contact-bar-actions{display:grid;grid-template-columns:1fr;width:100%}
  .quote-contact-bar-actions .btn{width:100%;text-align:center}
  .quote-trust-row{grid-template-columns:1fr 1fr;font-size:10px}
}

/* v6.6 Jobber-first contact flow */
.header-right{justify-content:flex-end}.jobber-only-note{margin:22px auto 0;max-width:980px;border:1px solid #2b2b2b;background:#0d0d0d;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px}.jobber-only-note strong{font-size:18px;text-transform:uppercase;letter-spacing:.03em}.jobber-only-note span{color:#aaa;font-size:13px;text-align:right;max-width:620px}.site-footer .footer-grid>div:last-child span:last-child{color:#888;font-size:12px;line-height:1.45}@media(max-width:760px){.jobber-only-note{align-items:flex-start;flex-direction:column}.jobber-only-note span{text-align:left}.desktop-cta{display:none}}


/* v6.8 — Jobber Client Hub */
.customer-login.btn-outline{
  border:1px solid rgba(255,255,255,.42);
  background:transparent;
  color:#fff;
  white-space:nowrap;
}
.customer-login.btn-outline:hover{
  border-color:#e51b23;
  background:rgba(229,27,35,.12);
  color:#fff;
}
.header-right{gap:12px}
.mobile-actions{display:none}
@media (max-width: 1100px){
  .desktop-login{display:none}
  .mobile-actions{display:flex;gap:10px;flex-wrap:wrap;width:100%;padding:10px 0 16px}
  .mobile-actions .btn{flex:1 1 190px;text-align:center}
  .mobile-actions .mobile-estimate{display:inline-flex}
  .mobile-login{display:inline-flex;justify-content:center}
}

/* v6.9 — branded Customer Portal handoff */
.customer-portal-hero{background:radial-gradient(circle at 78% 30%,rgba(214,22,30,.16),transparent 34%),#080808;border-bottom:1px solid #252525;padding:88px 0 76px}
.customer-portal-shell{max-width:980px;text-align:center}
.portal-kicker{display:inline-block;color:#e31b23;font-weight:900;letter-spacing:.18em;font-size:.78rem;margin-bottom:18px}
.customer-portal-hero h1{font-size:clamp(3rem,7vw,6.6rem);line-height:.88;letter-spacing:-.045em;margin:0;color:#fff}
.customer-portal-hero h1 span{color:#e31b23}
.portal-lead{max-width:760px;margin:28px auto 0;color:#c9c9c9;font-size:1.13rem;line-height:1.75}
.portal-actions{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:34px}
.portal-login-btn{min-width:250px;justify-content:center}
.portal-help-link{color:#ddd;text-decoration:none;font-weight:700}
.portal-help-link:hover{color:#fff}
.portal-features{background:#101010;padding:72px 0 86px}
.portal-section-head{text-align:center;max-width:760px;margin:0 auto 36px}
.portal-section-head>span{color:#e31b23;font-size:.78rem;letter-spacing:.2em;font-weight:900}
.portal-section-head h2{color:#fff;font-size:clamp(2rem,4vw,3.6rem);margin:8px 0 12px}
.portal-section-head p{color:#aaa;line-height:1.65;margin:0}
.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.portal-grid article{background:#151515;border:1px solid #292929;border-top:3px solid #e31b23;padding:28px;min-height:210px}
.portal-grid h3{color:#fff;margin:13px 0 9px;font-size:1.15rem}
.portal-grid p{color:#aaa;line-height:1.6;margin:0}
.portal-icon{width:42px;height:42px;border:1px solid #e31b23;color:#e31b23;display:grid;place-items:center;font-weight:900;font-size:1.1rem}
.portal-bottom-cta{margin-top:28px;border:1px solid #333;background:#0a0a0a;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.portal-bottom-cta div{display:flex;flex-direction:column;gap:5px}
.portal-bottom-cta strong{color:#fff;font-size:1.12rem}
.portal-bottom-cta span{color:#999}
@media(max-width:800px){
 .customer-portal-hero{padding:64px 0 54px}
 .portal-grid{grid-template-columns:1fr}
 .portal-grid article{min-height:0}
 .portal-bottom-cta{flex-direction:column;align-items:flex-start}
 .portal-bottom-cta .btn{width:100%;justify-content:center}
}

/* v7.0 customer portal template routing fix */

/* v7.3 — Site Work & Gravel visual upgrade */
.sitework-premium-hero{background:#070707;border-bottom:1px solid #242424;overflow:hidden}
.sitework-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:650px;align-items:stretch}
.sitework-hero-copy{padding:82px 56px 74px 0;display:flex;flex-direction:column;justify-content:center}
.sitework-hero-copy h1{font-size:clamp(3.2rem,5.8vw,6.3rem);line-height:.87;letter-spacing:-.045em;margin:14px 0 24px;color:#fff;font-style:italic}
.sitework-hero-copy h1 em{font-style:italic;color:#e31b23}
.sitework-lead{max-width:690px;color:#c4c4c4;font-size:1.12rem;line-height:1.72;margin:0}
.sitework-hero-actions{display:flex;gap:20px;align-items:center;margin-top:32px;flex-wrap:wrap}
.sitework-hero-actions .text-link{color:#fff;text-decoration:none;font-weight:800;font-size:.88rem;letter-spacing:.03em}
.sitework-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:34px}
.sitework-chips span{border:1px solid #343434;background:#111;color:#aaa;padding:8px 11px;font-size:.69rem;font-weight:900;letter-spacing:.12em}
.sitework-hero-visual{position:relative;min-height:650px;background:linear-gradient(145deg,#171717 0%,#0b0b0b 58%,#171717 100%);border-left:1px solid #292929;overflow:hidden}
.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 95%)}
.equipment-mark{position:absolute;left:8%;right:4%;top:18%;height:55%;display:grid;place-items:center}
.equipment-mark svg{width:95%;height:95%;filter:drop-shadow(0 25px 34px rgba(0,0,0,.45))}
.sitework-icon svg,.equipment-mark svg{overflow:visible}
.sitework-icon svg .sw-fill,.equipment-mark svg .sw-fill{fill:#252525;stroke:#e7e7e7;stroke-width:2}
.sitework-icon svg .sw-line,.equipment-mark svg .sw-line{fill:none;stroke:#d7d7d7;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.sitework-icon svg .sw-accent,.equipment-mark svg .sw-accent{fill:#e31b23;stroke:#e31b23}
.sitework-icon svg circle:not(.sw-accent),.equipment-mark svg circle:not(.sw-accent){fill:#080808;stroke:#e7e7e7;stroke-width:3}
.visual-caption{position:absolute;left:34px;bottom:34px;right:34px;border-left:4px solid #e31b23;padding:4px 0 4px 17px;display:flex;flex-direction:column}
.visual-caption small{color:#e31b23;letter-spacing:.18em;font-weight:900}
.visual-caption strong{color:#fff;font-size:1.55rem;margin-top:3px}
.visual-caption span{color:#888;font-size:.87rem;margin-top:5px}
.sitework-services-section{background:#0a0a0a;padding-top:82px}
.sitework-head{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:34px}
.sitework-head h2{font-size:clamp(2.5rem,4.6vw,4.8rem);line-height:.94;margin:6px 0 0}
.sitework-head>p{color:#aaa;line-height:1.75;margin:0 0 7px}
.sitework-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sitework-card{position:relative;background:linear-gradient(145deg,#141414,#0f0f0f);border:1px solid #292929;padding:24px 25px 28px;min-height:265px;overflow:hidden;transition:transform .22s ease,border-color .22s ease}
.sitework-card:hover{transform:translateY(-4px);border-color:#4a4a4a}
.sitework-card-top{display:flex;justify-content:space-between;align-items:flex-start}
.sitework-num{font-size:.76rem;color:#e31b23;font-weight:900;letter-spacing:.14em}
.sitework-icon{width:108px;height:77px;opacity:.96}
.sitework-icon svg{width:100%;height:100%}
.sitework-card h3{font-size:1.35rem;color:#fff;margin:18px 0 9px}
.sitework-card p{color:#aaa;line-height:1.62;margin:0}
.card-line{position:absolute;left:0;bottom:0;width:0;height:3px;background:#e31b23;transition:width .25s ease}
.sitework-card:hover .card-line{width:100%}
.sitework-process{background:#121212;border-top:1px solid #242424;padding:84px 0}
.process-kicker{color:#e31b23;font-size:.77rem;letter-spacing:.18em;font-weight:900;margin-bottom:16px}
.sitework-process-grid{display:grid;grid-template-columns:1.1fr .72fr;gap:60px;align-items:start}
.process-copy h2{font-size:clamp(2.4rem,4.2vw,4.25rem);line-height:.96;color:#fff;margin:0 0 21px}
.process-copy>p{color:#aaa;line-height:1.75;max-width:760px}
.sitework-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;margin-top:28px}
.sitework-checks span{color:#ddd;background:#0c0c0c;border:1px solid #2a2a2a;padding:13px 14px;font-weight:700;font-size:.88rem}
.sitework-checks span:before{content:"✓";color:#e31b23;margin-right:9px}
.sitework-quote-panel{background:#090909;border:1px solid #333;border-top:4px solid #e31b23;padding:32px}
.quote-tag{color:#e31b23;font-size:.7rem;letter-spacing:.16em;font-weight:900}
.sitework-quote-panel h3{color:#fff;font-size:2rem;line-height:1;margin:10px 0 14px}
.sitework-quote-panel p{color:#aaa;line-height:1.65}
.sitework-quote-panel .btn{margin-top:12px;width:100%;justify-content:center}
.quote-note{border-top:1px solid #292929;color:#777;font-size:.78rem;line-height:1.55;margin-top:22px;padding-top:18px}
.sitework-final-cta h2{line-height:.95}
@media(max-width:950px){
 .sitework-hero-grid,.sitework-head,.sitework-process-grid{grid-template-columns:1fr}
 .sitework-hero-copy{padding:66px 0 50px}
 .sitework-hero-visual{min-height:430px;border-left:0;border-top:1px solid #292929}
 .sitework-card-grid{grid-template-columns:repeat(2,1fr)}
 .sitework-head{gap:16px}
}
@media(max-width:620px){
 .sitework-card-grid,.sitework-checks{grid-template-columns:1fr}
 .sitework-card{min-height:0}
 .sitework-hero-visual{min-height:350px}
 .equipment-mark{top:11%;height:57%}
 .visual-caption{left:20px;right:20px;bottom:20px}
 .sitework-hero-copy h1{font-size:3.45rem}
}

/* v7.4 — visual service graphics across interior pages */
.mini-service-art{width:112px;height:78px;margin:12px 0 14px;opacity:.96}
.mini-service-art svg{width:100%;height:100%;overflow:visible}
.mini-service-art svg path,.mini-service-art svg circle:not(.accent-fill){fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.mini-service-art svg .accent{stroke:#e31b23;stroke-width:3}
.mini-service-art svg .accent-fill{fill:#e31b23;stroke:none}
.garage-feature-grid>div,.product-service-grid>div,.feature-card-grid>div,.value-stack>div{position:relative;overflow:hidden}
.garage-feature-grid .mini-service-art,.product-service-grid .mini-service-art,.feature-card-grid .mini-service-art,.value-stack .mini-service-art{color:#777}
.garage-feature-grid>div:hover .mini-service-art,.product-service-grid>div:hover .mini-service-art,.feature-card-grid>div:hover .mini-service-art,.value-stack>div:hover .mini-service-art{color:#ddd}
.garage-feature-grid>div:after,.product-service-grid>div:after,.feature-card-grid>div:after,.value-stack>div:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:#e31b23;transition:width .25s ease}
.garage-feature-grid>div:hover:after,.product-service-grid>div:hover:after,.feature-card-grid>div:hover:after,.value-stack>div:hover:after{width:100%}

.theme-card{position:relative;overflow:hidden}
.theme-card .mini-service-art{color:rgba(255,255,255,.66);margin-top:14px}
.theme-card:hover .mini-service-art{color:#fff}
.theme-card .mini-service-art svg .accent{stroke:#e31b23}

.industry-grid>div{display:flex!important;flex-direction:column;justify-content:flex-end;min-height:210px!important;padding:24px!important;position:relative;overflow:hidden}
.industry-grid .mini-service-art{position:absolute;right:18px;top:18px;width:105px;height:76px;color:#666;margin:0}
.industry-grid strong{position:relative;z-index:2;font-size:1.05rem}
.industry-grid>div:hover .mini-service-art{color:#ddd}

.product-grid article{position:relative;overflow:hidden}
.product-grid article .mini-service-art{color:#555;margin:0 0 14px}
.product-grid article:hover .mini-service-art{color:#111}
.product-grid article:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#e31b23;transform:scaleX(.22);transform-origin:left;transition:transform .25s ease}
.product-grid article:hover:after{transform:scaleX(1)}

.gallery-graphic-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:920px;margin-top:34px}
.gallery-graphic-strip>div{display:flex;align-items:center;gap:10px;border:1px solid #292929;background:#111;padding:9px 15px;color:#777}
.gallery-graphic-strip .mini-service-art{width:60px;height:44px;margin:0}
.gallery-graphic-strip span{color:#bbb;font-size:.68rem;font-weight:900;letter-spacing:.09em}

.quote-visual-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:800px;margin:26px auto 28px}
.quote-visual-strip>div{display:flex;align-items:center;gap:10px;background:#111;border:1px solid #2a2a2a;padding:10px 14px;color:#777}
.quote-visual-strip .mini-service-art{width:58px;height:42px;margin:0}
.quote-visual-strip span{font-size:.7rem;color:#c9c9c9;font-weight:900;letter-spacing:.08em}

@media(max-width:700px){
 .mini-service-art{width:96px;height:66px}
 .gallery-graphic-strip{grid-template-columns:repeat(2,1fr)}
 .quote-visual-strip{grid-template-columns:1fr}
 .industry-grid .mini-service-art{width:88px;height:64px}
}

/* v7.6 high-intent local SEO landing pages */
.local-seo-hero{background:radial-gradient(circle at 80% 35%,rgba(227,27,35,.15),transparent 30%),#080808;border-bottom:1px solid #272727}
.local-seo-grid{display:grid;grid-template-columns:1.12fr .88fr;min-height:570px;align-items:center;gap:65px}
.local-seo-hero h1{font-size:clamp(3rem,5.6vw,5.8rem);line-height:.9;color:#fff;margin:13px 0 22px;letter-spacing:-.045em}
.local-seo-hero h1 em{color:#e31b23;font-style:normal}
.local-seo-hero p:not(.eyebrow){color:#bbb;line-height:1.72;max-width:690px;font-size:1.05rem}
.local-seo-hero .btn{margin-top:17px}
.local-visual{min-height:340px;border:1px solid #303030;background:linear-gradient(145deg,#171717,#0b0b0b);display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:38px;box-shadow:0 30px 70px rgba(0,0,0,.28)}
.local-visual span,.local-visual strong{color:#fff;border:1px solid #3a3a3a;background:#111;padding:15px 13px;font-size:.73rem;letter-spacing:.08em}
.local-visual i{font-style:normal;color:#e31b23;font-weight:900}
.local-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.local-benefit-grid article{background:#111;border:1px solid #292929;border-top:3px solid #e31b23;padding:26px;min-height:220px}
.local-benefit-grid b{color:#e31b23;font-size:.75rem;letter-spacing:.13em}
.local-benefit-grid h3{color:#fff;font-size:1.25rem;margin:19px 0 9px}
.local-benefit-grid p{color:#aaa;line-height:1.6;margin:0}
.local-copy-grid{display:grid;grid-template-columns:1.15fr .65fr;gap:70px;align-items:start}
.local-copy-grid h2{font-size:clamp(2.4rem,4vw,4.2rem);line-height:.95}
.local-copy-grid>div>p:not(.eyebrow){color:#aaa;line-height:1.75}
.local-copy-grid aside{background:#090909;border:1px solid #333;border-top:4px solid #e31b23;padding:30px}
.local-copy-grid aside h3{color:#fff;font-size:1.7rem;margin:0 0 10px}
.local-copy-grid aside p{color:#aaa;line-height:1.6}
.local-copy-grid aside .btn{margin-top:8px}
@media(max-width:900px){
 .local-seo-grid,.local-copy-grid{grid-template-columns:1fr;gap:32px}
 .local-seo-grid{padding:62px 0}
 .local-visual{min-height:240px}
 .local-benefit-grid{grid-template-columns:repeat(2,1fr)}

}
@media(max-width:600px){
 .local-benefit-grid{grid-template-columns:1fr}
 .local-benefit-grid article{min-height:0}
 .local-seo-hero h1{font-size:3.15rem}
}

/* v8.9 mobile call/text number */
.mobile-phone-link{display:none}
@media(max-width:980px){.mobile-phone-link{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;color:#fff;text-decoration:none;line-height:1.05;margin-left:auto}.mobile-phone-link span{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#ed1c24;font-weight:900;margin-bottom:4px}.mobile-phone-link strong{font-size:15px;letter-spacing:.015em;white-space:nowrap}}
@media(max-width:430px){.header-right{gap:12px}.mobile-phone-link strong{font-size:14px}.mobile-phone-link span{font-size:7px}}

/* v9.1 — clean mobile navigation: all services on one level */
.nav-mobile-extra{display:none}
@media(max-width:760px){
  .site-header.open .nav-list .nav-mobile-extra{display:block!important}
  .site-header.open .more-services{display:none!important}
  .site-header.open .nav-list a{padding:14px 8px!important}
}

/* v9.2 flat navigation — no More Services dropdown */
.more-services-title,
.more-services-label,
.nav-more-title,
.more-services-toggle,
.nav-more-toggle,
a[href="#more-services"]{
  display:none!important;
}
.site-nav .more-services,
.site-nav .more-services ul,
.site-nav .sub-menu,
.desktop-nav .more-services,
.desktop-nav .more-services ul{
  position:static!important;
  display:contents!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
}
.nav-direct-extra{
  display:inline-flex;
  align-items:center;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:800;
  white-space:nowrap;
}
@media(min-width:981px){
  .site-nav,.desktop-nav,.main-nav{
    gap:clamp(18px,1.6vw,34px)!important;
  }
  .site-nav a,.desktop-nav a,.main-nav a,.nav-direct-extra{
    font-size:clamp(11px,.72vw,14px)!important;
  }
}
@media(max-width:980px){
  .nav-direct-extra{
    display:block!important;
    width:100%;
    padding:24px 18px!important;
    border-bottom:1px solid #2b2b2b!important;
    font-size:27px!important;
  }
}

/* v9.3 no dropdown */
.nav-mobile-extra{display:list-item!important}
.primary-nav details.more-services{display:none!important}
@media(min-width:981px){.primary-nav .nav-list{gap:clamp(12px,1.15vw,24px)!important}.primary-nav .nav-list a{font-size:clamp(10px,.66vw,13px)!important;white-space:nowrap}}


/* =========================================================
   v9.6 — RYNO DYNAMICS UNIFIED VISUAL SYSTEM
   Keeps graphics, cards, sections and calls-to-action feeling
   like one website across every template.
   ========================================================= */

:root{
  --ryno-red:#e31b23;
  --ryno-black:#070707;
  --ryno-panel:#111;
  --ryno-panel-2:#151515;
  --ryno-line:#2b2b2b;
  --ryno-muted:#aaa;
  --ryno-white:#fff;
}

/* Consistent page rhythm */
.page-hero,
.simple-hero,
.local-seo-hero,
.sitework-premium-hero,
.themed-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 24%,rgba(227,27,35,.14),transparent 28%),
    linear-gradient(145deg,#111 0%,#070707 62%,#0b0b0b 100%)!important;
  border-bottom:1px solid var(--ryno-line)!important;
}
.page-hero:after,
.simple-hero:after,
.local-seo-hero:after,
.themed-hero:after{
  content:"";
  position:absolute;
  right:-120px;
  bottom:-145px;
  width:390px;
  height:260px;
  border:1px solid rgba(227,27,35,.18);
  transform:rotate(-14deg);
  pointer-events:none;
}
.page-hero .shell,
.simple-hero .shell,
.local-seo-hero .shell,
.themed-hero .shell{position:relative;z-index:1}

/* One headline language throughout */
.section-head h2,
.sitework-head h2,
.what-we-do-head h2,
.why-ryno-head h2,
.local-copy-grid h2,
.process-copy h2,
.cta-inner h2{
  letter-spacing:-.035em;
  line-height:.94;
}
.eyebrow,
.process-kicker,
.quote-tag{
  color:var(--ryno-red)!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase;
}
.red-rule{
  background:var(--ryno-red)!important;
  box-shadow:0 0 18px rgba(227,27,35,.18);
}

/* Reusable premium card language */
.service-card,
.build-card,
.what-we-do-card,
.why-graphic-card,
.actual-equipment-card,
.process-card,
.theme-card,
.sitework-card,
.feature-card-grid>div,
.garage-feature-grid>div,
.product-service-grid>div,
.value-stack>div,
.industry-grid>div,
.local-benefit-grid article,
.product-grid article,
.project-card,
.partner-card{
  background:linear-gradient(145deg,var(--ryno-panel-2),#0d0d0d)!important;
  border:1px solid var(--ryno-line)!important;
  position:relative;
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.service-card:before,
.build-card:before,
.what-we-do-card:before,
.why-graphic-card:before,
.actual-equipment-card:before,
.process-card:before,
.theme-card:before,
.feature-card-grid>div:before,
.garage-feature-grid>div:before,
.product-service-grid>div:before,
.value-stack>div:before,
.industry-grid>div:before,
.local-benefit-grid article:before,
.product-grid article:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  height:3px;
  width:48px;
  background:var(--ryno-red);
  z-index:4;
  transition:width .22s ease;
}
.service-card:hover,
.build-card:hover,
.what-we-do-card:hover,
.why-graphic-card:hover,
.actual-equipment-card:hover,
.process-card:hover,
.theme-card:hover,
.sitework-card:hover,
.feature-card-grid>div:hover,
.garage-feature-grid>div:hover,
.product-service-grid>div:hover,
.value-stack>div:hover,
.industry-grid>div:hover,
.local-benefit-grid article:hover,
.product-grid article:hover,
.project-card:hover{
  transform:translateY(-4px)!important;
  border-color:#484848!important;
  box-shadow:0 22px 42px rgba(0,0,0,.22);
}
.service-card:hover:before,
.build-card:hover:before,
.what-we-do-card:hover:before,
.why-graphic-card:hover:before,
.actual-equipment-card:hover:before,
.process-card:hover:before,
.theme-card:hover:before,
.feature-card-grid>div:hover:before,
.garage-feature-grid>div:hover:before,
.product-service-grid>div:hover:before,
.value-stack>div:hover:before,
.industry-grid>div:hover:before,
.local-benefit-grid article:hover:before,
.product-grid article:hover:before{width:100%}

/* All illustration/graphic areas share the same treatment */
.mini-service-art,
.process-art,
.why-graphic,
.what-we-do-art,
.local-visual,
.ryno-process-graphic,
.ryno-commercial-graphic{
  position:relative;
}
.mini-service-art,
.process-art,
.why-graphic,
.what-we-do-art{
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.25));
}
.mini-service-art svg .accent,
.process-art svg .accent,
.why-graphic svg .accent,
.what-we-do-art svg .accent{
  stroke:var(--ryno-red)!important;
}
.mini-service-art svg .accent-fill,
.process-art svg .accent-fill,
.why-graphic svg .accent-fill,
.what-we-do-art svg .accent-fill{
  fill:var(--ryno-red)!important;
}

/* Photo/rendered graphics sit in identical dark frames */
.actual-equipment-card img,
.ryno-process-graphic,
.ryno-commercial-graphic,
.ryno-sitework-skid-render,
.rounded-image{
  border:1px solid #252525;
  background:
    radial-gradient(circle at 50% 55%,rgba(227,27,35,.09),transparent 38%),
    #070707!important;
}
.actual-equipment-card img{
  padding:14px!important;
}

/* Keep copy values consistent */
.service-card p,
.build-card p,
.what-we-do-card p,
.why-graphic-card p,
.actual-equipment-card p,
.process-card p,
.theme-card p,
.sitework-card p,
.feature-card-grid p,
.garage-feature-grid p,
.product-service-grid p,
.value-stack p,
.industry-grid p,
.local-benefit-grid p{
  color:var(--ryno-muted)!important;
  line-height:1.65!important;
}

/* Buttons look the same everywhere */
.btn,
.btn-red,
.btn-light,
.btn-outline{
  min-height:46px;
  border-radius:0!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  text-transform:uppercase;
  transition:transform .18s ease,background .18s ease,border-color .18s ease!important;
}
.btn-red{
  background:var(--ryno-red)!important;
  border-color:var(--ryno-red)!important;
}
.btn:hover,
.btn-red:hover,
.btn-light:hover,
.btn-outline:hover{
  transform:translateY(-2px);
}
.btn-outline{
  border-color:#555!important;
}

/* Section transitions no longer feel like separate microsites */
.section,
.dark-section,
.black-section,
.light-section,
.sitework-services-section,
.sitework-process{
  border-top:1px solid rgba(255,255,255,.035);
}
.dark-section,
.black-section,
.sitework-services-section{
  background:
    linear-gradient(180deg,rgba(255,255,255,.012),transparent 120px),
    #0a0a0a!important;
}

/* CTA blocks share one Ryno finish */
.cta-section{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(115deg,rgba(227,27,35,.15),transparent 42%),
    #090909!important;
  border-top:1px solid #2d2d2d!important;
}
.cta-section:after{
  content:"";
  position:absolute;
  right:-80px;
  top:-80px;
  width:310px;
  height:310px;
  border:38px solid rgba(227,27,35,.06);
  transform:rotate(18deg);
  pointer-events:none;
}
.cta-inner{position:relative;z-index:1}

/* Footer/social finish */
.site-footer{
  border-top:3px solid var(--ryno-red);
}
.ryno-social-link{
  border-color:var(--ryno-red)!important;
}
.ryno-social-link:hover,
.ryno-social-link:focus{
  background:var(--ryno-red)!important;
}

/* Better mobile consistency */
@media(max-width:760px){
  .section,
  .dark-section,
  .black-section,
  .light-section,
  .sitework-services-section,
  .sitework-process{padding-top:58px!important;padding-bottom:58px!important}

  .section-head{margin-bottom:26px!important}

  .service-card,
  .build-card,
  .what-we-do-card,
  .why-graphic-card,
  .actual-equipment-card,
  .process-card,
  .theme-card,
  .sitework-card,
  .feature-card-grid>div,
  .garage-feature-grid>div,
  .product-service-grid>div,
  .value-stack>div,
  .industry-grid>div,
  .local-benefit-grid article{
    min-height:0!important;
  }

  .mini-service-art{width:102px;height:72px}
  .actual-equipment-card img{height:270px!important}
  .ryno-commercial-graphic,
  .ryno-process-graphic{height:205px!important}

  .btn,
  .btn-red,
  .btn-light,
  .btn-outline{
    min-height:48px;
  }
}


/* v9.7 — Concrete Finishes: stronger visual treatment */
.page-template-page-concrete-finishes .concrete-hero{
  min-height:520px;display:flex;align-items:center;
  background:linear-gradient(90deg,rgba(5,5,5,.98),rgba(5,5,5,.88) 50%,rgba(5,5,5,.45)),
  radial-gradient(circle at 80% 45%,rgba(227,27,35,.28),transparent 28%)!important
}
.page-template-page-concrete-finishes .concrete-hero h1{
  max-width:900px;font-size:clamp(54px,6.2vw,104px);line-height:.86;
  text-transform:uppercase;letter-spacing:-.055em
}
.page-template-page-concrete-finishes .concrete-hero p:not(.eyebrow){max-width:680px;font-size:19px;color:#d0d0d0}
.page-template-page-concrete-finishes .light-section{
  background:linear-gradient(135deg,rgba(227,27,35,.035),transparent 35%),#f1f1f1!important
}
.page-template-page-concrete-finishes .product-grid{counter-reset:finish;gap:20px!important}
.page-template-page-concrete-finishes .product-grid article{
  counter-increment:finish;min-height:360px;padding:34px!important;display:flex;flex-direction:column;
  justify-content:flex-end;background:radial-gradient(circle at 18% 20%,rgba(227,27,35,.13),transparent 29%),
  linear-gradient(145deg,#181818,#080808 72%)!important;border:1px solid #292929!important;
  box-shadow:0 16px 34px rgba(0,0,0,.13);position:relative;overflow:hidden
}
.page-template-page-concrete-finishes .product-grid article:after{
  content:"0" counter(finish);position:absolute;right:22px;top:18px;font-size:64px;line-height:1;
  font-weight:950;letter-spacing:-.07em;color:rgba(255,255,255,.06);pointer-events:none
}
.page-template-page-concrete-finishes .product-grid article:before{width:68px!important;height:4px!important}
.page-template-page-concrete-finishes .product-grid article:hover{
  transform:translateY(-7px)!important;border-color:rgba(227,27,35,.7)!important;
  box-shadow:0 24px 48px rgba(0,0,0,.23),0 0 0 1px rgba(227,27,35,.08)
}
.page-template-page-concrete-finishes .product-grid .mini-service-art{
  width:145px!important;height:116px!important;margin:0 0 auto!important;padding:12px;
  display:flex;align-items:center;justify-content:center;border-left:2px solid rgba(227,27,35,.6);
  background:linear-gradient(90deg,rgba(227,27,35,.08),transparent)
}
.page-template-page-concrete-finishes .product-grid .mini-service-art svg{width:100%;height:100%}
.page-template-page-concrete-finishes .product-grid .mini-service-art svg path,
.page-template-page-concrete-finishes .product-grid .mini-service-art svg circle{stroke-width:3!important}
.page-template-page-concrete-finishes .product-grid h3{
  color:#fff!important;font-size:27px!important;line-height:1!important;text-transform:uppercase;
  letter-spacing:-.025em;margin:24px 0 12px!important
}
.page-template-page-concrete-finishes .product-grid p{
  color:#aaa!important;font-size:16px!important;line-height:1.65!important;max-width:390px;margin:0!important
}
.page-template-page-concrete-finishes .black-section{padding-top:92px!important;padding-bottom:92px!important}
.page-template-page-concrete-finishes .black-section .split-grid{gap:64px;align-items:center}
.page-template-page-concrete-finishes .black-section h2{
  font-size:clamp(42px,4.4vw,72px);line-height:.92;text-transform:uppercase
}
.page-template-page-concrete-finishes .black-section .rounded-image{
  min-height:420px;object-fit:cover;box-shadow:22px 22px 0 rgba(227,27,35,.12)
}
.page-template-page-concrete-finishes .black-section .check-list li{
  border-bottom:1px solid #242424;padding-top:12px;padding-bottom:12px
}
@media(max-width:760px){
  .page-template-page-concrete-finishes .concrete-hero{min-height:460px}
  .page-template-page-concrete-finishes .concrete-hero h1{font-size:clamp(46px,15vw,70px)}
  .page-template-page-concrete-finishes .product-grid article{min-height:310px;padding:26px!important}
  .page-template-page-concrete-finishes .product-grid .mini-service-art{width:118px!important;height:94px!important}
  .page-template-page-concrete-finishes .black-section .rounded-image{min-height:280px}
}


/* =========================================================
   v9.8 — GARAGE SYSTEMS FEATURE GRID
   Bold showroom-style cards with larger graphics and hierarchy.
   ========================================================= */
.page-template-page-garage-systems .what-we-do-grid,
.page-template-page-garage-systems .garage-feature-grid{
  gap:18px!important;
  align-items:stretch;
}
.page-template-page-garage-systems .what-we-do-card,
.page-template-page-garage-systems .garage-feature-grid>div{
  min-height:390px!important;
  padding:30px 28px!important;
  background:
    radial-gradient(circle at 50% 25%,rgba(227,27,35,.13),transparent 30%),
    linear-gradient(155deg,#181818 0%,#080808 75%)!important;
  border:1px solid #292929!important;
  box-shadow:0 16px 34px rgba(0,0,0,.14);
}
.page-template-page-garage-systems .what-we-do-card:after,
.page-template-page-garage-systems .garage-feature-grid>div:after{
  content:"";
  position:absolute;
  width:150px;height:150px;
  right:-85px;bottom:-85px;
  border:22px solid rgba(227,27,35,.055);
  transform:rotate(18deg);
  pointer-events:none;
}
.page-template-page-garage-systems .what-we-do-card:hover,
.page-template-page-garage-systems .garage-feature-grid>div:hover{
  transform:translateY(-8px)!important;
  border-color:rgba(227,27,35,.72)!important;
  box-shadow:0 28px 50px rgba(0,0,0,.25);
}
.page-template-page-garage-systems .what-we-do-art,
.page-template-page-garage-systems .mini-service-art{
  width:150px!important;
  height:120px!important;
  margin:18px auto 24px!important;
  padding:12px;
  background:radial-gradient(circle,rgba(227,27,35,.11),transparent 67%);
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.3));
}
.page-template-page-garage-systems .what-we-do-art svg,
.page-template-page-garage-systems .mini-service-art svg{width:100%;height:100%}
.page-template-page-garage-systems .what-we-do-card h3,
.page-template-page-garage-systems .garage-feature-grid h3{
  color:#fff!important;
  font-size:23px!important;
  line-height:1.02!important;
  text-transform:uppercase;
  letter-spacing:-.025em;
  margin:8px 0 12px!important;
}
.page-template-page-garage-systems .what-we-do-card p,
.page-template-page-garage-systems .garage-feature-grid p{
  color:#b7b7b7!important;
  font-size:15px!important;
  line-height:1.6!important;
}
.page-template-page-garage-systems .what-we-do-card .step-number,
.page-template-page-garage-systems .garage-feature-grid .step-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;height:34px;
  border:1px solid rgba(227,27,35,.45);
  background:rgba(227,27,35,.08);
  color:#ff2730!important;
  font-size:16px!important;
  font-weight:950;
}

/* Make the section header feel more like a feature statement */
.page-template-page-garage-systems .section-head{
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}
.page-template-page-garage-systems .section-head h2{
  font-size:clamp(48px,5.1vw,82px)!important;
  line-height:.88!important;
  text-transform:uppercase;
}
.page-template-page-garage-systems .section-head .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.page-template-page-garage-systems .section-head .eyebrow:before,
.page-template-page-garage-systems .section-head .eyebrow:after{
  content:"";width:34px;height:2px;background:#e31b23;
}

/* On wide screens, use an intentional 4 + 3 arrangement rather than 5 + 2. */
@media(min-width:1100px){
  .page-template-page-garage-systems .what-we-do-grid,
  .page-template-page-garage-systems .garage-feature-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(max-width:1099px) and (min-width:700px){
  .page-template-page-garage-systems .what-we-do-grid,
  .page-template-page-garage-systems .garage-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:699px){
  .page-template-page-garage-systems .what-we-do-card,
  .page-template-page-garage-systems .garage-feature-grid>div{
    min-height:330px!important;padding:26px!important
  }
  .page-template-page-garage-systems .what-we-do-art,
  .page-template-page-garage-systems .mini-service-art{
    width:130px!important;height:104px!important
  }
}


/* =========================================================
   v9.9 — SITE WORK & GRAVEL FEATURE UPGRADE
   Heavy-equipment visual language, stronger depth and motion.
   ========================================================= */

.page-template-page-site-work-gravel .sitework-services-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%,rgba(227,27,35,.10),transparent 26%),
    radial-gradient(circle at 88% 72%,rgba(227,27,35,.07),transparent 24%),
    linear-gradient(180deg,#0b0b0b,#070707)!important;
}
.page-template-page-site-work-gravel .sitework-services-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 46px);
  pointer-events:none;
}
.page-template-page-site-work-gravel .sitework-services-section .shell{
  position:relative;
  z-index:1;
}

.page-template-page-site-work-gravel .sitework-head{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:72px;
  align-items:end;
  margin-bottom:46px!important;
}
.page-template-page-site-work-gravel .sitework-head h2{
  font-size:clamp(54px,5.5vw,88px)!important;
  line-height:.86!important;
  text-transform:uppercase;
  max-width:760px;
}
.page-template-page-site-work-gravel .sitework-head p:last-child{
  max-width:610px;
  font-size:18px!important;
  line-height:1.7!important;
  color:#c5c5c5!important;
  padding-left:26px;
  border-left:3px solid #e31b23;
}

.page-template-page-site-work-gravel .sitework-card-grid{
  gap:20px!important;
}
.page-template-page-site-work-gravel .sitework-card{
  min-height:370px!important;
  padding:30px 30px 32px!important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  background:
    radial-gradient(circle at 78% 22%,rgba(227,27,35,.13),transparent 24%),
    linear-gradient(145deg,#191919 0%,#090909 74%)!important;
  border:1px solid #2d2d2d!important;
  box-shadow:0 18px 38px rgba(0,0,0,.18);
}
.page-template-page-site-work-gravel .sitework-card:before{
  content:"";
  position:absolute;
  left:0;top:0;
  width:74px;height:4px;
  background:#e31b23;
  transition:width .22s ease;
}
.page-template-page-site-work-gravel .sitework-card:after{
  content:"";
  position:absolute;
  right:-60px;
  bottom:-65px;
  width:150px;
  height:150px;
  border:22px solid rgba(227,27,35,.055);
  transform:rotate(18deg);
  pointer-events:none;
}
.page-template-page-site-work-gravel .sitework-card:hover{
  transform:translateY(-8px)!important;
  border-color:rgba(227,27,35,.72)!important;
  box-shadow:0 28px 52px rgba(0,0,0,.27);
}
.page-template-page-site-work-gravel .sitework-card:hover:before{width:100%}

.page-template-page-site-work-gravel .sitework-card .step-number{
  position:absolute;
  left:28px;
  top:28px;
  width:44px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(227,27,35,.45);
  background:rgba(227,27,35,.08);
  color:#ff2a32!important;
  font-weight:950;
  font-size:15px!important;
  letter-spacing:.04em;
  z-index:2;
}

.page-template-page-site-work-gravel .sitework-card .mini-service-art,
.page-template-page-site-work-gravel .sitework-card .sitework-art{
  width:172px!important;
  height:130px!important;
  margin:10px 0 18px auto!important;
  padding:12px;
  background:
    radial-gradient(circle at 50% 50%,rgba(227,27,35,.12),transparent 62%);
  filter:drop-shadow(0 13px 18px rgba(0,0,0,.32));
}
.page-template-page-site-work-gravel .sitework-card svg{
  width:100%;
  height:100%;
}
.page-template-page-site-work-gravel .sitework-card svg path,
.page-template-page-site-work-gravel .sitework-card svg circle,
.page-template-page-site-work-gravel .sitework-card svg rect,
.page-template-page-site-work-gravel .sitework-card svg line{
  stroke-width:3!important;
}
.page-template-page-site-work-gravel .sitework-card h3{
  color:#fff!important;
  font-size:29px!important;
  line-height:1!important;
  text-transform:uppercase;
  letter-spacing:-.03em;
  margin:14px 0 8px!important;
  max-width:420px;
}
.page-template-page-site-work-gravel .sitework-card-kicker{
  display:block;
  color:#e31b23;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:14px;
}
.page-template-page-site-work-gravel .sitework-card p{
  color:#b7b7b7!important;
  font-size:16px!important;
  line-height:1.65!important;
  max-width:430px;
}

/* Give the grid an intentional stagger on wide screens */
@media(min-width:1100px){
  .page-template-page-site-work-gravel .sitework-card-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .page-template-page-site-work-gravel .sitework-card:nth-child(2),
  .page-template-page-site-work-gravel .sitework-card:nth-child(5){
    transform:translateY(18px);
  }
  .page-template-page-site-work-gravel .sitework-card:nth-child(2):hover,
  .page-template-page-site-work-gravel .sitework-card:nth-child(5):hover{
    transform:translateY(10px)!important;
  }
}

/* Strengthen the premium skid-steer graphic section too */
.page-template-page-site-work-gravel .ryno-sitework-skid-render{
  border:1px solid #2a2a2a!important;
  box-shadow:0 24px 50px rgba(0,0,0,.3),22px 22px 0 rgba(227,27,35,.08);
}
.page-template-page-site-work-gravel .sitework-process{
  background:
    linear-gradient(115deg,rgba(227,27,35,.07),transparent 40%),
    #0a0a0a!important;
}

/* Mobile */
@media(max-width:900px){
  .page-template-page-site-work-gravel .sitework-head{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  .page-template-page-site-work-gravel .sitework-head p:last-child{
    padding-left:18px;
  }
}
@media(max-width:699px){
  .page-template-page-site-work-gravel .sitework-card{
    min-height:330px!important;
    padding:26px!important;
  }
  .page-template-page-site-work-gravel .sitework-card .mini-service-art,
  .page-template-page-site-work-gravel .sitework-card .sitework-art{
    width:145px!important;
    height:110px!important;
  }
  .page-template-page-site-work-gravel .sitework-card h3{
    font-size:25px!important;
  }
}


/* =========================================================
   v10.0 — NEW CONCRETE SERVICES FEATURE UPGRADE
   Stronger construction feel, bigger graphics and more depth.
   ========================================================= */

.page-template-page-new-concrete .black-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 18%,rgba(227,27,35,.09),transparent 25%),
    radial-gradient(circle at 86% 72%,rgba(255,255,255,.025),transparent 26%),
    linear-gradient(180deg,#0b0b0b,#070707)!important;
}
.page-template-page-new-concrete .black-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(115deg,transparent 0 63%,rgba(227,27,35,.03) 63% 64%,transparent 64%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.013) 0 1px,transparent 1px 42px);
  pointer-events:none;
}
.page-template-page-new-concrete .black-section .shell{
  position:relative;
  z-index:1;
}

/* Section header */
.page-template-page-new-concrete .section-head{
  max-width:1050px;
  margin-bottom:48px!important;
}
.page-template-page-new-concrete .section-head h2{
  font-size:clamp(56px,5.8vw,92px)!important;
  line-height:.86!important;
  text-transform:uppercase;
  letter-spacing:-.05em;
}
.page-template-page-new-concrete .section-head + p,
.page-template-page-new-concrete .section-head p:last-child{
  max-width:920px;
}

/* Four-card service grid */
.page-template-page-new-concrete .feature-card-grid,
.page-template-page-new-concrete .service-grid{
  gap:20px!important;
  align-items:stretch;
}
.page-template-page-new-concrete .feature-card-grid>div,
.page-template-page-new-concrete .service-grid>article{
  min-height:430px!important;
  padding:32px 34px 34px!important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  background:
    radial-gradient(circle at 78% 18%,rgba(227,27,35,.14),transparent 27%),
    linear-gradient(150deg,#1a1a1a 0%,#090909 72%)!important;
  border:1px solid #2d2d2d!important;
  box-shadow:0 18px 38px rgba(0,0,0,.20);
  position:relative;
  overflow:hidden;
}
.page-template-page-new-concrete .feature-card-grid>div:after,
.page-template-page-new-concrete .service-grid>article:after{
  content:"";
  position:absolute;
  right:-72px;
  bottom:-78px;
  width:180px;
  height:180px;
  border:25px solid rgba(227,27,35,.055);
  transform:rotate(20deg);
  pointer-events:none;
}
.page-template-page-new-concrete .feature-card-grid>div:hover,
.page-template-page-new-concrete .service-grid>article:hover{
  transform:translateY(-9px)!important;
  border-color:rgba(227,27,35,.74)!important;
  box-shadow:0 30px 54px rgba(0,0,0,.29);
}
.page-template-page-new-concrete .feature-card-grid>div:before,
.page-template-page-new-concrete .service-grid>article:before{
  width:78px!important;
  height:4px!important;
}

/* Number badge */
.page-template-page-new-concrete .step-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:34px;
  border:1px solid rgba(227,27,35,.46);
  background:rgba(227,27,35,.08);
  color:#ff2a32!important;
  font-size:15px!important;
  font-weight:950;
  letter-spacing:.05em;
}

/* Larger construction graphics */
.page-template-page-new-concrete .mini-service-art,
.page-template-page-new-concrete .service-art,
.page-template-page-new-concrete .what-we-do-art{
  width:178px!important;
  height:138px!important;
  margin:22px 0 24px auto!important;
  padding:12px;
  background:
    radial-gradient(circle at 50% 50%,rgba(227,27,35,.13),transparent 62%);
  filter:drop-shadow(0 14px 20px rgba(0,0,0,.34));
}
.page-template-page-new-concrete .mini-service-art svg,
.page-template-page-new-concrete .service-art svg,
.page-template-page-new-concrete .what-we-do-art svg{
  width:100%;
  height:100%;
}
.page-template-page-new-concrete .mini-service-art svg path,
.page-template-page-new-concrete .mini-service-art svg rect,
.page-template-page-new-concrete .mini-service-art svg circle,
.page-template-page-new-concrete .service-art svg path,
.page-template-page-new-concrete .service-art svg rect,
.page-template-page-new-concrete .service-art svg circle{
  stroke-width:3!important;
}

/* Card text */
.page-template-page-new-concrete .feature-card-grid h3,
.page-template-page-new-concrete .service-grid h3{
  color:#fff!important;
  font-size:30px!important;
  line-height:1!important;
  text-transform:uppercase;
  letter-spacing:-.03em;
  margin:12px 0 8px!important;
}
.page-template-page-new-concrete .concrete-card-kicker{
  display:block;
  margin:0 0 14px;
  color:#e31b23;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.page-template-page-new-concrete .feature-card-grid p,
.page-template-page-new-concrete .service-grid p{
  color:#b9b9b9!important;
  font-size:16px!important;
  line-height:1.68!important;
  max-width:390px;
}

/* Intentional stagger adds construction-page motion */
@media(min-width:1100px){
  .page-template-page-new-concrete .feature-card-grid,
  .page-template-page-new-concrete .service-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .page-template-page-new-concrete .feature-card-grid>div:nth-child(2),
  .page-template-page-new-concrete .feature-card-grid>div:nth-child(4),
  .page-template-page-new-concrete .service-grid>article:nth-child(2),
  .page-template-page-new-concrete .service-grid>article:nth-child(4){
    transform:translateY(18px);
  }
  .page-template-page-new-concrete .feature-card-grid>div:nth-child(2):hover,
  .page-template-page-new-concrete .feature-card-grid>div:nth-child(4):hover,
  .page-template-page-new-concrete .service-grid>article:nth-child(2):hover,
  .page-template-page-new-concrete .service-grid>article:nth-child(4):hover{
    transform:translateY(9px)!important;
  }
}

/* Strengthen any lower concrete/process sections */
.page-template-page-new-concrete .split-grid{
  gap:64px;
  align-items:center;
}
.page-template-page-new-concrete .rounded-image{
  box-shadow:22px 22px 0 rgba(227,27,35,.10);
}
.page-template-page-new-concrete .cta-section{
  background:
    linear-gradient(115deg,rgba(227,27,35,.18),transparent 42%),
    #090909!important;
}

@media(max-width:900px){
  .page-template-page-new-concrete .feature-card-grid,
  .page-template-page-new-concrete .service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:699px){
  .page-template-page-new-concrete .feature-card-grid,
  .page-template-page-new-concrete .service-grid{
    grid-template-columns:1fr!important;
  }
  .page-template-page-new-concrete .feature-card-grid>div,
  .page-template-page-new-concrete .service-grid>article{
    min-height:350px!important;
    padding:26px!important;
  }
  .page-template-page-new-concrete .mini-service-art,
  .page-template-page-new-concrete .service-art,
  .page-template-page-new-concrete .what-we-do-art{
    width:148px!important;
    height:112px!important;
  }
  .page-template-page-new-concrete .feature-card-grid h3,
  .page-template-page-new-concrete .service-grid h3{
    font-size:26px!important;
  }
}


/* =========================================================
   v10.1 — COMMERCIAL / INDUSTRIAL FEATURE UPGRADE
   Bigger industry graphics, stronger hierarchy and depth.
   ========================================================= */

.page-template-page-commercial .black-section,
.page-template-page-commercial .dark-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 18%,rgba(227,27,35,.09),transparent 24%),
    radial-gradient(circle at 90% 75%,rgba(227,27,35,.06),transparent 23%),
    linear-gradient(180deg,#0b0b0b,#070707)!important;
}
.page-template-page-commercial .black-section:before,
.page-template-page-commercial .dark-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 1px,transparent 1px 54px),
    linear-gradient(135deg,transparent 0 74%,rgba(227,27,35,.025) 74% 75%,transparent 75%);
  pointer-events:none;
}
.page-template-page-commercial .black-section .shell,
.page-template-page-commercial .dark-section .shell{
  position:relative;
  z-index:1;
}

/* Stronger intro */
.page-template-page-commercial .section-head{
  max-width:1120px;
  margin-bottom:44px!important;
}
.page-template-page-commercial .section-head h2{
  font-size:clamp(58px,5.8vw,94px)!important;
  line-height:.86!important;
  text-transform:uppercase;
  letter-spacing:-.05em;
}
.page-template-page-commercial .section-head p,
.page-template-page-commercial .section-head + p{
  max-width:1050px;
  color:#c4c4c4!important;
  font-size:18px!important;
  line-height:1.68!important;
}

/* Industry grid */
.page-template-page-commercial .industry-grid{
  gap:20px!important;
  align-items:stretch;
}
.page-template-page-commercial .industry-grid>div,
.page-template-page-commercial .industry-grid>article{
  min-height:390px!important;
  padding:30px 34px 32px!important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  background:
    radial-gradient(circle at 76% 22%,rgba(227,27,35,.14),transparent 27%),
    linear-gradient(150deg,#191919 0%,#090909 74%)!important;
  border:1px solid #2c2c2c!important;
  box-shadow:0 18px 38px rgba(0,0,0,.19);
  position:relative;
  overflow:hidden;
}
.page-template-page-commercial .industry-grid>div:after,
.page-template-page-commercial .industry-grid>article:after{
  content:"";
  position:absolute;
  right:-68px;
  bottom:-72px;
  width:170px;
  height:170px;
  border:24px solid rgba(227,27,35,.055);
  transform:rotate(18deg);
  pointer-events:none;
}
.page-template-page-commercial .industry-grid>div:hover,
.page-template-page-commercial .industry-grid>article:hover{
  transform:translateY(-8px)!important;
  border-color:rgba(227,27,35,.75)!important;
  box-shadow:0 30px 54px rgba(0,0,0,.28);
}
.page-template-page-commercial .industry-grid>div:before,
.page-template-page-commercial .industry-grid>article:before{
  width:76px!important;
  height:4px!important;
}

/* Make commercial graphics feel substantial */
.page-template-page-commercial .ryno-commercial-graphic,
.page-template-page-commercial .mini-service-art,
.page-template-page-commercial .commercial-art{
  width:190px!important;
  height:145px!important;
  margin:8px 0 24px auto!important;
  padding:14px!important;
  object-fit:contain;
  background:
    radial-gradient(circle at 50% 50%,rgba(227,27,35,.13),transparent 64%),
    linear-gradient(145deg,#151515,#0b0b0b)!important;
  border:1px solid #313131!important;
  box-shadow:0 14px 28px rgba(0,0,0,.24);
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.24));
}
.page-template-page-commercial .ryno-commercial-graphic svg,
.page-template-page-commercial .mini-service-art svg,
.page-template-page-commercial .commercial-art svg{
  width:100%;
  height:100%;
}
.page-template-page-commercial .industry-grid svg path,
.page-template-page-commercial .industry-grid svg line,
.page-template-page-commercial .industry-grid svg rect,
.page-template-page-commercial .industry-grid svg circle{
  stroke-width:3!important;
}

/* Industry titles */
.page-template-page-commercial .industry-grid h3{
  color:#fff!important;
  font-size:29px!important;
  line-height:1!important;
  text-transform:uppercase;
  letter-spacing:-.03em;
  margin:10px 0 8px!important;
  max-width:440px;
}
.page-template-page-commercial .commercial-card-kicker{
  display:block;
  margin:0 0 14px;
  color:#e31b23;
  font-size:11px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.page-template-page-commercial .industry-grid p{
  color:#b7b7b7!important;
  font-size:16px!important;
  line-height:1.65!important;
  max-width:430px;
}

/* 3x2 desktop grid with controlled stagger */
@media(min-width:1100px){
  .page-template-page-commercial .industry-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .page-template-page-commercial .industry-grid>div:nth-child(2),
  .page-template-page-commercial .industry-grid>div:nth-child(5),
  .page-template-page-commercial .industry-grid>article:nth-child(2),
  .page-template-page-commercial .industry-grid>article:nth-child(5){
    transform:translateY(18px);
  }
  .page-template-page-commercial .industry-grid>div:nth-child(2):hover,
  .page-template-page-commercial .industry-grid>div:nth-child(5):hover,
  .page-template-page-commercial .industry-grid>article:nth-child(2):hover,
  .page-template-page-commercial .industry-grid>article:nth-child(5):hover{
    transform:translateY(9px)!important;
  }
}

/* Stronger commercial lower sections */
.page-template-page-commercial .split-grid{
  gap:68px;
  align-items:center;
}
.page-template-page-commercial .check-list li{
  border-bottom:1px solid #242424;
  padding-top:12px;
  padding-bottom:12px;
}
.page-template-page-commercial .cta-section{
  background:
    linear-gradient(115deg,rgba(227,27,35,.19),transparent 42%),
    #090909!important;
}

@media(max-width:900px){
  .page-template-page-commercial .industry-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:699px){
  .page-template-page-commercial .industry-grid{
    grid-template-columns:1fr!important;
  }
  .page-template-page-commercial .industry-grid>div,
  .page-template-page-commercial .industry-grid>article{
    min-height:340px!important;
    padding:26px!important;
  }
  .page-template-page-commercial .ryno-commercial-graphic,
  .page-template-page-commercial .mini-service-art,
  .page-template-page-commercial .commercial-art{
    width:155px!important;
    height:118px!important;
  }
  .page-template-page-commercial .industry-grid h3{
    font-size:25px!important;
  }
}


/* =========================================================
   v10.2 — SITEWIDE CARD DECORATION SAFETY FIX
   Remove oversized decorative :after shapes from cards.
   Keep red top lines, depth, hover motion and graphic treatments.
   ========================================================= */

/* Garage Systems */
.page-template-page-garage-systems .what-we-do-card:after,
.page-template-page-garage-systems .garage-feature-grid>div:after,

/* Site Work */
.page-template-page-site-work-gravel .sitework-card:after,

/* New Concrete */
.page-template-page-new-concrete .feature-card-grid>div:after,
.page-template-page-new-concrete .service-grid>article:after,

/* Commercial */
.page-template-page-commercial .industry-grid>div:after,
.page-template-page-commercial .industry-grid>article:after,

/* Global reusable service/card decorations */
.service-card:after,
.build-card:after,
.what-we-do-card:after,
.why-graphic-card:after,
.actual-equipment-card:after,
.process-card:after,
.theme-card:after,
.sitework-card:after,
.feature-card-grid>div:after,
.garage-feature-grid>div:after,
.product-service-grid>div:after,
.value-stack>div:after,
.industry-grid>div:after,
.local-benefit-grid article:after,
.product-grid article:after,
.project-card:after,
.partner-card:after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Make sure card content always stays above any remaining decorative layers */
.service-card>*,
.build-card>*,
.what-we-do-card>*,
.why-graphic-card>*,
.actual-equipment-card>*,
.process-card>*,
.theme-card>*,
.sitework-card>*,
.feature-card-grid>div>*,
.garage-feature-grid>div>*,
.product-service-grid>div>*,
.value-stack>div>*,
.industry-grid>div>*,
.local-benefit-grid article>*,
.product-grid article>*,
.project-card>*,
.partner-card>*{
  position:relative;
  z-index:2;
}

/* Restore clean card bottoms where decorative wedges previously appeared */
.page-template-page-garage-systems .what-we-do-card,
.page-template-page-garage-systems .garage-feature-grid>div,
.page-template-page-site-work-gravel .sitework-card,
.page-template-page-new-concrete .feature-card-grid>div,
.page-template-page-new-concrete .service-grid>article,
.page-template-page-commercial .industry-grid>div,
.page-template-page-commercial .industry-grid>article{
  overflow:hidden!important;
  background-clip:padding-box!important;
}

/* Keep the intended red top-line treatment crisp */
.page-template-page-garage-systems .what-we-do-card:before,
.page-template-page-garage-systems .garage-feature-grid>div:before,
.page-template-page-site-work-gravel .sitework-card:before,
.page-template-page-new-concrete .feature-card-grid>div:before,
.page-template-page-new-concrete .service-grid>article:before,
.page-template-page-commercial .industry-grid>div:before,
.page-template-page-commercial .industry-grid>article:before{
  z-index:3!important;
  background:#e31b23!important;
  box-shadow:none!important;
}

/* Additional browser safety for transformed/staggered cards */
.page-template-page-garage-systems .what-we-do-card,
.page-template-page-garage-systems .garage-feature-grid>div,
.page-template-page-site-work-gravel .sitework-card,
.page-template-page-new-concrete .feature-card-grid>div,
.page-template-page-new-concrete .service-grid>article,
.page-template-page-commercial .industry-grid>div,
.page-template-page-commercial .industry-grid>article{
  isolation:isolate;
}


/* =========================================================
   v10.3 — EXPANDED COMMERCIAL PAGE
   Photo-led environment cards + substantially more information.
   ========================================================= */
.page-template-page-commercial .commercial-environment-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.page-template-page-commercial .commercial-environment-card{
  background:linear-gradient(155deg,#171717,#090909)!important;
  border:1px solid #2d2d2d!important;
  overflow:hidden;
  position:relative;
  box-shadow:0 18px 40px rgba(0,0,0,.2);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.page-template-page-commercial .commercial-environment-card:hover{
  transform:translateY(-7px);
  border-color:rgba(227,27,35,.7)!important;
  box-shadow:0 28px 54px rgba(0,0,0,.28);
}
.page-template-page-commercial .commercial-environment-card img{
  display:block;
  width:100%;
  height:225px;
  object-fit:cover;
  background:#0c0c0c;
  border-bottom:3px solid #e31b23;
}
.page-template-page-commercial .commercial-environment-card:nth-child(3) img,
.page-template-page-commercial .commercial-environment-card:nth-child(4) img,
.page-template-page-commercial .commercial-environment-card:nth-child(5) img{
  object-fit:contain;
  padding:18px;
  background:
    radial-gradient(circle at 50% 50%,rgba(227,27,35,.12),transparent 56%),
    #0b0b0b;
}
.page-template-page-commercial .commercial-environment-copy{
  padding:28px 30px 32px;
}
.page-template-page-commercial .commercial-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  height:31px;
  padding:0 10px;
  margin-bottom:15px;
  border:1px solid rgba(227,27,35,.45);
  color:#ff2b33;
  background:rgba(227,27,35,.07);
  font-size:13px;
  font-weight:950;
  letter-spacing:.05em;
}
.page-template-page-commercial .commercial-environment-copy h3{
  color:#fff!important;
  margin:0 0 12px!important;
  font-size:28px!important;
  line-height:1!important;
  text-transform:uppercase;
  letter-spacing:-.03em;
}
.page-template-page-commercial .commercial-environment-copy p{
  color:#b9b9b9!important;
  line-height:1.65!important;
  margin-bottom:18px;
}
.page-template-page-commercial .commercial-environment-copy ul{
  list-style:none;
  padding:0;
  margin:0;
}
.page-template-page-commercial .commercial-environment-copy li{
  position:relative;
  padding:8px 0 8px 19px;
  border-top:1px solid #262626;
  color:#e1e1e1;
  font-size:14px;
}
.page-template-page-commercial .commercial-environment-copy li:before{
  content:"";
  position:absolute;
  left:0;
  top:15px;
  width:7px;
  height:2px;
  background:#e31b23;
}

.page-template-page-commercial .commercial-spec-section{
  background:
    linear-gradient(135deg,rgba(227,27,35,.04),transparent 35%),
    #f1f1f1!important;
}
.page-template-page-commercial .commercial-spec-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.page-template-page-commercial .commercial-spec-grid>div{
  background:#fff;
  border:1px solid #d7d7d7;
  border-top:4px solid #e31b23;
  padding:28px;
  min-height:190px;
  box-shadow:0 12px 24px rgba(0,0,0,.055);
}
.page-template-page-commercial .commercial-spec-grid strong{
  display:block;
  margin-bottom:10px;
  color:#0b0b0b;
  font-size:21px;
  line-height:1;
  text-transform:uppercase;
}
.page-template-page-commercial .commercial-spec-grid p{
  color:#555!important;
  line-height:1.62!important;
  margin:0;
}

.page-template-page-commercial .industrial-feature-section .industrial-feature-image{
  height:430px;
  object-fit:cover;
}
.page-template-page-commercial .industrial-photo-grid{
  gap:22px!important;
}
.page-template-page-commercial .industrial-photo-grid figure{
  background:#111;
  border:1px solid #2c2c2c;
  overflow:hidden;
}
.page-template-page-commercial .industrial-photo-grid img{
  width:100%;
  height:280px;
  object-fit:cover;
}
.page-template-page-commercial .industrial-photo-grid figcaption{
  padding:18px 20px;
  color:#fff;
  font-weight:900;
  text-transform:uppercase;
  border-top:3px solid #e31b23;
}

@media(max-width:1000px){
  .page-template-page-commercial .commercial-environment-grid,
  .page-template-page-commercial .commercial-spec-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:680px){
  .page-template-page-commercial .commercial-environment-grid,
  .page-template-page-commercial .commercial-spec-grid{
    grid-template-columns:1fr;
  }
  .page-template-page-commercial .commercial-environment-card img{
    height:220px;
  }
  .page-template-page-commercial .commercial-environment-copy{
    padding:24px;
  }
  .page-template-page-commercial .industrial-feature-section .industrial-feature-image{
    height:300px;
  }
}


/* =========================================================
   v10.4 — COMMERCIAL ENVIRONMENT GRAPHICS
   Use consistent Ryno black/red/white graphics instead of photos.
   ========================================================= */
.page-template-page-commercial .commercial-environment-card img{
  height:240px!important;
  object-fit:contain!important;
  padding:24px!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(227,27,35,.14),transparent 55%),
    linear-gradient(145deg,#171717,#090909)!important;
  border-bottom:3px solid #e31b23!important;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.24));
}
.page-template-page-commercial .commercial-environment-card:nth-child(1) img,
.page-template-page-commercial .commercial-environment-card:nth-child(2) img,
.page-template-page-commercial .commercial-environment-card:nth-child(3) img,
.page-template-page-commercial .commercial-environment-card:nth-child(4) img,
.page-template-page-commercial .commercial-environment-card:nth-child(5) img,
.page-template-page-commercial .commercial-environment-card:nth-child(6) img{
  object-fit:contain!important;
  padding:24px!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(227,27,35,.14),transparent 55%),
    linear-gradient(145deg,#171717,#090909)!important;
}
.page-template-page-commercial .commercial-environment-card:hover img{
  background:
    radial-gradient(circle at 50% 50%,rgba(227,27,35,.20),transparent 58%),
    linear-gradient(145deg,#1a1a1a,#090909)!important;
}
@media(max-width:680px){
  .page-template-page-commercial .commercial-environment-card img{
    height:210px!important;
    padding:20px!important;
  }
}


/* v10.5 — Industrial Applications uses graphics, not photos */
.page-template-page-commercial .industrial-graphic-grid figure{
  background:linear-gradient(150deg,#171717,#090909)!important;
  border:1px solid #2d2d2d!important;
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.page-template-page-commercial .industrial-graphic-grid figure:hover{
  transform:translateY(-7px);
  border-color:rgba(227,27,35,.7)!important;
  box-shadow:0 26px 48px rgba(0,0,0,.27);
}
.page-template-page-commercial .industrial-application-art{
  height:300px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px;
  background:
    radial-gradient(circle at 50% 50%,rgba(227,27,35,.15),transparent 56%),
    linear-gradient(145deg,#171717,#090909);
  border-bottom:3px solid #e31b23;
}
.page-template-page-commercial .industrial-application-art img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.3));
}
.page-template-page-commercial .industrial-graphic-grid figcaption{
  display:block!important;
  padding:22px 24px 25px!important;
  border-top:0!important;
}
.page-template-page-commercial .industrial-graphic-grid figcaption strong{
  display:block;
  color:#fff;
  font-size:20px;
  line-height:1.05;
  text-transform:uppercase;
  margin-bottom:10px;
}
.page-template-page-commercial .industrial-graphic-grid figcaption span{
  display:block;
  color:#aaa;
  font-size:14px;
  line-height:1.55;
  text-transform:none;
  font-weight:400;
}
@media(max-width:680px){
  .page-template-page-commercial .industrial-application-art{height:230px;padding:24px}
}


/* v10.6 — Aerospace Hangar application graphic */
.page-template-page-commercial .industrial-graphic-grid figure:first-child .industrial-application-art{
  padding:12px!important;
}
.page-template-page-commercial .industrial-graphic-grid figure:first-child .industrial-application-art img{
  object-fit:contain!important;
  width:100%!important;
  height:100%!important;
}


/* =========================================================
   v10.7 — STICKY SITE HEADER
   Keep both header rows visible while scrolling.
   ========================================================= */
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:9999!important;
  width:100%;
  background:#050505!important;
  box-shadow:0 8px 26px rgba(0,0,0,.28);
  isolation:isolate;
}
.site-header .header-main,
.site-header .primary-nav,
.site-header .nav-wrap{
  background:#050505!important;
}
body.admin-bar .site-header{top:32px!important;}
@media(max-width:782px){body.admin-bar .site-header{top:46px!important;}}
html,body{overflow-x:hidden;}
body{overflow-y:visible;}
@media(max-width:980px){.site-header{box-shadow:0 6px 20px rgba(0,0,0,.32);}}


/* =========================================================
   v10.8 — TRUE FIXED HEADER
   Replaces sticky positioning with a fixed two-row header.
   ========================================================= */

/* Desktop / tablet: full two-row header remains visible */
.site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:99999!important;
  background:#050505!important;
  border-bottom:1px solid #1d1d1d!important;
  box-shadow:0 8px 28px rgba(0,0,0,.34)!important;
  transform:none!important;
}

/* Current desktop header is 64px main row + 42px navigation row */
body{
  padding-top:106px!important;
}

/* WordPress admin toolbar sits above the fixed Ryno header */
body.admin-bar .site-header{
  top:32px!important;
}

/* Prevent hero/page content from being pulled back underneath it */
main#content{
  position:relative;
  z-index:1;
}

/* Mobile: only the 62px main header is visible until menu opens */
@media(max-width:760px){
  .site-header{
    position:fixed!important;
    top:0!important;
  }

  body{
    padding-top:62px!important;
  }

  body.admin-bar .site-header{
    top:46px!important;
  }

  /* Dropdown is anchored directly beneath fixed mobile header */
  .site-header.open .nav-bar{
    position:absolute!important;
    top:62px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-height:calc(100vh - 62px)!important;
    overflow-y:auto!important;
  }
}

/* Small phones use the theme's 58px header */
@media(max-width:480px){
  body{
    padding-top:58px!important;
  }

  .site-header.open .nav-bar{
    top:58px!important;
    max-height:calc(100vh - 58px)!important;
  }
}

/* WordPress admin-bar mobile breakpoint */
@media(max-width:782px){
  body.admin-bar .site-header{
    top:46px!important;
  }
}


/* =========================================================
   v10.9 — RYNO BUILD IN STAGES PROGRAM
   Slab → Garage → Interior → Complete Garage
   ========================================================= */
.ryno-stages-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 20%,rgba(227,27,35,.11),transparent 28%),
    radial-gradient(circle at 88% 78%,rgba(227,27,35,.07),transparent 26%),
    linear-gradient(180deg,#0c0c0c,#070707)!important;
  border-top:1px solid #222;
  border-bottom:1px solid #222;
}
.ryno-stages-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(135deg,rgba(255,255,255,.014) 0 1px,transparent 1px 46px);
  pointer-events:none;
}
.ryno-stages-section .shell{position:relative;z-index:1}

.ryno-stages-intro{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:70px;
  align-items:end;
  margin-bottom:46px;
}
.ryno-stages-intro h2{
  margin:0;
  max-width:820px;
  color:#fff;
  font-size:clamp(52px,5.3vw,88px);
  line-height:.88;
  letter-spacing:-.05em;
  text-transform:uppercase;
}
.ryno-stages-copy{
  padding-left:24px;
  border-left:3px solid #e31b23;
}
.ryno-stages-copy p{
  color:#bdbdbd;
  font-size:17px;
  line-height:1.7;
}
.ryno-stages-copy strong{
  display:block;
  margin-top:16px;
  color:#fff;
  font-size:15px;
  letter-spacing:.08em;
}

.ryno-stages-roadmap{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  position:relative;
}
.ryno-stages-roadmap:before{
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  top:46px;
  height:2px;
  background:linear-gradient(90deg,#e31b23,rgba(227,27,35,.25),#e31b23);
  z-index:0;
}
.ryno-stage-card{
  position:relative;
  z-index:1;
  min-height:390px;
  padding:26px 26px 30px;
  background:
    radial-gradient(circle at 50% 25%,rgba(227,27,35,.12),transparent 30%),
    linear-gradient(150deg,#181818,#090909 74%);
  border:1px solid #2b2b2b;
  border-top:4px solid #e31b23;
  box-shadow:0 18px 38px rgba(0,0,0,.2);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.ryno-stage-card:hover{
  transform:translateY(-8px);
  border-color:rgba(227,27,35,.68);
  box-shadow:0 28px 50px rgba(0,0,0,.27);
}
.ryno-stage-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:34px;
  background:#e31b23;
  color:#fff;
  font-size:14px;
  font-weight:950;
  letter-spacing:.04em;
}
.ryno-stage-art{
  width:150px;
  height:118px;
  margin:24px auto 18px;
  padding:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(circle,rgba(227,27,35,.12),transparent 65%);
}
.ryno-stage-art svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:#8c8c8c;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ryno-stage-art svg .accent{stroke:#e31b23}
.ryno-stage-time{
  display:block;
  margin-bottom:8px;
  color:#e31b23;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.15em;
}
.ryno-stage-card h3{
  margin:0 0 12px;
  color:#fff;
  font-size:27px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:-.03em;
}
.ryno-stage-card p{
  margin:0;
  color:#aaa;
  font-size:15px;
  line-height:1.65;
}

.ryno-stages-footer{
  margin-top:28px;
  padding:30px 32px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  background:
    linear-gradient(115deg,rgba(227,27,35,.12),transparent 42%),
    #111;
  border:1px solid #2c2c2c;
}
.ryno-stages-footer>div{max-width:830px}
.ryno-stages-footer h3{
  margin:0 0 8px;
  color:#fff;
  font-size:32px;
  line-height:1;
  text-transform:uppercase;
}
.ryno-stages-footer p:last-child{
  margin:0;
  color:#aaa;
  line-height:1.6;
}

@media(max-width:1050px){
  .ryno-stages-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ryno-stages-roadmap:before{display:none}
}
@media(max-width:800px){
  .ryno-stages-intro{grid-template-columns:1fr;gap:24px}
  .ryno-stages-copy{padding-left:18px}
  .ryno-stages-footer{flex-direction:column;align-items:flex-start}
}
@media(max-width:620px){
  .ryno-stages-roadmap{grid-template-columns:1fr}
  .ryno-stage-card{min-height:0}
  .ryno-stage-art{width:132px;height:102px}
  .ryno-stages-footer{padding:24px}
}


/* v11.0 — Build in Stages flexible timeline examples */
.ryno-timeline-examples{
  margin-top:28px;
  padding:30px 32px;
  display:grid;
  grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);
  gap:34px;
  background:#f0f0f0;
  border-left:5px solid #e31b23;
}
.ryno-timeline-label h3{
  margin:0;
  color:#0a0a0a;
  font-size:28px;
  line-height:1;
  text-transform:uppercase;
}
.ryno-timeline-label .eyebrow{color:#e31b23!important}
.ryno-timeline-options{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.ryno-timeline-options>div{
  padding:18px;
  background:#fff;
  border:1px solid #d5d5d5;
  border-top:3px solid #e31b23;
}
.ryno-timeline-options strong{
  display:block;
  margin-bottom:8px;
  color:#0a0a0a;
  font-size:13px;
  letter-spacing:.07em;
}
.ryno-timeline-options span{
  display:block;
  color:#555;
  font-size:13px;
  line-height:1.5;
}
@media(max-width:900px){
  .ryno-timeline-examples{grid-template-columns:1fr}
  .ryno-timeline-options{grid-template-columns:1fr}
}


/* =========================================================
   v11.1 — HEARTLAND BANK FINANCING RESOURCES
   ========================================================= */
.ryno-financing-section{
  position:relative;
  background:
    radial-gradient(circle at 80% 15%,rgba(227,27,35,.08),transparent 30%),
    linear-gradient(180deg,#151515,#0b0b0b)!important;
  border-top:1px solid #292929;
  border-bottom:1px solid #292929;
}
.ryno-financing-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);
  gap:60px;
  align-items:end;
  margin-bottom:36px;
}
.ryno-financing-head h2{
  margin:0;
  color:#fff;
  font-size:clamp(46px,5vw,78px);
  line-height:.92;
  letter-spacing:-.045em;
  text-transform:uppercase;
}
.ryno-financing-head>p{
  margin:0;
  color:#b9b9b9;
  font-size:16px;
  line-height:1.7;
  padding-left:22px;
  border-left:3px solid #e31b23;
}
.ryno-financing-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.ryno-finance-card{
  position:relative;
  padding:34px;
  background:
    linear-gradient(145deg,rgba(227,27,35,.08),transparent 34%),
    #101010;
  border:1px solid #303030;
  border-top:4px solid #e31b23;
  box-shadow:0 18px 40px rgba(0,0,0,.2);
}
.ryno-finance-kicker{
  display:inline-block;
  margin-bottom:13px;
  color:#e31b23;
  font-size:12px;
  font-weight:950;
  letter-spacing:.14em;
}
.ryno-finance-card h3{
  margin:0 0 14px;
  color:#fff;
  font-size:31px;
  line-height:1;
  text-transform:uppercase;
}
.ryno-finance-card>p{
  color:#aaa;
  line-height:1.7;
  margin-bottom:20px;
}
.ryno-finance-points{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:24px;
}
.ryno-finance-points span{
  padding:8px 10px;
  background:#1a1a1a;
  border:1px solid #333;
  color:#ddd;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.ryno-financing-note{
  margin-top:18px;
  padding:18px 20px;
  background:#080808;
  border:1px solid #242424;
}
.ryno-financing-note strong{
  color:#e31b23;
  font-size:11px;
  letter-spacing:.12em;
}
.ryno-financing-note p{
  margin:7px 0 0;
  color:#858585;
  font-size:12px;
  line-height:1.6;
}
@media(max-width:850px){
  .ryno-financing-head{grid-template-columns:1fr;gap:22px}
  .ryno-financing-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .ryno-finance-card{padding:25px}
}

/* v11.4 — CEFCU featured financing option */
.ryno-finance-featured{border-color:#3a3a3a;border-top-color:#e31b23;box-shadow:0 22px 48px rgba(0,0,0,.27);}


/* v11.5 — Financing header CTA + dedicated financing page */
.header-financing-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 18px;
  background:#e31b23;
  border:2px solid #e31b23;
  color:#fff!important;
  font-size:12px;
  font-weight:950;
  letter-spacing:.07em;
  line-height:1;
  text-decoration:none!important;
  text-transform:uppercase;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.header-financing-btn:hover{
  background:#b90f16;
  border-color:#b90f16;
  transform:translateY(-1px);
}
.financing-hero{
  background:
    radial-gradient(circle at 75% 35%,rgba(227,27,35,.18),transparent 30%),
    linear-gradient(125deg,#161616,#050505)!important;
}
.financing-hero h1{
  color:#fff;
  text-transform:uppercase;
}
.financing-hero p:last-child{
  max-width:760px;
  color:#bbb;
  font-size:18px;
  line-height:1.65;
}
.ryno-finance-back{
  margin-top:24px;
  padding:28px 30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  background:#0a0a0a;
  border:1px solid #2c2c2c;
  border-left:4px solid #e31b23;
}
.ryno-finance-back h3{
  margin:0;
  color:#fff;
  font-size:28px;
  line-height:1;
  text-transform:uppercase;
}
@media(max-width:980px){
  .header-financing-btn{min-height:38px;padding:0 12px;font-size:10px}
}
@media(max-width:760px){
  .header-financing-btn{display:none}
  .ryno-finance-back{align-items:flex-start;flex-direction:column}
}


/* v11.6 — Footer Facebook placement */
.footer-facebook-link{
  display:block;
  width:max-content;
  margin-top:12px;
  color:#e31b23!important;
  font-size:14px;
  font-weight:800;
  text-decoration:none!important;
}
.footer-facebook-link:hover{color:#fff!important;}

/* v11.7 — Three financing resources */
@media(min-width:1100px){
  .ryno-financing-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}


/* v11.9 — streamlined site flow */
.financing-bridge{background:#101010;border-top:1px solid #242424;border-bottom:1px solid #242424;}
.financing-bridge-inner{display:flex;align-items:center;justify-content:space-between;gap:36px;}
.financing-bridge-inner h2{margin:0 0 10px;color:#fff;text-transform:uppercase;}
.financing-bridge-inner p:last-child{margin:0;max-width:760px;color:#bdbdbd;line-height:1.65;}
.footer-facebook-link{margin-top:12px!important;}
@media(max-width:760px){
  .financing-bridge-inner{align-items:flex-start;flex-direction:column;}
}


/* v12.5 — partner branding placed with the products it supports */
.coating-partner-placement{padding:34px 0;background:#0a0a0a;}
.coating-partner-placement .shell{max-width:1120px;}
.partner-card-wide{
  width:100%;
  min-height:220px;
  grid-template-columns:220px 1fr;
  padding:30px 34px;
  border:1px solid #333;
}
.partner-card-wide img{
  width:210px!important;
  height:150px!important;
  max-height:150px!important;
  object-fit:contain!important;
}
.partner-card-wide h2{margin-bottom:8px!important;}
.partner-card-wide .eyebrow{color:#ff3137;}
.partner-card-wide.end-card .eyebrow{color:#ff3137!important;}
#endurable-finishes{scroll-margin-top:120px;}
#polymer-nation-systems{scroll-margin-top:120px;}
@media(max-width:760px){
  .partner-card-wide{grid-template-columns:1fr;gap:18px;padding:26px 24px;text-align:left;}
  .partner-card-wide img{width:min(280px,82vw)!important;height:auto!important;max-height:145px!important;justify-self:start;}
}

/* v12.6 — Endurable visuals and cleaner logo presentation */
.partner-card-wide.end-card img{
  width:300px!important;
  height:130px!important;
  max-height:130px!important;
  image-rendering:auto!important;
}
.endurable-color-examples{
  background:
    linear-gradient(135deg,rgba(227,27,35,.035),transparent 38%),
    #eeeeee!important;
}
.endurable-color-examples .section-head h2{
  max-width:980px;
  color:#090909;
}
.endurable-color-examples .section-head p:last-child{
  max-width:940px;
  color:#555;
  line-height:1.65;
}
.endurable-sample-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.endurable-sample-grid figure{
  margin:0;
  background:#111;
  border:1px solid #2d2d2d;
  border-top:4px solid #e31b23;
  overflow:hidden;
  box-shadow:0 14px 26px rgba(0,0,0,.13);
}
.endurable-sample-grid img{
  display:block;
  width:100%;
  height:210px;
  object-fit:cover;
}
.endurable-sample-grid figcaption{
  padding:16px 18px;
  color:#fff;
  font-weight:950;
  letter-spacing:.045em;
  text-transform:uppercase;
  font-size:14px;
}
.endurable-color-examples .image-disclaimer{
  margin-top:18px;
  color:#666;
}
#endurable-color-examples{scroll-margin-top:120px;}
@media(max-width:900px){
  .endurable-sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:620px){
  .endurable-sample-grid{grid-template-columns:1fr;}
  .endurable-sample-grid img{height:190px;}
  .partner-card-wide.end-card img{width:min(320px,84vw)!important;height:auto!important;}
}


/* v12.7 — Concrete Coatings conversion / education upgrade */
.coating-section-head{max-width:900px}
.coating-benefits-section{background:#ededed;color:#111}
.coating-benefits-section h2{color:#090909}
.coating-benefits-section .section-head>p:last-child{color:#555;max-width:850px}
.coating-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.coating-benefit-grid article{position:relative;background:#101010;color:#fff;border:1px solid #2e2e2e;border-top:4px solid #e31b23;padding:28px 25px;min-height:205px}
.coating-benefit-grid article:after{content:none!important;display:none!important}
.coating-benefit-grid h3{margin:14px 0 9px;text-transform:uppercase}
.coating-benefit-grid p{margin:0;color:#aaa;line-height:1.6}
.benefit-icon{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid #555;color:#ff3037;font-weight:950;font-size:13px}

.build-floor-section{background:#080808}
.build-floor-section .section-head{max-width:900px}
.build-floor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.build-floor-grid article{background:#121212;border:1px solid #303030;border-top:3px solid #e31b23;padding:26px 22px;min-height:205px}
.build-floor-grid article:after{content:none!important;display:none!important}
.build-floor-grid article>span{display:block;color:#e31b23;font-size:30px;font-weight:950;line-height:1}
.build-floor-grid h3{color:#fff;text-transform:uppercase;margin:16px 0 10px}
.build-floor-grid p{color:#aaa;line-height:1.55;margin:0}

.coating-applications-section{background:#0d0d0d}
.coating-application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.coating-application-grid article{display:flex;flex-direction:column;gap:8px;padding:23px;background:#151515;border:1px solid #323232;border-left:4px solid #e31b23}
.coating-application-grid article:after{content:none!important;display:none!important}
.coating-application-grid strong{color:#fff;text-transform:uppercase;font-size:17px}
.coating-application-grid span{color:#aaa;line-height:1.5}
.section-inline-cta{margin-top:28px;padding:22px 24px;border:1px solid #333;background:#090909;display:flex;align-items:center;justify-content:space-between;gap:22px}
.section-inline-cta div{display:flex;flex-direction:column;gap:5px}
.section-inline-cta strong{color:#fff;text-transform:uppercase;font-size:20px}
.section-inline-cta span{color:#aaa}

.prep-matters-section{background:linear-gradient(120deg,#050505,#101010)}
.prep-matters-grid{display:grid;grid-template-columns:.9fr 1.3fr;gap:38px;align-items:center}
.prep-copy h2{color:#fff;text-transform:uppercase}
.prep-copy>p:not(.eyebrow){color:#b8b8b8;line-height:1.7}
.prep-compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid #333}
.prep-column{padding:28px 26px;background:#111}
.prep-column+ .prep-column{border-left:1px solid #333}
.prep-label{display:block;color:#fff;font-weight:950;letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid #e31b23;padding-bottom:12px;margin-bottom:16px}
.prep-column ul{margin:0;padding:0;list-style:none}
.prep-column li{position:relative;color:#bbb;padding:8px 0 8px 22px;line-height:1.45}
.prep-column li:before{content:"+";position:absolute;left:0;color:#e31b23;font-weight:950}
.shortcut-risk li:before{content:"•"}

.coating-close-section{background:#ececec;color:#111}
.coating-close-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.coating-close-grid h2{color:#090909;text-transform:uppercase}
.coating-close-grid p:not(.eyebrow){color:#555;line-height:1.65}
.coating-close-points{display:grid;grid-template-columns:1fr;gap:10px}
.coating-close-points span{position:relative;background:#111;color:#fff;border-left:4px solid #e31b23;padding:15px 18px;font-weight:850;text-transform:uppercase;letter-spacing:.035em}

@media(max-width:980px){
  .coating-benefit-grid,.coating-application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .build-floor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prep-matters-grid,.coating-close-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .coating-benefit-grid,.coating-application-grid,.build-floor-grid,.prep-compare{grid-template-columns:1fr}
  .prep-column+.prep-column{border-left:0;border-top:1px solid #333}
  .section-inline-cta{align-items:flex-start;flex-direction:column}
  .section-inline-cta .btn{width:100%;text-align:center}
}


/* v12.8 — coating system education, Central Illinois context, buyer guide + FAQ */
.coating-layers-section{background:#0b0b0b}
.coating-layer-stack{max-width:920px;margin:34px auto 0;display:flex;flex-direction:column;gap:8px}
.layer-row{display:grid;grid-template-columns:72px 1fr;align-items:center;border:1px solid #333;padding:18px 22px;background:#151515;box-shadow:inset 5px 0 0 #e31b23}
.layer-row strong{color:#fff;text-transform:uppercase;font-size:19px}
.layer-row p{color:#aaa;margin:5px 0 0;line-height:1.5}
.layer-num{font-size:26px;font-weight:950;color:#e31b23}
.layer-top{margin:0 4%}.layer-decor{margin:0 3%}.layer-base{margin:0 2%}.layer-slab{margin:0}
.system-note{max-width:920px;margin:16px auto 0;color:#858585;font-size:13px;text-align:center}

.illinois-coatings-section{background:#ececec;color:#111}
.illinois-coatings-grid{display:grid;grid-template-columns:.85fr 1.3fr;gap:42px;align-items:center}
.illinois-coatings-grid h2{color:#090909;text-transform:uppercase}
.illinois-coatings-grid>div>p:not(.eyebrow){color:#555;line-height:1.7}
.illinois-factor-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.illinois-factor-grid article{background:#111;color:#fff;border-top:3px solid #e31b23;padding:22px}
.illinois-factor-grid article:after{content:none!important;display:none!important}
.illinois-factor-grid strong,.illinois-factor-grid span{display:block}
.illinois-factor-grid strong{text-transform:uppercase;margin-bottom:8px}
.illinois-factor-grid span{color:#aaa;line-height:1.5}

.coating-buyer-guide-section{background:#080808}
.buyer-question-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.buyer-question-grid article{background:#131313;border:1px solid #303030;border-top:3px solid #e31b23;padding:24px}
.buyer-question-grid article:after{content:none!important;display:none!important}
.buyer-question-grid article>span{color:#e31b23;font-weight:950;font-size:25px}
.buyer-question-grid h3{color:#fff;text-transform:uppercase;margin:12px 0 8px;font-size:17px}
.buyer-question-grid p{color:#aaa;margin:0;line-height:1.55}

.coating-faq-section{background:#111}
.coating-faq-list{max-width:1000px;margin:0 auto}
.coating-faq-list details{border:1px solid #333;border-left:4px solid #e31b23;background:#0a0a0a;margin-bottom:10px}
.coating-faq-list summary{cursor:pointer;color:#fff;font-weight:900;text-transform:uppercase;padding:19px 52px 19px 20px;position:relative;list-style:none}
.coating-faq-list summary::-webkit-details-marker{display:none}
.coating-faq-list summary:after{content:"+";position:absolute;right:20px;top:14px;color:#e31b23;font-size:28px}
.coating-faq-list details[open] summary:after{content:"–"}
.coating-faq-list details p{color:#aaa;line-height:1.65;padding:0 20px 20px;margin:0}
.faq-cta{max-width:1000px;margin-left:auto;margin-right:auto}

@media(max-width:980px){
 .illinois-coatings-grid{grid-template-columns:1fr}
 .buyer-question-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
 .layer-row{grid-template-columns:52px 1fr;padding:16px}
 .layer-top,.layer-decor,.layer-base{margin-left:0;margin-right:0}
 .illinois-factor-grid,.buyer-question-grid{grid-template-columns:1fr}
}

/* v12.9 — Floor to Finished Garage */
.floor-to-garage-section{background:radial-gradient(circle at 80% 10%,rgba(227,27,35,.11),transparent 28%),linear-gradient(135deg,#050505,#0d0d0d 58%,#080808)}
.floor-to-garage-head{max-width:920px}.floor-to-garage-head>p:last-child{max-width:860px;color:#aaa}
.garage-transformation-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.garage-transform-card{display:flex;flex-direction:column;min-height:315px;padding:27px 23px 24px;background:linear-gradient(180deg,#171717,#0c0c0c);border:1px solid #303030;border-top:4px solid #e31b23;color:#fff;text-decoration:none;position:relative;isolation:isolate;transition:.2s}
.garage-transform-card:after{content:none!important;display:none!important}.garage-transform-card:hover{transform:translateY(-4px);border-color:#555}
.transform-step{font-size:38px;line-height:1;font-weight:950;color:#e31b23}.transform-kicker{margin-top:18px;color:#8d8d8d;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.garage-transform-card h3{color:#fff;font-size:21px;text-transform:uppercase;margin:8px 0 12px}.garage-transform-card p{color:#aaa;line-height:1.6;margin:0 0 22px;flex:1}.garage-transform-card strong{color:#fff;font-size:12px;text-transform:uppercase}
.garage-vision-panel{margin-top:26px;display:grid;grid-template-columns:1.3fr auto;gap:30px;align-items:center;padding:28px 30px;background:#111;border:1px solid #333;border-left:5px solid #e31b23}
.garage-vision-panel .eyebrow{color:#e31b23}.garage-vision-panel h3{color:#fff;text-transform:uppercase;margin:5px 0 8px;font-size:25px}.garage-vision-panel p:not(.eyebrow){color:#aaa;margin:0;line-height:1.55}.garage-vision-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:1050px){.garage-transformation-path{grid-template-columns:repeat(2,1fr)}.garage-transform-card{min-height:270px}}
@media(max-width:760px){.garage-vision-panel{grid-template-columns:1fr}.garage-vision-actions{justify-content:flex-start}}
@media(max-width:600px){.garage-transformation-path{grid-template-columns:1fr}.garage-transform-card{min-height:0}.garage-vision-actions{flex-direction:column}.garage-vision-actions .btn{width:100%;text-align:center}}

/* v13.0 — clearer local coating positioning */
.coatings-positioning-strip{background:#050505;border-top:1px solid #262626;border-bottom:1px solid #262626}
.coatings-positioning-inner{display:grid;grid-template-columns:1fr 1.35fr 1.25fr auto;gap:22px;align-items:center;padding-top:18px;padding-bottom:18px}
.coatings-positioning-inner>div{display:flex;flex-direction:column;gap:4px}
.positioning-label{color:#e31b23;font-size:10px;font-weight:950;letter-spacing:.14em}
.coatings-positioning-inner strong{color:#fff;text-transform:uppercase;font-size:14px}
.coating-space-types{background:#ececec;color:#111}
.coating-space-types h2{color:#090909}
.coating-space-types .section-head>p:last-child{color:#555;max-width:850px}
.space-type-row{display:flex;flex-wrap:wrap;gap:10px}
.space-type-row span{background:#111;color:#fff;border-left:4px solid #e31b23;padding:13px 17px;font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.03em}
@media(max-width:1000px){.coatings-positioning-inner{grid-template-columns:1fr 1fr}.coatings-positioning-inner .btn{width:max-content}}
@media(max-width:600px){.coatings-positioning-inner{grid-template-columns:1fr;gap:13px}.coatings-positioning-inner .btn{width:100%;text-align:center}.space-type-row{display:grid;grid-template-columns:1fr 1fr}.space-type-row span{font-size:11px}}

.complete-garage-positioning{background:#0a0a0a;border-bottom:1px solid #292929;padding:38px 0}
.complete-garage-positioning-inner{max-width:960px;text-align:center}
.complete-garage-positioning h2{color:#fff;text-transform:uppercase;margin:6px 0 10px}
.complete-garage-positioning p:not(.eyebrow){color:#aaa;max-width:800px;margin:0 auto;line-height:1.6}
.positioning-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}


/* v13.3 — smoother homepage closing flow */
.ryno-stages-footer-v133{
  background:linear-gradient(110deg,rgba(227,27,35,.07),transparent 42%),#111;
  border:1px solid #303030;
  border-left:4px solid #e31b23;
}
.ryno-stages-footer-v133>div>p:not(.eyebrow){
  max-width:850px;
  line-height:1.65;
}
.roadmap-financing-link{
  display:inline-block;
  margin-top:14px;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
}
.roadmap-financing-link:hover{color:#e31b23}

.homepage-final-cta-v133{
  background:
    radial-gradient(circle at 12% 50%,rgba(227,27,35,.13),transparent 30%),
    linear-gradient(100deg,#090909,#050505);
  border-top:1px solid #242424;
  border-bottom:3px solid #e31b23;
}
.final-cta-inner-v133{
  display:grid;
  grid-template-columns:1fr auto;
  gap:36px;
  align-items:center;
  padding-top:46px;
  padding-bottom:46px;
}
.final-cta-inner-v133 h2{
  color:#fff;
  text-transform:uppercase;
  margin:6px 0 8px;
  max-width:900px;
}
.final-cta-inner-v133 p:not(.eyebrow){
  color:#aaa;
  margin:0;
}
.final-cta-inner-v133 .btn{
  min-width:205px;
  text-align:center;
  white-space:nowrap;
}
@media(max-width:760px){
  .final-cta-inner-v133{grid-template-columns:1fr}
  .final-cta-inner-v133 .btn{width:100%}
}


/* v13.7 — coating process reads 01 → 04 in installation order */
.coating-layer-stack .layer-row{margin-left:0!important;margin-right:0!important}
.coating-layer-stack{gap:10px}

/* v13.8 — Concrete Leveling & Raising */
.leveling-hero{background:radial-gradient(circle at 85% 20%,rgba(227,27,35,.13),transparent 30%),linear-gradient(125deg,#080808,#111 62%,#080808)}.leveling-hero .lead{max-width:900px}
.leveling-application-grid,.leveling-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.leveling-application-grid>div{background:#151515;border:1px solid #303030;border-left:4px solid #e31b23;padding:23px}.leveling-application-grid strong,.leveling-application-grid span{display:block}.leveling-application-grid strong{color:#fff;text-transform:uppercase;font-size:17px}.leveling-application-grid span{color:#aaa;margin-top:8px;line-height:1.5}
.leveling-process-section{background:#0b0b0b}.leveling-process-grid>div{background:#151515;border-top:4px solid #e31b23;padding:25px}.leveling-process-grid span{display:block;color:#e31b23;font-size:34px;font-weight:950}.leveling-process-grid strong{display:block;color:#fff;text-transform:uppercase;margin-top:16px}.leveling-process-grid p{color:#aaa;line-height:1.55}
.leveling-repair-replace{background:linear-gradient(110deg,rgba(227,27,35,.08),transparent 40%),#111}.leveling-repair-inner{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}.leveling-repair-inner h2{color:#fff;text-transform:uppercase}.leveling-repair-inner p:not(.eyebrow){color:#aaa;max-width:800px}.leveling-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:850px){.leveling-application-grid{grid-template-columns:repeat(2,1fr)}.leveling-process-grid,.leveling-repair-inner{grid-template-columns:1fr}}
@media(max-width:560px){.leveling-application-grid{grid-template-columns:1fr}.leveling-actions{flex-direction:column}.leveling-actions .btn{width:100%;text-align:center}}


/* v13.9 — actual Endurable manufacturer colors and product guide */
.endurable-reference-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:start}
.endurable-reference-image img,.endurable-product-photo img,.endurable-overview-image{
  display:block;width:100%;height:auto;border:1px solid #343434;background:#fff;
}
.endurable-color-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.endurable-color-list span{
  background:#121212;color:#fff;border-left:4px solid #6d8c2d;padding:12px 14px;
  font-weight:850;text-transform:uppercase;font-size:12px;letter-spacing:.03em;
}
.endurable-product-reference{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:start}
.endurable-product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.endurable-product-list article{
  background:#fff;border:1px solid #d6d6d6;border-top:4px solid #6d8c2d;padding:19px;
}
.endurable-product-list article:after{content:none!important;display:none!important}
.endurable-product-list h3{margin:0 0 7px;color:#111;text-transform:uppercase;font-size:16px}
.endurable-product-list p{margin:0;color:#555;line-height:1.5}
.endurable-support-products .image-disclaimer{margin-top:10px}
@media(max-width:900px){
  .endurable-reference-grid,.endurable-product-reference{grid-template-columns:1fr}
}
@media(max-width:600px){
  .endurable-color-list,.endurable-product-list{grid-template-columns:1fr}
}


/* v14.0 — Concrete Leveling nav + cleaner homepage positioning */
.complete-garage-positioning-v140{
  background:
    radial-gradient(circle at 82% 50%,rgba(227,27,35,.10),transparent 28%),
    linear-gradient(110deg,#0b0b0b 0%,#101010 55%,#090909 100%);
  border-top:1px solid #242424;
  border-bottom:1px solid #242424;
  padding:0;
}
.complete-garage-layout-v140{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:52px;
  align-items:center;
  padding-top:52px;
  padding-bottom:52px;
}
.complete-garage-copy-v140{
  text-align:left;
  max-width:760px;
}
.complete-garage-copy-v140 h2{
  color:#fff;
  text-transform:uppercase;
  margin:7px 0 12px;
  font-size:clamp(30px,3vw,48px);
  line-height:1.02;
}
.complete-garage-copy-v140 p:not(.eyebrow){
  color:#aaa;
  line-height:1.7;
  margin:0;
  max-width:720px;
}
.text-link-v140{
  display:inline-block;
  margin-top:20px;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:900;
  font-size:12px;
  letter-spacing:.075em;
  border-bottom:2px solid #e31b23;
  padding-bottom:5px;
}
.text-link-v140:hover{color:#e31b23}
.complete-garage-service-list-v140{
  display:grid;
  grid-template-columns:1fr;
  border:1px solid #313131;
  background:#0d0d0d;
}
.complete-garage-service-list-v140 a{
  display:grid;
  grid-template-columns:52px 1fr;
  align-items:center;
  gap:16px;
  padding:17px 20px;
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid #2b2b2b;
}
.complete-garage-service-list-v140 a:last-child{border-bottom:0}
.complete-garage-service-list-v140 a:hover{background:#151515}
.complete-garage-service-list-v140 span{color:#e31b23;font-weight:950;font-size:18px}
.complete-garage-service-list-v140 strong{text-transform:uppercase;font-size:14px;letter-spacing:.035em}

@media(min-width:1050px) and (max-width:1450px){
  .nav-list a{font-size:11px!important;padding-left:7px!important;padding-right:7px!important}
}
@media(max-width:900px){
  .complete-garage-layout-v140{grid-template-columns:1fr;gap:28px}
}


/* v14.3 — hard-routed Concrete Leveling page */
.concrete-leveling-page-v143{
  background:#080808;
  color:#fff;
  min-height:60vh;
}
.concrete-leveling-page-v143 .section{position:relative}
.concrete-leveling-page-v143 .leveling-hero{
  min-height:420px;
  display:flex;
  align-items:center;
  padding:72px 0;
}
@media(max-width:760px){
  .concrete-leveling-page-v143 .leveling-hero{
    min-height:0;
    padding:54px 0 46px;
  }
  .concrete-leveling-page-v143 .leveling-hero h1{
    font-size:clamp(38px,12vw,64px);
    line-height:.98;
  }
}