/* PebbleCrete Brand Book v1.2 — website layer (15.10.2026). Light theme only; the footer ink band is the only dark area. */
body.pc-brand-v12{--pc-ink:#231f20;--pc-teal:#00837c;--pc-body:#4b4748;--pc-mist:#eef1ef;--pc-sand:#f5f3ee;--pc-line:#dfe3e1;
  --pc-font:Anuphan,'IBM Plex Sans','IBM Plex Sans Thai','Leelawadee UI',Tahoma,Arial,sans-serif;--pc-mono:'IBM Plex Mono',Menlo,Consolas,monospace;
  font-family:var(--pc-font);color:var(--pc-ink);color-scheme:light;font-size:16px;line-height:26px}
body.pc-brand-v12 :is(h1,h2,h3,h4,h5,h6,p,li,a,button,input,select,textarea,label,figcaption,td,th,summary,strong,.pc-footer-brand strong){font-family:var(--pc-font)}
body.pc-brand-v12 :is(h1,h2,h3,h4){font-weight:600;font-style:normal;color:var(--pc-ink)}
body.pc-brand-v12 h1{font-size:40px;line-height:46px;letter-spacing:-.015em}
body.pc-brand-v12 h2{font-size:28px;line-height:34px;letter-spacing:-.01em}
body.pc-brand-v12 h3{font-size:20px;line-height:28px;letter-spacing:0}
body.pc-brand-v12 :is(b,strong){font-weight:600}
body.pc-brand-v12 em,body.pc-brand-v12 i{font-style:normal}
body.pc-brand-v12 .pc-eyebrow{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.12em;color:var(--pc-ink)}
body.pc-brand-v12 a{color:inherit}
body.pc-brand-v12 main a:not([class*="button"]):not(.pc-header-cta):not(.eu-button){color:var(--pc-teal)}
body.pc-brand-v12 :is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid #1b75bc;outline-offset:2px}
/* Buttons: square, ink, 600 */
body.pc-brand-v12 :is(.eu-button,.pc-header-cta,.wp-element-button,button[type=submit]){border-radius:0;background:var(--pc-ink);color:#fff!important;font-weight:600;font-size:15px;line-height:20px;padding:13px 20px;text-decoration:none}
body.pc-brand-v12 :is(.eu-button,.pc-header-cta):hover{background:#000}
body.pc-brand-v12 .pc-header-cta span,body.pc-brand-v12 .eu-button span{display:none}
/* Header: sticky 88/64, symbol over the home hero, lockup elsewhere and on scroll */
body.pc-brand-v12 .pc-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--pc-line)}
body.pc-brand-v12 .pc-header-inner{height:88px;max-width:1280px;padding:0 40px}
body.pc-brand-v12 .pc-brand{flex:0 0 auto;position:relative;display:flex;align-items:center;height:56px}
body.pc-brand-v12 .pc-brand img{width:auto}
body.pc-brand-v12 .pc-logo-lockup{width:200px!important;height:auto}
body.pc-brand-v12 .pc-logo-symbol{height:40px!important;width:auto!important}
body.pc-brand-v12.home .pc-logo-lockup{position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:0;pointer-events:none}
body.pc-brand-v12.home .pc-logo-symbol,body.pc-brand-v12.home .pc-logo-lockup{transition:opacity .18s ease}
body.pc-brand-v12.home .pc-header.pc-scrolled .pc-logo-lockup{opacity:1;pointer-events:auto}
body.pc-brand-v12.home .pc-header.pc-scrolled .pc-logo-symbol{opacity:0}
body.pc-brand-v12 .pc-nav-links a{font-size:15px;font-weight:400;color:var(--pc-ink)}
body.pc-brand-v12 .pc-nav-links a:hover{color:var(--pc-teal)}
body.pc-brand-v12 .pc-header-cta{margin-left:16px;font-size:15px}
/* Hero: big two-tone logo, display line */
body.pc-brand-v12 .pc-hero-logo{display:block;width:480px;max-width:100%;height:auto;margin:0 0 24px}
body.pc-brand-v12 .eu-hero h1{font-size:56px;line-height:60px;letter-spacing:-.02em;font-weight:600}
body.pc-brand-v12 .eu-hero-copy>p:not(.pc-eyebrow):not(.eu-hero-foot){font-size:19px;line-height:30px}
/* Footer: ink band with the reversed stacked lockup */
body.pc-brand-v12 .pc-footer{background:var(--pc-ink);color:#fff;font-size:14px;line-height:22px}
body.pc-brand-v12 .pc-footer :is(a,p,span,strong){color:#fff!important}
body.pc-brand-v12 .pc-footer-main{grid-template-columns:200px 1fr 1fr 1fr 1fr;gap:40px;padding:64px 0 40px}
body.pc-brand-v12 .pc-footer-logo img{width:170px;height:auto;display:block}
body.pc-brand-v12 .pc-footer-main .pc-footer-label{font-size:12px;letter-spacing:.12em;font-weight:600;color:#fff;opacity:.75}
body.pc-brand-v12 .pc-footer-main p{font-size:14px;line-height:22px}
body.pc-brand-v12 .pc-footer-bottom{border-top:1px solid rgba(255,255,255,.2);font-size:12px;color:#fff}
@media(max-width:1000px){body.pc-brand-v12 .pc-header-inner{height:64px;padding:0 24px}
  body.pc-brand-v12 .pc-logo-lockup{width:170px!important}body.pc-brand-v12 .pc-logo-symbol{height:36px!important}
  body.pc-brand-v12 .pc-footer-main{grid-template-columns:1fr 1fr}body.pc-brand-v12 .pc-footer-logo{grid-column:1/-1}}
@media(max-width:760px){body.pc-brand-v12 .pc-logo-lockup{width:152px!important}
  body.pc-brand-v12 .pc-hero-logo{width:300px}
  body.pc-brand-v12 .eu-hero h1{font-size:40px;line-height:44px}
  body.pc-brand-v12 h1{font-size:32px;line-height:38px}}
@media(prefers-reduced-motion:reduce){body.pc-brand-v12.home .pc-logo-symbol,body.pc-brand-v12.home .pc-logo-lockup{transition:none}}
:lang(th) body.pc-brand-v12,body.pc-brand-v12 :lang(th){line-height:1.6;letter-spacing:0}
body.pc-brand-v12 .pc-footer a{text-decoration:none}
body.pc-brand-v12 .pc-footer a:hover{text-decoration:underline}
/* 16.10 fixes after Codex check 1055 */
html:has(body.pc-brand-v12){color-scheme:light;background:#fff}
body.pc-brand-v12{background:#fff}
body.pc-brand-v12 .eu-hero,body.pc-brand-v12 .eu-hero-copy{background:#fff}
body.pc-brand-v12 .pc-line-logo{display:block;width:323px;max-width:100%;height:auto;margin:0 0 24px}
body.pc-brand-v12 .eu-button{min-height:46px;box-sizing:border-box;display:inline-flex;align-items:center;padding:13px 20px}
body.pc-brand-v12 a.eu-button.pc-button-secondary{background:#fff;color:var(--pc-ink)!important;border:1px solid var(--pc-ink)}
body.pc-brand-v12 a.eu-button.pc-button-secondary:hover{background:var(--pc-mist)}
body.pc-brand-v12 .pc-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
/* stone markers before the three line names on the home cards */
body.pc-brand-v12 .eu-material h3::before{content:"";display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:8px;vertical-align:1px;background:var(--pc-stone,#009bcc)}
body.pc-brand-v12 .eu-material:has(a[href*="/materials/classic"]){--pc-stone:#009bcc}
body.pc-brand-v12 .eu-material:has(a[href*="/materials/supreme"]){--pc-stone:#00a79e}
body.pc-brand-v12 .eu-material:has(a[href*="/materials/glass"]){--pc-stone:#1b75bc}
/* header between 1001 and 1240 px: 170 px lockup, CTA stays */
@media(max-width:1240px) and (min-width:1001px){body.pc-brand-v12 .pc-logo-lockup{width:170px!important}
  body.pc-brand-v12 .pc-header-cta{display:inline-flex}body.pc-brand-v12 .pc-nav-links{gap:16px}body.pc-brand-v12 .pc-header-inner{gap:20px}}
/* phone: outlined Menu button, full-width primary CTA */
@media(max-width:820px){body.pc-brand-v12 .pc-mobile-menu summary{border:1px solid var(--pc-ink);padding:8px 12px;font-size:14px;font-weight:600}}
@media(max-width:760px){body.pc-brand-v12 .pc-hero-actions .eu-button:first-child{width:100%;justify-content:center}}
body.pc-brand-v12 a.eu-button.pc-line-button{background:#06c755;border-color:#06c755}
body.pc-brand-v12 a.eu-button.pc-line-button:hover{background:#05a948}
body.pc-brand-v12 .eu-hero figure{position:relative}
body.pc-brand-v12 .pc-hero-caption{position:absolute;left:0;bottom:0;background:rgba(255,255,255,.92);padding:6px 12px;font-size:12px;line-height:18px}
body.pc-brand-v12 .pc-hero-caption a{color:var(--pc-ink)!important;text-decoration:none}
