/* Simple personalized products, scoped to this private starter catalog. */
.starter-intro{padding-block:42px 30px;border-top:1px solid var(--line)}
.starter-intro h1{max-width:950px;font-size:clamp(38px,4.7vw,65px)}
.starter-intro h1 em{color:var(--clay-dark)}
.starter-intro>p:not(.eyebrow){max-width:780px;font-size:18px}
.starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-block:26px 48px}
.starter-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--white);border:1px solid var(--line)}
.starter-card-image{position:relative;display:block;width:100%;min-width:0;aspect-ratio:4/3;padding:0;border:0;background:#e9e9df;overflow:hidden}
.starter-card-image img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:contain}
.starter-card figcaption,.starter-card .starter-caption{padding:10px 20px;font-size:12px;line-height:1.55;color:var(--muted);border-bottom:1px solid var(--line)}
.starter-card-body,.starter-card-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0;padding:25px}
.starter-card h2,.starter-card h3{font-size:29px;line-height:1.15}
.starter-card h2 a,.starter-card h3 a{text-decoration:none}
.starter-card p{font-size:15px;line-height:1.65}
.starter-card .eyebrow{font-size:11px;margin-bottom:12px;letter-spacing:.13em}
.starter-card .starter-meta{font-size:15px;font-weight:700;color:var(--ink)}
.starter-card-body>.btn,.starter-card-content>.btn{width:100%;margin-top:auto}
.starter-card-body>.text-link,.starter-card-content>.text-link{margin-top:auto}
.starter-meta{color:var(--muted);font-size:14px;line-height:1.6}
.starter-detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:55px;align-items:start;padding-block:14px 50px}
.starter-detail>*{min-width:0}
.starter-detail h1{font-size:clamp(38px,4vw,58px);line-height:1.08}
.starter-detail .starter-visual,.starter-detail figure{min-width:0}
.starter-detail .starter-visual>button,.starter-detail figure>button{width:100%;padding:0;border:0;background:#e9e9df}
.starter-detail .starter-visual img,.starter-detail figure img{width:100%;max-height:610px;object-fit:contain;background:#e9e9df}
.starter-detail figcaption{padding:14px 18px;background:#eeeee6;color:var(--muted);font-size:13px;line-height:1.65}
.starter-form{padding:27px;margin-block:26px;background:var(--sage);border:1px solid #cbd5c2}
.starter-form h2{font-size:30px}
.starter-form label,.starter-custom-form label{display:block;margin:20px 0 8px;color:var(--ink);font-size:15px;font-weight:700;line-height:1.5}
.starter-form input,.starter-form select,.starter-custom-form input,.starter-custom-form select,.starter-custom-form textarea{display:block;width:100%;min-width:0;min-height:52px;padding:12px 14px;border:1px solid #aebba6;border-radius:3px;background:var(--white);color:var(--ink);font:400 17px/1.5 var(--sans)}
.starter-form input[aria-invalid=true]{border-color:#9b352b}
.starter-form button[type=submit]{width:100%;margin-top:22px}
.starter-form #name-count{display:block;margin:7px 0 10px;font-size:13px;line-height:1.5;color:var(--muted);font-variant-numeric:tabular-nums}
.starter-form #name-error{margin:10px 0;font-size:14px;line-height:1.55;color:#8b2922;font-weight:700}
.starter-form p,.starter-form .help{font-size:14px;line-height:1.65}
.starter-facts{margin:20px 0;border-top:1px solid var(--line)}
.starter-facts>div{display:grid;grid-template-columns:minmax(115px,.8fr) minmax(0,1.4fr);gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.65}
.starter-facts dt{color:var(--ink);font-weight:700}
.starter-facts dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.starter-summary{margin-top:25px;padding:23px;background:var(--white);border:1px solid #a9b89d}
.starter-summary h2,.starter-summary h3{font-size:27px}
.starter-summary:focus-visible{outline:3px solid var(--clay);outline-offset:4px}
.starter-summary [data-starter-edit]{min-height:48px;margin-top:17px}
.starter-note{padding:12px 15px;background:#eeeee6;border-left:3px solid #9fab91;font-size:13px;line-height:1.65;color:var(--muted)}
.starter-example{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:38px;align-items:center;padding:32px;background:var(--sage);border:1px solid #d0d8c7;margin-block:35px}
.starter-example>*{min-width:0}
.starter-example img{width:100%;max-height:410px;object-fit:contain;background:#e9e9df}
.starter-example figure>button{width:100%;padding:0;border:0;background:#e9e9df}
.starter-example figcaption{padding-top:12px;font-size:12px;line-height:1.6;color:var(--muted)}
.starter-example h2{font-size:clamp(30px,3vw,43px)}
.starter-example p{font-size:16px}
.starter-callout{padding:30px;background:var(--white);border:1px solid var(--line);margin-block:30px}
.starter-callout h2,.starter-callout h3{font-size:31px;line-height:1.2}
.starter-callout p{max-width:800px;font-size:16px}
.starter-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px}
.starter-actions>*{max-width:100%;overflow-wrap:anywhere}
.starter-custom-form{padding:28px;background:var(--sage);border:1px solid var(--line);max-width:760px}
.starter-custom-form textarea{min-height:130px;resize:vertical}
.starter-custom-form .btn{margin-top:22px}
.starter-card a,.starter-detail a,.starter-callout a,.starter-example a{overflow-wrap:anywhere}
@media(max-width:1050px){.starter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.starter-detail{gap:32px}.starter-card-body,.starter-card-content{padding:22px}}
@media(max-width:820px){.starter-detail{grid-template-columns:1fr;gap:28px}.starter-detail .starter-visual img,.starter-detail figure img{max-height:500px}.starter-example{gap:26px;padding:26px}.starter-form{max-width:100%}}
@media(max-width:600px){.starter-intro{padding-block:28px 18px}.starter-intro h1{font-size:39px}.starter-intro>p:not(.eyebrow){font-size:16px}.starter-grid{grid-template-columns:1fr;gap:22px;margin-block:22px 32px}.starter-card-body,.starter-card-content{padding:23px}.starter-card h2,.starter-card h3{font-size:28px}.starter-detail{gap:24px;padding-bottom:32px}.starter-detail h1{font-size:39px}.starter-form{padding:21px;margin-block:22px}.starter-form h2{font-size:28px}.starter-facts>div{grid-template-columns:1fr;gap:4px;padding-block:12px}.starter-summary{padding:18px}.starter-example{grid-template-columns:1fr;padding:22px;gap:24px;margin-block:26px}.starter-example h2{font-size:32px}.starter-callout{padding:22px;margin-block:24px}.starter-callout h2,.starter-callout h3{font-size:29px}.starter-actions{align-items:stretch}.starter-actions .btn{width:100%}.starter-custom-form{padding:21px}.starter-note{padding:12px;font-size:12px}.starter-form input,.starter-form select,.starter-custom-form input,.starter-custom-form select,.starter-custom-form textarea{font-size:16px}}
/* Material choices and independently personalized small-stone sets. */
.starter-form [data-name-field][hidden]{display:none}
.starter-form [data-name-field]+[data-name-field]{margin-top:18px}
.starter-form [data-name-count]{display:block;margin:7px 0 10px;font-size:13px;line-height:1.5;color:var(--muted);font-variant-numeric:tabular-nums}
.starter-form [data-name-error]{margin:10px 0;font-size:14px;line-height:1.55;color:#8b2922;font-weight:700}
.starter-form [data-name-error][hidden]{display:none}
.starter-form #material-detail{overflow-wrap:anywhere;margin:12px 0 20px}
.starter-form select{max-width:100%;text-overflow:ellipsis}
.starter-form select option{white-space:normal}
.starter-form #stone-names{min-width:0}
