/* A shared showroom vocabulary: clear type, real materials, and considered space. */
html { scroll-padding-top: calc(var(--header-height) + 16px); }
body.ss-site .shell { max-width: 1400px; }
body.ss-site .button { border-radius: 5px; min-height: 46px; }
body.ss-site :where(a,button,input,select,textarea,summary):focus-visible { outline: 3px solid var(--wine); outline-offset: 5px; }
body.ss-site .nav-contact { display: none; }
body.ss-site .nav-menu { gap: 17px; }
body.ss-site .nav-menu a { font-size: .875rem; }
body.ss-site .journey-page h2 { font-size: clamp(1.85rem,2.8vw,2.5rem); }
body.ss-site .journey-page p { font-size: 1rem; }
body.ss-site .journey-hero { padding-block: 28px 48px; gap: clamp(32px,5vw,72px); }
body.ss-site .journey-hero h1 { font-size: clamp(2.3rem,3.6vw,3.45rem); line-height: 1.1; }
body.ss-site .journey-hero figure { height: 410px; border-radius: 6px 30px 6px 6px; }
body.ss-site .journey-section { padding-block: 64px; }
body.ss-site .journey-section + .journey-section:not(.journey-tone) { padding-top: 48px; }
body.ss-site .journey-heading { margin-bottom: 30px; }
body.ss-site .journey-grid > div { display: flex; flex-direction: column; align-items: flex-start; }
body.ss-site .journey-grid > div > .journey-text-link:last-child { margin-top: auto; }
body.ss-site .journey-brand-grid { gap: 0 40px; }
body.ss-site .journey-brand-grid > div { border-radius: 0; border-top: 1px solid #ccd3d3; padding: 28px 0; background: transparent; }
body.ss-site .journey-project-pair > a { overflow: visible; }
body.ss-site .journey-project-pair > a img { border-radius: 6px; }
body.ss-site .project-card:focus-visible { outline-offset: 5px; }
body.ss-site figure:has(> a:focus-visible) { outline: 3px solid var(--wine); outline-offset: 5px; }
body.ss-site figure > a:focus-visible { outline-offset: -5px; }

/* Homepage: the whole introduction reads together before the room photograph. */
body.ss-site .atelier-hero { padding-top: 42px; }
body.ss-site .atelier-intro { max-width: 1050px; padding-bottom: 32px; }
body.ss-site .atelier-intro h1 { font-size: clamp(2.5rem,4.25vw,3.8rem); max-width: 23ch; line-height: 1.08; margin-bottom: 18px; }
body.ss-site .atelier-intro > p { max-width: 66ch; font-size: 1.125rem; color: var(--muted); margin-bottom: 0; }
body.ss-site .atelier-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 22px; }
body.ss-site .atelier-link { display: inline-flex; min-height: 46px; align-items: center; gap: 10px; font-size: .9375rem; font-weight: 600; color: var(--wine); }
body.ss-site .atelier-hero-photo { aspect-ratio: 2.2; overflow: hidden; border-radius: 6px 36px 6px 6px; }
body.ss-site .atelier-hero-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 75%; }
body.ss-site .atelier-visit { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 20px; border-bottom: 1px solid var(--line); }
body.ss-site .atelier-visit p { margin: 0; font-size: .9375rem; }
body.ss-site .atelier-visit strong { font-weight: 600; }
body.ss-site .atelier-visit span { color: var(--muted); margin-left: 14px; }
body.ss-site .atelier-section { padding-block: 76px; }
body.ss-site .atelier-heading { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 30px; }
body.ss-site .atelier-heading h2 { max-width: 22ch; margin: 0; }
body.ss-site .atelier-heading p { max-width: 45ch; margin: 0; color: var(--muted); }
body.ss-site .atelier-services { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; }
body.ss-site .atelier-service { display: block; min-width: 0; text-decoration: none; border-radius: 6px; }
body.ss-site .atelier-service figure { aspect-ratio: 1.3; overflow: hidden; border-radius: 5px; margin: 0 0 17px; }
body.ss-site .atelier-service img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
body.ss-site .atelier-service:hover img { transform: scale(1.025); }
body.ss-site .atelier-service h3 { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-size: 1.125rem; margin: 0 0 8px; }
body.ss-site .atelier-service h3 span { color: var(--wine); font-size: 1.25rem; font-weight: 400; }
body.ss-site .atelier-service:hover h3 { color: var(--wine); text-decoration: underline; text-underline-offset: 4px; }
body.ss-site .atelier-service p { color: var(--muted); font-size: .9375rem; line-height: 1.5; }
body.ss-site .atelier-service-stone img { object-position: 50% 85%; }
body.ss-site .atelier-service-cabinet img { object-position: 50% 70%; }
body.ss-site .atelier-service-tile img { object-position: 50% 56%; }
body.ss-site .atelier-service-sink img { object-position: 50% 75%; }

body.ss-site .atelier-hero + .atelier-guide { margin-top: 48px; }
body.ss-site .atelier-guide { background: var(--wine); color: #fff; padding-block: 60px; }
body.ss-site .atelier-guide-grid { display: grid; grid-template-columns: .95fr 1.8fr; gap: 64px; align-items: start; }
body.ss-site .atelier-guide h2 { max-width: 15ch; margin-bottom: 18px; }
body.ss-site .atelier-guide p { color: #f1e8eb; max-width: 48ch; }
body.ss-site .atelier-guide .atelier-link { color: #fff; }
body.ss-site .atelier-materials { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; padding-block: 3px 26px; border-bottom: 1px solid #946974; }
body.ss-site .atelier-materials h3 { font-size: 1.5rem; font-weight: 500; margin-bottom: 14px; }
body.ss-site .atelier-materials p { font-size: 1rem; margin: 0; }
body.ss-site .atelier-guide-routes { display: flex; flex-wrap: wrap; gap: 4px 32px; padding-top: 17px; }
body.ss-site .atelier-guide :focus-visible { outline-color: #fff; }

body.ss-site .atelier-project-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: clamp(32px,5vw,72px); align-items: center; }
body.ss-site .atelier-project-photo { display: block; }
body.ss-site .atelier-project-photo img { width: 100%; aspect-ratio: 1.4; height: auto; object-fit: cover; border-radius: 6px 6px 32px 6px; }
body.ss-site .atelier-project-copy h2 { max-width: 17ch; }
body.ss-site .atelier-project-copy p { color: var(--muted); max-width: 46ch; }
body.ss-site .atelier-project-copy .atelier-actions { gap: 8px 24px; }
body.ss-site .atelier-scope { background: #f1f3f3; padding-block: 54px; }
body.ss-site .atelier-scope h2 { margin-bottom: 28px; }
body.ss-site .atelier-scope-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 38px; }
body.ss-site .atelier-scope-grid > div { display: flex; flex-direction: column; align-items: start; }
body.ss-site .atelier-scope-grid h3 { font-size: 1.125rem; }
body.ss-site .atelier-scope-grid p { color: var(--muted); font-size: 1rem; }
body.ss-site .atelier-scope-grid .atelier-link { margin-top: auto; }

/* One shorter, accessible inquiry across all routes. */
body.ss-site .quote-section { padding-block: 64px; margin-top: 0; scroll-margin-top: 0; }
body.ss-site .quote-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.2fr); grid-template-rows: auto 1fr; gap: 26px 64px; align-items: start; }
body.ss-site .quote-copy { grid-column: 1; grid-row: 1; padding: 0; }
body.ss-site .quote-copy h2 { max-width: 16ch; font-size: clamp(2.15rem,3.15vw,2.9rem); }
body.ss-site .quote-copy > p { max-width: 45ch; font-size: 1rem; }
body.ss-site .quote-copy .quote-direct { margin: 16px 0 0; }
body.ss-site .quote-direct a { display: inline-flex; min-height: 44px; align-items: center; font-weight: 600; }
body.ss-site .quote-support { grid-column: 1; grid-row: 2; min-width: 0; }
body.ss-site .quote-support img { width: 100%; max-width: 420px; aspect-ratio: 1.65; height: auto; object-fit: cover; border-radius: 5px; }
body.ss-site .quote-support .quote-showroom { margin-top: 24px; font-size: .9375rem; color: #f1e8eb; }
body.ss-site .quote-showroom a { display: inline-flex; min-height: 44px; align-items: center; font-weight: 600; color: #fff; }
body.ss-site .quote-form-wrap { grid-column: 2; grid-row: 1 / span 2; padding: 30px; border-radius: 6px; background: #fff; color: var(--ink); }
body.ss-site .ss-inquiry { gap: 18px; }
body.ss-site .ss-inquiry .form-row { gap: 18px; }
body.ss-site .ss-inquiry label { font-size: .875rem; font-weight: 600; }
body.ss-site .ss-inquiry .optional { color: var(--muted); }
body.ss-site .ss-inquiry input:not([type="hidden"]):not([type="checkbox"]),
body.ss-site .ss-inquiry select, body.ss-site .ss-inquiry textarea { border: 1px solid #818989; border-radius: 4px; min-height: 48px; padding: 10px 12px; }
body.ss-site .ss-inquiry textarea { min-height: 104px; }
body.ss-site .ss-inquiry textarea::placeholder { font-size: 1rem; }
body.ss-site .service-choices { margin-bottom: 3px; }
body.ss-site .service-choices legend { font-size: 1.125rem; font-weight: 600; }
body.ss-site .service-choices > p { color: var(--muted); font-size: .875rem; margin: 5px 0 12px; }
body.ss-site .service-choices > div { grid-template-columns: 1fr 1fr; gap: 9px; }
body.ss-site .service-choices label { min-height: 47px; margin: 0; padding: 9px 10px; border: 1px solid #c9cece; border-radius: 4px; font-size: .875rem; font-weight: 400; gap: 8px; }
body.ss-site .service-choices label:last-child { grid-column: 1 / -1; }
body.ss-site .service-choices label:has(input:checked) { border-color: var(--wine); background: #f8f1f3; color: var(--wine); }
body.ss-site .ss-inquiry .service-choices input { display: inline-block; width: 18px; height: 18px; min-height: 18px; padding: 0; }
body.ss-site .ss-inquiry .form-note,body.ss-site .ss-inquiry #ss-message-help { color: var(--muted); font-size: .875rem; line-height: 1.5; }
body.ss-site .ss-inquiry #ss-message-help { margin-top: 8px; }
body.ss-site .ss-inquiry .preview-note { color: var(--muted); background: #f3f5f5; border: 0; font-size: .875rem; padding: 9px 12px; border-radius: 4px; }
body.ss-site .ss-inquiry .button { color: #fff; background: var(--wine); border-color: var(--wine); width: auto; font-size: .9375rem; }
body.ss-site .ss-inquiry .button:hover { background: var(--wine-hover); }
body.ss-site .ss-inquiry .client-status { background: #f3f5f5; border: 1px solid #aab3b3; font-size: .9375rem; }
body.ss-site .quote-copy :focus-visible,body.ss-site .quote-support :focus-visible { outline-color: #fff; }
body.ss-site .quote-form-wrap :focus-visible { outline-color: var(--wine); }
body.ss-site .site-footer { background: #f4f6f6; }

@media (max-width: 1200px) {
 body.ss-site .nav-contact { display: block; padding-top: 18px; margin-top: 18px; border-top: 1px solid var(--line); }
 body.ss-site .nav-contact p { font-size: .875rem; margin: 4px 0 0; color: var(--muted); }
 body.ss-site .nav-contact a { display: inline-flex; align-items: center; min-height: 44px; color: var(--wine); font-weight: 600; }
 body.ss-site .atelier-guide-grid { gap: 40px; }
 body.ss-site .quote-grid { gap: 26px 40px; }
}
@media (max-width: 900px) {
 body.ss-site .atelier-services { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 24px; }
 body.ss-site .atelier-guide-grid { grid-template-columns: 1fr; gap: 26px; }
 body.ss-site .atelier-guide h2 { max-width: 24ch; }
 body.ss-site .atelier-guide p { max-width: 65ch; }
 body.ss-site .quote-grid { grid-template-columns: 1fr; gap: 26px; }
 body.ss-site .quote-copy,body.ss-site .quote-support,body.ss-site .quote-form-wrap { grid-column: 1; grid-row: auto; }
 body.ss-site .quote-copy > p { max-width: 64ch; }
 body.ss-site .quote-copy h2 { max-width: 24ch; }
 body.ss-site .quote-support { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
 body.ss-site .quote-support .quote-showroom { margin-top: 18px; }
 body.ss-site .atelier-heading { align-items: start; gap: 24px; }
 body.ss-site .atelier-visit span { display: block; margin: 4px 0 0; }
}
@media (max-width: 760px) {
 body.ss-site .journey-hero { grid-template-columns: 1fr; padding-block: 22px 34px; gap: 28px; }
 body.ss-site .journey-hero h1 { font-size: clamp(2.15rem,6vw,2.75rem); max-width: 23ch; }
 body.ss-site .journey-hero figure { height: 300px; border-radius: 5px 24px 5px 5px; }
 body.ss-site .journey-section, body.ss-site .atelier-section { padding-block: 48px; }
 body.ss-site .journey-section + .journey-section:not(.journey-tone) { padding-top: 38px; }
 body.ss-site .journey-page h2 { font-size: 2rem; }
 body.ss-site .atelier-project-grid { grid-template-columns: 1fr; gap: 28px; }
 body.ss-site .atelier-project-copy h2 { max-width: 22ch; }
 body.ss-site .atelier-scope-grid { grid-template-columns: 1fr; gap: 24px; }
 body.ss-site .atelier-scope-grid > div + div { padding-top: 24px; border-top: 1px solid #ccd3d3; }
 body.ss-site .atelier-scope-grid p { margin-bottom: 6px; max-width: 64ch; }
}
@media (max-width: 600px) {
 body.ss-site .atelier-hero { padding-top: 29px; }
 body.ss-site .atelier-hero + .atelier-guide { margin-top: 32px; }
 body.ss-site .atelier-intro { padding-bottom: 27px; }
 body.ss-site .atelier-intro h1 { font-size: clamp(2.2rem,9.7vw,2.6rem); max-width: 18ch; margin-bottom: 16px; line-height: 1.12; }
 body.ss-site .atelier-intro > p { font-size: 1rem; line-height: 1.6; }
 body.ss-site .atelier-actions { margin-top: 20px; gap: 8px 14px; }
 body.ss-site .atelier-actions .button { padding-inline: 16px; }
 body.ss-site .atelier-hero-photo { aspect-ratio: 1.25; border-radius: 5px 25px 5px 5px; }
 body.ss-site .atelier-hero-photo img { object-position: 50% 75%; transform: scale(1.25); transform-origin: 50% 75%; }
 body.ss-site .atelier-visit { align-items: start; gap: 10px; flex-direction: column; padding-block: 17px; }
 body.ss-site .atelier-visit span { font-size: .875rem; }
 body.ss-site .atelier-heading { display: block; margin-bottom: 24px; }
 body.ss-site .atelier-heading h2 { font-size: 2rem; margin-bottom: 14px; }
 body.ss-site .atelier-heading p { font-size: 1rem; }
 body.ss-site .atelier-services { gap: 28px 16px; }
 body.ss-site .atelier-service figure { aspect-ratio: 1.05; margin-bottom: 13px; }
 body.ss-site .atelier-service h3 { font-size: 1rem; line-height: 1.3; gap: 7px; }
 body.ss-site .atelier-service h3 span { font-size: 1rem; }
 body.ss-site .atelier-service p { font-size: .875rem; }
 body.ss-site .atelier-guide,body.ss-site .atelier-scope { padding-block: 46px; }
 body.ss-site .atelier-materials { gap: 24px; }
 body.ss-site .atelier-materials h3 { font-size: 1.3rem; }
 body.ss-site .atelier-materials p { font-size: .9375rem; }
 body.ss-site .atelier-guide-routes { display: grid; gap: 0; }
 body.ss-site .atelier-guide-routes a { min-height: 48px; }
 body.ss-site .atelier-project-photo img { aspect-ratio: 1.2; border-radius: 5px 5px 24px 5px; }
 body.ss-site .quote-section { padding-block: 46px; }
 body.ss-site .quote-copy h2 { font-size: 2.2rem; max-width: 17ch; }
 body.ss-site .quote-form-wrap { padding: 22px; }
 body.ss-site .ss-inquiry .form-row { grid-template-columns: 1fr; gap: 16px; }
 body.ss-site .ss-inquiry .button { width: 100%; justify-content: space-between; }
 body.ss-site .quote-support { display: block; }
 body.ss-site .quote-support img { max-width: none; }
 body.ss-site .journey-brand-grid { gap: 0; }
}
@media (max-width: 360px) {
 body.ss-site .atelier-services { grid-template-columns: 1fr; }
 body.ss-site .atelier-service figure { aspect-ratio: 1.4; }
 body.ss-site .atelier-materials { grid-template-columns: 1fr; }
 body.ss-site .service-choices > div { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { body.ss-site .atelier-service img { transition: none; } }

/* Customer feedback belongs with the work, rather than in every inquiry form. */
body.ss-site .customer-proof .section-heading { margin-bottom: 32px; }
body.ss-site .customer-grid { display: grid; grid-template-columns: 1fr; gap: 32px; }
body.ss-site .customer-story { display: grid; grid-template-columns: .55fr 1.45fr; gap: 40px; align-items: start; }
body.ss-site .customer-story .customer-quote { grid-column: 2; grid-row: 1; margin: 0; font-size: clamp(1.35rem,2vw,1.75rem); line-height: 1.45; max-width: 40ch; }
body.ss-site .customer-story .customer-name { grid-column: 1; grid-row: 1; margin: 0; color: var(--ink); font-weight: 600; }
body.ss-site .customer-name span { display: block; font-size: .875rem; font-weight: 400; color: var(--muted); margin-top: 6px; }
/* Keep catalogue structure in the photography and typography, without nested boxes. */
body.ss-site .journey-page .catalog-card, body.ss-site .catalog-group .catalog-card { padding: 0; border: 0; background: transparent; border-radius: 0; }
body.ss-site .journey-page .sink-product { border: 0; }
@media (max-width:760px) {
    body.ss-site .customer-story { display: flex; flex-direction: column; gap: 16px; }
 body.ss-site .customer-grid { gap: 36px; }
}

/* Business proof has its own pace: room, material, people, and useful detail. */
body.ss-site .atelier-hero-photo { aspect-ratio: 1.9; border-radius: 4px; }
body.ss-site .atelier-hero-photo img { object-position: 50% 67%; transform:none; }
body.ss-site .workshop-heading { display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start;margin-bottom:36px; }
body.ss-site .workshop-heading h2 { margin:0;max-width:22ch; }
body.ss-site .workshop-heading p { color:var(--muted);margin:0;max-width:58ch; }
body.ss-site .workshop-detail { display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center; }
body.ss-site .workshop-detail figure { margin:0; }
body.ss-site .workshop-detail img { width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:4px; }
body.ss-site .workshop-detail h3 { font-size:1.5rem; }
body.ss-site .workshop-detail p { color:var(--muted); }
body.ss-site .workshop-detail .atelier-link { display:flex; }
body.ss-site .workshop-detail .commercial-route { margin:24px 0 0;padding-top:20px;border-top:1px solid var(--line); }
body.ss-site .founder-story { display:grid;grid-template-columns:minmax(220px,.65fr) 1.35fr;gap:80px;align-items:center;padding-bottom:80px; }
body.ss-site .founder-story figure { margin:0;max-width:340px; }
body.ss-site .founder-story img { width:100%;height:auto;border-radius:4px; }
body.ss-site .founder-story p { max-width:62ch; }
body.ss-site .team-section { padding-block:72px;background:#f1f3f3; }
body.ss-site .team-roster { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 40px; }
body.ss-site .team-roster > div { padding-top:22px;border-top:1px solid #cbd1d1; }
body.ss-site .team-roster h3 { font-size:1.25rem;margin:0 0 8px; }
body.ss-site .team-roster p { font-size:.9375rem;color:var(--muted);margin:0; }
body.ss-site .team-roster .team-role { color:var(--wine);margin-bottom:12px;font-weight:600; }
body.ss-site .commercial-story { display:grid;grid-template-columns:1.4fr .6fr;gap:80px;align-items:center;padding-block:80px;scroll-margin-top:120px; }
body.ss-site .commercial-story p { max-width:60ch; }
body.ss-site .commercial-story figure { margin:0;max-width:300px;justify-self:end; }
body.ss-site .commercial-story img { width:100%;height:auto;border-radius:4px; }
body.ss-site .dealer-proof { color:var(--wine);font-weight:600; }
body.ss-site .project-planning { display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:64px; }
body.ss-site .project-planning p { max-width:58ch;color:var(--muted); }
body.ss-site .project-decisions > div + div { margin-top:28px;padding-top:24px;border-top:1px solid var(--line); }
body.ss-site .project-decisions h3 { font-size:1.25rem; }
body.ss-site .project-next { padding-block:36px 64px;border-top:1px solid var(--line); }
body.ss-site .project-next p { max-width:65ch; }
body.ss-site .specialty-work { padding-block:64px; }
body.ss-site .specialty-work > h2 { margin-bottom:32px; }
body.ss-site .specialty-feature { display:grid;grid-template-columns:1.3fr .8fr;gap:48px;align-items:center;margin-bottom:48px; }
body.ss-site .specialty-feature figure { margin:0; }
body.ss-site .specialty-feature img { width:100%;height:auto;border-radius:4px; }
body.ss-site .specialty-feature h3 { font-size:1.5rem; }
body.ss-site .specialty-feature p { color:var(--muted); }
@media(max-width:900px) {
 body.ss-site .workshop-heading,body.ss-site .workshop-detail { gap:32px; }
 body.ss-site .founder-story,body.ss-site .commercial-story { gap:40px; }
 body.ss-site .team-roster { grid-template-columns:repeat(2,minmax(0,1fr)); }
 }
@media(max-width:600px) {
 body.ss-site .atelier-hero-photo { aspect-ratio:1.1; }
 body.ss-site .atelier-hero-photo img { object-position:54% 65%;transform:none; }
 body.ss-site .workshop-heading,body.ss-site .workshop-detail,body.ss-site .founder-story,body.ss-site .commercial-story,body.ss-site .project-planning,body.ss-site .specialty-feature, body.ss-site .workshop-heading { margin-bottom:28px; }
  body.ss-site .founder-story { padding-bottom:44px; }
 body.ss-site .founder-story figure { max-width:230px; }
 body.ss-site .commercial-story figure { justify-self:start;max-width:220px; }
 body.ss-site .team-roster { grid-template-columns:1fr;gap:24px; }
  body.ss-site .project-next { padding-block:30px 44px; }
 body.ss-site .specialty-feature { margin-bottom:36px; }
}
body.ss-site .portfolio-section .project-grid { grid-template-columns:1.35fr 1fr;gap:28px; }
body.ss-site .portfolio-section .project-card { aspect-ratio:1.45; }
body.ss-site .portfolio-section .project-card:nth-child(3n) { aspect-ratio:1.45; }
body.ss-site .page-banner img[src*="blue-vanity"] { height:auto;max-height:650px;object-fit:contain;background:#f1f3f3; }
@media(max-width:600px) {
 body.ss-site .portfolio-section .project-grid { grid-template-columns:1fr;gap:20px; }
 body.ss-site .page-banner img[src*="blue-vanity"] { max-height:500px; }
}
body.ss-site .team-roster { display:block; }
body.ss-site .team-roster > div { display:grid;grid-template-columns:.8fr 1fr 1.5fr;gap:28px;padding-block:22px;align-items:baseline; }
body.ss-site .team-roster h3,body.ss-site .team-roster .team-role { margin:0; }
@media(max-width:600px) {
 body.ss-site .team-roster > div { display:block;padding-block:22px; }
 body.ss-site .team-roster .team-role { margin:8px 0 12px; }
}

/* Customer experience stays within the decision it supports. No carousel or decorative quotation art. */
body.ss-site .customer-voice { margin:32px 0 0;padding:0;border:0;background:transparent; }
body.ss-site .customer-voice blockquote { margin:0;padding:0;border:0;background:transparent; }
body.ss-site .customer-voice blockquote::before,body.ss-site .customer-voice blockquote::after { content:none; }
body.ss-site .customer-voice blockquote p { font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.45;font-weight:400;margin:0;max-width:47ch; }
body.ss-site .customer-voice figcaption { display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:16px;font-size:.875rem;line-height:1.5; }
body.ss-site .customer-voice figcaption strong { font-weight:600; }
body.ss-site .customer-voice figcaption span { color:var(--muted); }
body.ss-site .voice-home { grid-column:1/-1;display:grid;grid-template-columns:1.9fr 1fr;gap:40px;align-items:center;margin:0; }
body.ss-site .voice-home blockquote p { color:#fff;max-width:40ch;font-size:clamp(1.35rem,2.15vw,1.9rem); }
body.ss-site .voice-home figcaption { display:block;margin:0; }
body.ss-site .voice-home figcaption span { display:block;color:#f1e8eb;margin-top:4px; }
body.ss-site .atelier-guide-grid { row-gap:34px; }
body.ss-site .customer-context { max-width:73ch;margin:28px 0 0;padding:0;border:0;background:transparent; }
body.ss-site .customer-context > p:first-child { color:var(--ink);font-size:1.0625rem;line-height:1.65;margin:0; }
body.ss-site .customer-credit { color:var(--muted);font-size:.875rem!important;line-height:1.5;margin:10px 0 0; }
body.ss-site .voice-design { display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:40px; }
body.ss-site .voice-design .customer-context-copy { color:var(--muted);max-width:50ch;margin:0; }
body.ss-site .customer-case { display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;margin-top:36px;padding:0;border:0;background:transparent; }
body.ss-site .customer-case h3 { font-size:1.375rem;line-height:1.35;margin:0;max-width:23ch; }
body.ss-site .customer-case > div > p:first-child { margin:0;max-width:64ch; }
body.ss-site .voice-team { max-width:72ch;margin-top:36px; }
body.ss-site .voice-team .customer-report { font-size:1.125rem;line-height:1.65;margin:0; }
@media(max-width:760px) {
 body.ss-site .voice-home,body.ss-site .voice-design,body.ss-site .customer-case { grid-template-columns:1fr;gap:18px; }
 body.ss-site .voice-design,body.ss-site .customer-case { margin-top:28px; }
 body.ss-site .customer-case h3 { max-width:none; }
 body.ss-site .voice-home figcaption { display:flex;gap:12px; }
 body.ss-site .voice-home figcaption span { margin:0; }
}
body.ss-site .voice-home { display:block;max-width:64ch; }
body.ss-site .voice-home figcaption { display:flex;gap:12px;margin-top:16px; }
body.ss-site .voice-home figcaption span { margin-top:0; }

/* Lead with the customer experiences most relevant to each page's opening decision. */
body.ss-site .voice-cabinet-hero { margin-top:28px; }
body.ss-site .voice-cabinet-hero blockquote p { font-size:1.25rem; }
body.ss-site .sink-featured-experience { grid-column:1/-1;margin-top:0;column-gap:48px;row-gap:10px; }
body.ss-site .sink-featured-experience > a { grid-column:2;justify-self:start; }

@media(max-width:760px) {
 body.ss-site .sink-featured-experience > a { grid-column:1; }
 body.ss-site .sink-featured-experience { row-gap:14px; }
}
body.ss-site .journey-hero .customer-voice { height:auto;border-radius:0;overflow:visible; }
body.ss-site .journey-hero .customer-voice { background:transparent;border:0;box-shadow:none; }