
:root{
  --charcoal:#242424;
  --ivory:#F4F0E7;
  --bronze:#A78259;
  --bronze-text:#7A5C38;
  --bronze-on-dark:#C4A27A;
  --muted:#716E67;
  --line:#ddd6c8;
  --soft:#ebe6dc;
  --max:72rem;
  --font-display:"Jost",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--ivory);
  color:var(--charcoal);
  font-family:var(--font-body);
  line-height:1.55;
  font-size:1rem;
  font-weight:400;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--charcoal)}
a:hover{color:var(--bronze-text)}
.draft-banner{
  background:var(--charcoal);color:var(--ivory);
  padding:.55rem 1rem;font-size:.78rem;text-align:center;letter-spacing:.03em;
}
.site-header{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.75rem 1.25rem;border-bottom:1px solid var(--line);
  background:rgba(244,240,231,.96);backdrop-filter:blur(8px);
  position:sticky;top:0;z-index:40;
}
.brand img{height:40px;width:auto}
.nav{display:flex;flex-wrap:wrap;gap:.75rem 1.05rem;align-items:center;font-size:.88rem;font-weight:500}
.nav a{text-decoration:none;color:var(--charcoal)}
.nav a:hover{color:var(--bronze-text)}
.nav-cta{
  background:var(--charcoal);color:var(--ivory)!important;
  padding:.45rem .95rem;text-decoration:none;border-radius:2px;font-weight:600;
}
.nav-cta:hover{background:#3a3a3a;color:var(--ivory)!important}
.nav-wa{
  color:var(--bronze-text)!important;font-size:.82rem;font-weight:500;
  text-decoration:none;border-bottom:1px solid transparent;
}
.nav-wa:hover{border-bottom-color:var(--bronze-text)}
.nav-toggle{
  display:none;background:transparent;border:1.5px solid var(--charcoal);
  color:var(--charcoal);padding:.35rem .7rem;font:inherit;font-size:.85rem;
  font-weight:600;cursor:pointer;border-radius:2px;
}
.wrap{max-width:var(--max);margin:0 auto;padding:0 1.25rem}
.section{padding:3.25rem 0}
.section-tight{padding:2rem 0}
.eyebrow{
  font-family:var(--font-display);
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--bronze-text);font-weight:500;margin:0 0 .55rem;
}
h1,h2,h3{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em}
h1{font-size:clamp(1.85rem,3.6vw,2.75rem);line-height:1.15;margin:0 0 .9rem}
h2{font-size:clamp(1.35rem,2.4vw,1.85rem);margin:0 0 .65rem}
h3{font-size:1.05rem;margin:0 0 .35rem;font-weight:500}
.lede{font-size:1.05rem;color:var(--muted);margin:0 0 1.15rem;max-width:38rem}
.section-intro{color:var(--muted);margin:0 0 1.4rem;max-width:40rem;font-size:.98rem}
.btn{
  display:inline-block;background:var(--charcoal);color:var(--ivory)!important;
  text-decoration:none;padding:.72rem 1.2rem;font-weight:600;border-radius:2px;
  font-size:.92rem;font-family:var(--font-body);
}
.btn:hover{background:#3a3a3a;color:var(--ivory)!important}
.btn-outline{
  display:inline-block;border:1.5px solid var(--charcoal);color:var(--charcoal)!important;
  text-decoration:none;padding:.68rem 1.15rem;font-weight:600;border-radius:2px;font-size:.92rem;
}
.btn-outline:hover{border-color:var(--bronze-text);color:var(--bronze-text)!important}
.btn-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.1rem}
.brand-line{
  font-family:var(--font-display);font-size:clamp(1rem,2vw,1.2rem);
  font-weight:400;letter-spacing:.04em;color:var(--bronze-text);margin:0 0 .65rem;
}

/* 02 Hero */
.hero{
  display:grid;grid-template-columns:1.05fr 1fr;gap:2.5rem;align-items:center;
  padding:2.5rem 0 1.5rem;
}
.hero-media{
  border:1px solid var(--line);background:#fff;overflow:hidden;position:relative;
}
.hero-media img,.hero-media video{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.hero-media .hero-still{position:relative;z-index:0}
.hero-caption{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  background:linear-gradient(transparent,rgba(36,36,36,.72));
  color:var(--ivory);font-size:.72rem;padding:.85rem 1rem .7rem;
  letter-spacing:.04em;
}
.quick-answer{
  border-left:2px solid var(--bronze);
  padding:.15rem 0 .15rem 1rem;margin:0 0 1.15rem;
  color:var(--muted);font-size:.95rem;max-width:38rem;
}

/* 03 Trust */
.trust-band{
  background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.trust-list{
  list-style:none;margin:0;padding:1.15rem 0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;
  text-align:center;
}
.trust-list li{font-size:.88rem;font-weight:500;padding:.25rem .5rem}
.trust-list span{display:block;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--bronze-text);font-weight:500;margin-bottom:.3rem;font-family:var(--font-display)}

/* Cards */
.tile-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:.25rem;
}
.tile-grid.nine{grid-template-columns:repeat(3,1fr)}
.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.origin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.exotic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.card{
  border:1px solid var(--line);background:#fff;overflow:hidden;
  display:flex;flex-direction:column;text-decoration:none;color:inherit;
  transition:border-color .15s ease, transform .15s ease;
}
a.card:hover{border-color:var(--bronze);color:inherit;transform:translateY(-1px)}
.card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--soft)}
.use-grid .card img,.origin-grid .card img{aspect-ratio:3/2}
.exotic-grid .card img{aspect-ratio:4/5}
.card .cap{padding:.9rem 1rem 1.05rem}
.card .cap p{margin:.35rem 0 0;font-size:.88rem;color:var(--muted);line-height:1.45}
.card .meta{font-size:.72rem;color:var(--bronze-text);letter-spacing:.04em;margin-top:.4rem}
.card.card-static{cursor:default}
.card.card-static:hover{border-color:var(--line);transform:none}
.process-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:.75rem;
}
.process-note{
  font-size:.82rem;color:var(--muted);margin:1rem 0 0;max-width:42rem;
}
.social-links{
  display:flex;flex-wrap:wrap;gap:.65rem 1.15rem;align-items:center;
  margin:.55rem 0 0;font-size:.88rem;opacity:.9;
}
.social-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.social-links a:hover{color:var(--bronze-on-dark)}
.social-soon{opacity:.72;font-size:.84rem;letter-spacing:.02em}
.nav-social{display:flex;align-items:center;gap:.65rem;margin-left:.25rem}
.nav-social a{font-size:.82rem;font-weight:500;text-decoration:none;color:var(--bronze-text)}
.nav-social a:hover{color:var(--charcoal)}
.nav-social .soon{opacity:.65;font-size:.78rem;color:var(--muted);font-weight:500}
@media (max-width:900px){
  .process-grid{grid-template-columns:1fr}
}
.badge{
  display:inline-block;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--bronze-text);font-weight:600;margin-bottom:.3rem;font-family:var(--font-display);
}
.img-label{
  display:inline-block;font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;
  background:rgba(36,36,36,.78);color:var(--ivory);padding:.2rem .45rem;
  position:absolute;left:.55rem;bottom:.55rem;font-weight:500;
}
.card-media{position:relative}

/* 08 How we work */
.steps{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:.5rem;
}
.step{
  border:1px solid var(--line);background:#fff;padding:1.4rem 1.35rem;
}
.step .num{
  font-family:var(--font-display);font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--bronze-text);margin:0 0 .55rem;
}
.step p{margin:.4rem 0 0;color:var(--muted);font-size:.92rem}

/* 09 Proof */
.proof-band{
  background:var(--charcoal);color:var(--ivory);padding:2.5rem 0;
}
.proof-band h2{color:var(--ivory)}
.proof-band .section-intro{color:rgba(244,240,231,.78)}
.proof-note{
  border:1px dashed rgba(244,240,231,.35);padding:1.35rem 1.5rem;
  max-width:40rem;font-size:.98rem;opacity:.92;
}


/* Yard videos */
.yard-videos{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem;margin-top:1.25rem;
}
.yard-video{
  border:1px solid var(--line);background:#fff;overflow:hidden;
}
.yard-video video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#111}
.yard-video .cap{padding:.75rem 1rem .9rem}
.yard-video .cap p{margin:.25rem 0 0;font-size:.88rem;color:var(--muted)}
.proof-band .yard-videos{margin-top:1.35rem}
.proof-band .yard-video{border-color:rgba(244,240,231,.25);background:rgba(0,0,0,.25)}
.proof-band .yard-video .cap{color:var(--ivory)}
.proof-band .yard-video .cap p{color:rgba(244,240,231,.75)}
.proof-band .yard-video .badge{color:var(--bronze-on-dark)}

/* 10 Markets */
.markets-panel{
  display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem;
}
.markets-box{
  border:1px solid var(--line);background:#fff;padding:1.35rem 1.4rem;
}
.markets-box ul{margin:.55rem 0 0;padding:0 0 0 1.1rem;color:var(--muted);font-size:.95rem}
.markets-box li{margin:.25rem 0}
.export-strip{
  display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;
}
.export-pill{
  border:1px solid var(--line);padding:.4rem .75rem;font-size:.85rem;font-weight:500;
  background:var(--soft);text-decoration:none;color:var(--charcoal);
}
a.export-pill:hover{border-color:var(--bronze);color:var(--bronze-text)}

/* 11 Guides + FAQ */
.guides-faq{display:grid;grid-template-columns:1fr 1.15fr;gap:2rem;align-items:start}
.guide-list{display:grid;gap:.75rem}
.guide-card{
  border:1px solid var(--line);background:#fff;padding:1rem 1.15rem;
  text-decoration:none;color:inherit;display:block;
}
a.guide-card:hover{border-color:var(--bronze)}
.guide-card p{margin:.3rem 0 0;font-size:.88rem;color:var(--muted)}
.faq details{
  border-bottom:1px solid var(--line);padding:.85rem 0;
}
.faq details:first-of-type{border-top:1px solid var(--line)}
.faq summary{
  cursor:pointer;font-weight:500;font-family:var(--font-display);font-size:.98rem;
  list-style:none;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--bronze-text);font-weight:400}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:.55rem 0 0;color:var(--muted);font-size:.92rem;max-width:36rem}

/* 12 Enquiry */
.cta-band{
  background:var(--charcoal);color:var(--ivory);padding:2.75rem 0;
}
.cta-band h2{color:var(--ivory);margin-top:0}
.cta-band .lede{color:rgba(244,240,231,.82)}
.enquire-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.35rem 0 0}
.enquire-card{
  border:1px solid rgba(244,240,231,.22);padding:1.25rem 1.35rem;background:rgba(255,255,255,.04);
}
.enquire-card h3{color:var(--ivory);margin:0 0 .35rem}
.enquire-card p{margin:0 0 .9rem;opacity:.88;font-size:.92rem}
.cta-band .btn{background:var(--bronze);color:var(--charcoal)!important}
.cta-band .btn:hover{background:var(--bronze-on-dark);color:var(--charcoal)!important}
.cta-band .btn-outline{border-color:rgba(244,240,231,.55);color:var(--ivory)!important}
.cta-note{font-size:.82rem;opacity:.75;margin:1.15rem 0 0}

/* 13 Footer */
.site-footer{
  background:var(--charcoal);color:var(--ivory);padding:2.5rem 0 1.5rem;
  border-top:1px solid rgba(244,240,231,.08);
}
.footer-inner{
  display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:1.5rem;
}
.footer-logo{height:34px;width:auto;margin-bottom:.75rem}
.site-footer a{color:var(--ivory);text-decoration:none}
.site-footer a:hover{color:var(--bronze-on-dark)}
.footer-title{
  font-family:var(--font-display);font-weight:500;margin-bottom:.55rem;
  color:var(--bronze-on-dark);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;
}
.footer-links{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}
.fact-block{
  font-size:.82rem;line-height:1.55;color:#bdb6a8;margin-top:2rem;
  max-width:52rem;padding-top:1.25rem;border-top:1px solid rgba(244,240,231,.12);
}
.legal{
  font-size:.78rem;color:#9a948a;margin-top:1rem;line-height:1.5;max-width:52rem;
}
.stone-emotions-link{
  margin-top:1rem;font-size:.88rem;color:#bdb6a8;
}
.stone-emotions-link a{color:var(--bronze-on-dark);text-decoration:underline;text-underline-offset:2px}

@media (max-width:1040px){
  .tile-grid.nine,.use-grid,.origin-grid,.exotic-grid{grid-template-columns:repeat(2,1fr)}
  .trust-list{grid-template-columns:repeat(2,1fr)}
  .guides-faq,.markets-panel{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr 1fr}
}
@media (max-width:780px){
  .hero,.steps,.enquire-grid{grid-template-columns:1fr}
  .nav-toggle{display:inline-block}
  .nav{
    display:none;position:absolute;left:0;right:0;top:100%;
    background:var(--ivory);border-bottom:1px solid var(--line);
    flex-direction:column;align-items:stretch;padding:1rem 1.25rem 1.25rem;gap:.65rem;
  }
  .site-header{flex-wrap:wrap}
  .site-header.nav-open .nav{display:flex}
  .hero-media img,.hero-media video{aspect-ratio:1/1}
  .yard-videos{grid-template-columns:1fr}
  .tile-grid.nine,.use-grid,.origin-grid,.exotic-grid,.process-grid{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr}
  .trust-list{grid-template-columns:1fr}
}

:focus-visible{outline:3px solid #996d39;outline-offset:4px}html{scroll-padding-top:110px}.skip{position:absolute;left:10px;top:-100px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.review-strip{background:#e7dfcf;padding:10px 20px;text-align:center;font-size:12px}.catalog-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:20px 0;background:var(--ivory)}input,select,textarea,button{font:inherit}input,select,textarea{padding:12px;border:1px solid var(--line);background:white;color:var(--charcoal);max-width:100%}.catalog-tools input{min-width:200px;flex:1}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.catalog-grid .cap{padding:16px}.catalog-grid h3{font-size:17px}.catalog-grid img{aspect-ratio:4/3;object-fit:cover}.tag{font-size:11px;color:#6e573c;letter-spacing:.05em}.note{border-left:3px solid var(--bronze);background:#ebe5d8;padding:18px 20px;margin:24px 0}.product-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:32px 0}.product-hero figure{margin:0}.product-hero img{width:100%;aspect-ratio:4/3;object-fit:cover}.caption{font-size:12px;color:var(--muted);padding-top:8px}.specs{width:100%;border-collapse:collapse;margin:22px 0}.specs th,.specs td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px}.specs th{width:30%;font-weight:500}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.application-grid figure{margin:0}.application-grid img{width:100%;height:auto}.section-nav{display:flex;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--line);padding:14px 0}.article-body{max-width:840px}.article-body h2{margin-top:32px}.article-body li{margin:8px 0}.family-number{font:40px/1.5 var(--font-display);padding:20px;color:var(--bronze)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block}label input,label select,label textarea{display:block;width:100%;margin-top:5px}.full{grid-column:1/-1}.enquiry-form{max-width:820px;border:1px solid var(--line);padding:24px;background:white}.enquiry-form button{border:0;cursor:pointer}.footer-inner{grid-template-columns:1.5fr 1fr 1fr}.audit-link{font-size:12px}.motion-control{position:absolute;right:8px;top:8px;z-index:4;background:#242424;color:white;border:1px solid white;padding:7px;cursor:pointer}.hero-loop{pointer-events:none} [hidden]{display:none!important}@media(max-width:1000px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-hero,.application-grid,.form-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.catalog-tools{align-items:stretch}.full{grid-column:auto}}@media(max-width:430px){.catalog-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}