/* Equivita editorial layer: quiet luxury typography and gold-as-line system.
   Loaded after styles.css and reference-match.css. Layout, palette and photography unchanged. */
:root{--serif:'Cormorant Garamond','Times New Roman',Georgia,serif;--gold:#c9a977;--gold-bright:#e2c69a;--gold-line:#8d7552;--ink-soft:#d9d3c9;--muted:#bdb6ac}

/* ---------- Type ---------- */
body{font-size:17px;line-height:1.65;color:#f3eee7}
p{color:var(--muted)}
h1,h2,h3,.footer-lead h2,.join-dialog h2,.member-heading h1,.member-hero-copy h2,.article-prose h2,.article-heading h1,.reference-community-copy h2,.feature-copy h2,.radar-intro h2,.radar-feature-text h3,.sport-story h2,.lens-detail h3,.community-aside h3,.domain-detail h3{font-family:var(--serif);font-weight:500;letter-spacing:-.012em;text-transform:none;line-height:1.04}
h1 em,h2 em,h3 em,.footer-lead h2 em,.intro-copy h2 em,.section-head em,.hero h1 em{font-style:italic;font-weight:400;color:var(--gold-bright)}
h4,.story-body h3,.topic-rail h3,.community-step h3,.about-value h3,.result-feature h3,.radar-category h4,.member-panel h3,.member-entry h4,.reading-row h3,.journal-side h3,.article-aside h4,.domain-button strong{font-family:var(--serif);font-weight:500;letter-spacing:-.005em}
.kicker,.eyebrow,.story-meta,.hero-bottom small,.reference-feature span,.member-sidebar p,.demo-label,.story-tag,.result-feature small,.community-step strong,.about-value b{font-family:var(--display);font-weight:600;letter-spacing:.28em;font-size:10px;text-transform:uppercase}
.kicker{color:var(--gold);margin-bottom:18px}

/* Home hero */
.reference-home .hero h1,.reference-home h1{font-family:var(--serif);font-size:clamp(40px,4.1vw,70px);line-height:1.04;letter-spacing:-.015em;font-weight:500;text-transform:none;color:#f6f1ea;max-width:720px}
.reference-home .hero-copy{max-width:720px}
.reference-home .hero-bottom{display:none}
.reference-home .hero-inner{padding-top:40px;padding-bottom:70px}
.reference-home .hero-visual{inset:0 0 0 40%;background:#050607}
.reference-home .hero-visual img{filter:saturate(.87) brightness(.86);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 100%)}
.reference-home .hero-visual:after{background:linear-gradient(90deg,#050607 0%,#050607f2 10%,#05060799 30%,#05060722 55%,#05060700 80%),linear-gradient(0deg,#050607cb 0%,transparent 30%)}
.reference-home h1 em{display:block;font-style:italic;font-weight:400;color:var(--gold-bright);font-size:.92em;margin-top:.05em}
.reference-home .hero-copy>p:not(.kicker){font-size:17px;line-height:1.8;color:var(--ink-soft);max-width:480px;margin-top:28px}
.reference-home .hero-bottom{border-top:1px solid #8d755240;margin-top:64px;gap:0}
.reference-home .hero-bottom a{border-right:1px solid #8d755230;padding-top:20px}
.reference-home .hero-bottom strong{font-family:var(--serif);font-size:17px;color:#e9e2d7;letter-spacing:0}
.reference-home .hero-bottom small{letter-spacing:.24em;font-size:9px}

/* Section headings */
.section-head h2,.reference-content-section .section-head h2{font-family:var(--serif);text-transform:none;letter-spacing:-.015em;font-size:clamp(40px,4.6vw,72px);line-height:1.02;max-width:760px}
.section-head p:not(.kicker){font-size:16px;line-height:1.75;max-width:400px;color:var(--muted)}
.reference-community-copy h2{font-size:clamp(34px,3.6vw,54px);letter-spacing:-.012em;color:#f1e9dc;max-width:520px}
.feature-panel .feature-copy h2{font-size:clamp(40px,4.4vw,66px);letter-spacing:-.015em}
.page-hero h1{font-family:var(--serif);font-size:clamp(50px,6vw,92px);letter-spacing:-.018em;text-transform:none;color:#f6f1ea;line-height:1.0}
.page-hero h1 em{font-style:italic;color:var(--gold-bright);font-weight:400}
.page-hero p:not(.kicker){font-size:17px;color:var(--ink-soft)}
.intro-copy h2{font-size:clamp(42px,4.8vw,76px);line-height:1.0}
.intro-copy p:not(.kicker){font-size:17px;color:var(--muted)}
.radar-intro h2{font-size:clamp(38px,4.2vw,62px);line-height:1.04}
.sport-story h2{font-size:clamp(38px,4.4vw,64px)}
.footer-lead h2{font-size:clamp(46px,5.6vw,80px);line-height:1.0}
.footer-lead p:not(.kicker){font-size:16px;max-width:520px}

/* Cards */
.story-body h3,.reference-content-section .story-body h3,.story-card .story-body h3{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.1vw,32px);line-height:1.12;letter-spacing:-.01em;margin:12px 0 10px;color:#f4efe8}
.story-body p{font-size:15px;line-height:1.7;color:var(--muted)}
.story-meta{color:var(--gold);letter-spacing:.22em}
.story-card .read-more{font-family:var(--display);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-bright);margin-top:18px;border-bottom:1px solid #8d755270;display:inline-block;padding-bottom:6px;transition:border-color .25s}
.story-card:hover .read-more{border-color:var(--gold-bright)}
.story-grid.lead{grid-template-columns:1.55fr 1fr;gap:28px 36px;align-items:start}
.story-grid.lead .lead-side{display:grid;gap:32px;align-content:start}
.story-grid.lead .story-card:first-child .story-image{aspect-ratio:1.25}
.story-grid.lead .story-card:first-child .story-body h3{font-size:clamp(30px,3vw,46px);max-width:760px}
.story-grid.lead .story-card:first-child .story-body p{max-width:640px;font-size:16px}
.story-grid.lead .story-card:not(:first-child){display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.story-grid.lead .story-card:not(:first-child) .story-image{aspect-ratio:1.1}
.story-grid.lead .story-card:not(:first-child) .story-body{padding-top:0}
.story-grid.lead .story-card:not(:first-child) .story-body h3{font-size:clamp(20px,1.7vw,25px)}
.story-grid.lead .story-card:not(:first-child) .story-body p{font-size:14px}
.reference-featured-grid{gap:14px}
.reference-feature{min-height:248px}
.reference-feature h3{font-family:var(--display);font-size:11px;letter-spacing:.2em;font-weight:600}
.reference-feature p{font-size:12px;line-height:1.5}
.reference-feature span{font-size:10px}
.reference-feature b{font-size:14px}
.community-step h3,.about-value h3{font-size:28px;line-height:1.1}
.community-step p,.about-value p,.result-feature p,.radar-category p,.topic-rail p{font-size:15px;color:var(--muted)}
.prompt-list .prompt-text{font-family:var(--serif);font-size:23px;line-height:1.2}
.domain-button strong{font-size:22px}

/* ---------- Gold as line: buttons and links ---------- */
.button{font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;gap:14px;min-height:50px;padding:14px 26px;border-radius:0;border:1px solid var(--gold-line);background:transparent;color:var(--gold-bright);transition:border-color .25s,color .25s,background .25s,transform .25s}
.button:hover{border-color:var(--gold-bright);color:#f7efe2;transform:none;background:#c9a97712}
.button-line{border-color:var(--gold-line);background:transparent;color:#efe7da}
.button-line:hover{border-color:var(--gold-bright);color:#f7efe2}
.button-gold{background:var(--gold);border-color:var(--gold);color:#17130e}
.button-gold:hover{background:var(--gold-bright);border-color:var(--gold-bright);color:#17130e}
.button span[aria-hidden]{display:none}
.nav-actions .button{min-height:40px;padding:11px 20px;font-size:10px;letter-spacing:.2em}
.text-link{font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-bright);border-bottom:1px solid #8d755270;padding-bottom:7px;gap:0;transition:border-color .25s}
.text-link:hover{gap:0;border-color:var(--gold-bright)}
.text-link::after{content:'\2192';margin-left:10px;transition:margin .25s}
.text-link:hover::after{margin-left:14px}
.paper-button{background:#1d1d1f;border:1px solid #1d1d1f;color:#fff6e8;font-family:var(--display);font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:14px 20px}
.paper-link{font-family:var(--display);font-size:11px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #b6a58a;padding-bottom:4px;color:#5f4c33}
.filter-chip{border-radius:0;font-family:var(--display);font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:11px 14px;border-color:#5a4c3a;color:#dcccb2}
.filter-chip.active,.filter-chip:hover{background:var(--gold);border-color:var(--gold);color:#17130e}
.desktop-nav a{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#cdc7bf;font-weight:500}
.desktop-nav a:hover,.desktop-nav a.is-active{color:var(--gold-bright)}
.nav-text{display:none}
.site-header{border-bottom:1px solid #8d755238}
.hero-actions{gap:14px}
.community-step{border-top:1px solid var(--gold-line)}
.about-value{border-top:1px solid var(--gold-line)}
.section-light{background:#ebe5db;border-top:1px solid #b9a07f}
.article-prose .opening{font-family:var(--serif);font-size:26px;line-height:1.45;color:#2a2826}
.article-prose h2{font-size:38px;color:#262320;margin:52px 0 16px}
.article-prose p{font-size:18px;line-height:1.85;color:#3e3b37}
.article-heading h1{font-size:clamp(46px,5.4vw,84px);line-height:1.02}
.article-heading p{font-size:19px;color:#efe7da;font-family:var(--serif);font-style:italic}
.article-aside a{font-size:14px;color:#5f5240}
.article-aside h4{font-size:22px}
.member-sidebar a,.member-sidebar button{font-size:13px}
.toast{background:#e2c69a;color:#17130e;border-radius:0}

/* ---------- Signup system ---------- */
.inline-subscribe{display:flex;gap:0;max-width:520px;border:1px solid var(--gold-line);background:#0b0c0e;transition:border-color .25s}
.inline-subscribe:focus-within{border-color:var(--gold-bright)}
.inline-subscribe input{flex:1;min-width:0;background:transparent;border:0;color:#f6f1ea;padding:16px 18px;font-size:15px;outline:none}
.inline-subscribe input::placeholder{color:#8f877b}
.inline-subscribe button{border:0;border-left:1px solid var(--gold-line);background:var(--gold);color:#17130e;font-family:var(--display);font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;padding:0 24px;white-space:nowrap;transition:background .25s}
.inline-subscribe button:hover{background:var(--gold-bright)}
.inline-subscribe .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.subscribe-note{font-size:12px;color:#8f877b;margin-top:12px;letter-spacing:.02em}
.footer-lead .inline-subscribe{margin-top:30px}
.article-subscribe{background:#e3dccf;border-top:1px solid #c9b798;padding:clamp(40px,5vw,70px) 0}
.article-subscribe .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;max-width:1100px}
.article-subscribe h2{font-size:clamp(32px,3.4vw,48px);color:#262320;line-height:1.05}
.article-subscribe h2 em{color:#8a6a3c}
.article-subscribe .kicker{color:#8a6a3c}
body.on-article .footer-lead{display:none}
body.on-article .footer-bottom{margin-top:0;border-top:0}
.article-subscribe p{color:#5d564c;font-size:16px;margin-top:12px}
.article-subscribe .inline-subscribe{background:#f6f1e9;border-color:#b9a07f;max-width:none}
.article-subscribe .inline-subscribe input{color:#262320}
.article-subscribe .inline-subscribe input::placeholder{color:#8b8273}
.article-subscribe .inline-subscribe button{border-left-color:#b9a07f}
.article-subscribe .subscribe-note{color:#7d7466}

/* Join dialog */
.modal-overlay{background:#030405d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.join-dialog{background:linear-gradient(180deg,#101114,#0a0b0d);border:1px solid #8d755266;box-shadow:0 40px 120px #000c,inset 0 1px 0 #ffffff0a;width:min(620px,100%);padding:clamp(28px,4vw,48px) clamp(24px,4vw,52px)}
.join-dialog .modal-logo{width:52px;margin-bottom:16px}
.join-dialog .join-kicker{margin-bottom:10px}
.join-dialog h2{font-size:clamp(34px,3.2vw,44px);line-height:1.02}
.dialog-intro{font-size:15px;color:var(--muted);margin:14px 0 22px;line-height:1.65;max-width:480px}
.dialog-close{right:14px;top:10px;width:40px;height:40px;display:grid;place-items:center;font-size:26px;color:#9d968b;border-radius:50%;transition:color .2s,background .2s}
.dialog-close:hover{color:#fff;background:#ffffff10}
.join-form{display:grid;gap:14px}
.join-form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.join-form>label,.join-form .row>label{display:grid;gap:7px;font-family:var(--display);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#a89f92}
.join-form input:not([type=checkbox]),.join-form select{height:52px;padding:0 16px;background:#0d0e11;border:1px solid #3a3329;border-radius:0;color:#f6f1ea;font-size:15px;font-family:var(--body);text-transform:none;letter-spacing:0;transition:border-color .2s,background .2s;box-shadow:inset 0 1px 0 #ffffff05}
.join-form input:not([type=checkbox])::placeholder{color:#6f685e}
.join-form input:not([type=checkbox]):hover,.join-form select:hover{border-color:#5a4d3b}
.join-form input:not([type=checkbox]):focus,.join-form select:focus{border-color:var(--gold-bright);outline:none;background:#0f1013}
.join-form select{-webkit-appearance:none;appearance:none;padding-right:44px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23c9a977' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}
.join-form fieldset{border:0;padding:0;margin:0;display:grid;gap:9px;grid-template-columns:none}
.join-form legend{font-family:var(--display);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#a89f92;padding:0;margin-bottom:9px}
.join-form .chips{display:flex;flex-wrap:wrap;gap:8px}
.join-form .chips label{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #3a3329;background:#0d0e11;color:#d6cdbf;font-size:13px;font-family:var(--body);letter-spacing:0;text-transform:none;cursor:pointer;user-select:none;transition:border-color .2s,background .2s,color .2s}
.join-form .chips label::before{content:'';width:8px;height:8px;border-radius:50%;border:1px solid #6a5d49;transition:background .2s,border-color .2s}
.join-form .chips label:hover{border-color:#6a5d49}
.join-form .chips label:has(input:checked){border-color:var(--gold);background:#c9a97714;color:#f3ebdc}
.join-form .chips label:has(input:checked)::before{background:var(--gold-bright);border-color:var(--gold-bright)}
.join-form .chips input{position:absolute;opacity:0;width:0;height:0;margin:0}
.join-form .consent{display:flex;gap:12px;align-items:start;font-family:var(--body);font-size:13px;color:#a89f92;text-transform:none;letter-spacing:0;line-height:1.55;cursor:pointer}
.join-form .consent a{color:var(--gold-bright);border-bottom:1px solid #8d755270}
.join-form .consent input,.member-check{-webkit-appearance:none;appearance:none;width:18px;height:18px;flex:0 0 18px;margin-top:1px;border:1px solid #6a5d49;background:#0d0e11;display:grid;place-items:center;cursor:pointer;transition:border-color .2s,background .2s}
.join-form .consent input::after{content:'';width:10px;height:6px;border-left:1.6px solid #17130e;border-bottom:1.6px solid #17130e;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.join-form .consent input:checked{background:var(--gold-bright);border-color:var(--gold-bright)}
.join-form .consent input:checked::after{opacity:1}
.join-form .consent input:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}
.form-footnote{font-size:12px;color:#7f776b;margin-top:2px}
.form-error{display:none;color:#e6a38a;font-size:13px;margin:0}
.form-error.visible{display:block}
.join-dialog .button-block{min-height:54px;font-size:11px;letter-spacing:.24em;margin-top:4px}
.join-form button[type=submit].is-busy{opacity:.6;pointer-events:none}
.join-success{display:none;text-align:left}
.join-success.visible{display:block}
.join-success h2{font-size:48px}
.join-success .steps{list-style:none;padding:0;margin:26px 0;border-top:1px solid #3d352c}
.join-success .steps li{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid #3d352c;color:#e6dccd;font-size:15px;line-height:1.5}
.join-success .steps li b{font-family:var(--display);font-size:10px;letter-spacing:.2em;color:var(--gold);padding-top:4px}
.join-success .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.join-dialog.is-success .join-form,.join-dialog.is-success .dialog-intro,.join-dialog.is-success #join-title,.join-dialog.is-success .join-kicker{display:none}

/* Dispatch popup */
.dispatch-popup{position:fixed;right:22px;bottom:22px;z-index:290;width:min(400px,calc(100vw - 44px));background:#0d0e10;border:1px solid var(--gold-line);padding:30px 30px 26px;box-shadow:0 30px 70px #000c;transform:translateY(24px);opacity:0;transition:opacity .45s ease,transform .45s ease}
.dispatch-popup.visible{opacity:1;transform:none}
.dispatch-popup .dialog-close{right:10px;top:6px;font-size:24px;color:#bdb6ac}
.dispatch-popup img{width:56px;margin-bottom:16px}
.dispatch-popup .kicker{margin-bottom:10px}
.dispatch-popup h3{font-size:30px;line-height:1.05;color:#f6f1ea}
.dispatch-popup p{font-size:14px;margin:12px 0 18px;color:var(--muted);line-height:1.6}
.dispatch-popup .inline-subscribe{max-width:none}
.dispatch-popup .inline-subscribe input{padding:14px 16px;font-size:14px}
.dispatch-popup .inline-subscribe button{padding:0 18px}
.dispatch-popup .subscribe-note{margin-top:10px;font-size:11px}

/* Legal pages */
.legal-page .wrap{max-width:820px}
.legal-page h1{font-size:clamp(42px,5vw,72px);margin:14px 0 30px}
.legal-page h2{font-size:30px;margin:40px 0 12px}
.legal-page p,.legal-page li{font-size:16px;line-height:1.8;color:#c9c2b8}
.legal-page ul{padding-left:20px}
.legal-page .placeholder{color:var(--gold-bright);background:#c9a97718;padding:0 5px}

/* ---------- Responsive ---------- */
@media(max-width:1050px){.article-subscribe .wrap{grid-template-columns:1fr}}
@media(max-width:760px){.reference-home .hero h1,.reference-home h1{font-size:clamp(34px,8.6vw,48px);max-width:none}.reference-home .hero-visual{inset:0}.reference-home .hero-visual img{-webkit-mask-image:none;mask-image:none}.join-form .row{grid-template-columns:1fr}.reference-home h1 em{font-size:.9em}.hero-actions{flex-direction:column}.hero-actions .button-gold{order:-1}.hero-actions .button{width:100%}.section-head h2,.reference-content-section .section-head h2{font-size:clamp(36px,9.5vw,52px)}.page-hero h1{font-size:clamp(42px,10vw,60px)}.story-grid.lead{grid-template-columns:1fr;gap:34px}.story-grid.lead .story-card:first-child .story-image{aspect-ratio:1.5}.story-grid.lead .story-card:not(:first-child){grid-template-columns:1fr 1fr}.reference-home .hero-bottom strong{font-size:15px}.join-dialog h2{font-size:36px}.join-success h2{font-size:38px}.dispatch-popup{right:12px;bottom:12px;left:12px;width:auto;padding:24px 22px 20px}.inline-subscribe{flex-direction:column}.inline-subscribe button{border-left:0;border-top:1px solid var(--gold-line);padding:14px}.footer-lead .inline-subscribe{max-width:none}}
@media(max-width:520px){.story-grid.lead .story-card:not(:first-child){grid-template-columns:1fr}.story-grid.lead .story-card:not(:first-child) .story-image{aspect-ratio:1.55}}
@media(prefers-reduced-motion:reduce){.dispatch-popup{transition:none}}

/* ======================================================================
   MOTION LAYER (sprint 1). All transitions disabled under reduced motion.
   ====================================================================== */
/* Header: transparent over the home hero, solid after scroll */
.site-header{transition:background .4s ease,border-color .4s ease,height .35s ease,box-shadow .4s ease}
body.on-home.at-top .site-header{background:transparent;border-bottom-color:transparent}
.site-header.scrolled{height:68px;background:rgba(4,5,6,.86);border-bottom-color:#8d755245;box-shadow:0 10px 40px #0008}
.site-header.scrolled .logo-link img{width:170px}
.logo-link img{transition:width .35s ease}
.site-header.scrolled .mobile-nav{top:68px}

/* Hero: slow drift on the image, scroll cue */
.reference-home .hero-visual img{transform-origin:62% 45%;animation:heroDrift 26s ease-in-out infinite alternate}
@keyframes heroDrift{from{transform:scale(1.04) translate(0,0)}to{transform:scale(1.1) translate(-1.5%,1%)}}
.scroll-cue{position:absolute;left:50%;bottom:22px;width:1px;height:54px;overflow:hidden;opacity:.6}
.scroll-cue span{display:block;width:1px;height:100%;background:linear-gradient(180deg,transparent,var(--gold-bright));animation:cue 2.2s ease-in-out infinite}
@keyframes cue{0%{transform:translateY(-100%)}60%{transform:translateY(0)}100%{transform:translateY(100%)}}

/* Constellation */
.constellation{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.constellation .c-group{transition:transform 1.2s cubic-bezier(.2,.7,.2,1);will-change:transform}
.constellation line{stroke:#e2c69a;stroke-opacity:.42;stroke-width:.8;transition:stroke-dashoffset 1.6s cubic-bezier(.3,.6,.2,1) var(--d,0s)}
.constellation circle{fill:#f1dcb8;opacity:0;transition:opacity .9s ease var(--d,0s)}
.constellation circle.halo{fill:none;stroke:#e2c69a;stroke-opacity:.35;stroke-width:.6;animation:pulse 4s ease-in-out infinite}
.constellation.drawn line{stroke-dashoffset:0!important}
.constellation.drawn circle{opacity:1}
@keyframes pulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.35);opacity:.15}}
.constellation circle.halo{transform-box:fill-box;transform-origin:center}
.reference-home .hero-visual .constellation{z-index:1;mix-blend-mode:screen}

/* Signature strip */
.signature-strip{position:relative;background:#050607;border-top:1px solid #8d755230;border-bottom:1px solid #8d755230;overflow:hidden;padding:clamp(90px,10vw,150px) 0;min-height:520px;display:flex;align-items:center}
.signature-photo{position:absolute;inset:0}
.signature-photo img{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:saturate(.85) brightness(.9);transform:scale(1.04);animation:heroDrift 30s ease-in-out infinite alternate-reverse}
.signature-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050607ee 0%,#050607b8 38%,#05060740 62%,#05060710 100%),linear-gradient(0deg,#050607e6 0%,transparent 30%,transparent 75%,#050607a0 100%)}
.signature-inner{width:100%}
.signature-strip .constellation{opacity:.55}
.signature-strip .constellation line{stroke-opacity:.28}
.signature-inner{position:relative;z-index:1}
.signature-strip h2{font-size:clamp(34px,4vw,66px);line-height:1.06;max-width:980px}
.signature-meta{display:grid;grid-template-columns:120px 1fr auto;gap:28px;align-items:center;margin-top:38px;max-width:980px}
.signature-meta p{font-size:16px;color:var(--muted);max-width:520px}
.draw-rule{display:block;height:1px;background:var(--gold);transform-origin:left;transform:scaleX(0);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.draw-rule.in{transform:scaleX(1)}

/* Word reveal for headlines */
[data-split] .w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
[data-split] .w>span{display:inline-block;transform:translateY(110%);opacity:0;transition:transform .9s cubic-bezier(.2,.7,.2,1) calc(var(--i)*55ms),opacity .6s ease calc(var(--i)*55ms)}
[data-split].in .w>span{transform:none;opacity:1}
[data-split] em{display:inline}
.reference-home h1 em{display:block}

/* Section heads: kicker and aside fade */
.section-head{opacity:0;transform:translateY(14px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.section-head.in{opacity:1;transform:none}

/* Image reveal: clip from the bottom, then gold hairline on hover */
.img-reveal{position:relative;overflow:hidden}
.img-reveal img{transform:translateY(101%) scale(1.08);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.img-reveal.in img{transform:none}
.story-card:hover .img-reveal.in img,.rail-card:hover .img-reveal.in img,.feature-photo.in:hover img{transform:scale(1.05)}
.img-reveal::after{content:'';position:absolute;inset:0;border:1px solid var(--gold-bright);opacity:0;transform:scale(.97);transition:opacity .4s ease,transform .5s ease;pointer-events:none}
.story-card:hover .img-reveal::after,.rail-card:hover .img-reveal::after{opacity:.75;transform:scale(1)}
.story-card{opacity:1}

/* Radar rail */
.radar-section{overflow:hidden}
.radar-head .section-head{margin-bottom:34px}
.radar-rail{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--side);padding:4px var(--side) 18px;scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch}
.radar-rail::-webkit-scrollbar{display:none}
.radar-rail.dragging{cursor:grabbing;scroll-snap-type:none}
.rail-card{flex:0 0 clamp(280px,30vw,420px);scroll-snap-align:start;opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);user-select:none}
.rail-card.in{opacity:1;transform:none}
.rail-card:nth-child(2){transition-delay:.08s}.rail-card:nth-child(3){transition-delay:.16s}.rail-card:nth-child(4){transition-delay:.24s}
.rail-image{aspect-ratio:1.3;overflow:hidden;background:#111;margin-bottom:18px}
.rail-image img{width:100%;height:100%;object-fit:cover}
.rail-card h3{font-family:var(--serif);font-size:28px;line-height:1.1;margin:10px 0 8px;color:#f4efe8}
.rail-card p{font-size:14px;color:var(--muted);line-height:1.6}
.rail-foot{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:28px}
.rail-progress{flex:1;max-width:320px;height:1px;background:#3d352c;position:relative}
.rail-progress span{position:absolute;left:0;top:-1px;height:3px;background:var(--gold);width:20%;transition:width .3s ease}

/* Pull quote */
.pull-quote{background:#070809;padding:clamp(80px,9vw,140px) 0;border-top:1px solid #8d755225}
.pull-quote .wrap{max-width:1100px}
.pull-quote .draw-rule{width:120px;margin-bottom:34px}
.pull-quote blockquote{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(32px,4.2vw,66px);line-height:1.12;color:#f3eee7;letter-spacing:-.012em}
.pull-quote blockquote em{font-style:italic;color:var(--gold-bright)}
.pull-quote .kicker{margin:34px 0 0}

/* Page transitions */
#app{transition:opacity .22s ease,transform .22s ease}
#app.page-leave{opacity:0;transform:translateY(6px)}
#app.page-enter{animation:pageIn .5s cubic-bezier(.2,.7,.2,1)}
@keyframes pageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.reading-progress.sweep{animation:sweep .7s cubic-bezier(.2,.7,.2,1)}
@keyframes sweep{0%{width:0;opacity:1}70%{width:100%;opacity:1}100%{width:100%;opacity:0}}

/* Dialog and popup motion */
.modal-overlay{opacity:0;transition:opacity .3s ease}
.modal-overlay.open{opacity:1}
.join-dialog{transform:translateY(18px) scale(.985);opacity:0;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .35s ease}
.modal-overlay.open .join-dialog{transform:none;opacity:1}
.story-card .read-more::after{content:'\2192';display:inline-block;margin-left:8px;transform:translateX(-4px);opacity:0;transition:transform .3s ease,opacity .3s ease}
.story-card:hover .read-more::after{transform:none;opacity:1}
.button{position:relative;overflow:hidden}
.button-gold::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff55 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s ease}
.button-gold:hover::after{transform:translateX(120%)}

@media(max-width:760px){.signature-meta{grid-template-columns:1fr}.signature-meta .draw-rule{width:80px}.rail-card{flex-basis:78vw}.scroll-cue{display:none}.site-header.scrolled{height:64px}}
@media(prefers-reduced-motion:reduce){.reference-home .hero-visual img{animation:none}.scroll-cue{display:none}[data-split] .w>span{transform:none;opacity:1;transition:none}.img-reveal img{transform:none;transition:none}.draw-rule{transform:none}.section-head,.rail-card{opacity:1;transform:none;transition:none}.constellation line{stroke-dashoffset:0!important;transition:none}.constellation circle{opacity:1;transition:none;animation:none}#app{transition:none}#app.page-enter{animation:none}.join-dialog{transform:none;opacity:1;transition:none}.modal-overlay{transition:none;opacity:1}.button-gold::after{display:none}}

/* Coming soon markers */
.desktop-nav .soon{font-size:8px;letter-spacing:.14em;color:var(--gold-bright);margin-left:3px;vertical-align:top;position:relative;top:-1px}
.status-pill{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:9px 14px;border:1px solid #8d7552;color:#e8dcc6;font-family:var(--display);font-size:10px;letter-spacing:.2em;text-transform:uppercase}
.status-pill::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 0 0 #e2c69a80;animation:pillPulse 2.4s ease-out infinite}
@keyframes pillPulse{0%{box-shadow:0 0 0 0 #e2c69a80}100%{box-shadow:0 0 0 10px #e2c69a00}}
.page-hero .status-pill+div{margin-top:22px}

/* Purpose block under the home hero */
.purpose-section{padding-block:86px 70px}
.purpose-values{margin-top:44px}
.purpose-values .about-value h3{font-size:26px;margin:22px 0 12px}
.purpose-values .about-value p{margin-bottom:16px}
.purpose-values .text-link{background:none;border:0;border-bottom:1px solid currentColor;padding:0;font:inherit;cursor:pointer}
@media(max-width:860px){.purpose-values{grid-template-columns:1fr;gap:34px}.purpose-section{padding-block:60px 40px}}