/* .glass-container base rule from dashersw/liquid-glass-js glass.css (MIT) */
.glass-container{position:relative;display:flex;align-items:center;justify-content:center;gap:20px;padding:10px;box-sizing:border-box}
.liquid-logo{position:relative;width:min(100%,320px);aspect-ratio:648/459;margin:-8px 0 -4px -10px;overflow:hidden;animation:rise .56s var(--ease-out) both}
.liquid-logo canvas{position:absolute;left:0;top:50%;width:100%;aspect-ratio:1;transform:translateY(-50%);display:block}
.hero-copy>.hero-cta{animation-delay:.2s}
.top.is-glass{background:transparent;border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none;padding-top:10px}
.top.is-glass .top-row{height:auto}
.top-glass.glass-container{isolation:isolate;width:100%;height:64px;justify-content:space-between;gap:16px;padding:0 10px 0 8px;border:1px solid var(--glass-line)}
.top-glass.glass-container::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--glass-veil);pointer-events:none}
.top-glass .logo-plate img{height:48px}
:root{--glass-veil:#ffffff59;--glass-line:#ffffff99;--glass-tint:.12}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--glass-veil:#1a1b1c9e;--glass-line:#ffffff1f;--glass-tint:.04}}
:root[data-theme=dark]{--glass-veil:#1a1b1c9e;--glass-line:#ffffff1f;--glass-tint:.04}
@media (width<=480px){.liquid-logo{width:min(100%,230px)}}
/* Liquid metal "Contact Tim" button, lettered like the Watertight Masonry logo */
.lm-btn{--lm-h:54px;--lm-fs:1.15rem;position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.42em;min-height:var(--lm-h);padding:0 1.5em;border:0;border-radius:999px;cursor:pointer;text-decoration:none;white-space:nowrap;font-size:var(--lm-fs);line-height:1;background:linear-gradient(180deg,#fbfbfd 0%,#c9cbd0 38%,#8d9096 52%,#e9eaee 70%,#b4b7bc 100%);box-shadow:0 4px 0 #55575b,0 10px 22px -10px #000000a6,inset 0 0 0 1px #0000004d;transition:transform .12s var(--ease-out),box-shadow .12s var(--ease-out),filter .15s ease-out;-webkit-tap-highlight-color:transparent}
.lm-btn canvas{position:absolute;left:0;top:50%;z-index:-2;width:100%;aspect-ratio:1;transform:translateY(-50%);pointer-events:none}
.lm-btn::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,#ffffff38,#ffffff14 55%,#0000000f);box-shadow:inset 0 1px 0 #ffffffb3,inset 0 -1px 0 #00000040;pointer-events:none}
.lm-btn:hover{filter:brightness(1.05) contrast(1.04)}
.lm-btn:active{transform:translateY(4px);box-shadow:0 0 0 #55575b,0 4px 10px -6px #000000a6,inset 0 0 0 1px #0000004d}
.lm-btn:focus-visible{outline:3px solid var(--brick);outline-offset:3px}
.lm-btn:disabled{opacity:.55;cursor:wait}
.lm-a,.lm-b{text-transform:uppercase;paint-order:stroke fill}
.lm-a{font:900 1em/1 "Roboto Slab",Rockwell,"Courier New",serif;letter-spacing:.01em;color:#3b3c3e;-webkit-text-stroke:.2em #fff;text-shadow:.09em .12em 0 #00000059}
.lm-b{font:700 1.04em/1 Oswald,"Arial Narrow",sans-serif;letter-spacing:.12em;margin-right:-.12em;color:#983c2b;-webkit-text-stroke:.2em #fff;text-shadow:.09em .12em 0 #00000047}
.lm-sm{--lm-h:44px;--lm-fs:.98rem;padding:0 1.2em}
@media (width<=480px){.hero-cta .lm-btn{width:100%}}
/* Contact section and contact page */
.direct-card{align-self:start;background:var(--bg);border:2px solid var(--line);box-shadow:0 6px 0 var(--line);border-radius:20px;padding:clamp(20px,3vw,32px)}
.direct-card .direct{margin:0}
.contact-copy .direct-card{align-self:stretch}
.contact-page{min-height:calc(100vh - 170px)}
.contact-page h1{font-size:clamp(2.4rem,4.4vw,3.5rem)}
/* Stand-in art until ProCast Stone photos are approved */
.tile-ph{position:relative;background-color:#c9bfae;background-image:repeating-linear-gradient(0deg,#0000002e 0 3px,#0000 3px 36px),linear-gradient(135deg,#ddd5c7,#b8ab97 55%,#9a8c77)}
.tile-ph::after{content:"ProCast Stone photo coming soon";position:absolute;left:14px;bottom:12px;padding:4px 10px;border-radius:99px;background:#ffffffd9;color:#434343;font:600 .8rem/1.2 var(--body)}
.samples-link{align-self:flex-start}
/* SMS consent disclosure + checkboxes on the contact form (TCPA/CTIA) */
.consent-block{gap:12px}
.disclosure{font-size:.82rem;line-height:1.5;max-width:none}
.checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:.92rem;font-weight:400;color:var(--heading);cursor:pointer}
.checkbox-label input[type=checkbox]{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--brick);cursor:pointer}
.checkbox-label a{text-decoration:underline}
/* Privacy Policy / Terms & Conditions pages */
.legal-page{padding-block:clamp(40px,6vw,72px)}
.legal-page .wrap{max-width:860px}
.legal-page .lede{margin-top:8px;margin-bottom:28px}
.legal-page h2{font-size:1.4rem;margin-top:36px;margin-bottom:12px}
.legal-page h2:first-of-type{margin-top:0}
.legal-page p{color:var(--ink-2);margin-bottom:14px;max-width:none}
.legal-page ul{color:var(--ink-2);padding-left:22px;margin:0 0 14px}
.legal-page li{margin-bottom:6px}
.legal-page .updated{color:var(--ink-2);font-size:.9rem;margin-bottom:0}