/* Visible, audience-specific context after the catalogue. */
.seo-intro{background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:58px 64px}
.seo-intro-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:start;column-gap:9%;row-gap:22px}
.seo-intro h2{font-size:clamp(28px,2.8vw,42px);line-height:1.08;letter-spacing:-.045em;max-width:18ch}
.seo-intro-copy{max-width:74ch;font-size:14px;line-height:1.8;color:var(--muted)}
.seo-intro-copy p+p{margin-top:16px}
.seo-intro a{color:var(--cocoa);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.seo-intro a:hover{text-decoration-thickness:2px}
.page-breadcrumb{font-size:11px;line-height:1.6;color:var(--muted)}
.page-breadcrumb ol{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;padding:0;margin:0;list-style:none}
.page-breadcrumb li{display:inline-flex;align-items:center;gap:9px}
.page-breadcrumb li+li:before{content:"/";color:var(--muted);opacity:.65}
.page-breadcrumb a{color:var(--cocoa);text-decoration:underline;text-underline-offset:3px}
.page-breadcrumb [aria-current="page"]{color:var(--muted)}
.seo-intro .page-breadcrumb{grid-column:1/-1;margin-bottom:3px}
.seo-intro>.page-breadcrumb{margin-bottom:22px}
@media(max-width:800px){
  .seo-intro{padding-block:40px 44px}
  .seo-intro-inner{grid-template-columns:1fr;gap:23px}
  .seo-intro h2{font-size:32px;max-width:22ch}
  .seo-intro-copy{font-size:13px;line-height:1.75;max-width:76ch}
  .seo-intro-copy p+p{margin-top:14px}
  .seo-intro .page-breadcrumb{margin-bottom:0}
}
@media(max-width:520px){
  .seo-intro{padding-block:34px 38px}
  .seo-intro-inner{gap:20px}
  .seo-intro h2{font-size:30px;line-height:1.12}
  .page-breadcrumb{font-size:10px}
}

/* Useful links and planning details share the catalogue's editorial rhythm. */
.seo-route-grid,.seo-format-grid,.seo-selection-block,.seo-professional-grid,.seo-related-note{grid-column:1/-1}
.seo-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:13px}
.seo-route-grid>a{display:flex;flex-direction:column;gap:10px;min-width:0;padding:23px 24px;border:1px solid var(--line);border-radius:3px;text-decoration:none;transition:background .2s}
.seo-route-grid>a:hover{background:var(--pink);text-decoration:none}
.seo-route-grid strong{font-size:18px;line-height:1.2;letter-spacing:-.025em;text-decoration:underline;text-underline-offset:4px}
.seo-route-grid span{font-size:12px;line-height:1.65;color:var(--muted)}
.seo-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:20px}
.seo-format-grid article{border-top:1px solid var(--line);padding-top:20px}
.seo-format-grid h3,.seo-block-heading h3,.seo-professional-grid h3{font-size:clamp(23px,2vw,30px);letter-spacing:-.035em;line-height:1.15;margin-bottom:13px}
.seo-format-grid p,.seo-professional-grid p,.seo-process li{font-size:13px;line-height:1.75;color:var(--muted)}
.seo-professional-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:7%;margin-top:24px}
.seo-process ol{padding-left:20px;margin:20px 0}
.seo-process li{padding-left:6px;margin-bottom:15px}
.seo-process li strong{color:var(--cocoa)}
.seo-delivery{padding:30px;background:var(--pink);border-radius:3px}
.seo-delivery .eyebrow{font-size:10px;margin-bottom:18px}
.seo-delivery p+p{margin-top:15px}
.seo-delivery strong{color:var(--cocoa)}
.seo-selection-block{margin-top:20px}
.seo-block-heading{max-width:700px;margin-bottom:24px}
.seo-block-heading>p,.seo-selection-note,.seo-related-note{font-size:13px;line-height:1.75;color:var(--muted)}
.seo-selection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.seo-selection{display:flex;flex-direction:column;min-width:0;background:#fff8f4;border:1px solid var(--line);border-radius:3px;padding:25px 23px}
.seo-selection-count{font-size:10px;font-weight:600;line-height:1.6;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:15px}
.seo-selection h4{font-family:var(--sc-font-display);font-size:24px;line-height:1.15;letter-spacing:-.035em;max-width:16ch;margin:0 0 19px}
.seo-selection ul{padding:0;margin:0 0 22px;list-style:none;flex:1}
.seo-selection li{font-size:12px;line-height:1.75;margin-bottom:8px}
.seo-selection-calculation{font-size:11px;line-height:1.7;color:var(--muted)}
.seo-selection-total{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:14px;font-size:11px}
.seo-selection-total strong{font-size:27px;letter-spacing:-.045em;white-space:nowrap}
.seo-selection-note{margin-top:20px;max-width:90ch}
.seo-related-note{padding-top:10px}
.seo-service-links{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8%;margin-block:8px 12px}
.seo-service-group{min-width:0}
.seo-service-group h3{font-family:var(--sc-font-text);font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;margin:0 0 15px;color:var(--muted)}
.seo-service-group>a{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:64px;padding-block:17px;border-top:1px solid var(--line);font-family:var(--sc-font-display);font-size:clamp(21px,2.1vw,30px);font-weight:600;line-height:1.15;letter-spacing:-.035em;text-decoration:none}
.seo-service-group>a:last-child{border-bottom:1px solid var(--line)}
.seo-service-group>a:hover span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.seo-service-group .icon{flex-shrink:0;width:23px;height:23px}
.seo-service-group:only-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8%}
.seo-service-group:only-child h3{grid-column:1/-1}
.seo-service-group:only-child>a{border-bottom:1px solid var(--line)}
.product-title-link{color:inherit;text-decoration:none}
.product-title-link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.product-page-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:5px;color:var(--cocoa);font-size:11px;text-decoration:underline;text-underline-offset:4px}
.product-page-link:hover,.cafe-page-link:hover{text-decoration-thickness:2px}
.product-card[id]{scroll-margin-top:110px}
.product-card:target .product-photo{outline:2px solid var(--cocoa);outline-offset:4px}
.cafe-page-link{display:inline-flex;align-items:center;align-self:flex-start;gap:10px;min-height:44px;margin-bottom:20px;font-size:12px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){
 .seo-route-grid>a{padding:20px}
 .seo-selection-grid{gap:12px}
 .seo-selection{padding:22px 19px}
 .seo-selection h4{font-size:22px}
}
@media(max-width:800px){
 .seo-service-links{grid-template-columns:1fr;gap:28px;margin-block:5px 12px}
 .seo-service-group:only-child{grid-template-columns:1fr}
 .seo-service-group:only-child>a:not(:last-child){border-bottom:0}
 .seo-service-group>a{min-height:60px;font-size:24px;padding-block:16px}
 .seo-route-grid{grid-template-columns:1fr;gap:12px;margin-top:3px}
 .seo-route-grid>a{gap:7px}
 .seo-format-grid{grid-template-columns:1fr;gap:24px;margin-top:5px}
 .seo-professional-grid{grid-template-columns:1fr;gap:25px;margin-top:5px}
 .seo-delivery{padding:26px}
 .seo-selection-block{margin-top:4px}
 .seo-selection-grid{grid-template-columns:1fr;gap:16px}
 .seo-selection{padding:24px}
 .seo-selection h4{max-width:none;font-size:26px}
 .seo-selection ul{margin-bottom:15px}
 .seo-selection li{font-size:13px}
 .seo-selection-total strong{font-size:29px}
 .product-card[id]{scroll-margin-top:95px}
}