/* Self-hosted webfonts (10/17/2026, replaces the mockup's hosted-font link): Cormorant Garamond, DM Sans */
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/cormorantgaramond-italic-400.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400 500;font-display:swap;src:url(/assets/fonts/cormorantgaramond-400.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 500;font-display:swap;src:url(/assets/fonts/dmsans-400.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Space Grotesk";src:url(/assets/fonts/spacegrotesk.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Manrope";src:url(/assets/fonts/manrope.woff2) format("woff2");font-weight:200 800;font-display:swap}
:root{--deep:#0d2b33;--deep-2:#123a44;--mint:#7fd1b9;--mint-2:#a8e6d4;--coral:#c8442b;--coral-2:#e86248;--page:#eef3f2;--card:#fff;--ink:#14232a;--ink-2:#4a5b62;--line:#d5e0de;
--display:"Space Grotesk",system-ui,sans-serif;--text:"Manrope",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--page);color:var(--ink);font-family:var(--text);font-size:1.05rem;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--coral)}
:focus-visible{outline:3px solid var(--coral-2);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.4rem .8rem;z-index:9}
.col{width:min(100% - 2.2rem,40rem);margin-inline:auto}
h1,h2,h3{font-family:var(--display);line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}
h2{font-size:1.5rem;display:flex;align-items:center;gap:.6rem}
h2::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--coral-2);box-shadow:0 0 0 4px rgba(232,98,72,.18)}
.band{background:var(--deep) url(/assets/img/network.svg) center/cover no-repeat;color:#e6f2ef;padding:3.4rem 0 5.6rem;text-align:center}
.avatar{width:min(100%,240px);aspect-ratio:1/1;margin:0 auto 1.3rem;border-radius:24px;padding:5px;background:conic-gradient(var(--mint),var(--coral-2),var(--mint))}
.avatar picture{display:block;width:100%;height:100%}
.avatar img{width:100%;height:100%;border-radius:20px;object-fit:cover;object-position:50% 45%;border:4px solid var(--deep)}
.band h1{font-size:clamp(2.4rem,8vw,3.4rem);color:#fff;margin:0}
.band .tag{font-family:var(--display);color:var(--mint-2);font-size:1.08rem;margin:.4rem 0 1rem;letter-spacing:.02em}
.band .intro{max-width:32rem;margin:0 auto;color:#c9dcd8}
.links{list-style:none;padding:0;margin:-3.4rem auto 0;display:grid;gap:.85rem;position:relative}
.links a{display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:1rem;background:var(--card);border-radius:16px;padding:1rem 1.2rem;text-decoration:none;color:var(--ink);
border:1px solid var(--line);box-shadow:0 6px 18px rgba(13,43,51,.08);transition:transform .15s,box-shadow .15s}
.links a:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(13,43,51,.14);border-color:var(--mint)}
.links .ic{width:3rem;height:3rem;border-radius:12px;display:grid;place-items:center;font-family:var(--display);font-weight:700;color:#fff;background:var(--deep-2)}
.links strong{display:block;font-family:var(--display);font-size:1.08rem}
.links span.d{font-size:.93rem;color:var(--ink-2)}
.links .arr{color:var(--coral);font-weight:700}
section{padding:2.8rem 0 0}
.chips{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.chips li{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem}
.chips strong{display:block;font-family:var(--display)}
.chips span{font-size:.92rem;color:var(--ink-2)}
.topics{list-style:none;padding:0;margin:0;counter-reset:t}
.topics li{counter-increment:t;display:grid;grid-template-columns:2.4rem 1fr;gap:.8rem;padding:.9rem 0;border-bottom:1px dashed var(--line)}
.topics li::before{content:counter(t,decimal-leading-zero);font-family:var(--display);font-weight:700;color:var(--coral)}
.topics strong{font-family:var(--display)}
.callout{background:var(--deep);color:#d9ebe7;border-radius:18px;padding:1.4rem 1.5rem;margin-top:1.4rem}
.callout a{color:var(--mint-2)}
.callout p{margin:.2rem 0}
footer{margin-top:3.4rem;padding:2rem 0 2.6rem;border-top:1px solid var(--line);font-size:.9rem;color:var(--ink-2)}
.more-from{margin:0 0 1rem}.more-from-h{font-weight:600;margin:0 0 .3rem}.more-from ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem 1.2rem}
@media (max-width:560px){.chips{grid-template-columns:1fr}.links a{grid-template-columns:2.6rem 1fr auto;padding:.9rem 1rem}.links .ic{width:2.6rem;height:2.6rem}}

/* ===== redesign theme overrides ===== */
/* chrislinteris.net redesign — "Silver tide": ocean-blue night + silver, centered card stack */
:root{--bg:#0f1b24;--bg2:#162733;--silver:#c9ced3;--mist:#eef1f2;--ocean:#3f6680;--amber:#c98a3a;--hair:rgba(201,206,211,.16)}
body{background:radial-gradient(1200px 700px at 50% -10%,#21384a 0%,var(--bg) 60%) fixed;color:#d8dde1;font:400 16px/1.7 "DM Sans",system-ui,sans-serif}
a{color:var(--mist)}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;color:var(--mist);letter-spacing:0}
h2{font-size:30px}h2::before{background:var(--amber)!important}
.col{max-width:640px}
.band{background:transparent;border:0;padding:clamp(70px,10vw,120px) 0 40px;text-align:center}
.avatar{margin:0 auto 28px;width:148px;height:148px;border-radius:50%;padding:4px;background:linear-gradient(140deg,var(--silver),#58707f);box-shadow:0 20px 60px rgba(0,0,0,.45)}
.avatar img{border-radius:50%;filter:sepia(.12) saturate(.95)}
.band h1{font-size:clamp(46px,7vw,72px);font-weight:400;font-style:italic;color:var(--mist);margin:0 0 .2em}
.band .tag{font:500 12px/1.4 "DM Sans";letter-spacing:.24em;text-transform:uppercase;color:var(--silver)}
.band .intro{color:#aeb7be;max-width:520px;margin:18px auto 0}
.links{gap:12px}
.links a{background:rgba(238,241,242,.04);border:1px solid var(--hair);border-radius:16px;color:var(--mist);backdrop-filter:blur(6px);box-shadow:none}
.links a:hover{border-color:var(--amber);background:rgba(201,138,58,.07);transform:none}
.links .ic{background:transparent;border:1px solid var(--hair);color:var(--silver);border-radius:50%}
.links span.d{color:#93a0aa}.links .arr{color:var(--amber)}
.chips li{background:var(--bg2);border:1px solid var(--hair);border-radius:12px;color:#c3cad0}
.chips strong{color:var(--mist)}
.topics li::before{background:transparent;color:var(--amber);border:1px solid var(--hair)}
.callout{background:var(--bg2);border:1px solid var(--hair);border-left:2px solid var(--amber);color:#c3cad0}
footer{color:#7f8c96;border-top:1px solid var(--hair)}footer a{color:var(--silver)}

/* build fixes (10/17/2026) */
.links{margin-top:8px}