:root{--ink:#171815;--muted:#6c6f68;--cream:#f5f1e9;--paper:#fbfaf7;--gold:#a6813d;--green:#173e31;--line:#ded8cc;--shadow:0 24px 70px rgba(25,24,20,.10)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
    a{color:inherit}.wrap{width:min(1180px,calc(100% - 34px));margin:auto}.top{position:sticky;top:0;z-index:10;background:rgba(251,250,247,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(222,216,204,.8)}
    .nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:900;letter-spacing:-.035em;font-size:1.2rem}.brand small{display:block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#8b7a54;margin-top:2px}.live{display:inline-flex;align-items:center;gap:8px;border:1px solid #d9d2c5;background:#fff;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:800}.dot{width:8px;height:8px;border-radius:50%;background:#248a5b;box-shadow:0 0 0 5px rgba(36,138,91,.11)}
    .hero{padding:54px 0 72px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:50px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:.75rem;color:#8a7547}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,6vw,5.7rem);font-weight:500;letter-spacing:-.055em;line-height:.92;margin:14px 0 22px}.lede{font-size:1.08rem;line-height:1.7;color:#5f615b;max-width:650px}
    .chips{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 28px}.chip{border:1px solid var(--line);border-radius:999px;padding:9px 12px;background:#fff;font-size:.85rem;font-weight:800}.status{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:11px 15px;font-weight:900;font-size:.9rem}.status.available,.status.low_stock{background:#e9f5ee;color:#195b3c}.status.short_term,.status.available_from,.status.in_production{background:#fff2d7;color:#765315}.status.unavailable{background:#f6e9e9;color:#7b3b3b}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
    .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.btn{appearance:none;border:1px solid var(--ink);background:var(--ink);color:#fff;padding:13px 18px;border-radius:999px;text-decoration:none;font-weight:900;font-size:.9rem}.btn.secondary{background:transparent;color:var(--ink)}
    .gallery{position:relative}.main-img{background:#eee8dc;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:1/1}.main-img img{width:100%;height:100%;display:block;object-fit:cover}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.thumb{appearance:none;border:1px solid var(--line);background:#fff;padding:0;border-radius:15px;overflow:hidden;aspect-ratio:1/1;cursor:pointer}.thumb.active{outline:3px solid rgba(166,129,61,.22);border-color:#b99a58}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.placeholder{height:100%;display:grid;place-items:center;color:#89867d;padding:30px;text-align:center;background:linear-gradient(135deg,#eee7db,#f7f2e9)}
    .section{padding:74px 0;border-top:1px solid var(--line)}.section h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(2rem,4vw,3.7rem);letter-spacing:-.045em;margin:0 0 16px}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.fact{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.fact b{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:#8b7b5e;margin-bottom:10px}.fact span{font-size:1.05rem;font-weight:800}.copy-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:start}.note{border-left:3px solid #b08d46;padding-left:18px;color:#62645d;line-height:1.7}.media-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.media-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}.media-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.media-card .cap{padding:15px 16px}.media-card b{display:block}.media-card small{color:var(--muted)}
    .source{margin:48px 0 26px;padding:14px 16px;background:#f0ede6;border:1px solid var(--line);border-radius:16px;color:#66675f;font-size:.82rem}.error{margin:70px auto;max-width:760px;background:#fff;border:1px solid #e1caca;border-radius:24px;padding:28px;box-shadow:var(--shadow)}.error h1{font-family:Georgia,serif}.error code{background:#f4f0e9;border-radius:8px;padding:2px 6px}.hidden{display:none!important}
    @media(max-width:900px){.hero-grid,.copy-grid{grid-template-columns:1fr}.gallery{order:-1}.facts{grid-template-columns:repeat(2,1fr)}.media-strip{grid-template-columns:1fr 1fr}.hero{padding-top:28px}}
    @media(max-width:560px){.wrap{width:min(100% - 22px,1180px)}.nav{height:64px}.live{font-size:.7rem}.hero h1{font-size:3.1rem}.facts,.media-strip{grid-template-columns:1fr}.thumbs{grid-template-columns:repeat(3,1fr)}.section{padding:52px 0}.hero{padding-bottom:52px}}

.brand,.live{text-decoration:none}

.color-reference{margin:14px 0 0;color:#777970;font-size:.78rem;line-height:1.5;max-width:620px}
.section-soft{background:#f4f0e8}
.reassurance-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;align-items:start}
.reassurance-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.reassurance-list span{display:grid;gap:5px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px}
.reassurance-list b{font-size:.9rem}.reassurance-list small{color:var(--muted);line-height:1.45}
.mobile-detail-cta{display:none}
@media(max-width:900px){
  .reassurance-grid{grid-template-columns:1fr}
  .reassurance-list{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:560px){
  body{padding-bottom:64px}
  .reassurance-list{grid-template-columns:1fr}
  .mobile-detail-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:9px 12px;background:rgba(251,250,247,.94);backdrop-filter:blur(12px);border-top:1px solid var(--line)}
  .mobile-detail-cta a{display:flex;align-items:center;justify-content:center;text-decoration:none;background:var(--green);color:#fff;border-radius:999px;padding:12px 16px;font-size:.82rem;font-weight:900}
}

.detail-footer{border-top:1px solid var(--line);background:#f4f0e8;padding:30px 0 40px}
.detail-footer-grid{display:flex;align-items:flex-start;justify-content:space-between;gap:28px}
.detail-footer-grid>div:first-child{display:grid;gap:5px}
.detail-footer-grid strong{font-size:.95rem}
.detail-footer-grid span{color:var(--muted);font-size:.8rem}
.detail-footer-grid>div:last-child{display:flex;gap:18px;flex-wrap:wrap}
.detail-footer-grid a{text-decoration:none;color:#656861;font-size:.8rem;font-weight:750}
.detail-footer-grid a:hover{color:var(--green)}
@media(max-width:560px){
  .detail-footer-grid{display:grid}
  .detail-footer-grid>div:last-child{gap:12px 18px}
}

.brand-logo{display:block;width:190px;height:auto;max-height:62px;object-fit:contain;object-position:left center}
@media(max-width:560px){.brand-logo{width:154px;max-height:52px}}


/* Compact heritage header on individual colour pages. */
.top .nav{height:82px}
.detail-brand{display:grid;gap:0;width:218px;text-decoration:none}
.detail-brand .brand-mark{height:54px;overflow:hidden}
.detail-brand .brand-logo{display:block;width:212px;height:auto;max-height:none;transform:translateY(-1px)}
.detail-brand .brand-strap{margin:-1px 0 0 14px;color:#8d7544;font-size:.48rem;font-weight:900;letter-spacing:.18em;white-space:nowrap}
@media(max-width:560px){
  .top .nav{height:76px}
  .detail-brand{width:180px}
  .detail-brand .brand-mark{height:44px}
  .detail-brand .brand-logo{width:176px}
  .detail-brand .brand-strap{margin-left:7px;font-size:.4rem;letter-spacing:.14em}
}


/* Modern primary wordmark; historical script is reserved for the heritage story. */
.detail-brand{width:auto;min-width:184px;gap:2px}
.detail-brand .brand-modern-name{display:block;font-size:1.26rem;line-height:1;font-weight:900;letter-spacing:-.045em;color:var(--ink)}
.detail-brand .brand-strap{margin:5px 0 0;color:#8d7544;font-size:.47rem;font-weight:900;letter-spacing:.18em;white-space:nowrap}
.detail-brand .brand-mark,.detail-brand .brand-logo{display:none!important}
@media(max-width:560px){
  .detail-brand{min-width:158px}
  .detail-brand .brand-modern-name{font-size:1.12rem}
  .detail-brand .brand-strap{margin-left:0;font-size:.4rem;letter-spacing:.145em}
}