/* Shared Clocks gallery typography and Chalk chrome. Face artwork keeps its palette. */
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600;700&display=swap");
@font-face{font-family:"Atkinson Hyperlegible";src:url("/assets/fonts/atkinson-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url("/assets/fonts/atkinson-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root,body.gallery-index,body.home-index,body.watch-family,body.collection-index{
  --bg:#1a1e22;--bg-2:#1e2428;--surface:#242a30;--text:#e8ece8;
  --muted:#b7bdb7;--accent:#d4e0d0;--amber:#f0e6a8;
  --line:rgba(212,224,208,.14);--line-strong:rgba(212,224,208,.4);
  --font-ui:"Source Sans 3","Atkinson Hyperlegible",ui-sans-serif,system-ui,sans-serif;
  --font-display:"Atkinson Hyperlegible","Source Sans 3",ui-sans-serif,system-ui,sans-serif;
  --sans:var(--font-ui);--serif:var(--font-display);--maxw:1180px;
  --tile-shadow:0 2px 4px #0005,0 8px 22px #0006,inset 0 1px 0 #ffffff0f;
}
body,body.gallery-index{background:var(--bg);color:var(--text);font:400 17px/1.55 var(--font-ui);color-scheme:dark}
button,input,select,textarea{font-family:var(--font-ui)}
h1,h2,h3,.gallery-index h1,.gallery-index h2,.gallery-index h3,
.gallery-index .surface-hero h1,.gallery-index .apple-section h2,
.gallery-index .portal-copy strong,.gallery-index .tv-card-copy strong,
.gallery-index .pebble-copy h3,.gallery-index .garmin-copy h2{
  font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;text-transform:none;
}
.gallery-index .surface-hero h1{font-size:clamp(32px,5vw,48px);line-height:1.1}
.gallery-index .topbar{position:relative;z-index:50;padding:20px 0;margin-bottom:16px;border-bottom:1px solid var(--line);background:var(--bg)}
.gallery-index .brand{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;color:var(--text)}
.home-index .brand{font-size:clamp(28px,4vw,40px)}
.gallery-index .platform-menu nav{background:var(--surface);border:1px solid var(--line-strong);border-radius:.45rem;box-shadow:var(--tile-shadow);max-height:calc(100dvh - 100px);overflow-y:auto;z-index:60}
.gallery-index .platform-menu nav a:hover,.gallery-index .platform-menu nav a[aria-current]{background:#303a3b}
.gallery-index .button,.gallery-index .segmented,.gallery-index input,.gallery-index select{border-color:var(--line-strong);border-radius:.35rem;background:var(--surface);color:var(--text)}
.gallery-index .button{min-height:44px;padding:8px 14px;box-shadow:0 2px 8px #0004,inset 0 1px 0 #ffffff0a}
.gallery-index .segmented input:checked+span{background:#35403c;color:var(--text);box-shadow:inset 0 -2px var(--accent)}
.gallery-index .surface-hero p,.gallery-index .portal-copy>span{color:var(--muted)}
.gallery-index .portal-art{border:1px solid var(--line-strong);border-radius:.45rem;box-shadow:var(--tile-shadow)}
.gallery-index .surface-portal:hover .portal-art{border-color:var(--accent)}
.gallery-index .surface-portal:hover{text-decoration:none}
.gallery-index .sitefoot{font-family:var(--font-ui);font-size:14px;border-top:1px solid var(--line);margin:32px auto 0;width:min(var(--maxw),calc(100% - 40px));padding:24px 0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}