@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Manrope:wght@400;500;600&display=swap');
:root{--ink:#211919;--cream:#f2ede4;--paper:#faf8f3;--plum:#582c39;--gold:#a17a4e;--gold2:#d5bd96;--muted:#746a65;--line:#d9d0c4;--serif:"Cormorant Garamond",Georgia,serif;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}button,a{font:inherit}button{cursor:pointer}a{color:inherit}header{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #21191914;position:sticky;top:0;background:#faf8f3ee;backdrop-filter:blur(16px);z-index:10}.brand img{display:block;width:218px;height:auto}nav{display:flex;gap:34px}nav a,.actions a{position:relative;text-decoration:none;font-size:12px;letter-spacing:.02em}nav a:after,.actions a:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--gold);transition:.25s}nav a:hover:after,.actions a:hover:after{width:100%}.nav-cta,.primary{border:1px solid var(--plum);background:var(--plum);color:#fff;padding:15px 24px;transition:.25s;letter-spacing:.03em}.nav-cta:hover,.primary:hover{background:#3d1d27;border-color:#3d1d27;transform:translateY(-1px)}.hero{min-height:720px;padding:90px 7vw;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;background:linear-gradient(112deg,var(--paper) 55%,var(--cream) 55%);overflow:hidden}.hero-copy{position:relative;z-index:2}.hero-copy:before{content:"01";position:absolute;top:-60px;left:-28px;font:11px var(--sans);color:var(--gold);letter-spacing:.2em}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:10px;color:var(--plum);font-weight:600}.hero h1,.section-head h2,.faceoff h2,.method h2,.manifesto h2{font:600 clamp(52px,6.5vw,88px)/.88 var(--serif);margin:25px 0;letter-spacing:-.035em}.hero h1 em{color:var(--plum);font-weight:500}.lead{font:500 20px/1.6 var(--serif);max-width:570px;color:#554b47}.actions{display:flex;align-items:center;gap:28px;margin:38px 0}.primary{font-weight:600}.primary span{padding-left:22px}.proof{display:flex;gap:36px;padding-top:30px;border-top:1px solid var(--line);font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.proof b{display:block;font:600 30px var(--serif);color:var(--ink);letter-spacing:0}.hero-art{text-align:center;position:relative;min-height:500px;display:grid;place-items:center}.halo{width:390px;height:390px;border-radius:50%;background:radial-gradient(circle at 36% 28%,#eee5d7,#d9c9b0);position:absolute;box-shadow:inset 0 0 0 1px #fff8}.monogram-orbit{width:460px;height:460px;border:1px solid #a17a4e44;border-radius:50%;position:absolute;animation:drift 14s ease-in-out infinite}.monogram-orbit img{width:42px;position:absolute;top:10px;right:75px;filter:drop-shadow(0 8px 18px #21191922)}@keyframes drift{50%{transform:rotate(6deg)}}.bag{width:255px;height:188px;background:linear-gradient(135deg,#663747,#3f202b);border-radius:15px 15px 38px 38px;position:relative;box-shadow:0 34px 65px #3e302b36}.bag:after{content:"";position:absolute;inset:9px;border:1px solid #d5bd963b;border-radius:11px 11px 31px 31px}.bag i{position:absolute;width:122px;height:82px;border:13px solid #4c2733;border-bottom:0;border-radius:65px 65px 0 0;top:-66px;left:66px}.bag b{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--gold2);top:21px;left:123px;z-index:2}.hero-art p{position:absolute;bottom:0;font-size:8px;letter-spacing:.18em}.hero-art span{letter-spacing:0;color:var(--muted)}.manifesto{background:var(--ink);color:#fff;padding:85px 7vw;display:grid;grid-template-columns:.45fr 1.1fr .65fr;gap:7vw;align-items:center}.manifesto p{font:italic 23px var(--serif);color:var(--gold2)}.manifesto h2{font-size:51px;margin:0}.manifesto span{font:13px/1.8 var(--sans);color:#cfc5bf}.finder,.results,.method{padding:110px 7vw}.section-head{text-align:center;max-width:780px;margin:auto}.section-head h2,.faceoff h2,.method h2{font-size:58px}.section-head>p:last-child{color:var(--muted)}form{max-width:920px;margin:70px auto}fieldset{border:0;border-top:1px solid var(--line);padding:38px 0}legend{font:600 25px var(--serif)}legend span{font:9px var(--sans);color:var(--gold);margin-right:20px;letter-spacing:.15em}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.chips button{border:1px solid var(--line);background:transparent;padding:14px 18px;color:var(--ink);transition:.2s}.chips button:hover{border-color:var(--gold)}.chips button.selected{background:var(--ink);border-color:var(--ink);color:#fff}.submit{display:block;margin:30px auto}.submit:disabled{opacity:.35;transform:none}.hidden{display:none!important}.results{background:#f5f1e9}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.card{background:#fff;border:1px solid var(--line);padding:25px;position:relative;box-shadow:0 16px 30px #21191909}.rank{font:10px var(--sans);letter-spacing:.12em;color:var(--gold)}.visual{height:185px;background:linear-gradient(140deg,#ede6da,#d1bea1);display:grid;place-items:center;margin:17px 0;color:#fff8;font:600 62px var(--serif);position:relative;overflow:hidden}.visual:after{content:"";position:absolute;width:100px;height:100px;border:1px solid #fff7;border-radius:50%}.card h3{font:600 27px var(--serif);margin:12px 0 4px;line-height:1}.card .brandline,.meta{color:var(--muted);font-size:11px}.score{font:600 39px var(--serif);float:right}.why{padding:14px 0;font-size:12px;line-height:1.65}.bars{clear:both}.bar{display:grid;grid-template-columns:95px 1fr 20px;gap:8px;font-size:9px;margin:7px 0;text-transform:capitalize}.bar i{height:3px;background:#e4dfd5;margin-top:5px}.bar i span{display:block;height:100%;background:var(--gold)}.card-actions{display:flex;gap:8px;margin-top:21px}.card-actions a,.card-actions button{flex:1;padding:11px;text-align:center;border:1px solid var(--ink);background:#fff;color:var(--ink);text-decoration:none;font-size:10px}.confidence{position:absolute;right:25px;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.compare{max-width:900px;margin:48px auto;padding:35px;background:var(--ink);color:white}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.faceoff{padding:110px 7vw;background:var(--cream);display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.faceoff>div:first-child p:last-child{line-height:1.75;color:var(--muted)}.duel{display:grid;grid-template-columns:1fr 38px 1fr;align-items:center}.duel button{min-height:270px;border:1px solid var(--line);background:#fff;padding:30px;font:600 28px/1 var(--serif);box-shadow:0 18px 35px #21191908;transition:.25s}.duel button:hover{transform:translateY(-3px);border-color:var(--gold)}.duel button span{display:block;font:9px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:12px}.duel b{text-align:center;font-size:9px;color:var(--gold)}.dimensions{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.dimensions article{padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.dimensions b{font:600 20px var(--serif)}.dimensions p{font-size:11px;line-height:1.7;color:var(--muted)}.text-link{display:block;width:max-content;margin:35px auto 0;text-decoration:none;color:var(--plum);font-weight:600;font-size:12px}footer{padding:58px 7vw;background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr auto;gap:45px;align-items:end}.footer-brand img{width:205px;filter:brightness(0) invert(1)}.footer-brand p{font:15px var(--serif);color:#bdb2ac}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.footer-links a{color:#d1c8c2;text-decoration:none;font-size:10px}.footer-links a:hover{color:var(--gold2)}footer small{font-size:8px;letter-spacing:.1em;color:#8f8580}@media(max-width:800px){header{height:76px;padding:0 4vw}.brand img{width:170px}nav{display:none}.nav-cta{padding:12px 14px}.hero{grid-template-columns:1fr;padding:70px 6vw}.hero-art{min-height:410px;margin-top:45px}.halo{width:310px;height:310px}.monogram-orbit{width:350px;height:350px}.proof{gap:16px}.manifesto{grid-template-columns:1fr;gap:12px;padding:65px 7vw}.manifesto h2{font-size:43px}.finder,.results,.method{padding:75px 5vw}.cards{grid-template-columns:1fr}.faceoff{grid-template-columns:1fr;padding:75px 5vw}.dimensions{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.monogram-orbit{animation:none}*{transition:none!important}}

/* Focused V1 quality patch */
:root{--gold:#87633e}
button:disabled{cursor:not-allowed}
a:focus-visible,button:focus-visible{outline:3px solid var(--plum);outline-offset:3px}
footer a:focus-visible,.compare button:focus-visible{outline-color:var(--gold2)}
.skip-link{position:fixed;left:18px;top:12px;z-index:100;background:var(--ink);color:#fff;padding:12px 16px;transform:translateY(-160%);text-decoration:none}
.skip-link:focus{transform:translateY(0)}
.nav-cta{text-decoration:none}
.eyebrow{font-size:11px}
.hero-art p{font-size:9px;line-height:1.5}
.hero-art span{font-size:10px}
.confidence{font-size:10px}
.bar{font-size:10px;grid-template-columns:130px 1fr 24px}
.card-actions a,.card-actions button{font-size:11px;min-height:42px}
.source-note{font-size:11px;line-height:1.55;color:var(--muted);margin:18px 0 0}
.status{min-height:20px;color:var(--muted);font-size:12px;line-height:1.6}
#catalog-status{text-align:center;margin:14px auto 4px}
.secondary{display:block;margin:10px auto;border:1px solid var(--plum);background:transparent;color:var(--plum);padding:11px 16px}
.empty-state{grid-column:1/-1;text-align:center;padding:55px 24px;border:1px solid var(--line);background:#fff}
.empty-state h3,.compare h3,.compare h4{font:600 27px var(--serif);margin:8px 0}
.compare p{line-height:1.7;color:#d8ceca}
.compare-head{display:flex;justify-content:space-between;gap:24px;align-items:start;margin-bottom:22px}
.compare-clear{border:1px solid #ffffff80;background:transparent;color:#fff;padding:10px 14px}
.compare-grid article{min-width:0;border-top:1px solid #ffffff33;padding-top:18px}
.compare-row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #ffffff1f;padding:8px 0;font-size:11px}
.compare-row span{color:#d8ceca;text-transform:capitalize}
.duel{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);min-width:0}
.duel button{min-width:0;overflow-wrap:anywhere}
.duel button:disabled{opacity:.62}
.footer-links a{font-size:12px;padding:5px 0}
.footer-brand img{filter:none}
.footer-lockup{display:flex;align-items:center;gap:11px;width:max-content;color:#f7f4ee}
.legal-footer .footer-lockup{margin:0 auto}
.footer-monogram{position:relative;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--gold2);border-radius:50%;color:var(--gold2);font:italic 600 17px/1 var(--serif)}
.footer-monogram:after{content:"";position:absolute;inset:5px;border:1px solid #d5bd9670;border-radius:50%}
.footer-wordmark{color:#f7f4ee;font:600 26px/.9 var(--serif);letter-spacing:.035em;white-space:nowrap}
.footer-wordmark em{color:var(--gold2);font-style:italic}
.footer-wordmark small{display:block;margin-top:8px;color:#cfc5bf;font:600 7px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase}
footer small{font-size:10px;line-height:1.5}
.not-found{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1fr .7fr;gap:7vw;align-items:center;padding:80px 7vw;background:linear-gradient(112deg,var(--paper) 58%,var(--cream) 58%)}
.not-found h1{font:600 clamp(58px,9vw,108px)/.86 var(--serif);margin:20px 0}
.not-found .lead{max-width:520px}
.not-found .text-link{margin:35px 0 0;color:#fff}
.not-found-mark{width:240px;height:240px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:600 74px var(--serif);color:var(--plum);margin:auto}

@media(max-width:800px){
  .hero-copy:before{display:none}
  .compare{padding:26px 22px}
  .compare-grid{grid-template-columns:1fr;gap:30px}
  .compare-head{align-items:center}
  .not-found{min-height:calc(100vh - 76px);grid-template-columns:1fr;padding:70px 7vw}
  .not-found-mark{width:180px;height:180px;font-size:58px}
}

@media(max-width:520px){
  .actions{align-items:stretch;gap:14px;flex-wrap:wrap}
  .actions .primary{width:100%}
  .actions a{padding:10px 0}
  .duel{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr)}
  .duel button{padding:16px 10px;font-size:23px}
  .bar{grid-template-columns:110px 1fr 24px}
  .compare-head{display:block}
  .compare-clear{margin-top:12px}
}

@media(max-width:380px){
  .brand img{width:150px}
  .nav-cta{padding:12px 13px}
  .proof{justify-content:space-between;gap:10px}
}
