.site-header { position: relative; z-index: 20; border-bottom: 1px solid var(--line); background: rgba(9,9,11,.88); backdrop-filter: blur(16px); }
.site-header__inner { min-height: 5.5rem; display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.wordmark { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.header-logo { --logo-alpha-centroid-offset: -2.9%; position: relative; display: flex; align-items: center; width: clamp(6.75rem, 9vw, 8rem); height: 44px; }
.header-logo picture { display: block; flex: 0 0 100%; width: 100%; height: auto; }
.header-logo__asset { display: block; width: 100%; height: auto; transform: translateY(var(--logo-alpha-centroid-offset)); }
.site-nav ul { display: flex; align-items: center; gap: clamp(.8rem, 2vw, 2rem); margin: 0; padding: 0; list-style: none; }
.site-nav a { display: flex; align-items: center; min-height: 44px; font-family: var(--font-sans); font-weight: 800; font-size: .86rem; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }
.site-nav a[aria-current="page"] { color: var(--signal); }
.site-nav .nav-link--drip { color: var(--signal); text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: rgba(255,54,86,.55); }
.nav-toggle { display: none; min-height: 44px; border: 1px solid var(--line-strong); background: transparent; color: var(--paper); padding: .5rem .85rem; font: 800 .8rem/1 var(--font-sans); letter-spacing: .1em; text-transform: uppercase; }
.hero { position: relative; min-height: min(47rem, calc(100vh - 5.5rem)); display: flex; flex-direction: column; justify-content: center; overflow: hidden; padding-block: var(--space-5); }
.hero::before { content: ""; position: absolute; width: min(44vw, 40rem); aspect-ratio: 1; right: -8%; top: 7%; border: 1px solid var(--line); border-radius: 50%; box-shadow: inset 0 0 0 4rem var(--ink), inset 0 0 0 calc(4rem + 1px) var(--line), inset 0 0 0 9rem var(--ink), inset 0 0 0 calc(9rem + 1px) var(--line); opacity: .75; }
.hero h1 { position: relative; z-index: 1; margin-block: var(--space-2); font-size: clamp(4rem, 14vw, 13.5rem); line-height: .75; letter-spacing: -.085em; max-width: 8ch; }
.hero h1 span { color: var(--signal); font-size: .18em; vertical-align: top; margin-left: .08em; }
.hero__tagline { position: relative; z-index: 1; font-family: var(--font-sans); font-size: var(--step-2); font-weight: 750; letter-spacing: -.03em; }
.hero__meta { position: absolute; bottom: var(--space-3); left: 0; right: 0; display: flex; justify-content: space-between; border-top: 1px solid var(--line); padding-top: var(--space-1); color: var(--paper-dim); font-size: var(--step--1); text-transform: uppercase; letter-spacing: .09em; }
.hero__signal { position: absolute; right: 8%; bottom: 17%; display: flex; align-items: end; gap: .38rem; height: 6rem; }
.hero__signal span { display: block; width: .35rem; background: var(--signal); }
.hero__signal span:nth-child(1) { height: 35%; }.hero__signal span:nth-child(2) { height: 100%; }.hero__signal span:nth-child(3) { height: 58%; }
.section { padding-block: var(--space-5); }
.section--ink { background: var(--ink-soft); border-block: 1px solid var(--line); }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-4); }
.section-heading .eyebrow { margin-bottom: var(--space-1); }
.section-heading--side { align-items: start; }
.intro-section { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: var(--space-5); border-top: 1px solid var(--line); }
.page-intro { padding-block: var(--space-5) var(--space-4); border-bottom: 1px solid var(--line); }
.page-intro h1 { margin-top: var(--space-1); max-width: 13ch; }
.page-privacy .page-intro h1 { overflow-wrap: anywhere; }
.page-intro__lede { max-width: 45rem; margin-top: var(--space-3); color: var(--paper-dim); font-size: var(--step-1); }
.page-intro--compact { padding-bottom: var(--space-3); }
.detail { --detail-reading-rail: 42rem; padding-block: var(--space-5); }
.detail__header { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(18rem, .9fr); gap: var(--space-4); align-items: start; padding-bottom: var(--space-5); border-bottom: 1px solid var(--line); }
.detail__header--note, .detail__body-grid--note { grid-template-columns: minmax(0, 1fr) minmax(32.5rem, 42rem); }
.detail__headline { min-width: 0; }
.detail__header--note .media-placeholder { grid-column: 2; width: 100%; }
.detail__header h1 { margin-top: var(--space-2); font-size: var(--step-3); max-width: 14ch; }
.detail__body { width: min(100%, var(--detail-reading-rail)); max-width: none; margin: var(--space-5) auto 0; }
.detail__body { font-size: clamp(1rem, .92rem + .3vw, 1.1875rem); line-height: 1.62; }
.detail__body p + p { margin-top: 1.1em; }
.detail__body-grid--note { display: block; }
.detail__body--note { margin-inline: auto; }
.detail__footer { width: min(100%, var(--detail-reading-rail)); max-width: none; margin: var(--space-4) auto 0; padding-top: var(--space-3); border-top: 1px solid var(--line); }
.about { padding-bottom: var(--space-5); }
.about__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, .9fr); align-items: start; gap: var(--space-5); padding-top: var(--space-4); }
.legal { padding-bottom: var(--space-5); }
.legal__lead { margin-block: var(--space-4); }
.reach-directory { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); padding-block: var(--space-4); border-top: 1px solid var(--line); }
.reach-group__title { margin-bottom: var(--space-2); color: var(--signal); font-size: var(--step-0); letter-spacing: .08em; }
.reach-group ul { margin: 0; padding: 0; list-style: none; }
.reach-group a { display: inline-flex; align-items: center; min-height: 44px; font: 800 var(--step--1)/1 var(--font-sans); letter-spacing: .08em; text-transform: uppercase; }
.legal__document { border-top: 1px solid var(--line); padding-top: var(--space-4); }
.legal__document > h2 { margin-block: var(--space-4); }
.legal-copy { margin-inline: auto; }
.legal-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2.5rem, 6vw, 7rem); align-items: start; border-top: 1px solid var(--line); padding-top: var(--space-4); }
.legal-column { min-width: 0; }
.legal-column__title { margin-bottom: var(--space-3); color: var(--signal); font-size: var(--step-2); }
.legal-column .legal-copy { max-width: none; margin: 0; }
.legal-column .legal-copy h3 { font-size: var(--step-1); }
.legal-pair + .legal-pair { margin-top: var(--space-4); }
.legal-pair__language { margin-bottom: var(--space-1); }
.legal-pair__title { margin-bottom: var(--space-3); font-size: var(--step-1); }
.legal-pair .legal-copy { max-width: none; margin: 0; }
.shop-cta { display: flex; justify-content: space-between; align-items: end; gap: var(--space-3); padding-block: var(--space-5); }
.shop-cta h2 { margin-top: var(--space-1); }
.site-footer { border-top: 1px solid var(--line); padding-block: var(--space-4); }
.site-footer__inner { display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); align-items: start; }
.site-footer__brand { font-family: var(--font-sans); font-size: var(--step-2); font-weight: 900; letter-spacing: -.04em; }
.site-footer__tagline { color: var(--paper-dim); }
.site-footer nav { display: flex; flex-wrap: wrap; gap: var(--space-2); justify-content: end; }
.site-footer nav a { display: inline-flex; align-items: center; min-height: 44px; }
.site-footer .footer-link--eleghetto { color: var(--copper); }
.site-footer__status { grid-column: 1 / -1; display: flex; align-items: center; gap: .55rem; color: var(--paper-dim); font-size: var(--step--1); border-top: 1px solid var(--line); padding-top: var(--space-2); }
.site-footer__status span { width: .55rem; height: .55rem; border-radius: 50%; background: #59d986; }
.not-found { min-height: 65vh; display: flex; flex-direction: column; justify-content: center; gap: var(--space-3); }
.not-found h1 { max-width: 11ch; }