:root{ --tp-text-primary:#EAEAEA; --tp-text-secondary:#9A9A9A; --tp-text-muted:#888888; --tp-accent-gold:#E8CBA8; --tp-bg:#000000; --tp-hero-h: min(calc(100vw * 9 / 16), 100vh); --tp-copy-size: clamp(16px, 1.15vw, 18px); } html{ background:var(--tp-bg) !important; min-height:100%; } html, body, #super-content, #super-content-wrapper, .super-content, #super-root, [id^="super-block"], .super-page, #root, #__next, #app, main, .notion-frame, .notion-app, .notion-root, .notion-app-inner, .notion-cursor-listener{ background:var(--tp-bg) !important; color:var(--tp-text-primary) !important; font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; } body{ margin:0 !important; min-height:100vh !important; -webkit-tap-highlight-color:rgba(232,203,168,.14); } body::before{ content:""; position:fixed; inset:0; background:var(--tp-bg); z-index:-1; pointer-events:none; } html{ overflow-x:hidden; -webkit-text-size-adjust:100%; text-size-adjust:100%; } .tp-shell{ --tp-pad-x: clamp(16px, 4vw, 56px); --tp-section-gap: clamp(40px, 7vw, 72px); --tp-press-column-max: min(880px, 100%); --tp-instagram-max: min(calc(1120px * 1.12), 100%); max-width: min(1200px, calc(100vw - (var(--tp-pad-x) * 2))); width: 100%; margin: 0 auto clamp(64px, 10vw, 120px); padding: clamp(18px, calc(var(--tp-hero-h) * 0.045), 48px) var(--tp-pad-x) clamp(48px, 10vw, 120px); box-sizing: border-box; } .tp-hero-full{ position:relative; width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); height: var(--tp-hero-h); min-height: 360px; overflow:hidden; background:var(--tp-bg); margin-bottom:clamp(20px, 3.8vw, 44px); } .tp-hero-full > .tp-hero-media{ position:relative !important; width:100% !important; height:100% !important; padding:0 !important; } .tp-hero-full > .tp-hero-media > picture{ position:absolute; inset:0; z-index:5; display:block; pointer-events:none; } .tp-hero-video{ width:100%; height:100%; object-fit:cover; display:block; } .tp-hero-poster{ display:none; } html.tp-is-safari .tp-hero-poster{ display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:5; cursor:pointer; pointer-events:auto; transition:opacity 340ms ease, visibility 0s linear 340ms; } html.tp-is-safari .tp-hero-full.has-entered-site .tp-hero-poster{ opacity:0; visibility:hidden; pointer-events:none; } html.tp-is-safari .tp-hero-full:not(.has-entered-site) .tp-hero-iframe{ pointer-events:none; } .tp-hero-iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; background:#000; pointer-events:auto; z-index:3; } .tp-hero-full, .tp-hero-full .tp-hero-iframe{ opacity:1 !important; visibility:visible !important; } .tp-hero-loading{ position:absolute; inset:0; z-index:4; background:#000; opacity:1; visibility:visible; transition:opacity 480ms ease, visibility 0s linear 480ms; pointer-events:none; } .tp-hero-full.is-video-loaded .tp-hero-loading, .tp-hero-full.is-video-ready .tp-hero-loading{ opacity:0; visibility:hidden; } .tp-hero-play-prompt{ display:none; position:absolute; inset:0; z-index:6; cursor:pointer; -webkit-tap-highlight-color:transparent; box-sizing:border-box; } .tp-hero-full.tp-hero-play-prompt-visible .tp-hero-play-prompt{ display:block; } .tp-hero-play-prompt__img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; pointer-events:none; } .tp-hero-full.tp-hero-play-prompt-visible .tp-hero-iframe{ pointer-events:none; } .tp-hero-loading__text{ position:absolute; left:20%; top:76%; transform:translate(-50%, -50%); color:rgba(236,236,236,.95); font-family:"Noto Sans Math", "STIX Two Math", "Cambria Math", serif; font-size:clamp(26px, 2.45vw, 38px); letter-spacing:0.22em; text-transform:none; text-shadow: 0 0 8px rgba(255,255,255,.36), 0 0 20px rgba(210,210,210,.2); animation:stats-title-flicker 2.2s infinite; } .tp-youtube-full{ width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); margin-top:clamp(28px, 5vw, 52px); background:#000; overflow:hidden; } .tp-youtube-aspect{ position:relative; width:100%; padding-bottom:56.25%; height:0; background:#000; } .tp-youtube-iframe{ position:absolute; top:0; left:0; width:100%; height:100%; border:0; display:block; } .tp-youtube-poster{ position:absolute; inset:0; z-index:2; border:0; margin:0; padding:0; width:100%; height:100%; background:#000; cursor:pointer; display:block; transition:opacity 260ms ease, visibility 0s linear 260ms; } .tp-youtube-poster.is-hidden{ opacity:0; visibility:hidden; pointer-events:none; } .tp-youtube-poster-img{ width:100%; height:100%; display:block; object-fit:cover; opacity:.88; } .tp-youtube-poster-play{ position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:inline-flex; align-items:center; justify-content:center; padding:0; color:var(--tp-accent-gold); font-size:136px; line-height:1; letter-spacing:0; text-transform:none; text-shadow: 0 0 14px rgba(255,228,182,.52), 0 0 30px rgba(241,189,115,.42), 0 0 64px rgba(210,142,47,.34); filter:drop-shadow(0 0 20px rgba(230,174,84,.4)); animation:stats-title-breathe 2.6s ease-in-out infinite, stats-title-flicker 2.4s infinite; } .tp-youtube-sound{ position:absolute; right:52px; bottom:132px; z-index:3; border:0; background:transparent; color:rgba(236,236,236,.84); font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; font-size:18px; letter-spacing:.24em; font-weight:500; text-transform:uppercase; line-height:1; padding:0; cursor:pointer; text-shadow:0 0 8px rgba(255,255,255,.34), 0 0 18px rgba(232,203,168,.22); transition:opacity .22s ease, transform .22s ease, color .22s ease, text-shadow .22s ease; } .tp-youtube-sound:hover, .tp-youtube-sound:focus-visible{ color:var(--tp-accent-gold); text-shadow:0 0 10px rgba(255,228,182,.58), 0 0 22px rgba(210,142,47,.45); outline:none; } .tp-youtube-sound.is-on{ color:var(--tp-accent-gold); } .tp-youtube-sound.is-hidden{ opacity:0; visibility:hidden; pointer-events:none; transform:translateY(4px); } @media (max-width: 640px){ .tp-youtube-sound{ right:34px; bottom:86px; font-size:13px; letter-spacing:.22em; } } .tp-hero-top-nav{ position:absolute; left:0; right:0; top:0; z-index:6; padding:36px 56px 48px; box-sizing:border-box; display:flex; justify-content:center; align-items:flex-start; background:linear-gradient(180deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,0) 100%); overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none; pointer-events:none; opacity:0; visibility:hidden; transform:translateY(-8px); transition:opacity 0.55s ease, transform 0.55s ease, visibility 0s linear 0.55s; } .tp-hero-top-nav::-webkit-scrollbar{ display:none; height:0; } .tp-hero-top-nav.is-visible{ position:fixed; top:0; left:0; right:0; width:100%; z-index:100; padding:calc(36px + env(safe-area-inset-top, 0px)) max(56px, env(safe-area-inset-right, 0px)) 48px max(56px, env(safe-area-inset-left, 0px)); box-sizing:border-box; background:linear-gradient(180deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.62) 55%, rgba(0,0,0,.28) 100%); box-shadow:0 18px 63px rgba(0,0,0,.55); backdrop-filter:saturate(120%) blur(10px); -webkit-backdrop-filter:saturate(120%) blur(10px); opacity:1; visibility:visible; transform:translateY(0); transition:opacity 0.55s ease, transform 0.55s ease, visibility 0s linear 0s; pointer-events:auto; } .tp-math-fraktur{ font-family:"Noto Sans Math", "STIX Two Math", "Cambria Math", serif; font-style:normal; font-feature-settings:normal; } .tp-hero-nav{ display:inline-flex; flex-wrap:nowrap; justify-content:center; align-items:center; gap:0.7em 2.1em; max-width:100%; margin:0 auto; padding:0; box-sizing:border-box; flex:0 0 auto; } @media (prefers-reduced-motion: reduce){ .tp-youtube-poster-play{ animation:none !important; } } .tp-hero-nav-dot{ color:rgba(255,255,255,.38); font-family:inherit; font-weight:200; user-select:none; padding:0 0.12em; font-size:clamp(15.6px, 3.12vw, 20.4px); text-shadow:none; } .tp-hero-nav-link{ display:inline-block; font-family:inherit; font-size:clamp(15.6px, 2.82vw, 20.4px); font-weight:200; letter-spacing:0.48em; text-transform:uppercase; font-variant:normal; text-decoration:none; color:rgba(255,255,255,.46); border-bottom:none; white-space:nowrap; -webkit-font-smoothing:antialiased; text-shadow:none; transition:color 0.22s ease, text-shadow 0.22s ease, transform 0.22s ease; transform-origin:center; } .tp-hero-nav-link:hover, .tp-hero-nav-link:focus-visible{ color:#fff; transform:scale(1.08); text-shadow: 0 0 2px rgba(255,255,255,1), 0 0 6px rgba(255,255,255,1), 0 0 14px rgba(255,255,255,.98), 0 0 28px rgba(255,255,255,.88), 0 0 52px rgba(255,255,255,.72), 0 0 88px rgba(255,255,255,.55), 0 0 140px rgba(255,255,255,.4), 0 0 220px rgba(255,255,255,.26), 0 0 300px rgba(255,255,255,.14); } .tp-hero-nav-link:focus-visible{ outline:4px solid rgba(255,255,255,.55); outline-offset:10px; border-radius:4px; } .tp-kicker{ font-size:11px; letter-spacing:0.28em; text-transform:uppercase; color:rgba(255,255,255,.55); } .tp-hero-overlay{ position:absolute; left:50%; bottom:9vh; transform:translateX(-50%); width:min(980px, calc(100% - 48px)); z-index:3; } .tp-logo{ font-size:36px; letter-spacing:0.20em; text-transform:uppercase; margin:10px 0 14px; } .tp-sub{ max-width:32rem; color:rgba(255,255,255,.78); } .tp-links{ margin-top:18px; display:flex; flex-wrap:wrap; gap:12px 18px; font-size:11px; letter-spacing:0.22em; text-transform:uppercase; } .tp-links a{ color:rgba(255,255,255,.65); text-decoration:none; } .tp-links a:hover{ color:#fff; } .tp-wrap{ margin-top: clamp(28px, 5vw, 56px); } .tp-wrap.tp-stats-focus{ margin-top: clamp(36px, 5.5vw, 72px); margin-bottom: clamp(36px, 4.8vw, 72px); padding: clamp(16px, 2.5vw, 40px) clamp(8px, 2.4vw, 32px) clamp(12px, 2vw, 28px); box-sizing: border-box; width: 100%; max-width: min(1240px, 100%); margin-left: auto; margin-right: auto; } .stats-card{ border-top:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); padding: clamp(76px, calc(var(--tp-hero-h) * 0.095), 120px) clamp(18px, 3.2vw, 44px) clamp(66px, calc(var(--tp-hero-h) * 0.11), 132px); max-width: min(1040px, 100%); margin:0 auto; text-align:left; background:transparent !important; } @media (min-width: 1100px){ .stats-card{ max-width: min(1120px, 100%); } } .tp-wordmark-reveal{ width:100%; text-align:center; margin-bottom:clamp(28px, calc(var(--tp-hero-h) * 0.055), 52px); opacity:0; transform:translateY(16px); transition:opacity 0.95s ease, transform 0.95s ease; will-change:opacity, transform; } .tp-wordmark-reveal.is-scroll-revealed{ opacity:1; transform:none; } .tp-wordmark-reveal:not(.is-scroll-revealed) .stats-title{ animation-play-state:paused !important; } .tp-wordmark-reveal:not(.is-scroll-revealed) .stats-title .flicker-letter{ animation-play-state:paused !important; } .tp-wordmark-reveal.is-scroll-revealed .stats-title, .tp-wordmark-reveal.is-scroll-revealed .stats-title .flicker-letter{ animation-play-state:running !important; } .stats-title{ font-size: clamp(28px, calc(var(--tp-hero-h) * 0.06), 64px); letter-spacing: clamp(0.18em, 0.03vw + 0.16em, 0.36em); text-transform:uppercase; color:var(--tp-accent-gold); font-weight:600; margin-bottom:0; display:inline-block; animation: stats-title-breathe 2.6s ease-in-out infinite; text-shadow:0 0 10px rgba(255,205,120,.42), 0 0 28px rgba(200,145,55,.28), 0 0 44px rgba(140,90,30,.14); } .stats-title.tp-math-fraktur{ text-transform:none; letter-spacing:clamp(0.06em, 0.03vw + 0.04em, 0.18em); font-size:clamp(44px, calc(var(--tp-hero-h) * 0.085), 96px); } .stats-title .flicker-letter{ display:inline-block; will-change: opacity, text-shadow, transform; animation: stats-title-flicker 2.4s infinite; } .stats-row{ --tp-stat-cell-size: clamp(18px, calc(1.12vw + 8px), 26px); display:grid; width:100%; box-sizing:border-box; grid-template-columns: minmax(0, 1fr) auto; justify-content:stretch; align-items:start; column-gap: clamp(16px, 3vw, 56px); row-gap:0; padding:clamp(9px, 1.1vw, 13px) 0; border-bottom:1px solid rgba(255,255,255,.07); } .stats-row:has(+ .stats-footnote){ border-bottom:0; } .stats-label{ font-size: var(--tp-stat-cell-size) !important; letter-spacing: 0.2em !important; text-transform:uppercase; font-weight:500; white-space:normal; line-height:1.25; color:var(--tp-text-secondary); padding-right:4px; display:flex; flex-direction:column; align-items:flex-start; gap:0.35em; text-transform:none; } .stats-label__primary{ text-transform:uppercase; letter-spacing:inherit; font-weight:600; font-size: inherit; color:var(--tp-text-secondary); } .stats-label__sub{ display:block; font-size: calc(var(--tp-stat-cell-size) * 0.5) !important; letter-spacing:0.18em; text-transform:none; font-weight:400; line-height:1.3; color:var(--tp-text-muted); max-width:min(36em, 100%); } .stats-label__sub--proof{ text-transform:uppercase; letter-spacing:0.18em; font-weight:400; font-size: calc(var(--tp-stat-cell-size) * 0.5) !important; color:var(--tp-text-secondary); } .stats-value{ text-align:right; font-variant-numeric:tabular-nums; color:rgba(245,245,245,.95); white-space:nowrap; font-size: var(--tp-stat-cell-size) !important; letter-spacing: 0.2em !important; text-transform: uppercase; font-weight: 600; line-height: 1.2; } .stats-row .countup{ font-size: inherit !important; letter-spacing: inherit !important; font-weight: inherit !important; } .stats-footnote{ margin-top:clamp(32px, 5vw, 44px); margin-bottom:clamp(20px, 3vw, 36px); padding-top:clamp(8px, 1.5vw, 14px); border-top:1px solid rgba(255,255,255,.08); font-size:9px; letter-spacing:0.28em; text-transform:uppercase; color:var(--tp-text-muted); display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; } .stats-footnote a{ color:inherit; text-decoration:none; border-bottom:none; padding-bottom:0; } .stats-footnote a:hover{ color:#fff; } .stats-footnote .tp-micro-label{ color:var(--tp-text-muted); letter-spacing:0.28em; } .stats-campaigns{ margin:clamp(32px, 4.5vw, 52px) 0 0; padding:clamp(24px, 3.5vw, 36px) 0 clamp(44px, 5.5vw, 72px); border-top:1px solid rgba(255,255,255,.06); text-align:center; max-width:none; width:100%; box-sizing:border-box; font-size:calc(var(--tp-copy-size) * 1.02 * 0.98) !important; line-height:1.55 !important; font-weight:400; color:var(--tp-text-primary) !important; font-variant:normal !important; font-variant-caps:all-small-caps !important; letter-spacing:0.12em !important; font-feature-settings:normal !important; text-wrap:balance; } .bio-card{ border-top:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); padding:clamp(44px, 6.5vw, 62px) 0 clamp(52px, 7.5vw, 84px); max-width:min(880px, 100%); margin:clamp(44px, calc(var(--tp-hero-h) * 0.085), 96px) auto 0; text-align:center; overflow:visible; } .tp-photo-gallery-wrap + .bio-card{ margin-top:clamp(10px, 2vw, 20px); padding-top:clamp(22px, 3.2vw, 36px); } .bio-logo-wrap{ position:relative; display:flex; justify-content:center; margin:0 auto clamp(22px, calc(var(--tp-hero-h) * 0.045), 40px); max-width:min(280px, 72vw); overflow:hidden; border-radius:2px; } .bio-logo-wrap::after{ content:""; position:absolute; inset:-20% -55%; pointer-events:none; background:linear-gradient( 108deg, rgba(255,255,255,0) 38%, rgba(255,236,190,.14) 50%, rgba(255,255,255,0) 62% ); transform:translateX(-42%); opacity:0; animation:bio-logo-sheen 3.8s ease-in-out infinite; } .bio-logo-img{ width:100%; height:auto; display:block; animation:bio-logo-breathe 2.6s ease-in-out infinite; } .tp-photo-gallery-wrap{ width:100%; max-width:min(1240px, 100%); margin:clamp(44px, calc(var(--tp-hero-h) * 0.085), 96px) auto 0; text-align:center; box-sizing:border-box; } .tp-photo-gallery{ width:100%; margin:0 auto; text-align:center; } .tp-photo-gallery__frame{ position:relative; display:flex; align-items:center; gap:0; width:100%; justify-content:center; } .tp-photo-gallery__container{ flex:1; min-width:0; max-width:min(800px, 100%); margin:0 auto; position:relative; isolation:isolate; border-radius:10px; border:1px solid rgba(0,0,0,.92); background:#080808; box-shadow: 0 20px 54px rgba(0,0,0,.52), 0 0 0 1px rgba(0,0,0,.8) inset; overflow:hidden; } .tp-photo-gallery__container::before{ content:""; position:absolute; inset:-1px; pointer-events:none; z-index:3; border-radius:inherit; background:radial-gradient(130% 110% at 50% 50%, rgba(0,0,0,0) 58%, rgba(0,0,0,.38) 84%, rgba(0,0,0,.68) 100%); } .tp-photo-gallery__container::after{ content:""; position:absolute; inset:0; pointer-events:none; z-index:4; border-radius:inherit; box-shadow: inset 0 0 0 1px rgba(0,0,0,.96), inset 0 0 52px rgba(0,0,0,.45); } .tp-photo-gallery__viewport{ width:100%; aspect-ratio:1 / 1; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-behavior:smooth; -webkit-overflow-scrolling:touch; touch-action:pan-x; background:#070707; cursor:default; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.25) transparent; } .tp-photo-gallery__viewport:focus{ outline:none; } .tp-photo-gallery__viewport:focus-visible{ outline:2px solid rgba(232,203,168,.55); outline-offset:3px; } .tp-photo-gallery__viewport::-webkit-scrollbar{ height:6px; } .tp-photo-gallery__viewport::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.22); border-radius:3px; } .tp-photo-gallery__track{ list-style:none; margin:0; padding:0; display:flex; flex-direction:row; flex-wrap:nowrap; min-height:100%; height:100%; box-sizing:border-box; } .tp-photo-gallery__slide{ flex:0 0 auto; height:100%; min-height:0; scroll-snap-align:start; scroll-snap-stop:always; box-sizing:border-box; } .tp-photo-gallery__slide-inner{ display:block; position:relative; overflow:hidden; width:100%; aspect-ratio:1 / 1; background:#0a0a0a; transition:box-shadow .2s ease; } .tp-photo-gallery__slide-inner::after{ content:""; position:absolute; inset:0; pointer-events:none; z-index:2; background: radial-gradient(128% 104% at 50% 48%, rgba(0,0,0,0) 46%, rgba(0,0,0,0.48) 74%, rgba(0,0,0,0.78) 100%), linear-gradient(to top, rgba(0,0,0,0.42) 0%, rgba(0,0,0,0.14) 34%, rgba(0,0,0,0) 58%); } .tp-photo-gallery__viewport:hover .tp-photo-gallery__slide-inner{ box-shadow:inset 0 0 0 1px rgba(232,203,168,.08); } .tp-photo-gallery__img{ width:100%; height:100%; min-height:0; object-fit:cover; display:block; -webkit-transform:translateZ(0); transform:translateZ(0); } .tp-photo-gallery__arrow{ flex:0 0 auto; align-self:center; width:clamp(32px, 8vw, 44px); margin:0; padding:0 2px; border:0; background:transparent; color:rgba(234,234,234,.75); font-size:clamp(28px, 7vw, 40px); line-height:1; cursor:pointer; transition:color .15s ease, opacity .15s ease; z-index:2; } .tp-photo-gallery__arrow:hover{ color:#fff; } .tp-photo-gallery__arrow:focus-visible{ outline:2px solid rgba(232,203,168,.85); outline-offset:2px; border-radius:2px; } .tp-photo-gallery__arrow:disabled{ opacity:.25; cursor:default; } @media (max-width:520px){ .tp-photo-gallery__arrow{ width:28px; padding:0; font-size:26px; } } .bio-kicker-bleed{ width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); display:flex; justify-content:center; overflow-x:auto; overflow-y:visible; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.22) transparent; box-sizing:border-box; padding:0 clamp(10px, 3.2vw, 44px); } .bio-kicker-bleed::-webkit-scrollbar{ height:6px; } .bio-kicker-bleed::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.22); border-radius:3px; } .bio-kicker{ margin:clamp(22px, 3.6vw, 44px) 0 clamp(26px, 4.2vw, 52px); text-align:center; font-size:clamp(30px, 3.05vw, 48px); line-height:1.2; letter-spacing:0.33em; font-weight:600; font-variant:normal; font-variant-caps:normal; font-feature-settings:normal; text-transform:uppercase; color:var(--tp-text-primary); display:block; flex:0 0 auto; width:max-content; max-width:none; white-space:nowrap; box-sizing:border-box; padding-inline:0.24em; } .bio-copy{ display:flex; flex-direction:column; align-items:center; width:100%; max-width:100%; min-width:0; box-sizing:border-box; } .bio-body{ text-align:center; width:100%; max-width:100%; min-width:0; margin:0 auto clamp(26px, calc(var(--tp-hero-h) * 0.06), 56px); box-sizing:border-box; } #super-content .bio-body, #super-root .bio-body, .notion-page-content .bio-body, .notion-page-content-inner .bio-body{ margin-left:auto; margin-right:auto; } .bio-body p, #super-content .bio-body p, #super-root .bio-body p, .notion-page-content .bio-body p{ margin:0 0 1.6em; font-size:calc(var(--tp-copy-size) * 1.25 * 1.1) !important; line-height:1.5 !important; font-weight:400; color:var(--tp-text-primary) !important; font-variant:normal !important; font-variant-caps:all-small-caps !important; letter-spacing:0.14em !important; font-feature-settings:normal !important; } .bio-body p:last-child{ margin-bottom:0; } .bio-body a{ color:var(--tp-accent-gold); text-decoration:none; border-bottom:1px solid rgba(255,195,110,.45); padding-bottom:1px; font-variant:normal; font-variant-caps:all-small-caps; letter-spacing:0.14em; animation:stats-title-breathe 2.6s ease-in-out infinite; text-shadow:0 0 8px rgba(255,205,120,.38), 0 0 20px rgba(200,145,55,.22); transition:color .15s ease, border-color .15s ease, opacity .15s ease; } .bio-body a em, .bio-body a strong{ font-variant-caps:all-small-caps; } .bio-body a:hover{ color:#fff; border-bottom-color:rgba(255,228,170,.65); opacity:1; } section#press.press-stack, .press-stack{ display:flex !important; flex-direction:column !important; flex-wrap:nowrap !important; align-items:stretch !important; margin:var(--tp-section-gap, clamp(40px, 7vw, 72px)) auto 0; width:100%; max-width:min(1610px, 100%); box-sizing:border-box; } section#press.press-stack > *{ width:100%; max-width:100%; min-width:0; box-sizing:border-box; } .press-stack__intro{ display:block !important; flex:0 0 auto; width:100%; max-width:100%; min-width:0; text-align:center; float:none !important; } .press-proof{ margin:clamp(14px, 2.6vw, 28px) 0 clamp(12px, 2.2vw, 22px); text-align:center; font-size:clamp(34.5px, 3.51vw, 55.2px); line-height:1.2; letter-spacing:0.391em; font-weight:600; font-variant:normal; font-variant-caps:normal; font-feature-settings:normal; text-transform:uppercase; color:var(--tp-text-primary); display:inline-block; max-width:100%; } .tp-footer-panel{ margin:clamp(18px, 3.4vw, 38px) auto clamp(24px, 5.2vw, 58px); width:100%; display:flex; justify-content:center; } .tp-footer-panel__plate{ width:min(780px, 100%); background:transparent; border:none; border-radius:0; box-shadow:none; display:flex; flex-direction:column; align-items:center; text-align:center; padding:clamp(20px, 4vw, 34px) clamp(16px, 3.4vw, 34px) clamp(18px, 3.4vw, 28px); } .tp-footer-panel__avatar-wrap{ width:clamp(110px, 14vw, 142px); aspect-ratio:1 / 1; border-radius:999px; overflow:hidden; border:1px solid rgba(255,255,255,.16); box-shadow:0 14px 42px rgba(0,0,0,.5); } .tp-footer-panel__avatar{ width:100%; height:100%; object-fit:cover; display:block; } .tp-footer-panel__line{ margin:14px 0 0; color:var(--tp-text-secondary); font-size:clamp(11px, .92vw, 13px); letter-spacing:0.26em; text-transform:uppercase; } .tp-footer-panel__button{ margin-top:14px; display:inline-flex; align-items:center; justify-content:center; min-width:min(340px, 100%); max-width:100%; padding:14px 24px; border-radius:999px; border:1px solid rgba(255,255,255,.24); background:rgba(255,255,255,.12); color:var(--tp-text-primary); text-decoration:none; font-size:clamp(11.5px, 1vw, 13.5px); letter-spacing:0.22em; text-transform:uppercase; transition:transform 220ms ease, background 220ms ease, border-color 220ms ease, box-shadow 220ms ease; box-shadow:0 12px 34px rgba(0,0,0,.38); } .tp-footer-panel__button:hover, .tp-footer-panel__button:focus-visible{ transform:translateY(-3px); background:rgba(255,255,255,.17); border-color:rgba(255,255,255,.33); box-shadow:0 18px 42px rgba(0,0,0,.52); } .tp-footer-panel__button:focus-visible{ outline:2px solid rgba(200,230,255,.9); outline-offset:4px; } .tp-footer-panel__wordmark-img{ margin:14px 0 0; width:clamp(34px, 4vw, 48px); height:auto; display:block; opacity:.95; } @media (max-width: 520px){ .tp-footer-panel__button{ min-width:100%; letter-spacing:0.18em; } } @media (min-width: 1024px){ .tp-footer-panel{ margin:clamp(21.6px, 4.08vw, 45.6px) auto clamp(28.8px, 6.24vw, 69.6px); } .tp-footer-panel__plate{ width:min(936px, 100%); padding:clamp(24px, 4.8vw, 40.8px) clamp(19.2px, 4.08vw, 40.8px) clamp(21.6px, 4.08vw, 33.6px); } .tp-footer-panel__avatar-wrap{ width:clamp(132px, 16.8vw, 170.4px); box-shadow:0 16.8px 50.4px rgba(0,0,0,.5); } .tp-footer-panel__line{ margin:16.8px 0 0; font-size:clamp(13.2px, 1.104vw, 15.6px); } .tp-footer-panel__button{ margin-top:16.8px; min-width:min(408px, 100%); padding:16.8px 28.8px; font-size:clamp(13.8px, 1.2vw, 16.2px); box-shadow:0 14.4px 40.8px rgba(0,0,0,.38); } .tp-footer-panel__button:hover, .tp-footer-panel__button:focus-visible{ transform:translateY(-3.6px); box-shadow:0 21.6px 50.4px rgba(0,0,0,.52); } .tp-footer-panel__button:focus-visible{ outline-offset:4.8px; } .tp-footer-panel__wordmark-img{ margin:16.8px 0 0; width:clamp(40.8px, 4.8vw, 57.6px); } } .press-proof-sub{ display:block !important; margin:0 0 clamp(40px, 7.5vw, 72px); text-align:center; line-height:1.35; max-width:100%; width:100%; margin-left:auto; margin-right:auto; padding:0 clamp(4px, 2vw, 12px); box-sizing:border-box; font-weight:400; color:var(--tp-text-secondary); overflow-x:visible; overflow-y:visible; float:none !important; clear:both; } .press-proof-sub .press-ticker{ display:inline-block; font-variant-numeric:tabular-nums; white-space:normal; max-width:100%; hyphens:none; word-break:normal; overflow-wrap:break-word; font-size:clamp(12.65px, 1.21vw, 17.25px); font-weight:400; letter-spacing:0.052em; line-height:1.55; text-transform:uppercase; color:var(--tp-text-muted); } @media (prefers-reduced-motion: reduce){ .press-proof-sub .press-ticker{ transition:none !important; } } .press-stack .press-grid{ display:grid !important; grid-template-columns:minmax(0, 1fr); gap:clamp(43.7px, 8.05vw, 72.45px); margin:clamp(16.1px, 4.03vw, 32.2px) auto clamp(46px, 8.63vw, 82.8px); width:100%; max-width:var(--tp-press-column-max, min(880px, 100%)); min-width:0; box-sizing:border-box; float:none !important; clear:both; } .press-stack .press-card{ position:relative; display:block !important; width:100%; max-width:100%; min-width:0; aspect-ratio:10 / 3; box-sizing:border-box; border-radius:clamp(13.8px, 2.3vw, 20.7px); overflow:hidden; transform:translateZ(0); transition:transform 220ms ease, box-shadow 220ms ease; box-shadow:0 11.5px 32.2px rgba(0,0,0,.35); background:#000; line-height:0; text-decoration:none; color:inherit; float:none !important; } .press-stack .press-card img{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; display:block; object-fit:contain; object-position:center; transition:transform 260ms ease, filter 260ms ease; -webkit-transform:translateZ(0); transform:translateZ(0); } .press-stack .press-card:hover{ transform:translateY(-4.6px); box-shadow:0 20.7px 50.6px rgba(0,0,0,.5); } .press-stack .press-card:hover img{ transform:scale(1.023); filter:saturate(1.04) contrast(1.04); } .press-stack .press-card:focus-visible{ outline:2px solid rgba(200,230,255,.9); outline-offset:3px; } .press-stack .press-card::after{ content:""; position:absolute; inset:0; z-index:1; opacity:0; background:linear-gradient( 120deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.06) 45%, rgba(255,255,255,0) 60% ); transform:translateX(-20%); transition:opacity 220ms ease, transform 320ms ease; pointer-events:none; } .press-stack .press-card:hover::after{ opacity:1; transform:translateX(20%); } .tp-instagram-cta{ width:100%; max-width:var(--tp-instagram-max, 100%); margin:clamp(8px, 1.6vw, 18px) auto clamp(20px, 4.2vw, 40px); display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; box-sizing:border-box; } .tp-instagram-cta__link{ display:block; width:100%; text-decoration:none; line-height:0; } .tp-instagram-cta iframe{ width:100%; max-width:100%; border:0; display:block; } .tp-instagram-cta__img{ display:block; width:100%; height:auto; transform:scale(1); transition:transform 220ms ease; } .tp-instagram-cta__link:hover .tp-instagram-cta__img, .tp-instagram-cta__link:focus-visible .tp-instagram-cta__img{ transform:scale(1.03); } .tp-instagram-cta__link:focus-visible{ outline:2px solid rgba(200,230,255,.9); outline-offset:4px; } @keyframes stats-title-breathe{ 0%{ opacity:0.82; text-shadow:0 0 8px rgba(255,200,110,.22), 0 0 22px rgba(185,130,50,.14), 0 0 36px rgba(120,80,28,.08); } 55%{ opacity:1; text-shadow:0 0 18px rgba(255,232,175,.52), 0 0 40px rgba(225,175,85,.32), 0 0 56px rgba(165,110,40,.18); } 100%{ opacity:0.86; text-shadow:0 0 12px rgba(255,212,135,.30), 0 0 30px rgba(195,140,58,.20), 0 0 46px rgba(130,85,32,.10); } } @media (prefers-reduced-motion: reduce){ .stats-title, .bio-body a, .bio-logo-img, .bio-logo-wrap::after{ animation:none !important; } .bio-logo-img{ opacity:1 !important; filter:drop-shadow(0 0 14px rgba(255,220,150,.35)) drop-shadow(0 0 32px rgba(200,145,60,.22)) !important; } .bio-logo-wrap::after{ opacity:0 !important; transform:none !important; } .stats-title .flicker-letter{ animation:none !important; opacity:1 !important; transform:none !important; } .tp-wordmark-reveal{ opacity:1 !important; transform:none !important; transition:none !important; } .tp-hero-top-nav{ opacity:1 !important; visibility:visible !important; transform:none !important; transition:none !important; pointer-events:auto !important; } .tp-hero-nav-link{ color:rgba(255,255,255,.46) !important; text-shadow:none !important; } .tp-hero-nav-link:hover, .tp-hero-nav-link:focus-visible{ color:#fff !important; transform:none !important; text-shadow: 0 0 2px rgba(255,255,255,1), 0 0 6px rgba(255,255,255,1), 0 0 14px rgba(255,255,255,.98), 0 0 28px rgba(255,255,255,.88), 0 0 52px rgba(255,255,255,.72), 0 0 88px rgba(255,255,255,.55), 0 0 140px rgba(255,255,255,.4), 0 0 220px rgba(255,255,255,.26), 0 0 300px rgba(255,255,255,.14) !important; } } @keyframes stats-title-flicker{ 0%{ opacity:0.6; text-shadow:0 0 6px rgba(255,195,105,.22); transform:translateY(0); } 6%{ opacity:1; text-shadow:0 0 16px rgba(255,236,190,.58), 0 0 36px rgba(210,155,70,.30), 0 0 48px rgba(150,95,35,.14); transform:translateY(-0.5px); } 9%{ opacity:0.78; text-shadow:0 0 10px rgba(255,205,125,.30); } 12%{ opacity:1; text-shadow:0 0 22px rgba(255,240,200,.68), 0 0 46px rgba(220,165,75,.26), 0 0 60px rgba(140,88,32,.12); } 18%{ opacity:0.65; text-shadow:0 0 8px rgba(245,190,100,.26); } 28%{ opacity:1; text-shadow:0 0 18px rgba(255,225,155,.55), 0 0 38px rgba(200,138,55,.24); } 44%{ opacity:0.74; text-shadow:0 0 10px rgba(255,200,115,.28); transform:translateY(0); } 57%{ opacity:1; text-shadow:0 0 26px rgba(255,245,210,.75), 0 0 54px rgba(230,180,90,.30), 0 0 72px rgba(155,98,38,.16); transform:translateY(-0.6px); } 64%{ opacity:0.7; text-shadow:0 0 12px rgba(255,210,125,.32); } 100%{ opacity:0.92; text-shadow:0 0 14px rgba(255,218,145,.40), 0 0 38px rgba(190,130,52,.18); transform:translateY(0); } } video{ display:block; } #super-content iframe, #super-content main iframe, #super-root iframe, main iframe, iframe[src*="notion.site"], iframe[src*="notion.so"]{ background:#000 !important; border:0 !important; color-scheme: dark; } .notion-page-content, .notion-page-scroller, .notion-page-content-inner, .notion-collection-view, .notion-selectable, .notion-page, .notion-frame > div, .notion-scroller > div, .notion-sidebar-container, .notion-topbar, .notion-page-controls, .layout, .layout-content, .layout-main{ background:var(--tp-bg) !important; color:var(--tp-text-primary) !important; } .notion-page-content-inner{ color:var(--tp-text-primary) !important; } .notion-page-content-inner .notion-text, .notion-page-content-inner .notion-text__content, .notion-page-content-inner .notion-header, .notion-page-content-inner .notion-h1, .notion-page-content-inner .notion-h2, .notion-page-content-inner .notion-h3, .notion-page-content-inner .notion-list-item, .notion-page-content-inner .notion-toggle, .notion-page-content-inner .notion-callout, .notion-page-content-inner .notion-quote, .notion-page-content-inner .notion-code, .notion-page-content-inner .notion-bookmark, .notion-page-content-inner .notion-semantic-string{ color:var(--tp-text-primary) !important; } .notion-page-content-inner .notion-semantic-string span{ color:inherit !important; } @supports selector(:has(*)){ .tp-shell ~ *:not(.tp-hero-full):not(:has(.tp-hero-full)):not(:has(.tp-hero-iframe)):not(.tp-footer-panel){ display:none !important; } .notion-page-content-inner .tp-shell ~ *:not(.tp-hero-full):not(:has(.tp-hero-full)):not(:has(.tp-hero-iframe)):not(.tp-footer-panel){ display:none !important; } } @supports not selector(:has(*)){ .tp-shell ~ *:not(.tp-hero-full):not(.tp-footer-panel), .notion-page-content-inner .tp-shell ~ *:not(.tp-hero-full):not(.tp-footer-panel){ display:none !important; } } .tp-shell ~ footer.tp-footer-panel, .notion-page-content-inner .tp-shell ~ footer.tp-footer-panel{ display:flex !important; } .tp-hero-full, .tp-hero-full .tp-hero-iframe{ display:block !important; } .tp-shell ~ * iframe[src*="youtube.com"], .tp-shell ~ * iframe[src*="youtube-nocookie.com"], .notion-page-content-inner .tp-shell ~ * iframe[src*="youtube.com"], .notion-page-content-inner .tp-shell ~ * iframe[src*="youtube-nocookie.com"]{ display:none !important; } @supports selector(:has(*)){ .notion-page-content-inner > *:not(:has(.tp-shell)):not(:has(.tp-hero-full)){ display:none !important; } } @supports not selector(:has(*)){ .notion-page-content-inner > *:not(:first-child){ display:none !important; } } @media (max-width: 1024px){ .tp-shell{ max-width: min(960px, calc(100vw - 32px)); } } @media (max-width: 640px){ html{ overscroll-behavior-x:none; } @supports (height: 100dvh){ body{ min-height:100dvh !important; } } :root{ --tp-copy-size: clamp(12px, 3.35vw, 15px); --tp-hero-h: min(calc(100vw * 16 / 9), 100vh); --tp-hero-vimeo-mobile-scale: calc(16 / 9 * 16 / 9 * 0.9 * 0.85 * 0.88 * 0.92 * 0.96 * 0.97); } @supports (height: 100dvh){ :root{ --tp-hero-h: min(calc(100vw * 16 / 9), 100dvh); } } .tp-hero-full{ min-height: 0; height: var(--tp-hero-h); } .tp-hero-full > .tp-hero-media{ overflow:hidden; } .tp-hero-full .tp-hero-iframe{ left:50%; top:50%; right:auto; bottom:auto; transform:translate(-50%, -50%) scale(var(--tp-hero-vimeo-mobile-scale)); transform-origin:center center; } html.tp-hero-vimeo-mobile .tp-hero-full .tp-hero-iframe{ left:0; top:0; transform:none; width:100%; height:100%; } html.tp-is-safari .tp-hero-poster{ display:none !important; visibility:hidden !important; pointer-events:none !important; opacity:0 !important; } html.tp-is-safari .tp-hero-full .tp-hero-iframe{ pointer-events:auto !important; } .tp-hero-full.is-video-loaded .tp-hero-loading, .tp-hero-full.is-video-ready .tp-hero-loading, .tp-hero-full.tp-hero-loading-fallback .tp-hero-loading{ opacity:0 !important; visibility:hidden !important; } .tp-shell{ --tp-pad-x: max(12px, min(4.5vw, 22px)); --tp-press-column-max: min(880px, calc(100vw - max(20px, env(safe-area-inset-left, 0px) + env(safe-area-inset-right, 0px) + 16px))); --tp-instagram-max: min(calc(1120px * 1.12), 100%); padding-top: clamp(14px, calc(var(--tp-hero-h) * 0.04), 36px); padding-bottom: 40px; padding-left: max(var(--tp-pad-x), env(safe-area-inset-left, 0px)); padding-right: max(var(--tp-pad-x), env(safe-area-inset-right, 0px)); max-width: 100%; box-sizing: border-box; } .tp-hero-top-nav{ padding: 22px 10px 32px; } .tp-hero-top-nav.is-visible{ padding-top: calc(10px + env(safe-area-inset-top, 0px)); padding-right: max(10px, env(safe-area-inset-right, 0px)); padding-bottom: 26px; padding-left: max(10px, env(safe-area-inset-left, 0px)); } .tp-hero-nav{ gap: 0.35em 0.65em; max-width: 100%; } .tp-hero-nav-link{ font-size: clamp(9px, 2.5vw, 11px); letter-spacing: 0.09em; font-weight: 300; } .tp-hero-nav-dot{ font-size: clamp(9px, 2.5vw, 11px); padding: 0 0.06em; } .tp-hero-loading__text{ font-size: clamp(18px, 4.5vw, 26px); letter-spacing: 0.14em; } .tp-youtube-poster-play{ font-size: clamp(52px, 20vw, 96px); } .stats-row{ --tp-stat-cell-size: clamp(12.5px, 3.25vw, 17px); grid-template-columns: minmax(0, 1fr) auto; column-gap: 10px; align-items: start; } .stats-label{ white-space: normal; word-break: normal; overflow-wrap: break-word; hyphens: none; line-height: 1.3; letter-spacing: 0.12em !important; } .stats-label__sub, .stats-label__sub--proof{ font-size: calc(var(--tp-stat-cell-size) * 0.5) !important; letter-spacing: 0.11em !important; } .stats-campaigns{ font-size: calc(var(--tp-copy-size) * 0.98 * 1.02) !important; letter-spacing: 0.1em !important; line-height: 1.55 !important; } .stats-value, .stats-row .countup{ white-space: nowrap; line-height: 1.25; letter-spacing: 0.12em !important; } .stats-value{ text-align: right; flex-shrink: 0; } .stats-footnote{ flex-direction: column; align-items: flex-start; gap: 8px; font-size: 8px; } .stats-footnote .tp-micro-label{ letter-spacing: 0.2em; } .bio-card{ margin-top: 28px; text-align: center; } .bio-kicker-bleed{ padding-left: max(8px, env(safe-area-inset-left, 0px)); padding-right: max(8px, env(safe-area-inset-right, 0px)); } .bio-kicker{ font-size: clamp(14px, 3.6vw, 22px); letter-spacing: 0.12em; line-height: 1.2; margin: clamp(16px, 3.8vw, 28px) 0 clamp(18px, 4.2vw, 32px); padding-inline: 0.16em; } .stats-title{ font-size: clamp(20px, 5.5vw, 30px); } .stats-title.tp-math-fraktur{ font-size: clamp(28px, 8vw, 40px); letter-spacing: 0.06em; } .press-proof{ font-size: clamp(20px, 5.2vw, 28px); letter-spacing: 0.22em; line-height: 1.2; } .press-proof-sub .press-ticker{ font-size: clamp(10px, 2.65vw, 13px); letter-spacing: 0.05em; line-height: 1.45; } .bio-body p, #super-content .bio-body p, #super-root .bio-body p, .notion-page-content .bio-body p{ font-size: calc(var(--tp-copy-size) * 1.2 * 1.08) !important; letter-spacing: 0.11em !important; line-height:1.5 !important; } .bio-body a{ letter-spacing: 0.11em; } .tp-footer-panel__line{ font-size: clamp(9px, 2.4vw, 11px); letter-spacing: 0.18em; } .tp-footer-panel__button{ font-size: clamp(9.5px, 2.5vw, 11.5px); letter-spacing: 0.14em; padding: 12px 18px; min-width: min(280px, 100%); } .tp-footer-panel__avatar-wrap{ width: clamp(88px, 22vw, 118px); } .press-stack .press-grid{ width:100%; margin-left:auto; margin-right:auto; gap:clamp(18px, 4.2vw, 28px); } .press-stack .press-card{ padding:0; max-width:100%; border-radius:clamp(11.5px, 2.88vw, 18.4px); box-shadow:0 8px 22px rgba(0,0,0,.32); } section#press.press-stack .press-card, .press-stack .press-card{ aspect-ratio:10 / 3 !important; } section#press.press-stack .press-card img, .press-stack .press-card img{ position:absolute !important; left:0 !important; top:0 !important; width:100% !important; height:100% !important; max-width:none !important; max-height:none !important; object-fit:contain !important; object-position:center !important; } } @media (min-width: 1536px){ .tp-shell{ max-width: min(1320px, calc(100vw - 80px)); } .tp-wrap.tp-stats-focus{ max-width: min(1280px, calc(100% - 8px)); } .stats-card{ max-width: min(1200px, 100%); } } .notion-page-content-inner .tp-shell .stats-title{ color:var(--tp-accent-gold) !important; } .notion-page-content-inner .tp-shell .bio-kicker{ color:var(--tp-text-primary) !important; } .notion-page-content-inner .tp-shell .stats-label{ color:var(--tp-text-secondary) !important; } .notion-page-content-inner .tp-shell .stats-value, .notion-page-content-inner .tp-shell .stats-row .countup{ color:rgba(245,245,245,.95) !important; } .notion-page-content-inner .tp-shell .bio-body p{ color:var(--tp-text-primary) !important; } .notion-page-content-inner .tp-shell .bio-body a{ color:var(--tp-accent-gold) !important; } .notion-page-content-inner .tp-shell .press-proof{ color:var(--tp-text-primary) !important; } .notion-page-content-inner .tp-shell .press-proof-sub{ color:var(--tp-text-secondary) !important; } .notion-page-content-inner .tp-shell .press-ticker{ color:var(--tp-text-muted) !important; } .notion-page-content-inner .tp-shell .stats-footnote, .notion-page-content-inner .tp-shell .stats-footnote a{ color:var(--tp-text-muted) !important; } .notion-page-content-inner .tp-shell .stats-label__sub{ color:var(--tp-text-muted) !important; } .notion-page-content-inner .tp-shell .stats-label__sub--proof{ color:var(--tp-text-secondary) !important; } .notion-page-content-inner .tp-shell .stats-campaigns{ color:var(--tp-text-primary) !important; text-align:center !important; font-variant-caps:all-small-caps !important; }