:root{--charcoal:#231f20;--ink:#171412;--gold:#a77b2d;--gold2:#d4af37;--linen:#f6f0e6;--paper:#fffaf1;--muted:#766b5e;--sage:#7c8b6b;--line:#e1d3be;--soft:#efe3d1;--danger:#9f3e38}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--linen);color:var(--charcoal);line-height:1.62}img{max-width:100%;display:block}a{color:inherit}.wrap{width:min(1180px,92vw);margin:0 auto}.eyebrow{font:700 .74rem/1.2 ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);display:block;margin-bottom:.7rem}.nav{position:sticky;top:0;z-index:50;background:rgba(246,240,230,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 0}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}.brand img{height:70px;width:auto}.brand b{font-size:1.05rem}.brand span{display:block;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.links{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap}.links a{text-decoration:none;font-weight:700;font-size:.86rem}.links a:hover{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:999px;padding:.85rem 1.25rem;text-decoration:none;font-weight:800;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--gold);color:white}.btn-primary:hover{background:var(--ink)}.btn-ghost{border-color:var(--charcoal);background:transparent}.btn-light{background:white;color:var(--ink)}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 15%,rgba(212,175,55,.24),transparent 34%),linear-gradient(135deg,#191614,#33271f);color:white}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center;padding:6.5rem 0}.hero h1{font-size:clamp(2.5rem,6vw,5.6rem);line-height:.95;margin:0 0 1.3rem;letter-spacing:-.06em}.hero p{font-size:1.15rem;color:#e8dece;max-width:56ch}.hero-actions{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:1.7rem}.hero-card{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);padding:1rem;box-shadow:0 25px 80px rgba(0,0,0,.32)}.hero-card img{border-radius:22px;aspect-ratio:4/3;object-fit:cover}.statbar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.stat{background:var(--paper);padding:1.4rem;text-align:center}.stat b{font-size:1.7rem;color:var(--gold)}section{padding:5rem 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.section-head h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1;margin:0}.section-head p{color:var(--muted);max-width:58ch}.grid{display:grid;gap:1rem}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:1.3rem;box-shadow:0 14px 35px rgba(38,31,24,.06)}.card img{border-radius:18px;aspect-ratio:4/3;object-fit:cover;margin-bottom:1rem}.card h3{font-size:1.24rem;margin:.4rem 0}.card p{color:var(--muted);margin:.2rem 0}.badge{display:inline-block;background:#f1e3ca;color:#73521e;border:1px solid #dfc99d;border-radius:999px;padding:.25rem .6rem;font-weight:800;font-size:.72rem}.dark{background:var(--charcoal);color:white}.dark .card{background:#302a27;border-color:#4b4039}.dark p,.dark .card p{color:#d5c7b7}.process{counter-reset:step}.process .card{position:relative;padding-left:4.4rem}.process .card:before{counter-increment:step;content:counter(step);position:absolute;left:1.2rem;top:1.2rem;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--gold);color:white;display:grid;place-items:center;font-weight:900}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;align-items:center}.panel{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:2rem}.list{display:grid;gap:.6rem}.list div{padding:.85rem 1rem;background:#fff;border:1px solid var(--line);border-radius:14px}.form{display:grid;gap:.8rem}.form input,.form textarea,.form select{width:100%;border:1px solid var(--line);background:white;border-radius:14px;padding:.9rem;font:inherit}.form textarea{min-height:130px}.footer{background:#171412;color:#eee;padding:3rem 0}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:2rem}.footer a{color:#e6d0aa;text-decoration:none}.table{width:100%;border-collapse:collapse;background:white;border-radius:16px;overflow:hidden}.table th,.table td{padding:.8rem;border-bottom:1px solid var(--line);text-align:left}.admin{background:#f4efe7}.notice{padding:1rem;border-left:4px solid var(--gold);background:#fff6e6;border-radius:14px}.price{font-size:1.2rem;color:var(--gold);font-weight:900}.catalog-filter{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0 2rem}.catalog-filter a{text-decoration:none}.loginbox{max-width:440px;margin:6rem auto}.hero-mini{padding:4rem 0;background:linear-gradient(135deg,#241f1c,#4a392d);color:white}.hero-mini h1{font-size:clamp(2.2rem,5vw,4.2rem);margin:0}.quote-ref{font-family:ui-monospace,Menlo,monospace;background:#fff;border:1px solid var(--line);padding:.3rem .55rem;border-radius:8px}@media(max-width:900px){.hero-grid,.split,.footer-grid{grid-template-columns:1fr}.grid-3,.grid-4,.statbar{grid-template-columns:1fr 1fr}.links{display:none}.hero-grid{padding:4rem 0}}@media(max-width:560px){.grid-3,.grid-4,.statbar{grid-template-columns:1fr}.brand img{height:54px}.section-head{display:block}}


/* Ver1.1 customer portal + improved home */
.hero-premium{min-height:680px;display:flex;align-items:center}
.hero-ghost{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.06)}
.trust-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.25rem}
.trust-row span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:999px;padding:.45rem .7rem;color:#f4e9d8;font-weight:700;font-size:.82rem}
.showcase-stack{position:relative}
.showcase-card.main{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.17);border-radius:30px;padding:1rem;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.showcase-card.main img{border-radius:22px;aspect-ratio:4/3;object-fit:cover}
.showcase-card.main div{padding:1rem}
.floating-card{position:absolute;background:rgba(255,250,241,.96);color:var(--charcoal);border:1px solid #e7d5b8;border-radius:18px;padding:.9rem 1rem;box-shadow:0 18px 45px rgba(0,0,0,.22);max-width:230px}
.floating-card b{display:block;color:var(--gold);font-size:1rem}
.floating-card span{display:block;color:var(--muted);font-size:.85rem}
.floating-card.one{left:-35px;bottom:60px}
.floating-card.two{right:-25px;top:70px}
.premium-stats .stat{background:#fffaf1}
.feature-card{transition:transform .18s ease,box-shadow .18s ease}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(38,31,24,.12)}
.text-link{display:inline-block;margin-top:1rem;color:var(--gold);font-weight:900;text-decoration:none}
.callout-panel{background:linear-gradient(135deg,#fffaf1,#f1dfbf)}
.big-list div{font-size:1.05rem}
.soft-band{background:#efe3d1}
.status-pill{display:inline-block;background:#f1e3ca;border:1px solid #dfc99d;border-radius:999px;padding:.28rem .65rem;font-weight:900;color:#73521e}
.muted{color:var(--muted)}
pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}
@media(max-width:900px){.floating-card{position:static;margin-top:.75rem}.hero-premium{min-height:auto}.showcase-stack{display:block}}


/* Ver1.2 navigation, customer portal and contact refinement */
.nav .links a:first-child{color:var(--gold)}
.contact-strip{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}
.contact-strip a{font-weight:900;color:var(--gold);text-decoration:none}
.status-pill{display:inline-block;background:#f1e3ca;border:1px solid #dfc99d;border-radius:999px;padding:.28rem .65rem;font-weight:900;color:#73521e}
.muted{color:var(--muted)}
pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}

/* Ver1.3 header/contact corrections */
.top-contact{background:#171412;color:#efe3d1;font-size:.84rem;border-bottom:1px solid rgba(255,255,255,.08)}
.top-contact-inner{display:flex;justify-content:flex-end;gap:1.1rem;align-items:center;padding:.38rem 0}
.top-contact a{color:#f3d99c;text-decoration:none;font-weight:800}
.top-contact a:hover{text-decoration:underline}
.links a[href="/"]{color:var(--gold);font-weight:900}
.footer a[href^="mailto:wikus@jubileecreations.com.au"],
.footer a[href^="tel:0434943300"]{color:#f3d99c;font-weight:800}
.plannerHeaderLogo{width:74px;height:74px;object-fit:contain;background:#fffaf1;border-radius:8px;padding:5px;border:1px solid #d4af37}
.plannerTopNav{margin-left:auto;display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.plannerTopNav a{background:#555;color:#eee;border:1px solid #777;border-radius:4px;padding:7px 9px;text-decoration:none;font-weight:bold}
.plannerTopNav a.home{background:#d4af37;color:#111;border-color:#806c1e}
.plannerContact{font-size:11px;color:#d9c8a8;margin-top:4px}
.plannerContact a{color:#ffdd77;text-decoration:none}
@media(max-width:900px){.top-contact-inner{justify-content:center;flex-wrap:wrap}.plannerTopNav{width:100%;margin-left:0;margin-top:8px}}


/* Home refresh V1 — balanced Jubilee Creations website */
.nav .links a.youtube-link{color:#c4302b;font-weight:900}
.service-balance .card img{min-height:190px}
.product-lines{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:26px;overflow:hidden}
.product-line{background:var(--paper);padding:1.55rem}
.product-line .num{display:inline-block;font:800 .72rem/1 ui-monospace,Menlo,monospace;color:var(--gold);margin-bottom:.85rem}
.product-line h3{font-size:1.02rem;margin:.25rem 0 .45rem}
.product-line p{font-size:.9rem;color:var(--muted);margin:0}
.collection-list{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.16)}
.collection-row{display:grid;grid-template-columns:.35fr 1fr 1.8fr;gap:1.5rem;align-items:baseline;padding:1.65rem 0;border-bottom:1px solid rgba(255,255,255,.16)}
.collection-row .letter{font-size:2rem;color:#d4af37;font-weight:900}
.collection-row h3{margin:0}
.collection-row p{margin:0;color:#d5c7b7}
.process-track{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.process-step{border-top:3px solid var(--gold);padding-top:1rem}
.process-step .num{font:800 .72rem/1 ui-monospace,Menlo,monospace;color:var(--gold)}
.process-step h3{margin:.6rem 0 .25rem;font-size:1rem}
.process-step p{margin:0;color:var(--muted);font-size:.88rem}
.what-we-cut{background:var(--soft)}
.mat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.mat-col{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:1.3rem}
.mat-col h3{margin-top:0}
.mat-list{list-style:none;padding:0;margin:0}
.mat-list li{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--line);font-size:.9rem}
.mat-list li:last-child{border-bottom:0}
.tag2{font:700 .68rem/1 ui-monospace,Menlo,monospace;color:var(--gold);white-space:nowrap}
.youtube-band{background:linear-gradient(135deg,#1b1715,#38251d);color:white}
.youtube-card{display:grid;grid-template-columns:1fr .65fr;gap:2rem;align-items:center}
.youtube-badge{display:inline-flex;align-items:center;gap:.55rem;background:#c4302b;color:#fff;border-radius:999px;padding:.4rem .75rem;font-weight:900;margin-bottom:.8rem}
.youtube-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:26px;padding:1.5rem}
.youtube-panel p{color:#eadfce}
.contact-cta-panel{max-width:720px}
.footer .footer-grid{align-items:start}
.footer address{font-style:normal;color:#d6c4a6;margin-top:.4rem}
.footer .fine{font:700 .72rem/1.6 ui-monospace,Menlo,monospace;color:#bfae93;text-align:center;margin:1.4rem 0 0}
.sponsor-strip{border-top:1px solid rgba(255,255,255,.12);margin-top:2.5rem;padding:2.4rem 0 1.2rem}
.sponsor-strip .eyebrow2{font:800 .78rem/1 ui-monospace,Menlo,monospace;text-align:center;text-transform:uppercase;letter-spacing:.16em;color:#bfae93;margin:0 0 1.25rem}
.sponsor-row{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}
.sponsor-chip{background:#f7f6f3;border-radius:8px;padding:.8rem 1.35rem;display:flex;align-items:center;justify-content:center;min-width:170px;height:72px}
.sponsor-chip.dark-chip{background:#1c1b19}
.sponsor-chip img{max-height:52px;max-width:185px;object-fit:contain}
.social-row{display:flex;justify-content:center;gap:1rem;padding:1.6rem 0 .3rem;flex-wrap:wrap}
.social-row a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.28);color:#eee;text-decoration:none}
.social-row a:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.52)}
.social-row svg{width:18px;height:18px;fill:currentColor}
@media(max-width:980px){
  .product-lines{grid-template-columns:repeat(2,1fr)}
  .process-track{grid-template-columns:repeat(3,1fr)}
  .mat-grid{grid-template-columns:repeat(2,1fr)}
  .youtube-card{grid-template-columns:1fr}
}
@media(max-width:640px){
  .product-lines,.mat-grid{grid-template-columns:1fr}
  .process-track{grid-template-columns:repeat(2,1fr)}
  .collection-row{grid-template-columns:1fr;gap:.45rem}
}



/* Website Visual Rebalance V3 */
:root{
  --jc-charcoal:#231f20;
  --jc-charcoal-soft:#332d2b;
  --jc-gold:#8f6a2a;
  --jc-gold-light:#b08d57;
  --jc-linen:#f5f0e7;
  --jc-linen-dark:#eae0cc;
  --jc-grey:#d9d9d9;
}
body{background:var(--jc-linen);color:var(--jc-charcoal)}
.home-v3 .hero{background:linear-gradient(180deg,var(--jc-linen) 0%,var(--jc-linen-dark) 100%);color:var(--jc-charcoal)}
.home-v3 .hero-grid{grid-template-columns:1.05fr .95fr;padding:4.8rem 0 3.4rem}
.home-v3 .hero h1{font-family:'Montserrat',Inter,sans-serif;font-size:clamp(2.6rem,5.7vw,5.2rem);letter-spacing:-.055em;line-height:.97;color:var(--jc-charcoal)}
.home-v3 .hero h1 em{font-family:'Playfair Display',serif;font-style:italic;font-weight:600;color:var(--jc-gold)}
.home-v3 .hero p{color:#4d453c;font-size:1.08rem}
.home-v3 .hero .eyebrow{color:var(--jc-gold)}
.home-v3 .hero .btn-light{background:#fff;color:var(--jc-charcoal);border:1px solid #ddd0bc}
.home-v3 .hero .btn-ghost{border-color:var(--jc-charcoal);color:var(--jc-charcoal)}
.home-v3 .hero-media{position:relative}
.home-v3 .hero-image{border-radius:5px;overflow:hidden;box-shadow:0 22px 60px rgba(35,31,32,.18);border:1px solid rgba(35,31,32,.10)}
.home-v3 .hero-image img{width:100%;aspect-ratio:4/3;object-fit:cover}
.home-v3 .hero-caption{background:#fffaf1;border:1px solid #ddccb5;border-radius:16px;margin:-2rem 1.1rem 0;padding:1rem 1.15rem;position:relative;box-shadow:0 12px 34px rgba(35,31,32,.10)}
.home-v3 .hero-caption .badge{display:inline-block;margin-bottom:.55rem}
.home-v3 .hero-caption h3{margin:.2rem 0 .35rem;font-size:1.1rem}
.home-v3 .hero-caption p{font-size:.92rem;margin:0;color:#5c5146}
.home-v3 .trust-row{display:flex;gap:1.1rem;flex-wrap:wrap;color:#5c5146;font-size:.86rem;margin-top:1.25rem}
.home-v3 .statbar{border-top:1px solid var(--jc-grey);border-bottom:1px solid var(--jc-grey);background:var(--jc-charcoal);color:var(--jc-linen)}
.home-v3 .stat{background:var(--jc-charcoal);color:var(--jc-linen);border-left:1px solid rgba(245,240,231,.13)}
.home-v3 .stat b{color:var(--jc-gold-light)}

.home-v3 section{padding:4.8rem 0}
.home-v3 .section-head{display:block;max-width:720px;margin-bottom:2.4rem}
.home-v3 .section-head h2{font-family:'Montserrat',Inter,sans-serif;font-size:clamp(2rem,4vw,3.35rem);line-height:1.14;color:var(--jc-charcoal)}
.home-v3 .section-head p{color:#665b50;max-width:62ch}
.home-v3 .dark{background:var(--jc-charcoal-soft);color:var(--jc-linen)}
.home-v3 .dark .section-head h2{color:var(--jc-linen)}
.home-v3 .dark .section-head p{color:#d7cbb9}
.home-v3 .dark .eyebrow{color:var(--jc-gold-light)}
.home-v3 .soft-band{background:var(--jc-linen)}

.home-v3 .grid-3{grid-template-columns:repeat(3,1fr)}
.home-v3 .feature-card{background:#fffaf1;border-color:#ddccb5;border-radius:6px;padding:0}
.home-v3 .feature-card img{border-radius:6px 6px 0 0;aspect-ratio:16/10;object-fit:cover}
.home-v3 .feature-card .badge,.home-v3 .feature-card h3,.home-v3 .feature-card p,.home-v3 .feature-card a{margin-left:1.35rem;margin-right:1.35rem}
.home-v3 .feature-card .badge{margin-top:1.2rem}
.home-v3 .feature-card a{margin-bottom:1.35rem;display:inline-block}

.home-v3 .products-grid-v3{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--jc-grey);border:1px solid var(--jc-grey)}
.home-v3 .product-card-v3{background:var(--jc-linen);padding:1.8rem 1.55rem;min-height:215px}
.home-v3 .product-card-v3 .num{font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-size:.72rem;color:var(--jc-gold);display:block;margin-bottom:.9rem}
.home-v3 .product-card-v3 h3{font-size:1.02rem;margin:.2rem 0 .55rem}
.home-v3 .product-card-v3 p{font-size:.9rem;color:#665b50;margin:0}

.home-v3 .collection-list{display:flex;flex-direction:column;border-top:1px solid rgba(245,240,231,.16)}
.home-v3 .collection-row{display:grid;grid-template-columns:.42fr 1fr 1.55fr;gap:2rem;align-items:baseline;padding:1.8rem 0;border-bottom:1px solid rgba(245,240,231,.16)}
.home-v3 .collection-row .letter{font-family:'Playfair Display',serif;font-style:italic;font-size:2rem;color:var(--jc-gold-light)}
.home-v3 .collection-row h3{color:var(--jc-linen);margin:0}
.home-v3 .collection-row p{color:#d7cbb9;margin:0}

.home-v3 .process-track{display:grid;grid-template-columns:repeat(6,1fr);gap:1.2rem}
.home-v3 .process-step{border-top:2px solid var(--jc-gold);padding-top:1rem}
.home-v3 .process-step .num{font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-size:.75rem;color:var(--jc-gold)}
.home-v3 .process-step h3{font-size:.98rem;margin:.55rem 0 .35rem}
.home-v3 .process-step p{font-size:.84rem;color:#665b50;margin:0}

.home-v3 .materials-v3{background:var(--jc-linen-dark)}
.home-v3 .materials-grid-v3{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.home-v3 .mat-col-v3 h3{font-size:1.05rem;margin:0 0 1rem;display:flex;align-items:center;gap:.6rem}
.home-v3 .mat-col-v3 h3:before{content:"";width:10px;height:10px;background:var(--jc-gold);display:inline-block;border-radius:50%}
.home-v3 .mat-list-v3{list-style:none;margin:0;padding:0}
.home-v3 .mat-list-v3 li{display:flex;justify-content:space-between;gap:1rem;padding:.72rem 0;border-bottom:1px solid var(--jc-grey);font-size:.92rem}
.home-v3 .tag2{font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-size:.72rem;color:#7d7569;white-space:nowrap}

.home-v3 .contact-youtube{background:var(--jc-linen)}
.home-v3 .contact-youtube-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.8rem;align-items:stretch}
.home-v3 .contact-youtube .panel{border-radius:28px;border:1px solid #dccbb3;background:#fffaf1;padding:2rem}
.home-v3 .youtube-mini{background:linear-gradient(135deg,#231f20,#3a2b24)!important;color:var(--jc-linen)!important}
.home-v3 .youtube-mini .eyebrow{color:var(--jc-gold-light)}
.home-v3 .youtube-mini p{color:#dfd4c4}
.home-v3 .youtube-badge{display:inline-flex;align-items:center;gap:.45rem;background:#c4302b;color:white;border-radius:999px;padding:.35rem .65rem;font-weight:900;font-size:.82rem;margin-bottom:.9rem}
.home-v3 .youtube-list{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem}
.home-v3 .youtube-list span{border:1px solid rgba(245,240,231,.18);border-radius:999px;padding:.45rem .65rem;font-size:.82rem;color:#eadfce}

.footer{padding-top:2.5rem!important}
.footer .footer-grid{grid-template-columns:1.1fr .9fr .9fr .9fr;gap:2rem}
.footer-contact-block p{margin:.25rem 0}
.footer-contact-block .spacer{height:1rem}
.sponsor-strip{padding:1.4rem 0 .8rem!important;margin-top:1.6rem!important}
.sponsor-strip .eyebrow2{font-size:.7rem!important;margin-bottom:.9rem!important}
.sponsor-row{gap:.65rem!important}
.sponsor-chip{height:42px!important;min-width:116px!important;padding:.35rem .7rem!important;border-radius:5px!important}
.sponsor-chip img{max-height:30px!important;max-width:125px!important}
.social-row{padding:.85rem 0 .2rem!important;gap:.7rem!important}
.social-row a{width:31px!important;height:31px!important}
.social-row svg{width:15px!important;height:15px!important}
.footer .fine{font-size:.66rem!important;margin-top:.85rem!important;color:#bba98f!important}

@media(max-width:980px){
  .home-v3 .hero-grid,.home-v3 .contact-youtube-grid{grid-template-columns:1fr}
  .home-v3 .products-grid-v3{grid-template-columns:repeat(2,1fr)}
  .home-v3 .grid-3{grid-template-columns:1fr}
  .home-v3 .process-track{grid-template-columns:repeat(3,1fr)}
  .footer .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .home-v3 .products-grid-v3,.home-v3 .materials-grid-v3{grid-template-columns:1fr}
  .home-v3 .process-track{grid-template-columns:repeat(2,1fr)}
  .home-v3 .collection-row{grid-template-columns:1fr;gap:.4rem}
  .home-v3 .youtube-list{grid-template-columns:1fr}
  .footer .footer-grid{grid-template-columns:1fr}
}


/* FORCE V5: Kitchen & Design hover dropdown */
.links .nav-drop{position:relative!important;display:inline-flex!important;align-items:center!important;padding:.75rem 0!important}
.links .nav-drop-trigger{display:inline-flex!important;align-items:center!important;gap:.25rem!important;text-decoration:none!important;color:inherit!important;font-weight:700!important;cursor:pointer!important}
.links .nav-drop-trigger:hover{color:var(--gold,#8f6a2a)!important}
.links .nav-drop-menu{display:none!important;position:absolute!important;top:100%!important;margin-top:0!important;left:-.85rem!important;min-width:220px!important;background:#fffaf1!important;border:1px solid #d8c5a8!important;border-radius:14px!important;box-shadow:0 18px 45px rgba(38,31,24,.2)!important;padding:.45rem!important;z-index:99999!important}
.links .nav-drop:hover .nav-drop-menu,.links .nav-drop:focus-within .nav-drop-menu,.links .nav-drop-menu:hover{display:block!important}
.links .nav-drop-menu a{display:block!important;padding:.72rem .85rem!important;border-radius:10px!important;white-space:nowrap!important;color:#231f20!important;text-decoration:none!important;font-weight:800!important;font-size:.86rem!important}
.links .nav-drop-menu a:hover{background:#f1e3ca!important;color:var(--gold,#8f6a2a)!important}


/* FORCE V5: shared compact footer for all pages */
.footer{background:#171412!important;color:#eee!important;padding:3rem 0 1.6rem!important;overflow:hidden!important}
.footer .wrap{max-width:1180px!important}
.footer .footer-grid{display:grid!important;grid-template-columns:1.15fr .9fr .9fr .9fr!important;gap:2rem!important;align-items:start!important}
.footer h3,.footer h4{color:#fff!important;margin-top:0!important}
.footer p,.footer span{color:#eee!important}
.footer a{color:#e6d0aa!important;text-decoration:none!important}
.footer a:hover{color:#fff!important}
.footer-contact-block p{margin:.25rem 0!important}.footer-contact-block .spacer{height:1rem!important}
.footer .sponsor-strip{background:#171412!important;border-top:1px solid rgba(245,240,231,.12)!important;margin-top:1.8rem!important;padding:1.7rem 0 .8rem!important}
.footer .sponsor-strip .eyebrow2{font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace!important;font-size:.72rem!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:rgba(245,240,231,.65)!important;text-align:center!important;margin:0 0 1rem!important}
.footer .sponsor-row{display:flex!important;justify-content:center!important;align-items:center!important;gap:.75rem!important;flex-wrap:nowrap!important;max-width:760px!important;margin:0 auto!important}
.footer .sponsor-chip{background:#f7f6f3!important;border-radius:6px!important;padding:.45rem .8rem!important;display:flex!important;align-items:center!important;justify-content:center!important;width:132px!important;min-width:132px!important;height:48px!important;overflow:hidden!important}
.footer .sponsor-chip.dark-chip{background:#1c1b19!important}
.footer .sponsor-chip img{display:block!important;width:auto!important;height:auto!important;max-width:112px!important;max-height:34px!important;object-fit:contain!important;transform:none!important}
.footer .social-row{display:flex!important;justify-content:center!important;gap:.75rem!important;padding:1rem 0 .25rem!important;flex-wrap:wrap!important}
.footer .social-row a{display:flex!important;align-items:center!important;justify-content:center!important;width:31px!important;height:31px!important;border-radius:50%!important;border:1px solid rgba(245,240,231,.25)!important;color:#eee!important;text-decoration:none!important}
.footer .social-row svg{width:15px!important;height:15px!important;fill:currentColor!important}
.footer .fine{font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace!important;font-size:.66rem!important;line-height:1.6!important;color:#bba98f!important;text-align:center!important;margin:.85rem 0 0!important}
@media(max-width:980px){.footer .footer-grid{grid-template-columns:1fr 1fr!important}.footer .sponsor-row{flex-wrap:wrap!important}}
@media(max-width:640px){.footer .footer-grid{grid-template-columns:1fr!important}}



/* FORCE V6: dropdown hover bridge fix */
.links .nav-drop{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:.75rem 0!important; /* creates hover area around the trigger */
}
.links .nav-drop-menu{
  top:100%!important;          /* no physical gap between trigger and menu */
  margin-top:0!important;
}
.links .nav-drop:after{
  content:""!important;
  position:absolute!important;
  left:-1rem!important;
  right:-1rem!important;
  top:100%!important;
  height:14px!important;       /* invisible bridge so mouse can travel down */
  background:transparent!important;
}
.links .nav-drop:hover .nav-drop-menu,
.links .nav-drop:focus-within .nav-drop-menu,
.links .nav-drop-menu:hover{
  display:block!important;
}



/* Kitchen Quick Designer */
.quickHero{background:linear-gradient(135deg,#211d1a,#3a2b24);color:white;padding:3.6rem 0}
.quickHero h1{font-size:clamp(2rem,5vw,4rem);line-height:1;margin:.2rem 0 1rem}
.quickHero p{color:#eadfce;max-width:760px}
.quickShell{display:grid;grid-template-columns:330px 1fr;gap:1rem;align-items:start}
.quickPanel{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:1rem}
.quickPanel h2,.quickPanel h3{margin-top:0}
.quickControls{display:grid;gap:.7rem}
.quickRow{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
.quickRow label{display:block;font-size:.74rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.18rem}
.quickRow input,.quickRow select,.quickPanel textarea,.quickPanel input,.quickPanel select{width:100%;border:1px solid var(--line);background:white;border-radius:12px;padding:.72rem;font:inherit}
.quickButtons{display:flex;gap:.45rem;flex-wrap:wrap}
.quickButtons button,.quickButtons .buttonish{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.62rem .82rem;font-weight:800;cursor:pointer;text-decoration:none;color:var(--charcoal)}
.quickButtons button:hover,.quickButtons .buttonish:hover{background:#f1e3ca}
.quickButtons .primary{background:var(--gold);border-color:var(--gold);color:#fff}
.quickStage{background:#111;border:1px solid #3b342c;border-radius:22px;padding:.8rem;overflow:auto}
.quickStage svg{display:block;width:100%;min-width:520px;background:#181818;border-radius:16px}
.quickNote{font-size:.86rem;color:var(--muted)}
.quickItemList{display:grid;gap:.45rem;margin:.7rem 0}
.quickItem{display:flex;justify-content:space-between;gap:.6rem;align-items:center;border:1px solid var(--line);border-radius:14px;padding:.55rem .65rem;background:#fff;cursor:pointer}
.quickItem.sel{border-color:var(--gold);box-shadow:0 0 0 2px rgba(167,123,45,.18)}
.quickItem small{color:var(--muted)}
.quickStatus{margin-top:.8rem;border-radius:14px;padding:.75rem;background:#f1e3ca;color:#332d2b}
.quickStatus.ok{background:#e3f4df;color:#23451e}
.quickStatus.bad{background:#f6dddd;color:#642523}
.quickPlanCab{fill:#efe7d7;stroke:#d4af37;stroke-width:2;cursor:move}
.quickPlanApp{fill:#5e7f90;stroke:#aee0ef;stroke-width:2;cursor:move}
.quickPlanOpen{fill:rgba(111,163,255,.45);stroke:#9bbfff;stroke-width:2;cursor:move}
.quickPlanDoor{fill:rgba(226,168,91,.45);stroke:#e2a85b;stroke-width:2;cursor:move}
.quickPlanSelected{stroke:#ffde75!important;stroke-width:4!important}
.quickPlanText{fill:#fff;font-weight:800;font-size:11px;text-anchor:middle;pointer-events:none}
.quickHelpStrip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}
.quickHelpStrip div{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:1rem}
@media(max-width:920px){
  .quickShell{grid-template-columns:1fr}
  .quickPanel{border-radius:18px}
  .quickStage svg{min-width:0}
  .quickHelpStrip{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .quickRow{grid-template-columns:1fr}
  .quickHelpStrip{grid-template-columns:1fr}
}


/* Quick Designer V2 explicit add toolbar */
.quickAddBar{display:grid;grid-template-columns:1.4fr .8fr auto auto auto;gap:.55rem;align-items:end;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:.8rem;margin-bottom:.8rem}
.quickAddBar label{display:block;font-size:.72rem;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.2rem}
.quickAddBar select{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:.68rem;font:inherit}
.quickAddBar button{border:1px solid var(--line);background:#fff;color:var(--charcoal);border-radius:999px;padding:.72rem .9rem;font-weight:900;cursor:pointer}
.quickAddBar button.primary{background:var(--gold);border-color:var(--gold);color:#fff}
.quickAddBar button:hover{filter:brightness(.96)}
@media(max-width:800px){.quickAddBar{grid-template-columns:1fr 1fr}.quickAddBar button{width:100%}}
@media(max-width:520px){.quickAddBar{grid-template-columns:1fr}}



/* Mobile hamburger menu V1 */
.nav-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  border:1px solid var(--line,#e1d3be);
  background:#fffaf1;
  color:var(--charcoal,#231f20);
  border-radius:999px;
  padding:.65rem .85rem;
  font-weight:900;
  cursor:pointer;
}
.nav-toggle .bars{
  display:inline-grid;
  gap:3px;
}
.nav-toggle .bars span{
  display:block;
  width:18px;
  height:2px;
  background:currentColor;
  border-radius:99px;
}
.mobile-menu-backdrop{
  display:none;
}
@media(max-width:900px){
  .nav-inner{
    position:relative;
  }
  .nav-toggle{
    display:inline-flex !important;
  }
  .nav .links{
    display:none !important;
    position:absolute !important;
    top:calc(100% + .65rem) !important;
    left:0 !important;
    right:0 !important;
    background:#fffaf1 !important;
    border:1px solid #d8c5a8 !important;
    border-radius:18px !important;
    box-shadow:0 22px 55px rgba(38,31,24,.22) !important;
    padding:.75rem !important;
    z-index:100000 !important;
  }
  body.mobile-menu-open .nav .links{
    display:block !important;
  }
  .nav .links > a,
  .nav .links .nav-drop,
  .nav .links .site-dropdown{
    display:block !important;
    width:100% !important;
    margin:0 !important;
  }
  .nav .links > a,
  .nav .links .nav-drop-trigger,
  .nav .links .site-dropbtn{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    width:100% !important;
    padding:.85rem .9rem !important;
    border-radius:12px !important;
    text-decoration:none !important;
    font-weight:900 !important;
    color:#231f20 !important;
    background:transparent !important;
    border:0 !important;
    text-align:left !important;
  }
  .nav .links > a:hover,
  .nav .links .nav-drop-trigger:hover,
  .nav .links .site-dropbtn:hover{
    background:#f1e3ca !important;
    color:#8f6a2a !important;
  }
  .nav .links .nav-drop-menu,
  .nav .links .site-dropmenu{
    display:none !important;
    position:static !important;
    top:auto !important;
    left:auto !important;
    min-width:0 !important;
    background:#f6f0e6 !important;
    border:1px solid #e1d3be !important;
    box-shadow:none !important;
    border-radius:14px !important;
    margin:.15rem .35rem .55rem !important;
    padding:.35rem !important;
  }
  .nav .links .nav-drop.open .nav-drop-menu,
  .nav .links .site-dropdown.open .site-dropmenu{
    display:block !important;
  }
  .nav .links .nav-drop-menu a,
  .nav .links .site-dropmenu a{
    display:block !important;
    padding:.7rem .85rem !important;
    border-radius:10px !important;
    color:#231f20 !important;
    text-decoration:none !important;
    font-weight:800 !important;
  }
  .nav .links .nav-drop-menu a:hover,
  .nav .links .site-dropmenu a:hover{
    background:#fffaf1 !important;
    color:#8f6a2a !important;
  }
  .mobile-menu-backdrop{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.12);
    z-index:40;
  }
  body.mobile-menu-open .mobile-menu-backdrop{
    display:block;
  }
}


/* ============================================================================
   PHASE 1 CONSOLIDATION (2026-07)
   1. Canonical design tokens — single source of truth for the palette.
      Pages currently redeclare these in scoped :root blocks; as pages are
      migrated, delete their local declarations and rely on these.
   2. Navigation + dropdown styles moved here from the inline <style> block
      that previously lived in header.php.
   3. Server-rendered admin shortcut bar (replaces V31B–V38 JS injectors).
   ============================================================================ */

:root{
  /* Canonical palette — aligned to the newer editorial page styles */
  --charcoal:#231F20;
  --charcoal-soft:#332D2B;
  --ink:#171412;
  --gold:#8F6A2A;
  --gold-light:#B08D57;
  --gold-bright:#D4AF37;
  --linen:#F5F0E7;
  --linen-dark:#EAE0CC;
  --paper:#FFFAF1;
  --grey:#D9D9D9;
  --timber:#7A5E42;
  --muted:#766B5E;
  --line:#E1D3BE;
  --soft:#EFE3D1;
  --danger:#9F3E38;
}

/* --- Dropdown navigation (moved from header.php inline styles) --- */
.links{gap:1rem!important}
.links .nav-drop{position:relative!important;display:inline-flex!important;align-items:center!important;padding:.75rem 0!important}
.links .nav-drop-trigger{display:inline-flex!important;align-items:center!important;gap:.25rem!important;text-decoration:none!important;color:inherit!important;font-weight:700!important;cursor:pointer!important;background:transparent!important;border:0!important;font:inherit!important;padding:0!important}
.links .nav-drop-trigger:hover{color:var(--gold)!important}
.links .nav-drop-menu{display:none!important;position:absolute!important;top:100%!important;margin-top:0!important;left:-.85rem!important;min-width:270px!important;background:var(--paper)!important;border:1px solid #d8c5a8!important;border-radius:14px!important;box-shadow:0 18px 45px rgba(38,31,24,.2)!important;padding:.45rem!important;z-index:99999!important}
.links .nav-drop-menu.wide{min-width:310px!important}
.links .nav-drop:hover .nav-drop-menu,.links .nav-drop:focus-within .nav-drop-menu,.links .nav-drop.open .nav-drop-menu,.links .nav-drop-menu:hover{display:block!important}
.links .nav-drop:after{content:""!important;position:absolute!important;left:-1rem!important;right:-1rem!important;top:100%!important;height:14px!important;background:transparent!important}
.links .nav-drop-menu a{display:block!important;padding:.72rem .85rem!important;border-radius:10px!important;white-space:nowrap!important;color:var(--charcoal)!important;text-decoration:none!important;font-weight:800!important;font-size:.86rem!important}
.links .nav-drop-menu a:hover{background:#f1e3ca!important;color:var(--gold)!important}
.links .nav-menu-heading{display:block!important;padding:.7rem .85rem .35rem!important;font-family:'IBM Plex Mono',monospace!important;font-size:.68rem!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--gold)!important}
.links .nav-menu-rule{height:1px;background:var(--line);margin:.35rem .55rem!important}
.links .nav-drop-trigger:focus-visible,.links a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}

/* Mobile nav toggle */
.nav-toggle{display:none;align-items:center;justify-content:center;gap:.45rem;border:1px solid var(--line);background:var(--paper);color:var(--charcoal);border-radius:999px;padding:.65rem .85rem;font-weight:900;cursor:pointer}
.nav-toggle .bars{display:inline-grid;gap:3px}
.nav-toggle .bars span{display:block;width:18px;height:2px;background:currentColor;border-radius:99px}
.mobile-menu-backdrop{display:none}

@media(max-width:980px){
  .nav-inner{position:relative}
  .nav-toggle{display:inline-flex!important}
  .nav .links{display:none!important;position:absolute!important;top:calc(100% + .65rem)!important;left:0!important;right:0!important;background:var(--paper)!important;border:1px solid #d8c5a8!important;border-radius:18px!important;box-shadow:0 22px 55px rgba(38,31,24,.22)!important;padding:.75rem!important;z-index:100000!important;max-height:calc(100vh - 120px)!important;overflow:auto!important}
  body.mobile-menu-open .nav .links{display:block!important}
  .nav .links>a,.nav .links .nav-drop{display:block!important;width:100%!important}
  .nav .links>a,.nav .links .nav-drop-trigger{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;padding:.85rem .9rem!important;border-radius:12px!important;text-decoration:none!important;font-weight:900!important;color:var(--charcoal)!important;background:transparent!important;border:0!important;text-align:left!important}
  .nav .links>a:hover,.nav .links .nav-drop-trigger:hover{background:#f1e3ca!important;color:var(--gold)!important}
  .nav .links .nav-drop{padding:0!important}
  .nav .links .nav-drop:after{display:none!important}
  .nav .links .nav-drop-menu,.nav .links .nav-drop-menu.wide{display:none!important;position:static!important;top:auto!important;left:auto!important;min-width:0!important;background:#f6f0e6!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:14px!important;margin:.15rem .35rem .55rem!important;padding:.35rem!important}
  .nav .links .nav-drop.open .nav-drop-menu{display:block!important}
  .nav .links .nav-drop-menu a{display:block!important;padding:.7rem .85rem!important;border-radius:10px!important;color:var(--charcoal)!important;text-decoration:none!important;font-weight:800!important;white-space:normal!important}
  .mobile-menu-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.12);z-index:40}
  body.mobile-menu-open .mobile-menu-backdrop{display:block}
}

/* --- Admin shortcut bar (server-rendered, admins only) --- */
.jc-admin-bar{display:flex;gap:.9rem;flex-wrap:wrap;align-items:center;justify-content:center;padding:.55rem .75rem;background:#241f1a;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);font-family:Inter,Arial,sans-serif}
.jc-admin-bar-group{display:inline-flex;gap:.4rem;flex-wrap:wrap;align-items:center;padding-right:.9rem;border-right:1px solid rgba(255,255,255,.12)}
.jc-admin-bar-group:last-child{border-right:0;padding-right:0}
.jc-admin-bar a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fffaf1;background:rgba(255,255,255,.08);border:1px solid rgba(212,175,55,.35);border-radius:999px;padding:.42rem .72rem;font-size:.8rem;font-weight:900;line-height:1.1}
.jc-admin-bar a:hover{background:var(--gold);color:#fffaf1}
.nav-admin-link{color:var(--gold)!important}
@media(max-width:720px){
  .jc-admin-bar{justify-content:flex-start;overflow:auto;flex-wrap:nowrap}
  .jc-admin-bar-group{flex-wrap:nowrap}
  .jc-admin-bar a{white-space:nowrap}
}


/* ============================================================================
   PHASE 3 — Local landing pages (.jc-landing component set)
   ============================================================================ */
.jc-landing{font-family:'Inter',sans-serif;color:var(--charcoal);line-height:1.65}
.jc-landing .wrap{max-width:1180px;margin:0 auto;padding:0 1.5rem}
.jc-landing .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:.6rem}
.jc-landing h1,.jc-landing h2,.jc-landing h3{font-family:'Montserrat',sans-serif;font-weight:700;letter-spacing:-.01em}
.jc-landing .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.7rem;font-family:'IBM Plex Mono',monospace;font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;text-decoration:none;border-radius:2px;transition:all .2s ease}
.jc-landing .btn-primary{background:var(--gold);color:var(--linen);border:1.5px solid var(--gold)}
.jc-landing .btn-primary:hover{background:var(--charcoal);border-color:var(--charcoal)}
.jc-landing .btn-ghost-light{border:1.5px solid rgba(245,240,231,.5);color:var(--linen)}
.jc-landing .btn-ghost-light:hover{background:var(--linen);color:var(--charcoal)}
.jc-landing .lp-hero{background:radial-gradient(circle at 15% 15%,rgba(212,175,55,.22),transparent 34%),linear-gradient(135deg,#1c1815,#33271f);color:var(--linen);padding:5rem 0 3.5rem}
.jc-landing .lp-hero .eyebrow{color:var(--gold-light)}
.jc-landing .lp-hero h1{font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:1.08;margin:0 0 1.2rem}
.jc-landing .lp-hero h1 em{font-family:'Playfair Display',serif;font-style:italic;font-weight:600;color:var(--gold-light)}
.jc-landing .lp-hero p.lede{font-size:1.08rem;max-width:62ch;opacity:.88;margin:0 0 1.8rem}
.jc-landing .lp-ctas{display:flex;gap:1rem;flex-wrap:wrap}
.jc-landing .lp-split{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center;padding:4.5rem 0}
.jc-landing .lp-split img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.jc-landing .lp-split h2{font-size:clamp(1.8rem,3.4vw,2.5rem);margin:0 0 1rem}
.jc-landing .lp-split p{opacity:.85;margin:0 0 1rem}
.jc-landing .lp-services{background:var(--linen-dark);padding:4.5rem 0}
.jc-landing .lp-services h2{font-size:clamp(1.8rem,3.4vw,2.5rem);margin:0 0 2rem;max-width:640px}
.jc-landing .lp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:var(--grey);border:1px solid var(--grey)}
.jc-landing .lp-cell{background:var(--paper);padding:1.7rem 1.5rem}
.jc-landing .lp-cell .num{font-family:'IBM Plex Mono',monospace;font-size:.72rem;color:var(--gold);display:block;margin-bottom:.8rem}
.jc-landing .lp-cell h3{font-size:1rem;margin:0 0 .45rem}
.jc-landing .lp-cell p{font-size:.88rem;opacity:.75;margin:0}
.jc-landing .lp-trust{background:var(--charcoal);color:var(--linen);padding:2.6rem 0}
.jc-landing .lp-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.jc-landing .lp-trust-item{border-left:1px solid rgba(245,240,231,.2);padding-left:1.2rem}
.jc-landing .lp-trust-item h3{font-size:.98rem;font-weight:600;margin:0 0 .3rem}
.jc-landing .lp-trust-item p{font-size:.84rem;opacity:.72;margin:0}
.jc-landing .lp-faq{padding:4.5rem 0}
.jc-landing .lp-faq h2{font-size:clamp(1.8rem,3.4vw,2.5rem);margin:0 0 2rem}
.jc-landing .lp-faq details{background:var(--paper);border:1px solid var(--line);border-radius:6px;margin-bottom:.7rem;padding:0 1.2rem}
.jc-landing .lp-faq summary{cursor:pointer;font-weight:700;padding:1.1rem 0;font-family:'Montserrat',sans-serif;font-size:.98rem}
.jc-landing .lp-faq details p{margin:0 0 1.1rem;opacity:.82;font-size:.94rem}
.jc-landing .lp-cta-band{background:linear-gradient(135deg,#1c1815,#33271f);color:var(--linen);padding:4rem 0;text-align:center}
.jc-landing .lp-cta-band h2{font-size:clamp(1.9rem,3.8vw,2.8rem);margin:0 0 .8rem}
.jc-landing .lp-cta-band h2 em{font-family:'Playfair Display',serif;font-style:italic;font-weight:600;color:var(--gold-light)}
.jc-landing .lp-cta-band p{opacity:.82;margin:0 auto 1.6rem;max-width:56ch}
.jc-landing .lp-cta-band .lp-ctas{justify-content:center}
@media(max-width:900px){.jc-landing .lp-split{grid-template-columns:1fr;gap:1.6rem;padding:3rem 0}.jc-landing .lp-grid{grid-template-columns:1fr 1fr}.jc-landing .lp-trust-grid{grid-template-columns:1fr 1fr;row-gap:1.6rem}}
@media(max-width:560px){.jc-landing .lp-grid{grid-template-columns:1fr}}


/* ============================================================================
   PHASE 4 — Editorial unification + accessibility (2026-07)
   Standardises the legacy soft/rounded components on the sharper editorial
   dialect used by the newer pages, and fixes WCAG contrast/focus issues.
   Delete this whole block to roll back to the previous look.
   ============================================================================ */

:root{
  /* Radius scale — editorial */
  --r-xs:2px;   /* buttons, badges */
  --r-sm:4px;   /* images, notices */
  --r-md:6px;   /* cards, inputs, panels */
  --r-lg:10px;  /* dropdown menus, overlays */
  /* Accessible gold for SMALL text on light backgrounds (5.6:1 on linen).
     Keep --gold for buttons, large headings and decoration. */
  --gold-ink:#7A5A23;
}

/* --- Accessibility ------------------------------------------------------- */
.skip-link{position:absolute;left:-9999px;top:0;z-index:100001;background:var(--charcoal);color:var(--linen);padding:.8rem 1.2rem;font-family:'IBM Plex Mono',monospace;font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;text-decoration:none;border-radius:0 0 var(--r-sm) 0}
.skip-link:focus{left:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
::selection{background:var(--gold);color:var(--linen)}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
/* Small gold text: bump to the accessible shade */
.eyebrow,.eyebrow2,.links .nav-menu-heading{color:var(--gold-ink)!important}
.jc-home .eyebrow,.jc-products .eyebrow,.jc-landing .eyebrow{color:var(--gold-ink)}
/* gold-light is decoration-only on light backgrounds; on dark it passes AA */

/* Active nav state */
.links > a[aria-current="page"],.links .nav-drop.is-active .nav-drop-trigger{color:var(--gold-ink)!important;box-shadow:inset 0 -2px 0 var(--gold)}

/* --- Editorial component unification ------------------------------------- */
/* Buttons: mono caps, sharp radius — matches the newer page styles */
.btn{border-radius:var(--r-xs);font-family:'IBM Plex Mono',monospace;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:.85rem 1.5rem;transition:all .2s ease}
.btn-primary{background:var(--gold);color:var(--linen);border:1.5px solid var(--gold)}
.btn-primary:hover{background:var(--charcoal);border-color:var(--charcoal);color:var(--linen)}
.btn-ghost{border:1.5px solid var(--charcoal);color:var(--charcoal);background:transparent}
.btn-ghost:hover{background:var(--charcoal);color:var(--linen)}
.btn-light{border-radius:var(--r-xs)}

/* Cards & panels: hairline borders, restrained radius, calmer shadow */
.card{border-radius:var(--r-md);border-color:var(--line);box-shadow:0 8px 24px rgba(38,31,24,.05)}
.card img{border-radius:var(--r-sm)}
.panel{border-radius:var(--r-md)}
.loginbox{border-radius:var(--r-md)}
.hero-card{border-radius:var(--r-md)}
.hero-card img{border-radius:var(--r-sm)}
.showcase-card.main{border-radius:var(--r-md)}
.showcase-card.main img{border-radius:var(--r-sm)}
.floating-card{border-radius:var(--r-md)}
.callout-panel{border-radius:var(--r-md)}

/* Forms: consistent inputs with a visible focus ring */
.form input,.form textarea,.form select{border-radius:var(--r-md);border-color:var(--line)}
.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--gold);outline:2px solid var(--gold);outline-offset:0}
.form label{font-weight:700}

/* Tables: editorial header row */
.table{border-radius:var(--r-md)}
.table th{font-family:'IBM Plex Mono',monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gold-ink);background:var(--soft)}

/* Badges, pills, refs: sharp + mono */
.badge,.status-pill{border-radius:var(--r-xs);font-family:'IBM Plex Mono',monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--gold-ink)}
.quote-ref{border-radius:var(--r-xs)}
.notice{border-radius:var(--r-sm)}
.list div{border-radius:var(--r-sm)}

/* Dropdown + mobile menus: tighter radius to match */
.links .nav-drop-menu{border-radius:var(--r-lg)!important}
.links .nav-drop-menu a{border-radius:var(--r-sm)!important}
@media(max-width:980px){
  .nav .links{border-radius:var(--r-lg)!important}
  .nav .links .nav-drop-menu,.nav .links .nav-drop-menu.wide{border-radius:var(--r-md)!important}
  .nav .links>a,.nav .links .nav-drop-trigger{border-radius:var(--r-sm)!important}
  .nav .links .nav-drop-menu a{border-radius:var(--r-xs)!important}
}

/* ============================================================================
   ADMIN NAV DROPDOWN (consolidated from the old separate admin shortcut bar)
   ============================================================================ */
.nav-drop-admin .nav-drop-menu.wide{min-width:230px;max-height:80vh;overflow-y:auto}
.nav-drop-admin .nav-admin-link{color:var(--gold-ink,#7A5A23)!important}