/* Clark's Door & Service — client-specific art direction. */
:root{--brand-950:#25090c;--brand-900:#460e13;--brand-800:#78141c;--brand-700:#ad1d25;--brand-600:#cf242c;--brand-500:#e33c44;--brand-400:#ef6b71;--brand-300:#f3979c;--brand-200:#f9c4c7;--brand-100:#fce7e8;--brand-050:#fff5f5;--accent:#cf242c;--accent-dk:#a41922;--paper:#fff;--ink-950:#161719;--ink-900:#202124;--ink-700:#47494d;--ink-500:#66686c;--ink-300:#b8b9bc;--ink-100:#e7e7e8;--ink-soft:#606268;--font-display:'Barlow Condensed',sans-serif;--font-display-weight:700;--wrap:1320px;--red:#cf242c;--dark:#18191c;--line:#dedfe1}
html{scroll-behavior:smooth;scroll-padding-top:35px}body{background:#fff;color:var(--dark);font-size:18px;line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.02em;text-transform:none}h2{font-size:clamp(40px,4.5vw,64px);line-height:1.02;margin-bottom:26px}h3{font-size:30px;line-height:1.12}p{color:#606268}a{text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ef7c31;outline-offset:5px}button{cursor:pointer}.wrap{width:100%;max-width:1320px;padding-inline:48px;margin-inline:auto}.topbar{background:var(--dark);color:#fff;border:0;font:600 12px 'Barlow',sans-serif;letter-spacing:.1em}.topbar .wrap{min-height:36px;display:flex;align-items:center;justify-content:space-between}.topbar a{color:#fff}.masthead{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:5}.masthead>.wrap{min-height:111px;display:flex;gap:25px;align-items:center;justify-content:space-between}.brandmark{display:flex;gap:12px;align-items:center;flex:none}.brandmark>.ph--logo{display:block;width:73px;height:60px;overflow:hidden;background:#080808;border:0;position:relative;border-radius:2px;flex:none}.brandmark>.ph--logo img{position:absolute;width:140px;max-width:none;height:auto;top:0;left:-34px}.brandmark>span{display:block}.brandmark b{font:700 24px/1.05 'Barlow Condensed',sans-serif;letter-spacing:-.02em;color:var(--dark);max-width:165px}.brandmark small{display:block;font:600 10px 'Barlow',sans-serif;color:#6b6d73;letter-spacing:.12em;margin-top:7px}.main{display:flex;gap:23px;flex-wrap:nowrap;align-items:center}.main a{font:600 15px 'Barlow',sans-serif;padding:10px 0;border:0;color:#4c4d52;white-space:nowrap}.main a:hover,.main a[aria-current]{color:var(--red);background:none}.main a[aria-current]{box-shadow:0 2px var(--red)}.cta-call,.button-red{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--red);background:var(--red);color:#fff;border-radius:3px;box-shadow:none;text-transform:none;font:700 16px 'Barlow',sans-serif;letter-spacing:0;padding:18px 24px;transition:background .2s,transform .2s;white-space:nowrap}.cta-call:hover,.button-red:hover{background:#a91c24;border-color:#a91c24;color:white;transform:translateY(-2px)}.masthead .cta-call{font-size:15px;padding:15px 18px}.hero{background:#f7f7f6;color:var(--dark);position:relative;overflow:hidden;border-bottom:0;padding:0}.hero>.wrap{display:grid;grid-template-columns:1.1fr .9fr;min-height:600px;gap:0;align-items:center}.hero>.wrap>div:first-child{z-index:2;padding:64px 0 68px}.est,.kicker{font:700 12px/1.5 'Barlow',sans-serif;letter-spacing:.13em;color:var(--red);text-transform:uppercase}.est{border:0;padding:0;background:none;display:block;margin-bottom:25px}.hero h1{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(68px,7.3vw,100px);line-height:.97;max-width:650px;color:var(--dark);letter-spacing:-.035em;margin:0 0 26px;text-transform:none}.hero .lede{font:400 20px/1.6 'Barlow',sans-serif;color:#55585e;max-width:530px;margin:0 0 30px}.hero-actions{display:flex;gap:24px;align-items:center}.hero-actions .cta-call{padding:19px 24px}.btn-ghost{color:var(--dark);border:0;padding:17px 0;font:600 16px 'Barlow',sans-serif;background:none;box-shadow:0 1px var(--dark);border-radius:0}.btn-ghost:after{content:' ↗';margin-left:12px}.btn-ghost:hover{background:none;color:var(--red)}.hero .ph--hero{display:block;background:#fff;border:0;height:600px;min-height:0;position:relative;align-self:end;overflow:visible}.hero .ph--hero:before{content:'';position:absolute;background:var(--red);width:180px;height:440px;right:-20px;top:80px;transform:skew(-8deg);z-index:0}.hero .ph--hero:after{content:'FAMILY OWNED. LOCALLY ROOTED.';position:absolute;bottom:0;right:0;background:var(--dark);color:#fff;font:600 12px 'Barlow',sans-serif;letter-spacing:.11em;padding:15px 26px}.hero .ph--hero img{height:100%;width:100%;object-fit:cover;object-position:center 10%;position:relative;mix-blend-mode:multiply}.hero--plain{background:var(--dark)}.hero--plain>.wrap{display:block;min-height:0;padding-block:0}.hero--plain>.wrap>div:first-child{padding-block:75px 80px;max-width:870px}.hero--plain h1{color:white;max-width:800px;font-size:clamp(62px,6.4vw,84px)}.hero--plain .est{color:#f0767e}.hero--plain .lede{color:#c3c4c7;max-width:650px}.hero--plain .btn-ghost{color:white;box-shadow:0 1px #a4a4a5}.hero--plain:after{content:'';position:absolute;right:-45px;top:40px;width:300px;height:calc(100% - 80px);border-left:2px solid #ffffff0f;background:repeating-linear-gradient(0deg,transparent 0,transparent 58px,#ffffff0b 59px,#ffffff0b 61px);transform:skew(-9deg);pointer-events:none}.cd-section{padding-block:96px}.kicker{margin-bottom:22px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;margin-bottom:40px}.section-head h2{margin-bottom:0}.section-head>p{max-width:450px;margin:0 0 4px}.section-head>div>p{margin-bottom:20px}.home-proof{padding-block:32px;background:white;border-bottom:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:36px;align-items:center}.proof-grid>div{padding-left:28px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.proof-grid>div:first-child{padding-left:0;border-left:0}.proof-grid b{font:700 27px 'Barlow Condensed',sans-serif}.proof-grid span{font-size:13px;line-height:1.4;color:#66686c}.proof-grid .stars{font-size:19px;letter-spacing:.12em;color:#c7222b}.proof-grid .review-proof b{font:700 17px 'Barlow',sans-serif}.proof-grid .review-proof>span:last-child{font-size:10px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{padding:34px;border:1px solid var(--line);display:flex;flex-direction:column;color:var(--dark);background:#fff;transition:transform .25s,border-color .25s,box-shadow .25s;min-height:340px}.service-card:hover{transform:translateY(-5px);border-color:var(--red);box-shadow:0 14px 28px #1617190a}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.card-top svg{width:40px;height:40px;color:var(--red)}.card-top>span{font-size:13px;color:#7b7d81}.service-card h3{margin:0 0 14px;font-size:35px}.service-card p{font-size:17px;line-height:1.55;margin:0 0 28px}.card-link{margin-top:auto;display:flex;justify-content:space-between;font-size:15px;font-weight:600}.card-link>span{color:var(--red);font-size:25px}.door-feature{background:#f3f3f1}.door-feature-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center}.door-feature-grid>div>p:not(.kicker){max-width:385px}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:16px;font-weight:600;color:var(--dark);padding-block:10px;border-bottom:1px solid #a2a3a6}.text-link:hover{color:var(--red);border-color:var(--red)}.text-link span{font-size:24px;color:var(--red)}.dealer-wordmark{font:700 33px 'Barlow',sans-serif;letter-spacing:.02em;margin-top:48px;color:#333439}.dealer-wordmark span{font:400 12px 'Barlow',sans-serif;display:block;letter-spacing:.06em;text-transform:uppercase}.door-demo{min-width:0}.garage-scene{aspect-ratio:1.5;position:relative;background:#e5e4df;overflow:hidden}.garage-facade{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#dbdbd7 0,#dbdbd7 26px,#c9cac5 27px,#e7e6e0 29px)}.door-frame{position:absolute;inset:15% 13% 6%;border:8px solid #e9e8e2;box-shadow:0 4px 12px #0003;overflow:hidden;background:#171a1c}.garage-inside{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,#777771,#222426 70%);display:grid;place-items:center;color:white}.garage-inside span{font:700 46px/.95 'Barlow Condensed';text-align:center;letter-spacing:.02em}.door-leaf{position:absolute;inset:0;display:flex;flex-direction:column;background:#34373a;transform:translateY(0);transition:transform 1.1s cubic-bezier(.22,.7,.2,1),background .4s}.is-open .door-leaf{transform:translateY(-97%)}.door-panel{flex:1;border-top:1px solid #6668;border-bottom:2px solid #15181b;background:linear-gradient(#5559,#24272a99);display:flex;gap:8px;padding:8px 10px}.door-panel i{background:linear-gradient(145deg,#b5c5cd,#526773);flex:1;box-shadow:inset 0 0 0 3px #262c30}.door-demo[data-style=traditional] .door-leaf{background:#e7e6dd}.door-demo[data-style=traditional] .door-panel{background:repeating-linear-gradient(90deg,#dddcd3 0,#dddcd3 3%,#b9b9af 4%,#eeede5 5%,#deddd4 23%,#b9b9af 24%,#eeede5 25%);border-color:#b2b2a9}.door-demo[data-style=carriage] .door-leaf{background:#947152}.door-demo[data-style=carriage] .door-panel{background:repeating-linear-gradient(90deg,#957756 0,#9f8160 8%,#795f45 9%,#927553 10%);border-color:#715943}.door-demo[data-style=carriage] .door-leaf:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,transparent 46%,#6a5138 47%,#a18665 50%,transparent 51%),linear-gradient(90deg,transparent 48.5%,#604c38 49%,#bd9d77 51%,transparent 51.5%);pointer-events:none}.door-handles{display:none}.door-demo[data-style=carriage] .door-handles{display:block;position:absolute;left:45%;top:52%;width:10%;height:13%;border-inline:4px solid #292923;z-index:1}.garage-ground{position:absolute;bottom:0;left:0;right:0;height:6%;background:#b9b9b4;box-shadow:0 -2px 4px #0002}.garage-light{position:absolute;top:31%;width:8px;height:29px;background:#252a2a;box-shadow:0 10px 24px #fff}.light-left{left:6%}.light-right{right:6%}.door-controls{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:20px}.door-controls[hidden]{display:none}.style-options{display:flex;gap:7px;flex-wrap:wrap}.style-options button{border:1px solid #c9cace;background:transparent;color:#505158;padding:8px 10px;font-size:13px;line-height:1.4;border-radius:2px}.style-options button[aria-pressed=true]{background:var(--dark);border-color:var(--dark);color:#fff}.door-toggle{border:0;background:none;padding:9px 0;color:var(--red);font-size:13px;font-weight:700;white-space:nowrap}.illustration-note{font-size:11px;color:#73757a;margin:15px 0 0}.family-feature{background:var(--dark);color:#fff}.family-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.family-number{border-left:4px solid var(--red);padding-left:40px}.family-number>span{font-size:12px;letter-spacing:.12em;color:#c1c2c5}.family-number b{display:block;font:700 70px/.99 'Barlow Condensed',sans-serif;letter-spacing:-.02em;margin-block:34px}.family-number em{font-style:normal;color:#f0636c}.family-rule{height:1px;background:#4a4b4f;max-width:350px;margin-bottom:25px}.family-grid .kicker{color:#f27d85}.family-grid h2{font-size:48px}.family-grid p{color:#bfc0c5;font-size:18px}.family-grid .text-link{color:#fff}.family-grid .text-link span{color:#ff7982}.area-feature{padding-block:95px 85px}.area-feature .section-head{margin-bottom:60px}.area-line{display:flex;align-items:center;gap:25px;font:600 12px 'Barlow',sans-serif;letter-spacing:.1em}.area-line b{font-weight:700;color:var(--red)}.area-line i{height:1px;background:#ccc;flex:1}.demo-disclosure{background:#f2f2f1;font-size:12px;color:#686970;padding-block:16px;border-top:1px solid var(--line)}.demo-disclosure>.wrap{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.demo-disclosure b{font-size:12px;font-weight:600;color:#42444a}.motion-control{margin-left:auto;background:white;border:1px solid #bbb;border-radius:2px;font-size:12px;padding:6px 12px;color:#4a4d52}.band{background:var(--red)!important;color:#fff;padding:72px 0}.band h2.sec{font:700 58px/1 'Barlow Condensed',sans-serif;color:#fff;text-transform:none}.band p.sub{color:#fce2e4;font-size:19px;max-width:650px}.band .cta-call{background:white;border-color:white;color:#ad1d25}.band .cta-call:hover{background:#f4e6e8}.site{background:#111214;color:#d1d1d4;padding:65px 0 25px}.site>.wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:35px}.site h4{font:600 16px 'Barlow',sans-serif;color:white;margin-bottom:20px}.site p,.site a{color:#aeb0b5!important;font-size:15px!important;line-height:1.8}.site a:hover{color:white!important}.site .legal{border-top:1px solid #37383d;padding-top:25px;margin-top:20px;font-size:12px;color:#919398}.menu-toggle{display:none}.issue-list{border-top:1px solid var(--line)}.issue-list article{display:grid;grid-template-columns:45px 1fr 1fr;gap:28px;padding:30px 0;border-bottom:1px solid var(--line);align-items:start}.issue-list article>span{font-size:13px;color:var(--red);padding-top:7px}.issue-list h3{margin:0;font-size:32px}.issue-list p{margin:0;font-size:17px}.call-note{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:55px;background:#f3f3f1;padding:36px}.call-note h3{margin-bottom:10px}.call-note p{margin-bottom:0}.call-note .kicker{margin-bottom:10px}.process-section{background:#f3f3f1}.process-section h2{max-width:700px}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:45px 0 0}.steps li{border-top:1px solid #c5c6c9;padding-top:25px}.steps li>span{display:block;font:700 40px 'Barlow Condensed';color:var(--red);margin-bottom:25px}.steps h3{font-size:29px;margin-bottom:15px}.steps p{font-size:17px;margin-bottom:0}.related-section{padding-block:55px}.related-links{display:flex;gap:50px;flex-wrap:wrap}.related-links .text-link{font:600 32px 'Barlow Condensed';min-width:250px;justify-content:space-between}.style-section .door-demo{max-width:920px;margin:auto}.style-section .garage-scene{aspect-ratio:1.9}.style-descriptions{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.style-descriptions article{padding-left:24px;border-left:2px solid var(--red)}.style-descriptions h3{margin-bottom:10px}.style-descriptions p{font-size:17px;margin:0}.product-details{background:var(--dark);color:white}.product-details p{color:#bfc0c5}.product-details .kicker{color:#f27d85}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.detail-grid article{border-top:1px solid #4a4b51;padding-top:25px}.detail-grid span{font-size:13px;color:#f27d85}.detail-grid h3{margin:25px 0 15px}.detail-grid p{font-size:17px}.manufacturer-link{border-top:1px solid #4a4b51;padding-top:25px;margin-top:25px;display:flex;gap:25px;align-items:center;flex-wrap:wrap}.manufacturer-link>b{font-size:19px}.manufacturer-link .text-link{color:white;margin-left:auto}.manufacturer-link .text-link span{color:#f27d85}.manufacturer-link p{font-size:13px;margin:0}.opener-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.opener-visual{position:relative;min-height:500px;background:#f0f0ed;overflow:hidden}.opener-track{position:absolute;top:0;bottom:48%;left:calc(50% - 7px);width:14px;background:linear-gradient(90deg,#6f7274,#d8dadd,#63666b);box-shadow:15px 12px 18px #0001}.opener-unit{position:absolute;top:35%;left:20%;width:60%;height:34%;border-radius:26px 26px 65px 65px;background:linear-gradient(110deg,#373a40,#181a1e);border-top:16px solid #be1d2b;box-shadow:20px 25px 24px #0002;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;transform:rotate(-8deg)}.opener-unit b{font:700 30px 'Barlow';font-style:italic}.opener-unit>span{font-size:8px;letter-spacing:.18em;margin-top:8px;color:#cdd0d3}.opener-glow{position:absolute;bottom:6px;left:20%;width:60%;height:12px;background:#faf9e9;border-radius:0 0 14px 14px;box-shadow:0 15px 25px #fff9dba0}.opener-caption{position:absolute;bottom:22px;left:28px;color:#66686e;font-size:11px}.feature-list{list-style:none;padding:0;margin:30px 0}.feature-list li{border-top:1px solid var(--line);padding:14px 0;display:flex;flex-direction:column}.feature-list b{font-size:17px;font-weight:600}.feature-list span{font-size:15px;color:#64666b}.small-copy{font-size:13px;color:#75777e}.story-editorial{display:grid;grid-template-columns:1fr 1fr;gap:0 100px}.story-editorial>.kicker{grid-column:1/-1}.story-editorial h2{font-size:60px}.story-editorial p{font-size:18px}.story-editorial .story-lead{font-size:25px;line-height:1.3;color:var(--dark);font-weight:600}.story-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:65px}.story-timeline article{border-top:2px solid var(--red);padding-top:25px}.story-timeline span{font-size:11px;font-weight:600;letter-spacing:.1em}.story-timeline b{display:block;font:700 54px 'Barlow Condensed';margin-block:20px 10px}.story-timeline p{font-size:16px}.contact-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:75px}.contact-card{padding:44px;background:#f4f4f2;border-top:4px solid var(--red)}.contact-card h2{font-size:54px}.contact-phone{display:flex;justify-content:space-between;font:700 39px 'Barlow Condensed';color:var(--red);padding-block:28px 15px;border-bottom:1px solid #ccc}.contact-email{display:flex;justify-content:space-between;gap:16px;font:600 20px 'Barlow';color:var(--dark);padding-block:20px;overflow-wrap:anywhere}.contact-prep ol{padding:0;list-style:none;counter-reset:prep}.contact-prep li{position:relative;padding:0 0 20px 48px;counter-increment:prep}.contact-prep li:before{content:counter(prep,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--red);font-size:14px}.contact-prep li b{font-size:20px;font-weight:600}.contact-prep li p{font-size:16px;margin:9px 0}.availability{border-top:1px solid var(--line);padding-top:20px}.availability b{font-size:17px}.availability p{font-size:16px;margin-bottom:0}.reading-mode *, .reading-mode *:before,.reading-mode *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reading-mode [data-rv]{opacity:1!important;transform:none!important}
@media(min-width:1500px){.hero>.wrap{min-height:670px}.hero .ph--hero{height:670px}.hero h1{font-size:110px}}
@media(max-width:1150px){.wrap{padding-inline:32px}.masthead>.wrap{gap:20px}.masthead .cta-call{display:none}.main{gap:23px}.hero h1{font-size:82px}.hero .ph--hero,.hero>.wrap{height:auto;min-height:570px}.hero .ph--hero{height:570px}.hero .lede{font-size:19px;padding-right:25px}.hero-actions{gap:18px}.hero-actions .cta-call{padding:17px}.proof-grid{gap:20px}.proof-grid>div{padding-left:20px}.door-feature-grid,.family-grid,.opener-grid{gap:45px}.family-number b{font-size:60px}.door-controls{align-items:flex-start;flex-direction:column;gap:5px}.section-head{gap:65px}.contact-grid{gap:40px}.contact-card{padding:30px}.contact-phone{font-size:34px}}
@media(max-width:800px){.wrap{padding-inline:24px}.topbar .wrap{font-size:10px;letter-spacing:.06em;min-height:33px}.topbar .wrap>span:last-child{display:none}.masthead>.wrap{min-height:90px;flex-wrap:wrap;padding-block:14px;gap:12px}.brandmark>.ph--logo{height:52px;width:62px}.brandmark>.ph--logo img{width:123px;left:-30px}.brandmark b{font-size:23px}.brandmark small{font-size:9px}.main{width:100%;flex-wrap:wrap;gap:10px 24px;padding-block:10px}.main a{font-size:16px}.nav-ready .main{display:none}.nav-ready .main.is-open{display:flex}.menu-toggle{display:block;background:white;border:1px solid #ccc;border-radius:2px;padding:10px 14px;color:var(--dark);font-size:14px;font-weight:600}.hero>.wrap{grid-template-columns:1fr 0.8fr;min-height:490px}.hero>.wrap>div:first-child{padding-block:42px}.hero h1{font-size:68px;max-width:430px}.hero .lede{font-size:17px;max-width:430px;padding-right:10px}.hero .est{font-size:10px;max-width:270px;margin-bottom:20px}.hero .ph--hero{height:490px;min-height:0}.hero .ph--hero img{object-position:48% top}.hero .ph--hero:after{font-size:8px;padding:10px}.hero-actions{flex-wrap:wrap;gap:9px 20px}.hero-actions .cta-call{font-size:15px;padding:16px}.btn-ghost{font-size:14px;padding:11px 0}.hero--plain>.wrap{min-height:0}.hero--plain>.wrap>div:first-child{padding-block:55px}.hero--plain h1{font-size:64px;max-width:600px}.hero--plain .lede{font-size:19px}.hero--plain .est{max-width:none}.home-proof{padding-block:28px}.proof-grid{grid-template-columns:1.4fr 1fr;gap:25px}.proof-grid>div:nth-child(3){padding-left:0;border-left:0}.proof-grid b{font-size:27px}.cd-section{padding-block:64px}.home-proof{padding-block:28px}.section-head{gap:30px}.section-head h2{font-size:48px}.section-head p{font-size:16px}.service-grid{gap:12px}.service-card{padding:23px;min-height:330px}.service-card h3{font-size:28px}.service-card p{font-size:16px}.card-top{margin-bottom:28px}.card-link{font-size:13px}.door-feature-grid{grid-template-columns:1fr;gap:40px}.door-feature-grid>div:first-child{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.door-feature-grid .kicker{grid-column:1/-1}.door-feature-grid h2{grid-row:2/5}.dealer-wordmark{margin-top:20px}.door-controls{flex-direction:row;align-items:center}.family-grid{gap:35px}.family-number{padding-left:25px}.family-number b{font-size:51px}.family-grid h2{font-size:40px}.family-grid p{font-size:16px}.family-grid .text-link{font-size:14px;gap:12px}.area-line{gap:16px;font-size:9px}.demo-disclosure>.wrap{gap:6px 18px}.motion-control{margin-left:0}.band{padding:55px 0}.band h2.sec{font-size:48px}.site>.wrap{grid-template-columns:1fr 1fr;gap:30px}.issue-list article{grid-template-columns:35px 1fr;gap:12px}.issue-list article p{grid-column:2}.issue-list article h3{font-size:28px}.call-note{padding:25px;align-items:flex-start;flex-direction:column;gap:25px}.steps{gap:24px}.steps h3{font-size:25px}.steps p{font-size:16px}.opener-grid{grid-template-columns:1fr;gap:40px}.opener-visual{min-height:360px;max-width:500px;width:100%;margin:auto}.opener-unit{height:39%;width:52%;left:24%}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-card{max-width:none}.story-editorial{gap:30px}.story-editorial h2{font-size:47px}.story-timeline{gap:25px}.story-timeline b{font-size:43px}.related-section{padding-block:40px}.related-links{gap:25px}.detail-grid{gap:24px}}
@media(max-width:580px){.wrap{padding-inline:22px}.hero>.wrap{display:flex;flex-direction:column;min-height:0}.hero>.wrap>div:first-child{width:100%;padding:38px 0 34px}.hero h1{font-size:72px;max-width:355px;margin-bottom:22px}.hero .lede{font-size:17px;line-height:1.55;margin-bottom:22px;padding:0;max-width:380px}.hero .est{max-width:100%;font-size:9px;letter-spacing:.09em;margin-bottom:20px}.hero-actions{gap:15px}.hero-actions .cta-call{padding:16px;font-size:14px}.btn-ghost{font-size:14px}.hero .ph--hero{height:355px;width:calc(100% + 44px);align-self:center;background:white;overflow:hidden}.hero .ph--hero img{width:100%;object-fit:cover;object-position:50% 18%;mix-blend-mode:multiply}.hero .ph--hero:before{right:30px;height:320px;top:20px;width:110px}.hero .ph--hero:after{font-size:9px;padding:12px 20px}.hero--plain>.wrap>div:first-child{padding:43px 0 48px}.hero--plain h1{font-size:60px;max-width:430px}.hero--plain .lede{font-size:17px}.hero--plain:after{right:-150px;opacity:.6}.proof-grid{gap:22px 17px;grid-template-columns:1.25fr 1fr}.proof-grid b{font-size:24px}.proof-grid .review-proof b{font-size:14px}.proof-grid span{font-size:11px}.proof-grid .stars{font-size:17px}.proof-grid .review-proof>span:last-child{font-size:9px}.proof-grid>div{padding-left:16px}.cd-section{padding-block:52px}.home-proof{padding-block:26px}.kicker{font-size:10px;margin-bottom:18px}h2,.section-head h2{font-size:46px;line-height:1.04}.section-head{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.section-head>p{font-size:17px}.service-grid{grid-template-columns:1fr;gap:15px}.service-card{padding:25px;min-height:0}.card-top{margin-bottom:22px}.card-top svg{width:35px;height:35px}.service-card h3{font-size:33px}.service-card p{font-size:17px;margin-bottom:17px}.card-link{font-size:15px}.door-feature-grid>div:first-child{display:block}.door-feature-grid h2{font-size:49px}.door-feature-grid p{font-size:17px}.dealer-wordmark{font-size:27px;margin-top:28px}.door-feature-grid{gap:30px}.garage-scene{aspect-ratio:1.25}.garage-inside span{font-size:40px}.door-panel{gap:5px;padding:6px}.door-frame{border-width:6px;inset:16% 11% 7%}.door-controls{flex-direction:column;align-items:stretch;gap:7px;margin-top:16px}.style-options{justify-content:space-between;gap:5px}.style-options button{flex:1;font-size:12px;padding:8px}.door-toggle{align-self:flex-end}.illustration-note{font-size:10px;margin-top:8px}.family-grid{grid-template-columns:1fr;gap:40px}.family-number{padding-left:25px}.family-number b{font-size:60px;margin-block:25px}.family-number>span{font-size:10px}.family-grid h2{font-size:44px}.family-grid p{font-size:17px}.family-grid .text-link{font-size:16px}.area-feature .section-head{margin-bottom:30px}.area-line{flex-wrap:wrap;gap:12px;font-size:9px}.area-line i{min-width:12px}.area-line span:last-child{width:100%}.demo-disclosure{padding-block:18px}.demo-disclosure>.wrap{gap:8px}.demo-disclosure b,.demo-disclosure span{font-size:11px}.band{padding:48px 0}.band h2.sec{font-size:44px}.band p.sub{font-size:17px}.site{padding-top:45px}.site>.wrap{gap:30px 22px}.site h4{font-size:15px}.site a,.site p{font-size:13px!important}.site .legal{font-size:10px}.steps,.style-descriptions,.detail-grid,.story-timeline{grid-template-columns:1fr;gap:25px}.steps{margin-top:32px}.steps li{position:relative;padding:24px 0 0 53px}.steps li>span{position:absolute;left:0;top:17px;font-size:33px}.steps h3{font-size:29px;margin-bottom:10px}.steps p{font-size:16px}.issue-list h3{font-size:29px!important}.issue-list p{font-size:16px!important}.call-note h3{font-size:29px}.call-note p{font-size:16px}.related-section{padding-block:35px}.related-links{gap:15px}.related-links .text-link{font-size:28px;width:100%}.style-section .garage-scene{aspect-ratio:1.25}.style-descriptions{margin-top:30px}.style-descriptions h3{font-size:28px}.product-details .section-head{margin-bottom:30px}.detail-grid h3{margin-top:15px;font-size:29px}.detail-grid p{margin-bottom:0}.manufacturer-link{gap:15px}.manufacturer-link .text-link{margin:0;font-size:14px;gap:15px}.opener-visual{min-height:300px}.opener-unit b{font-size:26px}.opener-unit>span{font-size:7px}.story-editorial{display:block}.story-editorial h2{font-size:48px;margin-bottom:28px}.story-editorial p{font-size:17px}.story-timeline{margin-top:40px}.story-timeline b{font-size:43px;margin-block:14px 7px}.story-timeline p{margin-bottom:0}.contact-card{padding:30px 22px}.contact-card h2{font-size:43px}.contact-card p{font-size:16px}.contact-phone{font-size:31px;padding-block:22px 13px}.contact-email{font-size:17px;gap:8px}.contact-card .small-copy{font-size:11px;margin-bottom:0}.contact-prep li{padding-left:39px}.contact-prep li b{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Override shared shell selectors at matching specificity. */
.masthead .wrap{padding:16px 48px;flex-wrap:nowrap}
nav.main{gap:23px;flex-wrap:nowrap;margin-left:auto}
nav.main a{font:600 15px 'Barlow',sans-serif;padding:10px 0;color:#4c4d52;border-radius:0}
nav.main a:hover,nav.main a[aria-current="page"]{background:none;color:#cf242c}
.hero p.lede{color:#55585e;font-size:20px;max-width:530px;line-height:1.6;margin:0 0 30px}
.hero--plain p.lede{color:#c3c4c7;max-width:650px}
.brandmark>.ph--logo{width:62px;height:62px;background:#fff}
.brandmark>.ph--logo img{content:url('../icons/icon-192.png');position:static;width:62px;height:62px;object-fit:contain;max-width:100%}
.brandmark b{display:block;max-width:160px}
.hero .ph--hero img{mix-blend-mode:normal}
.hero .ph--hero:before{z-index:1;width:14px;right:-15px;top:0;height:100%;transform:none}
@media(max-width:1150px){.masthead .wrap{padding:16px 32px}.hero p.lede{font-size:19px}}
@media(max-width:800px){.masthead .wrap{padding:14px 24px;flex-wrap:wrap}nav.main{width:100%;flex-wrap:wrap;gap:10px 24px}.nav-ready nav.main{display:none}.nav-ready nav.main.is-open{display:flex}nav.main a{font-size:16px}.hero p.lede{font-size:17px}.hero--plain p.lede{font-size:19px}.brandmark>.ph--logo,.brandmark>.ph--logo img{width:52px;height:52px}}
@media(max-width:580px){.masthead .wrap{padding:14px 22px}.hero p.lede,.hero--plain p.lede{font-size:17px;line-height:1.55;margin-bottom:22px}.hero .ph--hero:before{right:0;width:8px}}
footer.site{background:#111214}
footer.site a[href$="dashboard/index.html"]{display:inline-block;margin-top:7px;padding:5px 11px;border:1px solid #ffffff42;border-radius:2px;font-size:11px;line-height:1.25;letter-spacing:.08em;text-transform:uppercase}
footer.site a[href$="dashboard/index.html"]:hover{border-color:#fff}
.door-feature .illustration-note{font-size:11px!important}
@media(max-width:580px){.hero .ph--hero img{object-position:50% 0%}.door-feature .illustration-note{font-size:10px!important}}
.native-mobile-menu{display:none}
@media(max-width:800px){nav.main,.nav-ready nav.main{display:none}.native-mobile-menu{display:block;margin-left:auto}.native-mobile-menu summary{cursor:pointer;list-style:none;border:1px solid #ccc;padding:9px 14px;font-size:14px;font-weight:600;border-radius:2px}.native-mobile-menu summary::-webkit-details-marker{display:none}.native-mobile-menu summary:after{content:' +';margin-left:8px}.native-mobile-menu[open] summary:after{content:' −'}.native-mobile-menu nav{position:absolute;top:100%;left:0;right:0;z-index:20;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-top:1px solid #ddd;border-bottom:2px solid var(--red);padding:20px 24px;gap:10px 25px;box-shadow:0 12px 14px #0001}.native-mobile-menu nav a{font-size:16px;color:#333;padding:8px 0}.native-mobile-menu nav a[aria-current]{color:var(--red)}.native-mobile-menu summary:focus-visible{outline:3px solid #ef7c31;outline-offset:4px}}
@media(max-width:360px){.masthead .wrap{padding-inline:18px;gap:8px}.brandmark{gap:8px}.brandmark b{max-width:129px;font-size:21px}.brandmark>.ph--logo,.brandmark>.ph--logo img{width:43px;height:43px}.native-mobile-menu summary{padding:8px 10px;font-size:13px}.hero h1{font-size:62px}.hero--plain h1{font-size:54px}}
/* September concept revision: full logo, charcoal hero, photographic reveal. */
.masthead .wrap{min-height:145px;padding-block:10px;gap:26px}
.brandmark>.ph--logo{width:245px;height:126px;background:transparent;overflow:visible}
.brandmark>.ph--logo img{content:normal;position:static;width:100%;height:100%;max-width:100%;object-fit:contain}
.brandmark>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
nav.main{gap:20px}nav.main a{font-size:15px}
.hero:not(.hero--plain){background:radial-gradient(ellipse at 74% 28%,#43484b 0,#242a2e 42%,#101619 85%);color:#fff}
.hero:not(.hero--plain)>.wrap{min-height:620px;grid-template-columns:1.15fr .85fr;position:relative}
.hero:not(.hero--plain)>.wrap>div:first-child{padding-block:66px;max-width:740px}
.hero:not(.hero--plain) h1{color:#fff;text-transform:uppercase;max-width:700px;font-size:clamp(65px,6.5vw,94px);line-height:.96;letter-spacing:-.015em;text-wrap:balance}
.hero:not(.hero--plain) .est{color:#ff8b91;font-size:12px;letter-spacing:.14em}
.hero:not(.hero--plain) p.lede{color:#e0e3e5;font-size:18px;max-width:515px;line-height:1.55}
.hero:not(.hero--plain) .btn-ghost{color:white;border:1px solid #adb1b5;box-shadow:none;padding:17px 20px;font-size:15px}
.hero:not(.hero--plain) .ph--hero{height:620px;background:transparent;overflow:hidden;align-self:end;width:calc(100% + 60px);margin-left:-25px}
.hero:not(.hero--plain) .ph--hero img{object-fit:cover;object-position:center top;width:100%;height:100%;mix-blend-mode:normal}
.hero:not(.hero--plain) .ph--hero:before{display:none}
.hero:not(.hero--plain) .ph--hero:after{bottom:20px;right:10px;background:#11171bbd;border-left:3px solid var(--red);font-size:10px;padding:12px 18px}
.home-proof{background:#192024;border-top:1px solid #454a4d;border-bottom:3px solid var(--red)}
.proof-grid>div{border-color:#51575a}.proof-grid b{color:#fff}.proof-grid span{color:#c5cbd0}.proof-grid .stars{color:#ff656e}
.service-paths{padding-block:75px}.service-paths h2{font-size:58px;text-transform:uppercase}.service-card{background:#f6f6f4;border:0;border-top:3px solid #cf242c;min-height:280px;padding:28px}.card-top{margin-bottom:25px}.service-card h3{text-transform:uppercase;font-size:35px}
.door-feature{background:#eceeed}.door-feature-grid{grid-template-columns:1.2fr 1fr;gap:80px}.door-feature-grid>div>p:not(.kicker){max-width:520px}.door-feature .dealer-wordmark{margin-top:32px}
.family-feature{background:linear-gradient(110deg,#10171b,#2a3034)}
.family-number b{font-size:66px}.family-number em{color:#ff6974}.family-grid .kicker{color:#ff8992}
.project-section{background:#131b20;color:white}.project-section p{color:#c4cbd0}.project-section .kicker{color:#ff8992}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px}.project-images{position:relative;overflow:hidden;background:#23292d}.project-images figure{margin:0;position:relative}.project-images .ph-img{display:block;width:100%;height:auto;aspect-ratio:4/3;background:none;border:0}.project-images img{display:block;width:100%;height:100%;object-fit:cover}.project-images figcaption{position:absolute;bottom:18px;left:18px;color:#fff;background:#10171be6;padding:7px 13px;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.reveal-ready .project-before{position:absolute;inset:0;transform:translateY(0);transition:transform 1.25s cubic-bezier(.3,.05,.2,1);box-shadow:0 14px 28px #0007;z-index:1}.reveal-ready.is-open .project-before{transform:translateY(-101%)}.project-caption{display:flex;gap:16px;align-items:center;justify-content:space-between;padding-top:20px}.project-caption h3{margin:0;font-size:28px;color:#fff}.lift-button{background:#cf242c;color:#fff;padding:12px 18px;border:0;font-size:14px;font-weight:600;white-space:nowrap}.lift-button:hover{background:#a41922}.lift-button[hidden]{display:none}.project-status.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1150px){.brandmark>.ph--logo{width:230px;height:119px}.masthead .wrap{min-height:135px}.hero:not(.hero--plain) h1{font-size:75px}.hero:not(.hero--plain) .ph--hero{width:calc(100% + 35px);margin-left:-15px}.hero-actions{gap:12px}}
@media(max-width:800px){.masthead .wrap{min-height:116px;padding-block:7px;flex-wrap:nowrap}.brandmark>.ph--logo{width:205px;height:105px}.hero:not(.hero--plain)>.wrap{min-height:520px;grid-template-columns:1.2fr .8fr}.hero:not(.hero--plain)>.wrap>div:first-child{padding-block:45px}.hero:not(.hero--plain) h1{font-size:66px}.hero:not(.hero--plain) .est{font-size:10px}.hero:not(.hero--plain) p.lede{font-size:17px}.hero:not(.hero--plain) .ph--hero{height:520px;width:calc(100% + 65px);margin-left:-35px}.hero:not(.hero--plain) .btn-ghost{padding:14px 16px}.project-grid{grid-template-columns:1fr}.service-paths h2{font-size:48px}.door-feature-grid{grid-template-columns:1fr 1fr;gap:30px}.door-feature-grid>div:first-child{display:block}.family-number b{font-size:53px}}
@media(max-width:580px){.masthead .wrap{padding:7px 22px;min-height:108px}.brandmark>.ph--logo{width:185px;height:95px}.hero:not(.hero--plain)>.wrap{display:block;min-height:0}.hero:not(.hero--plain)>.wrap>div:first-child{padding:40px 0 25px}.hero:not(.hero--plain) h1{font-size:66px;max-width:420px}.hero:not(.hero--plain) .est{font-size:9px;letter-spacing:.09em}.hero:not(.hero--plain) p.lede{font-size:17px;max-width:400px}.hero:not(.hero--plain) .ph--hero{height:370px;width:100%;max-width:385px;margin:0 auto;overflow:hidden}.hero:not(.hero--plain) .ph--hero img{object-position:center top;object-fit:cover}.hero:not(.hero--plain) .ph--hero:after{right:0;bottom:12px;font-size:9px}.hero-actions{gap:12px}.hero:not(.hero--plain) .btn-ghost{font-size:13px;padding:15px 12px}.hero-actions .cta-call{font-size:13px;padding:17px 13px}.service-paths{padding-block:50px}.service-card{min-height:0}.door-feature-grid{grid-template-columns:1fr;gap:12px}.family-number b{font-size:60px}.project-caption{flex-wrap:wrap}.project-caption h3{font-size:27px}.project-grid{gap:34px}}
@media(max-width:360px){.masthead .wrap{padding-inline:18px;gap:10px}.brandmark>.ph--logo{width:165px;height:85px}.hero:not(.hero--plain) h1{font-size:57px}.hero-actions{flex-wrap:wrap}.hero:not(.hero--plain) .ph--hero{height:320px}}
.hero:not(.hero--plain){background-image:linear-gradient(90deg,#0d141af2 0%,#131b22d9 40%,#11182044 100%),url('../img/green-af-1600.webp');background-size:cover;background-position:center 40%}
.service-card .service-photo{display:block;width:calc(100% + 56px);max-width:none;height:195px;margin:-28px -28px 24px;overflow:hidden;background:#e1e2e1;border:0}.service-card .service-photo img{width:100%;height:100%;object-fit:cover}.service-card .card-top{display:none}.service-card{border-top:0;overflow:hidden}.family-photo .ph-img{display:block;width:100%;aspect-ratio:1.16;overflow:hidden;border:0;background:transparent}.family-photo img{width:100%;height:100%;object-fit:cover;object-position:45% 55%}.family-photo p{font-size:12px;letter-spacing:.05em;margin:14px 0 0;color:#c7cdd0}.family-feature .family-grid{gap:65px}.family-grid h2{text-transform:uppercase;font-size:54px}.project-images .ph-img{aspect-ratio:1.35}.project-grid .project-reveal:nth-child(3) .project-after img{object-position:center 49%}
footer.site>.wrap>div:first-child:before{content:'';display:block;width:225px;max-width:100%;aspect-ratio:1.94;background:transparent url('../img/logo-footer-800.webp') center/100% auto no-repeat;margin-bottom:22px;border-radius:2px}
@media(max-width:800px){.service-card .service-photo{width:calc(100% + 46px);margin:-23px -23px 23px;height:145px}.family-feature .family-grid{gap:35px}.family-grid h2{font-size:42px}}
@media(max-width:580px){.hero:not(.hero--plain){background-image:linear-gradient(180deg,#10171cf0 0%,#10171cc9 53%,#11182050 100%),url('../img/green-af-800.webp');background-position:60% center}.service-card .service-photo{width:calc(100% + 50px);margin:-25px -25px 23px;height:220px}.family-feature .family-grid{gap:30px}.family-photo .ph-img{aspect-ratio:1.3}.family-grid h2{font-size:45px}}
@media(max-width:580px){.hero:not(.hero--plain) h1{font-size:55px;text-wrap:initial;max-width:355px}.hero:not(.hero--plain)>.wrap>div:first-child{padding-top:30px}.hero:not(.hero--plain) .ph--hero{height:330px}}
@media(max-width:360px){.hero:not(.hero--plain) h1{font-size:49px}}

.project-more{display:inline-flex;margin-top:35px;color:#fff;border-bottom:1px solid #929a9f;padding-bottom:8px;font-weight:600;gap:20px}.project-more:hover{color:#ff8992}