/* Dimensional-letter landing page; configurator controls remain in lettering.css. */
html{scroll-behavior:smooth}.lettering-builder .builder-notice{height:36px;padding:9px 4%;font-size:12px}.lettering-builder header{position:absolute;z-index:8;top:36px;left:6%;right:6%;padding:28px 0;background:transparent;border-bottom:1px solid #ffffff2e}.dimensional-hero{position:relative;isolation:isolate;min-height:760px;display:flex;align-items:center;overflow:hidden;background:#102b3a;color:#fff}.dimensional-hero-image{position:absolute;inset:0;z-index:-2}.dimensional-hero-image img{width:100%;height:100%;object-fit:cover;object-position:65% 50%}.dimensional-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c2534fa 0%,#0c2534ec 24%,#0c25348c 44%,#0c253400 72%),linear-gradient(0deg,#0c2534b0,transparent 28%,#0c253444)}.dimensional-hero-copy{width:55%;max-width:760px;margin-left:6%;padding:165px 0 120px}.dimensional-back{display:inline-block;font-size:12px;color:#d5e4e9;margin-bottom:32px}.dimensional-hero .eyebrow{color:#c5dce2;font-size:11px;letter-spacing:.18em;margin-bottom:22px}.dimensional-hero h1{font-size:clamp(52px,6.2vw,88px);line-height:1.02;letter-spacing:-.06em;margin:0 0 25px}.dimensional-hero h1 em{color:#c1dce1}.dimensional-intro{max-width:370px;font-size:17px;line-height:1.7;color:#e0e8eb}.dimensional-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.dimensional-actions .button{background:#f7f4ed;color:#122e3e;border-color:#f7f4ed}.dimensional-call{font-size:13px;border-bottom:1px solid #92aab7;padding-bottom:5px}.dimensional-hero-foot{position:absolute;bottom:24px;left:6%;right:6%;border-top:1px solid #ffffff40;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#e1e9ed}.lettering-start{scroll-margin-top:25px;max-width:1480px;margin:auto;padding:66px 4% 28px;display:flex;justify-content:space-between;align-items:end;gap:30px}.lettering-start .eyebrow{color:#ac3039;margin-bottom:16px;font-size:11px}.lettering-start h2{font-size:clamp(36px,4vw,52px);margin:0 0 16px;letter-spacing:-.045em}.lettering-start p:not(.eyebrow){color:#596870;max-width:600px;margin:0;font-size:16px;line-height:1.6}.lettering-start .help-link{font-size:13px;line-height:1.65;max-width:245px;flex-shrink:0}.product-entry{padding-top:26px}.entry-heading .eyebrow{font-size:10px;margin-bottom:11px}.entry-heading h2{font-size:30px!important}.entry-heading p{font-size:14px}.entry-products .product-photo{height:auto;aspect-ratio:3/2;overflow:hidden;margin:0;border-radius:0;background:#eee}.entry-products .product-scene{border-radius:0;transition:transform .4s}.entry-products .entry-product:hover .product-scene{transform:scale(1.035)}.entry-products .entry-copy{padding-top:21px}.entry-products .entry-copy small{min-height:43px;line-height:1.5}.photo-credit{color:#667780;font-size:11px}.lettering-support{border-top:1px solid #d6dfde;background:#e8efed;padding:55px 6%;display:grid;grid-template-columns:1.3fr 1fr;gap:10%}.lettering-support .eyebrow{font-size:10px;color:#ab333c;margin-bottom:19px}.lettering-support h2{font-size:38px;margin:0 0 18px}.lettering-support p{font-size:15px;max-width:560px;color:#536a73;line-height:1.75}.lettering-support a{font-size:14px;display:inline-block;margin-top:15px;border-bottom:1px solid #617984;padding-bottom:5px}.lettering-source{border-left:1px solid #c5d2d1;padding-left:35px}.lettering-source h3{font-size:23px;margin:0 0 15px}.lettering-source p.field-help{font-size:11px}
@media(max-width:1000px){.dimensional-hero h1{font-size:63px}.dimensional-hero-copy{width:65%}.entry-products{grid-template-columns:repeat(2,minmax(0,1fr))}.dimensional-hero-image img{object-position:66% 50%}.dimensional-hero{min-height:740px}}
@media(max-width:700px){.lettering-builder .builder-notice{height:32px;font-size:10px}.builder-notice span{display:none}.lettering-builder header{top:32px;padding:22px 0}.lettering-builder .shop-cart{font-size:12px;padding:9px 12px}.dimensional-hero{min-height:900px;align-items:flex-start}.dimensional-hero-copy{width:88%;padding:135px 0 310px}.dimensional-back{margin-bottom:25px;font-size:11px}.dimensional-hero h1{font-size:clamp(45px,10.5vw,66px)}.dimensional-intro{font-size:15px;max-width:340px}.dimensional-actions{gap:20px;margin-top:24px}.dimensional-actions .button{font-size:12px;padding:15px 19px}.dimensional-call{font-size:12px}.dimensional-hero-image{top:480px;bottom:0}.dimensional-hero-image img{object-position:77% 50%}.dimensional-hero:after{background:linear-gradient(180deg,#0c2534 0%,#0c2534 36%,#0c2534c9 48%,transparent 73%,#0c2534b0 100%)}.dimensional-hero-foot{font-size:9px;display:block;line-height:1.6}.dimensional-hero-foot span{display:block}.lettering-start{padding:42px 5% 22px;display:block}.lettering-start h2{font-size:37px}.lettering-start p:not(.eyebrow){font-size:14px}.lettering-start .help-link{display:inline-block;margin-top:20px}.entry-products{grid-template-columns:1fr!important}.entry-products .product-photo{height:auto;aspect-ratio:3/2}.entry-products .entry-copy small{min-height:0}.entry-heading h2{font-size:28px!important}.lettering-support{padding:38px 5%;grid-template-columns:1fr;gap:30px}.lettering-support h2{font-size:32px}.lettering-source{padding:25px 0 0;border-left:0;border-top:1px solid #c5d2d1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.entry-products .product-scene{transition:none}}

/* Consistent material studies keep construction differences readable at a glance. */
.entry-products .product-photo{background:#f0ede7;aspect-ratio:3/2;border-bottom:1px solid #e4e6e2}.entry-products .product-scene{object-fit:cover}.entry-products .entry-product{border-radius:2px;overflow:hidden;border-color:#d7dfdf}.entry-products .entry-copy{padding:22px 21px}.entry-products .entry-copy b{font-size:22px}.entry-products .entry-copy small{font-size:14px;line-height:1.6}.material-in-use{margin-top:25px;border-block:1px solid #d9e0df;padding:17px 0;color:#334f5d}.material-in-use summary{font-size:14px;cursor:pointer;font-weight:600;display:flex;justify-content:space-between;list-style:none}.material-in-use summary::-webkit-details-marker{display:none}.material-in-use summary span{font-size:20px;font-weight:400}.material-in-use[open] summary span{transform:rotate(45deg)}.material-projects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px}.material-projects figure{margin:0}.material-projects img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}.material-projects figcaption{font-size:11px;line-height:1.5;margin-top:9px}.material-in-use>p{font-size:10px;color:#657780;margin:14px 0 0}@media(max-width:700px){.material-projects{grid-template-columns:1fr 1fr;gap:18px 12px}.entry-products .entry-copy{padding:20px}.entry-products .product-photo{aspect-ratio:3/2}}

/* Editorial material gallery: one brand, one clear route into designing. */
.dimensional-hero{min-height:720px}
.dimensional-hero-copy{padding-bottom:105px}
.dimensional-hero h1 em{font-style:normal}
.dimensional-actions .button{background:var(--red);border-color:var(--red);color:white;border-radius:5px}
.dimensional-actions .button:hover{background:var(--red-dark)}
.lettering-builder .shop-cart{border-radius:5px;background:#102838c9;color:white;border-color:#ffffff70}
.lettering-start{max-width:none;background:#102c3d;color:white;padding:54px 6%;align-items:center;border-bottom:4px solid var(--red)}
.lettering-start .eyebrow{color:#f3a6a4}
.lettering-start h2{font-size:clamp(34px,4vw,54px);margin-bottom:15px}
.lettering-start p:not(.eyebrow){color:#cad9dd;max-width:610px}
.lettering-start .help-link{color:white;text-decoration:none;border-bottom:1px solid #839ca8;padding-bottom:8px}
.product-entry{max-width:1480px;padding:54px 6% 70px;margin:auto;background:#f7f5f0}
.lettering-builder{background:#f7f5f0}
.entry-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:28px}
.entry-heading h2{font-size:27px!important;margin:0}
.entry-heading p{margin:0;color:#526670}
.entry-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.entry-products .entry-product{display:grid;grid-template-columns:1fr;text-align:left;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;transition:none}
.entry-products .entry-product:hover{transform:none;box-shadow:none;background:transparent}
.entry-products .product-photo{aspect-ratio:3/2;background:#eae5dc;border:0;overflow:hidden;position:relative}
.entry-products .product-scene{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.entry-products .entry-copy{padding:21px 0 26px;border-bottom:1px solid #bdc9ca;display:grid;grid-template-columns:1fr auto;column-gap:16px}
.entry-products .entry-copy b{font-size:28px;letter-spacing:-.04em;color:#122e3e}
.entry-products .entry-copy small{grid-column:1;font-size:14px;min-height:0;margin-top:8px;max-width:330px}
.entry-products .entry-copy>span{grid-column:2;grid-row:1 / span 2;align-self:center;padding:12px 16px;border:1px solid #ba343e;background:#ba343e;color:white;border-radius:5px;font-size:12px;display:flex;align-items:center;gap:15px;margin:0}
.entry-products .entry-copy i{font-size:20px;color:white;font-style:normal}
.entry-products .entry-product:hover .entry-copy>span{background:#992b33}
.entry-products .entry-product:focus-visible{outline:3px solid #ba343e;outline-offset:6px}
.photo-credit{font-size:11px;max-width:650px;line-height:1.6;margin-top:23px}
.material-in-use{margin-top:22px}.entry-help{font-size:14px;margin-top:23px;color:#526670}
.lettering-support{background:#102c3d;color:white;border:0;padding:65px 6%}
.lettering-support .eyebrow{color:#f3a6a4}.lettering-support p{color:#c8d7dd}.lettering-support a{color:white;border-color:#8aa3ae}.lettering-source{border-color:#4a6571}.lettering-support h2,.lettering-support h3{color:white}
.builder-layout{margin-top:40px;margin-bottom:55px}
.lettering-builder .add-button{background:var(--red);border-color:var(--red);border-radius:5px}
@media(max-width:1000px){.entry-products .entry-copy{display:block}.entry-products .entry-copy>span{display:inline-flex;margin-top:17px}.entry-products .entry-copy b{font-size:26px}}
@media(max-width:700px){.dimensional-hero{min-height:850px}.dimensional-hero-copy{padding-bottom:285px}.lettering-start{padding:36px 6%}.lettering-start .help-link{margin-top:22px}.product-entry{padding:35px 6% 45px}.entry-heading{display:block}.entry-heading p{margin-top:12px}.entry-products{gap:28px;grid-template-columns:1fr!important}.entry-products .entry-copy{padding:18px 0 24px}.entry-products .product-photo{aspect-ratio:3/2}.lettering-support{padding:42px 6%}}
@media(prefers-reduced-motion:reduce){.entry-products .product-scene{transition:none}}

/* Scalable material catalog: four desktop choices, then additional rows. */
.entry-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.entry-products .entry-copy{display:flex;flex-direction:column;padding:19px 0 23px;gap:10px}
.entry-products .entry-copy b{font-size:23px}
.entry-products .entry-copy small{font-size:13px;margin:0;min-height:42px}
.entry-products .entry-copy>span{align-self:flex-start;margin-top:auto;font-size:12px;padding:10px 13px}
@media(min-width:701px) and (max-width:1050px){.entry-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.entry-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 15px}.entry-products .entry-copy b{font-size:19px}.entry-products .entry-copy small{font-size:12px;min-height:58px}.entry-products .entry-copy>span{font-size:11px;padding:9px;gap:8px}}
@media(max-width:360px){.entry-products{grid-template-columns:1fr!important}}

/* Light architectural hero: the installed lettering is the focal point. */
.lettering-builder header{color:#122e3e;border-bottom-color:#122e3e26}
.lettering-builder .shop-cart{background:#122e3e;color:#fff}
.dimensional-hero{background:#f4f1e9;color:#122e3e;min-height:680px}
.dimensional-hero-image{left:36%;top:95px;bottom:45px;right:0}
.dimensional-hero-image img{object-fit:cover;object-position:center}
.dimensional-hero:after{background:linear-gradient(90deg,#f4f1e9 0%,#f4f1e9 30%,#f4f1e9bd 39%,#f4f1e900 51%)}
.dimensional-hero-copy{width:39%;margin-left:6%;padding:170px 0 100px}
.dimensional-back{color:#526670;margin-bottom:24px}
.dimensional-hero .eyebrow{color:#a62d38}
.dimensional-hero h1{font-size:clamp(42px,4.1vw,61px);line-height:1.07}
.dimensional-hero h1 em{color:#122e3e}
.dimensional-intro{color:#526670;font-size:16px;max-width:305px}
.dimensional-actions{gap:17px}.dimensional-call{color:#122e3e;border-color:#82929a}
.dimensional-hero-foot{color:#526670;border-color:#122e3e25;bottom:16px;padding-top:12px;font-size:10px}
@media(max-width:1000px) and (min-width:701px){.dimensional-hero-copy{width:43%}.dimensional-hero h1{font-size:46px}.dimensional-hero-image{left:39%}}
@media(max-width:700px){.dimensional-hero{min-height:0;display:flex;flex-direction:column;padding-bottom:65px}.dimensional-hero-copy{width:88%;padding:125px 0 28px}.dimensional-hero h1{font-size:45px}.dimensional-intro{max-width:360px}.dimensional-hero-image{position:relative;inset:auto;z-index:0;width:100%;height:auto;aspect-ratio:3/2;order:2}.dimensional-hero-image img{display:block;object-fit:cover}.dimensional-hero:after{display:none}.dimensional-hero-foot{bottom:13px;font-size:9px}.dimensional-actions{margin-top:23px}}

/* A direct entry into the lettering studio, immediately after the customer hero. */
.lettering-builder .studio-entry-section{background:#edf2f0;border-bottom:1px solid #c6d2d1}
.lettering-builder .studio-entry-section .dimensional-studio{border:0;background:transparent;scroll-margin-top:24px}
.lettering-builder .studio-entry-section .dimensional-studio>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px 7%;max-width:1600px;padding:38px 6% 22px;margin:auto}
.lettering-builder .dimensional-studio>summary .studio-entry-copy>strong{font-size:clamp(28px,3vw,42px);font-weight:500;letter-spacing:-.025em;line-height:1.15;color:#122e3e}
.lettering-builder .dimensional-studio>summary .studio-entry-copy>span{font-size:16px;line-height:1.55;color:#3d5864;max-width:650px;margin-top:10px}
.lettering-builder .dimensional-studio>summary .studio-entry-copy>.studio-entry-materials{font-size:14px;color:#234452;margin-top:17px}
.lettering-builder .dimensional-studio>summary .studio-entry-action{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.lettering-builder .dimensional-studio>summary .studio-entry-launch{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 21px;background:#ad3340;color:#fff;font-size:16px;font-weight:600;line-height:1.4;border-radius:3px;margin:0;min-height:54px;white-space:nowrap}
.lettering-builder .dimensional-studio>summary:hover .studio-entry-launch{background:#912934}
.lettering-builder .dimensional-studio>summary .studio-entry-action>span:last-child{font-size:12px;line-height:1.5;color:#3d5864;margin:0}
.lettering-builder .studio-entry-quote{max-width:1600px;margin:0 auto;padding:0 6% 32px;font-size:14px;line-height:1.6;color:#3d5864}
.lettering-builder .studio-entry-quote a{display:inline-flex;align-items:center;min-height:44px;margin-left:8px;font-weight:600;color:#942a35;text-decoration:underline;text-underline-offset:4px}
.lettering-builder .dimensional-studio[open]>summary{padding-bottom:28px;border-bottom:1px solid #c6d2d1}
.lettering-builder .dimensional-studio[open]+.studio-entry-quote{padding-top:20px}
.lettering-builder .blueberry-hero .dimensional-actions .dimensional-call{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.lettering-builder .studio-entry-section :focus-visible{outline:3px solid #942a35;outline-offset:5px}
@media(max-width:850px){.lettering-builder .studio-entry-section .dimensional-studio>summary{grid-template-columns:1fr;gap:23px;padding:30px 6% 17px}.lettering-builder .dimensional-studio>summary .studio-entry-copy>span{font-size:15px}.lettering-builder .dimensional-studio>summary .studio-entry-action{flex-direction:row;align-items:center;gap:20px}.lettering-builder .studio-entry-quote{padding-bottom:24px}}
@media(max-width:520px){.lettering-builder .dimensional-studio>summary .studio-entry-action{flex-direction:column;align-items:stretch;gap:10px}.lettering-builder .dimensional-studio>summary .studio-entry-launch{justify-content:center;gap:18px}.lettering-builder .dimensional-studio>summary .studio-entry-action>span:last-child{font-size:13px}.lettering-builder .dimensional-studio>summary .studio-entry-action>span:last-child br{display:none}.lettering-builder .studio-entry-quote a{margin-left:0;margin-right:12px}}