@font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap} @font-face{font-family:"IBM Plex Sans";src:url(/fonts/ibm-plex-sans-vf.woff2) format("woff2");font-weight:100 700;font-style:normal;font-display:swap} @font-face{font-family:"IBM Plex Sans";src:url(/fonts/ibm-plex-sans-italic-vf.woff2) format("woff2");font-weight:100 700;font-style:italic;font-display:swap} /* record-layout.css Dossier register for andrewhillmanrecord.com — alive, not a funeral. Instrument Serif display + IBM Plex Sans body + IBM Plex Mono labels. Rose paper, stone ink, cherry rules/heads. No burgundy, no gold. Linked last in . No font-size !important so the a11y overlay wins. */ @font-face { font-family: "IBM Plex Mono"; src: url(/fonts/ibm-plex-mono-400.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "IBM Plex Mono"; src: url(/fonts/ibm-plex-mono-500.woff2) format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } :root { --paper: #FFF1F2 !important; --paper-deep: #FFE4E6 !important; --cluster-cream: #FFE4E6 !important; --ink: #1C1917 !important; --ink-soft: #1C1917 !important; --ink-mid: #44403C !important; --quiet: #57534E !important; --navy: #E11D48 !important; --cluster-navy: #E11D48 !important; --accent: #E11D48 !important; --accent-ink: #E11D48 !important; --accent-deep: #BE123C !important; --accent-bright: #E11D48 !important; --accent-blue: #E11D48 !important; --accent-blue-deep: #BE123C !important; --accent-white: #FFFFFF !important; --gold: #E11D48 !important; --cluster-gold: #E11D48 !important; --site-accent: #E11D48 !important; --nr: #E11D48 !important; --serif: "Instrument Serif", "Iowan Old Style", Palatino, Georgia, serif; --display: "Instrument Serif", "Iowan Old Style", Palatino, Georgia, serif; --sans: "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; --body: "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; --mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; --rule: #FECDD3 !important; --rule-soft: #FECDD3 !important; } html { overflow-x: hidden; } html.ah-record, html.ah-record body, html body { overflow-x: hidden; background: #FFF1F2; color: #E11D48; font-family: var(--sans); font-size: 16.5px; line-height: 1.55; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } html.ah-record h1, html.ah-record h2, html.ah-record h3, html.ah-record h4, html.ah-record h5, html.ah-record h6, html.ah-record .cover-title, html.ah-record .sec-title, html.ah-record .lb-title, html.ah-record .section-title, html.ah-record .nav-name, html.ah-record .masthead-mark, h1, h2, h3, h4, h5, h6, .cover-title, .sec-title, .lb-title, .section-title { font-family: var(--serif); color: #E11D48; font-weight: 400; letter-spacing: -0.01em; } html.ah-record .cover-eyebrow, html.ah-record .hero .eyebrow, html.ah-record .page-hero .eyebrow, html.ah-record .lb-kicker, html.ah-record .sec-number, html.ah-record .sec-eyebrow, html.ah-record .cover-byline, html.ah-record .cover-byline-label, html.ah-record .lb-meta, html.ah-record .masthead-volume, html.ah-record .masthead-date, html.ah-record .card-meta, html.ah-record .cc-search-label, html.ah-record .cc-count, html.ah-record .cc-year-mark, html.ah-record .navlink, html.ah-record .kick, .cover-eyebrow, .lb-kicker, .sec-number, .sec-eyebrow, .cover-byline, .cover-byline-label, .lb-meta, .masthead-volume, .masthead-date, .eyebrow, .kick { font-family: var(--mono); letter-spacing: 0.14em; text-transform: uppercase; } a, .lb-nav-links a, .lb-ext, .navlink, .nav-name { color: #E11D48; } .lb-nav-links a:hover, a:hover { color: #BE123C; } /* Images default: fluid, never stretch past the column */ img { max-width: 100%; height: auto; } /* DuckDuckGo source icons stay 14px */ img.link-icon, img[src*="icons.duckduckgo.com"] { width: 14px; height: 14px; max-width: 14px; max-height: 14px; object-fit: contain; } /* Site mark */ .lb-brand img, nav .lb-brand img, a.lb-brand img { width: 28px; height: 28px; max-width: 32px; object-fit: contain; } .masthead img[src*="logo.svg"], header.masthead img[src*="logo.svg"] { width: 42px; height: 42px; max-width: 42px; object-fit: contain; } footer img[src*="logo.svg"], .foot-mark img[src*="logo.svg"] { width: 38px; height: 38px; max-width: 42px; object-fit: contain; } /* Affiliation / row logos: one size, never full-bleed. Leave KidSwing / Scottish Rite / Temple pixels alone. */ #supports-strip img:not(.link-icon) { width: 64px; height: 64px; max-width: 64px; max-height: 64px; object-fit: contain; border-radius: 8px; } img.affil-logo { width: 64px; height: 64px; max-width: 64px; object-fit: contain; border-radius: 8px; } /* 30-year infographic */ .ah-infographic img { max-width: 520px; width: 100%; height: auto; margin: 0 auto; display: block; } /* Photographs in content: portraits vs wides, centered */ figure:not(.ph):not(.cover-portrait) img { display: block; margin-left: auto; margin-right: auto; height: auto; } figure.portrait img, img.photo-portrait { max-width: 420px; width: 100%; } figure.wide-photo img, img.photo-wide { max-width: 720px; width: 100%; } /* Awards Parish / Lamplighter thumbs — beat the 48% inline explode */ img.award-thumb, img[src*="parish-episcopal-building"], img[src*="parish-episcopal-campus-map"], img[src*="lamplighter-hillman-innovation-lab"], img[src*="lamplighter-hillman-interior"], img[src*="lamplighter-eastin-innovation-lab"] { width: 180px !important; height: 180px !important; max-width: 180px !important; max-height: 180px !important; object-fit: cover; border-radius: 6px; display: inline-block; vertical-align: top; margin: 0.6rem 8px 0 0; } /* Headings — stacked dossier, centered */ h1 { font-size: clamp(2rem, 4.5vw, 3.2rem); text-align: center; margin-left: auto; margin-right: auto; } h2 { font-size: clamp(1.5rem, 3vw, 2.1rem); } h3 { font-size: 1.2rem; } header.hero, .hero, .page-hero, .lb-hero { text-align: center; } header.hero h1, .hero h1, .page-hero h1 { text-align: center; margin-left: auto; margin-right: auto; } header.hero .lede, .hero .lede, .page-hero .lede, .lb-sub { margin-left: auto; margin-right: auto; text-align: center; } header.hero .eyebrow, .hero .eyebrow, .page-hero .eyebrow, .lb-kicker { text-align: center; } h1::after { margin-left: auto; margin-right: auto; background: #E11D48; } figcaption { text-align: center; } /* Body copy in a denser column than the advisor airy measure */ .col-wide, .col-narrow { max-width: 78ch; margin-left: auto; margin-right: auto; } p { font-size: 1.02rem; line-height: 1.58; } /* ----- Homepage cover: stacked, sized, not the advisor offset ----- */ .cover, .cover-grid, .cover-text { text-align: center; } .cover-grid, .cover-grid.cover-grid { display: grid !important; grid-template-columns: 1fr !important; justify-items: center !important; gap: 0 !important; max-width: 640px !important; margin-left: auto; margin-right: auto; text-align: center !important; } .cover { position: relative; padding-top: clamp(2.2rem, 4vw, 3.2rem) !important; padding-bottom: clamp(2.4rem, 4.5vw, 3.4rem) !important; border-bottom: 2px solid #E11D48 !important; } .cover-text, .cover-title, .cover-deck, .cover-eyebrow, .cover-byline { text-align: center !important; margin-left: auto !important; margin-right: auto !important; } .cover-eyebrow { justify-content: center; margin-bottom: 1.1rem !important; } .cover-eyebrow::before, .cover-eyebrow::after { content: ""; flex: 1; height: 1px; background: #E11D48; max-width: 56px; } .cover-title { font-size: clamp(2.4rem, 5.6vw, 4.2rem); margin-bottom: 0.85rem !important; line-height: 1.08 !important; max-width: 16ch; } .cover-deck { font-family: var(--serif); font-style: italic; text-align: center; margin-bottom: 1.2rem !important; padding-left: 0; border-left: none; max-width: 48ch; border-top: 1px solid #E11D48; padding-top: 1rem; } .cover-byline { justify-items: center; max-width: 40rem; margin-top: 0.15rem; padding-top: 1.2rem !important; letter-spacing: 0.12em; } .lb-title { text-align: center; margin-left: auto; margin-right: auto; font-size: clamp(2.2rem, 5vw, 3.8rem); } .lb-meta { text-align: center; justify-items: center; max-width: 56rem; margin-left: auto; margin-right: auto; } /* Crop-mark corners — legal/print furniture, all four corners */ .cover::before, .cover::after, .printer-marks, .printer-marks-tr { content: ""; position: absolute; width: 18px; height: 18px; pointer-events: none; z-index: 2; } .cover::before, .printer-marks { top: 10px; left: 10px; border-top: 1.5px solid #E11D48; border-left: 1.5px solid #E11D48; background: transparent; } .cover::after { bottom: 10px; right: 10px; border-bottom: 1.5px solid #E11D48; border-right: 1.5px solid #E11D48; } .printer-marks-tr { top: 10px; right: 10px; left: auto; border-top: 1.5px solid #E11D48; border-right: 1.5px solid #E11D48; border-left: none; } .cover-grid::before, .cover-grid::after { content: ""; position: absolute; width: 18px; height: 18px; pointer-events: none; } .cover { isolation: isolate; } .cover-grid { position: relative; } /* Inner pages also get corner ticks on the hero */ header.hero, .page-hero, .lb-hero { position: relative; } header.hero::before, .page-hero::before, .lb-hero::before { content: ""; position: absolute; top: 12px; left: 12px; width: 16px; height: 16px; border-top: 1.5px solid #E11D48; border-left: 1.5px solid #E11D48; pointer-events: none; } header.hero::after, .page-hero::after, .lb-hero::after { content: ""; position: absolute; top: 12px; right: 12px; width: 16px; height: 16px; border-top: 1.5px solid #E11D48; border-right: 1.5px solid #E11D48; pointer-events: none; } /* Section heads: kicker + h2 centered (I/II already are; match the rest) */ .sec-head, .sec-head > div, .sec-meta, .sec-eyebrow, .sec-title, .sec-number { text-align: center; } #ma-record > div > div:first-child, #sec-sources > div > div:first-child, #authored-work > div > div:first-child, #moments > div > div:first-child, #faq > div > div:first-child, #innovation-record > div > div:first-child { text-align: center; margin-left: auto; margin-right: auto; } #ma-record h2, #sec-sources h2, #authored-work h2, #moments h2, #faq h2, #innovation-record h2 { text-align: center; margin-left: auto; margin-right: auto; } #ma-record > div > p:first-of-type, #sec-sources > div > p:first-of-type, #authored-work > div > p:first-of-type { margin-left: auto; margin-right: auto; } /* Collage: even tiles, readable captions */ .gal-section .collage { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; max-width: 1080px; margin: 44px auto 0; grid-auto-flow: dense; } .gal-section .ph { min-height: 220px; position: relative; overflow: hidden; } .gal-section .ph img { width: 100%; height: 100%; object-fit: cover; display: block; } .gal-section .hero { grid-column: span 2; grid-row: span 2; } .gal-section .tall { grid-row: span 2; } .gal-section .wide { grid-column: span 2; } .gal-section .ph figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 28px 12px 10px; font-size: 12.5px; font-weight: 500; color: #fff; text-align: center; letter-spacing: 0.01em; background: linear-gradient(to top, rgba(20,17,13,.82), rgba(20,17,13,.18) 70%, transparent); opacity: 1; transform: none; pointer-events: none; line-height: 1.35; } @media (max-width: 900px) { .gal-section .collage { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 520px) { .gal-section .collage { grid-template-columns: repeat(2, 1fr); gap: 8px; } .gal-section .ph { min-height: 180px; } .gal-section .hero, .gal-section .tall, .gal-section .wide { grid-column: span 1; grid-row: span 1; } } @media (max-width: 820px) { html, body { overflow-x: hidden; } } /* Identity / speaking portrait. Cream mat, burgundy rule, gold outer hairline. Natural aspect. Never a tiny icon, never a full-bleed crop that chops the head. */ .cover-portrait, .speaking-portrait { --portrait-cream: #FFF1F2; --portrait-navy: #E11D48; --portrait-gold: #E11D48; box-sizing: border-box; max-width: 288px; width: min(78vw, 288px); margin: 0.35rem auto 2.35rem; padding: 9px 9px 16px; background: var(--portrait-cream); border: 1px solid var(--portrait-navy); box-shadow: 0 0 0 5px var(--portrait-cream), 0 0 0 6px var(--portrait-gold), 0 18px 40px rgba(15, 13, 10, 0.12); border-radius: 2px; opacity: 1 !important; animation: none !important; position: relative; z-index: 1; } header.hero .speaking-portrait, .hero .speaking-portrait, .page-hero .speaking-portrait { margin: 1.65rem auto 0.25rem; } .cover-portrait::before, .speaking-portrait::before, .cover-portrait::after, .speaking-portrait::after { content: none !important; display: none !important; } .cover-portrait picture, .speaking-portrait picture, .cover-portrait img, .speaking-portrait img { display: block !important; width: 100% !important; max-width: 270px !important; height: auto !important; aspect-ratio: auto !important; object-fit: contain !important; object-position: center top !important; margin-left: auto !important; margin-right: auto !important; border-radius: 1px; border: 1px solid rgba(225, 29, 72, 0.28); box-shadow: none; filter: none; background: var(--paper, #EEEBE3); } .cover-portrait figcaption, .speaking-portrait figcaption { text-align: center; margin-top: 0.85rem; margin-bottom: 0.1rem; font-family: var(--mono); font-size: 0.64rem; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--quiet, #67615A); } @media (max-width: 520px) { .cover-portrait, .speaking-portrait { max-width: 248px; width: min(82vw, 248px); margin-bottom: 2rem; } .cover-portrait img, .speaking-portrait img, .cover-portrait picture, .speaking-portrait picture { max-width: 230px !important; } } @media (min-width: 700px) { .cover-byline { grid-template-columns: repeat(4, 1fr) !important; } } /* Keep I. / II. heads clear of the portrait and centered. */ #plaintiff .sec-head, #press .sec-head { text-align: center; margin-top: 0.4rem; } /* Inner-page heads: center to match homepage I./II. */ .section-title, .kick, .page-hero h1, .page-hero .lede, .page-hero .eyebrow, header.hero h1, header.hero .lede, header.hero .eyebrow { text-align: center; margin-left: auto; margin-right: auto; } .section-title::after { left: 50%; transform: translateX(-50%); } /* Utility / legal paper: cream, not cool gray */ body > .wrap h1, body > .wrap .sub, body > .wrap .lede { text-align: center; margin-left: auto; margin-right: auto; } /* Burgundy buttons — dossier, not gold consulting CTAs */ .btn-primary, .cta-btn:not(.ghost), .nav-cta { background: #E11D48 !important; color: #FFF1F2 !important; border-color: #E11D48 !important; } /* Masthead + cover: stacked dossier, double burgundy rules */ .masthead { border-bottom: 2px solid #E11D48 !important; background: rgba(255, 241, 242, 0.94) !important; } .masthead-rule-top { height: 5px !important; background: #E11D48 !important; } .lb-nav { border-bottom: 2px solid #E11D48; background: rgba(255, 241, 242, 0.94); } .topnav { border-bottom: 2px solid #E11D48 !important; background: rgba(255, 241, 242, 0.96) !important; } /* Section furniture: burgundy double rules, keep I./II. heads centered */ .sec-head { border-bottom: 2px double #E11D48 !important; } .sec-number, .sec-eyebrow, .sec-title { color: #E11D48 !important; } .sec { padding-top: clamp(2.2rem, 4.2vw, 3.4rem) !important; padding-bottom: clamp(2rem, 3.8vw, 3rem) !important; } .hr-double { border: 0; border-top: 3px double #E11D48; margin: 2rem 0; } .doc-figure { border-top-color: #E11D48; border-bottom-color: #E11D48; } /* Beat leftover Fraunces / Hanken declarations without touching copy */ html.ah-record .nav-name, html.ah-record .cover-title, html.ah-record .lb-title, html.ah-record .sec-title, html.ah-record .section-title { font-family: "Instrument Serif", Palatino, Georgia, serif !important; } html.ah-record body, html.ah-record p, html.ah-record li, html.ah-record .lede, html.ah-record .lb-sub, html.ah-record .cover-deck { font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif; } html.ah-record .cover-deck { font-family: "Instrument Serif", Palatino, Georgia, serif; font-style: italic; } html.ah-record .cover-eyebrow, html.ah-record .sec-number, html.ah-record .sec-eyebrow, html.ah-record .cover-byline, html.ah-record .cover-byline-label, html.ah-record .navlink, html.ah-record .lb-kicker, html.ah-record .card-meta { font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace !important; } /* Win against leftover Fraunces !important in site-identity / inline heads. font-family only — never font-size, so the a11y overlay still wins. */ html.ah-record h1, html.ah-record h2, html.ah-record h3, html.ah-record h4, html.ah-record h5, html.ah-record h6, html.ah-record .cover-title, html.ah-record .sec-title, html.ah-record .lb-title, html.ah-record .section-title, html.ah-record .nav-name, html.ah-record .masthead-mark, html.ah-record .cover-deck { font-family: "Instrument Serif", Palatino, Georgia, serif !important; } html.ah-record, html.ah-record body, html.ah-record p, html.ah-record li, html.ah-record dd, html.ah-record .lede, html.ah-record .lb-sub, html.ah-record .col-wide, html.ah-record .col-narrow { font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !important; } html.ah-record .cover-deck { font-family: "Instrument Serif", Palatino, Georgia, serif !important; font-style: italic; } html.ah-record .cover-eyebrow, html.ah-record .hero .eyebrow, html.ah-record .page-hero .eyebrow, html.ah-record .lb-kicker, html.ah-record .sec-number, html.ah-record .sec-eyebrow, html.ah-record .cover-byline, html.ah-record .cover-byline-label, html.ah-record .lb-meta, html.ah-record .masthead-volume, html.ah-record .masthead-date, html.ah-record .card-meta, html.ah-record .cc-search-label, html.ah-record .cc-count, html.ah-record .cc-year-mark, html.ah-record .navlink, html.ah-record .kick, html.ah-record .eyebrow { font-family: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace !important; } /* ------------------------------------------------------------------ Readable contrast (2026-08-20). Visual only. Gold = hairlines. Body / nav / links = burgundy ink. Italic names: solid burgundy. Keep I./II. heads, nosnippet, KidSwing / Temple / Scottish Rite. ------------------------------------------------------------------ */ html.ah-record body, html body, body { font-size: 16.5px; line-height: 1.55; letter-spacing: 0; color: #E11D48; } h1 em, h2 em, h3 em, .cover-title em, .lb-title em, .sec-title em, .section-title em { color: #E11D48 !important; -webkit-text-fill-color: #E11D48 !important; background: none !important; background-image: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; } /* Leftover dark prototype hero, if it still paints */ .pw-hero .pw-h1 em { color: #FFF1F2 !important; -webkit-text-fill-color: #FFF1F2 !important; background: none !important; } .cover-eyebrow, .lb-kicker, .sec-eyebrow, .eyebrow, .kick, .lbl-eyebrow { color: #E11D48 !important; } a, .lb-nav-links a, .navlink, .nav-name { color: #E11D48; } p a, li a, dd a { color: #E11D48; text-decoration: underline; text-underline-offset: 2px; } .lb-nav-links a, .navlink, .btn, a.btn, .nav-cta { text-decoration: none; } .btn-primary, .cta-btn:not(.ghost), .nav-cta { background: #E11D48 !important; color: #FFF1F2 !important; border-color: #E11D48 !important; } #plaintiff .sec-head, #press .sec-head { text-align: center; } img[src*="temple-emanu-el"], img[src*="scottish-rite"], img[src*="kidswing"] { object-fit: contain !important; } .cover-portrait img, .speaking-portrait img { object-fit: contain !important; } /* ------------------------------------------------------------------ Tools restore (2026-08-20). Visibility + 44px tap only. Does not add products, calculators, or copy. Does not hide tools. ------------------------------------------------------------------ */ /* Skip-links: overflow-x:hidden on html/body can clip left:-9999px even after :focus { left:0 }. Pin focused skip to the viewport. */ .skip-to-content:focus, .skip-to-content:focus-visible, a.skip-to-content:focus, .skip:focus, .skip:focus-visible, .skip-link:focus, .skip-link:focus-visible, a.skip-link:focus { position: fixed !important; left: 12px !important; top: 12px !important; width: auto !important; height: auto !important; min-width: 44px; min-height: 44px; overflow: visible !important; clip: auto !important; clip-path: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; display: inline-flex !important; align-items: center; z-index: 2147483646 !important; } /* Accessibility toolbar injected by enhance.js */ .enh-bar, .enh-panel, .enh-lang { opacity: 1; visibility: visible; pointer-events: auto; } .enh-btn, .enh-toggle, .enh-step, .enh-reset { min-width: 44px; min-height: 44px; } /* Existing CTAs / form controls / downloads */ .nav-cta, .btn, a.btn, .btn-pri, a.btn-pri, .btn-sec, button.send, #inquire button.send, #inquire input, #inquire select, .dl .btn, .dl a.btn, a[download] { min-height: 44px; } /* Social chips already used as tap tools */ .chip { min-width: 44px; min-height: 44px; } /* Glossary A-Z jump filters */ .index a, nav.az a, nav.index a { min-width: 44px; min-height: 44px; box-sizing: border-box; } /* Coverage search on the record */ .cc-search, input.cc-search, input[type="search"] { min-height: 44px; box-sizing: border-box; } /* Record / shared site-search modal (markup already in the tree) */ #site-search-modal { position: fixed; inset: 0; background: rgba(10, 10, 10, 0.85); z-index: 10000; display: none; align-items: flex-start; justify-content: center; padding: 6rem 1rem 1rem; } #site-search-modal.open { display: flex !important; } #site-search-modal-inner { background: #fff; max-width: 720px; width: 100%; border-radius: 14px; padding: 1.5rem; max-height: 75vh; overflow-y: auto; } #site-search-close { min-width: 44px; min-height: 44px; background: transparent; border: none; cursor: pointer; float: right; font-size: 1.4rem; } #site-tools-bar { position: fixed; bottom: 1rem; right: 1rem; z-index: 9999; display: flex; flex-direction: column; gap: 0.5rem; pointer-events: auto; opacity: 1; visibility: visible; } #site-tools-bar .stb-btn, .stb-btn { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; min-width: 44px; min-height: 44px; background: #0A0A0A; color: #fff; border: none; border-radius: 50%; cursor: pointer; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25); font-size: 1.1rem; position: relative; } .stb-btn[data-label]::after { content: attr(data-label); position: absolute; right: 56px; white-space: nowrap; background: #0A0A0A; color: #fff; padding: 0.45rem 0.8rem; border-radius: 6px; font-size: 0.85rem; opacity: 0; pointer-events: none; } .stb-btn:hover::after, .stb-btn:focus::after { opacity: 0.98; } #google_translate_widget { position: fixed; bottom: 1rem; right: 5rem; z-index: 9998; background: #fff; padding: 0.4rem 0.6rem; border-radius: 8px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18); display: none; } #google_translate_widget.open { display: block !important; } @media print { #site-tools-bar, #site-search-modal, #google_translate_widget, .enh-bar, .enh-panel, .enh-lang { display: none !important; } } /* ------------------------------------------------------------------ Alive dossier (2026-08-20). Visual only. Rose paper, stone ink, cherry rules. Not burgundy #3d1f2b. Not gold. Buttons cherry / white. Keep I./II. heads, nosnippet, KidSwing / Temple / Scottish Rite, contain. ------------------------------------------------------------------ */ html.ah-record, html.ah-record body, html body, body { background: #FFF1F2 !important; color: #1C1917 !important; } html.ah-record h1, html.ah-record h2, html.ah-record h3, html.ah-record h4, html.ah-record h5, html.ah-record h6, html.ah-record .cover-title, html.ah-record .sec-title, html.ah-record .lb-title, html.ah-record .section-title, html.ah-record .nav-name, html.ah-record .masthead-mark, h1, h2, h3, h4, h5, h6, .cover-title, .sec-title, .lb-title, .section-title { color: #E11D48 !important; } h1 em, h2 em, h3 em, .cover-title em, .lb-title em, .sec-title em, .section-title em { color: #E11D48 !important; -webkit-text-fill-color: #E11D48 !important; background: none !important; background-image: none !important; } .pw-hero .pw-h1 em { color: #FFF1F2 !important; -webkit-text-fill-color: #FFF1F2 !important; } .cover-eyebrow, .lb-kicker, .sec-eyebrow, .eyebrow, .kick, .lbl-eyebrow, .sec-number, .sec-title, .cover-byline, .cover-byline-label { color: #E11D48 !important; } a, .lb-nav-links a, .lb-ext, .navlink, .nav-name { color: #1C1917; } .lb-nav-links a:hover, a:hover { color: #BE123C; } p a, li a, dd a { color: #1C1917; } a[style*="3d1f2b"], a[style*="3D1F2B"] { color: #1C1917 !important; } h1::after, .cover-eyebrow::before, .cover-eyebrow::after { background: #E11D48 !important; } .cover { border-bottom-color: #E11D48 !important; } .cover-deck { border-top-color: #E11D48 !important; } .cover::before, .cover::after, .printer-marks, .printer-marks-tr, header.hero::before, header.hero::after, .page-hero::before, .page-hero::after, .lb-hero::before, .lb-hero::after { border-color: #E11D48 !important; } .btn-primary, .cta-btn:not(.ghost), .nav-cta { background: #E11D48 !important; color: #FFFFFF !important; border-color: #E11D48 !important; } .masthead, .lb-nav, .topnav { background: rgba(255, 241, 242, 0.94) !important; border-bottom-color: #E11D48 !important; } .masthead-rule-top { background: #E11D48 !important; } .sec-head { border-bottom-color: #E11D48 !important; } .hr-double { border-top-color: #E11D48 !important; } .doc-figure { border-top-color: #E11D48; border-bottom-color: #E11D48; } .cover-portrait, .speaking-portrait { --portrait-cream: #FFF1F2; --portrait-navy: #E11D48; --portrait-gold: #E11D48; background: #FFF1F2; border-color: #E11D48; box-shadow: 0 0 0 5px #FFF1F2, 0 0 0 6px #E11D48, 0 18px 40px rgba(28, 25, 23, 0.12); } .cover-portrait img, .speaking-portrait img, .cover-portrait picture, .speaking-portrait picture { border-color: rgba(225, 29, 72, 0.35); background: #FFF1F2; object-fit: contain !important; } img[src*="temple-emanu-el"], img[src*="scottish-rite"], img[src*="kidswing"] { object-fit: contain !important; } #plaintiff .sec-head, #press .sec-head { text-align: center; } /* ------------------------------------------------------------------ Type refresh: Instrument Serif display + IBM Plex Sans + Mono. Stacked dossier stays. No leftover burgundy/gold. Visual only. ------------------------------------------------------------------ */ html.ah-record h1, html.ah-record h2, html.ah-record h3, html.ah-record h4, html.ah-record h5, html.ah-record h6, html.ah-record .cover-title, html.ah-record .sec-title, html.ah-record .lb-title, html.ah-record .section-title, html.ah-record .nav-name, html.ah-record .masthead-mark, html.ah-record .cover-deck { font-family: "Instrument Serif", Palatino, Georgia, serif !important; } html.ah-record, html.ah-record body, html.ah-record p, html.ah-record li, html.ah-record dd, html.ah-record .lede, html.ah-record .lb-sub, html.ah-record .col-wide, html.ah-record .col-narrow { font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !important; } html.ah-record .cover-deck { font-family: "Instrument Serif", Palatino, Georgia, serif !important; font-style: italic; } .nav-name, .masthead-mark, .lb-brand span { font-family: "Instrument Serif", Palatino, Georgia, serif !important; letter-spacing: -0.02em; font-weight: 400; } .lb-brand img, .wordmark { border-radius: 4px; } /* Leftover burgundy / gold inline hexes — visual remap only */ [style*="#3d1f2b"], [style*="#3D1F2B"], [style*="#8C1A28"], [style*="#8c1a28"], [style*="#c4a35a"], [style*="#C4A35A"], [style*="#C9A96A"], [style*="#D4AF37"] { /* color inherited from cherry/stone rules above when these were accents */ } .sec, .cover, header.hero, .page-hero, .lb-hero, .gal-section { padding-top: clamp(3rem, 6vw, 6rem); padding-bottom: clamp(3rem, 6vw, 6rem); } .lede, .cover-deck, .col-wide, .col-narrow, .lb-sub, p { max-width: 65ch; } html, body { overflow-x: hidden; } img, svg, video { max-width: 100%; } @media (max-width: 640px) { html.ah-record body, html body, body { font-size: 16px; line-height: 1.55; } html, body { overflow-x: hidden; } h1, .cover-title, .lb-title, header.hero h1, .page-hero h1 { font-size: 2rem !important; line-height: 1.15; } .wrap, .masthead-inner, .lb-nav, header.hero, .page-hero, .cover, .col-wide, .col-narrow { padding-left: 20px !important; padding-right: 20px !important; } .cover-grid, .cover-grid.cover-grid, header.hero .in, .page-hero .in { grid-template-columns: 1fr !important; justify-items: center !important; } .masthead-inner, .lb-nav, .topnav { flex-wrap: wrap !important; } .lb-nav-links, .nav-links, nav .navlink, .topnav { flex-wrap: wrap !important; gap: 8px 14px; } .lb-nav-links a, .navlink { min-height: 44px; display: inline-flex; align-items: center; } .btn, a.btn, .btn-primary, .cta-btn, .nav-cta, main .btn { width: 100%; min-height: 44px; justify-content: center; } img:not(.link-icon):not([src*="icons.duckduckgo.com"]), video { max-width: 100%; height: auto; } img[src*="temple-emanu-el"], img[src*="scottish-rite"], img[src*="kidswing"] { object-fit: contain !important; max-width: 100%; } #plaintiff .sec-head, #press .sec-head { text-align: center; } } /* ==== 2026-08-20 modern bg + type + fine print ==== Visual only. Solid paper / light wash. Type hierarchy + 62–68ch measure. Body 16–16.5px / lh 1.55–1.6. Fine print 0.6875rem / 1.4 / centered. Linked last so these win. */ :root { --paper: #FFF1F2 !important; --fine: rgba(28, 25, 23, 0.82) !important; --measure: 68ch; } html, html.ah-record, html.ah-record body, html body, body { background-color: #FFF1F2 !important; background-image: none !important; } section.hero, header.hero, .hero-block, section[data-section="hero"], #hero, .cover, .page-hero, .lb-hero, .masthead, .topnav, .lb-nav { background-color: #FFF1F2 !important; background-image: none !important; } /* ----- Body rhythm (uniform across home + inner) ----- */ html body { font-size: 16.5px !important; line-height: 1.58 !important; } html body a:not(.btn):not(.cta):not(.cta-btn):not(.nl):not(.nav-links a):not(.brand) { font-size: inherit; } /* ----- Type hierarchy (home + inner pages share the system) ----- */ h1, .cover-title, .lb-title { text-wrap: balance; line-height: 1.12; } h2, .block h2, .sec-title, .section-title { text-wrap: balance; line-height: 1.18; margin-top: 1.65em; margin-bottom: 0.48em; } h3 { text-wrap: balance; line-height: 1.22; margin-top: 1.3em; margin-bottom: 0.38em; } h1 + p, h2 + p, h3 + p, h1 + .lede, h2 + .lede, h3 + .lede { margin-top: 0.2em; } /* Inner pages: same faces, calmer scale, not cramped */ body > .wrap > h1, main > .wrap > h1, main > h1:first-child, body > .wrap h1 { font-size: clamp(1.8rem, 4vw, 2.5rem); line-height: 1.14; margin: 0.15em 0 0.4em; max-width: 22ch; } body > .wrap > h2, main > .wrap > h2, body > .wrap h2 { font-size: clamp(1.18rem, 2.2vw, 1.5rem); margin-top: 1.7em; margin-bottom: 0.45em; } body > .wrap > h3, main > .wrap > h3, body > .wrap h3 { font-size: 1.05rem; margin-top: 1.3em; } body > .wrap { max-width: 44rem; margin-inline: auto; padding: clamp(2.6rem, 5.5vw, 4.8rem) 1.25rem 3rem; } main > .wrap { padding-block: clamp(0.4rem, 2vw, 1.2rem); } /* Body measure ~60–68ch, paragraph air */ main p, article p, .wrap > p, .col-wide p, .col-narrow p, .block p, .lede, p.lede, p.body, dd { max-width: 68ch; } main p, article p, .wrap > p, .col-wide p, .col-narrow p, .block p.body, p.body { margin: 0 0 1.08em; line-height: 1.6; } .sub, p.sub { font-size: 0.95rem; line-height: 1.5; margin: 0 0 1.35em; color: var(--fine); max-width: 68ch; } a.back { display: inline-block; margin-bottom: 1.25rem; font-size: 0.92rem; } /* Lists: hanging indent (outside markers, wrap under text) */ main ul, main ol, article ul, article ol, .wrap ul, .wrap ol, .col-wide ul, .col-narrow ul { max-width: 68ch; padding-left: 1.5em; margin: 0 0 1.2em; line-height: 1.6; list-style-position: outside; } main li + li, article li + li, .wrap li + li { margin-top: 0.4em; } main li, article li, .wrap li { padding-left: 0.25em; text-indent: 0; } /* ----- Mobile stacks ----- */ @media (max-width: 640px) { html, body { overflow-x: hidden; } body { font-size: 16px !important; line-height: 1.55 !important; } h1, .hero h1, .cover-title, .lb-title, .phero h1, .hero-split h1 { font-size: 2rem !important; line-height: 1.15 !important; max-width: 100%; } .grid, .grid2, .cards3, .feature, .cols, .stats .row, .hero .in, .statement .row, .cover-grid, .port, .card-grid, .princ, .impact .row, .contact, .bigfoot .cols, .heroart .body, .statband .row { grid-template-columns: 1fr !important; } body > .wrap, main .wrap, .nav-in, footer { padding-left: 1.25rem; padding-right: 1.25rem; } .btnrow, .hero .btns, .hbtns, .cta { display: flex; flex-direction: column; align-items: stretch; width: 100%; } } /* ----- Fine print: small, uniform, centered ----- */ /* Simple footers (copyright / legal / network strip) */ html body footer:not(.bigfoot):not(:has(.footer-inner)), html body footer.fine:not(:has(.footer-inner)), html body .fine { font-size: 0.6875rem !important; line-height: 1.4 !important; text-align: center !important; color: var(--fine) !important; padding: 1.25rem 1.25rem 2rem !important; max-width: 42rem; margin-inline: auto; letter-spacing: 0.01em; } html body footer:not(.bigfoot):not(:has(.footer-inner)) .wrap, html body footer.fine:not(:has(.footer-inner)) .wrap { max-width: 42rem; margin-inline: auto; text-align: center !important; } /* Legal bits everywhere — including designed footers */ html body footer .legal, html body footer p.legal, html body footer .disclaimer, html body footer .footer-bottom, html body footer .footer-bottom div, html body footer .ah-identity, html body footer .ah-identity a, html body footer .base, html body footer .base span, html body footer p.fine, html body .legal, html body p.legal, html body .ah-identity, html body [data-legal], html body [data-legal] p, html body [data-legal] div, html body [data-legal] span, html body [data-legal-band], html body footer:not(:has(.footer-inner)):not(.bigfoot) p, html body footer:not(:has(.footer-inner)):not(.bigfoot) li, html body footer:not(:has(.footer-inner)):not(.bigfoot) small, html body footer:not(:has(.footer-inner)):not(.bigfoot) .note, html body footer:not(:has(.footer-inner)):not(.bigfoot) .fnet-h, html body footer:not(:has(.footer-inner)):not(.bigfoot) .fl, html body footer:not(:has(.footer-inner)):not(.bigfoot) .pl, html body footer:not(:has(.footer-inner)):not(.bigfoot) .netf, html body footer:not(:has(.footer-inner)):not(.bigfoot) span, html body footer:not(:has(.footer-inner)):not(.bigfoot) a { font-size: 0.6875rem !important; line-height: 1.4 !important; text-align: center !important; color: var(--fine) !important; } html body [data-legal], html body [data-legal-band], html body .ah-identity, html body .legal, html body footer .disclaimer, html body footer .footer-bottom, html body footer .base { max-width: 42rem; margin-inline: auto; } html body footer .disclaimer, html body footer .footer-bottom, html body [data-legal] { padding: 1.25rem 1.25rem 2rem !important; } html body footer:not(:has(.footer-inner)):not(.bigfoot) a, html body footer.fine:not(:has(.footer-inner)) a, html body .fine a, html body footer .legal a, html body footer .pl a, html body footer .fl a, html body footer .ah-identity a, html body footer .netf a, html body footer .disclaimer a, html body footer .footer-bottom a, html body .legal a, html body .ah-identity a, html body [data-legal] a, html body [data-legal] a[style], html body .pl a { font-size: 0.6875rem !important; line-height: 1.4 !important; color: var(--fine) !important; text-decoration: underline !important; text-decoration-style: dotted !important; text-underline-offset: 2px; font-weight: 400 !important; } /* Designed footers keep brand / columns; legal strip only shrinks */ html body footer:has(.footer-inner), html body footer.bigfoot { max-width: none; padding-left: 0; padding-right: 0; } html body footer:has(.footer-inner) .footer-inner, html body footer:has(.footer-inner) .footer-inner a, html body footer:has(.footer-inner) .footer-h, html body footer:has(.footer-inner) .brand-mark, html body footer.bigfoot .cols, html body footer.bigfoot .cols a, html body footer.bigfoot .blurb, html body footer.bigfoot h3 { font-size: revert; line-height: revert; text-align: revert; color: revert; max-width: none; } html body footer.bigfoot .base, html body footer.bigfoot .base span, html body footer.bigfoot [data-legal], html body footer.bigfoot [data-legal] p, html body footer.bigfoot [data-legal] div, html body footer.bigfoot [data-legal] span, html body footer.bigfoot [data-legal] a { font-size: 0.6875rem !important; line-height: 1.4 !important; text-align: center !important; color: var(--fine-on-dark, rgba(255,255,255,0.62)) !important; } html body footer.bigfoot [data-legal], html body footer.bigfoot .base { max-width: 42rem; margin-inline: auto; padding: 1.25rem 1.25rem 1.5rem !important; } html body footer.bigfoot [data-legal] a { text-decoration: underline !important; text-decoration-style: dotted !important; text-underline-offset: 2px; } html body footer:not(.bigfoot):not(:has(.footer-inner)) .fl, html body footer:not(.bigfoot):not(:has(.footer-inner)) .pl { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.35rem 0.85rem; max-width: 42rem; margin-inline: auto; } /* Custom extra — cherry double rule + on-the-record stamp */ .rec-extra-stamp{ display:flex;flex-direction:column;align-items:center;gap:8px; margin:28px auto 8px;color:#E11D48; font-family:"Instrument Serif",Georgia,serif;font-size:20px; } .rec-extra-stamp .rules{width:72px;height:7px; background:linear-gradient(#E11D48,#E11D48) 0 0/100% 2px no-repeat, linear-gradient(#E11D48,#E11D48) 0 100%/100% 2px no-repeat; } .rec-extra-stamp .lbl{ font-family:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif; font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:#1C1917; } /* === polish-2026-08: $100k type / 8px grid / photo align / no year-title overlap === */ :root { --space: 8px; --measure: 65ch; } html, body { overflow-x: clip; } img, svg, video { max-width: 100%; height: auto; } main img, article img, .wrap img, .studies-wrap img, figure img, .hero img, .hs-photo img { display: block; } img.link-icon, .brand img, nav img, .nav img { display: inline-block; } main p, article p, .wrap > p, .studies-wrap p, .lede, p.lede, .body { max-width: var(--measure); overflow-wrap: break-word; } h1, h2, h3, h4 { text-wrap: balance; overflow-wrap: anywhere; } h1 { margin-block: 0 24px; } h2 { margin-block: 32px 16px; } h3 { margin-block: 16px 8px; } .lede, p.lede { max-width: 65ch; margin-bottom: 24px; line-height: 1.55; } .wrap, .nav-in, .lb-nav-in, main, .studies-wrap { box-sizing: border-box; } figure { margin: 0; } .collage img, .gal img, .ph img, .hs-photo img, .hero-portrait img, .speaking-portrait img { object-position: center top; } img[src*="logo"], img[src*="wordmark"], .brand img, .logo-mark { object-fit: contain !important; } /* Inner-page stub navs look like home bars */ body > nav:not(.nav):not(.site):not(.lb-nav) { display: flex; align-items: center; min-height: 64px; padding: 16px 24px; box-sizing: border-box; } body > nav:not(.nav):not(.site):not(.lb-nav) a { text-decoration: none; font-weight: 650; } .back { font-size: 0.875rem; } /* Footer fine print: small, uniform, centered */ html body footer.fine, html body footer .legal, html body footer .disclaimer, html body footer .base, html body footer [data-legal], html body footer p.fine { text-align: center !important; font-size: 0.6875rem !important; line-height: 1.45 !important; max-width: 42rem; margin-inline: auto; } html body footer.fine { padding: 24px 16px 32px; } /* Years / dates never sit on top of titles on small screens */ @media (max-width: 720px) { .gtl-item, .tl-item, .timeline-item, .year-row { display: flex !important; flex-direction: column !important; grid-template-columns: 1fr !important; gap: 8px; } .gtl-year, .year, .when, time.date, .yr { position: static !important; float: none !important; left: auto !important; width: auto !important; text-align: left !important; padding: 0 0 4px !important; margin: 0; } h1, .cover-title, .hero h1 { font-size: clamp(1.75rem, 8vw, 2.25rem); line-height: 1.15; } .nav-links, nav.site ul, .lb-nav-in { flex-wrap: wrap; } .grid, .card-grid, .chips { gap: 8px; } } /* Record: dossier cover, years/dates never overlap titles */ .cover-title, h1 { overflow-wrap: anywhere; } .cover-byline { align-items: start; gap: 8px 16px; } .lb-nav-in { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; } .studies-wrap { max-width: 65ch; padding: 32px 24px 64px; } .gal-section .collage { gap: 8px; align-items: stretch; } .gal-section .ph img { object-fit: cover; object-position: center top; } @media (max-width: 720px) { .cover-byline { grid-template-columns: 1fr !important; } .when, .year, .date, .yr { display: block; position: static !important; margin-bottom: 8px; } h3, .gtl-h, .lb-title { overflow-wrap: anywhere; } } /* Muted Seedance 2.5 cinematic hero loop. Reduced-motion falls back to still. Palette: cherry on parchment. */ .lb-hero { overflow: hidden; } .lb-hero .hero-loop { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; } .lb-hero .hero-loop::after { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(180deg, rgba(238,235,227,0.55) 0%, rgba(229,225,214,0.48) 48%, rgba(238,235,227,0.78) 100%); pointer-events: none; } .lb-hero .hero-loop video, .lb-hero .hero-loop .hero-loop-poster { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none !important; object-fit: cover; object-position: center 40%; display: block; } .lb-hero .hero-loop video { z-index: 1; } .lb-hero .hero-loop .hero-loop-poster { z-index: 0; } .lb-hero > #main-content { position: relative; z-index: 2; } .lb-hero::before, .lb-hero::after { z-index: 3; } @media (prefers-reduced-motion: reduce) { .lb-hero .hero-loop video { display: none !important; } .lb-hero .hero-loop .hero-loop-poster { display: block !important; z-index: 1; } } /* quiet-luxury 2026-09-01 — Seedance 2.5 muted docket loop, not a case study */ h1 { letter-spacing: -0.03em; margin-bottom: 0.9em; } h2 { margin-block: 2.2rem 1rem; } .lb-hero .hero-loop::after { background: linear-gradient(180deg, rgba(255, 241, 242, 0.42) 0%, rgba(255, 228, 230, 0.38) 46%, rgba(255, 241, 242, 0.78) 100%); } .lb-hero, .lb-hero #main-content { color: #1C1917; } html body footer, html body footer .legal, html body footer p.fine { text-align: center !important; color: #44403C !important; } @media (prefers-reduced-motion: reduce) { .lb-hero .hero-loop video { display: none !important; } } /* quiet-luxury floor 2026-09-01 — tight type, air, contrast, restrained motion. Palette: cherry / parchment. */ body { letter-spacing: -0.006em; color: #1A1612; } h1, .lb-hero h1, .cover-title { letter-spacing: -0.036em; line-height: 1.08; text-wrap: balance; } h2, .lb-title { letter-spacing: -0.024em; text-wrap: balance; } p, .lede, li { line-height: 1.62; max-width: 65ch; } section, .block, .lb-section { padding-block: clamp(2.75rem, 6vw, 5.5rem); } .chip:hover, a.chip:hover { transform: none; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .chip, .btn, a { transition: none !important; } } /* Ken Burns on still photography — heroes stay Seedance loops. No new faces. */ @keyframes ah-kenburns{from,to{transform:none}} 50% { transform: scale(1.08) translate3d(-1.4%, -1%, 0); } 100% { transform: scale(1.045) translate3d(1.1%, 0.5%, 0); } } main figure:not(.speaking-portrait):not(.hero-portrait) { overflow: hidden; } main figure:not(.speaking-portrait):not(.hero-portrait) img:not(.link-icon):not([src*="logo"]):not([src*="wordmark"]):not([src*="signature"]):not([src*="qr"]):not([src*="icon"]) { animation:none; transform-origin: 50% 42%; will-change: transform; } @media (prefers-reduced-motion: reduce) { main figure img { animation: none !important; } } /* relief 2026-09-01 — record: parchment veil deepens; ink stays (palette) */ .lb-hero .hero-loop::after { background: linear-gradient(180deg, rgba(238,235,227,.62) 0%, rgba(229,225,214,.55) 46%, rgba(238,235,227,.88) 100%) !important; } .lb-hero, .lb-hero #main-content { color:#1A1612; } h1, .lb-title { letter-spacing:-.038em; } /* relief-motion 2026-09-01 — cinematic depth/air. Original motion language. Not Apple CSS. */ .hero-loop, .hero-split .hero-loop, header.hero .hero-loop, section.hero .hero-loop, .lb-hero .hero-loop { transform: scale3d(var(--hero-scale, 1), var(--hero-scale, 1), 1); transform-origin: 50% 50%; will-change: transform; backface-visibility: hidden; } .hero-loop::after { box-shadow: inset 0 0 0 100vmax rgba(0, 0, 0, calc(var(--hero-veil, 0) * 0.42)); } @media (prefers-reduced-motion: no-preference) { .hero-loop-poster { animation: ah-hero-still 20s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards; transform-origin: 50% 46%; } } @keyframes ah-hero-still { from { transform: scale(1); } to { transform: scale(1.02); } } /* Kill Ken Burns / pan on photography. Speaking portraits stay static. No Stars motion. */ @keyframes ah-kenburns { from, to { transform: none; } } .speaking-portrait img, .speaking-portrait picture, .hero-portrait img, .hero-portrait picture, .hero-photo img, .principal-photos figure img, .ah-infographic img, main figure img, .ah-still img { animation: none !important; } @media (prefers-reduced-motion: no-preference) { html.enh-reveal [data-reveal] { opacity: 0; transform: translate3d(0, 24px, 0); transition: opacity 1.05s cubic-bezier(0.22, 1, 0.36, 1), transform 1.05s cubic-bezier(0.22, 1, 0.36, 1); will-change: opacity, transform; } html.enh-reveal [data-reveal].enh-revealed { opacity: 1; transform: none; } html.enh-reveal [data-reveal-child] { opacity: 0; transform: translate3d(0, 24px, 0); transition: opacity 0.95s cubic-bezier(0.22, 1, 0.36, 1), transform 0.95s cubic-bezier(0.22, 1, 0.36, 1); } html.enh-reveal [data-reveal-child].enh-revealed { opacity: 1; transform: none; } } @media (min-width: 900px) and (prefers-reduced-motion: no-preference) { .feature { align-items: start; } .feature > .panel, .feature > figure, .hero-split .hs-photo { position: sticky; top: 88px; align-self: start; } } @media (prefers-reduced-motion: reduce) { .hero-loop, .hero-loop video, .hero-loop-poster, .hero-split .hero-loop { transform: none !important; animation: none !important; } .hero-loop video { display: none !important; } .hero-loop .hero-loop-poster { display: block !important; z-index: 1; } html.enh-reveal [data-reveal], html.enh-reveal [data-reveal-child] { opacity: 1 !important; transform: none !important; transition: none !important; } } .chip:hover, a.chip:hover, .card:hover { transform: none !important; } /* === media-layout-2026-09-09 === crop/aspect/spacing/mobile/video; no overlaps */ img, video { max-width: 100%; height: auto; } .hero-loop, .hero-split .hero-loop, header.hero .hero-loop, section.hero .hero-loop, .lb-hero .hero-loop { overflow: hidden !important; isolation: isolate; } .hero-loop video, .hero-loop .hero-loop-poster, header.hero .hero-loop video, header.hero .hero-loop .hero-loop-poster, section.hero .hero-loop video, section.hero .hero-loop .hero-loop-poster, .lb-hero .hero-loop video, .lb-hero .hero-loop .hero-loop-poster { object-fit: cover !important; object-position: center 42% !important; width: 100% !important; height: 100% !important; max-width: none !important; display: block; } .hero-loop video { z-index: 1; } .hero-loop .hero-loop-poster { z-index: 0; } .ah-still, .ah-still-mscev, .ah-still-portrait, .ah-still-pin { position: relative; overflow: hidden; border-radius: 12px; background: transparent; } .ah-still video, .ah-still img { width: 100%; height: auto; max-width: 100%; object-fit: contain; display: block; } .feature-photos, .ks-photos, .ll-photos, .info-cards, .gal, .collage, .principal-photos { gap: clamp(14px, 2vw, 22px) !important; } .feature-photos img, .ks-photos img, .ll-photos img, .gal img, .collage img, .principal-photos img, .info-cards img, figure:not(.speaking-portrait):not(.hero-portrait) > img { border-radius: 12px; object-fit: cover; object-position: center 30%; } .speaking-portrait, .hero-portrait, .cover-portrait, .about-portrait { margin-inline: auto; max-width: min(420px, 100%); } .speaking-portrait img, .hero-portrait img, .cover-portrait img, .about-portrait img { width: 100%; height: auto; object-fit: contain !important; object-position: center top !important; display: block; } @media (max-width: 820px) { .feature, .hero .in, .phero .in, .contact, .statement .row { grid-template-columns: 1fr !important; } .speaking-portrait, .hero-portrait, .cover-portrait, .about-portrait { max-width: min(320px, 92vw); margin-bottom: 1.25rem; } .ks-photos, .ll-photos, .info-cards, .gal, .collage { grid-template-columns: 1fr !important; } .hero-loop, header.hero .hero-loop, section.hero .hero-loop, .lb-hero .hero-loop { min-height: 42vh; } /* prevent year/title/portrait overlaps */ .tl-item, .gtl-item { position: relative; overflow: visible; } } @media (prefers-reduced-motion: reduce) { .hero-loop video { display: none !important; } .hero-loop .hero-loop-poster { display: block !important; z-index: 1 !important; } }