/* Generated by scripts/build-priceguard-css.mjs. Edit the shared source styles. */
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin-variable.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/assets/fonts/ibm-plex-mono-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--bg:#f5f5f0;--surface:#fff;--surface-hover:#edeee7;--text:#20231f;--text-secondary:#5e6259;--text-muted:#676c61;--border:#dcdfd4;--border-hover:#a4ac98;--accent:#d0f580;--accent-light:#d0f580;--accent-ink:#496522;--accent-glow:#d0f58020;--accent-subtle:#edf4df;--green:#547d29;--shopware:#0878ba;--woo:#7444a3;--shopify:#477723;--magento:#bc4821;--mono:'IBM Plex Mono',monospace;--ease:cubic-bezier(.22,1,.36,1);--width:1280px;--gutter:clamp(22px,4.8vw,80px);color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{font-family:Manrope,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:var(--text)}
a{color:inherit;text-decoration:none;text-underline-offset:4px}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;color:inherit}
img{max-width:100%;height:auto;display:block}
svg{vertical-align:middle;flex-shrink:0}
:focus-visible{outline:3px solid var(--accent-ink);outline-offset:5px}
[hidden]{display:none!important}
.skip-link{position:fixed;left:20px;top:12px;z-index:500;background:var(--text);color:var(--accent);padding:12px 20px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
body>header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);background:rgba(245,245,240,.96);backdrop-filter:blur(16px)}
header nav{height:86px;max-width:calc(var(--width) + 2 * var(--gutter));padding:0 var(--gutter);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:inline-flex;align-items:center;gap:12px;font-size:27px;font-weight:800;letter-spacing:-1.5px;line-height:1}
.logo-text{display:inline-flex;gap:0}
.logo-text span{color:var(--text-secondary)}
.brand-mark{width:31px;height:35px;color:var(--text);display:inline-block;transform:rotate(-12deg)}
.nav-links{display:flex;align-items:center;gap:30px}
.nav-links>a{font-size:13px;font-weight:650;line-height:1.3;padding:12px 0;transition:color .2s}
.nav-links>a:hover{color:var(--accent-ink)}
.nav-links>a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.nav-links .nav-cta{background:var(--text);color:var(--bg);padding:14px 22px;border-radius:7px;display:flex;align-items:center;gap:22px}
.nav-cta::after{content:'↗';font-size:19px;font-weight:400}
.nav-links .nav-cta:hover{background:var(--accent);color:var(--text)}
.mobile-menu-btn{display:none;width:44px;height:44px;border:1px solid var(--border);border-radius:6px;background:transparent;align-items:center;justify-content:center}
.mobile-menu-btn svg{width:23px;height:23px}
main>section{max-width:calc(var(--width) + 2 * var(--gutter));margin:0 auto;padding:92px var(--gutter)}
main>section+section{border-top:1px solid var(--border)}
h1,h2,h3,h4{font-weight:650;line-height:1.15;letter-spacing:-.045em;text-wrap:balance}
h1{font-size:clamp(48px,6.1vw,84px);max-width:1030px;margin-bottom:28px;line-height:1.04}
h2{font-size:clamp(30px,3.7vw,50px)}
h3{font-size:23px;letter-spacing:-.025em}
p{color:var(--text-secondary)}
p a{color:var(--text);text-decoration:underline;text-decoration-color:#afb89d}
p a:hover{color:var(--accent-ink)}
.btn{min-height:52px;padding:14px 24px;display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid transparent;border-radius:7px;font-size:13px;font-weight:750;line-height:1.5;transition:background .2s,transform .25s var(--ease),border-color .2s}
.btn svg{width:18px;height:18px}
.btn-primary{background:var(--text);color:var(--bg)}
.btn-primary::after{content:'↗';font-size:21px;line-height:1;font-weight:400}
.btn-primary:hover{background:var(--accent-ink);transform:translateY(-2px)}
h1,h2,h3,h4{overflow-wrap:break-word}
.breadcrumb{max-width:calc(var(--width) + 2 * var(--gutter));padding:28px var(--gutter) 0;margin:auto}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:9px 12px;font:10px/1.7 var(--mono);color:var(--text-secondary)}
.breadcrumb a:hover{text-decoration:underline}
body>footer{background:#20251e;color:#f0f2e9;padding:65px var(--gutter) 28px;--text-secondary:#b9c3b0;--border:#41493b}
.footer-main,.footer-bottom{max-width:var(--width);margin:auto}
.footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}
.footer-intro .logo{font-size:28px;margin-bottom:20px}
.footer-intro .brand-mark{color:var(--accent)}
.footer-intro .logo-text span{color:#bcc7b0}
.footer-intro p{font-size:12px;line-height:1.85;max-width:245px;color:#b9c3b0}
.footer-social{display:flex;gap:18px;margin-top:20px}
.footer-social a{font:10px var(--mono);color:#d6dfcd;padding:8px 0}
.footer-column>p{font:9px/1.7 var(--mono);color:#aeb9a4;text-transform:uppercase;letter-spacing:.07em;margin-bottom:20px}
.footer-column nav{display:flex;flex-direction:column;gap:10px}
.footer-column a{font-size:11px;line-height:1.6;color:#dee5d6;padding:2px 0}
.footer-column a:hover,.footer-social a:hover{color:var(--accent)}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:23px}
.footer-bottom p,.footer-bottom a{font:9px/1.8 var(--mono);color:#aeb9a4}
.footer-bottom a{padding:5px 0}
footer a:focus-visible{outline-color:var(--accent)}
@media(prefers-reduced-motion:no-preference){.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .8s var(--ease)}
.reveal-ready.visible{opacity:1;transform:translateY(0)}
}
@media(max-width:1150px){.nav-links{gap:24px}
}
@media(max-width:800px){:root{--gutter:28px}
header nav{height:74px}
.logo{font-size:25px}
.nav-links{gap:20px}
.nav-links>a{font-size:12px}
.nav-links .nav-cta{padding:12px 17px;gap:12px}
main>section{padding-top:65px;padding-bottom:65px}
.footer-main{grid-template-columns:repeat(3,1fr);gap:30px}
.footer-intro{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
.footer-intro .logo{grid-column:1}
.footer-intro>p{grid-column:2;grid-row:1/3}
.footer-social{margin-top:0;grid-column:1}
}
@media(max-width:600px){:root{--gutter:22px}
html{scroll-padding-top:88px}
header nav{height:70px;gap:15px}
.logo{font-size:24px;gap:9px}
.brand-mark{width:27px;height:30px}
.mobile-menu-btn{display:flex}
.nav-links{display:none;position:absolute;left:0;right:0;top:70px;padding:18px var(--gutter) 24px;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:0 20px 30px #20231f0a;flex-direction:column;align-items:stretch;gap:4px}
.nav-links.open{display:flex}
.nav-links>a{font-size:16px;padding:14px 5px}
.nav-links .nav-cta{padding:16px 20px;justify-content:space-between;margin:8px 0}
.mobile-menu-btn[aria-expanded="true"]{background:var(--accent)}
main>section{padding-top:55px;padding-bottom:55px}
.breadcrumb{padding-top:22px}
.breadcrumb ol{font-size:9px;gap:6px 9px}
h1{font-size:clamp(40px,10.6vw,60px);line-height:1.09;letter-spacing:-.05em}
body>footer{padding-top:45px}
.footer-main{grid-template-columns:1fr 1fr;gap:32px 20px}
.footer-intro{display:block;grid-column:1/-1}
.footer-intro>p{max-width:310px}
.footer-social{margin-top:15px}
.footer-column>p{margin-bottom:14px;font-size:8px}
.footer-column a{font-size:10px}
.footer-column nav{gap:8px}
.footer-bottom{padding-top:20px}
.footer-bottom p,.footer-bottom a{font-size:8px}
.footer-bottom>p:nth-child(2){max-width:240px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
.reveal-ready{opacity:1;transform:none}
}
@media print{body{background:white;color:black}
header,body>footer{display:none!important}
main>section{padding:25px 0;break-inside:avoid}
.reveal-ready{opacity:1;transform:none}
a{text-decoration:underline}
}

:root{--bg:#efeee9;--surface:#f8f7f3;--surface-hover:#e5e3dc;--text:#20201f;--text-secondary:#62615c;--text-muted:#6c6b65;--border:#d0cec5;--border-hover:#96948a;--accent:#ff5a31;--accent-light:#ffb49a;--accent-ink:#b6351b;--accent-subtle:#f5dfd4;--green:#416b32;--gutter:clamp(22px,4.4vw,76px);--night:#20201f;--paper:#efeee9;--orange:#ff5a31;--blue:#334ee9}
body>header{background:rgba(239,238,233,.97);backdrop-filter:none;border-color:var(--border)}
header nav{height:78px}
.logo{font-weight:750}
.brand-mark{color:var(--accent-ink)}
.nav-links .nav-cta,.btn{border-radius:2px}
.nav-links .nav-cta{padding:13px 20px}
.nav-links>a{font-size:12px}
.nav-links{gap:28px}
::selection{background:#ff9678;color:#20201f}
.read-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:120;pointer-events:none}
.reveal-ready{opacity:1;transform:none}
@supports(animation-timeline:scroll()){.read-progress{animation:read-progress linear;animation-timeline:scroll(root)}
}
@keyframes read-progress{to{transform:scaleX(1)}}
.edition-link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid currentColor;padding:10px 0;font-size:13px;font-weight:650;line-height:1.5}
.edition-link>span:last-child{font-size:24px;font-weight:400;transition:transform .25s var(--ease)}
.edition-link:hover>span:last-child{transform:translate(3px,-3px)}
body>footer{background:var(--night);--text-secondary:#b9b7af;--border:#494944}
.footer-intro p,.footer-column>p,.footer-bottom p,.footer-bottom a{color:#b9b7af}
.footer-column a,.footer-social a{color:#e1dfd7}
.footer-intro .logo-text span{color:#b9b7af}
.footer-intro .brand-mark{color:#ffb49a}
.footer-column a:hover,.footer-social a:hover{color:#ffb49a}
:root{--section-space: 80px;
  --hero-space-start: 48px;
  --hero-space-end: 64px;
  --content-gap: 32px;
  --page-inset: max(var(--gutter), calc((100% - var(--width)) / 2));}
body:not(.page-home) .breadcrumb{max-width: none;
  padding-inline: var(--page-inset);
  margin-top: 0;}
@media (max-width: 1000px){:root{--section-space: 64px; --hero-space-start: 40px; --hero-space-end: 56px;}
}
@media (max-width: 600px){:root{--section-space: 56px; --hero-space-start: 32px; --hero-space-end: 48px; --content-gap: 28px;}
}
body:not(.page-home) main>section{width:100%;max-width:none;padding:var(--section-space) var(--page-inset)}
body:not(.page-home) h1{font-weight:550;letter-spacing:-.06em}
@media(max-width:600px){header nav{height:70px}
.nav-links{gap:0;background:var(--paper)}
.nav-links .nav-cta{border-radius:2px}
.nav-links>a{font-size:16px}
.mobile-menu-btn{border-radius:2px;border-color:#a7a59c}
.read-progress{height:2px}
.footer-main{gap:28px 18px}
.footer-column a{font-size:11px}
.footer-column>p{font-size:9px}
.footer-intro p{font-size:12px}
.footer-bottom p,.footer-bottom a{font-size:8px}
body:not(.page-home) h1{font-size:44px;line-height:1.08}
}
@media(max-width:360px){body:not(.page-home) h1{font-size:39px}
.footer-column a{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.read-progress{display:none}
.reveal-ready{opacity:1;transform:none}
}
@media print{.read-progress{display:none!important}
details::details-content{content-visibility:visible!important;height:auto!important}
}

.page-resource .breadcrumb ol{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;}
.page-resource .breadcrumb [aria-current]{overflow-wrap:anywhere;}
@media (min-width:601px){.nav-links{gap:clamp(.7rem,1.4vw,1.5rem);}
}
@media (min-width:601px) and (max-width:950px){header nav{gap:1rem;}
.nav-links{font-size:.82rem;gap:.65rem;}
.nav-links .nav-cta{padding:.6rem .75rem;}
}
.language-options{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.edition-two .nav-links .language-option{display:inline-flex;position:relative;align-items:center;justify-content:center;gap:10px;width:48px;min-height:44px;padding:10px 8px;border:1px solid #d9d6ce;border-radius:10px;background:linear-gradient(150deg,#fffdf8,#eae7df);box-shadow:0 2px 4px #1717130b,inset 0 1px 0 #fff;color:#222;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;isolation:isolate;}
.edition-two .nav-links .language-option:hover{transform:translateY(-2px);border-color:#bcb6a8;box-shadow:0 5px 12px #17171318,inset 0 1px 0 #fff;color:#222;}
.edition-two .nav-links .language-option:focus-visible{outline:2px solid #ad341c;outline-offset:4px;}
.language-flag{display:block;position:relative;flex:0 0 auto;width:30px;height:20px;overflow:hidden;border-radius:3px;box-shadow:0 1px 3px #0003,0 0 0 1px #0000000d;}
.language-flag svg{display:block;width:100%;height:100%;}
.language-flag::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#ffffff25,transparent 40%,#00000009 62%,#ffffff13);box-shadow:inset 0 1px 0 #ffffff45;pointer-events:none;}
@media(max-width:800px){.language-options{align-self:flex-start;margin-top:12px;}
}
@media(prefers-reduced-motion:reduce){.edition-two .nav-links .language-option{transition:none;}
.edition-two .nav-links .language-option:hover{transform:none;}
}
.fragment-alias{position:absolute;display:block;width:1px;height:1px;pointer-events:none;}
@media(min-width:601px) and (max-width:800px){.edition-two .mobile-menu-btn{display:flex;}
.edition-two .nav-links{display:none;position:absolute;left:0;right:0;top:100%;padding:18px var(--gutter) 24px;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:0 20px 30px #20231f0a;flex-direction:column;align-items:stretch;gap:0;}
.edition-two .nav-links.open{display:flex;}
.edition-two .nav-links>a{font-size:14px;padding:14px 0;}
.edition-two .nav-links .nav-cta{padding:14px 20px;margin-block:8px;justify-content:space-between;}
}

.case-ceramics{--ceramic-paper:#f4f0e7;--ceramic-ink:#293c32;--ceramic-clay:#99452e;--ceramic-sage:#dce4d5;background:var(--ceramic-paper)}
.case-ceramics main{overflow:clip}
.case-ceramics main a:focus-visible,.case-ceramics main summary:focus-visible{outline:3px solid var(--ceramic-clay);outline-offset:6px}
.case-ceramics .breadcrumb{position:relative;z-index:1}
.case-ceramics .ceramics-wrap{max-width:1280px;margin-inline:auto;min-width:0}
.case-ceramics main>.ceramics-hero{padding-top:42px;padding-bottom:0}
.ceramics-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:center}
.ceramics-eyebrow{font:11px/1.7 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ceramic-clay);margin:0 0 26px}
.case-ceramics h1{font-size:clamp(52px,6.4vw,91px);line-height:1.02;letter-spacing:-.065em;margin:0;color:var(--ceramic-ink);text-wrap:balance}
.ceramics-name{display:block;font:13px/1.6 var(--mono);letter-spacing:.07em;text-transform:uppercase;margin-bottom:20px;color:var(--text-secondary)}
.case-ceramics h1 em,.case-ceramics h2 em{font-family:Georgia,serif;font-weight:400}
.ceramics-intro{font-size:clamp(16px,1.35vw,18px);line-height:1.85;max-width:49ch;margin-top:28px;color:#545950}
.ceramics-hero .edition-link{color:var(--ceramic-ink);margin-top:21px}
.ceramics-art{position:relative;isolation:isolate;background:var(--ceramic-paper);margin:0;min-width:0;padding:30px 35px 45px;min-height:510px;display:grid;place-items:center}
.ceramics-art::before{content:'';position:absolute;z-index:-1;inset:30px 8px 25px 10px;background:var(--ceramic-sage);border-radius:48% 52% 42% 58% / 54% 40% 60% 46%;transform:rotate(-7deg)}
.ceramics-art img{width:min(100%,390px);height:auto;mix-blend-mode:multiply;transform:rotate(8deg);transition:transform .65s var(--ease)}
.ceramics-art:hover img{transform:rotate(3deg) translateY(-6px)}
.ceramics-art figcaption{position:absolute;z-index:1;top:36px;left:0;background:#f9f7f0;padding:13px 20px;font:12px/1.6 var(--mono);transform:rotate(-7deg);box-shadow:1px 5px 12px #263b3212;border:1px solid #dad7cd;max-width:190px}
.ceramics-art figcaption::before{content:'';position:absolute;width:48px;height:18px;background:#c9b99480;top:-10px;left:calc(50% - 24px);transform:rotate(3deg)}
.ceramics-stamp{position:absolute;right:4px;bottom:7px;width:126px;height:126px;border-radius:50%;background:var(--ceramic-clay);color:#fff6e8;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:8px;padding:18px;font:10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.04em;transform:rotate(9deg);outline:1px dashed #f9edda;outline-offset:-8px}
.ceramics-stamp svg{width:28px;height:28px}
.ceramics-doodle{position:absolute;left:5px;bottom:15px;width:100px;height:72px;color:var(--ceramic-clay);transform:rotate(-12deg)}
.ceramics-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:38px;padding:24px 0;border-block:1px solid #c9cfc1}
.ceramics-facts div{padding-right:15px;min-width:0}
.ceramics-facts dt{font:10px/1.7 var(--mono);text-transform:uppercase;letter-spacing:.09em;color:#676b60;margin-bottom:6px}
.ceramics-facts dd{font-size:15px;line-height:1.6;color:var(--ceramic-ink);margin:0}
.ceramics-chapters{display:flex;gap:26px;flex-wrap:wrap;padding:21px 0 8px;font:11px/1.7 var(--mono)}
.ceramics-chapters a{display:flex;gap:10px;align-items:center;padding:7px 0;color:var(--ceramic-ink);text-decoration:none;border-bottom:1px solid transparent}
.ceramics-chapters a span{color:var(--ceramic-clay)}
.ceramics-chapters a:hover{border-color:currentColor}
.case-ceramics main>.ceramics-section{padding-block:86px;border:0}
.case-ceramics .ceramics-section h2{font-size:clamp(34px,4vw,56px);font-weight:550;line-height:1.12;letter-spacing:-.045em;color:var(--ceramic-ink);text-wrap:balance;margin:0 0 26px;max-width:20ch}
.ceramics-copy p{font-size:15px;line-height:1.85;color:#555b52;max-width:62ch}
.ceramics-copy p+p{margin-top:20px}
.ceramics-copy a{text-decoration:underline;text-underline-offset:4px}
.ceramics-problem-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}
.ceramics-before-after{display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative;padding:10px 0}
.ceramics-change-card{padding:27px 23px 32px;background:#edddd1;transform:rotate(-3deg);border:1px solid #d7c5b7;position:relative;min-width:0;box-shadow:1px 6px 0 #d0bba025}
.ceramics-change-card:last-child{background:#e1e8d7;border-color:#bcc9ae;transform:rotate(3deg);margin-top:42px}
.ceramics-change-card>span{font:10px/1.7 var(--mono);letter-spacing:.1em;color:#625b50;text-transform:uppercase;display:block;margin-bottom:29px}
.ceramics-change-card svg{width:58px;height:58px;color:var(--ceramic-clay);margin-bottom:22px}
.ceramics-change-card:last-child svg{color:var(--ceramic-ink)}
.ceramics-change-card h3{font-size:22px;letter-spacing:-.04em;font-weight:600;margin:0 0 14px;color:var(--ceramic-ink);overflow-wrap:anywhere}
.ceramics-change-card p{font-size:13px;line-height:1.8;color:#4e564a}
.ceramics-change-arrow{position:absolute;left:calc(50% - 20px);top:18px;font:42px/1 Georgia,serif;color:var(--ceramic-clay);z-index:1;transform:rotate(12deg)}
.case-ceramics main>.ceramics-work{background:#e6e8dd;padding-top:72px;padding-bottom:80px}
.ceramics-section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:38px}
.ceramics-section-top>p{max-width:31ch;font-size:14px;line-height:1.8;color:#555b52}
.ceramics-section-top h2{margin-bottom:0!important}
.ceramics-deliverables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ceramics-deliverables article{background:#f7f4eb;padding:30px;position:relative;min-width:0;border:1px solid #d5d6ca;transition:transform .25s var(--ease)}
.ceramics-deliverables article:nth-child(2){transform:rotate(-2deg);background:#f0d7c4}
.ceramics-deliverables article:hover{transform:translateY(-5px) rotate(0)}
.ceramics-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px;color:var(--ceramic-clay)}
.ceramics-card-head span{font:12px/1.5 var(--mono)}
.ceramics-card-head svg{width:36px;height:36px}
.ceramics-deliverables h3{font-size:23px;line-height:1.25;letter-spacing:-.045em;color:var(--ceramic-ink);margin-bottom:16px;overflow-wrap:anywhere}
.ceramics-deliverables p{font-size:14px;line-height:1.85;color:#51564b}
.case-ceramics main>.ceramics-pickup{background:var(--ceramic-ink);color:#f5f0e5;padding-block:83px;--border:#526258}
.ceramics-pickup .ceramics-eyebrow{color:#e0b59c}
.case-ceramics .ceramics-pickup h2{color:#f4eddf;max-width:16ch;font-size:clamp(39px,4.5vw,65px)}
.ceramics-pickup-grid{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center}
.ceramics-pickup .ceramics-copy p{color:#d6ddcf}
.ceramics-route{list-style:none;padding:0;margin:0;display:grid;gap:0;position:relative}
.ceramics-route li{position:relative;display:grid;grid-template-columns:76px 1fr;gap:24px;align-items:center;padding:20px 0}
.ceramics-route li:not(:last-child)::after{content:'';position:absolute;left:37px;top:96px;height:40px;border-left:2px dashed #c8c6a380}
.ceramics-route-icon{display:grid;place-items:center;width:76px;height:76px;background:#dce4d5;color:#293c32;border-radius:46% 54% 50% 50%;transform:rotate(-6deg)}
.ceramics-route li:nth-child(2) .ceramics-route-icon{background:#edbb9d;transform:rotate(8deg)}
.ceramics-route li:nth-child(3) .ceramics-route-icon{background:#ece4ce;transform:rotate(-3deg)}
.ceramics-route svg{width:35px;height:35px}
.ceramics-route small{font:10px/1.8 var(--mono);color:#c4cebe;letter-spacing:.08em;text-transform:uppercase}
.ceramics-route h3{font-size:25px;line-height:1.3;font-weight:500;letter-spacing:-.04em;margin-top:5px;color:#f5f0e5}
.ceramics-thinking{border-top:1px solid #6c7a69;margin-top:40px;padding-top:22px;color:#d6ddcf}
.ceramics-thinking summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;list-style:none;font-size:14px;line-height:1.65}
.ceramics-thinking summary::-webkit-details-marker{display:none}
.ceramics-thinking summary::after{content:'+';font-size:23px;flex-shrink:0}
.ceramics-thinking[open] summary::after{content:'−'}
.ceramics-thinking .ceramics-copy{margin-top:20px}
.ceramics-result-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center}
.ceramics-browser{margin:0;min-width:0;transform:rotate(-2deg);position:relative}
.ceramics-browser-frame{padding:12px;background:#fcfaf5;box-shadow:8px 14px 0 #d8dccf;border:1px solid #c4c9bb;border-radius:8px}
.ceramics-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;font:10px/1.7 var(--mono);color:#62695d;padding:1px 3px 12px}
.ceramics-browser-bar span:first-child{letter-spacing:2px;color:#9f583e}
.ceramics-browser img{display:block;width:100%;height:auto;border-radius:2px}
.ceramics-browser figcaption{font:10px/1.7 var(--mono);color:#686c61;margin-top:25px;max-width:55ch}
.ceramics-result .edition-link{color:var(--ceramic-clay);margin-top:23px}
.ceramics-result .ceramics-copy>h2{font-size:clamp(33px,3.5vw,48px)}
.ceramics-result-note{font-family:Georgia,serif;font-style:italic;font-size:24px;line-height:1.4;color:var(--ceramic-clay);margin-top:26px;transform:rotate(-3deg)}
.case-ceramics main>.ceramics-planning{background:#ebe5d9}
.ceramics-planning-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}
.ceramics-planning .ceramics-copy>h2{font-size:clamp(33px,3.6vw,49px)}
.ceramics-notebook{background:#faf7ef;padding:9px 30px 18px;border:1px solid #d6cdbf;box-shadow:6px 6px 0 #dbd2c2;position:relative}
.ceramics-notebook::before{content:'';width:74px;height:23px;position:absolute;top:-13px;left:calc(50% - 37px);background:#caba97a3;transform:rotate(-3deg)}
.ceramics-question{border-bottom:1px solid #d8d8c8}
.ceramics-question:last-child{border-bottom:0}
.ceramics-question summary{padding:22px 0;display:grid;grid-template-columns:26px 1fr 16px;gap:13px;align-items:center;cursor:pointer;list-style:none;color:var(--ceramic-ink);font-size:15px;line-height:1.5;font-weight:600}
.ceramics-question summary::-webkit-details-marker{display:none}
.ceramics-question summary>span{font:10px/1.8 var(--mono);color:var(--ceramic-clay)}
.ceramics-question summary::after{content:'+';font-size:22px;font-weight:400}
.ceramics-question[open] summary::after{content:'−'}
.ceramics-question>p{font-size:14px;line-height:1.8;color:#565c51;padding:0 0 24px 39px}
.ceramics-planning .ceramics-footnote{font-size:12px;line-height:1.8;margin-top:24px;color:#606357}
.ceramics-footnote a{display:inline-block;margin-top:10px;text-decoration:underline;text-underline-offset:3px}
.case-ceramics main>.ceramics-outro{background:#99452e;padding-block:66px;color:#fff5e8}
.ceramics-outro .ceramics-wrap{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
.case-ceramics .ceramics-outro h2{color:#fff5e8;max-width:23ch;margin-bottom:18px;font-size:clamp(36px,4vw,56px)}
.ceramics-outro p{color:#fff5e8;font-size:15px;line-height:1.8;max-width:58ch}
.ceramics-outro .ceramics-eyebrow{color:#fff5e8}
.ceramics-outro .btn{background:#f9f2e7;color:#293c32;border:0;max-width:260px;white-space:normal;line-height:1.5;text-align:left;min-height:62px;padding:19px 25px}
.ceramics-outro .btn:hover{background:#fffaf1;transform:translateY(-3px)}
.ceramics-credits{font:10px/1.8 var(--mono);margin-top:30px;color:#fff0df}
.ceramics-credits a{text-decoration:underline;text-underline-offset:3px}
.case-ceramics [id]{scroll-margin-top:96px}
@media(min-width:1600px){.ceramics-art{min-height:540px}
}
@media(max-width:1050px){.ceramics-hero-grid{gap:15px}
.ceramics-art{padding:35px 12px;min-height:420px}
.ceramics-art figcaption{font-size:10px;max-width:155px;left:-5px}
.ceramics-stamp{width:108px;height:108px;font-size:9px;right:-5px;bottom:8px}
.ceramics-problem-grid,.ceramics-pickup-grid,.ceramics-result-grid{gap:36px}
.ceramics-planning-grid{gap:40px}
.ceramics-change-card{padding:22px 17px}
.ceramics-deliverables article{padding:24px}
.ceramics-outro .ceramics-wrap{grid-template-columns:1fr}
.ceramics-outro .btn{justify-self:start}
}
@media(max-width:760px){.case-ceramics main>.ceramics-hero{padding-top:30px}
.ceramics-hero-grid{grid-template-columns:1fr;gap:14px}
.case-ceramics h1{font-size:clamp(49px,10vw,72px);max-width:14ch}
.ceramics-eyebrow{font-size:10px;margin-bottom:20px}
.ceramics-intro{font-size:16px;max-width:46ch}
.ceramics-art{width:min(100%,480px);justify-self:center;min-height:0;padding:30px 40px 35px;margin-top:16px}
.ceramics-art img{width:min(100%,320px)}
.ceramics-art::before{inset:24px 10px 28px}
.ceramics-art figcaption{left:0;top:20px}
.ceramics-stamp{right:0;bottom:12px}
.ceramics-doodle{width:65px;height:50px;left:0;bottom:8px}
.ceramics-facts{gap:16px;margin-top:25px;padding-block:22px}
.ceramics-facts dd{font-size:12px}
.ceramics-facts dt{font-size:9px}
.ceramics-chapters{gap:12px 24px;font-size:10px}
.case-ceramics main>.ceramics-section{padding-block:56px}
.ceramics-problem-grid,.ceramics-pickup-grid,.ceramics-result-grid,.ceramics-planning-grid{grid-template-columns:1fr;gap:36px}
.ceramics-before-after{max-width:530px;width:100%;margin:auto}
.ceramics-section-top{display:block}
.ceramics-section-top>p{margin-top:22px;max-width:50ch}
.ceramics-deliverables{grid-template-columns:1fr;gap:20px}
.ceramics-deliverables article{padding:26px}
.ceramics-card-head{margin-bottom:22px}
.ceramics-deliverables article:nth-child(2){transform:rotate(-1deg)}
.ceramics-pickup-grid{gap:20px}
.ceramics-route{max-width:430px}
.ceramics-thinking{margin-top:25px}
.ceramics-result-grid{gap:52px}
.ceramics-browser{transform:rotate(-1deg);margin-right:7px}
.ceramics-notebook{padding-inline:22px}
.ceramics-planning .ceramics-copy>h2{max-width:23ch}
.ceramics-question summary{font-size:14px}
.ceramics-credits{font-size:9px}
}
@media(max-width:380px){.case-ceramics h1{font-size:46px}
.ceramics-facts{grid-template-columns:1fr;gap:13px}
.ceramics-facts div{display:grid;grid-template-columns:88px 1fr;gap:14px;padding:0}
.ceramics-facts dt{margin:0}
.ceramics-facts dd{font-size:13px}
.ceramics-before-after{gap:12px}
.ceramics-change-card{padding:19px 14px}
.ceramics-change-card h3{font-size:18px}
.ceramics-change-card p{font-size:12px}
.ceramics-change-card svg{width:44px;height:44px}
.ceramics-route li{grid-template-columns:65px 1fr;gap:18px}
.ceramics-route-icon{width:65px;height:65px}
.ceramics-route li:not(:last-child)::after{left:32px;top:85px}
.ceramics-route h3{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.ceramics-art img,.ceramics-deliverables article,.ceramics-outro .btn{transition:none}
.ceramics-art:hover img{transform:rotate(8deg)}
.ceramics-deliverables article:hover{transform:none}
.ceramics-outro .btn:hover{transform:none}
}