:root{--bg:#fffdf9;--card:#ffffff;--line:#e7ddcf;--ink:#241b14;--muted:#76695b;--gold:#c39a54;--gold-2:#e0bd7e;--toolbar:#171310;--toolbar-2:#221a14}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.55}
h1,h2,h3{font-family:var(--font-ui,'Segoe UI',system-ui,-apple-system,sans-serif);letter-spacing:-.02em}
a{color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 1rem}
.top{background:linear-gradient(180deg,var(--toolbar),var(--toolbar-2));border-bottom:1px solid #3c2f24}
.top .wrap{height:74px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.top img{height:44px;width:auto}
.top nav{display:flex;gap:.65rem;flex-wrap:wrap}
.top nav a{text-transform:uppercase;font-size:.79rem;letter-spacing:.06em;color:#f2eadf;text-decoration:none;border:1px solid #4a3a2d;border-radius:12px;padding:.4rem .72rem}
.top nav a:hover{border-color:var(--gold);color:var(--gold-2)}
.crumbs{font-size:.88rem;color:var(--muted);padding:1rem 0 .35rem}
.crumbs a{text-decoration:underline;text-underline-offset:3px}
.hero{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.15rem 1rem 1.2rem}
.hero h1{margin:.1rem 0 .4rem;font-size:2rem;line-height:1.08;font-family:var(--font-ui,'Segoe UI',system-ui,-apple-system,sans-serif);letter-spacing:-.02em}
.hero p{margin:.35rem 0;color:var(--muted);font-size:1.01rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-top:1rem}
.card{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none}
.card:hover{border-color:var(--gold)}
.card img{width:100%;height:170px;object-fit:cover;display:block;background:#f4efe6}
.card .b{padding:.85rem .9rem}
.eyebrow{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}
.price{font-weight:700;font-size:1.2rem;font-family:Georgia,serif}
.muted{color:var(--muted)}
.brand-directory-hero{background:#f8f3ec;padding:1.6rem 1.6rem 1.7rem}
.brand-directory-hero h1{font-family:Georgia,serif;font-size:2.3rem;line-height:1.08;letter-spacing:0}
.brand-directory-hero p{max-width:68ch;font-size:1rem;line-height:1.7}
.brand-directory{margin-top:2rem}
.brand-directory>h2{margin:0 0 .2rem;font-family:Georgia,serif;font-size:1.5rem;line-height:1.2;letter-spacing:0}
.brand-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.brand-directory-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.brand-directory-card:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 9px 22px rgba(36,27,20,.08)}
.brand-directory-card img{height:auto;aspect-ratio:1.45;object-fit:cover}
.brand-directory-card h3{margin:.05rem 0 .5rem;font-family:Georgia,serif;font-size:1.5rem;line-height:1.18;letter-spacing:0}
.brand-directory-card .b{padding:1rem}
.brand-card-count{display:block;margin-top:.8rem;font-size:.8rem;font-weight:700;color:var(--ink)}
.brand-card-groups{margin:.3rem 0 0;font-size:.8rem;line-height:1.5}
.brand-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:1.6rem;align-items:stretch;padding:1.5rem;background:#f8f3ec}
.brand-hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:.35rem}
.brand-hero h1{font-family:Georgia,serif;font-size:2.3rem;line-height:1.08;letter-spacing:0}
.brand-hero p{max-width:62ch;font-size:1rem;line-height:1.7}
.brand-hero-media{min-height:300px;overflow:hidden;border-radius:8px;background:#fff9ec}
.brand-hero-media img{display:block;width:100%;height:100%;min-height:300px;max-height:430px;object-fit:cover}
.brand-hero-empty{display:grid;align-content:center;justify-items:start;gap:.75rem;height:100%;min-height:300px;padding:1.5rem}
.brand-hero-empty p{margin:0;max-width:34ch;font-size:1rem;font-weight:600;color:var(--ink)}
.brand-empty-link{font-weight:700;color:var(--ink);text-decoration-color:var(--gold);text-underline-offset:3px}
.brand-image-caption{margin:0;padding:.55rem .75rem;color:var(--muted);font-size:.8rem;line-height:1.45}
.brand-hero-categories{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}
.brand-hero-categories h2{margin:0 0 .55rem;font-family:inherit;font-size:1rem;line-height:1.3;letter-spacing:0}
.brand-category-links{display:flex;flex-wrap:wrap;gap:.45rem 1rem}
.brand-category-links a{padding:.2rem 0;border-bottom:1px solid var(--gold);text-decoration:none;font-weight:700}
.brand-category-links a:hover{text-decoration:underline;text-underline-offset:3px}
.brand-section{margin-top:2.25rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.brand-section>h2{margin:0 0 .85rem;font-family:Georgia,serif;font-size:1.5rem;line-height:1.2;letter-spacing:0}
.brand-advice-content{max-width:78ch}
.brand-advice-content ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;margin:0;padding:0}
.brand-advice-content li{padding-top:.65rem;border-top:2px solid var(--gold);line-height:1.65}
.brand-intro-note{max-width:72ch;margin:.1rem 0 .75rem;color:var(--muted);line-height:1.65}
.brand-rail-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap;margin-bottom:.6rem}
.brand-section>.brand-rail-head h2{margin:0;font-family:Georgia,serif;font-size:1.5rem;line-height:1.2;letter-spacing:0}
.brand-rail-meta{color:var(--muted);font-size:.875rem;font-variant-numeric:tabular-nums}
.brand-rail-meta b{color:var(--ink)}
.brand-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:.8rem}
.brand-products .notice{grid-column:1/-1}
.brand-products .brand-product-card{display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.brand-products .brand-product-card:hover{transform:translateY(-2px);border-color:#d8c4a2;box-shadow:0 12px 28px rgba(36,27,20,.1)}
.brand-products .brand-product-card .tl-wishlist-media{position:relative;border-bottom:1px solid var(--line);background:#fff}
.brand-products .brand-product-card img{height:auto;aspect-ratio:4/3;object-fit:contain;padding:.5rem;background:#fff}
.brand-products .brand-product-card .b{display:flex;flex-direction:column;gap:.35rem;flex:1;padding:.95rem 1rem 1.1rem}
.brand-product-label{font-size:.75rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#8f6a2c}
.brand-products .brand-product-card h3{margin:0;font-size:1rem;font-weight:600;line-height:1.38;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.brand-product-price{margin:auto 0 0;padding-top:.6rem;display:flex;align-items:baseline;gap:.4rem}
.brand-product-price b{font-size:1.2rem;font-variant-numeric:tabular-nums}
.brand-product-price span{font-size:.8rem;color:var(--muted)}
.brand-product-go{margin-top:.7rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--gold);color:#241b0b;font-weight:700;font-size:.875rem;padding:.7rem .9rem;border-radius:8px;transition:background .2s ease,gap .2s ease}
.brand-product-card:hover .brand-product-go{background:var(--gold-2);gap:.6rem}
.brand-product-go svg,.brand-all-link svg{width:1.1em;height:1.1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.brand-rail-foot{margin-top:1rem}
.brand-all-link{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;font-weight:700;font-size:.875rem;color:#8f6a2c;text-decoration:none;border-bottom:1px solid var(--line);transition:border-color .2s ease,gap .2s ease}
.brand-all-link:hover{border-color:var(--gold);gap:.6rem}
.brand-related-section .grid{margin-top:0}
.brand-faq{max-width:78ch}
.brand-faq details{padding:.8rem 0;border-bottom:1px solid var(--line)}
.brand-faq details:first-child{border-top:1px solid var(--line)}
.brand-faq summary{font-weight:700;cursor:pointer}
.brand-faq details p{margin:.55rem 0 0;color:var(--muted);line-height:1.65}
@media(prefers-reduced-motion:reduce){.brand-directory-card,.brand-products .brand-product-card{transition:none}.brand-directory-card:hover,.brand-products .brand-product-card:hover{transform:none}}
.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem 1rem 1.05rem;margin-top:1rem}
.filters{display:flex;gap:.45rem;flex-wrap:wrap}
.filters button{background:transparent;border:1px solid var(--line);border-radius:999px;padding:.36rem .8rem;cursor:pointer}
.filters button.on{background:var(--gold);border-color:var(--gold);color:#241b0b}
.list{margin:.3rem 0 0;padding-left:1rem}
.btn{display:inline-block;background:var(--gold);color:#241b0b;text-decoration:none;border-radius:8px;padding:.75rem 1rem;font-weight:700}
.btn:hover{background:var(--gold-2)}
.btn.btn-quiet{background:#f7f1e6;border:1px solid var(--line);color:#63491f}
.btn.btn-quiet:hover{background:#eee1c7}
.pdp-compare-button{display:inline-flex;align-items:center;justify-content:center;margin-top:.7rem;background:transparent;border:1px solid var(--line);border-radius:8px;padding:.72rem .98rem;font:inherit;font-weight:700;color:var(--ink);cursor:pointer}
.pdp-compare-button:hover,.pdp-compare-button:focus-visible{border-color:var(--gold);background:#fff8ef;outline:none}
.pdp-compare-button.is-active{background:var(--gold);border-color:var(--gold);color:#241b0b}
.compare-selection{display:grid;gap:1rem}
.compare-selection-empty-state{display:grid;gap:1rem}
.compare-selection-head--empty{align-items:flex-start}
.compare-selection-head--empty .btn{flex:0 0 auto;white-space:nowrap}
.compare-selection-empty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.compare-selection-empty-card{background:linear-gradient(180deg,#fff, #fcf7ef);border:1px solid var(--line);border-radius:16px;padding:1rem 1rem 1.05rem;box-shadow:0 10px 24px rgba(24,18,14,.04)}
.compare-selection-empty-card h3{margin:.1rem 0 .4rem;font-family:var(--font-ui,'Segoe UI',system-ui,-apple-system,sans-serif);font-size:1.18rem;line-height:1.16;letter-spacing:-.02em}
.compare-selection-empty-card p{margin:0;color:var(--muted);line-height:1.6}
.compare-step{display:inline-flex;align-items:center;justify-content:center;margin-bottom:.7rem;background:#f4eadb;border:1px solid #e0d1ba;border-radius:999px;padding:.3rem .65rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.11em;color:#5a4735}
.compare-selection-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}
.compare-selection-stat{background:linear-gradient(180deg,#fff,#fbf5eb);border:1px solid var(--line);border-radius:14px;padding:.95rem .95rem .9rem}
.compare-selection-stat span{display:block;color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.1em}
.compare-selection-stat strong{display:block;margin:.25rem 0 .22rem;font-size:1.05rem;line-height:1.2;font-weight:700}
.compare-selection-stat small{display:block;color:var(--muted);font-size:.88rem;line-height:1.5}
.compare-stage{display:grid;gap:1rem;--compare-stage-columns:minmax(220px,.82fr) minmax(0,1fr) minmax(0,1fr)}
.compare-stage-top{display:grid;grid-template-columns:var(--compare-stage-columns);gap:0;align-items:stretch;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card)}
.compare-stage-intro{display:grid;align-content:start;gap:.65rem;padding:1rem 1rem 1.05rem;background:#fbf7f0;border-right:1px solid var(--line)}
.compare-stage-kicker{display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.compare-stage-intro h3{margin:0;font-size:1.1rem;line-height:1.18;letter-spacing:-.02em}
.compare-stage-intro p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.65}
.compare-selection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.compare-selection-card{display:grid;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.compare-selection-card img{width:100%;height:190px;object-fit:cover;display:block;background:#f4efe6}
.compare-selection-card .b{padding:.95rem}
.compare-selection-card--stage{height:100%;border:0;border-left:1px solid var(--line);border-radius:0}
.compare-selection-card--stage .b{display:grid;align-content:start;min-height:100%}
.compare-selection-card h3{margin:.08rem 0 .42rem;font-family:var(--font-ui,'Segoe UI',system-ui,-apple-system,sans-serif);font-size:1.28rem;line-height:1.16;letter-spacing:-.02em}
.compare-selection-card .meta{margin:.15rem 0 .65rem;color:var(--muted)}
.compare-selection-description{margin:0 0 .95rem;color:#3b3026;font-size:.97rem;line-height:1.68;max-width:62ch}
.compare-selection-card .actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:auto;padding-top:.4rem}
.compare-selection-tools{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.compare-selection-head h2{font-family:var(--font-ui,'Segoe UI',system-ui,-apple-system,sans-serif)!important;font-size:clamp(1.4rem,2.1vw,1.9rem);line-height:1.12;letter-spacing:-.02em}
.compare-selection-head p{max-width:56ch;font-size:1rem;line-height:1.65;font-family:var(--font-ui,'Segoe UI',system-ui,-apple-system,sans-serif)}
.compare-selection-note--empty{max-width:72ch}
.compare-selection-empty,.compare-selection-note{color:var(--muted);font-size:.96rem;line-height:1.68}
.compare-hero{display:grid;gap:.85rem}
.compare-hero h1{font-family:var(--font-ui,'Segoe UI',system-ui,-apple-system,sans-serif)!important;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.12;letter-spacing:-.02em;max-width:16ch}
.compare-hero p{font-size:1rem;line-height:1.65;max-width:70ch;font-family:var(--font-ui,'Segoe UI',system-ui,-apple-system,sans-serif)}
.compare-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:1rem}
.compare-summary .stat{background:linear-gradient(180deg,#fff, #fbf5eb);border:1px solid var(--line);border-radius:14px;padding:.95rem .95rem .9rem}
.compare-summary .stat span{display:block;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-ui,'Segoe UI',system-ui,-apple-system,sans-serif)}
.compare-summary .stat strong{display:block;font-size:1.05rem;margin:.25rem 0 .2rem;font-family:var(--font-ui,'Segoe UI',system-ui,-apple-system,sans-serif);line-height:1.2}
.compare-note{display:block;color:var(--muted);font-size:.9rem;line-height:1.5}
.compare-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}
.compare-card .b{padding:1rem 1rem 1.05rem}
.compare-ribbon{display:flex;flex-wrap:wrap;gap:.45rem;margin:.75rem 0 .7rem}
.compare-pill{display:inline-flex;align-items:center;justify-content:center;background:#f4eadb;border:1px solid #e0d1ba;border-radius:999px;padding:.28rem .6rem;font-size:.74rem;font-weight:700;color:#5a4735}
.compare-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .85rem;margin:.85rem 0 0}
.compare-meta div{border-top:1px solid var(--line);padding-top:.5rem}
.compare-meta dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-family:var(--font-ui,'Segoe UI',system-ui,-apple-system,sans-serif)}
.compare-meta dd{margin:.2rem 0 0;font-weight:700;font-family:var(--font-ui,'Segoe UI',system-ui,-apple-system,sans-serif);line-height:1.4}
.compare-cta{margin:1rem 0 0}
.compare-selection-matrix-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.85rem}
.compare-selection-matrix-head h3{margin:0;font-size:1.02rem;line-height:1.2;letter-spacing:-.01em}
.compare-selection-matrix-head p{margin:.2rem 0 0;color:var(--muted);font-size:.95rem;line-height:1.6;max-width:62ch}
.compare-matrix{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.compare-row{display:grid;grid-template-columns:var(--compare-stage-columns,minmax(220px,.82fr) minmax(0,1fr) minmax(0,1fr))}
.compare-row > div{padding:.82rem .9rem;border-top:1px solid var(--line)}
.compare-row:first-child > div{border-top:0}
.compare-row > div:nth-child(1){background:#fbf7f0;font-weight:700}
.compare-row > div:nth-child(2),.compare-row > div:nth-child(3){border-left:1px solid var(--line)}
.compare-row > div:nth-child(2),.compare-row > div:nth-child(3){background:#fff}
.compare-row > div:nth-child(2) strong,.compare-row > div:nth-child(3) strong{display:block;max-width:28ch;font-family:var(--font-ui,'Segoe UI',system-ui,-apple-system,sans-serif);font-weight:700;line-height:1.45}
.compare-verdict{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}
.compare-callout{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem 1rem 1.05rem}
.compare-callout h3{margin:.05rem 0 .45rem;font-family:var(--font-ui,'Segoe UI',system-ui,-apple-system,sans-serif);font-size:1rem;line-height:1.2;letter-spacing:-.01em}
.compare-callout p{margin:.35rem 0;color:var(--muted);font-size:.96rem;line-height:1.7}
.compare-callout ul{margin:.4rem 0 0;padding-left:1rem;font-size:.95rem;line-height:1.65}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.notice{font-size:.86rem;color:var(--muted)}
footer{margin:2rem 0 1rem;color:var(--muted);font-size:.84rem}
@media(max-width:900px){
  .wrap{padding:0 .9rem}
  .hero{padding:1rem .9rem 1.05rem}
  .hero h1{font-size:1.75rem}
  .hero p{font-size:.97rem}
  .brand-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brand-products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brand-hero{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:1rem;padding:1rem}
  .brand-hero h1{font-size:2rem}
}
@media(max-width:800px){
  .twocol{grid-template-columns:1fr}
  .top .wrap{height:auto;align-items:flex-start;padding:.7rem .95rem}
  .top img{height:38px}
  .top nav{width:100%;overflow:auto;white-space:nowrap;flex-wrap:nowrap;padding-bottom:.2rem}
  .top nav a{font-size:.72rem;padding:.38rem .64rem}
  .crumbs{font-size:.8rem;padding:.75rem 0 .28rem;line-height:1.45}
  .brand-hero{grid-template-columns:1fr}
  .brand-hero-media,.brand-hero-media img{min-height:230px;max-height:320px}
  .brand-advice-content ul{grid-template-columns:1fr}
  .brand-section{margin-top:1.7rem;padding-top:1.2rem}
  .hero h1{font-size:1.5rem;line-height:1.1}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
  .card img{height:145px}
  .card .b{padding:.72rem .75rem}
  .panel{padding:.85rem .8rem .92rem}
  .compare-selection-summary{grid-template-columns:1fr}
  .compare-stage-top{grid-template-columns:1fr}
  .compare-selection-grid{grid-template-columns:1fr}
  .compare-selection-empty-grid{grid-template-columns:1fr}
  .compare-selection-card img{height:170px}
  .compare-selection-head h2{font-size:1.55rem}
  .compare-selection-tools{width:100%}
  .compare-selection-tools .btn{flex:1 1 auto;text-align:center;justify-content:center}
  .compare-summary{grid-template-columns:1fr}
  .compare-products,.compare-verdict{grid-template-columns:1fr}
  .compare-row{grid-template-columns:1fr}
  .compare-row > div{padding:.72rem .78rem;border-left:0}
  .compare-meta{grid-template-columns:1fr}
  .price{font-size:1.08rem}
  .btn{padding:.7rem .92rem;font-size:.92rem}
  .list{padding-left:.95rem}
}
@media(max-width:560px){
  .wrap{padding:0 .78rem}
  .hero{padding:.9rem .78rem .95rem}
  .hero h1{font-size:1.34rem;line-height:1.1}
  .hero p{font-size:.93rem}
  .grid{grid-template-columns:1fr;gap:.72rem}
  .card img{height:170px}
  .filters{gap:.38rem}
  .filters button{padding:.32rem .68rem;font-size:.86rem}
  .panel{padding:.78rem .72rem .85rem}
  .notice,footer{font-size:.8rem}
}
@media(max-width:420px){
  .brand-products{grid-template-columns:1fr}
}