:root{color-scheme:dark;--bg:#151413;--ink:#f4eee1;--muted:#c1b8a9;--gold:#d8b780;--line:#494138;--panel:#201d1a;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}[hidden]{display:none!important}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,p,figure{margin:0}.shell{width:min(100% - 80px,1250px);margin-inline:auto}.skip{position:absolute;top:0;left:1rem;transform:translateY(-120%);z-index:5;background:var(--ink);color:var(--bg);padding:.7rem}.skip:focus{transform:none}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
header{background:#100f0e;border-bottom:1px solid var(--line);box-shadow:0 5px 18px #0003}.bar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px}.brand{display:flex;align-items:flex-end;gap:8px;flex-shrink:0}.brand img:first-child{width:119px}.brand img:last-child{width:79px;margin-bottom:-2px}.primary,.secondary{display:flex;align-items:stretch;gap:24px;flex-wrap:wrap}.primary a,.secondary a{display:flex;align-items:center;gap:8px;border-bottom:2px solid transparent;min-height:54px;font-size:.88rem;font-weight:700}.primary svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.primary a:hover,.secondary a:hover,[aria-current]{color:var(--gold);border-color:var(--gold)!important}.subbar{background:var(--panel);border-top:1px solid var(--line)}.secondary{gap:8px 22px}.secondary a{min-height:43px;font-size:.8rem}.subbar.shop-menu{animation:reveal .18s ease-out}@keyframes reveal{from{opacity:.25;transform:translateY(-3px)}to{opacity:1;transform:none}}
.hero{padding-top:24px}.hero-top,figcaption,.eyebrow{font:700 .68rem/1.5 ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.15em;color:var(--gold)}.hero-top,figcaption{display:flex;justify-content:space-between;gap:12px}.hero-top{border-bottom:1px solid var(--line);padding-bottom:11px}.hero-mark{display:flex;justify-content:center;align-items:flex-end;gap:clamp(8px,2vw,28px);padding:clamp(17px,2.3vw,30px) 0}.hero-mark img:first-child{width:45%}.hero-mark img:last-child{width:26%;margin-bottom:-.3%}.hero-photo{width:100%;height:clamp(270px,35vw,550px);object-fit:cover;object-position:center 54%;border:6px solid #090908;box-shadow:0 8px 20px #0007}figcaption{padding:11px 0;border-bottom:1px solid var(--line)}.intro{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 0 30px}.intro h2{font-size:clamp(1.6rem,3.2vw,2.75rem);letter-spacing:-.05em}.intro p,.lede,dialog p{color:var(--muted);line-height:1.55}.intro p{margin-top:7px}.actions{display:flex;gap:10px;flex-wrap:wrap}.button,.gold{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 15px;min-height:45px;font-weight:700;border:1px solid var(--line);box-shadow:0 3px 8px #0003;white-space:nowrap}.gold{background:var(--gold);color:#17130e;border-color:var(--gold)}.button:hover,.gold:hover{border-color:var(--gold);filter:brightness(1.1)}.home-links{display:grid;grid-template-columns:1fr 1fr;margin-bottom:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.home-links a{padding:18px 0}.home-links a+a{border-left:1px solid var(--line);padding-left:20px}.home-links strong{display:block;margin-top:6px}.home-links a:hover strong{color:var(--gold)}
.interior{padding-block:36px 55px;min-height:65vh}.interior h1{font-size:clamp(2.4rem,6vw,5rem);letter-spacing:-.055em;margin:8px 0 13px;line-height:1}.lede{margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.card{background:var(--panel);border:1px solid var(--line);min-width:0}.card img{width:100%;aspect-ratio:16/10;object-fit:cover;border:4px solid #0b0a09}.card div{padding:15px}.card h2{font-size:1.12rem;margin-bottom:8px}.card:hover h2{color:var(--gold)}.products{grid-template-columns:repeat(4,minmax(0,1fr))}.products img{aspect-ratio:1;object-fit:contain;background:#eae7e3}.feature{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:24px;align-items:start}.feature img{width:100%;border:6px solid #090908}.feature .price{color:var(--gold);font-weight:700;margin-bottom:12px}.feature p{line-height:1.55;margin-bottom:14px}.feature .actions{margin-top:20px}footer{border-top:1px solid var(--line);background:#100f0e}footer div{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-block:21px;font-size:.85rem}footer span{color:var(--muted)}
dialog{width:min(100% - 26px,460px);max-height:90dvh;background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:20px}dialog::backdrop{background:#000b}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head button{background:none;border:0;color:var(--ink);font-size:1.7rem;padding:3px 10px}dialog p{font-size:.9rem;margin:8px 0 12px}label{display:grid;gap:4px;margin-bottom:10px;font-size:.88rem}input,select,textarea{width:100%;padding:8px;background:#151413;color:var(--ink);border:1px solid #786d5c}#quote-status:empty{display:none}
@media(max-width:860px){.shell{width:calc(100% - 36px)}.intro{align-items:flex-start;flex-direction:column}.products{grid-template-columns:repeat(3,minmax(0,1fr))}.primary{gap:14px}.bar{gap:12px}}
@media(max-width:620px){.shell{width:calc(100% - 28px)}.bar{display:block}.brand{width:max-content;margin:auto;padding:15px 0 9px}.primary{display:grid;grid-template-columns:.65fr 1.45fr 1fr;gap:5px}.primary a{justify-content:center;gap:4px;text-align:center;font-size:.72rem;line-height:1.2;min-height:47px}.primary svg{width:14px;height:14px}.secondary{gap:0 13px;padding-block:3px}.secondary a{min-height:40px;font-size:.74rem}.hero{padding-top:16px}.hero-top span:last-child{display:none}.hero-mark img:first-child{width:58%}.hero-mark img:last-child{width:33%}.hero-photo{height:clamp(195px,62vw,370px);border-width:4px;object-position:54% 54%}.intro{padding-top:17px;gap:13px}.intro p{font-size:.95rem}.actions{width:100%}.actions>*{flex:1}.button,.gold{padding-inline:10px;gap:8px;font-size:.88rem}.home-links{grid-template-columns:1fr}.home-links a+a{border-left:0;border-top:1px solid var(--line);padding-left:0}.grid,.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card div{padding:10px}.card h2{font-size:.94rem}.feature{grid-template-columns:1fr;gap:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.cover {
  display: grid;
  grid-template-columns: minmax(245px, .82fr) minmax(0, 1.85fr);
  align-items: start;
  gap: clamp(20px, 4vw, 58px);
}
.cover-copy { border-top: 1px solid var(--line); margin-top: clamp(12px, 2.4vw, 36px); padding-top: 18px; }
.cover-copy h2 {
  max-width: 9ch;
  margin: 12px 0;
  font-size: clamp(2.1rem, 4.7vw, 4.6rem);
  line-height: .98;
  letter-spacing: -.067em;
}
.cover-copy p:not(.eyebrow), .project-note p:not(.eyebrow) {
  color: var(--muted);
  line-height: 1.55;
}
.cover-copy .actions { margin-top: 20px; }
.cover .hero-photo {
  height: auto;
  aspect-ratio: 1.62;
  object-position: center 53%;
}
.project {
  display: grid;
  grid-template-columns: 1.1fr .92fr;
  gap: clamp(14px, 3vw, 38px);
  align-items: start;
  margin-block: 45px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}
.project-note {
  grid-row: 1;
  grid-column: 2;
  padding: clamp(16px, 4vw, 52px) 0 0 clamp(0px, 3vw, 40px);
}
.project-note h2 {
  margin-block: 10px;
  font: 400 clamp(2rem, 4vw, 4rem)/1 Georgia, serif;
  letter-spacing: -.045em;
}
.project-note .button { margin-top: 17px; }
.project figure img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border: 5px solid #090908;
  box-shadow: 0 8px 20px #0007;
}
.project-exterior img { aspect-ratio: 1.28; }
.project-interior { grid-column: 2; margin-top: clamp(-95px, -7vw, -30px); }
.project-interior img { aspect-ratio: 1.52; }
.coating-feature { grid-template-columns: .85fr 1.15fr; align-items: center; }
.coating-feature img { height: auto; }
.coating-intro h2 { margin-bottom: 12px; font-size: clamp(1.6rem, 3vw, 2.5rem); letter-spacing: -.04em; }
.coating-intro .price { font-size: 1.35rem; }
.coating-section { margin-top: 38px; border-top: 1px solid var(--line); padding-top: 22px; }
.coating-section > h2 { margin: 6px 0 15px; font: 400 clamp(1.75rem, 4vw, 3.1rem)/1.1 Georgia, serif; }
.coating-section p:not(.eyebrow) { line-height: 1.55; }
.prep-list, .coating-options { display: grid; gap: 12px; }
.prep-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style-position: inside;
  padding: 0;
  margin: 0;
}
.prep-list li, .coating-options article {
  padding: clamp(14px, 2vw, 23px);
  background: var(--panel);
  border: 1px solid var(--line);
}
.prep-list li::marker { color: var(--gold); }
.prep-list p, .coating-options article p:not(.eyebrow) { color: var(--muted); margin-top: 8px; }
.coating-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.coating-options article { display: flex; flex-direction: column; align-items: flex-start; }
.coating-options h3 { margin: 6px 0 0; font-size: clamp(1.2rem, 2vw, 1.65rem); }
.coating-options .button {
  margin-top: auto;
  background: transparent;
  color: var(--ink);
  white-space: normal;
  text-align: left;
}
.coating-options article p:not(.eyebrow) { margin-bottom: 16px; }
.infinity {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  align-items: end;
  gap: 20px;
  margin-top: 14px;
  padding: clamp(16px, 3vw, 34px);
  background: #29231c;
  border: 1px solid #88714e;
}
.infinity h3 { margin: 8px 0; font: 400 clamp(2rem, 5vw, 4rem)/1 Georgia, serif; }
.infinity p:not(.eyebrow) { color: var(--muted); }
.infinity strong { color: var(--ink); }
.infinity .gold { margin-top: 14px; }
.cure-note { margin-top: 17px; border-left: 2px solid var(--gold); padding-left: 14px; color: var(--muted); }
.cure-note strong { color: var(--ink); }
.range { margin: 0 0 16px; }
.range div {
  display: grid;
  grid-template-columns: minmax(155px, 1fr) 2fr;
  gap: 12px;
  padding: 11px 0;
  border-top: 1px solid var(--line);
}
.range div:last-child { border-bottom: 1px solid var(--line); }
.range dt { font-weight: 700; }
.range dd { margin: 0; color: var(--muted); line-height: 1.45; }
.source-link { color: var(--gold); text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 720px) {
  .cover, .project, .coating-feature, .infinity { grid-template-columns: 1fr; }
  .cover-copy { border: 0; margin-top: 0; padding-top: 0; }
  .cover-copy .eyebrow { display: none; }
  .cover-copy h2 { max-width: 17ch; margin-top: 0; }
  .cover-copy .actions { margin-top: 12px; }
  .cover .hero-photo { aspect-ratio: 1.4; }
  .project { margin-block: 29px; }
  .project-note { grid-column: 1; padding: 0 0 4px; }
  .project-interior { grid-column: 1; margin-top: 0; }
  .prep-list { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .coating-options, .range div { grid-template-columns: 1fr; }
  .range div { gap: 4px; }
}
