/* Design & Materials: catalog-driven presentation. */
.design-hero{background:#f5f9fb;overflow:hidden}
.design-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center;min-height:510px;padding-top:56px;padding-bottom:56px}
.design-hero .back-link{margin-bottom:30px}
.design-subheading{font-size:clamp(23px,2.8vw,34px);margin-top:20px;color:#0094d9}
.design-summary{max-width:760px;margin:20px 0 0;font-size:18px;line-height:1.65;color:#17324a}
.design-support{margin:22px 0 0;max-width:760px;color:#102447;font-weight:700}
.design-hero img{width:100%;height:390px;object-fit:cover;display:block;box-shadow:18px 18px 0 #0094d9}
.hero-pattern-art{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#102447;padding:24px;box-shadow:18px 18px 0 #0094d9}
.mini-pattern{height:145px;border:4px solid #fff;position:relative;background:#102447;overflow:hidden}
.mini-pattern-diamond{background:repeating-linear-gradient(45deg,transparent 0 30px,#fff 30px 34px),repeating-linear-gradient(-45deg,transparent 0 30px,#fff 30px 34px)}
.mini-pattern-sunburst:before{content:"";position:absolute;width:150px;height:150px;border:4px solid #fff;border-radius:50%;left:50%;top:46px;transform:translateX(-50%)}
.mini-pattern-sunburst:after{content:"";position:absolute;width:4px;height:130px;background:#fff;left:50%;bottom:-25px;box-shadow:-42px 9px 0 -1px #fff,42px 9px 0 -1px #fff}
.mini-pattern-craftsman{background:linear-gradient(0deg,transparent 64%,#fff 64%,#fff 69%,transparent 69%),linear-gradient(90deg,transparent 23%,#fff 23%,#fff 28%,transparent 28%,transparent 48%,#fff 48%,#fff 53%,transparent 53%,transparent 73%,#fff 73%,#fff 78%,transparent 78%)}
.mini-pattern-curved:before,.mini-pattern-curved:after{content:"";position:absolute;border:4px solid #fff;border-bottom:0;border-radius:50% 50% 0 0;width:75%;height:95px;left:12.5%;bottom:-4px}
.mini-pattern-curved:after{width:40%;left:30%;height:62px}
.material-detail-grid{display:grid;gap:28px}
.material-detail-card{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid #e2e3e4;min-height:420px;background:#fff}
.material-detail-card:nth-child(even){grid-template-columns:1.2fr .8fr}
.material-detail-card:nth-child(even) .material-detail-image{order:2}
.material-detail-image{overflow:hidden;min-height:420px;background:#eef3f6}
.material-detail-image img{width:100%;height:100%;object-fit:cover;display:block}
.material-detail-copy{padding:42px}
.material-detail-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#52697b}
.material-detail-copy h3{font-size:15px;margin-top:24px;text-transform:uppercase;letter-spacing:.05em}
.material-detail-copy ul{columns:2;column-gap:28px;padding-left:20px;color:#17324a}
.material-detail-copy li{margin:7px 0;break-inside:avoid}
.catalog-availability-note{font-size:13px!important;background:#fff8e7;border-left:3px solid #d89b23;padding:8px 12px;margin-top:18px!important}
.design-custom-band{background:#102447;color:#dceaf2;padding:62px 0}
.design-custom-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}
.design-custom-inner>div:first-child{max-width:750px}
.design-custom-band h2{color:#fff}
.design-custom-band .eyebrow{color:#7fd8ff}
.design-custom-band p:not(.eyebrow){font-size:17px}
.button-on-dark{border-color:#fff;color:#fff}
.pattern-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pattern-detail-card{border:1px solid #e2e3e4;padding:22px;background:#fff;min-height:315px}
.pattern-detail-card h2{font-size:21px;margin-top:20px}
.pattern-detail-card p{color:#52697b;line-height:1.55}
.pattern-illustration{height:155px;border:4px solid #0094d9;position:relative;overflow:hidden;background:#fff}
.pattern-rectangular{background:linear-gradient(90deg,transparent 31%,#0094d9 31%,#0094d9 35%,transparent 35%,transparent 65%,#0094d9 65%,#0094d9 69%,transparent 69%),linear-gradient(0deg,transparent 31%,#0094d9 31%,#0094d9 35%,transparent 35%,transparent 65%,#0094d9 65%,#0094d9 69%,transparent 69%)}
.pattern-non-rectangular:before{content:"";position:absolute;width:78%;height:120%;left:11%;bottom:-45%;border:5px solid #0094d9;border-radius:50% 50% 0 0}.pattern-non-rectangular:after{content:"";position:absolute;left:33%;top:0;width:4px;height:100%;background:#0094d9;box-shadow:58px 0 #0094d9}
.pattern-queen-anne{box-shadow:inset 22px 22px 0 -17px #0094d9,inset -22px 22px 0 -17px #0094d9,inset 22px -22px 0 -17px #0094d9,inset -22px -22px 0 -17px #0094d9}
.pattern-single-craftsman{background:linear-gradient(0deg,transparent 64%,#0094d9 64%,#0094d9 69%,transparent 69%),linear-gradient(90deg,transparent 24%,#0094d9 24%,#0094d9 29%,transparent 29%,transparent 48%,#0094d9 48%,#0094d9 53%,transparent 53%,transparent 72%,#0094d9 72%,#0094d9 77%,transparent 77%)}
.pattern-double-craftsman{background:linear-gradient(0deg,transparent 34%,#0094d9 34%,#0094d9 39%,transparent 39%,transparent 67%,#0094d9 67%,#0094d9 72%,transparent 72%),linear-gradient(90deg,transparent 24%,#0094d9 24%,#0094d9 29%,transparent 29%,transparent 48%,#0094d9 48%,#0094d9 53%,transparent 53%,transparent 72%,#0094d9 72%,#0094d9 77%,transparent 77%)}
.pattern-checkrail{background:linear-gradient(0deg,transparent 48%,#0094d9 48%,#0094d9 54%,transparent 54%),linear-gradient(90deg,transparent 48%,#0094d9 48%,#0094d9 54%,transparent 54%)}
.pattern-diamond{background:repeating-linear-gradient(45deg,transparent 0 30px,#0094d9 30px 34px),repeating-linear-gradient(-45deg,transparent 0 30px,#0094d9 30px 34px)}
.pattern-diamond-custom{background:repeating-linear-gradient(45deg,transparent 0 22px,#0094d9 22px 26px),repeating-linear-gradient(-45deg,transparent 0 36px,#0094d9 36px 40px)}
.pattern-sunburst:before{content:"";position:absolute;width:180px;height:180px;border:5px solid #0094d9;border-radius:50%;left:50%;top:45px;transform:translateX(-50%)}.pattern-sunburst:after{content:"";position:absolute;left:50%;bottom:-22px;width:5px;height:155px;background:#0094d9;box-shadow:-55px 12px 0 -1px #0094d9,55px 12px 0 -1px #0094d9}
.pattern-renaissance:before,.pattern-gothic:before{content:"";position:absolute;border:5px solid #0094d9;border-bottom:0;border-radius:50% 50% 0 0;width:38%;height:95px;left:6%;bottom:-4px;box-shadow:104px 0 0 -5px #fff,104px 0 0 0 #0094d9}.pattern-gothic:before{border-radius:50% 50% 0 0/80% 80% 0 0}
.pattern-spider:before{content:"";position:absolute;width:90px;height:90px;border:5px solid #0094d9;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.pattern-spider:after{content:"";position:absolute;left:50%;top:-20px;width:5px;height:200px;background:#0094d9;transform:rotate(45deg);box-shadow:0 0 0 #0094d9}
.pattern-lower-rectangle{background:linear-gradient(0deg,transparent 30%,#0094d9 30%,#0094d9 35%,transparent 35%)}.pattern-lower-rectangle:before{content:"";position:absolute;width:75%;height:110px;border:5px solid #0094d9;border-bottom:0;border-radius:50% 50% 0 0;left:12%;bottom:30%}
.pattern-oval-circle:before{content:"";position:absolute;width:100px;height:125px;border:5px solid #0094d9;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.pattern-oval-circle:after{content:"";position:absolute;left:50%;top:10px;width:5px;height:135px;background:#0094d9}
.pattern-custom{display:grid;place-items:center}.pattern-custom:before{content:"+";font:300 72px/1 var(--font-display);color:#0094d9}
.pattern-photo-band{background:#102447;color:#e5f0f6;padding:70px 0}
.pattern-photo-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}
.pattern-photo-grid img{width:100%;height:450px;object-fit:cover;display:block}
.pattern-photo-grid h2{color:#fff}.pattern-photo-grid .eyebrow{color:#7fd8ff}.pattern-photo-grid p:not(.eyebrow){font-size:18px;line-height:1.7}
.design-landing-hero{background:#102447;color:#fff;overflow:hidden}
.design-landing-grid{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:center;min-height:540px;padding-top:64px;padding-bottom:64px}
.design-landing-hero h1{color:#fff}.design-landing-hero .lead{color:#d9e8f1}.design-landing-hero .eyebrow{color:#7fd8ff}
.design-choice-wheel{position:relative;width:380px;height:380px;margin:auto;border:2px solid rgba(255,255,255,.45);border-radius:50%;display:grid;place-items:center}
.design-choice-wheel:before,.design-choice-wheel:after{content:"";position:absolute;background:rgba(255,255,255,.25)}.design-choice-wheel:before{width:100%;height:1px}.design-choice-wheel:after{height:100%;width:1px}
.design-choice-wheel strong{display:grid;place-items:center;width:135px;height:135px;border-radius:50%;background:#0094d9;color:#fff;font:700 20px/1.2 var(--font-display);z-index:2}
.design-choice-wheel span{position:absolute;font:600 13px/1.2 var(--font-display);text-transform:uppercase;letter-spacing:.08em}.design-choice-wheel span:nth-child(1){top:30px}.design-choice-wheel span:nth-child(2){right:16px}.design-choice-wheel span:nth-child(3){bottom:30px}.design-choice-wheel span:nth-child(4){left:25px}
.design-landing-grid-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.design-landing-card{min-height:300px;padding:34px;text-decoration:none;border:1px solid #e2e3e4;display:flex;flex-direction:column;background:#fff;position:relative;overflow:hidden}
.design-landing-card:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-45px;top:-45px;background:#cfedfc}
.design-landing-card h2{font-size:29px;max-width:460px}.design-landing-card p:not(.eyebrow){color:#52697b;max-width:520px}.design-landing-card>span{margin-top:auto;font-weight:700;color:#0094d9}
.pattern-card:before{background:#102447}.finish-card-landing:before{background:#0094d9}.profile-card-landing:before{background:#e2e3e4}
@media(max-width:1000px){.design-hero-inner,.design-landing-grid,.pattern-photo-grid{grid-template-columns:1fr}.material-detail-card,.material-detail-card:nth-child(even){grid-template-columns:1fr}.material-detail-card:nth-child(even) .material-detail-image{order:0}.pattern-detail-grid{grid-template-columns:repeat(2,1fr)}.design-choice-wheel{width:320px;height:320px}}
@media(max-width:730px){.design-hero-inner{min-height:0;padding-top:44px}.design-hero img,.pattern-photo-grid img{height:300px}.hero-pattern-art{grid-template-columns:1fr 1fr}.mini-pattern{height:105px}.material-detail-copy{padding:28px}.material-detail-copy ul{columns:1}.pattern-detail-grid,.design-landing-grid-cards{grid-template-columns:1fr}.design-custom-inner{align-items:flex-start;flex-direction:column}.design-choice-wheel{width:260px;height:260px}.design-choice-wheel strong{width:105px;height:105px}.pattern-photo-grid img{height:260px}}