html,body,*{font-synthesis:none}:root{--btn-fill: var(--ink);--btn-text: var(--paper);--btn-stroke: color-mix(in srgb, var(--btn-fill) 38%, transparent);Our answer instead of an underline: the link stays ink and bold,and on hover a marker highlight is drawn behind it in the golden yellow. It reads as a link,it is unmistakable on hover,and it uses a colour the site already owns. The band is a pale tint of --yellow. */ --link-color: var(--ink);--link-weight: 700;--link-decoration: none;--link-mark: #e8b317;--link-mark-blend: multiply;--link-mark-ink: var(--ink);--link-mark-size: 0.72em;--link-mark-drop: 88%;--link-mark-draw: 0.42s;--link-mark-ease: cubic-bezier(0.22, 0.61, 0.36, 1)}:root{--paper: #f4f2ee;--paper-2: #ece9e4;--ink: #000000;--grey: #737376;--grey-text: #333335;--blue-1: #c3e0f2;--blue-2: #dcebf2;--green-dk: #152621;--coral: #cb5b58;--navy: #1b357d;--yellow: #f0cc29;--bee: #f2a900;--bee-deep: #8f6100;--accent-sky: #91daff;--on-dark: #f4f2ee;--slab: var(--green-dk);--slab-ink: var(--on-dark);--mark-ink: #000000;--mark-dark: url(#resi-ink-tint);--title-stop: var(--navy);--clock-ink: var(--navy);--moon-7000: #f3f2ff;--moon-7500: #e6ebff;--moon-8000: #dde6ff;--moon-8500: #d7e2ff;--font-display: "Crimson Pro", "Times New Roman", serif;--font-head: "Gloock", var(--font-display), Georgia, serif;--font-sans: "Plus Jakarta Sans", system-ui, sans-serif;--font-editorial: "Italiana", Georgia, serif;--font-geometric: "Questrial", var(--font-sans);--font-poster: "Gloock", "Playfair Display", "Italiana", Georgia, serif;--t-title: clamp(3.25rem, 9vw, 7.5rem);--lh-title: 1.0;--t-h1: clamp(2.5rem, 6vw, 4.5rem);--lh-h1: 1.05;--t-h2: clamp(1.9rem, 3.6vw, 3rem);--lh-h2: 1.15;--t-h3: 1.75rem;--lh-h3: 1.30;--t-body: 1rem;--lh-body: 1.60;--t-ui: 0.875rem;--lh-ui: 1.50;--t-caption: 0.6875rem;--lh-cap: 1.50;--t-meta: 0.75rem;--lh-meta: 1.50;--track-caps: 0.03em;--gutter: clamp(1.25rem, 4vw, 4rem);--page-inset: 2em;--maxw: 84rem;--rule: 1px solid color-mix(in srgb, var(--ink) 18%, transparent);--radius-embed: 0.5rem;--avatar-size: 1.75rem;--mark-scale: 1.35;--ease: cubic-bezier(0.22, 1, 0.36, 1);--dur: 0.4s}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea,optgroup{font:inherit;letter-spacing:inherit}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--t-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.t-title{font-family:var(--font-head);font-weight:400;font-size:var(--t-title);line-height:var(--lh-title);letter-spacing:-0.012em}.t-h1{font-family:var(--font-head);font-weight:400;font-size:var(--t-h1);line-height:var(--lh-h1);letter-spacing:-0.012em}.t-h2{font-family:var(--font-sans);font-weight:700;font-size:var(--t-h2);line-height:var(--lh-h2)}.t-h3{font-family:var(--font-sans);font-weight:600;font-size:var(--t-h3);line-height:var(--lh-h3)}.t-body{font-family:var(--font-sans);font-weight:400;font-size:var(--t-body);line-height:var(--lh-body)}.t-ui{font-family:var(--font-sans);font-weight:400;font-size:var(--t-ui);line-height:var(--lh-ui)}.t-caption{font-family:var(--font-sans);font-weight:700;font-size:var(--t-caption);line-height:var(--lh-cap);letter-spacing:var(--track-caps);text-transform:uppercase}.t-meta{font-family:var(--font-sans);font-weight:300;font-size:var(--t-meta);line-height:var(--lh-meta);letter-spacing:0.015em}:root[data-fill=ink],:root[data-theme=dark][data-fill=ink]{--paper: #16181c;--paper-2: #202329;--ink: #efede8;--on-dark: #efede8;--grey: #7c7f86;--grey-text: #d2cfc7;--bee-deep: #ffc23d;--rule: 1px solid color-mix(in srgb, var(--ink) 18%, transparent);--mark-ink: #ffffff}:root[data-fill=ink] body{background-color:var(--paper);background-image:url(../assets/texture/black-print.webp);background-repeat:repeat;background-size:600px auto}:root[data-theme=dark]{--link-mark-blend: normal;--link-mark: var(--ink);--link-mark-ink: var(--paper);--link-mark-size: 1.26em;--link-mark-drop: 50%;--paper: #0e121c;--paper-2: #171c28;--ink: var(--moon-8000);--on-dark: var(--moon-8000);--slab: #1a2f28;--slab-ink: var(--ink);--grey: #6b7488;--grey-text: #c6ccd9;--bee: #f2a900;--bee-deep: #ffc23d;--rule: 1px solid color-mix(in srgb, var(--ink) 16%, transparent);--mark-ink: var(--ink);--title-stop: var(--yellow);--clock-ink: var(--moon-8000)}.shell{width:100%;max-width:var(--maxw);margin-inline:0;padding-inline:var(--page-inset)}