/* ══════════════════════════════════════════════════════════════
   home-type.css — the home page's typography, from Figma "About Me" (node 5548:7193), matching the
   Daily 10 case study: Albert Sans for text, Cormorant Garamond for the big section heading.
   Normal case throughout (no spaced uppercase labels). Figma sizes are the maxima (1890 frame);
   they scale down on smaller screens. Layout, colours and the loading screen are unchanged.
   Loaded last on index.html only.
   ══════════════════════════════════════════════════════════════ */
:root body { --home-sans: "Albert Sans", system-ui, sans-serif; --home-serif: "Cormorant Garamond", Georgia, serif; }

/* hero: the line under the name (Albert Sans Medium 22/26) and the case-study row under the monitor */
:root body .heroSub { font: 500 clamp(14px, calc(var(--col) * .033), 22px)/1.18 var(--home-sans); text-transform: none; letter-spacing: 0; }
:root body .heroStatus { font: inherit; font-size: .82em; }
:root body .heroCases :is(a, span) { font: 400 clamp(13px, calc(var(--col) * .021), 14px)/20px var(--home-sans); text-transform: none; letter-spacing: 0; }

/* UX DESIGN band: Cormorant Garamond Medium 68/72, -2px; the badge Albert Sans 14/20 */
:root body .workBand__title { font: 500 clamp(44px, 4.6vw, 68px)/1.06 var(--home-serif); letter-spacing: -2px; }
:root body .workBand__badge { padding: 10px 14px; border-width: 1.25px; font: 400 14px/20px var(--home-sans); text-transform: none; letter-spacing: 0; }

/* case-study cards: title Albert Sans Medium 24/28, meta 14/20 at 60%, description 16/22 */
:root body .workCard__title { font: 500 clamp(24px, 2vw, 30px)/1.15 var(--home-sans); letter-spacing: -.01em; }
:root body .workCard__desc { font: 400 clamp(16px, 1.25vw, 18px)/1.5 var(--home-sans); }
:root body .workCard__meta { font: 400 14px/20px var(--home-sans); }
:root body .workCard__cta { font: 500 15px/20px var(--home-sans); }
:root body .workCard__meta { color: #4a5563; }
:root body .workSoon__tag { padding: 7px 10px; font: 400 14px/20px var(--home-sans); text-transform: none; letter-spacing: 0; }
:root body .workSoon__title { font: 500 clamp(18px, 1.6vw, 24px)/1.17 var(--home-sans); }
:root body .workSoon__note { font: 400 14px/20px var(--home-sans); }

/* spiral / contact: eyebrow 16/22, the question Albert Sans Regular 30/34, the email 30/34, small labels 14/20 */
:root body .spiralWrap__eyebrow { font: 400 16px/22px var(--home-sans); text-transform: none; letter-spacing: 0; }
:root body .spiralWrap__q { max-width: 30ch; font: 400 clamp(24px, 2.2vw, 30px)/1.13 var(--home-sans); letter-spacing: 0; }
:root body .contactEmail { font: 400 clamp(18px, 1.6vw, 30px)/1.13 var(--home-sans); letter-spacing: 0; }
:root body .contactCopy { font: 400 14px/20px var(--home-sans); text-transform: none; letter-spacing: 0; }
:root body .contactLinks a { font: 400 14px/20px var(--home-sans); text-transform: none; letter-spacing: 0; }
:root body .contactToast { font: 400 14px/20px var(--home-sans); text-transform: none; letter-spacing: 0; }

/* footer strip */
:root body .homeFoot, :root body .spiralWrap + .homeFoot { font: 400 14px/20px var(--home-sans); text-transform: none; letter-spacing: 0; }