/* Geek Watches — light theme refresh (overrides the inline base styles) */
:root{
 --ink:#1b1a17;--ink2:#2a2824;--ink-soft:#55514a;--paper:#f8f6f1;--card:#ffffff;
 --gold:#b08646;--gold-lt:#d4b47c;--gold-dp:#8a6532;
 --navy:#1d3557;--navy-dp:#142640;--steel:#5c6570;--line:#e6e1d7;
 --cream:#fbf8f2;
 --shadow:0 1px 2px rgba(27,26,23,.04),0 12px 32px -20px rgba(27,26,23,.28);
}
body{background:var(--paper);}
a{color:var(--navy);}
.eyebrow{color:var(--gold-dp);font-size:12.5px;}

/* header: light glass instead of near-black */
.sitehead{background:rgba(255,255,255,.88);border-bottom:1px solid var(--line);}
.brandlock .wm{color:var(--ink);font-size:1.15rem;}
.brandlock .wm b{color:var(--gold);}
.navlinks{font-size:12.5px;}
.navlinks a{color:var(--ink-soft);}
.navlinks a:hover{color:var(--navy);}

/* heroes: let the photography breathe */
.photohero{min-height:56vh;}
.photohero::before{background:linear-gradient(90deg,rgba(14,13,11,.72) 0%,rgba(14,13,11,.42) 45%,rgba(14,13,11,.05) 100%);}
.brandhero{min-height:38vh;}
.brandhero::before{background:linear-gradient(90deg,rgba(14,13,11,.7) 0%,rgba(14,13,11,.35) 55%,rgba(14,13,11,.05) 100%);}
.brandhero.nophoto{background:linear-gradient(135deg,#f3ede1 0%,#e8dcc6 100%);color:var(--ink);}
.brandhero.nophoto::before{display:none;}
.brandhero.nophoto h1{color:var(--ink);}
.brandhero.nophoto p{color:var(--ink-soft);}
.brandhero.nophoto .eyebrow{color:var(--gold-dp);}
.herocta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;}
.herocta a{font-family:"IBM Plex Mono",monospace;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;
 text-decoration:none;padding:12px 18px;border-radius:9px;background:#fff;color:var(--ink);font-weight:500;}
.herocta a.alt{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6);}
.herocta a:hover{background:var(--gold-lt);color:var(--ink);}

/* photo slots: light champagne instead of black */
.pslot{background:linear-gradient(150deg,#f4efe5 0%,#e9e0cf 100%);border:1px solid var(--line);color:var(--ink-soft);}
.pslot::after{display:none;}
.pslot.noimg{background:linear-gradient(150deg,#f6f1e7 0%,#eadfca 100%);}
.pslot .tname b{color:var(--ink);font-size:1.3rem;}
.pslot .tname span{color:var(--gold-dp);font-size:9.5px;}
.pslot .tname::before{content:"";width:34px;height:34px;border-radius:50%;border:1.5px solid var(--gold);
 box-shadow:inset 0 0 0 5px #f6f1e7, inset 0 0 0 6.5px rgba(176,134,70,.45);}
.pslot img{transition:transform .5s ease;}

/* cards */
.card{border-color:var(--line);border-radius:16px;}
.card:hover{transform:translateY(-4px);border-color:var(--gold-lt);box-shadow:0 18px 40px -22px rgba(27,26,23,.4);}
.card:hover .pslot img{transform:scale(1.04);}
.card .keb{font-size:11px;color:var(--gold-dp);}
.card .cd{font-size:15px;}
.card .go{font-size:11.5px;color:var(--navy);}
.card .tier{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:20px;background:#f3ede1;color:var(--gold-dp);
 font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.06em;text-transform:none;}

/* buttons: navy primary */
.btn{background:var(--navy);}
.btn:hover{background:var(--navy-dp);}

/* model page hero figure */
.herofig{margin:22px 0 8px;}
.herofig .frame{aspect-ratio:16/9;max-height:500px;width:100%;border-radius:16px;overflow:hidden;background:#f1ece2;border:1px solid var(--line);}
.herofig .frame img{width:100%;height:100%;object-fit:contain;display:block;background:#f1ece2;}
.herofig figcaption{font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--steel);margin-top:8px;letter-spacing:.02em;}
.herofig figcaption a{color:var(--steel);}
.herofig.empty .frame{aspect-ratio:16/6;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;
 background:linear-gradient(135deg,#f6f1e7 0%,#eadfca 100%);}
.herofig.empty .frame b{font-family:"Fraunces",serif;font-size:1.6rem;color:var(--ink);}
.herofig.empty .frame span{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dp);}

/* review-process tiles */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 8px;}
.tile{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 18px 16px;}
.tile .n{font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--gold-dp);letter-spacing:.14em;}
.tile h3{margin:.35em 0 .3em;font-size:1.08rem;}
.tile p{font-size:14.5px;color:var(--ink-soft);margin:0;}

/* simple content pages */
.page{max-width:var(--readw);margin:0 auto;padding:30px 22px 10px;}
.page h2{margin:1.6em 0 .5em;font-size:1.4rem;}
.page table{width:100%;border-collapse:collapse;font-size:14.5px;background:var(--card);border:1px solid var(--line);}
.page th,.page td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top;}
.page th{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);font-weight:500;}
.page form{display:grid;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;}
.page label{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--steel);display:grid;gap:6px;}
.page input,.page textarea{font:inherit;font-size:16px;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);}
.page button{justify-self:start;border:0;cursor:pointer;}

/* footer */
footer.foot{font-size:12px;}
footer.foot a{color:var(--steel);text-decoration:none;}
footer.foot a:hover{color:var(--navy);text-decoration:underline;}
footer.foot .fl img{opacity:1;}

/* readability */
.toc a{color:var(--ink-soft);font-size:12px;}
.toc a.on{color:var(--navy);border-left-color:var(--navy);}
.readout dt{font-size:10.5px;}
.disclosure{font-size:14px;}

@media (max-width:900px){.tiles{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.tiles{grid-template-columns:1fr;}.navlinks{display:flex;gap:14px;font-size:11.5px;}.herofig.empty .frame{aspect-ratio:16/8;}}

/* brand pages without hero photo: warm light band instead of black */
.darkhero{background:linear-gradient(135deg,#f4eee2 0%,#e7dac2 100%);color:var(--ink);border-bottom:1px solid var(--line);}
.darkhero .inner{text-align:left;padding:54px 22px 46px;}
.darkhero h1{color:var(--ink);}
.darkhero p{color:var(--ink-soft);margin:10px 0 0;}
.darkhero .eyebrow{color:var(--gold-dp);}

/* spec readout: no grey filler cells when the row is incomplete */
.readout{background:var(--card);gap:0;}
.readout div{box-shadow:inset -1px -1px 0 var(--line);}
@media (max-width:600px){
 .navlinks a:last-child{display:none;}
 .sitehead .row{gap:12px;}
}

/* ---------- watch directory ---------- */
.lede{font-size:19px;color:var(--ink-soft);max-width:var(--readw);}
.note{font-size:13.5px;color:var(--steel);max-width:var(--readw);margin-top:26px;}
.links a{margin-right:18px;font-family:"IBM Plex Mono",monospace;font-size:12.5px;letter-spacing:.04em;}
.brandindex{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px;}
.brandindex a{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.04em;text-decoration:none;color:var(--ink);
 background:var(--card);border:1px solid var(--line);border-radius:30px;padding:7px 13px;}
.brandindex a:hover{border-color:var(--gold);color:var(--navy);}
.brandindex a span{color:var(--gold-dp);margin-left:4px;}
.filters{display:grid;grid-template-columns:1fr 200px 170px;gap:10px;margin:22px 0 12px;}
.filters input,.filters select{font:inherit;font-size:15.5px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);}
.filters input:focus,.filters select:focus{outline:2px solid var(--gold-lt);outline-offset:1px;}
.chips{display:flex;flex-wrap:wrap;gap:7px;}
.chip{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;
 border:1px solid var(--line);background:var(--card);color:var(--ink-soft);border-radius:30px;padding:7px 12px;}
.chip:hover{border-color:var(--gold);}
.chip.on{background:var(--navy);border-color:var(--navy);color:#fff;}
.count{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--steel);margin:14px 0 0;}
.empty{font-size:16px;color:var(--ink-soft);}
.dgrid{margin-top:14px;}
.dcard[hidden]{display:none;}
.dcard .keb{display:flex;justify-content:space-between;gap:8px;align-items:center;}
.badge{font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;background:#e9eef6;color:var(--navy);border-radius:20px;padding:2px 8px;}
.dmeta{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;}
.dmeta span{font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--ink-soft);background:#f4f1ea;border-radius:6px;padding:3px 7px;}
.dcontent{max-width:var(--readw);}
.tscroll{overflow-x:auto;}
.tscroll .compare{min-width:520px;}
.dirlink{display:inline-block;margin:28px 0 0;font-family:"IBM Plex Mono",monospace;font-size:13px;letter-spacing:.04em;color:var(--navy);}
.dirpromo{display:grid;grid-template-columns:auto 1fr auto;gap:6px 18px;align-items:center;text-decoration:none;color:var(--ink);
 background:linear-gradient(135deg,#eef2f8 0%,#f6f1e7 100%);border:1px solid var(--line);border-radius:16px;padding:20px 24px;margin:34px 0 0;}
.dirpromo b{font-family:"Fraunces",serif;font-size:1.35rem;font-weight:600;}
.dirpromo span:not(.eyebrow){color:var(--ink-soft);font-size:15.5px;grid-column:1/3;}
.dirpromo em{font-style:normal;font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);grid-row:1/3;grid-column:3;}
.dirpromo:hover{border-color:var(--gold);}
@media (max-width:700px){.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:1/3}.dirpromo{grid-template-columns:1fr}.dirpromo span:not(.eyebrow),.dirpromo em{grid-column:auto;grid-row:auto}}