/*
Theme Name: Trash Relics
Theme URI: https://trashrelics.com
Description: Post-apocalyptic environmental NFT archive — WordPress block theme
Version: 1.0.0
Requires at least: 6.4
Tested up to: 7.0
Requires PHP: 8.0
Author: Trash Relics
License: GPL v2 or later
Text Domain: trash-relics
*/

/* === FULL WIDTH === */

/* Kill root padding WordPress injects */
:root {
    --wp--style--root--padding-top: 0 !important;
    --wp--style--root--padding-right: 0 !important;
    --wp--style--root--padding-bottom: 0 !important;
    --wp--style--root--padding-left: 0 !important;
    --wp--style--global--content-size: 100% !important;
    --wp--style--global--wide-size: 100% !important;
}

body {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

.wp-site-blocks {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

main {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Header — compact layout */
.site-header {
    background: rgba(13, 13, 11, 0.82) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #2a2a28;
}
.site-header > .wp-block-group {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* Header social links */
.site-header .wp-block-social-link a {
    background-color: transparent !important;
}
/* Reduce social icon size in header */
.site-header .wp-block-social-links {
    font-size: 22px !important;
}
/* Blend logo into dark header — removes visible black bg square */
.site-header .wp-block-site-logo img {
    mix-blend-mode: screen;
    width: 32px !important;
    height: 32px !important;
}
/* Reduce nav gap in header */
.site-header .wp-block-navigation {
    gap: 1.5rem !important;
}

/* === NAVIGATION === */

/* Hover underline on all nav links — animated */
.site-header .wp-block-navigation .wp-block-navigation-item__content {
    position: relative;
    transition: opacity 0.2s ease;
}

.site-header .wp-block-navigation .wp-block-navigation-item__content::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #9a9894;
    transform: scaleX(0);
    transition: transform 0.2s ease;
    transform-origin: left center;
}

.site-header .wp-block-navigation .wp-block-navigation-item__content:hover::after {
    transform: scaleX(1);
}

.site-header .wp-block-navigation .wp-block-navigation-item__content:hover {
    color: #ffffff;
}

/* Active page — persistent white underline */
body.page-id-112 .site-header .wp-block-navigation a[href="/the-archive"]::after,
body.page-id-116 .site-header .wp-block-navigation a[href="/collection"]::after,
body.page-id-114 .site-header .wp-block-navigation a[href="/environmental-impact"]::after,
body.page-id-115 .site-header .wp-block-navigation a[href="/roadmap"]::after,
body.page-id-117 .site-header .wp-block-navigation a[href="/rarity-architecture"]::after {
    transform: scaleX(1);
    background-color: #f5f2ec;
}
body.page-id-112 .site-header .wp-block-navigation a[href="/the-archive"],
body.page-id-116 .site-header .wp-block-navigation a[href="/collection"],
body.page-id-114 .site-header .wp-block-navigation a[href="/environmental-impact"],
body.page-id-115 .site-header .wp-block-navigation a[href="/roadmap"],
body.page-id-117 .site-header .wp-block-navigation a[href="/rarity-architecture"] {
    color: #ffffff;
}

/* === FOOTER NAV HOVER === */

.site-footer .wp-block-navigation .wp-block-navigation-item__content {
    transition: color 0.2s ease;
}

.site-footer .wp-block-navigation .wp-block-navigation-item__content:hover {
    color: #e6e3dd !important;
}

/* === HOMEPAGE SECTIONS === */

/* Section spacing */
.wp-block-group.alignfull,
.wp-block-group.alignwide { opacity: 1;
    width: 100%;
    max-width: 100%;
}

/* Hero section is always visible — has its own CSS entrance animation */
.tr-hero-bg { opacity: 1 !important; }






/* Cover block overlay text */
.wp-block-cover .wp-block-heading,
.wp-block-cover p {
    text-shadow: 0 2px 30px rgba(0,0,0,0.5);
}

/* Button outline dark theme */
.wp-block-button.is-style-outline .wp-block-button__link {
    background-color: transparent !important;
    border: 1px solid #f5f2ec;
    color: #f5f2ec;
    padding: 0.8rem 2rem;
    font-family: var(--wp--preset--font-family--oswald);
    font-size: 0.8rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: #f5f2ec !important;
    color: #111110 !important;
}

/* Info cards / stat boxes */
.wp-block-column.has-tr-dark-background-color {
    border: 1px solid #2a2a28;
    transition: border-color 0.3s ease;
}

.wp-block-column.has-tr-dark-background-color:hover {
    border-color: #4a4a48;
}

/* Social links section */
.wp-block-social-links .wp-social-link {
    transition: opacity 0.3s ease;
}

.wp-block-social-links .wp-social-link:hover {
    opacity: 0.7;
}

/* Image grayscale treatment for relic images */
.wp-block-image img {
    filter: grayscale(100%);
    opacity: 0.85;
    transition: opacity 0.4s ease;
}

.wp-block-image img:hover {
    opacity: 1;
}

/* Fixed archive band - compact stat labels */
.wp-block-columns .wp-block-column.has-tr-black-background-color {
    border: 1px solid #2a2a28;
}

/* === SCROLL REVEAL ANIMATIONS === */

/* Base reveal: fade up + subtle scale */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Section 1 — Hero reveal */
@keyframes sectionHeroReveal {
    from { opacity: 0; transform: translateY(18px) scale(0.98); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* Section 2 — Cards slide up */
@keyframes sectionCardsReveal {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Section 3 — Structural slide left */
@keyframes sectionStructuralReveal {
    from { opacity: 0; transform: translateX(-10px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* Section 4 — Impact rise */
@keyframes sectionImpactReveal {
    from { opacity: 0; transform: translateY(36px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Section 5 — Archive pop-in */
@keyframes sectionArchiveReveal {
    from { opacity: 0; transform: scale(0.93); }
    to   { opacity: 1; transform: scale(1); }
}

/* Section 6 — World parallax slide */
@keyframes sectionWorldReveal {
    from { opacity: 0; transform: translateY(12px) translateX(-4px); }
    to   { opacity: 1; transform: translateY(0) translateX(0); }
}

/* Section 7 — Dispatches cascade */
@keyframes sectionDispatchesReveal {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Section 8 — Follow gentle rise */
@keyframes sectionFollowReveal {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* JS-applied class triggers the animation — default */
.section-reveal {
    animation: fadeInUp 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
    will-change: transform, opacity;
}

/* Section-specific animation types — applied by JS */
.section-reveal-type-1 { animation-name: sectionHeroReveal; animation-duration: 0.65s; }
.section-reveal-type-2 { animation-name: sectionCardsReveal; animation-duration: 0.55s; }
.section-reveal-type-3 { animation-name: sectionStructuralReveal; animation-duration: 0.5s; }
.section-reveal-type-4 { animation-name: sectionImpactReveal; animation-duration: 0.65s; }
.section-reveal-type-5 { animation-name: sectionArchiveReveal; animation-duration: 0.5s; }
.section-reveal-type-6 { animation-name: sectionWorldReveal; animation-duration: 0.6s; }
.section-reveal-type-7 { animation-name: sectionDispatchesReveal; animation-duration: 0.45s; }
.section-reveal-type-8 { animation-name: sectionFollowReveal; animation-duration: 0.55s; }

/* Stagger delays — applied by JS based on viewport entry order */
.section-reveal-delay-1 { animation-delay: 0.08s; }
.section-reveal-delay-2 { animation-delay: 0.18s; }
.section-reveal-delay-3 { animation-delay: 0.28s; }
.section-reveal-delay-4 { animation-delay: 0.38s; }
.section-reveal-delay-5 { animation-delay: 0.48s; }
.section-reveal-delay-6 { animation-delay: 0.58s; }

/* === Scroll-triggered image reveal === */
@keyframes imageReveal {
    from {
        opacity: 0;
        transform: scale(0.92) rotate(-0.3deg);
    }
    to {
        opacity: 1;
        transform: scale(1) rotate(0);
    }
}

.image-reveal {
    animation: imageReveal 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

/* === Alternating slide directions for columns === */
@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-24px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(24px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.reveal-from-left {
    animation-name: slideInLeft;
    animation-duration: 0.55s;
}

.reveal-from-right {
    animation-name: slideInRight;
    animation-duration: 0.55s;
}

/* === Footer subtle reveal === */
.site-footer { /* no scroll reveal on footer container */
}



/* === RESPECTS USER MOTION PREFERENCE === */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    .wp-block-group.alignfull { opacity: 1;
    }
}

/* === MOBILE: lighter animations === */

@media (max-width: 782px) {
    @keyframes fadeInUpMobile {
        from {
            opacity: 0;
            transform: translateY(12px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .section-reveal {
        animation-name: fadeInUpMobile;
        animation-duration: 0.3s;
    }
}

/* === PANEL FIX #1 — Hover states === */
.tr-btn-hover {
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  cursor: pointer;
}
.tr-btn-hover:hover {
  background-color: #f5f2ec !important;
  color: #0d0d0b !important;
  border-color: #f5f2ec !important;
}
.tr-btn-hover:focus-visible {
  outline: 2px solid #f5f2ec;
  outline-offset: 2px;
}

/* === Hero background image === */
.tr-hero-bg {
  background-image: url('https://trashrelics.com/wp-content/uploads/2026/06/hero.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100svh;
}

/* Hero — center all inner content */
.tr-hero-bg > .wp-block-group {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Hero — force horizontal centering on all content, regardless of WordPress layout classes.
   Three-pronged approach: flex align-items, margin auto, and text-align center. */
.tr-hero-bg > .wp-block-group > :where(:not(.alignfull):not(.alignwide)) {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Stats row — ensure it is a centered flex row even if WP layout CSS fails to load */
.tr-hero-bg > .wp-block-group > .wp-block-group:last-child {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.6rem;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

/* Stats row paragraphs — explicitly center text since they lack has-text-align-center */
.tr-hero-bg > .wp-block-group > .wp-block-group:last-child > p {
    text-align: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.tr-hero-bg .wp-block-separator {
    margin-left: auto !important;
    margin-right: auto !important;
}

.tr-hero-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(13, 13, 11, 0.65);
  z-index: 1;
}
.tr-hero-bg > * {
  position: relative;
  z-index: 2;
}
/* === Wavy divider at hero bottom === */
.tr-hero-bg::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 60px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDYwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8cGF0aCBkPSJNMCwzMCBDMTAwLDUwIDIwMCwxMCAzMDAsMzUgQzQwMCw1NSA1MDAsMTUgNjAwLDMwIEM3MDAsNDUgODAwLDEwIDkwMCwzMiBDMTAwMCw1MCAxMTAwLDE1IDEyMDAsMzAgTDEyMDAsNjAgTDAsNjAgWiIgZmlsbD0iIzExMTExMCIvPgogIDxwYXRoIGQ9Ik0wLDMyIEMxMDAsNTIgMjAwLDEyIDMwMCwzNyBDNDAwLDU3IDUwMCwxNyA2MDAsMzIgQzcwMCw0NyA4MDAsMTIgOTAwLDM0IEMxMDAwLDUyIDExMDAsMTcgMTIwMCwzMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2JhKDI0NSwyNDIsMjM2LDAuMDgpIiBzdHJva2Utd2lkdGg9IjEiLz4KPC9zdmc+");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 3;
    pointer-events: none;
}

/* === Reusable wavy section dividers === */
.tr-wave-bottom {
    position: relative;
    padding-bottom: calc(60px + 5rem) !important;
}

.tr-wave-bottom::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 60px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDYwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8cGF0aCBkPSJNMCwzMCBDMTAwLDUwIDIwMCwxMCAzMDAsMzUgQzQwMCw1NSA1MDAsMTUgNjAwLDMwIEM3MDAsNDUgODAwLDEwIDkwMCwzMiBDMTAwMCw1MCAxMTAwLDE1IDEyMDAsMzAgTDEyMDAsNjAgTDAsNjAgWiIgZmlsbD0iIzBkMGQwYiIvPgogIDxwYXRoIGQ9Ik0wLDMyIEMxMDAsNTIgMjAwLDEyIDMwMCwzNyBDNDAwLDU3IDUwMCwxNyA2MDAsMzIgQzcwMCw0NyA4MDAsMTIgOTAwLDM0IEMxMDAwLDUyIDExMDAsMTcgMTIwMCwzMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2JhKDI0NSwyNDIsMjM2LDAuMDYpIiBzdHJva2Utd2lkdGg9IjEiLz4KPC9zdmc+");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 3;
    pointer-events: none;
}

.tr-wave-bottom-light {
    position: relative;
    padding-bottom: calc(60px + 5rem) !important;
}

.tr-wave-bottom-light::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 60px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDYwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8cGF0aCBkPSJNMCwzMCBDMTAwLDUwIDIwMCwxMCAzMDAsMzUgQzQwMCw1NSA1MDAsMTUgNjAwLDMwIEM3MDAsNDUgODAwLDEwIDkwMCwzMiBDMTAwMCw1MCAxMTAwLDE1IDEyMDAsMzAgTDEyMDAsNjAgTDAsNjAgWiIgZmlsbD0iIzExMTExMCIvPgogIDxwYXRoIGQ9Ik0wLDMyIEMxMDAsNTIgMjAwLDEyIDMwMCwzNyBDNDAwLDU3IDUwMCwxNyA2MDAsMzIgQzcwMCw0NyA4MDAsMTIgOTAwLDM0IEMxMDAwLDUyIDExMDAsMTcgMTIwMCwzMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2JhKDI0NSwyNDIsMjM2LDAuMDYpIiBzdHJva2Utd2lkdGg9IjEiLz4KPC9zdmc+");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 3;
    pointer-events: none;
}

@media (max-width: 782px) {
    .tr-wave-bottom {
        padding-bottom: calc(36px + 3rem) !important;
    }
    .tr-wave-bottom::after,
    .tr-wave-bottom-light::after {
        height: 36px;
    }
}

/* Remove default 24px block-gap between full-width sections so wave dividers
   sit flush against the next section. Without this, the body color (#0d0d0b)
   shows through the gap as a dark band on transitions into lighter (#111110)
   sections (e.g. The Structural System -> Environmental Impact). */
.entry-content > .wp-block-group.alignfull {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* === ENHANCED MOTION — Phase 4 === */

/* Hero entrance stagger */
@keyframes heroReveal {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.tr-hero-bg .wp-block-heading,
.tr-hero-bg .wp-block-paragraph,
.tr-hero-bg .wp-block-buttons {
    animation: heroReveal 0.6s ease forwards;
    animation-fill-mode: both;
}

.tr-hero-bg > .wp-block-group > .wp-block-paragraph:first-of-type   { animation-delay: 0.05s; }
.tr-hero-bg > .wp-block-group > h1                               { animation-delay: 0.1s; }
.tr-hero-bg > .wp-block-group > .wp-block-paragraph:nth-of-type(2) { animation-delay: 0.18s; }
.tr-hero-bg .wp-block-separator                                  { animation: heroReveal 0.6s ease forwards; animation-delay: 0.24s; opacity: 0; }
.tr-hero-bg > .wp-block-group > .wp-block-paragraph:nth-of-type(3) { animation-delay: 0.28s; }
.tr-hero-bg > .wp-block-group > .wp-block-paragraph:nth-of-type(4) { animation-delay: 0.32s; }
.tr-hero-bg .wp-block-buttons                                    { animation-delay: 0.38s; }
.tr-hero-bg .wp-block-group:last-child .wp-block-paragraph       { animation: heroReveal 0.5s ease forwards; opacity: 0; }
.tr-hero-bg .wp-block-group:last-child .wp-block-paragraph:nth-child(1) { animation-delay: 0.42s; }
.tr-hero-bg .wp-block-group:last-child .wp-block-paragraph:nth-child(3) { animation-delay: 0.46s; }
.tr-hero-bg .wp-block-group:last-child .wp-block-paragraph:nth-child(5) { animation-delay: 0.50s; }
.tr-hero-bg .wp-block-group:last-child .wp-block-paragraph:nth-child(7) { animation-delay: 0.54s; }

/* Card lift on hover */
.tr-card {
    transition: transform 0.25s ease, border-color 0.25s ease;
}
.tr-card:hover {
    transform: translateY(-3px);
    border-left-color: #f5f2ec !important;
}

/* Big number subtle glow */
@keyframes numberGlow {
    0%, 100% { text-shadow: 0 0 0 transparent; }
    50% { text-shadow: 0 0 20px rgba(245,242,236,0.08); }
}
.tr-big-number {
    animation: numberGlow 4s ease-in-out infinite;
}

/* Separator reveal */
@keyframes separatorReveal {
    from { transform: scaleX(0); opacity: 0; }
    to   { transform: scaleX(1); opacity: 1; }
}
.wp-block-separator.section-reveal {
    animation: separatorReveal 0.4s ease forwards;
    transform-origin: center;
}

/* Section background transitions */
.wp-block-group.alignfull.has-background {
    transition: background-color 0.4s ease;
}

/* Hero section — no top border (it is the first section) */
.tr-hero-bg {
    border-top: none !important;
    box-shadow: none !important;
    padding-bottom: 45px !important;
}

/* Section directly after hero — bring content closer to wave */
.tr-hero-bg + .wp-block-group.alignfull {
    padding-top: 50px !important;
    margin-top: 0 !important;
}

/* Button pulse — subtle, only once on hero CTA */
@keyframes btnPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(245,242,236,0); }
    50% { box-shadow: 0 0 0 6px rgba(245,242,236,0.06); }
}
.tr-hero-bg .wp-block-button__link {
    animation: btnPulse 3s ease-in-out infinite;
    animation-delay: 1.5s;
}

/* Fixed — mobile overrides */
@media (max-width: 782px) {
    @keyframes heroRevealMobile {
        from {
            opacity: 0;
            transform: translateY(10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    .tr-hero-bg .wp-block-heading,
    .tr-hero-bg .wp-block-paragraph,
    .tr-hero-bg .wp-block-buttons {
        animation-name: heroRevealMobile;
        animation-duration: 0.35s;
    }
    .tr-card:hover {
        transform: none;
    }
    .tr-hero-bg .wp-block-button__link {
        animation: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tr-hero-bg .wp-block-heading,
    .tr-hero-bg .wp-block-paragraph,
    .tr-hero-bg .wp-block-buttons {
        animation: none;
        opacity: 1;
    }
    .tr-big-number { animation: none; }
    .tr-hero-bg .wp-block-button__link { animation: none; }
}











/* === RELIC IMAGES === */
.tr-relic-image {
    margin-bottom: 1.5rem;
}
.tr-relic-image img {
    filter: grayscale(100%);
    opacity: 0.85;
    transition: opacity 0.5s ease, filter 0.5s ease, transform 0.5s ease;
    width: 100%;
    height: auto;
    border-radius: 0;
}
.tr-relic-image img:hover {
    opacity: 1;
    filter: grayscale(50%);
    transform: scale(1.03);
}

/* === EMAIL SIGNUP FORM === */
.tr-signup-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 2rem;
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
}
.tr-signup-form input[type="email"] {
    flex: 1 1 240px;
    padding: 0.9rem 1.25rem;
    background: transparent;
    border: 1px solid #2a2a28;
    color: #f5f2ec;
    font-family: Inter, sans-serif;
    font-size: 0.95rem;
    outline: none;
    transition: border-color 0.25s ease;
}
.tr-signup-form input[type="email"]::placeholder {
    color: #6a6864;
    letter-spacing: 0.05em;
}
.tr-signup-form input[type="email"]:focus {
    border-color: #f5f2ec;
}
.tr-signup-form button {
    padding: 0.9rem 2rem;
    background: transparent;
    border: 1px solid #f5f2ec;
    color: #f5f2ec;
    font-family: Oswald, sans-serif;
    font-size: 0.8rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.25s ease, color 0.25s ease;
    white-space: nowrap;
}
.tr-signup-form button:hover {
    background-color: #f5f2ec;
    color: #0d0d0b;
}
.tr-signup-form button:focus-visible {
    outline: 2px solid #f5f2ec;
    outline-offset: 2px;
}
.tr-signup-note {
    text-align: center;
    color: #6a6864;
    font-family: Inter, sans-serif;
    font-size: 0.75rem;
    margin-top: 0.75rem;
}

/* === SECTION 3 CARD STAT REFINEMENTS === */
.tr-stat-text {
    letter-spacing: 0.08em;
}


/* === Header: true-centered nav === */
/* Logo (left) and social (right) columns grow equally, so the nav block sits
   dead-center of the page regardless of their differing widths. */
.site-header .tr-head-side {
    flex: 1 1 0;
    min-width: 0;
}
.site-header .tr-head-left { justify-content: flex-start; }
.site-header .tr-head-right { justify-content: flex-end; }
/* Keep nav text vertically centered on the logo's middle line */
.site-header .tr-head-bar,
.site-header .tr-head-side,
.site-header .wp-block-navigation {
    align-items: center;
}

/* ============================================================
   Internal pages design system — mirrors the home page values
   (colors, type, borders). Used by all non-home pages.
   ============================================================ */
.tr-sec-dark { background-color:#0d0d0b; padding:5rem 2rem; }
.tr-sec-mid  { background-color:#111110; padding:5rem 2rem; }
.tr-page-hero { padding-top:7rem; padding-bottom:5rem; }

.tr-wrap     { max-width:88%;  margin-left:auto !important; margin-right:auto !important; }
.tr-wrap-800 { max-width:800px; margin-left:auto !important; margin-right:auto !important; }
.tr-wrap-900 { max-width:900px; margin-left:auto !important; margin-right:auto !important; }

.tr-overline { font-family:Oswald,sans-serif; font-size:.8rem; text-transform:uppercase; letter-spacing:.3em; color:#b3b0a9; }
.tr-h1   { font-family:Oswald,sans-serif; font-size:clamp(2.8rem,6vw,5rem); font-weight:700; text-transform:uppercase; letter-spacing:-.02em; line-height:.95; color:#f5f2ec; }
.tr-h2   { font-family:Oswald,sans-serif; font-size:clamp(1.5rem,3vw,2.5rem); text-transform:uppercase; letter-spacing:.05em; line-height:1.1; color:#f5f2ec; }
.tr-h3   { font-family:Oswald,sans-serif; font-size:.95rem; text-transform:uppercase; letter-spacing:.08em; color:#f5f2ec; }
.tr-kicker { font-family:Oswald,sans-serif; font-size:.8rem; text-transform:uppercase; letter-spacing:.1em; color:#f5f2ec; }
.tr-label  { font-family:Oswald,sans-serif; font-size:.75rem; text-transform:uppercase; letter-spacing:.1em; color:#b3b0a9; }
.tr-body    { font-family:Inter,sans-serif; font-size:1.05rem; line-height:1.8; color:#b3b0a9; }
.tr-body-sm { font-family:Inter,sans-serif; font-size:.95rem; line-height:1.7; color:#b3b0a9; }
.tr-lead    { font-family:Inter,sans-serif; font-size:1.15rem; font-style:italic; line-height:1.6; color:#b3b0a9; }
.tr-tagline { font-family:Inter,sans-serif; font-size:1.1rem; font-style:italic; letter-spacing:.02em; color:#f5f2ec; }
.tr-stat    { font-family:Oswald,sans-serif; font-size:2rem; font-weight:700; line-height:1; color:#f5f2ec; }
.tr-stat-xl { font-family:Oswald,sans-serif; font-size:clamp(3rem,8vw,5.5rem); font-weight:700; line-height:1; color:#f5f2ec; }

.tr-card    { border:1px solid #2a2a28; padding:2rem; }
.tr-card-eq { min-height:240px; }
.tr-note    { border:1px solid #4a4a48; padding:1.5rem 2rem; }
.tr-row      { border-top:1px solid #2a2a28; padding:1.6rem 0; }
.tr-row-last { border-bottom:1px solid #2a2a28; }
.tr-num    { color:#8a8884; font-weight:700; }
.tr-indent { padding-left:2.4rem; }
.tr-chip { display:inline-block; border:1px solid #4a4a48; padding:.4rem 1rem; font-family:Oswald,sans-serif; font-size:1rem; font-weight:700; letter-spacing:.18em; color:#f5f2ec; }

ul.tr-body, ul.tr-body-sm { padding-left:1.2rem; }
ul.tr-body li, ul.tr-body-sm li { margin-bottom:.5rem; }

.tr-btn .wp-block-button__link {
    border:1px solid #f5f2ec; border-radius:0; background:transparent; color:#f5f2ec;
    font-family:Oswald,sans-serif; font-size:.85rem; text-transform:uppercase;
    letter-spacing:.1em; padding:1rem 3rem;
}

/* ============================================================
   Phase 4 — The Archive design refinements (2026-06-11)
   ============================================================ */
.tr-index { font-family:Oswald,sans-serif; font-size:.8rem; font-weight:600; text-transform:uppercase; letter-spacing:.3em; color:#8a8884; }
.tr-ledger > .wp-block-group { margin-top:0 !important; margin-bottom:0 !important; }
.tr-note-plaque { padding:2.5rem 3rem; margin-top:2.5rem; }
.tr-nowrap { white-space:nowrap; }

/* ============================================================
   Lot A — Quick wins site-wide (revue design 2026-06-11)
   ============================================================ */
/* Mesure de lecture : plafonner les corps de texte larges */
.tr-body, .tr-body-sm { max-width: 75ch; }
p.has-text-align-center.tr-body, p.has-text-align-center.tr-body-sm { margin-left:auto; margin-right:auto; }
/* Titres : équilibrer les retours à la ligne (orphelins) */
.tr-h1, .tr-h2 { text-wrap: balance; }
/* Registres : filets équidistants entre rangées + clôture aérée */
.tr-row + .tr-row { margin-top: 0 !important; }
.tr-row-last { padding-bottom: 2.6rem; }
@media (max-width: 781px) {
  /* Sections miroir : le titre repasse au-dessus du texte (suit le stacking WP) */
  .tr-swap > .wp-block-column:last-child { order: -1; }
}
@media (max-width: 782px) {
  /* Rail gauche unifié : tr-wrap pleine largeur en mobile */
  .tr-wrap { max-width: 100%; }
  /* Indentation des registres annulée (mesure mobile) */
  .tr-indent { padding-left: 0; }
  /* Footer : disclaimer wallet aligné à gauche (bat le style inline) */
  .site-footer p[style*="text-align:right"] { text-align: left !important; }
}
@media (max-width: 480px) {
  /* Plaques/notes : longs textes centrés repassent à gauche */
  .tr-note p, .tr-note p.has-text-align-center { text-align: left !important; }
}

/* ---- Lot B (2026-06-12) : cartes égalisées + rangées liens compactes ---- */
.tr-card-eq { min-height: 0; }
.wp-block-column > .tr-card-eq { height: 100%; }
.tr-row-compact { padding-top: 1.2rem; padding-bottom: 1.2rem; }
.tr-row-compact a { overflow-wrap: anywhere; }

/* ---- Home polish (2026-06-12) ---- */
/* Footer : anticrénelage en niveaux de gris (couche composite) — supprime la frange bleue
   du rendu sous-pixel sur le texte clair/sombre (logo + ligne sécurité) */
.site-footer { filter: contrast(1.001); } /* filtre no-op : rasterisation hors-ecran -> anticrenelage gris force, supprime la frange coloree sous-pixel */
/* Jeton TRC (Home, carte TRC Distribution) : remis à l'échelle de la grille de stats */
span[style*="letter-spacing:0.22em"] { border: 0 !important; padding: 0 !important; font-size: 2rem !important; letter-spacing: normal !important; line-height: 1 !important; }
/* et son paragraphe : memes marges que les autres valeurs de la grille */
p[style*="margin-top:0.1rem"] { margin-top: 1.5rem !important; margin-bottom: 0 !important; }

/* ---- Archive registry polish (2026-06-12) : numero fantome decoratif des splits editoriaux ---- */
.tr-ghost-num { font-family: Oswald, sans-serif; font-weight: 700; font-size: clamp(5.5rem, 9vw, 8.5rem); line-height: 1; color: #1b1b19; letter-spacing: .04em; margin-top: 2.2rem; user-select: none; }
@media (max-width: 781px) { .tr-ghost-num { display: none; } }
@media (max-width: 600px) { .tr-note-plaque { padding: 2rem 1.25rem; } }

/* ---- Archive variete de sections (2026-06-12) : stat monumentale + colonnes de texte sous filets ---- */
.tr-stat-giant { font-family: Oswald, sans-serif; font-size: clamp(4rem, 9vw, 7.5rem); font-weight: 700; line-height: 1; color: #f5f2ec; }
.tr-cols-rule { margin-top: 2.5rem; }
.tr-cols-rule > .wp-block-column { border-top: 1px solid #2a2a28; padding-top: 1.5rem; }

/* ---- Collection corrections (2026-06-12) : liste de traits sous filets, remplace les chips ---- */
.tr-trait-list { margin-top: 1.8rem; }
.tr-trait-list > p { margin-top: 0 !important; margin-bottom: 0 !important; border-top: 1px solid #2a2a28; padding: 1.1rem 0; font-family: Oswald, sans-serif; font-size: 1rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #f5f2ec; }
.tr-trait-list > p:last-child { border-bottom: 1px solid #2a2a28; }

/* ---- Collection (2026-06-12) : respiration entre le trio sous filets et le paragraphe de cloture ---- */
.tr-cols-rule + p { margin-top: 3.5rem !important; }

/* ---- Rarity Architecture (2026-06-12) : titre centre verticalement face au registre des traits ---- */
.tr-valign-center { align-items: center; }

/* ---- Rarity : panneaux Core Traits fideles a la maquette CORE TRAITS.png (2026-06-12) ---- */
.tr-panel { background: #1c1c1a; padding: 2.5rem; }
.wp-block-column > .tr-panel + .tr-panel { margin-top: 2rem !important; }
.tr-panel-title { font-family: Oswald, sans-serif; font-size: 1.35rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #f5f2ec; }
.tr-cat { font-family: Inter, sans-serif; font-size: .95rem; font-weight: 700; color: #f5f2ec; }
.tr-panel .tr-cat { margin-top: 1.6rem !important; }
ul.tr-body-sm li { color: #b3b0a9; }
@media (max-width: 600px) { .tr-panel { padding: 2rem 1.5rem; } }

/* ---- Rarity : grille de panneaux symetrique, bas alignes (2026-06-12) ---- */
.tr-panel-grid > .wp-block-column { display: flex; flex-direction: column; }
.tr-panel-grid > .wp-block-column > .tr-panel:last-child { flex-grow: 1; }

/* ---- Animations pages interieures (2026-06-12) : reveals doctrine recherche ---- */
.tr-fx { opacity: 0; transform: translateY(24px); transition: opacity .55s cubic-bezier(.16,1,.3,1), transform .55s cubic-bezier(.16,1,.3,1); transition-delay: calc(var(--tr-i, 0) * 70ms); }
.tr-fx.tr-on { opacity: 1; transform: none; }
.tr-stat-giant, .tr-stat-xl { font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) {
  .tr-fx { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* Roadmap : titres de phase un peu plus gros (2026-06-13) */
.tr-phase-title { font-size: clamp(1.2rem, 1.6vw, 1.5rem) !important; line-height: 1.2; }

/* Roadmap — texte pleine largeur de colonne (bords symetriques au titre) */
.tr-roadmap .tr-body { max-width: none !important; }

/* Roadmap — images relic pleine largeur de colonne */
.tr-relic-img { margin: 0 !important; }
.tr-relic-img img { width: 100%; height: auto; display: block; }

/* ============================================================
   TRASH RELICS — COLLECTION PAGE (.trc) — ported mockup design
   Scoped entirely under .trc so it never touches header/footer
   or any other page. Added 2026-06-13.
   ============================================================ */
.trc{--tr-black:#0d0d0b;--tr-dark:#111110;--tr-panel:#1c1c1a;--tr-white:#f5f2ec;--tr-body:#b3b0a9;--tr-gray:#9a9894;--tr-mute:#6a6864;--tr-border:#2a2a28;--tr-border-2:#4a4a48;--tr-ghost:#1b1b19;--ease:cubic-bezier(.16,1,.3,1);position:relative;background:var(--tr-black);color:var(--tr-body);font-family:'Inter',sans-serif;font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.trc *{box-sizing:border-box;margin:0;padding:0}
.trc::before{content:"";position:absolute;inset:0;z-index:50;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.035;mix-blend-mode:overlay}
.trc img{max-width:100%;display:block}
.trc h1,.trc h2,.trc h3,.trc h4{font-family:'Oswald',sans-serif;color:var(--tr-white);text-transform:uppercase;text-wrap:balance}
.trc .wrap{max-width:1680px;margin:0 auto;padding:0 3.5rem}
.trc .wrap-narrow{max-width:1100px;margin:0 auto;padding:0 2.5rem}
.trc .kicker{font-family:'Oswald';font-weight:600;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tr-gray)}
.trc .lead{font-size:1.15rem;line-height:1.6;color:var(--tr-body)}
.trc .lead em{color:var(--tr-white);font-style:italic}
.trc .sep{width:60px;height:2px;background:var(--tr-white);opacity:.55;margin:1.6rem 0}
.trc .sep.center{margin-left:auto;margin-right:auto}
.trc section{position:relative}
.trc .sec{padding:7rem 0}
.trc .sec-dark{background:var(--tr-black)}
.trc .sec-mid{background:var(--tr-dark)}
.trc .hero{position:relative;overflow:hidden;padding:3rem 0 4rem;background:radial-gradient(120% 90% at 78% 38%,rgba(40,40,36,.55) 0%,rgba(13,13,11,0) 55%),radial-gradient(140% 120% at 12% 100%,rgba(0,0,0,.6) 0%,rgba(13,13,11,0) 60%),var(--tr-black)}
.trc .hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:3.5rem;align-items:end;position:relative;z-index:2}
.trc .hero-grid > div:first-child{padding-top:2.5rem}
.trc .hero-ghost{position:absolute;top:-3rem;left:-1rem;z-index:1;font-family:'Oswald';font-weight:700;font-size:clamp(8rem,22vw,20rem);line-height:.8;color:var(--tr-ghost);letter-spacing:-.02em;pointer-events:none;user-select:none;white-space:nowrap}
.trc .hero h1{font-size:clamp(3.5rem,9vw,7.5rem);font-weight:700;line-height:.92;letter-spacing:.02em;margin:1.4rem 0}
.trc .hero .lead{max-width:48ch}
.trc .hero-stats{display:flex;gap:2.5rem;margin-top:2.5rem;flex-wrap:wrap}
.trc .hero-stat .n{font-family:'Oswald';font-weight:700;font-size:2.2rem;line-height:1;color:var(--tr-white);font-variant-numeric:tabular-nums}
.trc .hero-stat .l{font-family:'Oswald';font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tr-gray);margin-top:.5rem}
.trc .hero-relic{position:relative;max-width:380px;margin-left:auto}
.trc .hero-relic .frame{position:relative;border:1px solid var(--tr-border-2);overflow:hidden;box-shadow:0 40px 90px -30px rgba(0,0,0,.9)}
@keyframes trc-kenburns{from{transform:scale(1)}to{transform:scale(1.06)}}
.trc .hero-relic img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(100%) contrast(1.05);opacity:.92;transition:filter .6s ease;animation:trc-kenburns 16s ease-in-out infinite alternate}
.trc .hero-relic:hover img{filter:grayscale(40%) contrast(1.08)}
.trc .hero-relic .frame::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 80% at 50% 30%,rgba(0,0,0,0) 40%,rgba(13,13,11,.55) 100%);pointer-events:none}
.trc .hero-relic .tag{position:absolute;bottom:1rem;left:1rem;z-index:3;font-family:'Oswald';font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tr-white);background:rgba(13,13,11,.7);border:1px solid var(--tr-border-2);padding:.4rem .85rem;backdrop-filter:blur(4px)}
.trc .hero-relic .emblem{position:absolute;top:-1.6rem;right:-1.6rem;width:94px;height:94px;z-index:4;border-radius:50%;overflow:hidden;filter:grayscale(100%) contrast(1.08);transform:scale(1.12);opacity:.95;box-shadow:0 6px 22px rgba(0,0,0,.55)}
.trc .split{display:grid;grid-template-columns:.85fr 1.15fr;gap:4rem;align-items:start}
.trc .split h2{font-size:clamp(1.8rem,3.4vw,2.8rem);font-weight:700;line-height:1.05;letter-spacing:.03em}
.trc .split .body p{margin-bottom:1.3rem;max-width:60ch}
.trc .split .body p:last-child{margin-bottom:0}
.trc .gallery-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3.5rem;gap:2rem;flex-wrap:wrap}
.trc .gallery-head h2{font-size:clamp(1.8rem,3.4vw,2.8rem);font-weight:700;letter-spacing:.03em}
.trc .gallery-head p{max-width:42ch;color:var(--tr-body)}
.trc .gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}
.trc .relic-card{position:relative;overflow:hidden;border:1px solid var(--tr-border);background:var(--tr-dark)}
.trc .relic-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.04);opacity:.85;transition:filter .6s ease,opacity .6s ease;animation:trc-kenburns 14s ease-in-out infinite alternate}
.trc .relic-card:nth-child(2) img{animation-duration:12s;animation-delay:-5s}
.trc .relic-card:nth-child(3) img{animation-duration:17s;animation-delay:-11s}
.trc .relic-card:nth-child(4) img{animation-duration:13s;animation-delay:-3s}
.trc .relic-card:hover img{filter:grayscale(30%) contrast(1.08);opacity:1}
.trc .relic-card::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 80px 10px rgba(0,0,0,.5)}
.trc .g-feature{grid-column:span 6;grid-row:span 2;min-height:560px}
.trc .g-tall{grid-column:span 3;min-height:270px}
.trc .g-wide{grid-column:span 6;min-height:270px}
.trc .evidence{text-align:center;padding:9rem 0;background:radial-gradient(70% 120% at 50% 0%,rgba(40,40,36,.4) 0%,rgba(13,13,11,0) 60%),var(--tr-black)}
.trc .evidence .intro{font-size:1.1rem;font-style:italic;color:var(--tr-body)}
.trc .evidence .giant{font-family:'Oswald';font-weight:700;text-transform:uppercase;font-size:clamp(4rem,15vw,12rem);line-height:.9;letter-spacing:.02em;color:var(--tr-white);margin:1.5rem 0 2rem}
.trc .evidence .giant .small{display:block;font-size:.18em;letter-spacing:.4em;color:var(--tr-gray);margin-bottom:.6rem}
.trc .evidence p.tail{max-width:58ch;margin:0 auto;color:var(--tr-body)}
.trc .ledger h2{font-size:clamp(1.8rem,3.4vw,2.8rem);font-weight:700;letter-spacing:.03em;margin-bottom:3rem}
.trc .l-row{display:grid;grid-template-columns:120px 1fr;gap:2.5rem;align-items:baseline;border-top:1px solid var(--tr-border);padding:2.2rem 0}
.trc .l-row:last-child{border-bottom:1px solid var(--tr-border)}
.trc .l-row .num{font-family:'Oswald';font-weight:700;font-size:2.6rem;line-height:1;color:var(--tr-mute);font-variant-numeric:tabular-nums}
.trc .l-row p{max-width:62ch;margin:0}
.trc .rarity-intro{max-width:660px;margin:0 auto 4.5rem;text-align:center}
.trc .rarity-intro h2{font-size:clamp(1.8rem,3.4vw,2.8rem);font-weight:700;letter-spacing:.03em}
.trc .rarity-intro .lead{margin-top:.4rem}
.trc .cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem;margin-bottom:1.5rem}
.trc .cat{border:1px solid var(--tr-border);padding:1.8rem 1.4rem;background:var(--tr-black);transition:border-color .3s ease,transform .3s ease}
.trc .cat:hover{border-color:var(--tr-border-2);transform:translateY(-4px)}
.trc .cat-n{font-family:'Oswald';font-size:.72rem;letter-spacing:.2em;color:var(--tr-mute)}
.trc .cat h4{font-size:1.05rem;font-weight:600;letter-spacing:.06em;margin:.8rem 0 .6rem;color:var(--tr-white)}
.trc .cat p{font-size:.85rem;line-height:1.6;color:var(--tr-body)}
.trc .special-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem}
.trc .special{border:1px solid var(--tr-border-2);background:var(--tr-panel);padding:2rem}
.trc .special .label{font-family:'Oswald';font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tr-gray)}
.trc .special h4{font-size:1.5rem;font-weight:700;letter-spacing:.04em;margin:.6rem 0 .8rem;color:var(--tr-white)}
.trc .special p{font-size:.85rem;line-height:1.6;color:var(--tr-body)}
.trc .special.one{border-color:var(--tr-white)}
.trc .rarity-cta{text-align:center;margin-top:3.2rem}
.trc .statband{text-align:center;padding:8rem 0;background:radial-gradient(60% 100% at 50% 50%,rgba(40,40,36,.35) 0%,rgba(13,13,11,0) 70%),var(--tr-dark);border-top:1px solid var(--tr-border);border-bottom:1px solid var(--tr-border)}
.trc .statband .giant{font-family:'Oswald';font-weight:700;font-size:clamp(6rem,22vw,18rem);line-height:.82;color:var(--tr-white);font-variant-numeric:tabular-nums;letter-spacing:.01em;animation:trc-glow 5s ease-in-out infinite}
@keyframes trc-glow{50%{text-shadow:0 0 40px rgba(245,242,236,.1)}}
.trc .statband .giant-cap{font-family:'Oswald';font-size:.85rem;letter-spacing:.4em;text-transform:uppercase;color:var(--tr-gray);margin-bottom:1.2rem}
.trc .statband .trio{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:760px;margin:3.5rem auto 0}
.trc .statband .trio div{border-top:1px solid var(--tr-border-2);padding-top:1.4rem}
.trc .statband .trio .t{font-family:'Oswald';font-weight:600;font-size:1.1rem;letter-spacing:.04em;color:var(--tr-white);text-transform:uppercase}
.trc .statband .trio .d{font-size:.85rem;color:var(--tr-gray);margin-top:.4rem}
.trc .market{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;align-items:start}
.trc .market h2{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;letter-spacing:.03em}
.trc .market p{margin-bottom:1.2rem;max-width:60ch}
.trc .btn{display:inline-block;font-family:'Oswald';font-weight:600;font-size:.9rem;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;padding:1rem 2.6rem;border:1px solid var(--tr-white);color:var(--tr-white);background:transparent;transition:all .3s ease}
.trc .btn:hover{background:var(--tr-white);color:var(--tr-black)}
.trc .fx{opacity:1;transform:none}
.trc.trc-js .fx{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
.trc.trc-js .fx.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.trc.trc-js .fx{opacity:1;transform:none;transition:none}.trc .hero-relic img,.trc .relic-card img{transition:none;animation:none}}
@media(max-width:980px){.trc .hero-grid,.trc .split,.trc .market{grid-template-columns:1fr;gap:2.5rem}.trc .hero-relic{max-width:420px}.trc .cat-grid{grid-template-columns:repeat(2,1fr)}.trc .special-row{grid-template-columns:1fr}.trc .g-feature,.trc .g-tall,.trc .g-wide{grid-column:span 12;min-height:340px}}
@media(max-width:560px){.trc .wrap,.trc .wrap-narrow{padding:0 1.4rem}.trc .sec{padding:4.5rem 0}.trc .l-row{grid-template-columns:60px 1fr;gap:1.2rem}.trc .statband .trio,.trc .hero-stats{grid-template-columns:1fr}.trc .cat-grid{grid-template-columns:1fr}}
/* === END TRASH RELICS COLLECTION (.trc) === */


/* === HEADER GAP FIX 2026-06-13 — supprime le vide noir entre le header sticky et le 1er contenu === */
/* Block-gap WP par defaut: <main> recoit margin-top:24px -> ecart header<->contenu sur toutes les pages */
.wp-site-blocks > main { margin-top: 0 !important; }
/* Home: hero plein-ecran avec padding-top excessif (108px) */
.tr-hero-bg { padding-top: 56px !important; }
/* Collection (.trc): le hero collait moins, on resserre le padding-top */
.trc .hero { padding-top: 48px !important; }
/* === FIN HEADER GAP FIX === */

/* Collection: .trc-shell (wrapper pleine page) herite d'un reveal .tr-fx fige a translateY(24px)
   sans jamais recevoir .tr-on -> 24px de vide sous le header. On neutralise sur le shell uniquement
   (les reveals des elements internes .fx/.tr-fx restent intacts). */
.trc-shell { transform: none !important; opacity: 1 !important; }

/* Bas de page: le footer recoit margin-top:24px (block-gap WP, symetrique du <main>) -> espace
   entre la derniere section et le footer. On le supprime comme en haut. */
.wp-site-blocks > footer { margin-top: 0 !important; }

/* ============================================================
   TRASH RELICS — THE ARCHIVE PAGE (.tra) — ported mockup design
   Scoped entirely under .tra so it never touches header/footer
   or any other page. Added 2026-06-13.
   ============================================================ */
.tra{--tr-black:#0d0d0b;--tr-dark:#111110;--tr-panel:#1c1c1a;--tr-white:#f5f2ec;--tr-body:#b3b0a9;--tr-gray:#9a9894;--tr-mute:#6a6864;--tr-border:#2a2a28;--tr-border-2:#4a4a48;--tr-ghost:#1b1b19;--ease:cubic-bezier(.16,1,.3,1);--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;position:relative;background:var(--tr-black);color:var(--tr-body);font-family:'Inter',sans-serif;font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.tra *{box-sizing:border-box;margin:0;padding:0}
.tra::before{content:"";position:absolute;inset:0;z-index:50;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.035;mix-blend-mode:overlay}
.tra img{max-width:100%;display:block}
.tra h1,.tra h2,.tra h3,.tra h4{font-family:'Oswald',sans-serif;color:var(--tr-white);text-transform:uppercase;text-wrap:balance}
.tra .wrap{max-width:1680px;margin:0 auto;padding:0 3.5rem}
.tra .wrap-narrow{max-width:1100px;margin:0 auto;padding:0 2.5rem}
.tra .kicker{font-family:'Oswald';font-weight:600;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tr-gray)}
.tra .lead{font-size:1.15rem;line-height:1.6;color:var(--tr-body)}
.tra .lead em{color:var(--tr-white);font-style:italic}
.tra .sep{width:60px;height:2px;background:var(--tr-white);opacity:.55;margin:1.6rem 0}
.tra .sep.center{margin-left:auto;margin-right:auto}
.tra .sec{padding:7rem 0;position:relative}
.tra .sec-dark{background:var(--tr-black)}
.tra .sec-mid{background:var(--tr-dark)}
/* HERO */
.tra .ar-hero{position:relative;overflow:hidden;padding:8rem 0 5.5rem;background:radial-gradient(120% 90% at 50% 0%,rgba(40,40,36,.5) 0%,rgba(13,13,11,0) 55%),radial-gradient(140% 120% at 12% 100%,rgba(0,0,0,.6) 0%,rgba(13,13,11,0) 60%),var(--tr-black)}
.tra .hero-ghost{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;font-family:'Oswald';font-weight:700;font-size:clamp(8rem,27vw,23rem);line-height:.8;color:var(--tr-ghost);letter-spacing:-.02em;pointer-events:none;user-select:none;white-space:nowrap}
.tra .ar-hero-inner{position:relative;z-index:2}
.tra .ar-title{font-size:clamp(3.5rem,11vw,9rem);font-weight:700;line-height:.9;letter-spacing:.04em;margin:1.2rem 0}
.tra .ar-hero .lead{max-width:44ch}
.tra .ar-record{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:3rem;border:1px solid var(--tr-border);background:rgba(17,17,16,.5)}
.tra .ar-field{padding:1.4rem 1.5rem;border-right:1px solid var(--tr-border)}
.tra .ar-field:last-child{border-right:none}
.tra .ar-field .k{display:block;font-family:var(--mono);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--tr-mute)}
.tra .ar-field .v{display:block;font-family:'Oswald';font-weight:600;font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase;color:var(--tr-white);margin-top:.55rem}
/* DEFINE */
.tra .ar-define-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:4rem;align-items:start}
.tra .ar-sec-no{font-family:var(--mono);font-size:.85rem;letter-spacing:.2em;color:var(--tr-mute);display:block;margin-bottom:1rem}
.tra .ar-def-head h2{font-size:clamp(1.8rem,3.6vw,2.9rem);font-weight:700;line-height:1.02;letter-spacing:.03em}
.tra .ar-def-body p{margin-bottom:1.3rem;max-width:62ch}
.tra .ar-deflist{margin-top:2.4rem;border-top:1px solid var(--tr-border)}
.tra .ar-deflist > div{display:grid;grid-template-columns:140px 1fr;gap:1.5rem;padding:1rem 0;border-bottom:1px solid var(--tr-border)}
.tra .ar-deflist dt{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tr-mute)}
.tra .ar-deflist dd{font-family:'Oswald';font-weight:600;font-size:1rem;letter-spacing:.05em;text-transform:uppercase;color:var(--tr-white)}
/* CERTIFICATE */
.tra .ar-cert{position:relative;border:1px solid var(--tr-border-2);background:var(--tr-panel);padding:4rem 3rem 3.5rem;text-align:center;box-shadow:0 40px 90px -40px rgba(0,0,0,.9)}
.tra .ar-cert::before,.tra .ar-cert::after{content:"";position:absolute;width:18px;height:18px;border:1px solid var(--tr-white);opacity:.6}
.tra .ar-cert::before{top:14px;left:14px;border-right:none;border-bottom:none}
.tra .ar-cert::after{bottom:14px;right:14px;border-left:none;border-top:none}
.tra .ar-cert-top{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--tr-mute);margin-bottom:2.2rem}
.tra .ar-cert h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:600;letter-spacing:.18em;color:var(--tr-gray)}
.tra .ar-bignum{font-family:'Oswald';font-weight:700;font-size:clamp(5rem,18vw,13rem);line-height:.82;color:var(--tr-white);font-variant-numeric:tabular-nums;letter-spacing:.01em;margin:.6rem 0 1.4rem;animation:tra-glow 5s ease-in-out infinite}
@keyframes tra-glow{50%{text-shadow:0 0 40px rgba(245,242,236,.12)}}
.tra .ar-cap{font-family:'Oswald';font-size:.8rem;letter-spacing:.28em;text-transform:uppercase;color:var(--tr-gray)}
.tra .ar-cert-cols{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:3rem;text-align:left;border-top:1px solid var(--tr-border);padding-top:2.5rem}
.tra .ar-cert-cols p{font-size:.92rem;line-height:1.65;color:var(--tr-body);margin:0}
/* MUTATION */
.tra .ar-mut-head{max-width:680px;margin:0 auto 3.5rem;text-align:center}
.tra .ar-mut-head h2{font-size:clamp(1.8rem,3.6vw,2.9rem);font-weight:700;letter-spacing:.03em;margin:.6rem 0 1rem}
.tra .ar-rules{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.tra .ar-rule{position:relative;border:1px solid var(--tr-border);background:var(--tr-black);padding:2.6rem 2.2rem;overflow:hidden;transition:border-color .3s ease,transform .3s ease}
.tra .ar-rule:hover{border-color:var(--tr-border-2);transform:translateY(-4px)}
.tra .ar-rule-no{font-family:'Oswald';font-weight:700;font-size:4rem;line-height:1;color:var(--tr-ghost);position:absolute;top:.8rem;right:1.2rem;font-variant-numeric:tabular-nums}
.tra .ar-rule .tag{font-family:var(--mono);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--tr-mute);display:block;margin-bottom:1rem}
.tra .ar-rule p{position:relative;z-index:2;max-width:42ch;color:var(--tr-body)}
/* PERMANENCE */
.tra .ar-perm h2{font-size:clamp(1.8rem,3.6vw,2.9rem);font-weight:700;letter-spacing:.03em;margin-bottom:3rem}
.tra .ar-locks{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--tr-border)}
.tra .ar-lock{padding:2.6rem 2rem;border-right:1px solid var(--tr-border);position:relative;transition:background .3s ease}
.tra .ar-lock:last-child{border-right:none}
.tra .ar-lock:hover{background:var(--tr-dark)}
.tra .ar-lock-tag{display:inline-flex;align-items:center;gap:.5rem;font-family:'Oswald';font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tr-white);border:1px solid var(--tr-border-2);padding:.35rem .8rem;margin-bottom:1.6rem}
.tra .ar-lock-tag::before{content:"";width:7px;height:7px;background:var(--tr-white);opacity:.7}
.tra .ar-lock p{font-size:.92rem;line-height:1.65;color:var(--tr-body)}
/* WHY CLOSED */
.tra .ar-closed-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center}
.tra .ar-closed-body p{margin-bottom:1.3rem;max-width:60ch;color:var(--tr-body)}
.tra .ar-closed-aside h2{font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:700;letter-spacing:.03em;margin-bottom:1.6rem}
.tra .ar-pull{font-family:'Oswald';font-weight:600;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.2;color:var(--tr-white);text-transform:uppercase;letter-spacing:.02em;border-left:2px solid var(--tr-white);padding-left:1.4rem}
/* RECORD CLOSE */
.tra .ar-close{text-align:center;padding:9rem 0;position:relative;background:radial-gradient(70% 120% at 50% 0%,rgba(40,40,36,.4) 0%,rgba(13,13,11,0) 60%),var(--tr-black)}
.tra .ar-stamp{display:inline-block;font-family:var(--mono);font-size:.74rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tr-gray);border:1px solid var(--tr-border-2);padding:.6rem 1.4rem;transform:rotate(-2deg);margin-bottom:2.2rem}
.tra .ar-close-title{font-size:clamp(2.4rem,7vw,5rem);font-weight:700;line-height:.95;letter-spacing:.02em;margin-bottom:1.8rem}
.tra .ar-close .lead{max-width:56ch;margin:0 auto 1.4rem}
.tra .ar-close p.tail{max-width:60ch;margin:0 auto;color:var(--tr-body)}
/* REVEAL — visible by default; only hide+animate when JS present */
.tra .fx{opacity:1;transform:none}
.tra.tra-js .fx{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
.tra.tra-js .fx.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.tra.tra-js .fx{opacity:1;transform:none;transition:none}.tra .ar-bignum{animation:none}}
/* RESPONSIVE */
@media(max-width:980px){.tra .ar-define-grid,.tra .ar-closed-grid{grid-template-columns:1fr;gap:2.5rem}.tra .ar-record{grid-template-columns:repeat(2,1fr)}.tra .ar-field:nth-child(2){border-right:none}.tra .ar-field:nth-child(1),.tra .ar-field:nth-child(2){border-bottom:1px solid var(--tr-border)}.tra .ar-rules{grid-template-columns:1fr}.tra .ar-locks{grid-template-columns:1fr}.tra .ar-lock{border-right:none;border-bottom:1px solid var(--tr-border)}.tra .ar-lock:last-child{border-bottom:none}}
@media(max-width:560px){.tra .wrap,.tra .wrap-narrow{padding:0 1.4rem}.tra .sec{padding:4.5rem 0}.tra .ar-record{grid-template-columns:1fr}.tra .ar-field{border-right:none;border-bottom:1px solid var(--tr-border)}.tra .ar-field:last-child{border-bottom:none}.tra .ar-cert{padding:3rem 1.5rem 2.5rem}.tra .ar-cert-cols{grid-template-columns:1fr;gap:1.5rem}.tra .ar-deflist > div{grid-template-columns:1fr;gap:.3rem}}
/* === END TRASH RELICS THE ARCHIVE (.tra) === */


/* ============================================================
   TRASH RELICS — RARITY ARCHITECTURE PAGE (.trr) — ported mockup
   Scoped entirely under .trr so it never touches header/footer
   or any other page. Added 2026-06-13.
   ============================================================ */
.trr{--tr-black:#0d0d0b;--tr-dark:#111110;--tr-panel:#1c1c1a;--tr-white:#f5f2ec;--tr-body:#b3b0a9;--tr-gray:#9a9894;--tr-mute:#6a6864;--tr-border:#2a2a28;--tr-border-2:#4a4a48;--tr-ghost:#1b1b19;--ease:cubic-bezier(.16,1,.3,1);--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;position:relative;background:var(--tr-black);color:var(--tr-body);font-family:'Inter',sans-serif;font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.trr *{box-sizing:border-box;margin:0;padding:0}
.trr::before{content:"";position:absolute;inset:0;z-index:50;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.035;mix-blend-mode:overlay}
.trr img{max-width:100%;display:block}
.trr h1,.trr h2,.trr h3,.trr h4{font-family:'Oswald',sans-serif;color:var(--tr-white);text-transform:uppercase;text-wrap:balance}
.trr .wrap{max-width:1680px;margin:0 auto;padding:0 3.5rem}
.trr .wrap-narrow{max-width:1100px;margin:0 auto;padding:0 2.5rem}
.trr .kicker{font-family:'Oswald';font-weight:600;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tr-gray)}
.trr .lead{font-size:1.15rem;line-height:1.6;color:var(--tr-body)}
.trr .lead em{color:var(--tr-white);font-style:italic}
.trr .sep{width:60px;height:2px;background:var(--tr-white);opacity:.55;margin:1.6rem 0}
.trr .sep.center{margin-left:auto;margin-right:auto}
.trr .sec{padding:7rem 0;position:relative}
.trr .sec-dark{background:var(--tr-black)}
.trr .sec-mid{background:var(--tr-dark)}
/* HERO */
.trr .ra-hero{position:relative;overflow:hidden;padding:8rem 0 5.5rem;background:radial-gradient(120% 90% at 50% 0%,rgba(40,40,36,.5) 0%,rgba(13,13,11,0) 55%),radial-gradient(140% 120% at 12% 100%,rgba(0,0,0,.6) 0%,rgba(13,13,11,0) 60%),var(--tr-black)}
.trr .hero-ghost{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;font-family:'Oswald';font-weight:700;font-size:clamp(8rem,28vw,24rem);line-height:.8;color:var(--tr-ghost);letter-spacing:-.02em;pointer-events:none;user-select:none;white-space:nowrap}
.trr .ra-hero-inner{position:relative;z-index:2}
.trr .ra-title{font-size:clamp(3rem,9.5vw,8rem);font-weight:700;line-height:.92;letter-spacing:.03em;margin:1.2rem 0}
.trr .ra-hero .lead{max-width:40ch}
.trr .ra-chip{display:inline-flex;align-items:baseline;gap:.5rem;margin-top:2.6rem;border:1px solid var(--tr-border-2);padding:.9rem 1.6rem;background:rgba(17,17,16,.5)}
.trr .ra-chip .lab{font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tr-mute)}
.trr .ra-chip .val{font-family:'Oswald';font-weight:700;font-size:1.8rem;letter-spacing:.04em;color:var(--tr-white)}
.trr .ra-chip .val .s{color:var(--tr-gray);font-weight:400}
/* POINT SYSTEM */
.trr .ra-points{text-align:center}
.trr .ra-bignum{font-family:'Oswald';font-weight:700;font-size:clamp(7rem,24vw,17rem);line-height:.8;color:var(--tr-white);font-variant-numeric:tabular-nums;letter-spacing:.01em;animation:trr-glow 5s ease-in-out infinite}
@keyframes trr-glow{50%{text-shadow:0 0 40px rgba(245,242,236,.12)}}
.trr .ra-points .kicker{display:block;margin:1rem 0 0}
.trr .ra-points-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:4rem;border-top:1px solid var(--tr-border);text-align:left}
.trr .ra-pcol{padding:2rem 1.8rem;border-right:1px solid var(--tr-border)}
.trr .ra-pcol:last-child{border-right:none}
.trr .ra-pcol .n{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;color:var(--tr-mute);display:block;margin-bottom:.9rem}
.trr .ra-pcol p{color:var(--tr-body);margin:0}
/* HOW — equation */
.trr .ra-how-head{text-align:center;margin:0 auto 3.5rem}
.trr .ra-how-head h2{font-size:clamp(1.8rem,3.6vw,2.9rem);font-weight:700;letter-spacing:.03em;margin-bottom:1rem}
.trr .ra-how-head p{max-width:58ch;margin:0 auto;color:var(--tr-body)}
.trr .ra-eq{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:1.2rem}
.trr .ra-eq-box{border:1px solid var(--tr-border);background:var(--tr-black);padding:2.2rem 1.8rem;position:relative;transition:border-color .3s ease,transform .3s ease;display:flex;flex-direction:column}
.trr .ra-eq-box:hover{border-color:var(--tr-border-2);transform:translateY(-4px)}
.trr .ra-eq-box.total{border-color:var(--tr-white);background:var(--tr-panel)}
.trr .ra-eq-box .step{font-family:var(--mono);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--tr-mute);margin-bottom:1rem}
.trr .ra-eq-box p{font-family:'Oswald';font-weight:600;font-size:1.2rem;line-height:1.2;letter-spacing:.03em;text-transform:uppercase;color:var(--tr-white);margin:0}
.trr .ra-eq-box .score{font-family:'Oswald';font-weight:700;font-size:2.4rem;color:var(--tr-white);margin-top:auto;padding-top:1rem}
.trr .ra-eq-box .score .s{color:var(--tr-gray);font-weight:400}
.trr .ra-eq-op{display:flex;align-items:center;justify-content:center;font-family:'Oswald';font-weight:600;font-size:2.4rem;color:var(--tr-mute)}
.trr .ra-tagline{text-align:center;margin-top:3.5rem;font-family:'Oswald';font-weight:600;font-size:clamp(1.1rem,2.2vw,1.5rem);letter-spacing:.06em;text-transform:uppercase;color:var(--tr-white)}
/* TIERS */
.trr .ra-tiers-head{text-align:center;margin-bottom:3.5rem}
.trr .ra-tiers-head h2{font-size:clamp(1.8rem,3.6vw,2.9rem);font-weight:700;letter-spacing:.03em}
.trr .ra-tiers{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.trr .ra-tier{border:1px solid var(--tr-border);background:var(--tr-black);padding:2.2rem 2rem;position:relative;transition:transform .3s ease,border-color .3s ease}
.trr .ra-tier:hover{transform:translateY(-4px)}
.trr .ra-tier .tier-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem}
.trr .ra-tier .tname{font-family:'Oswald';font-weight:700;font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase;color:var(--tr-white)}
.trr .ra-meter4{display:flex;gap:5px}
.trr .ra-meter4 i{width:18px;height:6px;background:var(--tr-border-2)}
.trr .ra-meter4 i.on{background:var(--tr-white)}
.trr .ra-tier .cat{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tr-gray);border-top:1px solid var(--tr-border);padding-top:1rem;margin-bottom:1rem}
.trr .ra-tier .cat + .cat{border-top:1px solid var(--tr-border);margin-top:1.4rem}
.trr .ra-tier p{font-size:.9rem;line-height:1.6;color:var(--tr-body);margin-bottom:.8rem}
.trr .ra-tier ul{list-style:none;margin:.4rem 0 1rem;display:flex;flex-wrap:wrap;gap:.5rem}
.trr .ra-tier ul li{font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tr-gray);border:1px solid var(--tr-border);padding:.3rem .7rem}
.trr .ra-tier.t-common{border-color:#2a2a28}
.trr .ra-tier.t-uncommon{border-color:#3a3a37}
.trr .ra-tier.t-rare{border-color:#5a5a55}
.trr .ra-tier.t-ultra{border-color:var(--tr-white)}
.trr .ra-tier.t-ultra .tname{color:var(--tr-white)}
/* MAX — 14-segment meter */
.trr .ra-max{text-align:center}
.trr .ra-max h2{font-size:clamp(1.8rem,3.6vw,2.9rem);font-weight:700;letter-spacing:.03em;margin-bottom:1.2rem}
.trr .ra-max .intro{max-width:54ch;margin:0 auto 2.8rem;color:var(--tr-body)}
.trr .ra-meter{display:grid;grid-template-columns:repeat(14,1fr);gap:6px;height:58px;max-width:760px;margin:0 auto;align-items:end}
.trr .ra-seg{background:var(--tr-white);height:100%;transition:background .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}
.trr .ra-meter.is-interactive{cursor:pointer}
.trr .ra-meter.is-interactive .ra-seg{background:var(--tr-border)}
.trr .ra-meter.is-interactive .ra-seg.on{background:var(--tr-white)}
.trr .ra-meter.is-interactive .ra-seg.peak{transform:translateY(-8px);box-shadow:0 8px 24px -6px rgba(245,242,236,.35)}
.trr .ra-hint{font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tr-mute);margin:1.1rem auto 0;text-align:center}
.trr .ra-meter-readout{display:flex;justify-content:space-between;max-width:760px;margin:1rem auto 0;font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tr-mute)}
.trr .ra-max .score-line{font-family:'Oswald';font-weight:700;font-size:clamp(2.5rem,7vw,4.5rem);color:var(--tr-white);margin:2.4rem 0 1rem;letter-spacing:.02em}
.trr .ra-max .score-line .s{color:var(--tr-gray);font-weight:400}
.trr .ra-max .kicker{display:block}
.trr .ra-max .tail{max-width:52ch;margin:1.6rem auto 0;color:var(--tr-body)}
/* BONUS — off-ledger */
.trr .ra-bonus-head{text-align:center;margin:0 auto 3rem}
.trr .ra-bonus-head h2{font-size:clamp(1.8rem,3.6vw,2.9rem);font-weight:700;letter-spacing:.03em;margin-bottom:.7rem}
.trr .ra-bonus-head .kicker{display:block;margin-bottom:1.2rem;color:var(--tr-gray)}
.trr .ra-bonus-head p{max-width:60ch;margin:0 auto;color:var(--tr-body)}
.trr .ra-bonus-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:840px;margin:0 auto}
.trr .ra-bonus-card{border:1px dashed var(--tr-border-2);background:var(--tr-black);padding:2.2rem 2rem;position:relative}
.trr .ra-bonus-card .ex{position:absolute;top:1.1rem;right:1.3rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tr-mute)}
.trr .ra-bonus-card h4{font-family:'Oswald';font-weight:700;font-size:1.3rem;letter-spacing:.05em;color:var(--tr-white);margin-bottom:.8rem}
.trr .ra-bonus-card p{font-size:.9rem;line-height:1.6;color:var(--tr-body)}
.trr .ra-bonus-note{max-width:60ch;margin:2.6rem auto 0;text-align:center}
.trr .ra-bonus-note p{color:var(--tr-body);margin-bottom:.8rem}
/* DISTINCTION */
.trr .ra-dist-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;align-items:start}
.trr .ra-dist-head h2{font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:700;letter-spacing:.03em;line-height:1.04;margin-bottom:1.4rem}
.trr .ra-dist-head p{color:var(--tr-body);max-width:40ch}
.trr .ra-exc{border-top:1px solid var(--tr-border);padding:1.8rem 0;border-left:1px solid transparent}
.trr .ra-exc:last-of-type{border-bottom:1px solid var(--tr-border)}
.trr .ra-exc.one{border-left:2px solid var(--tr-white);padding-left:1.4rem;border-top-color:var(--tr-border-2)}
.trr .ra-exc h4{font-family:'Oswald';font-weight:700;font-size:1.4rem;letter-spacing:.05em;color:var(--tr-white);margin-bottom:.7rem}
.trr .ra-exc.one h4{color:var(--tr-white)}
.trr .ra-exc p{font-size:.92rem;line-height:1.6;color:var(--tr-body);max-width:60ch}
.trr .ra-dist-lead{margin-top:2rem;font-family:'Oswald';font-weight:600;font-size:clamp(1.2rem,2.2vw,1.6rem);text-transform:uppercase;letter-spacing:.03em;color:var(--tr-white)}
/* FINALITY */
.trr .ra-final{text-align:center;padding:9rem 0;position:relative;background:radial-gradient(70% 120% at 50% 0%,rgba(40,40,36,.4) 0%,rgba(13,13,11,0) 60%),var(--tr-black)}
.trr .ra-final h2{font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:700;letter-spacing:.03em;margin-bottom:1rem}
.trr .ra-final .intro{max-width:54ch;margin:0 auto 3.5rem;color:var(--tr-body)}
.trr .ra-final-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:880px;margin:0 auto;border-top:1px solid var(--tr-border)}
.trr .ra-final-trio div{padding:2rem 1.4rem;border-right:1px solid var(--tr-border)}
.trr .ra-final-trio div:last-child{border-right:none}
.trr .ra-final-trio .t{font-family:'Oswald';font-weight:600;font-size:1.15rem;letter-spacing:.04em;text-transform:uppercase;color:var(--tr-white)}
.trr .ra-final-tag{font-family:'Oswald';font-weight:700;font-size:clamp(2rem,6vw,4rem);line-height:.95;letter-spacing:.02em;color:var(--tr-white);margin-top:3.5rem}
/* REVEAL — visible by default; only hide+animate when JS present */
.trr .fx{opacity:1;transform:none}
.trr.trr-js .fx{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
.trr.trr-js .fx.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.trr.trr-js .fx{opacity:1;transform:none;transition:none}.trr .ra-bignum{animation:none}.trr .ra-seg{transition:none}}
/* RESPONSIVE */
@media(max-width:980px){.trr .ra-points-cols{grid-template-columns:1fr;border-top:none}.trr .ra-pcol{border-right:none;border-top:1px solid var(--tr-border)}.trr .ra-eq{grid-template-columns:1fr;gap:.8rem}.trr .ra-eq-op{font-size:1.8rem;padding:.2rem 0}.trr .ra-tiers,.trr .ra-bonus-grid{grid-template-columns:1fr}.trr .ra-dist-grid{grid-template-columns:1fr;gap:2.5rem}.trr .ra-final-trio{grid-template-columns:1fr;border-top:none}.trr .ra-final-trio div{border-right:none;border-top:1px solid var(--tr-border)}}
@media(max-width:560px){.trr .wrap,.trr .wrap-narrow{padding:0 1.4rem}.trr .sec{padding:4.5rem 0}.trr .ra-meter{height:42px;gap:4px}}
/* === END TRASH RELICS RARITY ARCHITECTURE (.trr) === */


/* ============================================================
   TRASH RELICS — ROADMAP PAGE (.trm) — ported mockup design
   Scoped entirely under .trm so it never touches header/footer
   or any other page. Added 2026-06-13.
   ============================================================ */
.trm{--tr-black:#0d0d0b;--tr-dark:#111110;--tr-panel:#1c1c1a;--tr-white:#f5f2ec;--tr-body:#b3b0a9;--tr-gray:#9a9894;--tr-mute:#6a6864;--tr-border:#2a2a28;--tr-border-2:#4a4a48;--tr-ghost:#1b1b19;--ease:cubic-bezier(.16,1,.3,1);--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;position:relative;background:var(--tr-black);color:var(--tr-body);font-family:'Inter',sans-serif;font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.trm *{box-sizing:border-box;margin:0;padding:0}
.trm::before{content:"";position:absolute;inset:0;z-index:50;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.035;mix-blend-mode:overlay}
.trm img{max-width:100%;display:block}
.trm h1,.trm h2,.trm h3,.trm h4{font-family:'Oswald',sans-serif;color:var(--tr-white);text-transform:uppercase;text-wrap:balance}
.trm .wrap{max-width:1280px;margin:0 auto;padding:0 2.5rem}
.trm .wrap-narrow{max-width:860px;margin:0 auto;padding:0 2.5rem}
.trm .kicker{font-family:'Oswald';font-weight:600;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tr-gray)}
.trm .lead{font-size:1.15rem;line-height:1.6;color:var(--tr-body)}
.trm .lead em{color:var(--tr-white);font-style:italic}
.trm .sep{width:60px;height:2px;background:var(--tr-white);opacity:.55;margin:1.6rem 0}
.trm .sep.center{margin-left:auto;margin-right:auto}
.trm .sec{padding:7rem 0;position:relative}
.trm .sec-dark{background:var(--tr-black)}
.trm .sec-mid{background:var(--tr-dark)}
/* HERO */
.trm .rm-hero{position:relative;overflow:hidden;text-align:center;padding:8rem 0 5.5rem;background:radial-gradient(120% 90% at 50% 0%,rgba(40,40,36,.5) 0%,rgba(13,13,11,0) 55%),radial-gradient(140% 120% at 50% 100%,rgba(0,0,0,.6) 0%,rgba(13,13,11,0) 60%),var(--tr-black)}
.trm .hero-ghost{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;font-family:'Oswald';font-weight:700;font-size:clamp(10rem,32vw,28rem);line-height:.8;color:var(--tr-ghost);letter-spacing:-.02em;pointer-events:none;user-select:none;white-space:nowrap}
.trm .rm-hero-inner{position:relative;z-index:2}
.trm .rm-title{font-size:clamp(3.5rem,11vw,9rem);font-weight:700;line-height:.9;letter-spacing:.04em;margin:1.2rem 0}
.trm .rm-hero .lead{max-width:46ch;margin:0 auto}
.trm .rm-status{display:inline-flex;align-items:center;gap:.7rem;margin-top:2.4rem;border:1px solid var(--tr-border-2);padding:.7rem 1.4rem;background:rgba(17,17,16,.5);font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--tr-gray)}
.trm .rm-status .dot{width:8px;height:8px;border-radius:50%;background:var(--tr-white);animation:trm-pulse 2.2s ease-in-out infinite}
@keyframes trm-pulse{0%,100%{box-shadow:0 0 0 0 rgba(245,242,236,.4)}50%{box-shadow:0 0 0 6px rgba(245,242,236,0)}}
.trm .rm-track{display:flex;align-items:center;justify-content:center;gap:0;margin:2.6rem auto 0;max-width:560px}
.trm .rm-track .t{font-family:'Oswald';font-weight:700;font-size:.95rem;letter-spacing:.1em;color:var(--tr-mute);width:34px;height:34px;border:1px solid var(--tr-border);border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.trm .rm-track .t.next{color:var(--tr-white);border-color:var(--tr-white)}
.trm .rm-track .ln{flex:1;height:1px;background:var(--tr-border)}
/* TIMELINE */
.trm .rm-timeline{position:relative;max-width:1240px;margin:0 auto}
.trm .rm-timeline::before{content:"";position:absolute;left:50%;top:8px;bottom:8px;width:1px;background:var(--tr-border);transform:translateX(-.5px)}
.trm .rm-phase{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:6.5rem;align-items:center;margin-bottom:5.5rem}
.trm .rm-phase:last-child{margin-bottom:0}
.trm .rm-node{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:62px;height:62px;border-radius:50%;background:var(--tr-black);border:1px solid var(--tr-border-2);display:flex;align-items:center;justify-content:center;font-family:'Oswald';font-weight:700;font-size:1.35rem;color:var(--tr-white);font-variant-numeric:tabular-nums}
.trm .rm-phase.current .rm-node{border-color:var(--tr-white);box-shadow:0 0 0 5px rgba(245,242,236,.06)}
/* image plate + stat badge */
.trm .rm-plate{position:relative;border:1px solid var(--tr-border-2);overflow:hidden;background:var(--tr-panel);box-shadow:0 40px 90px -45px rgba(0,0,0,.9)}
.trm .rm-plate img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:grayscale(100%) contrast(1.05);opacity:.9;transition:filter .6s ease,opacity .6s ease}
.trm .rm-plate:hover img{filter:grayscale(35%) contrast(1.08);opacity:1}
.trm .rm-plate::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(13,13,11,.92) 0%,rgba(13,13,11,.15) 45%,rgba(13,13,11,0) 70%)}
.trm .rm-badge{position:absolute;left:1.2rem;bottom:1.1rem;z-index:2;display:flex;flex-direction:column}
.trm .rm-badge .stat{font-family:'Oswald';font-weight:700;font-size:clamp(1.9rem,4vw,2.9rem);line-height:.9;color:var(--tr-white);letter-spacing:.01em}
.trm .rm-badge .statcap{font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tr-gray);margin-top:.45rem}
/* phase text */
.trm .rm-text .ptag{font-family:var(--mono);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--tr-mute)}
.trm .rm-text h3{font-size:clamp(1.6rem,3vw,2.5rem);font-weight:700;line-height:1.04;letter-spacing:.03em;margin:.7rem 0 1.2rem}
.trm .rm-text p{margin-bottom:1rem;max-width:60ch;color:var(--tr-body)}
.trm .rm-text p:last-child{margin-bottom:0}
/* alternate: even phases swap sides */
.trm .rm-phase:nth-child(even) .rm-plate{order:2}
.trm .rm-phase:nth-child(even) .rm-text{order:1}
/* MISSION */
.trm .rm-mission{text-align:center;padding:5rem 0;position:relative;background:radial-gradient(70% 120% at 50% 0%,rgba(40,40,36,.4) 0%,rgba(13,13,11,0) 60%),var(--tr-black)}
.trm .rm-mission h2{font-size:clamp(2rem,5vw,3.4rem);font-weight:700;letter-spacing:.03em;margin-bottom:1.4rem}
.trm .rm-mission .lead{max-width:none;margin:0 auto 1.4rem}
.trm .rm-mission .body{max-width:none;margin:0 auto;color:var(--tr-body)}
.trm .rm-mission .wrap-narrow{max-width:1280px}
.trm .rm-mission .rm-final-tag{font-family:'Oswald';font-weight:700;font-size:clamp(1.8rem,5vw,3.2rem);text-transform:uppercase;letter-spacing:.04em;color:var(--tr-white);margin-top:2.4rem;white-space:nowrap}
@media(max-width:760px){.trm .rm-mission .rm-final-tag{white-space:normal}}
/* REVEAL — visible by default; only hide+animate when JS present */
.trm .fx{opacity:1;transform:none}
.trm.trm-js .fx{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
.trm.trm-js .fx.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.trm.trm-js .fx{opacity:1;transform:none;transition:none}.trm .rm-status .dot{animation:none}}
/* RESPONSIVE */
@media(max-width:880px){.trm .rm-timeline::before{left:21px}.trm .rm-phase{grid-template-columns:1fr;gap:1.6rem;padding-left:64px;margin-bottom:3.5rem;align-items:start}.trm .rm-node{left:21px;top:6px;transform:translate(-50%,0);width:42px;height:42px;font-size:1rem}.trm .rm-phase:nth-child(even) .rm-plate,.trm .rm-phase:nth-child(even) .rm-text{order:0}}
@media(max-width:560px){.trm .wrap,.trm .wrap-narrow{padding:0 1.4rem}.trm .sec{padding:4.5rem 0}.trm .rm-track{max-width:100%}}
/* === END TRASH RELICS ROADMAP (.trm) === */


/* ============================================================
   TRASH RELICS — ENVIRONMENTAL IMPACT PAGE (.tre) — ported mockup
   Scoped entirely under .tre so it never touches header/footer
   or any other page. Added 2026-06-13.
   ============================================================ */
@property --p{syntax:'<number>';inherits:false;initial-value:0;}
.tre{--tr-black:#0d0d0b;--tr-dark:#111110;--tr-panel:#1c1c1a;--tr-white:#f5f2ec;--tr-body:#b3b0a9;--tr-gray:#9a9894;--tr-mute:#6a6864;--tr-border:#2a2a28;--tr-border-2:#4a4a48;--tr-ghost:#1b1b19;--ease:cubic-bezier(.16,1,.3,1);--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;position:relative;background:var(--tr-black);color:var(--tr-body);font-family:'Inter',sans-serif;font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.tre *{box-sizing:border-box;margin:0;padding:0}
.tre::before{content:"";position:absolute;inset:0;z-index:50;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.035;mix-blend-mode:overlay}
.tre img{max-width:100%;display:block}
.tre h1,.tre h2,.tre h3,.tre h4{font-family:'Oswald',sans-serif;color:var(--tr-white);text-transform:uppercase;text-wrap:balance}
.tre .wrap{max-width:1680px;margin:0 auto;padding:0 3.5rem}
.tre .wrap-narrow{max-width:1100px;margin:0 auto;padding:0 2.5rem}
.tre .kicker{font-family:'Oswald';font-weight:600;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tr-gray)}
.tre .lead{font-size:1.15rem;line-height:1.6;color:var(--tr-body)}
.tre .lead em{color:var(--tr-white);font-style:italic}
.tre .sep{width:60px;height:2px;background:var(--tr-white);opacity:.55;margin:1.6rem 0}
.tre .sep.center{margin-left:auto;margin-right:auto}
.tre .sec{padding:7rem 0;position:relative}
.tre .sec-dark{background:var(--tr-black)}
.tre .sec-mid{background:var(--tr-dark)}
/* HERO — allocation bar (8% only, no 92%) */
.tre .ei-hero{position:relative;overflow:hidden;padding:8rem 0 5.5rem;background:radial-gradient(120% 90% at 50% 0%,rgba(40,40,36,.5) 0%,rgba(13,13,11,0) 55%),radial-gradient(140% 120% at 12% 100%,rgba(0,0,0,.6) 0%,rgba(13,13,11,0) 60%),var(--tr-black)}
.tre .hero-ghost{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;font-family:'Oswald';font-weight:700;font-size:clamp(10rem,34vw,30rem);line-height:.8;color:var(--tr-ghost);letter-spacing:-.02em;pointer-events:none;user-select:none;white-space:nowrap}
.tre .ei-hero-inner{position:relative;z-index:2}
.tre .ei-title{font-size:clamp(3rem,9vw,7.5rem);font-weight:700;line-height:.92;letter-spacing:.03em;margin:1.2rem 0}
.tre .ei-hero .lead{max-width:46ch}
.tre .ei-bar{display:flex;height:64px;margin-top:3rem;border:1px solid var(--tr-border);overflow:hidden;background:var(--tr-dark)}
.tre .ei-bar-fill{width:8%;min-width:74px;display:flex;align-items:center;padding-left:1.2rem;background:var(--tr-white);color:var(--tr-black);font-family:'Oswald';font-weight:700;font-size:1.4rem;letter-spacing:.04em;transition:width 1.4s var(--ease);white-space:nowrap;overflow:hidden}
.tre.tre-js .ei-bar-fill{width:0}
.tre.tre-js .ei-bar.on .ei-bar-fill{width:8%;min-width:74px}
.tre .ei-bar-rest{flex:1}
.tre .ei-bar-note{margin-top:.9rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tr-mute)}
/* STRUCTURAL ALLOCATION — 8% ring */
.tre .ei-alloc-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:4.5rem;align-items:center}
.tre .ei-ring{--p:8;position:relative;width:clamp(200px,24vw,290px);aspect-ratio:1;border-radius:50%;justify-self:center;background:conic-gradient(var(--tr-white) calc(var(--p)*1%),var(--tr-border) 0)}
.tre.tre-js .ei-ring{--p:0}
.tre.tre-js .ei-ring.on{--p:8;transition:--p 1.5s var(--ease)}
.tre .ei-ring::after{content:"";position:absolute;inset:18px;border-radius:50%;background:var(--tr-black);border:1px solid var(--tr-border)}
.tre .ei-ring-center{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}
.tre .ei-ring-center .num{font-family:'Oswald';font-weight:700;font-size:clamp(3.4rem,7vw,5rem);line-height:.85;color:var(--tr-white);font-variant-numeric:tabular-nums}
.tre .ei-ring-center .pct{font-family:'Oswald';font-weight:600;font-size:1.2rem;color:var(--tr-gray);margin-top:.2rem}
.tre .ei-ring-center .cap{font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tr-mute);margin-top:.6rem}
.tre .ei-alloc-copy h2{font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:700;letter-spacing:.03em;line-height:1.05}
.tre .ei-alloc-copy .kicker{display:block;margin:.7rem 0 1.6rem}
.tre .ei-alloc-copy p.body{margin-bottom:1.2rem;max-width:58ch;color:var(--tr-body)}
/* WHY EMBEDDED */
.tre .ei-why-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:4rem;align-items:start}
.tre .ei-why-grid h2{font-size:clamp(1.8rem,3.6vw,2.9rem);font-weight:700;line-height:1.02;letter-spacing:.03em}
.tre .ei-why-body{border-left:1px solid var(--tr-border);padding-left:2.5rem}
.tre .ei-why-body p{margin-bottom:1.4rem;max-width:60ch;color:var(--tr-body)}
.tre .ei-pull{font-family:'Oswald';font-weight:600;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.2;color:var(--tr-white);text-transform:uppercase;letter-spacing:.02em;margin:0}
/* TRANSPARENCY — pipeline */
.tre .ei-trans-head{text-align:center;margin:0 auto 4rem}
.tre .ei-trans-head h2{font-size:clamp(1.8rem,3.6vw,2.9rem);font-weight:700;letter-spacing:.03em;margin-bottom:1.2rem}
.tre .ei-trans-head p{max-width:62ch;margin:0 auto;color:var(--tr-body)}
.tre .ei-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative;border-top:1px solid var(--tr-border-2)}
.tre .ei-step{padding:2.4rem 1.8rem 0;position:relative}
.tre .ei-step::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;background:var(--tr-white);border-radius:50%}
.tre .ei-step .n{font-family:'Oswald';font-weight:700;font-size:2.6rem;line-height:1;color:var(--tr-mute);font-variant-numeric:tabular-nums}
.tre .ei-step h4{font-size:1.15rem;font-weight:600;letter-spacing:.05em;margin-top:.8rem;color:var(--tr-white)}
.tre .ei-step .d{font-family:var(--mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tr-mute);margin-top:.7rem}
.tre .ei-tagline{text-align:center;margin-top:4rem;font-family:'Oswald';font-weight:600;font-size:clamp(1.2rem,2.4vw,1.7rem);letter-spacing:.06em;text-transform:uppercase;color:var(--tr-white)}
/* RESPONSIBILITY — pillars */
.tre .ei-resp-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:center}
.tre .ei-resp-big{font-family:'Oswald';font-weight:600;font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.15;color:var(--tr-white);text-transform:uppercase;letter-spacing:.02em;max-width:18ch}
.tre .ei-resp-aside h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700;letter-spacing:.03em;margin-bottom:1.2rem}
.tre .ei-pillars{margin-top:2.4rem;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--tr-border)}
.tre .ei-pillar{display:flex;align-items:center;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--tr-border);font-family:'Oswald';font-weight:600;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase;color:var(--tr-white)}
.tre .ei-pillar .i{font-family:var(--mono);font-size:.7rem;color:var(--tr-mute);min-width:28px}
.tre .ei-resp-cap{font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tr-gray);margin-top:1.2rem}
/* SUMMARY — stamped close */
.tre .ei-close{text-align:center;padding:9rem 0;position:relative;background:radial-gradient(70% 120% at 50% 0%,rgba(40,40,36,.4) 0%,rgba(13,13,11,0) 60%),var(--tr-black)}
.tre .ei-stamp{display:inline-block;font-family:var(--mono);font-size:.74rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tr-gray);border:1px solid var(--tr-border-2);padding:.6rem 1.4rem;transform:rotate(-2deg);margin-bottom:2.2rem}
.tre .ei-close-title{font-size:clamp(2.4rem,7vw,5rem);font-weight:700;line-height:.95;letter-spacing:.02em;margin-bottom:.6rem}
.tre .ei-close .lead{max-width:58ch;margin:1.6rem auto 0}
/* REVEAL — visible by default; only hide+animate when JS present */
.tre .fx{opacity:1;transform:none}
.tre.tre-js .fx{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
.tre.tre-js .fx.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.tre.tre-js .fx{opacity:1;transform:none;transition:none}.tre.tre-js .ei-bar-fill{width:8%;min-width:74px;transition:none}.tre.tre-js .ei-ring,.tre.tre-js .ei-ring.on{--p:8;transition:none}}
/* RESPONSIVE */
@media(max-width:980px){.tre .ei-alloc-grid,.tre .ei-why-grid,.tre .ei-resp-grid{grid-template-columns:1fr;gap:2.6rem}.tre .ei-resp-aside{order:-1}.tre .ei-steps{grid-template-columns:1fr;border-top:none}.tre .ei-step{border-top:1px solid var(--tr-border-2);padding:2rem 0 0}.tre .ei-why-body{border-left:none;padding-left:0}}
@media(max-width:560px){.tre .wrap,.tre .wrap-narrow{padding:0 1.4rem}.tre .sec{padding:4.5rem 0}.tre .ei-bar{height:54px}.tre .ei-bar-fill{font-size:1.1rem;padding-left:.8rem}}
/* === END TRASH RELICS ENVIRONMENTAL IMPACT (.tre) === */


/* ============================================================
   TRASH RELICS — PRIVACY POLICY PAGE (.trp) — ported mockup
   Scoped entirely under .trp. Added 2026-06-14.
   ============================================================ */
.trp{--tr-black:#0d0d0b;--tr-dark:#111110;--tr-panel:#1c1c1a;--tr-white:#f5f2ec;--tr-body:#b3b0a9;--tr-gray:#9a9894;--tr-mute:#6a6864;--tr-border:#2a2a28;--tr-border-2:#4a4a48;--tr-ghost:#1b1b19;--ease:cubic-bezier(.16,1,.3,1);--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;position:relative;background:var(--tr-black);color:var(--tr-body);font-family:'Inter',sans-serif;font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.trp *{box-sizing:border-box;margin:0;padding:0}
.trp::before{content:"";position:absolute;inset:0;z-index:50;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.035;mix-blend-mode:overlay}
.trp img{max-width:100%;display:block}
.trp h1,.trp h2,.trp h3,.trp h4{font-family:'Oswald',sans-serif;color:var(--tr-white);text-transform:uppercase;text-wrap:balance}
.trp a{color:var(--tr-white);text-decoration:none;border-bottom:1px solid var(--tr-border-2);transition:border-color .2s ease}
.trp a:hover{border-color:var(--tr-white)}
.trp .wrap{max-width:1680px;margin:0 auto;padding:0 3.5rem}
.trp .wrap-narrow{max-width:1100px;margin:0 auto;padding:0 2.5rem}
.trp .kicker{font-family:'Oswald';font-weight:600;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tr-gray)}
.trp .lead{font-size:1.15rem;line-height:1.6;color:var(--tr-body)}
.trp .lead em{color:var(--tr-white);font-style:italic}
.trp .sep{width:60px;height:2px;background:var(--tr-white);opacity:.55;margin:1.6rem 0}
.trp .sep.center{margin-left:auto;margin-right:auto}
.trp .sec{padding:6rem 0;position:relative}
.trp .lg-hero{position:relative;overflow:hidden;padding:8rem 0 4.5rem;background:radial-gradient(120% 90% at 50% 0%,rgba(40,40,36,.5) 0%,rgba(13,13,11,0) 55%),var(--tr-black);text-align:center}
.trp .hero-ghost{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;font-family:'Oswald';font-weight:700;font-size:clamp(6rem,22vw,18rem);line-height:.8;color:var(--tr-ghost);letter-spacing:.02em;pointer-events:none;user-select:none;white-space:nowrap}
.trp .lg-hero-inner{position:relative;z-index:2}
.trp .lg-stamp{display:inline-block;font-family:var(--mono);font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--tr-gray);border:1px solid var(--tr-border-2);padding:.5rem 1.1rem;margin-bottom:1.6rem}
.trp .lg-title{font-size:clamp(2.6rem,8vw,6rem);font-weight:700;line-height:.92;letter-spacing:.03em;margin-bottom:.4rem}
.trp .lg-hero .lead{max-width:54ch;margin:1.4rem auto 0}
.trp .lg-doc{padding:5rem 0 7rem;background:var(--tr-dark)}
.trp .lg-doc-grid{display:grid;grid-template-columns:240px 1fr;gap:4.5rem;align-items:start}
.trp .lg-index{position:sticky;top:90px}
.trp .lg-index .lg-idx-cap{font-family:var(--mono);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--tr-mute);padding-bottom:1rem;border-bottom:1px solid var(--tr-border);margin-bottom:.4rem}
.trp .lg-index a{display:flex;gap:.8rem;align-items:baseline;border-bottom:1px solid var(--tr-border);padding:.55rem 0;font-family:'Oswald';font-weight:600;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:var(--tr-gray);transition:color .2s ease,padding-left .2s ease}
.trp .lg-index a:hover{color:var(--tr-white);padding-left:.3rem;border-color:var(--tr-border)}
.trp .lg-index a .n{font-family:var(--mono);font-size:.66rem;color:var(--tr-mute)}
.trp .lg-body{max-width:760px}
.trp .lg-sec{padding-bottom:3.2rem;margin-bottom:3.2rem;border-bottom:1px solid var(--tr-border);scroll-margin-top:90px}
.trp .lg-sec:last-child{border-bottom:none;margin-bottom:0}
.trp .lg-h{display:flex;align-items:baseline;gap:1rem;font-size:clamp(1.4rem,3vw,2.1rem);font-weight:700;letter-spacing:.03em;line-height:1.05;margin-bottom:1.5rem}
.trp .lg-h .lg-no{font-family:var(--mono);font-size:.9rem;font-weight:500;letter-spacing:.1em;color:var(--tr-mute);flex:none;transform:translateY(-.15em)}
.trp .lg-sub{font-family:'Oswald';font-weight:600;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tr-white);margin:2rem 0 .8rem}
.trp .lg-p{margin-bottom:1.2rem;max-width:66ch}
.trp .lg-lead{font-family:'Oswald';font-weight:600;font-size:clamp(1.2rem,2.4vw,1.6rem);line-height:1.25;color:var(--tr-white);text-transform:uppercase;letter-spacing:.02em;border-left:2px solid var(--tr-white);padding-left:1.3rem;margin:.4rem 0 1.6rem}
.trp .lg-list{list-style:none;margin:.4rem 0 1.4rem}
.trp .lg-list li{position:relative;padding-left:1.7rem;margin-bottom:.85rem;max-width:64ch}
.trp .lg-list li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:1px;background:var(--tr-border-2)}
.trp .lg-list li strong{color:var(--tr-white);font-weight:600}
.trp .lg-note{border:1px solid var(--tr-border-2);background:var(--tr-panel);padding:1.6rem 1.8rem;margin:1.6rem 0;position:relative}
.trp .lg-note::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--tr-white);opacity:.5}
.trp .lg-note p{margin:0;color:var(--tr-body)}
.trp .lg-note strong{color:var(--tr-white)}
.trp .fx{opacity:1;transform:none}
.trp.trp-js .fx{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
.trp.trp-js .fx.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.trp.trp-js .fx{opacity:1;transform:none;transition:none}}
@media(max-width:920px){.trp .lg-doc-grid{grid-template-columns:1fr;gap:2.5rem}.trp .lg-index{position:static;display:none}}
@media(max-width:560px){.trp .wrap,.trp .wrap-narrow{padding:0 1.4rem}.trp .sec{padding:4rem 0}.trp .lg-h{flex-direction:column;gap:.3rem}}
/* === END TRASH RELICS PRIVACY POLICY (.trp) === */

/* ============================================================
   TRASH RELICS — TERMS OF USE PAGE (.trt) — ported mockup
   Scoped entirely under .trt. Added 2026-06-14.
   ============================================================ */
.trt{--tr-black:#0d0d0b;--tr-dark:#111110;--tr-panel:#1c1c1a;--tr-white:#f5f2ec;--tr-body:#b3b0a9;--tr-gray:#9a9894;--tr-mute:#6a6864;--tr-border:#2a2a28;--tr-border-2:#4a4a48;--tr-ghost:#1b1b19;--ease:cubic-bezier(.16,1,.3,1);--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;position:relative;background:var(--tr-black);color:var(--tr-body);font-family:'Inter',sans-serif;font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.trt *{box-sizing:border-box;margin:0;padding:0}
.trt::before{content:"";position:absolute;inset:0;z-index:50;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.035;mix-blend-mode:overlay}
.trt img{max-width:100%;display:block}
.trt h1,.trt h2,.trt h3,.trt h4{font-family:'Oswald',sans-serif;color:var(--tr-white);text-transform:uppercase;text-wrap:balance}
.trt a{color:var(--tr-white);text-decoration:none;border-bottom:1px solid var(--tr-border-2);transition:border-color .2s ease}
.trt a:hover{border-color:var(--tr-white)}
.trt .wrap{max-width:1680px;margin:0 auto;padding:0 3.5rem}
.trt .wrap-narrow{max-width:1100px;margin:0 auto;padding:0 2.5rem}
.trt .kicker{font-family:'Oswald';font-weight:600;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tr-gray)}
.trt .lead{font-size:1.15rem;line-height:1.6;color:var(--tr-body)}
.trt .lead em{color:var(--tr-white);font-style:italic}
.trt .sep{width:60px;height:2px;background:var(--tr-white);opacity:.55;margin:1.6rem 0}
.trt .sep.center{margin-left:auto;margin-right:auto}
.trt .sec{padding:6rem 0;position:relative}
.trt .lg-hero{position:relative;overflow:hidden;padding:8rem 0 4.5rem;background:radial-gradient(120% 90% at 50% 0%,rgba(40,40,36,.5) 0%,rgba(13,13,11,0) 55%),var(--tr-black);text-align:center}
.trt .hero-ghost{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;font-family:'Oswald';font-weight:700;font-size:clamp(6rem,22vw,18rem);line-height:.8;color:var(--tr-ghost);letter-spacing:.02em;pointer-events:none;user-select:none;white-space:nowrap}
.trt .lg-hero-inner{position:relative;z-index:2}
.trt .lg-stamp{display:inline-block;font-family:var(--mono);font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--tr-gray);border:1px solid var(--tr-border-2);padding:.5rem 1.1rem;margin-bottom:1.6rem}
.trt .lg-title{font-size:clamp(2.6rem,8vw,6rem);font-weight:700;line-height:.92;letter-spacing:.03em;margin-bottom:.4rem}
.trt .lg-hero .lead{max-width:54ch;margin:1.4rem auto 0}
.trt .lg-doc{padding:5rem 0 7rem;background:var(--tr-dark)}
.trt .lg-doc-grid{display:grid;grid-template-columns:240px 1fr;gap:4.5rem;align-items:start}
.trt .lg-index{position:sticky;top:90px}
.trt .lg-index .lg-idx-cap{font-family:var(--mono);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--tr-mute);padding-bottom:1rem;border-bottom:1px solid var(--tr-border);margin-bottom:.4rem}
.trt .lg-index a{display:flex;gap:.8rem;align-items:baseline;border-bottom:1px solid var(--tr-border);padding:.55rem 0;font-family:'Oswald';font-weight:600;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:var(--tr-gray);transition:color .2s ease,padding-left .2s ease}
.trt .lg-index a:hover{color:var(--tr-white);padding-left:.3rem;border-color:var(--tr-border)}
.trt .lg-index a .n{font-family:var(--mono);font-size:.66rem;color:var(--tr-mute)}
.trt .lg-body{max-width:760px}
.trt .lg-sec{padding-bottom:3.2rem;margin-bottom:3.2rem;border-bottom:1px solid var(--tr-border);scroll-margin-top:90px}
.trt .lg-sec:last-child{border-bottom:none;margin-bottom:0}
.trt .lg-h{display:flex;align-items:baseline;gap:1rem;font-size:clamp(1.4rem,3vw,2.1rem);font-weight:700;letter-spacing:.03em;line-height:1.05;margin-bottom:1.5rem}
.trt .lg-h .lg-no{font-family:var(--mono);font-size:.9rem;font-weight:500;letter-spacing:.1em;color:var(--tr-mute);flex:none;transform:translateY(-.15em)}
.trt .lg-sub{font-family:'Oswald';font-weight:600;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tr-white);margin:2rem 0 .8rem}
.trt .lg-p{margin-bottom:1.2rem;max-width:66ch}
.trt .lg-lead{font-family:'Oswald';font-weight:600;font-size:clamp(1.2rem,2.4vw,1.6rem);line-height:1.25;color:var(--tr-white);text-transform:uppercase;letter-spacing:.02em;border-left:2px solid var(--tr-white);padding-left:1.3rem;margin:.4rem 0 1.6rem}
.trt .lg-list{list-style:none;margin:.4rem 0 1.4rem}
.trt .lg-list li{position:relative;padding-left:1.7rem;margin-bottom:.85rem;max-width:64ch}
.trt .lg-list li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:1px;background:var(--tr-border-2)}
.trt .lg-list li strong{color:var(--tr-white);font-weight:600}
.trt .lg-note{border:1px solid var(--tr-border-2);background:var(--tr-panel);padding:1.6rem 1.8rem;margin:1.6rem 0;position:relative}
.trt .lg-note::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--tr-white);opacity:.5}
.trt .lg-note p{margin:0;color:var(--tr-body)}
.trt .lg-note strong{color:var(--tr-white)}
.trt .fx{opacity:1;transform:none}
.trt.trt-js .fx{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
.trt.trt-js .fx.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.trt.trt-js .fx{opacity:1;transform:none;transition:none}}
@media(max-width:920px){.trt .lg-doc-grid{grid-template-columns:1fr;gap:2.5rem}.trt .lg-index{position:static;display:none}}
@media(max-width:560px){.trt .wrap,.trt .wrap-narrow{padding:0 1.4rem}.trt .sec{padding:4rem 0}.trt .lg-h{flex-direction:column;gap:.3rem}}
/* === END TRASH RELICS TERMS OF USE (.trt) === */

/* === TRASH RELICS LEGAL (.trp/.trt) — sticky-index fix + scrollspy active state (2026-06-14) === */
.trp,.trt{overflow-x:visible}
.trp .lg-index a.active,.trt .lg-index a.active{color:var(--tr-white);padding-left:.6rem;box-shadow:inset 2px 0 0 var(--tr-white)}
.trp .lg-index a.active .n,.trt .lg-index a.active .n{color:var(--tr-white)}
/* === END LEGAL STICKY FIX === */

/* ============================================================
   TRASH RELICS — FAQ / SAFETY PAGE (.trf) — ported mockup
   Scoped entirely under .trf. Added 2026-06-14.
   ============================================================ */
.trf{--tr-black:#0d0d0b;--tr-dark:#111110;--tr-panel:#1c1c1a;--tr-white:#f5f2ec;--tr-body:#b3b0a9;--tr-gray:#9a9894;--tr-mute:#6a6864;--tr-border:#2a2a28;--tr-border-2:#4a4a48;--tr-ghost:#1b1b19;--ease:cubic-bezier(.16,1,.3,1);--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;position:relative;background:var(--tr-black);color:var(--tr-body);font-family:'Inter',sans-serif;font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased}
.trf *{box-sizing:border-box;margin:0;padding:0}
.trf::before{content:"";position:absolute;inset:0;z-index:50;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.035;mix-blend-mode:overlay}
.trf img{max-width:100%;display:block}
.trf h1,.trf h2,.trf h3,.trf h4{font-family:'Oswald',sans-serif;color:var(--tr-white);text-transform:uppercase;text-wrap:balance}
.trf a{color:var(--tr-white);text-decoration:none;border-bottom:1px solid var(--tr-border-2);transition:border-color .2s ease}
.trf a:hover{border-color:var(--tr-white)}
.trf .wrap{max-width:1680px;margin:0 auto;padding:0 3.5rem}
.trf .wrap-narrow{max-width:1100px;margin:0 auto;padding:0 2.5rem}
.trf .kicker{font-family:'Oswald';font-weight:600;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tr-gray)}
.trf .lead{font-size:1.15rem;line-height:1.6;color:var(--tr-body)}
.trf .lead em{color:var(--tr-white);font-style:italic}
.trf .sep{width:60px;height:2px;background:var(--tr-white);opacity:.55;margin:1.6rem 0}
.trf .sep.center{margin-left:auto;margin-right:auto}
.trf .sec{padding:6rem 0;position:relative}
.trf .sec-dark{background:var(--tr-black)}
.trf .sec-mid{background:var(--tr-dark)}
.trf .fq-hero{position:relative;overflow:hidden;padding:8rem 0 4.5rem;background:radial-gradient(120% 90% at 50% 0%,rgba(40,40,36,.5) 0%,rgba(13,13,11,0) 55%),var(--tr-black);text-align:center}
.trf .hero-ghost{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;font-family:'Oswald';font-weight:700;font-size:clamp(7rem,28vw,22rem);line-height:.8;color:var(--tr-ghost);letter-spacing:.02em;pointer-events:none;user-select:none;white-space:nowrap}
.trf .fq-hero-inner{position:relative;z-index:2}
.trf .fq-title{font-size:clamp(2.8rem,9vw,6.5rem);font-weight:700;line-height:.9;letter-spacing:.03em;margin:1rem 0 .4rem}
.trf .fq-hero .lead{max-width:50ch;margin:1.4rem auto 0}
.trf .fq-cat-head{display:flex;align-items:baseline;gap:1.2rem;margin-bottom:2.6rem}
.trf .fq-cat-no{font-family:var(--mono);font-size:.8rem;letter-spacing:.2em;color:var(--tr-mute)}
.trf .fq-cat-head h2{font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:700;letter-spacing:.03em;line-height:1}
.trf .fq-item{border-top:1px solid var(--tr-border);padding:1.8rem 0;display:grid;grid-template-columns:1fr;gap:.6rem;transition:padding-left .25s ease}
.trf .fq-item:last-child{border-bottom:1px solid var(--tr-border)}
.trf .fq-item:hover{padding-left:.6rem}
.trf .fq-q{display:flex;gap:.9rem;align-items:baseline;font-family:'Oswald';font-weight:600;font-size:1.18rem;letter-spacing:.02em;text-transform:uppercase;color:var(--tr-white);line-height:1.2}
.trf .fq-q .qmark{font-family:var(--mono);font-size:.8rem;color:var(--tr-mute);flex:none;transform:translateY(-.1em)}
.trf .fq-a{color:var(--tr-body);max-width:74ch;padding-left:1.7rem}
.trf .fq-a strong{color:var(--tr-white)}
.trf .fq-safe{border:1px solid var(--tr-border-2);background:var(--tr-panel);padding:0;overflow:hidden}
.trf .fq-safe-top{display:flex;align-items:center;gap:.8rem;padding:1.4rem 2rem;border-bottom:1px solid var(--tr-border);background:rgba(0,0,0,.25)}
.trf .fq-safe-top .badge{display:inline-flex;align-items:center;gap:.5rem;font-family:'Oswald';font-weight:600;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tr-white)}
.trf .fq-safe-top .badge::before{content:"";width:8px;height:8px;background:var(--tr-white);opacity:.8}
.trf .fq-safe-top .meta{margin-left:auto;font-family:var(--mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tr-mute)}
.trf .fq-safe-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.trf .fq-safe-col{padding:2rem 2rem}
.trf .fq-safe-col:first-child{border-right:1px solid var(--tr-border)}
.trf .fq-safe-col h3{font-size:1rem;letter-spacing:.1em;margin-bottom:1.2rem}
.trf .fq-never{list-style:none}
.trf .fq-never li{position:relative;padding-left:1.8rem;margin-bottom:.7rem;color:var(--tr-body);font-size:.95rem}
.trf .fq-never li::before{content:"\00d7";position:absolute;left:0;top:-.05em;color:var(--tr-white);font-weight:700;font-size:1.05rem}
.trf .fq-allow{list-style:none}
.trf .fq-allow li{position:relative;padding-left:1.8rem;margin-bottom:.7rem;color:var(--tr-body);font-size:.95rem}
.trf .fq-allow li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:1px;background:var(--tr-border-2)}
.trf .fq-links{border:1px solid var(--tr-border)}
.trf .fq-link-row{display:grid;grid-template-columns:160px 1fr;gap:1.5rem;padding:1.3rem 1.8rem;border-bottom:1px solid var(--tr-border);align-items:center}
.trf .fq-link-row:last-child{border-bottom:none}
.trf .fq-link-row .k{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tr-mute)}
.trf .fq-link-row .v{font-family:'Oswald';font-weight:600;letter-spacing:.04em}
.trf .fq-link-row .v a{font-family:'Inter';font-weight:500;letter-spacing:0}
.trf .fq-close{text-align:center;padding:8rem 0;background:radial-gradient(70% 120% at 50% 0%,rgba(40,40,36,.4) 0%,rgba(13,13,11,0) 60%),var(--tr-black)}
.trf .fq-close h2{font-size:clamp(2rem,6vw,4rem);font-weight:700;letter-spacing:.02em;margin-bottom:1.4rem}
.trf .fq-close .tag{font-family:'Oswald';font-weight:600;font-size:clamp(1.1rem,2.4vw,1.5rem);text-transform:uppercase;letter-spacing:.06em;color:var(--tr-white);margin-bottom:1.6rem}
.trf .fq-close .lead{max-width:58ch;margin:0 auto}
.trf .fx{opacity:1;transform:none}
.trf.trf-js .fx{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
.trf.trf-js .fx.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.trf.trf-js .fx{opacity:1;transform:none;transition:none}}
@media(max-width:820px){.trf .fq-safe-grid{grid-template-columns:1fr}.trf .fq-safe-col:first-child{border-right:none;border-bottom:1px solid var(--tr-border)}}
@media(max-width:560px){.trf .wrap,.trf .wrap-narrow{padding:0 1.4rem}.trf .sec{padding:4rem 0}.trf .fq-link-row{grid-template-columns:1fr;gap:.3rem}.trf .fq-a{padding-left:0}}
/* === END TRASH RELICS FAQ (.trf) === */

/* ============================================================
   TRASH RELICS — THE WORLD PAGE (.trw) — ported mockup
   Scoped entirely under .trw. Added 2026-06-14.
   ============================================================ */
.trw{--tr-black:#0d0d0b;--tr-dark:#111110;--tr-panel:#1c1c1a;--tr-white:#f5f2ec;--tr-body:#b3b0a9;--tr-gray:#9a9894;--tr-mute:#6a6864;--tr-border:#2a2a28;--tr-border-2:#4a4a48;--tr-ghost:#1b1b19;--ease:cubic-bezier(.16,1,.3,1);--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;position:relative;background:var(--tr-black);color:var(--tr-body);font-family:'Inter',sans-serif;font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased}
.trw *{box-sizing:border-box;margin:0;padding:0}
.trw::before{content:"";position:absolute;inset:0;z-index:50;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.04;mix-blend-mode:overlay}
.trw img{max-width:100%;display:block}
.trw h1,.trw h2,.trw h3,.trw h4{font-family:'Oswald',sans-serif;color:var(--tr-white);text-transform:uppercase;text-wrap:balance}
.trw .wrap{max-width:1680px;margin:0 auto;padding:0 3.5rem}
.trw .wrap-narrow{max-width:1100px;margin:0 auto;padding:0 2.5rem}
.trw .kicker{font-family:'Oswald';font-weight:600;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tr-gray)}
.trw .lead{font-size:1.15rem;line-height:1.6;color:var(--tr-body)}
.trw .lead em{color:var(--tr-white);font-style:italic}
.trw .sep{width:60px;height:2px;background:var(--tr-white);opacity:.55;margin:1.6rem 0}
.trw .sep.center{margin-left:auto;margin-right:auto}
.trw .sec{padding:7rem 0;position:relative}
.trw .sec-dark{background:var(--tr-black)}
.trw .sec-mid{background:var(--tr-dark)}
.trw .wd-hero{position:relative;overflow:hidden;min-height:78vh;display:flex;align-items:center;background:radial-gradient(130% 100% at 50% 8%,rgba(40,40,36,.55) 0%,rgba(13,13,11,0) 55%),radial-gradient(160% 130% at 18% 100%,rgba(0,0,0,.75) 0%,rgba(13,13,11,0) 60%),var(--tr-black)}
.trw .wd-hero .vignette{position:absolute;inset:0;z-index:1;background:radial-gradient(120% 90% at 50% 50%,rgba(13,13,11,0) 40%,rgba(0,0,0,.7) 100%);pointer-events:none}
.trw .hero-ghost{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;font-family:'Oswald';font-weight:700;font-size:clamp(7rem,30vw,28rem);line-height:.8;color:var(--tr-ghost);letter-spacing:.02em;pointer-events:none;user-select:none;white-space:nowrap}
.trw .wd-hero-inner{position:relative;z-index:2;text-align:center;width:100%}
.trw .wd-title{font-size:clamp(3.4rem,13vw,11rem);font-weight:700;line-height:.86;letter-spacing:.04em;margin:1.2rem 0}
.trw .wd-hero .lead{max-width:46ch;margin:0 auto}
.trw .wd-scroll{position:absolute;bottom:2.2rem;left:50%;transform:translateX(-50%);z-index:2;font-family:var(--mono);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--tr-mute)}
.trw .wd-cond-head{max-width:760px;margin:0 auto 4.5rem;text-align:center}
.trw .wd-cond-head h2{font-size:clamp(2rem,5vw,3.4rem);font-weight:700;letter-spacing:.03em;margin:.8rem 0 1rem}
.trw .wd-conds{max-width:980px;margin:0 auto;border-top:1px solid var(--tr-border)}
.trw .wd-cond{display:grid;grid-template-columns:180px 1fr;gap:2.5rem;padding:2.4rem 0;border-bottom:1px solid var(--tr-border);align-items:start;transition:background .3s ease}
.trw .wd-cond:hover{background:rgba(28,28,26,.35)}
.trw .wd-cond-mark{display:flex;flex-direction:column;gap:.6rem}
.trw .wd-cond-no{font-family:'Oswald';font-weight:700;font-size:3.2rem;line-height:.8;color:var(--tr-border-2);font-variant-numeric:tabular-nums}
.trw .wd-cond-label{font-family:var(--mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tr-mute)}
.trw .wd-cond-text{font-size:1.05rem;line-height:1.7;color:var(--tr-body);max-width:60ch}
.trw .wd-cond:hover .wd-cond-no{color:var(--tr-white)}
.trw .wd-pull{max-width:900px;margin:0 auto;text-align:center;padding:4rem 0 0}
.trw .wd-pull p{font-family:'Oswald';font-weight:600;font-size:clamp(1.4rem,3.4vw,2.4rem);line-height:1.2;color:var(--tr-white);text-transform:uppercase;letter-spacing:.02em}
.trw .wd-idx-head{text-align:center;max-width:680px;margin:0 auto 3.5rem}
.trw .wd-idx-head h2{font-size:clamp(1.9rem,4.6vw,3rem);font-weight:700;letter-spacing:.03em;margin-bottom:.8rem}
.trw .wd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.trw .wd-card{border:1px solid var(--tr-border);background:var(--tr-black);padding:2.2rem 2rem;transition:border-color .3s ease,transform .3s ease}
.trw .wd-card:hover{border-color:var(--tr-border-2);transform:translateY(-4px)}
.trw .wd-card h3{font-size:1.05rem;letter-spacing:.06em;margin-bottom:1.4rem;padding-bottom:1rem;border-bottom:1px solid var(--tr-border)}
.trw .wd-card ul{list-style:none}
.trw .wd-card li{font-family:var(--mono);font-size:.78rem;line-height:1.9;color:var(--tr-gray);letter-spacing:.02em}
.trw .wd-close{text-align:center;padding:10rem 0;background:radial-gradient(80% 130% at 50% 0%,rgba(40,40,36,.45) 0%,rgba(13,13,11,0) 60%),var(--tr-black)}
.trw .wd-close .kicker{display:block;margin-bottom:1.8rem}
.trw .wd-close h2{font-size:clamp(2.6rem,8vw,6rem);font-weight:700;line-height:.95;letter-spacing:.02em}
.trw .fx{opacity:1;transform:none}
.trw.trw-js .fx{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
.trw.trw-js .fx.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.trw.trw-js .fx{opacity:1;transform:none;transition:none}}
@media(max-width:980px){.trw .wd-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.trw .wrap,.trw .wrap-narrow{padding:0 1.4rem}.trw .sec{padding:4.5rem 0}.trw .wd-cond{grid-template-columns:1fr;gap:1rem}.trw .wd-cond-mark{flex-direction:row;align-items:baseline;gap:1rem}.trw .wd-grid{grid-template-columns:1fr}}
/* === END TRASH RELICS THE WORLD (.trw) === */

/* ============================================================
   TRASH RELICS — MINT / FIRST 100 PAGE (.trmf) — ported mockup
   Scoped entirely under .trmf. Draft page. Added 2026-06-14.
   ============================================================ */
.trmf{--tr-black:#0d0d0b;--tr-dark:#111110;--tr-panel:#1c1c1a;--tr-white:#f5f2ec;--tr-body:#b3b0a9;--tr-gray:#9a9894;--tr-mute:#6a6864;--tr-border:#2a2a28;--tr-border-2:#4a4a48;--tr-ghost:#1b1b19;--ease:cubic-bezier(.16,1,.3,1);--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;position:relative;background:var(--tr-black);color:var(--tr-body);font-family:'Inter',sans-serif;font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased}
.trmf *{box-sizing:border-box;margin:0;padding:0}
.trmf::before{content:"";position:absolute;inset:0;z-index:50;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.035;mix-blend-mode:overlay}
.trmf img{max-width:100%;display:block}
.trmf h1,.trmf h2,.trmf h3,.trmf h4{font-family:'Oswald',sans-serif;color:var(--tr-white);text-transform:uppercase;text-wrap:balance}
.trmf .wrap{max-width:1680px;margin:0 auto;padding:0 3.5rem}
.trmf .wrap-narrow{max-width:1100px;margin:0 auto;padding:0 2.5rem}
.trmf .kicker{font-family:'Oswald';font-weight:600;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tr-gray)}
.trmf .lead{font-size:1.15rem;line-height:1.6;color:var(--tr-body)}
.trmf .lead em{color:var(--tr-white);font-style:italic}
.trmf .sep{width:60px;height:2px;background:var(--tr-white);opacity:.55;margin:1.6rem 0}
.trmf .sep.center{margin-left:auto;margin-right:auto}
.trmf .sec{padding:7rem 0;position:relative}
.trmf .sec-dark{background:var(--tr-black)}
.trmf .sec-mid{background:var(--tr-dark)}
.trmf .mt-hero{position:relative;overflow:hidden;padding:8rem 0 5rem;background:radial-gradient(120% 90% at 50% 0%,rgba(40,40,36,.5) 0%,rgba(13,13,11,0) 55%),var(--tr-black);text-align:center}
.trmf .hero-ghost{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);z-index:1;font-family:'Oswald';font-weight:700;font-size:clamp(8rem,32vw,26rem);line-height:.8;color:var(--tr-ghost);letter-spacing:.02em;pointer-events:none;user-select:none;white-space:nowrap}
.trmf .mt-hero-inner{position:relative;z-index:2}
.trmf .mt-title{font-size:clamp(3rem,11vw,8.5rem);font-weight:700;line-height:.88;letter-spacing:.04em;margin:.6rem 0}
.trmf .mt-hero .overline{font-family:'Oswald';font-weight:600;font-size:1rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tr-gray)}
.trmf .mt-console{position:relative;border:1px solid var(--tr-border-2);background:var(--tr-panel);margin-top:3.5rem;text-align:left;box-shadow:0 40px 90px -45px rgba(0,0,0,.9)}
.trmf .mt-console::before,.trmf .mt-console::after{content:"";position:absolute;width:16px;height:16px;border:1px solid var(--tr-white);opacity:.55}
.trmf .mt-console::before{top:12px;left:12px;border-right:none;border-bottom:none}
.trmf .mt-console::after{bottom:12px;right:12px;border-left:none;border-top:none}
.trmf .mt-con-top{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.6rem;border-bottom:1px solid var(--tr-border);font-family:var(--mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tr-mute)}
.trmf .mt-con-top .status{margin-left:auto;display:inline-flex;align-items:center;gap:.5rem;color:var(--tr-white)}
.trmf .mt-con-top .status .dot{width:8px;height:8px;border:1px solid var(--tr-white);border-radius:50%;background:transparent;animation:trmf-pulse 2.4s ease-in-out infinite}
@keyframes trmf-pulse{50%{background:var(--tr-white)}}
.trmf .mt-state{text-align:center;padding:3.2rem 1.5rem 2.6rem}
.trmf .mt-state .lock{font-family:var(--mono);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tr-gray);border:1px solid var(--tr-border-2);display:inline-block;padding:.45rem 1.1rem;margin-bottom:1.4rem;transform:rotate(-1.5deg)}
.trmf .mt-state h2{font-size:clamp(2.4rem,7vw,4.6rem);font-weight:700;letter-spacing:.06em;line-height:.9}
.trmf .mt-state p{max-width:46ch;margin:1.1rem auto 0;color:var(--tr-body)}
.trmf .mt-fields{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--tr-border)}
.trmf .mt-field{padding:1.5rem 1.4rem;border-right:1px solid var(--tr-border)}
.trmf .mt-field:last-child{border-right:none}
.trmf .mt-field .k{display:block;font-family:var(--mono);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tr-mute)}
.trmf .mt-field .v{display:block;font-family:'Oswald';font-weight:600;font-size:1.25rem;letter-spacing:.04em;text-transform:uppercase;color:var(--tr-white);margin-top:.5rem}
.trmf .mt-btn-row{padding:1.8rem;border-top:1px solid var(--tr-border);text-align:center}
.trmf .mt-btn-locked{display:inline-flex;align-items:center;gap:.7rem;font-family:'Oswald';font-weight:600;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tr-mute);border:1px solid var(--tr-border);background:rgba(0,0,0,.3);padding:1rem 2.4rem;cursor:not-allowed}
.trmf .mt-btn-locked::before{content:"";width:9px;height:11px;border:1.5px solid var(--tr-mute);border-bottom:none;border-radius:4px 4px 0 0;margin-bottom:-3px}
.trmf .mt-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;align-items:start}
.trmf .mt-split h2{font-size:clamp(1.8rem,3.8vw,2.8rem);font-weight:700;letter-spacing:.03em;line-height:1.02}
.trmf .mt-split p{margin-bottom:1.2rem;max-width:60ch}
.trmf .mt-stages{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.trmf .mt-stage{position:relative;border:1px solid var(--tr-border);background:var(--tr-black);padding:2.6rem 2.2rem;overflow:hidden;transition:border-color .3s ease,transform .3s ease}
.trmf .mt-stage:hover{border-color:var(--tr-border-2);transform:translateY(-4px)}
.trmf .mt-stage .tag{font-family:var(--mono);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--tr-mute);display:block;margin-bottom:1.2rem}
.trmf .mt-stage h3{font-size:1.3rem;letter-spacing:.05em;margin-bottom:.4rem}
.trmf .mt-bignum{font-family:'Oswald';font-weight:700;font-size:clamp(3rem,7vw,4.6rem);line-height:.9;color:var(--tr-white);font-variant-numeric:tabular-nums;margin:.4rem 0}
.trmf .mt-stage .unit{font-family:'Oswald';font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--tr-gray);display:block;margin-bottom:1.4rem}
.trmf .mt-stage p{font-size:.92rem;line-height:1.6;color:var(--tr-body);margin-bottom:.8rem}
.trmf .mt-reveal{text-align:center}
.trmf .mt-reveal h2{font-size:clamp(2rem,5vw,3.4rem);font-weight:700;letter-spacing:.03em;margin-bottom:1.4rem}
.trmf .mt-reveal .lead{max-width:54ch;margin:0 auto 1rem}
.trmf .mt-reveal .tail{max-width:58ch;margin:0 auto;color:var(--tr-body)}
.trmf .mt-safe{border:1px solid var(--tr-border-2);background:var(--tr-panel);padding:2.4rem 2.4rem;position:relative}
.trmf .mt-safe::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--tr-white);opacity:.5}
.trmf .mt-safe h3{font-size:1.1rem;letter-spacing:.1em;margin-bottom:1rem}
.trmf .mt-safe p{color:var(--tr-body);max-width:64ch;margin-bottom:.8rem}
.trmf .mt-cta{text-align:center;margin-top:2.6rem}
.trmf .btn{display:inline-block;border:1px solid var(--tr-border-2);background:transparent;color:var(--tr-white);font-family:'Oswald';font-weight:600;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;padding:.95rem 2.2rem;text-decoration:none;transition:background .25s ease,color .25s ease}
.trmf .btn:hover{background:var(--tr-white);color:var(--tr-black)}
.trmf .fx{opacity:1;transform:none}
.trmf.trmf-js .fx{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
.trmf.trmf-js .fx.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.trmf.trmf-js .fx{opacity:1;transform:none;transition:none}.trmf .mt-con-top .status .dot{animation:none}}
@media(max-width:900px){.trmf .mt-split{grid-template-columns:1fr;gap:2rem}.trmf .mt-fields{grid-template-columns:1fr 1fr}.trmf .mt-field:nth-child(2){border-right:none}.trmf .mt-field:nth-child(1),.trmf .mt-field:nth-child(2){border-bottom:1px solid var(--tr-border)}}
@media(max-width:560px){.trmf .wrap,.trmf .wrap-narrow{padding:0 1.4rem}.trmf .sec{padding:4.5rem 0}.trmf .mt-stages{grid-template-columns:1fr}.trmf .mt-fields{grid-template-columns:1fr}.trmf .mt-field{border-right:none;border-bottom:1px solid var(--tr-border)}.trmf .mt-field:last-child{border-bottom:none}}
/* === END TRASH RELICS MINT / FIRST 100 (.trmf) === */



/* ============================================================
   TRASH RELICS — HOME PAGE (.trh) — ported mockup (no hero; WP hero kept)
   Scoped entirely under .trh. Added 2026-06-14.
   ============================================================ */
.trh{--tr-black:#0d0d0b;--tr-dark:#111110;--tr-panel:#1c1c1a;--tr-white:#f5f2ec;--tr-body:#b3b0a9;--tr-gray:#9a9894;--tr-mute:#6a6864;--tr-border:#2a2a28;--tr-border-2:#4a4a48;--tr-ghost:#1b1b19;--ease:cubic-bezier(.16,1,.3,1);--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;position:relative;background:var(--tr-black);color:var(--tr-body);font-family:'Inter',sans-serif;font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased}
.trh *{box-sizing:border-box;margin:0;padding:0}
.trh::before{content:"";position:absolute;inset:0;z-index:50;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.04;mix-blend-mode:overlay}
.trh img{max-width:100%;display:block}
.trh h1,.trh h2,.trh h3,.trh h4{font-family:'Oswald',sans-serif;color:var(--tr-white);text-transform:uppercase;text-wrap:balance}
.trh .wrap{max-width:1680px;margin:0 auto;padding:0 3.5rem}
.trh .wrap-narrow{max-width:1100px;margin:0 auto;padding:0 2.5rem}
.trh .kicker{font-family:'Oswald';font-weight:600;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tr-gray)}
.trh .lead{font-size:1.15rem;line-height:1.6;color:var(--tr-body)}
.trh .lead em{color:var(--tr-white);font-style:italic}
.trh .sep{width:60px;height:2px;background:var(--tr-white);opacity:.55;margin:1.6rem 0}
.trh .sep.center{margin-left:auto;margin-right:auto}
.trh .sec{padding:7rem 0;position:relative}
.trh .sec-dark{background:var(--tr-black)}
.trh .sec-mid{background:var(--tr-dark)}
.trh .btn{display:inline-block;border:1px solid var(--tr-border-2);background:transparent;color:var(--tr-white);font-family:'Oswald';font-weight:600;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;padding:1rem 2.2rem;text-decoration:none;transition:background .25s ease,color .25s ease}
.trh .btn:hover{background:var(--tr-white);color:var(--tr-black)}
.trh .hm-head{max-width:680px;margin:0 auto 3.5rem;text-align:center}
.trh .hm-head h2{font-size:clamp(1.9rem,4.4vw,3rem);font-weight:700;letter-spacing:.03em;margin:.8rem 0 1rem}
.trh .hm-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.trh .hm-pillar{position:relative;border:1px solid var(--tr-border);background:var(--tr-black);padding:2.8rem 2.2rem;overflow:hidden;transition:border-color .3s ease,transform .3s ease}
.trh .hm-pillar:hover{border-color:var(--tr-border-2);transform:translateY(-4px)}
.trh .hm-pillar .no{font-family:'Oswald';font-weight:700;font-size:3.4rem;line-height:1;color:var(--tr-ghost);position:absolute;top:.6rem;right:1.1rem}
.trh .hm-pillar h3{font-size:1.15rem;letter-spacing:.05em;margin-bottom:1rem;position:relative;z-index:2}
.trh .hm-pillar p{font-size:.95rem;line-height:1.7;color:var(--tr-body);position:relative;z-index:2;max-width:38ch}
.trh .hm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--tr-border-2)}
.trh .hm-stat{padding:3rem 1.8rem;border-right:1px solid var(--tr-border);text-align:center;transition:background .3s ease}
.trh .hm-stat:last-child{border-right:none}
.trh .hm-stat:hover{background:var(--tr-dark)}
.trh .hm-stat .k{font-family:var(--mono);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tr-mute)}
.trh .hm-stat .big{font-family:'Oswald';font-weight:700;font-size:clamp(2.8rem,5.5vw,4.4rem);line-height:.9;color:var(--tr-white);font-variant-numeric:tabular-nums;margin:1rem 0 .6rem}
.trh .hm-stat .trc{display:block;font-family:'Oswald';font-weight:700;font-size:clamp(2.2rem,3.6vw,3.2rem);line-height:.9;letter-spacing:.04em;color:var(--tr-white);margin:1rem 0 .6rem;max-width:100%;overflow-wrap:anywhere}
.trh .hm-stat .d{font-size:.85rem;line-height:1.55;color:var(--tr-body);max-width:24ch;margin:0 auto}
.trh .hm-stat:nth-child(4){display:none}
.trh .hm-world{position:relative;overflow:hidden;padding:8rem 0;background:radial-gradient(120% 100% at 80% 20%,rgba(40,40,36,.4) 0%,rgba(13,13,11,0) 55%),var(--tr-black)}
.trh .hm-world .ghost{position:absolute;top:50%;right:-4%;transform:translateY(-50%);z-index:0;font-family:'Oswald';font-weight:700;font-size:clamp(8rem,26vw,24rem);line-height:.8;color:var(--tr-ghost);pointer-events:none;user-select:none}
.trh .hm-world-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:center}
.trh .hm-world h2{font-size:clamp(2rem,5vw,3.6rem);font-weight:700;letter-spacing:.03em;line-height:1}
.trh .hm-world .lead{margin:1.4rem 0}
.trh .hm-world p.body{max-width:58ch;margin-bottom:1.2rem;color:var(--tr-body)}
.trh .hm-env-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;align-items:center}
.trh .hm-8{font-family:'Oswald';font-weight:700;font-size:clamp(7rem,18vw,15rem);line-height:.8;color:var(--tr-white);font-variant-numeric:tabular-nums;text-align:center}
.trh .hm-8 .pct{font-size:.4em;vertical-align:super;color:var(--tr-gray)}
.trh .hm-env h2{font-size:clamp(1.8rem,3.8vw,2.8rem);font-weight:700;letter-spacing:.03em;margin-bottom:.4rem}
.trh .hm-env .lead{margin-bottom:1.2rem}
.trh .hm-env p.body{max-width:56ch;margin-bottom:1.6rem;color:var(--tr-body)}
.trh .hm-fixed{max-width:860px;margin:0 auto}
.trh .hm-fixed .row{display:grid;grid-template-columns:80px 1fr;gap:2rem;padding:1.8rem 0;border-top:1px solid var(--tr-border);align-items:baseline}
.trh .hm-fixed .row:last-child{border-bottom:1px solid var(--tr-border)}
.trh .hm-fixed .n{font-family:'Oswald';font-weight:700;font-size:1.6rem;color:var(--tr-mute);font-variant-numeric:tabular-nums}
.trh .hm-fixed .row h3{font-size:1.15rem;letter-spacing:.06em;margin-bottom:.4rem}
.trh .hm-fixed .row p{color:var(--tr-body);max-width:60ch}
.trh .hm-hub{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.trh .hm-hub a{display:block;border:1px solid var(--tr-border);background:var(--tr-black);padding:2.2rem 2rem;text-decoration:none;position:relative;overflow:hidden;transition:border-color .3s ease,transform .3s ease,background .3s ease}
.trh .hm-hub a:hover{border-color:var(--tr-border-2);transform:translateY(-4px);background:var(--tr-dark)}
.trh .hm-hub .no{font-family:var(--mono);font-size:.66rem;letter-spacing:.2em;color:var(--tr-mute)}
.trh .hm-hub h3{font-size:1.3rem;letter-spacing:.04em;margin:.8rem 0 .5rem}
.trh .hm-hub p{font-size:.88rem;color:var(--tr-body);max-width:32ch}
.trh .hm-hub .arrow{position:absolute;top:1.6rem;right:1.6rem;color:var(--tr-mute);font-family:'Oswald';font-size:1.3rem;transition:color .3s ease,transform .3s ease}
.trh .hm-hub a:hover .arrow{color:var(--tr-white);transform:translate(3px,-3px)}
.trh .hm-follow{text-align:center;padding:9rem 0;background:radial-gradient(70% 120% at 50% 0%,rgba(40,40,36,.4) 0%,rgba(13,13,11,0) 60%),var(--tr-black)}
.trh .hm-follow h2{font-size:clamp(2.2rem,6vw,4.4rem);font-weight:700;letter-spacing:.02em;margin-bottom:1.2rem}
.trh .hm-follow .lead{max-width:50ch;margin:0 auto 2.2rem}
.trh .hm-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2.2rem}
.trh .hm-follow .hm-cta{margin-top:0}
.trh .fx{opacity:1;transform:none}
.trh.trh-js .fx{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
.trh.trh-js .fx.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.trh.trh-js .fx{opacity:1;transform:none;transition:none}}
@media(max-width:980px){.trh .hm-pillars{grid-template-columns:1fr}.trh .hm-world-grid,.trh .hm-env-grid{grid-template-columns:1fr;gap:2.5rem}.trh .hm-hub{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.trh .wrap,.trh .wrap-narrow{padding:0 1.4rem}.trh .sec{padding:4.5rem 0}.trh .hm-stats,.trh .hm-hub{grid-template-columns:1fr}.trh .hm-stat{border-right:none;border-bottom:1px solid var(--tr-border)}.trh .hm-stat:last-child{border-bottom:none}.trh .hm-fixed .row{grid-template-columns:1fr;gap:.4rem}}
.trh{margin-top:0}
/* === END TRASH RELICS HOME (.trh) === */
/* remove hero wavy divider -> flat separation */
.tr-hero-bg::after{content:none !important;display:none !important}

/* ============================================================
   Conversion CTA system — added 2026-06-14
   Primary filled button + closing CTA band (reusable, generic)
   ============================================================ */
.tr-cta{display:inline-block;font-family:'Oswald',sans-serif;font-weight:700;font-size:.9rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:1.1rem 3rem;background:var(--tr-white);color:var(--tr-black);border:1px solid var(--tr-white);cursor:pointer;transition:background .3s var(--ease),color .3s var(--ease),transform .3s var(--ease)}
.tr-cta:hover{background:transparent;color:var(--tr-white);transform:translateY(-2px)}
.tr-cta--ghost{background:transparent;color:var(--tr-white)}
.tr-cta--ghost:hover{background:var(--tr-white);color:var(--tr-black)}
.tr-cta-band{text-align:center;padding:7rem 0;background:radial-gradient(70% 120% at 50% 0%,rgba(40,40,36,.4) 0%,rgba(13,13,11,0) 60%),var(--tr-black);border-top:1px solid var(--tr-border)}
.tr-cta-band .tr-cta-offer{font-family:'Oswald',sans-serif;font-weight:600;font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--tr-mute);margin-bottom:1.4rem}
.tr-cta-band .tr-cta-offer span{color:var(--tr-white)}
.tr-cta-band .tr-cta-title{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(1.8rem,4.4vw,3rem);text-transform:uppercase;letter-spacing:.03em;color:var(--tr-white);line-height:1.04;margin:0 0 1.1rem}
.tr-cta-band .tr-cta-sub{max-width:56ch;margin:0 auto 2.4rem;color:var(--tr-body)}
.tr-cta-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
@media(max-width:560px){.tr-cta-band{padding:4.5rem 0}.tr-cta{padding:1rem 2.2rem}}

/* CTA band — discreet follow line (parcours guide, 2026-06-14) */
.tr-cta-band .tr-cta-follow{margin-top:1.9rem;font-family:'Oswald',sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tr-mute)}
.tr-cta-band .tr-cta-follow a{color:var(--tr-gray);text-decoration:none;border-bottom:1px solid var(--tr-border-2);padding-bottom:2px;transition:color .25s ease,border-color .25s ease}
.tr-cta-band .tr-cta-follow a:hover{color:var(--tr-white);border-color:var(--tr-white)}


/* =====================================================================
   TRASH RELICS — BLOG HOME (Direction A: Catalogue grid)
   All selectors scoped under .tr-blog
   ===================================================================== */

.tr-blog {
	background: #0d0d0b;
	color: #f5f2ec;
	font-family: var(--wp--preset--font-family--inter);
}

/* ---- Header band ---- */
.tr-blog .tr-blog__band {
	padding: 4.5rem 2rem 0;
	margin: 0;
}

.tr-blog .tr-blog__eyebrow {
	font-family: var(--wp--preset--font-family--oswald);
	text-transform: uppercase;
	letter-spacing: 0.22em;
	font-size: 0.72rem;
	font-weight: 600;
	color: #9a9894;
	margin: 0 0 0.9rem;
}

.tr-blog .tr-blog__title {
	font-family: var(--wp--preset--font-family--oswald);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-weight: 700;
	line-height: 1.0;
	font-size: clamp(3rem, 9vw, 6rem);
	color: #f5f2ec;
	margin: 0;
}

.tr-blog .tr-blog__subtitle {
	font-family: var(--wp--preset--font-family--inter);
	line-height: 1.7;
	color: #9a9894;
	font-size: 1rem;
	max-width: 46ch;
	margin: 1.1rem 0 2.25rem;
}

.tr-blog .tr-blog__rule.wp-block-separator {
	border: 0;
	border-top: 1px solid #2a2a28;
	height: 0;
	margin: 0;
	max-width: none;
	width: 100%;
	opacity: 1;
	background: none;
}

/* ---- Listing wrapper ---- */
.tr-blog .tr-blog__listing {
	padding: 3.5rem 2rem 5.5rem;
}

/* ---- The grid ----
   auto-fill keeps cards at catalogue width so a single card
   stays left-aligned at ~360px instead of stretching full-row. */
.tr-blog .tr-blog__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
	gap: 1.5rem;
	justify-content: start;
}

/* post-template renders <li> wrappers around each article */
.tr-blog .tr-blog__grid > li {
	margin: 0;
	padding: 0;
	display: flex;
}

/* ---- Card ---- */
.tr-blog .tr-card {
	background: #111110;
	border: 1px solid #2a2a28;
	border-radius: 0;
	display: flex;
	flex-direction: column;
	width: 100%;
	transition: border-color 0.25s ease, transform 0.25s ease;
}

.tr-blog .tr-card:hover {
	border-color: #f5f2ec;
	transform: translateY(-2px);
}

/* ---- Media (16:9, grayscale -> normal on hover) ----
   When the post has no featured image the block renders nothing,
   so there is simply no media element and no empty box. */
.tr-blog .tr-card__media {
	margin: 0;
	display: block;
	border-bottom: 1px solid #2a2a28;
}

.tr-blog .tr-card__media img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	filter: grayscale(100%) contrast(1.05);
	transition: filter 0.35s ease;
}

.tr-blog .tr-card:hover .tr-card__media img {
	filter: grayscale(0%) contrast(1);
}

/* ---- Body ---- */
.tr-blog .tr-card__body {
	padding: 1.6rem 1.6rem 1.75rem;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

/* When there is NO media, the body is the first child of the card.
   Give it a top hairline accent so the text-only card reads as a
   deliberate ledger entry rather than a gap. */
.tr-blog .tr-card > .tr-card__body:first-child {
	border-top: 2px solid #f5f2ec;
	padding-top: 1.75rem;
}

/* ---- Meta row (date · category) ---- */
.tr-blog .tr-card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.55rem;
	font-family: var(--wp--preset--font-family--oswald);
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 0.68rem;
	font-weight: 600;
	color: #9a9894;
	margin-bottom: 0.85rem;
	min-height: 0.68rem;
}

.tr-blog .tr-card__date,
.tr-blog .tr-card__cat {
	margin: 0;
	color: #9a9894;
}

/* Tabular figures on the date for an archive-ledger feel (graft from B) */
.tr-blog .tr-card__date {
	font-variant-numeric: tabular-nums;
}

.tr-blog .tr-card__cat a {
	color: #9a9894;
	text-decoration: none;
}

.tr-blog .tr-card__cat a:hover {
	color: #f5f2ec;
}

/* Separator dot between date and category, only when both exist */
.tr-blog .tr-card__date + .tr-card__cat::before {
	content: "\00b7";
	margin-right: 0.55rem;
	color: #6a6864;
}

/* ---- Title ---- */
.tr-blog .tr-card__title {
	font-family: var(--wp--preset--font-family--oswald);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	font-weight: 600;
	line-height: 1.12;
	font-size: 1.45rem;
	margin: 0 0 0.85rem;
}

.tr-blog .tr-card__title a {
	color: #f5f2ec;
	text-decoration: none;
	transition: color 0.2s ease;
}

.tr-blog .tr-card__title a:hover {
	color: #9a9894;
}

/* ---- Excerpt (line-clamped ~3 lines) ---- */
.tr-blog .tr-card__excerpt {
	font-family: var(--wp--preset--font-family--inter);
	line-height: 1.7;
	font-size: 0.93rem;
	color: #9a9894;
	margin: 0 0 1.4rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Hide the inline "more" link inside the excerpt; we use read-more below */
.tr-blog .tr-card__excerpt .wp-block-post-excerpt__more-link {
	display: none;
}

/* ---- Read more link ---- */
.tr-blog .tr-card__more {
	font-family: var(--wp--preset--font-family--oswald);
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 0.74rem;
	font-weight: 600;
	color: #f5f2ec;
	text-decoration: none;
	margin-top: auto;
	align-self: flex-start;
	padding-bottom: 2px;
	border-bottom: 1px solid #2a2a28;
	transition: border-color 0.2s ease, color 0.2s ease;
}

.tr-blog .tr-card__more:hover {
	border-color: #f5f2ec;
	color: #f5f2ec;
}

/* ---- Pagination ---- */
.tr-blog .tr-blog__pagination {
	margin-top: 3.5rem;
	padding-top: 1.75rem;
	border-top: 1px solid #2a2a28;
	font-family: var(--wp--preset--font-family--oswald);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 0.78rem;
	font-weight: 600;
	align-items: center;
}

.tr-blog .tr-blog__pagination a,
.tr-blog .tr-blog__pagination .wp-block-query-pagination-numbers {
	color: #9a9894;
	text-decoration: none;
}

.tr-blog .tr-blog__pagination a:hover {
	color: #f5f2ec;
}

.tr-blog .tr-blog__pagination .page-numbers.current {
	color: #f5f2ec;
}

.tr-blog .tr-blog__pagination .page-numbers {
	padding: 0 0.45rem;
}

/* ---- No results ---- */
.tr-blog .tr-blog__empty {
	border: 1px solid #2a2a28;
	background: #111110;
	padding: 3rem 2rem;
	max-width: 520px;
}

.tr-blog .tr-blog__empty p {
	color: #9a9894;
	line-height: 1.7;
	margin: 0;
}

.tr-blog .tr-blog__empty .tr-blog__eyebrow {
	margin-bottom: 0.75rem;
}

/* ---- Responsive: single column on mobile ---- */
@media (max-width: 600px) {
	.tr-blog .tr-blog__band {
		padding: 3rem 1.25rem 0;
	}

	.tr-blog .tr-blog__listing {
		padding: 2.5rem 1.25rem 4rem;
	}

	.tr-blog .tr-blog__grid {
		grid-template-columns: 1fr;
		gap: 1.25rem;
	}

	.tr-blog .tr-card__body {
		padding: 1.4rem 1.3rem 1.5rem;
	}

	.tr-blog .tr-blog__pagination {
		flex-wrap: wrap;
		gap: 1rem;
	}
}


/* ============================================================
   COLLECTION (.trc) TWEAKS — 2026-06-19
   ============================================================ */
.trc .hero .wrap{max-width:1440px}
.trc .market-sec{text-align:center}
.trc .market-inner{max-width:880px;margin:0 auto}
.trc .market-inner h2{font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:700;letter-spacing:.03em;margin:.5rem 0 0}
.trc .market-inner .lead{margin:1.4rem auto 0;max-width:62ch}
.trc .market-inner .lead em{color:var(--tr-white);font-style:normal;font-weight:600}
.trc .market-os{display:inline-flex;align-items:center;gap:.55rem;margin-top:2.6rem;font-family:'Oswald';font-weight:600;font-size:.95rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:1rem 2.6rem;border:1px solid #2081E2;color:#fff;background:#2081E2;transition:background .3s ease,color .3s ease}
.trc .market-os:hover{background:transparent;color:#2081E2}
.trc .market-os .os-arrow{font-size:1.15em;line-height:1}
.trc .market-note{font-family:'Oswald';font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tr-mute);margin-top:1.2rem}

/* ============================================================
   HOME HERO CTA — HOVER FIX 2026-06-19
   Old .tr-btn-hover:hover styled the wrapper <div>; the <a> link
   colors are inline so they won. Target the <a> link instead and
   keep the text visible. Solid vs ghost told apart by inline bg.
   ============================================================ */
.tr-hero-bg .wp-block-button__link{transition:background-color .25s ease,color .25s ease,border-color .25s ease}
/* Solid "Follow the Drop" (cream fill): base border to match ghost height + no hover jump */
.tr-hero-bg .wp-block-button__link[style*="background-color:#f5f2ec"]{border:1px solid #f5f2ec !important}
.tr-hero-bg .wp-block-button__link[style*="background-color:#f5f2ec"]:hover,
.tr-hero-bg .wp-block-button__link[style*="background-color:#f5f2ec"]:focus-visible{background-color:#0d0d0b !important;color:#f5f2ec !important;border-color:#f5f2ec !important}
/* Ghost "Explore the Archive" (transparent): fill cream with DARK text so it stays readable */
.tr-hero-bg .wp-block-button__link[style*="background-color:transparent"]:hover,
.tr-hero-bg .wp-block-button__link[style*="background-color:transparent"]:focus-visible{background-color:#f5f2ec !important;color:#0d0d0b !important;border-color:#f5f2ec !important}