.p-pro .prod-hero{width:calc(100% - 20px);height:100vh;margin:0 auto;border-radius:18px;overflow:hidden;position:relative;background:url(/assets/pro-rta/pro_rta_bg.jpg) center 54%/cover no-repeat;display:flex;align-items:center;justify-content:center}.p-pro .prod-hero:after{content:"";position:absolute;inset:0;background:hsla(0,0%,4%,.25)}.p-pro .prod-hero .wordmark{position:relative;z-index:2;font-size:118px;font-weight:300;color:#fff;text-shadow:0 2px 26px rgba(0,0,0,.3)}.p-pro .prod-hero .scroll{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:2;width:30px;height:48px;border:2px solid hsla(0,0%,100%,.85);border-radius:16px;display:flex;justify-content:center;padding-top:8px}.p-pro .prod-hero .scroll i{width:4px;height:9px;background:#fff;border-radius:3px;animation:sd 1.5s infinite}@keyframes sd{0%{opacity:0;transform:translateY(-4px)}40%{opacity:1}80%{opacity:0;transform:translateY(8px)}}.p-pro .prod-head{text-align:center;padding:56px 0 6px}.p-pro .prod-head h1{font-family:var(--hd);font-weight:500;font-size:72px;color:var(--muted);margin:0}.p-pro .prod-head p{font-family:var(--bd);font-size:14.5px;color:#7a7a7a;max-width:1020px;margin:20px auto 0;line-height:1.6}.p-pro .door-styles{padding:44px 0 60px}.p-pro .door-styles h2{font-family:var(--hd);font-weight:500;font-size:30px;color:var(--muted);text-align:center;margin:0 0 38px}.p-pro .door-cards{display:flex;justify-content:center;gap:40px}.p-pro .door-card{width:475px;height:300px;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 12px 30px rgba(0,0,0,.16)}.p-pro .door-card img{width:100%;height:100%;object-fit:cover}.p-pro .swatch{position:absolute;left:5px;bottom:5px;width:108px;background:#fff;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.2);padding:10px 10px 8px;text-align:center}.p-pro .swatch .door.gray{background:#c9cdcd;box-shadow:inset 0 0 0 7px #c9cdcd,inset 0 0 0 8px #b3b8b8}.p-pro .swatch span{display:block;font-family:var(--bd);font-size:11px;color:#444;margin-top:7px}.p-pro .feat-strip{background:#e7f0f0;padding:34px 0}.p-pro .feat-strip .row{display:flex;justify-content:center;gap:130px}.p-pro .feat-strip .f{display:flex;flex-direction:column;align-items:center;gap:12px;width:96px;text-align:center}.p-pro .feat-strip .f img{width:100%;height:100%}.p-pro .feat-strip .f span{font-family:var(--bd);font-weight:500;font-size:10px;line-height:1.3;color:#222}.p-pro .plywood-strip{background:#e7f0f0;display:flex;align-items:center;justify-content:center;gap:18px;margin-top:10px}.p-pro .plywood-strip p{font-family:var(--hd);font-weight:500;font-size:22px;color:#878787}.p-pro .seal{width:58px;height:auto;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;letter-spacing:.04em;padding:6px}.p-pro .inspo-center{padding:64px 0 40px}.p-pro .inspo-center h2{font-family:var(--hd);font-weight:500;font-size:36px;color:var(--muted);text-align:center;margin:0}.p-pro .inspo-center .sub{font-family:var(--bd);font-size:14px;color:#7a7a7a;text-align:center;margin:14px 0 40px}.p-pro .collage{width:1020px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:230px 230px;grid-gap:16px;gap:16px}.p-pro .collage div{border-radius:14px;overflow:hidden;box-shadow:0 4px 4px rgba(0,0,0,.25)}.p-pro .collage img{width:100%;height:100%;object-fit:cover}.p-pro .collage .c1{grid-column:1;grid-row:1}.p-pro .collage .c2{grid-column:2;grid-row:1}.p-pro .collage .c3{grid-column:3;grid-row:1/span 2}.p-pro .collage .c4{grid-column:1/span 2;grid-row:2}.p-pro .inspo-cta{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:38px}.p-pro .inspo-cta .t{font-family:var(--hd);font-weight:500;font-size:18px;color:#5a5a5a}.p-pro .inspo-cta .arrow{width:38px;height:38px;border-radius:50%;background:var(--sage);display:flex;align-items:center;justify-content:center}.p-pro .inspo-cta .arrow svg{width:16px;height:16px;color:#fff}.p-pro .freedesign{background:var(--sage-tint);position:relative;overflow:hidden;height:272px;margin-top:50px}.p-pro .freedesign .wrap{width:calc(100% - 100px);margin:0 auto;height:100%;display:flex;align-items:center}.p-pro .fd-left h2{font-family:var(--hd);font-weight:500;font-size:30px;color:var(--muted);letter-spacing:.03em;margin:0 0 22px}.p-pro .fd-checks{display:flex;gap:30px;margin-bottom:30px}.p-pro .fd-check{display:flex;align-items:center;gap:8px;font-family:var(--bd);font-size:13px;color:#959595;font-weight:300}.p-pro .fd-check .ck{width:16px;height:16px;color:var(--sage);flex:none}.p-pro .fd-cta{display:flex;align-items:center;gap:14px}.p-pro .fd-arrow{width:38px;height:38px;border-radius:50%;background:var(--sage);display:flex;align-items:center;justify-content:center}.p-pro .fd-arrow svg{width:16px;height:16px;color:#fff}.p-pro .fd-dot{width:12px;height:12px;border-radius:50%;background:#09c300}.p-pro .fd-right{position:absolute;right:0;top:0;width:520px;height:100%}.p-pro .fd-right img{position:absolute;right:0;top:-8px;width:515px;height:auto}@media (max-width:1024px){.p-pro .prod-hero{height:360px}.p-pro .prod-hero .wordmark{font-size:84px}.p-pro .prod-head h1{font-size:56px}.p-pro .door-cards{flex-wrap:wrap;gap:28px;padding:0 20px}.p-pro .door-card{width:100%;max-width:475px;height:280px}.p-pro .feat-strip .row{flex-wrap:wrap;gap:40px;padding:0 20px}.p-pro .plywood-strip{flex-wrap:wrap;text-align:center;padding:0 20px}.p-pro .collage{width:100%;max-width:840px;padding:0 20px;grid-template-columns:1fr 1fr;grid-template-rows:auto}.p-pro .collage .c1{grid-column:1;grid-row:auto}.p-pro .collage .c2{grid-column:2;grid-row:auto}.p-pro .collage .c3,.p-pro .collage .c4{grid-column:1/span 2;grid-row:auto}.p-pro .collage div{height:230px}.p-pro .freedesign{height:auto}.p-pro .freedesign .wrap{width:100%;max-width:100%}.p-pro .fd-checks{flex-wrap:wrap;gap:18px 30px}.p-pro .fd-right img{top:22px;width:100%}.p-semi-custom .fd-left h2{font-size:20px}}@media (max-width:640px){.p-pro .prod-hero{height:280px}.p-pro .prod-hero .wordmark{font-size:52px}.p-pro .prod-head h1{font-size:40px}.p-pro .door-styles h2,.p-pro .inspo-center h2{font-size:26px}.p-pro .door-cards{gap:24px}.p-pro .door-card{max-width:100%;height:240px}.p-pro .feat-strip .row{gap:28px 40px}.p-pro .collage{grid-template-columns:1fr;grid-template-rows:auto}.p-pro .collage .c1,.p-pro .collage .c2,.p-pro .collage .c3,.p-pro .collage .c4{grid-column:1;grid-row:auto}.p-pro .collage div{height:200px}.p-pro .freedesign .wrap{padding:32px 18px}.p-pro .fd-left h2{font-size:24px}.p-pro .fd-circle{right:12px;top:8px;width:130px;height:130px}}.p-pro .collage-item{position:relative;cursor:pointer;border-radius:15px;box-shadow:0 4px 4px rgba(0,0,0,.25)}.p-pro .collage-overlay{position:absolute;inset:0;background:hsla(0,0%,4%,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .25s ease}.p-pro .collage-item:hover .collage-overlay{opacity:1}.p-pro .collage-overlay svg{width:26px;height:26px;color:#fff}.p-pro .collage-overlay span{font-family:var(--bd);font-weight:500;font-size:13px;color:#fff;text-align:center;padding:0 12px}.p-pro .lightbox{position:fixed;inset:0;background:hsla(0,0%,8%,.7);z-index:1000;display:flex;align-items:center;justify-content:center;padding:40px}.p-pro .lb-content{position:relative;max-width:700px;width:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.35)}.p-pro .lb-close{position:absolute;top:18px;right:22px;width:40px;height:40px;border:none;background:transparent;color:#666;font-size:34px;cursor:pointer}.p-pro .lb-close svg{width:16px;height:16px}.p-pro .lb-nav{background:none;border:none;color:#fff;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.p-pro .lb-nav svg{width:30px;height:30px;stroke-width:2;color:#7a9797}.p-pro .lb-prev{margin-right:20px}.p-pro .lb-next{margin-left:20px}.inspo-center .lb-content{position:relative;width:min(1100px,90vw);max-height:90vh;background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:30px 40px 35px;box-sizing:border-box}.inspo-center .lb-header{width:100%;text-align:center;background:#fff;margin-bottom:20px}.inspo-center .lb-header h2{margin:0;font-size:40px;font-weight:500;color:#708686;line-height:1.2}.inspo-center .lb-header p{margin-top:10px;font-size:16px;color:#6d7c7c}.inspo-center .lb-image-wrap{width:100%;height:55vh;background:#fff;display:flex;align-items:center;justify-content:center}.inspo-center .lb-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px}.inspo-center .inspo-cta{margin-top:25px}.inspo-center .inspo-cta,.lb-image-wrap{width:100%;background:#fff;display:flex;justify-content:center;align-items:center}.lb-image-wrap{height:520px;overflow:hidden;border-radius:16px}.lb-image{width:100%;height:100%;object-fit:cover;object-position:center}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;background:transparent;color:#fff;font-size:42px;font-weight:300;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:0;box-shadow:none;transition:.25s ease;z-index:20}.lb-nav:hover{transform:translateY(-50%) scale(1.15)}.lb-prev{left:35px}.lb-next{right:35px}@media (max-width:768px){.freedesign{height:auto;padding:18px 16px 20px;overflow:hidden}.p-semi-custom .freedesign .wrap{padding:10px}.p-pro .fd-left h2{font-size:20px}.p-pro .fd-right img{width:78%;top:50px}}@media (max-width:767px){.p-pro .collage{width:100%!important;display:grid!important;grid-template-columns:1fr!important;grid-gap:16px!important;gap:16px!important}.p-pro .collage .c1,.p-pro .collage .c2,.p-pro .collage .c3,.p-pro .collage .c4{grid-column:auto!important;grid-row:auto!important;width:100%!important;height:auto!important}.p-pro .collage .collage-item img{width:100%!important;height:auto!important;display:block}.p-pro .freedesign{margin-top:auto}.p-pro .inspo-center{padding:5px}.p-pro .plywood-strip{padding:10px}.wordmark img{width:300px}.seal-banner{flex-direction:column;gap:0!important}.p-pro .seal{width:100%}}.collage-item{position:relative;overflow:hidden;border-radius:15px}.collage-item,.collage-item:after{box-shadow:0 4px 4px rgba(0,0,0,.25)}.collage-item:after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s ease}.collage-item:hover:after{opacity:1}.collage-item-inner{overflow:hidden;border-radius:12px;height:100%;width:100%;position:relative}.seal-banner{width:1020px;display:flex;gap:40px}