/* Storefront: independent ceramic, grout, mineral, light and brand layers. */
.site-header{position:relative;z-index:10;margin:0;color:var(--cream)}
.ceramic-surface{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:194px;padding:26px 6% 18px;background:#421216;box-shadow:inset 0 -8px 18px #17060980,inset 0 1px 1px #fff0ce26;overflow:hidden}
.ceramic-tiles{position:absolute;inset:0;z-index:-3;display:grid;grid-template-columns:repeat(24,minmax(48px,1fr));overflow:hidden;background:#2a0c10}
.ceramic-tiles>span{position:relative;border-right:1px solid #260c11;border-left:1px solid #ad66602b;background:radial-gradient(ellipse at 16% 18%,#a4474740,transparent 65%),linear-gradient(94deg,#23090f33,#8e383923 12%,#77262c38 44%,#2a0a122e 92%),linear-gradient(180deg,#6b252b,#52151e 62%,#47121b);box-shadow:inset 2px 0 3px #e2bda00d,inset -3px 0 4px #1c050c4d}
.ceramic-tiles>span:nth-child(3n){filter:brightness(.87)}.ceramic-tiles>span:nth-child(5n){filter:brightness(1.12)}.ceramic-tiles>span:nth-child(4n+1){filter:saturate(.88)}
.ceramic-tiles>span:after{content:'';position:absolute;left:0;right:0;top:61%;height:2px;background:#260c1199;box-shadow:0 1px #bc75652b,0 -2px 3px #1c050c1a}
.ceramic-surface:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/images/brand/mineral-grain.svg') repeat;opacity:.2;mix-blend-mode:soft-light;pointer-events:none}
.ceramic-surface:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#e7aa6930,transparent 35%,#15060d45),radial-gradient(ellipse at 50% 0,#efbd842b,transparent 64%),linear-gradient(90deg,#13040b40,transparent 28%,transparent 72%,#13040b40)}
.ceramic-led{position:absolute;top:4px;left:0;right:0;height:2px;background:#f5cf93;box-shadow:0 0 4px 1px #f6c77fbb,0 4px 14px 5px #eaa05e66,0 14px 38px 12px #d6844b33;opacity:.9;pointer-events:none}
.brand,.footer-brand{display:block;flex-shrink:0;text-align:center;line-height:1;color:var(--cream);width:192px}
.brand-wordmark{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:transparent}
.brand-descriptor{display:block;margin-top:12px;font:500 9px/1.5 var(--font-ui);letter-spacing:.18em;white-space:nowrap}
.site-header--atelier .ceramic-surface{min-height:228px;padding:30px 6% 16px;gap:20px}
.site-header--atelier .brand{width:270px;filter:drop-shadow(0 2px 3px #18060755)}
.site-header--atelier .brand-descriptor{font-size:11px;letter-spacing:.19em;margin-top:14px}
.site-header nav{display:flex;align-items:center;justify-content:center;gap:40px;min-height:40px;background:transparent;color:var(--cream);font:13px/1.4 var(--font-ui)}
.site-header nav a{display:block;padding:10px 0;text-underline-offset:7px}
.site-header nav a:hover,.site-header nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:1px}
.menu-toggle{display:none}
.site-header :focus-visible{outline-color:var(--cream)}.ceramic-surface :focus-visible{outline-color:var(--cream)}
/* Footer is a low contrast mineral wall, without repeating the glazed tile grid. */
.site-footer{position:relative;isolation:isolate;background:#391318;color:var(--cream);padding:58px 0 24px;box-shadow:inset 0 1px #e2b38c1c}
.site-footer:before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 10% 0,#87404426,transparent 62%),linear-gradient(170deg,#48191c40,#210b1133)}
.site-footer:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/images/brand/mineral-grain.svg') repeat;opacity:.07;mix-blend-mode:soft-light}
.footer-top{display:grid;grid-template-columns:1.15fr .7fr 1.1fr;gap:8%;align-items:start;padding-bottom:42px}
.footer-brand{width:180px;margin-top:4px}.footer-brand .brand-descriptor{font-size:8px;letter-spacing:.16em;margin-top:12px}
.footer-links,.footer-contact{display:flex;flex-direction:column;align-items:start;gap:8px;font:12px/1.7 var(--font-ui);min-width:0}
.footer-links a,.footer-contact a{padding-block:3px;overflow-wrap:anywhere}.footer-links a:hover,.footer-contact a:hover{text-decoration:underline;text-underline-offset:4px}
.footer-contact p{margin:0 0 8px;font-size:12px;line-height:1.8;max-width:34ch;color:#ead7b2c2;white-space:pre-line}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;border-top:1px solid #ead7b224;padding-top:22px;font:10px/1.6 var(--font-ui);color:#ead7b2ad}
.site-footer :focus-visible{outline-color:var(--cream)}
.contact{padding-block:var(--space-section);text-align:left}.contact h2{font-size:clamp(42px,5vw,70px);letter-spacing:-.045em;max-width:800px}.contact>p:not(.eyebrow){margin:24px 0;max-width:470px;color:var(--muted)}.contact-links{justify-content:start;gap:32px}
.eyebrow{letter-spacing:.16em;color:var(--wine);font-size:10px}.contact .eyebrow{margin-bottom:24px}.text-link{min-height:44px}:focus-visible{outline:2px solid var(--walnut);outline-offset:5px}
@media(max-width:1000px){.footer-top{gap:6%}.site-header nav{gap:30px}}
@media(max-width:780px){
 .ceramic-surface,.site-header--atelier .ceramic-surface{min-height:116px;padding:22px 6%;flex-direction:row;justify-content:space-between;gap:20px;overflow:visible}
 /* Keep all 24 tiles in one row; narrow screens clip the excess strips. */
 .ceramic-tiles{grid-template-columns:repeat(24,minmax(24px,1fr));grid-template-rows:1fr}.ceramic-tiles>span:after{display:none}.ceramic-surface:before{opacity:.12}.ceramic-led{opacity:.75}
 .brand,.site-header--atelier .brand{width:clamp(160px,45vw,176px);max-width:calc(100% - 82px);filter:none}.brand-descriptor,.site-header--atelier .brand-descriptor{font-size:8px;margin-top:9px;letter-spacing:.14em}
 .menu-toggle{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;background:transparent;color:var(--cream);border:0;font:12px var(--font-ui)}.menu-toggle span{font-size:23px}
 .site-header nav{display:none;position:absolute;top:100%;inset-inline:0;z-index:20;padding:16px 6% 24px;min-height:0;background:var(--wine);color:var(--cream);border-top:1px solid #ead7b229;box-shadow:0 12px 24px #29252230}
 .site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-header nav a{font:26px/1.3 var(--font-editorial);padding:13px 0;border-bottom:1px solid #ead7b229}
 .footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1;width:170px}.site-footer{padding-top:42px}.footer-top{padding-bottom:30px}.footer-contact p{font-size:11px}.footer-links,.footer-contact{font-size:12px}.footer-bottom{font-size:10px}
}
@media(max-width:400px){.footer-top{column-gap:22px}.contact-links{gap:12px}.contact h2{font-size:42px}}