/* Shared finish for WordPress pages: warm paper, quiet surfaces, blue actions. */
:root{--surface:#eeede7;--line:#dcdcd2;--muted:#62665f;--accent-soft:#eef0ff}
/* A light brand strip above the navigation; it scrolls away with the page. */
.seri-brand-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:36px;padding-inline:max(var(--gutter),calc((100vw - 1508px)/2));background:var(--lemon);color:var(--ink);border-bottom:1px solid #20282112;font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.025em}
.seri-brand-bar>p{display:flex;align-items:center;gap:9px;min-width:0;margin:0;padding-block:6px;line-height:1.5}
.seri-brand-dot{flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--green)}
.seri-brand-bar>a{display:inline-flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0;min-height:36px;padding-block:6px;font-weight:600;line-height:1.5}
.seri-brand-bar>a:hover{text-decoration:underline;text-underline-offset:3px}
.seri-brand-bar>a:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.seri-brand-bar svg{display:block;flex:0 0 14px}
@media(max-width:700px){.seri-brand-bar{gap:12px;font-size:10px;letter-spacing:0}.seri-brand-bar>p{gap:7px}.seri-brand-bar>a{gap:8px}}
.button{border-radius:6px;text-align:start}
.text-link{white-space:normal}
main h1,main h2,main h3{overflow-wrap:break-word;text-wrap:balance}
main .eyebrow{color:var(--blue-dark)}
.page-intro{max-width:1680px;margin-inline:auto;padding-top:54px;padding-bottom:40px}
.page-intro h1{font-size:clamp(36px,4.3vw,62px);line-height:1.25}
.page-intro>p:last-child{margin-top:20px}
.page-intro>.eyebrow{margin-top:0}
.site-header .button,.seri-language-switch summary{border-radius:6px}
.main-nav>a[data-active=true]{color:var(--blue-dark)}
.main-nav>a[data-active=true]::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;background:var(--blue)}
.menu-toggle svg{display:block;flex:none}
.menu-toggle .seri-menu-close{display:none}
.menu-toggle[aria-expanded=true] .seri-menu-open{display:none}
.menu-toggle[aria-expanded=true] .seri-menu-close{display:block}
.seri-language-options{border-radius:8px}
.breadcrumb{line-height:1.8;overflow-wrap:anywhere}
.breadcrumb a{display:inline-flex;align-items:center;min-height:32px}
.filter-chips a{border-radius:6px;font-size:13px;background:var(--white)}
.filter-chips a[aria-current=page]{background:var(--blue)}

/* Collection and product detail. */
.catalog-section{padding-bottom:64px}
.seri-catalogue-card{border-top-color:var(--line)}
.seri-catalogue-card-image{border-radius:12px}
.seri-catalogue-view{border-radius:50%}
.seri-catalogue-style-options button{border-radius:5px}
.product-summary{padding-top:0;min-width:0}
.gallery-main{border-radius:12px;overflow:hidden}
.gallery-main figcaption{border:1px solid var(--line);border-radius:4px}
.gallery-thumbnails button{border-radius:6px;overflow:hidden}
.seri-gallery-zoom{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:44px;font-size:12px;color:var(--blue-dark)}
.seri-gallery-zoom:hover{text-decoration:underline;text-underline-offset:4px}
.asset-note{margin-top:12px;font-size:12px;line-height:1.8;color:var(--muted)}
.seri-product-jumps{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0 0 20px}
.seri-product-jumps a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--blue-dark);text-decoration:underline;text-underline-offset:5px}
.variant-selector,#bag-specifications,.seri-design-studio{scroll-margin-top:20px}
.variant-option{border-color:var(--line);border-radius:6px}
.variant-option:hover{background:var(--paper);border-color:var(--blue)}
.variant-option[aria-current=true]{background:var(--accent-soft);color:var(--blue-dark)}
.seri-custom-card{background:var(--surface);border-color:var(--line);border-radius:10px;gap:14px}
.seri-custom-card p{color:var(--muted)}
.seri-design-entry{border-color:var(--line);font-size:13px}
.product-specifications{background:var(--paper);padding-top:64px;padding-bottom:64px}
.spec-table{border-top-color:var(--line)}
.product-materials{background:var(--white);padding-top:48px;padding-bottom:48px}
.materials-heading{margin-bottom:0;align-items:start}
.seri-design-studio{background:var(--paper);border-color:var(--line);padding-top:64px;padding-bottom:64px}
.seri-design-reference,.seri-design-connection{border-color:var(--line);border-radius:10px;overflow:hidden}
.seri-design-reference figure{background:var(--surface);border-color:var(--line)}
.seri-design-parts li{background:var(--paper);border-color:var(--line);color:var(--ink);border-radius:5px}
.seri-design-connection input,.seri-design-connection textarea{background:var(--paper);border-color:var(--line);color:var(--ink)}
.seri-design-copy{min-height:44px;color:var(--blue-dark)}
.seri-design-task textarea{border-color:var(--line);border-radius:6px}

/* Client work, factory introduction and the illustrated guide. */
.seri-work-board,.seri-making-cover,.seri-about-visual{background:var(--surface);border-color:var(--line);border-radius:14px}
.seri-work-board figcaption,.seri-making-cover figcaption,.seri-about-visual figcaption{color:var(--muted)}
.seri-work-projects,.seri-work-inspiration,.seri-making-guide{background:var(--paper)}
.seri-work-projects,.seri-work-inspiration{padding-top:36px;padding-bottom:60px}
.seri-work-coming{border-color:var(--line)}
.seri-work-reference-image,.seri-project-cover{border-color:var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.seri-project-cover-arrow{border-radius:50%}
.seri-project-tags li,.seri-project-read{border-color:var(--line)}
.seri-work-next,.seri-about-guide{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-inline:var(--gutter);padding:48px clamp(24px,4vw,60px)}
.seri-work-next{margin-bottom:64px}
.seri-work-next>div>p:not(.eyebrow),.seri-about-guide p:not(.eyebrow){color:var(--muted)}
.seri-about-capabilities>article{border-color:var(--line)}
.seri-company-details{display:grid;gap:14px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;line-height:1.75;overflow-wrap:anywhere}
.seri-company-details p{margin:0;line-height:inherit}
.seri-company-details strong{font-size:12px;font-weight:600;color:var(--ink)}
.seri-project-hero-image img,.seri-project-gallery img{border-radius:0;background:transparent}
.seri-project-chapter>div>p:not(.eyebrow){color:var(--muted)}
.seri-making-panel{border-radius:12px}
.seri-making-panel>figure{background:var(--surface)}
.seri-making-panel figcaption,.seri-making-stage-copy>p:not(.eyebrow),.seri-making-scope{color:var(--muted)}
.seri-making-tabs button{background:var(--white);border-color:var(--line);border-radius:6px}
.seri-making-takeaway{background:var(--paper);border-color:var(--blue);border-radius:0 6px 6px 0}
.seri-making-takeaway>p{color:var(--muted)}
.seri-making-controls button{border-radius:6px}

/* Enquiry guidance and form. */
.contact-layout{grid-template-columns:.8fr 1.2fr;padding-top:54px;padding-bottom:64px;gap:6vw}
.contact-copy{min-width:0}
.contact-copy>div{margin-top:20px;color:var(--muted);max-width:34em;font-size:15px}
.seri-enquiry-help{max-width:34em;margin-top:38px;padding:25px 0;border-block:1px solid var(--line)}
.seri-enquiry-help h2{font-size:20px;line-height:1.5}
.seri-enquiry-help ol{counter-reset:enquiry;list-style:none;margin:20px 0;padding:0}
.seri-enquiry-help li{counter-increment:enquiry;display:flex;gap:15px;padding:9px 0;font-size:14px}
.seri-enquiry-help li::before{content:counter(enquiry,decimal-leading-zero);color:var(--blue-dark);font:500 11px/2 var(--mono)}
.seri-enquiry-help p{font-size:13px;color:var(--muted)}
.seri-direct-contact{margin-top:28px;max-width:34em}
.seri-direct-contact>a{display:grid;grid-template-columns:78px 1fr auto;gap:12px;align-items:center;min-height:64px;padding:12px 0;border-top:1px solid var(--line);font-size:13px}
.seri-direct-contact>a>span:first-child{color:var(--muted);font-size:12px}
.seri-direct-contact strong{color:var(--blue-dark);overflow-wrap:anywhere;font-weight:500}
.seri-direct-contact a:hover strong{text-decoration:underline;text-underline-offset:4px}
.enquiry-form{border-radius:12px;padding:32px}
.form-grid input,.form-grid select,.form-grid textarea{border-color:#b9bdb2;border-radius:5px;font-size:14px}
.form-grid select:disabled{color:var(--muted);background:var(--surface);opacity:1}
.form-grid .seri-choice{border-radius:6px;border-color:var(--line)}
.seri-custom-fields{border-radius:8px;background:var(--paper)}
.form-note{font-size:12px;line-height:1.85;text-align:start}
.form-note a{display:inline-block;min-height:32px;color:var(--blue-dark)}
.seri-form-status{border-radius:4px;background:var(--accent-soft)}

/* Journal: real content or a useful starting point, with one reading width. */
.blog-list-section{padding-top:0;padding-bottom:64px}
.blog-card-image{border-radius:12px;border:1px solid var(--line);background:var(--surface)}
.blog-card-link{display:flex;flex-direction:column;align-items:stretch}
.blog-card-link h2{font-size:clamp(22px,2vw,28px);line-height:1.4;margin-top:14px;text-wrap:balance}
.blog-card-link .seri-story-read{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;margin-top:auto;padding-top:15px;font-size:12px;color:var(--blue-dark)}
.seri-journal-cover-type{display:block;padding:30px;font-size:clamp(36px,4vw,60px);font-weight:800;line-height:1;letter-spacing:-.06em;color:var(--blue)}
.seri-journal-empty{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center;padding:44px;background:var(--surface);border:1px solid var(--line);border-radius:16px}
.seri-journal-empty h2{font-size:clamp(28px,3vw,42px);line-height:1.35}
.seri-journal-empty p:not(.eyebrow){margin-top:20px;font-size:15px;line-height:1.9;color:var(--muted)}
.seri-journal-empty figure{min-width:0}
.seri-journal-empty img{width:100%;height:auto}
.seri-empty-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 28px;margin-top:28px}
.blog-pagination ul.page-numbers{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;border:0}
.blog-pagination .page-numbers:not(ul){display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px 13px;border:1px solid var(--line);border-radius:5px}
.blog-pagination .page-numbers.current{background:var(--blue);color:white;border-color:var(--blue)}
.seri-article-back{margin-bottom:30px;font-size:12px}
.article-heading{max-width:800px}
.article-heading>.eyebrow{justify-content:center}
.article-heading>.blog-meta{justify-content:center;margin:20px 0 0}
.article-cover{border-radius:12px;overflow:hidden;background:var(--surface)}
.article-layout{display:block;max-width:760px;margin-inline:auto}
.article-product{background:var(--surface);border-color:var(--line);border-radius:10px}
.article-product>img{flex:0 0 76px}
.seri-prose,.seri-page-content{overflow-wrap:anywhere}
.seri-prose p,.seri-prose ul,.seri-prose ol{font-size:15px;line-height:1.95;margin:0 0 20px}
.seri-prose h2,.seri-prose h3{margin:38px 0 17px;line-height:1.45;scroll-margin-top:20px}
.seri-prose ul,.seri-prose ol,.seri-page-content ul,.seri-page-content ol{padding-inline-start:1.5em}
.seri-prose li+li{margin-top:8px}
.seri-prose a:not(.button){text-decoration:underline;text-underline-offset:4px}
.seri-prose img{height:auto;max-width:100%}
.seri-prose pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:var(--surface)}
.seri-prose blockquote{margin:24px 0;padding:15px 24px;border-inline-start:3px solid var(--blue);background:var(--surface)}
.seri-prose .wp-block-table{overflow-x:auto;max-width:100%}
.seri-prose table{border-collapse:collapse;width:100%;font-size:14px}
.seri-prose td,.seri-prose th{padding:12px;border:1px solid var(--line);text-align:start}

/* Editable privacy policy, with section links on wide and narrow screens. */
.seri-policy{max-width:1680px;margin-inline:auto}
.seri-policy .page-intro>h1+p{margin-top:18px}
.seri-policy .seri-policy-date{margin-top:15px;font:500 11px/1.7 var(--mono);color:var(--muted)}
.seri-policy-layout{display:grid;grid-template-columns:240px minmax(0,760px);justify-content:space-between;gap:6vw;padding:0 var(--gutter) 72px}
.seri-policy-aside{position:sticky;top:112px;align-self:start;min-width:0}
.seri-policy-aside .eyebrow{font-family:var(--sans);font-size:12px}
.seri-policy-aside ol{list-style:none;counter-reset:policy;margin:0 0 24px;padding:0;border-top:1px solid var(--line)}
.seri-policy-aside li{counter-increment:policy;border-bottom:1px solid var(--line)}
.seri-policy-aside nav a{display:flex;align-items:center;gap:12px;min-height:44px;padding:9px 0;font-size:12px;line-height:1.6}
.seri-policy-aside nav a::before{content:counter(policy,decimal-leading-zero);font:500 10px/1.7 var(--mono);color:var(--blue-dark)}
.seri-policy-aside a:hover{color:var(--blue-dark)}
.seri-policy-aside>.text-link{font-size:12px}
.seri-policy-content{min-width:0}
.seri-policy-content h2{padding-top:30px;border-top:1px solid var(--line);font-size:25px;margin-top:32px}
.seri-policy-content>h2:first-child{padding-top:0;border:0;margin-top:0}
.seri-policy-content>p{color:#4f554e}
.seri-policy-contact{margin-top:40px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:10px}
.seri-policy-contact h2{border:0;padding:0;margin:0 0 18px;font-size:23px}
.seri-policy-contact .button{font-size:13px}
/* A shared dark finish replaces the orange and yellow footer on every page. */
.enquiry-banner{background:var(--ink);color:var(--paper);padding-top:56px;padding-bottom:48px}
.enquiry-banner .eyebrow{color:#bac3b9;font-size:10px}
.enquiry-banner h2{font-size:clamp(30px,3.6vw,50px);line-height:1.35}
.enquiry-banner .button{background:var(--paper);color:var(--ink);border-radius:6px}
.enquiry-banner .button:hover{background:white}
.site-footer{position:relative;padding-top:36px;gap:32px}
.enquiry-banner+.site-footer::before{content:"";position:absolute;inset:0 var(--gutter) auto;height:1px;background:#ffffff26}
.footer-logo .brand-category{color:#c0caff}
.site-footer>div:first-child>p,.footer-bottom{color:#bac3b9}
.footer-links a:hover,.footer-bottom a:hover{color:#c0caff}
.footer-links a,.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
.footer-bottom{align-items:center;padding-top:12px;font-size:11px}
.footer-bottom a{text-decoration:underline;text-underline-offset:4px}
.site-footer a:focus-visible,.enquiry-banner a:focus-visible{outline-color:#c0caff}
@media(min-width:1700px){
  .seri-work-hero,.seri-about-hero,.seri-making-hero,.seri-project-heading,.seri-project-story,.seri-project-hero-image,.seri-about-partnership,.seri-making-next,.seri-project-return{max-width:1680px;margin-inline:auto}
  .seri-work-next,.seri-about-guide{max-width:calc(1680px - 2 * var(--gutter));margin-inline:auto}
}
@media(max-width:1000px){
  .seri-policy-layout{grid-template-columns:200px minmax(0,1fr);gap:35px}
  .seri-journal-empty{padding:32px;gap:28px}
  .contact-layout{gap:35px}
}
@media(max-width:760px){
  .page-intro{padding-top:36px;padding-bottom:30px}
  .page-intro h1{font-size:clamp(34px,8vw,46px)}
  .seri-work-next,.seri-about-guide{padding:30px 24px}
  .seri-work-next{margin-bottom:40px}
  .contact-layout{grid-template-columns:1fr;padding-top:36px;padding-bottom:44px;gap:28px}
  .seri-enquiry-help{margin-top:24px;padding:18px 0}
  .seri-enquiry-help h2{font-size:18px}
  .seri-enquiry-help ol{margin:10px 0}
  .seri-enquiry-help li{padding:5px 0;font-size:13px}
  .enquiry-form{padding:24px 20px}
  .form-grid input,.form-grid select,.form-grid textarea{font-size:16px}
  .product-specifications,.seri-design-studio{padding-top:44px;padding-bottom:44px}
  .product-materials{padding-top:36px;padding-bottom:36px}
  .seri-journal-empty{grid-template-columns:1fr;padding:28px 22px}
  .seri-journal-empty figure{max-width:350px;justify-self:center}
  .seri-journal-empty p:not(.eyebrow){font-size:14px}
  .blog-list-section{padding-top:0;padding-bottom:44px}
  .article-heading>.eyebrow,.article-heading>.blog-meta{justify-content:flex-start}
  .seri-policy-layout{grid-template-columns:1fr;gap:32px;padding-bottom:48px}
  .seri-policy-aside{position:static}
  .seri-policy-aside ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
  .seri-policy-aside nav a{font-size:11px;gap:8px;min-height:48px}
  .seri-policy-content h2{font-size:23px;padding-top:24px}
  .seri-policy-content p{font-size:14px}
  .seri-policy-contact{padding:22px}
  .seri-policy-contact h2{padding-top:0}
  .enquiry-banner{padding-top:40px;padding-bottom:36px}
  .site-footer{padding-top:30px;gap:28px}
}

/* Keep design tools and privacy discoverable across the site. */
.seri-footer-utility{grid-column:1/-1;display:flex;align-items:center;gap:20px 32px;flex-wrap:wrap;padding-top:22px;border-top:1px solid #ffffff26}
.seri-footer-utility>p{margin-inline-end:auto;color:#bac3b9;font-size:12px}
.seri-footer-utility a{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;font-size:14px;font-weight:600}
.seri-footer-utility a:hover{text-decoration:underline;text-underline-offset:5px;color:#c0caff}
.seri-footer-utility+.footer-bottom{border-top:0;padding-top:0;margin-top:-16px}
.seri-studio-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:4px}
.seri-studio-actions .text-link{font-size:13px;min-height:44px}
@media(min-width:1281px){.main-nav>.seri-nav-policy{display:none}}
@media(max-width:700px){.seri-footer-utility{gap:8px 24px}.seri-footer-utility>p{flex-basis:100%;margin:0}.seri-studio-actions{width:100%}.seri-studio-actions>.button{width:100%}}
.seri-town-link{color:var(--blue-dark);text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:1px;text-underline-offset:4px}
.seri-town-link:hover{text-decoration-style:solid}