:root{--ground:#1A1614;--surface:#241F1C;--text:#F4EBE2;--muted:#9CA8AF;--terracotta:#A96C53;--gold:#D4B98B;--bronze:#766453;--stone:#3F3F3F;
--font-display:"Cinzel",serif;--font-body:"Plus Jakarta Sans",system-ui,sans-serif;
--chamfer:12px;--s1:8px;--s2:16px;--s3:24px;--s4:40px;--s5:64px;--s6:96px}
*{box-sizing:border-box;margin:0;padding:0;border-radius:0}
html,body{background:var(--ground);color:var(--text);font-family:var(--font-body);font-size:18px;line-height:1.6}
.page{position:relative;z-index:1;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--s5) var(--s3) var(--s3);text-align:center}
main{position:relative;flex:0 0 auto;margin:0;max-width:680px;width:100%;display:flex;flex-direction:column;align-items:center}
.chamfer{clip-path:polygon(var(--chamfer) 0,calc(100% - var(--chamfer)) 0,100% var(--chamfer),100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,var(--chamfer) 100%,0 calc(100% - var(--chamfer)),0 var(--chamfer))}
.mark{width:112px;height:112px;background:var(--text);display:flex;align-items:center;justify-content:center}
.mark img{width:72px;height:auto;display:block}
.wordmark{font-family:var(--font-display);font-weight:600;font-size:56px;letter-spacing:.22em;margin-right:-.22em;line-height:1.1;margin-top:var(--s3)}
.tagline{font-family:var(--font-display);font-variant:small-caps;font-size:20px;letter-spacing:.18em;color:var(--gold);margin-top:var(--s2)}
.rule{width:96px;height:1px;background:var(--bronze);border:0;margin:var(--s4) auto}
.lede{font-size:20px;max-width:34ch;text-wrap:balance}

a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.contact{margin-top:var(--s3);display:flex;justify-content:center}
.label{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.button{display:inline-block;background:var(--terracotta);color:var(--ground);font-family:var(--font-body);font-weight:700;font-size:19px;padding:14px 32px;text-decoration:none}
.button:hover{background:var(--gold)}
footer{position:relative;margin-top:auto;width:100%;max-width:680px;border-top:1px solid var(--bronze);padding-top:var(--s3);font-size:14px;color:var(--muted);letter-spacing:.04em}

#desert{position:fixed;inset:0;width:100vw;height:100vh;height:100lvh;image-rendering:auto;z-index:0;pointer-events:none;display:block;background:var(--ground)}

/* Brands plaque: one chamfered stone panel, hairline bronze edge */
.plaque{--c:12px;position:relative;margin-top:var(--s4);width:100%;max-width:440px;padding:var(--s3) var(--s4) var(--s3);background:rgba(26,22,20,.88);
clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c))}
.plaque::after{content:"";position:absolute;inset:0;background:var(--bronze);pointer-events:none;
clip-path:polygon(evenodd,var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c),
var(--c) 0,calc(var(--c) + .42px) 1px,1px calc(var(--c) + .42px),1px calc(100% - var(--c) - .42px),calc(var(--c) + .42px) calc(100% - 1px),calc(100% - var(--c) - .42px) calc(100% - 1px),calc(100% - 1px) calc(100% - var(--c) - .42px),calc(100% - 1px) calc(var(--c) + .42px),calc(100% - var(--c) - .42px) 1px,calc(var(--c) + .42px) 1px,var(--c) 0)}
.plaque .label{color:var(--gold)}
.brand-list{list-style:none;display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s2)}
.brand{display:flex;flex-direction:column;align-items:center}
.lead{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text);text-decoration:none}
.tile-name{font-family:var(--font-display);font-size:30px;letter-spacing:.14em;margin-right:-.14em;line-height:1.2}
.tile-desc{font-size:14px;line-height:1.45;letter-spacing:normal;text-wrap:balance;text-transform:none;color:var(--muted)}
.lead:hover .tile-name{color:var(--gold)}
.divider{width:48px;height:1px;border:0;background:var(--terracotta);margin:var(--s2) auto}
.products{list-style:none;display:flex;justify-content:center;gap:var(--s3)}
.products li+li::before{content:"·";color:var(--bronze);margin-right:var(--s3)}
.products a{font-size:16px;color:var(--text);text-decoration:underline;text-decoration-color:var(--terracotta);text-underline-offset:5px}
.products a:hover{color:var(--gold)}
/* rev 5: no halos. Text sits in dark dusk sky; panel and button carry their own fills; front dune + bottom fade carry the footer */
.page{padding-top:48px}
.mark{width:88px;height:88px}.mark img{width:56px;height:auto}
.wordmark{font-size:52px}
.rule{margin:var(--s3) auto}
footer{border-top:0;padding:12px 0 8px}
@media (max-width:600px){.page{padding:28px 20px 16px}.mark{width:64px;height:64px}.mark img{width:40px}.wordmark{font-size:28px;margin-top:var(--s2)}.tagline{font-size:15px;margin-top:4px}.rule{margin:var(--s2) auto}.lede{font-size:16px}.plaque{margin-top:var(--s3);padding:18px 20px}.tile-name{font-size:24px}.divider{margin:12px auto}.products a{font-size:15px}.button{font-size:19px;padding:12px 28px}footer{margin-top:auto;font-size:12px}}
main{padding-bottom:var(--s4)}
/* v7: mobile sunrise sits in the gap under the email button; canvas spans the page */
@media (max-width:768px){#desert{position:absolute;top:0;left:0;width:100%;height:100%}.contact{margin-bottom:200px}}
/* v8: full-width bottom fade carries the footer (no box) */
body{position:relative}
body::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(rgba(26,22,20,0),rgba(26,22,20,.85));z-index:0;pointer-events:none}