:root {
  --paper: #fbf6eb;
  --ink: #183148;
  --coral: #fb6b47;
  --yellow: #ffd04b;
  --teal: #69c9c1;
  --sky: #9edee0;
  --violet: #a891cf;
  --peach: #ffab77;
  --line: #cfd7d3;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: "DM Sans", sans-serif; letter-spacing: -.01em; }
a { color: inherit; }
.site-header, footer { display: flex; align-items: center; justify-content: space-between; padding: 24px 5vw; }
.site-header { position: relative; z-index: 3; border-bottom: 1px solid var(--ink); }
.wordmark { font: 600 32px/1 "Fraunces", serif; text-decoration: none; }
nav { display: flex; gap: 28px; font-size: 15px; font-weight: 600; }
nav a, .back-link { text-decoration: none; border-bottom: 2px solid transparent; }
nav a:hover, .back-link:hover { border-color: var(--coral); }
.hero { min-height: calc(100vh - 84px); display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr); padding: 8vh 7vw 10vh; gap: 44px; overflow: hidden; }
.hero-copy { align-self: center; position: relative; z-index: 2; }
.eyebrow { margin: 0 0 18px; color: var(--coral); font-size: 13px; font-weight: 700; text-transform: uppercase; }
.name-convergence { min-height: 205px; position: relative; display: grid; align-items: center; }
.name { grid-area: 1 / 1; font: 600 88px/1 "Fraunces", serif; color: var(--ink); animation: converge 2.2s cubic-bezier(.48,.01,.21,1) forwards; }
.name-aubrey { transform: translateX(-12%); }
.name-rodney { transform: translateX(55%); color: var(--coral); animation-name: converge-right; }
.final-name { grid-area: 1 / 1; margin: 0; font: 600 126px/1 "Fraunces", serif; letter-spacing: 0; opacity: 0; transform: translateY(14px); animation: reveal .55s 2.05s ease-out forwards; }
.hero-statement { max-width: 540px; margin: 16px 0 30px; font: 500 27px/1.24 "DM Sans", sans-serif; }
.button { display: inline-flex; align-items: center; gap: 12px; border: 0; border-radius: 999px; background: var(--coral); color: var(--ink); padding: 16px 24px; font: 700 16px/1 "DM Sans", sans-serif; text-decoration: none; cursor: pointer; }
.button:hover { background: var(--yellow); }
.hero-actions, .closing-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; }
.quiet-link { font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.hero-cta { opacity: 0; animation: reveal .45s 2.8s ease-out forwards; }
.hero-art { position: relative; min-height: 520px; background: var(--sky); overflow: hidden; }
.sun-mark { position: absolute; width: 330px; height: 330px; border-radius: 50%; background: var(--yellow); right: 10%; top: 11%; }
.route { position: absolute; width: 350px; height: 220px; border: 17px solid var(--ink); border-left: 0; border-bottom: 0; border-radius: 0 220px 0 0; transform: rotate(-24deg); }
.route-one { left: -120px; bottom: 37px; }
.route-two { right: -255px; bottom: 96px; border-color: var(--coral); transform: rotate(25deg); }
.spark { position: absolute; font: 600 90px/1 "Fraunces", serif; color: var(--coral); }
.spark-one { left: 17%; top: 19%; }.spark-two { right: 20%; bottom: 21%; color: var(--ink); }
.idea-strip { position: absolute; right: 0; bottom: 0; width: 67%; padding: 29px 32px; background: var(--ink); color: var(--paper); font: 600 24px/1.08 "Fraunces", serif; }
.manifesto { padding: 110px 12vw; display: grid; grid-template-columns: 22% 1fr; gap: 42px; border-top: 1px solid var(--ink); }
.section-label { font-weight: 700; color: var(--coral); text-transform: uppercase; font-size: 13px; }
h2 { margin: 0; font: 600 52px/1.04 "Fraunces", serif; }
.manifesto p { grid-column: 2; max-width: 680px; margin: 0; font-size: 20px; line-height: 1.45; }
.proof-section { padding: 0 7vw 110px; display: grid; grid-template-columns: 1.35fr .65fr; gap: 58px; align-items: stretch; }
.proof-copy { border-top: 12px solid var(--coral); padding: 42px 0 0; }.proof-copy p { max-width: 730px; font-size: 19px; line-height: 1.52; }
.number-panel { background: var(--ink); color: var(--paper); padding: 48px 40px; display: flex; flex-direction: column; justify-content: space-between; }.number-panel span { color: var(--yellow); font-size: 14px; text-transform: uppercase; font-weight: 700; }.number-panel strong { font: 600 128px/1 "Fraunces", serif; color: var(--sky); }.number-panel p { font: 500 22px/1.15 "Fraunces", serif; }
.ways { padding: 100px 7vw; background: var(--teal); }.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 36px; }.ways-list { margin-top: 64px; border-top: 1px solid var(--ink); }.ways-list article { display: grid; grid-template-columns: 110px 1fr 1.3fr; gap: 26px; padding: 32px 0; border-bottom: 1px solid var(--ink); }.way-number { color: var(--coral); font: 600 31px/1 "Fraunces", serif; }.ways h3 { margin: 0; font: 600 28px/1.12 "Fraunces", serif; }.ways-list p { margin: 0; font-size: 17px; line-height: 1.45; }
.beta-band { padding: 105px 7vw; background: var(--ink); color: var(--paper); display: grid; grid-template-columns: 1.2fr .8fr; gap: 7vw; align-items: end; }.beta-band .eyebrow { color: var(--yellow); }.beta-band h2 { max-width: 790px; }.beta-band-copy { max-width: 470px; }.beta-band-copy p { font-size: 18px; line-height: 1.5; margin: 0 0 27px; }.button-light { background: var(--yellow); color: var(--ink); }.button-light:hover { background: var(--paper); }
.people-section { padding: 130px 7vw; display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }.people-art { min-height: 430px; position: relative; background: var(--yellow); overflow: hidden; }.note { position: absolute; display: block; background: var(--paper); padding: 20px; font: 600 23px/1.05 "Fraunces", serif; }.note-one { width: 46%; left: 10%; top: 15%; }.note-two { width: 48%; right: -6%; top: 39%; }.note-three { width: 43%; left: 19%; bottom: 9%; }.star-shape { position: absolute; right: 12%; top: 8%; font: 600 115px/1 "Fraunces", serif; color: var(--coral); }.people-copy p:not(.eyebrow) { font-size: 19px; line-height: 1.5; }.text-link { font-weight: 700; text-decoration-thickness: 2px; text-underline-offset: 5px; }
.closing { padding: 125px 7vw; background: var(--coral); text-align: center; }.closing h2 { max-width: 900px; margin: 0 auto 34px; }.button-dark { background: var(--ink); color: var(--paper); }.button-dark:hover { background: var(--paper); color: var(--ink); }
footer { border-top: 1px solid var(--ink); font-size: 15px; } footer span { font: 600 28px/1 "Fraunces", serif; } footer a { font-weight: 700; }
.contact-hero { min-height: calc(100vh - 164px); padding: 8vh 12vw 10vh; display: grid; grid-template-columns: .8fr 1.2fr; gap: 8vw; align-items: start; }.contact-hero h1 { margin: 0 0 22px; font: 600 76px/1 "Fraunces", serif; }.contact-hero > div > p:not(.eyebrow):not(.direct-email) { font-size: 20px; line-height: 1.5; }.direct-email { margin-top: 42px; font-weight: 700; }.contact-hero form { padding: 36px; background: var(--sky); display: grid; gap: 19px; }.contact-hero label { display: grid; gap: 8px; font-weight: 700; }.contact-hero input, .contact-hero textarea { border: 1px solid var(--ink); border-radius: 0; padding: 13px; background: var(--paper); color: var(--ink); font: 400 16px/1.35 "DM Sans", sans-serif; }.form-note { margin: 0; font-size: 13px; line-height: 1.4; }.form-note code { font-family: inherit; font-weight: 700; }
.beta-hero { padding: 8vh 7vw 11vh; display: grid; grid-template-columns: minmax(260px, .8fr) minmax(400px, 1.2fr); gap: 8vw; align-items: start; }.beta-intro { padding-top: 34px; }.beta-intro h1 { margin: 0 0 24px; font: 600 68px/1 "Fraunces", serif; }.beta-intro > p:not(.eyebrow) { max-width: 430px; font-size: 20px; line-height: 1.48; }.path-chooser { display: grid; gap: 14px; margin-top: 36px; }.path-button { display: block; padding: 19px 20px; border: 1px solid var(--ink); background: transparent; text-decoration: none; font: 600 20px/1.1 "Fraunces", serif; }.path-button:hover { background: var(--coral); }.beta-tabs { display: flex; gap: 0; border-bottom: 1px solid var(--ink); }.beta-tab { flex: 1; border: 1px solid var(--ink); border-bottom: 0; padding: 17px 18px; background: transparent; color: var(--ink); font: 600 19px/1.1 "Fraunces", serif; text-align: left; cursor: pointer; }.beta-tab + .beta-tab { border-left: 0; }.beta-tab:hover, .beta-tab:focus-visible { background: var(--peach); outline: 3px solid var(--ink); outline-offset: -3px; }.beta-tab.is-active { background: var(--yellow); }.beta-card { background: var(--yellow); border: 1px solid var(--ink); padding: 37px; }.beta-panel { border-top: 0; }.beta-panel#pilot { background: var(--sky); }.beta-card h2 { font-size: 36px; margin-bottom: 12px; }.beta-card .intro { margin: 0 0 28px; line-height: 1.45; }.beta-card form { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }.beta-card label { display: grid; gap: 8px; font-size: 14px; font-weight: 700; }.beta-card label.full, .beta-card .full { grid-column: 1 / -1; }.beta-card input, .beta-card select, .beta-card textarea { width: 100%; border: 1px solid var(--ink); border-radius: 0; padding: 13px; background: var(--paper); color: var(--ink); font: 400 16px/1.35 "DM Sans", sans-serif; }.beta-card textarea { min-height: 108px; resize: vertical; }.beta-card .check { display: flex; align-items: flex-start; gap: 10px; font-weight: 500; line-height: 1.35; }.beta-card .check input { width: auto; margin-top: 3px; }.beta-note { margin: 22px 0 0; font-size: 13px; line-height: 1.45; }
@keyframes converge { 0% { opacity: 1; transform: translateX(-12%); } 82% { opacity: 1; transform: translateX(24%); } 100% { opacity: 0; transform: translateX(29%); } } @keyframes converge-right { 0% { opacity: 1; transform: translateX(55%); } 82% { opacity: 1; transform: translateX(22%); } 100% { opacity: 0; transform: translateX(16%); } } @keyframes reveal { to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }.name { display: none; }.final-name, .hero-cta { opacity: 1; transform: none; } }
@media (max-width: 850px) { .site-header { padding: 18px 7vw; }.site-header nav { gap: 15px; font-size: 13px; }.hero, .proof-section, .people-section, .contact-hero, .beta-band, .beta-hero { grid-template-columns: 1fr; }.hero { padding: 9vh 7vw; }.hero-art { min-height: 360px; }.name { font-size: 58px; }.final-name { font-size: 83px; }.hero-statement { font-size: 23px; }.manifesto { padding: 80px 7vw; grid-template-columns: 1fr; }.manifesto p { grid-column: 1; }.proof-section { padding: 0 7vw 80px; }.number-panel strong { font-size: 100px; }.ways { padding: 80px 7vw; }.section-heading { display: block; }.ways-list { margin-top: 42px; }.ways-list article { grid-template-columns: 72px 1fr; }.ways-list p { grid-column: 2; }.people-section { padding: 80px 7vw; }.contact-hero, .beta-hero { padding: 7vh 7vw; }.contact-hero h1 { font-size: 59px; }.beta-intro h1 { font-size: 56px; } h2 { font-size: 43px; } }
@media (max-width: 520px) { .site-header nav { display: none; }.wordmark { font-size: 29px; }.hero { min-height: auto; }.name-convergence { min-height: 137px; }.name { font-size: 37px; }.final-name { font-size: 62px; }.hero-art { min-height: 300px; }.sun-mark { width: 225px; height: 225px; }.idea-strip { width: 84%; font-size: 19px; }.ways-list article { grid-template-columns: 1fr; gap: 12px; }.ways-list p { grid-column: 1; }.contact-hero form, .beta-card { padding: 24px; }.contact-hero h1, .beta-intro h1 { font-size: 50px; }.beta-tabs { display: grid; }.beta-tab + .beta-tab { border-left: 1px solid var(--ink); border-top: 0; }.beta-card form { grid-template-columns: 1fr; }.beta-card label.full, .beta-card .full { grid-column: auto; } }

/* Aubney home — The Worldbuilder with Good Neighbor utility */
.aubney-home { --aubney-paper: #f2eddf; --aubney-ink: #183039; --aubney-red: #e45235; --aubney-sun: #e7bd36; --aubney-mint: #a8c8b3; --aubney-blue: #b7d0d8; background: var(--aubney-paper); color: var(--aubney-ink); }
.aubney-home .field-header { min-height: 86px; padding: 18px 4.6vw; display: grid; grid-template-columns: 1fr auto 1fr; gap: 32px; align-items: center; border-bottom: 1px solid var(--aubney-ink); }
.field-mark { font: 600 33px/1 "Fraunces", serif; text-decoration: none; }.field-edition { margin: 0; text-align: center; font-size: 10px; font-weight: 700; letter-spacing: .11em; line-height: 1.45; text-transform: uppercase; }.field-header nav { justify-content: flex-end; gap: 22px; font-size: 13px; }.field-header nav a { text-underline-offset: 5px; }.field-header nav a:hover { color: var(--aubney-red); }
.opening-spread { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr); grid-template-rows: auto 1fr; min-height: min(800px, calc(100vh - 86px)); border-bottom: 1px solid var(--aubney-ink); }.opening-meta { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; padding: 13px 4.6vw; border-bottom: 1px solid var(--aubney-ink); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }.opening-meta span:nth-child(2) { text-align: center; }.opening-meta span:last-child { text-align: right; }.opening-copy { padding: clamp(58px, 9vw, 130px) 7vw clamp(65px, 7vw, 110px); align-self: center; }.field-kicker { margin: 0 0 18px; color: var(--aubney-red); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }.opening-copy h1 { margin: 0; font: 500 clamp(64px, 8.7vw, 139px)/.82 "Fraunces", serif; letter-spacing: -.075em; }.opening-copy h1 em { color: var(--aubney-red); font-style: normal; }.opening-deck { max-width: 510px; margin: 35px 0 28px; font-size: 20px; line-height: 1.38; }.opening-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }.field-button { display: inline-flex; gap: 11px; align-items: center; padding: 15px 19px; background: var(--aubney-ink); color: var(--aubney-paper); font-weight: 700; text-decoration: none; }.field-button:hover { background: var(--aubney-red); }.field-link { color: inherit; font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px; }.field-link:hover { color: var(--aubney-red); }.opening-plate { position: relative; overflow: hidden; min-height: 560px; background: var(--aubney-blue); border-left: 1px solid var(--aubney-ink); }.plate-sun { width: min(32vw, 430px); height: min(32vw, 430px); position: absolute; top: 12%; left: 14%; border-radius: 50%; background: var(--aubney-sun); }.plate-ring { position: absolute; width: 86%; aspect-ratio: 1; border: 1px solid var(--aubney-ink); border-radius: 50%; }.ring-one { right: -40%; bottom: -48%; }.ring-two { right: -54%; bottom: -21%; }.plate-route { position: absolute; height: 54%; width: 75%; bottom: -9%; left: -15%; border: 22px solid var(--aubney-ink); border-top: 0; border-left: 0; border-radius: 0 0 340px 0; transform: rotate(-15deg); }.plate-note { position: absolute; margin: 0; padding: 13px 15px; background: var(--aubney-paper); font: 600 18px/1.02 "Fraunces", serif; }.note-top { top: 14%; right: 8%; transform: rotate(6deg); }.note-bottom { bottom: 22%; left: 10%; transform: rotate(-6deg); }.plate-caption { position: absolute; right: 0; bottom: 0; width: 74%; padding: 24px 28px; background: var(--aubney-ink); color: var(--aubney-paper); font: 500 23px/1.03 "Fraunces", serif; }
.premise-spread { position: relative; display: grid; grid-template-columns: 1fr 2fr; gap: 6vw; padding: 140px 9vw 155px; }.chapter-label { display: flex; flex-direction: column; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }.chapter-label span:first-child { color: var(--aubney-red); font-size: 30px; font-family: "Fraunces", serif; letter-spacing: 0; }.premise-statement h2, .long-view h2, .routes h2, .portrait-copy h2, .participation-spread h2, .field-closing h2 { font: 500 clamp(43px, 5.2vw, 78px)/.98 "Fraunces", serif; letter-spacing: -.055em; }.premise-body { grid-column: 2; max-width: 685px; margin: -10px 0 0; font-size: 21px; line-height: 1.45; }.margin-note { position: absolute; bottom: 34px; right: 10vw; width: min(285px, 36vw); padding-top: 12px; border-top: 2px solid var(--aubney-red); }.margin-note span { font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }.margin-note p { font: 500 19px/1.12 "Fraunces", serif; }
.long-view { display: grid; grid-template-columns: 1.25fr .75fr; gap: 7vw; padding: 125px 7vw; background: var(--aubney-mint); }.long-view-copy { max-width: 800px; }.long-view-copy > p:last-child { max-width: 640px; margin: 32px 0 0; font-size: 19px; line-height: 1.48; }.counter-card { min-height: 420px; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; background: var(--aubney-ink); color: var(--aubney-paper); }.counter-card span, .counter-card small { max-width: 220px; font-size: 11px; font-weight: 700; letter-spacing: .09em; line-height: 1.25; text-transform: uppercase; }.counter-card strong { margin: 30px -5px; color: var(--aubney-sun); font: 500 clamp(100px, 13vw, 190px)/.8 "Fraunces", serif; letter-spacing: -.09em; }
.routes { padding: 132px 7vw; }.routes-heading { display: grid; grid-template-columns: 1fr 2fr; gap: 6vw; align-items: start; }.route-list { margin: 86px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--aubney-ink); }.route-list li { display: grid; grid-template-columns: 10% 1fr auto; gap: 35px; padding: 36px 0 42px; border-bottom: 1px solid var(--aubney-ink); }.route-index { color: var(--aubney-red); font: 500 31px/1 "Fraunces", serif; }.route-list h3 { margin: 0 0 14px; font: 500 34px/1 "Fraunces", serif; }.route-list p { max-width: 610px; margin: 0; font-size: 18px; line-height: 1.43; }.route-mark { align-self: center; font-size: 30px; }
.portrait-spread { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; background: var(--aubney-sun); }.portrait-plate { position: relative; min-height: 620px; overflow: hidden; border-right: 1px solid var(--aubney-ink); }.portrait-frame { position: absolute; inset: 13% 16%; border: 1px solid var(--aubney-ink); transform: rotate(-5deg); }.portrait-plate p { position: absolute; max-width: 220px; margin: 0; padding: 15px; background: var(--aubney-paper); font: 500 22px/1.02 "Fraunces", serif; }.portrait-plate p:nth-of-type(1) { top: 22%; left: 9%; transform: rotate(-8deg); }.portrait-plate p:nth-of-type(2) { right: 4%; bottom: 19%; transform: rotate(6deg); }.portrait-plate span { position: absolute; top: 10%; right: 13%; color: var(--aubney-red); font-size: 104px; }.portrait-copy { padding: 130px 10%; align-self: center; }.portrait-copy p:not(.field-kicker) { max-width: 570px; margin: 30px 0; font-size: 19px; line-height: 1.5; }
.participation-spread { display: grid; grid-template-columns: .95fr 1.05fr; gap: 7vw; padding: 125px 7vw; background: var(--aubney-paper); }.participation-cards { display: grid; gap: 16px; }.participation-cards a { min-height: 245px; display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--aubney-ink); text-decoration: none; }.participation-cards a:first-child { background: var(--aubney-blue); }.participation-cards a:last-child { background: var(--aubney-red); }.participation-cards a:hover { transform: translate(5px, -5px); box-shadow: -6px 6px 0 var(--aubney-ink); }.participation-cards span { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }.participation-cards h3 { margin: 26px 0 12px; font: 500 34px/1 "Fraunces", serif; }.participation-cards p { max-width: 410px; margin: 0; line-height: 1.43; }.participation-cards b { margin-top: auto; padding-top: 24px; }
.field-closing { position: relative; isolation: isolate; overflow: hidden; padding: 145px 7vw; text-align: center; background: var(--aubney-ink); color: var(--aubney-paper); }.closing-content { position: relative; z-index: 2; }.field-closing h2 { max-width: 865px; margin: 0 auto 35px; }.field-closing .field-kicker { color: var(--aubney-sun); }.field-button-light { background: var(--aubney-sun); color: var(--aubney-ink); }.field-button-light:hover { background: var(--aubney-paper); }.crowd-field { position: absolute; z-index: 1; inset: 9% 4%; display: grid; grid-template-columns: repeat(15, minmax(12px, 1fr)); gap: 13px 10px; align-content: center; opacity: .9; pointer-events: none; }.crowd-head { position: relative; display: block; width: 100%; aspect-ratio: .72; border-radius: 50% 50% 43% 43%; background: #27302d; }.crowd-head::after { content: ""; position: absolute; width: 155%; height: 66%; left: -27.5%; bottom: -26%; border-radius: 54% 54% 0 0; background: #27302d; }.crowd-head--open { z-index: 1; background: transparent; border: 2px solid var(--aubney-paper); box-shadow: 0 0 0 5px var(--aubney-ink); }.crowd-head--open::after { background: transparent; border: 2px solid var(--aubney-paper); border-bottom: 0; bottom: -26%; box-shadow: 0 6px 0 5px var(--aubney-ink); }.field-footer { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; padding: 27px 4.6vw; background: var(--aubney-paper); color: var(--aubney-ink); }.field-footer span { font: 600 30px/1 "Fraunces", serif; }.field-footer p { margin: 0; text-align: center; font-size: 13px; }.field-footer a { text-align: right; font-weight: 700; }
@media (max-width: 850px) { .aubney-home .field-header { grid-template-columns: 1fr auto; }.field-edition { display: none; }.field-header nav { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; }.opening-spread, .long-view, .portrait-spread, .participation-spread { grid-template-columns: 1fr; }.opening-copy { padding: 75px 7vw; }.opening-plate { min-height: 480px; border-top: 1px solid var(--aubney-ink); border-left: 0; }.premise-spread, .routes-heading { grid-template-columns: 1fr; }.premise-body { grid-column: 1; }.margin-note { position: static; width: 100%; margin-top: 42px; }.counter-card { min-height: 330px; }.portrait-plate { min-height: 480px; border-right: 0; border-bottom: 1px solid var(--aubney-ink); }.field-footer { grid-template-columns: 1fr; text-align: left; }.field-footer p, .field-footer a { text-align: left; } }
@media (max-width: 560px) { .aubney-home .field-header { padding: 17px 6vw; }.field-header nav { gap: 13px; flex-wrap: wrap; font-size: 12px; }.opening-meta { padding: 11px 6vw; }.opening-meta span:nth-child(2) { display: none; }.opening-meta { grid-template-columns: 1fr 1fr; }.opening-copy { padding: 67px 7vw; }.opening-copy h1 { font-size: clamp(59px, 17vw, 87px); }.opening-deck { font-size: 18px; }.opening-plate { min-height: 380px; }.plate-sun { width: 250px; height: 250px; }.plate-note { font-size: 16px; }.premise-spread, .long-view, .routes, .participation-spread { padding: 82px 7vw; }.premise-statement h2, .long-view h2, .routes h2, .portrait-copy h2, .participation-spread h2, .field-closing h2 { font-size: 43px; }.premise-body { font-size: 18px; }.route-list { margin-top: 55px; }.route-list li { grid-template-columns: 1fr auto; gap: 16px; }.route-index { grid-column: 1; }.route-list li div { grid-column: 1 / -1; }.route-mark { grid-column: 2; grid-row: 1; }.route-list h3 { font-size: 29px; }.portrait-copy { padding: 83px 7vw; }.portrait-plate { min-height: 390px; }.participation-cards h3 { font-size: 29px; }.field-closing { padding: 100px 7vw; }.field-footer { padding: 24px 7vw; } }

/* Worldbuilder reference pass: editorial image plate, specimen labels, exhibition contrast. */
.aubney-home { --aubney-paper: #efe7d5; --aubney-ink: #101513; --aubney-red: #db4b29; --aubney-sun: #d9aa33; --aubney-mint: #9db7a0; --aubney-blue: #174795; }
.aubney-home .opening-plate { background: var(--aubney-ink); }
.aubney-home .plate-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: screen; filter: grayscale(1) contrast(1.24) brightness(.73); }
.aubney-home .plate-grid { position: absolute; inset: 8% 11%; border: 1px solid rgba(239,231,213,.58); background: linear-gradient(90deg, transparent 49.8%, rgba(239,231,213,.38) 50%, transparent 50.2%), linear-gradient(0deg, transparent 49.8%, rgba(239,231,213,.38) 50%, transparent 50.2%); }
.aubney-home .plate-stamp { position: absolute; top: 9%; left: 10%; padding: 11px; background: var(--aubney-red); color: var(--aubney-ink); font-size: 10px; font-weight: 700; letter-spacing: .1em; line-height: 1.35; }
.aubney-home .plate-note { color: var(--aubney-ink); }.aubney-home .note-top { top: 22%; right: 6%; }.aubney-home .note-bottom { bottom: 22%; left: 7%; }.aubney-home .plate-caption { background: var(--aubney-blue); }
.aubney-home .counter-card { position: relative; overflow: hidden; }.aubney-home .counter-card::before { content: "1000"; position: absolute; right: -3%; bottom: -12%; color: rgba(239,231,213,.08); font: 400 230px/.8 "Bebas Neue", sans-serif; }.aubney-home .counter-card span, .aubney-home .counter-card small, .aubney-home .counter-card i { position: relative; max-width: 220px; font-size: 11px; font-style: normal; font-weight: 700; letter-spacing: .09em; line-height: 1.25; text-transform: uppercase; }.aubney-home .counter-card strong { position: relative; font-family: "Bebas Neue", sans-serif; font-weight: 400; letter-spacing: -.04em; }
.aubney-home .opening-copy h1 { font-family: "Bebas Neue", sans-serif; font-weight: 400; letter-spacing: -.025em; line-height: .84; }.aubney-home .opening-copy h1 em { font-family: "Fraunces", serif; font-size: .8em; letter-spacing: -.085em; }

/* Typographic companion seal — use beside, never instead of, the Aubney wordmark. */
.field-mark, .footer-mark { display: inline-flex; align-items: center; gap: 10px; }.aubney-seal { position: relative; flex: 0 0 auto; display: inline-block; width: 34px; height: 34px; overflow: hidden; border: 2px solid currentColor; border-radius: 50%; font-family: "Fraunces", serif; line-height: 1; }.aubney-seal i, .aubney-seal b { position: absolute; display: block; font-style: normal; font-weight: 600; letter-spacing: -.13em; }.aubney-seal i { top: 1px; left: 7px; font-size: 30px; }.aubney-seal b { top: 12px; left: 14px; font-size: 28px; }.field-footer .footer-mark { font: 600 30px/1 "Fraunces", serif; }.field-footer .footer-mark > span:last-child { font: inherit; }.field-footer .aubney-seal { width: 30px; height: 30px; }.field-footer .aubney-seal i { top: 1px; left: 6px; font-size: 27px; }.field-footer .aubney-seal b { top: 11px; left: 13px; font-size: 25px; }

.field-closing { background: #07100d; }
.field-closing .crowd-field { position: absolute; z-index: 2; inset: 0; height: 100%; display: block; background: url("assets/aubney-crowd-foreground.png") center top / 100% auto no-repeat; pointer-events: none; transition: opacity .12s linear, transform .05s linear; }.field-closing .crowd-field::after { content: none; }.field-closing .crowd-head { display: none; }
.field-closing .crowd-field--far { z-index: 2; opacity: calc(var(--crowd-reveal-far, 1) * .52); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 24%, #000 42%, transparent 50%); mask-image: linear-gradient(to bottom, transparent 0%, #000 24%, #000 42%, transparent 50%); transform: translateY(var(--crowd-far-offset, 0)); }
.field-closing .crowd-field--middle { z-index: 3; opacity: calc(var(--crowd-reveal-middle, 1) * .68); -webkit-mask-image: linear-gradient(to bottom, transparent 35%, #000 47%, #000 61%, transparent 70%); mask-image: linear-gradient(to bottom, transparent 35%, #000 47%, #000 61%, transparent 70%); transform: translateY(var(--crowd-middle-offset, 0)); }
.field-closing .crowd-field--near { z-index: 4; opacity: var(--crowd-reveal-near, 1); -webkit-mask-image: linear-gradient(to bottom, transparent 56%, #000 69%, #000 81%, transparent 89%); mask-image: linear-gradient(to bottom, transparent 56%, #000 69%, #000 81%, transparent 89%); transform: translateY(var(--crowd-near-offset, 0)); }
.field-closing .crowd-field--front { z-index: 5; opacity: var(--crowd-reveal-front, 1); -webkit-mask-image: linear-gradient(to bottom, transparent 78%, #000 91%, #000 100%); mask-image: linear-gradient(to bottom, transparent 78%, #000 91%, #000 100%); transform: translateY(var(--crowd-front-offset, 0)); }
.shooting-star { position: absolute; z-index: 1; inset: 0 0 auto; width: 100%; height: 58%; background: url("assets/aubney-meteors-transparent.png") center 7% / 29% auto no-repeat; pointer-events: none; transform: translateY(var(--meteor-offset, 0)); transition: transform .05s linear; }.shooting-star::before, .shooting-star::after { content: none; }
.closing-content { z-index: 6; }
@media (prefers-reduced-motion: reduce) { .field-closing .crowd-field, .shooting-star { transform: none; transition: none; } }

.aubney-seal--block { border: 2px solid var(--aubney-ink); border-radius: 0; background: var(--aubney-ink); color: var(--aubney-paper); }.aubney-seal--block i { top: 1px; left: 6px; }.aubney-seal--block b { top: 12px; left: 13px; }

/* Selected block mark: reduced internal glyphs so the letterpress form has breathing room. */
.field-mark { display: inline-flex; align-items: center; gap: 9px; font: 600 38px/1 "Fraunces", serif; letter-spacing: -.06em; }
.field-mark .aubney-seal { width: 27px; height: 27px; border-width: 1px; }
.field-mark .aubney-seal i { top: 1px; left: 5px; font-size: 21px; letter-spacing: -.15em; }
.field-mark .aubney-seal b { top: 10px; left: 12px; font-size: 18px; letter-spacing: -.15em; }
.footer-mark { display: inline-flex; align-items: center; gap: 8px; font: 600 30px/1 "Fraunces", serif; letter-spacing: -.06em; }
.footer-mark .aubney-seal { width: 22px; height: 22px; border-width: 1px; }
.footer-mark .aubney-seal i { top: 1px; left: 4px; font-size: 17px; letter-spacing: -.15em; }
.footer-mark .aubney-seal b { top: 8px; left: 10px; font-size: 15px; letter-spacing: -.15em; }
.field-footer p { display: flex; flex-direction: column; align-items: center; gap: 16px; }.field-footer .footer-glyph { width: 72px; height: 72px; border-width: 2px; color: var(--aubney-paper); }.field-footer .footer-glyph i { top: 2px; left: 13px; font-size: 59px; letter-spacing: -.15em; }.field-footer .footer-glyph b { top: 28px; left: 33px; font-size: 51px; letter-spacing: -.15em; }
.premise-spread { grid-template-rows: auto auto auto; }
.margin-note { position: static; grid-column: 2; width: min(385px, 100%); margin: 42px 0 0; justify-self: end; border-top-width: 1px; }
.participation-spread { align-items: start; }
.participation-cards { gap: 0; border-top: 1px solid var(--aubney-ink); }
.participation-cards a, .participation-cards a:first-child, .participation-cards a:last-child { position: relative; min-height: 0; padding: 34px 0 38px 92px; border: 0; border-bottom: 1px solid var(--aubney-ink); background: transparent; box-shadow: none; }
.participation-cards a::before { position: absolute; top: 37px; left: 0; color: var(--aubney-red); font: 500 28px/1 "Fraunces", serif; }
.participation-cards a:first-child::before { content: "01"; }
.participation-cards a:last-child::before { content: "02"; }
.participation-cards a:hover { transform: none; box-shadow: none; color: var(--aubney-red); }
.participation-cards span { margin-bottom: 16px; }
.participation-cards h3 { margin: 0 0 12px; font-size: clamp(32px, 3.1vw, 48px); }
.participation-cards p { max-width: 530px; }
.participation-cards b { margin-top: 24px; padding-top: 0; }
@media (max-width: 560px) { .margin-note { grid-column: 1; justify-self: stretch; }.participation-cards a, .participation-cards a:first-child, .participation-cards a:last-child { padding-left: 52px; }.participation-cards a::before { font-size: 22px; } }

/* Future betas belongs to the same fieldwork system: paper, rules, and measured signals. */
.aubney-beta { --aubney-paper: #efe7d5; --aubney-ink: #101513; --aubney-red: #db4b29; --aubney-sun: #d9aa33; background: var(--aubney-paper); color: var(--aubney-ink); }
.aubney-beta .field-header { min-height: 86px; padding: 18px 4.6vw; display: grid; grid-template-columns: 1fr auto 1fr; gap: 32px; align-items: center; border-bottom: 1px solid var(--aubney-ink); }
.aubney-beta .field-header nav { display: flex; justify-content: flex-end; gap: 22px; font-size: 13px; }.aubney-beta .field-header nav a { color: inherit; }.aubney-beta .field-header nav a:hover { color: var(--aubney-red); }
.aubney-beta .beta-hero { padding: clamp(60px, 8vw, 120px) 7vw; grid-template-columns: minmax(270px, .74fr) minmax(450px, 1.26fr); gap: clamp(45px, 7vw, 115px); }
.aubney-beta .beta-intro { padding-top: 8px; }.aubney-beta .eyebrow { color: var(--aubney-red); letter-spacing: .08em; }.aubney-beta .beta-intro h1 { font-size: clamp(55px, 5.1vw, 82px); letter-spacing: -.055em; }.aubney-beta .beta-intro > p:not(.eyebrow) { font-size: 19px; }
.aubney-beta .path-button { padding: 18px 20px; border-color: var(--aubney-ink); background: transparent; color: inherit; }.aubney-beta .path-button:hover { background: var(--aubney-ink); color: var(--aubney-paper); }
.aubney-beta #path-options { border-top: 3px solid var(--aubney-red); }.aubney-beta .beta-tabs { border-bottom: 1px solid var(--aubney-ink); }.aubney-beta .beta-tab { padding: 20px 24px; background: var(--aubney-paper); color: var(--aubney-ink); }.aubney-beta .beta-tab:hover, .aubney-beta .beta-tab:focus-visible { background: #e6dcc7; outline: 0; }.aubney-beta .beta-tab.is-active { background: var(--aubney-ink); color: var(--aubney-paper); }
.aubney-beta .beta-card, .aubney-beta .beta-panel#pilot { padding: clamp(28px, 3.3vw, 52px); background: var(--aubney-paper); border: 1px solid var(--aubney-ink); border-top: 0; }.aubney-beta .beta-card h2 { margin-top: 0; font-size: clamp(39px, 4vw, 60px); }.aubney-beta .beta-card .intro { max-width: 700px; padding-bottom: 25px; border-bottom: 1px solid var(--aubney-ink); }.aubney-beta .beta-card label { font-size: 13px; letter-spacing: .02em; }.aubney-beta .beta-card input, .aubney-beta .beta-card select, .aubney-beta .beta-card textarea { background: #f8f3e8; border-color: var(--aubney-ink); }.aubney-beta .button-dark { background: var(--aubney-ink); color: var(--aubney-paper); }.aubney-beta .button-dark:hover { background: var(--aubney-red); }.aubney-beta .beta-note { padding-top: 16px; border-top: 1px solid var(--aubney-ink); }
.aubney-beta footer { background: var(--aubney-ink); color: var(--aubney-paper); }
@media (max-width: 850px) { .aubney-beta .field-header { grid-template-columns: 1fr auto; }.aubney-beta .field-edition { display: none; }.aubney-beta .field-header nav { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; }.aubney-beta .beta-hero { grid-template-columns: 1fr; } }

/* Contact carries the homepage's exhibition-plate treatment rather than a utility-page header. */
.contact-page { --aubney-paper: #efe7d5; --aubney-ink: #101513; --aubney-red: #db4b29; --aubney-sun: #d9aa33; background: var(--aubney-paper); color: var(--aubney-ink); }
.contact-page .field-header { min-height: 86px; padding: 18px 4.6vw; display: grid; grid-template-columns: 1fr auto 1fr; gap: 32px; align-items: center; border-bottom: 1px solid var(--aubney-ink); }.contact-page .field-header nav { display: flex; justify-content: flex-end; gap: 22px; font-size: 13px; }.contact-page .field-header nav a { color: inherit; }.contact-page .field-header nav a:hover { color: var(--aubney-red); }
.contact-page .contact-hero { position: relative; min-height: calc(100vh - 86px); padding: clamp(65px, 9vw, 135px) 9vw; grid-template-columns: minmax(270px, .8fr) minmax(430px, 1.2fr); gap: clamp(50px, 9vw, 145px); }.contact-page .contact-hero::before { content: "02—CONTACT / WHAT IS REAL"; position: absolute; top: 0; left: 0; right: 0; padding: 12px 4.6vw; border-bottom: 1px solid var(--aubney-ink); color: var(--aubney-red); font-size: 11px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }.contact-page .contact-hero > div { align-self: center; }.contact-page .contact-hero h1 { font-size: clamp(61px, 6.3vw, 99px); line-height: .9; letter-spacing: -.065em; }.contact-page .contact-hero .eyebrow { color: var(--aubney-red); letter-spacing: .1em; }.contact-page .contact-hero > div > p:not(.eyebrow):not(.direct-email) { max-width: 495px; font-size: 20px; }.contact-page .direct-email { padding-top: 17px; border-top: 1px solid var(--aubney-ink); }
.contact-page .contact-form-plate { position: relative; padding: 78px 38px 38px; background: var(--aubney-ink); color: var(--aubney-paper); outline: 1px solid var(--aubney-ink); outline-offset: 8px; }.contact-page .form-plate-label { position: absolute; top: 0; left: 0; margin: 0; padding: 12px 14px; background: var(--aubney-red); color: var(--aubney-ink); font-size: 10px; font-weight: 700; letter-spacing: .1em; line-height: 1.35; text-transform: uppercase; }.contact-page .contact-form-plate label { color: var(--aubney-paper); }.contact-page .contact-form-plate input, .contact-page .contact-form-plate textarea { background: var(--aubney-paper); }.contact-page .contact-form-plate .button { background: var(--aubney-sun); color: var(--aubney-ink); border-radius: 0; }.contact-page .contact-form-plate .button:hover { background: var(--aubney-red); }.contact-page .contact-form-plate .form-note { color: var(--aubney-paper); }
.aubney-beta .beta-hero::before { content: "01—FUTURE BETAS / FIND THE USEFUL FIT"; grid-column: 1 / -1; padding-bottom: 12px; border-bottom: 1px solid var(--aubney-ink); color: var(--aubney-red); font-size: 11px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }.aubney-beta .beta-hero { padding-top: 18px; }.aubney-beta .beta-intro { padding-top: clamp(45px, 6vw, 90px); }.aubney-beta #path-options { margin-top: clamp(35px, 5vw, 72px); position: relative; }.aubney-beta #path-options::after { content: "FIELD NOTES / INVITATION, NOT A PROMISE"; position: absolute; right: 0; bottom: -30px; font-size: 10px; font-weight: 700; letter-spacing: .1em; }
@media (max-width: 850px) { .contact-page .field-header { grid-template-columns: 1fr auto; }.contact-page .field-edition { display: none; }.contact-page .field-header nav { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; }.contact-page .contact-hero { grid-template-columns: 1fr; }.contact-page .contact-form-plate { margin-top: 35px; }.aubney-beta .beta-hero::before { grid-column: 1; } }

/* The three ways are a fieldwork chapter, not a generic services list. */
.aubney-home .routes { padding: 0 7vw 74px; background: var(--aubney-paper); }.aubney-home .routes-heading { min-height: 0; padding: 94px 0 48px; grid-template-columns: .46fr 1.54fr; gap: 6vw; align-items: start; background: transparent; color: var(--aubney-ink); border-bottom: 1px solid var(--aubney-ink); }.aubney-home .routes-heading .chapter-label { padding-top: 9px; }.aubney-home .routes-heading .chapter-label span:first-child { color: var(--aubney-red); }.aubney-home .routes-heading .chapter-label span:last-child { color: var(--aubney-ink); }.aubney-home .routes h2 { max-width: 820px; margin: 0; font-size: clamp(48px, 5.25vw, 78px); line-height: .96; }.aubney-home .routes-heading::after { content: none; }.aubney-home .route-list { margin: 0; border-top: 0; padding: 0; }.aubney-home .route-list li { grid-template-columns: 11% 1fr auto; gap: 34px; padding: 37px 0 41px; }.aubney-home .route-index { color: var(--aubney-red); font-size: 34px; }.aubney-home .route-type { display: block; margin-bottom: 11px; color: var(--aubney-red); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }.aubney-home .route-list h3 { margin-bottom: 12px; font-size: clamp(33px, 3.2vw, 49px); }.aubney-home .route-list p { max-width: 680px; font-size: 18px; }.aubney-home .route-mark { width: auto; height: auto; display: block; border: 0; border-radius: 0; font-size: 29px; }
@media (max-width: 850px) { .aubney-home .routes { padding: 0 7vw 55px; }.aubney-home .routes-heading { grid-template-columns: 1fr; }.aubney-home .route-list { padding: 0; } }

/* Contact should feel like starting a conversation, not completing a dark intake portal. */
.contact-page .contact-form-plate { padding: 0; background: transparent; color: var(--aubney-ink); outline: 0; }.contact-page .form-plate-label { position: static; display: block; margin: 0 0 30px; padding: 0 0 13px; background: transparent; color: var(--aubney-red); border-bottom: 2px solid var(--aubney-red); font-size: 11px; }.contact-page .contact-form-plate label { gap: 7px; color: var(--aubney-ink); font-size: 13px; }.contact-page .contact-form-plate input { min-height: 45px; padding: 6px 0; background: transparent; border: 0; border-bottom: 1px solid var(--aubney-ink); }.contact-page .contact-form-plate textarea { min-height: 150px; padding: 16px; background: #f8f3e8; border: 1px solid var(--aubney-ink); }.contact-page .contact-form-plate .button { width: fit-content; padding: 15px 20px; background: var(--aubney-ink); color: var(--aubney-paper); }.contact-page .contact-form-plate .button:hover { background: var(--aubney-red); }.contact-page .contact-form-plate .form-note { color: var(--aubney-ink); }.contact-page .contact-hero { align-items: center; }

/* Contact uses the same calm, contained panel system as Future Betas. */
.contact-page .contact-form-plate { --form-pad: clamp(30px, 3.2vw, 50px); position: relative; padding: var(--form-pad); background: var(--aubney-paper); border: 1px solid var(--aubney-ink); border-top: 4px solid var(--aubney-red); }.contact-page .form-plate-label { margin: 0 0 28px; padding: 0 0 17px; border-bottom: 1px solid var(--aubney-ink); }.contact-page .contact-form-plate input { min-height: 52px; padding: 13px; background: #f8f3e8; border: 1px solid var(--aubney-ink); }.contact-page .contact-form-plate textarea { min-height: 170px; }.contact-page .contact-form-plate .button { margin-top: 4px; }
.form-field-caption { margin: 12px 0 0; padding: 24px 26px; background: var(--aubney-blue, #174795); color: var(--aubney-paper, #efe7d5); font: 500 clamp(23px, 2.1vw, 34px)/1.02 "Fraunces", serif; letter-spacing: -.035em; }.aubney-beta .form-field-caption { background: #174795; color: #efe7d5; }.contact-page .form-field-caption { width: min(68%, 650px); margin: 26px calc(-1 * var(--form-pad)) calc(-1 * var(--form-pad)) auto; padding: 30px 34px; }
@media (max-width: 560px) { .contact-page .form-field-caption { width: calc(100% + var(--form-pad)); padding: 24px; } }

/* Keep the premise note in the same spread as its supporting copy at wide sizes. */
@media (min-width: 851px) { .aubney-home .premise-spread { grid-template-columns: minmax(115px, .34fr) minmax(0, 1.28fr) minmax(250px, .62fr); column-gap: 5vw; row-gap: 35px; padding: 112px 7vw 118px; }.aubney-home .premise-spread .chapter-label { grid-column: 1; grid-row: 1 / span 2; }.aubney-home .premise-statement { grid-column: 2 / -1; }.aubney-home .premise-body { grid-column: 2; margin: 0; max-width: 690px; }.aubney-home .margin-note { grid-column: 3; grid-row: 2; width: auto; margin: 0; justify-self: stretch; align-self: start; } }

/* Ways to work: an actual working plan—deliberate, readable, and free of mood-board imagery. */
.aubney-home .routes { padding: 0 7vw 92px; background: var(--aubney-paper); color: var(--aubney-ink); }
.aubney-home .routes-heading { display: grid; grid-template-columns: minmax(125px, .42fr) minmax(0, 1.58fr); gap: 6vw; padding: 88px 0 54px; border-bottom: 1px solid var(--aubney-ink); }
.aubney-home .routes-heading .chapter-label { padding-top: 10px; }
.aubney-home .routes-heading .chapter-label span:first-child { color: var(--aubney-red); }
.aubney-home .routes-title-wrap { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(210px, .55fr); gap: 34px; align-items: end; }
.aubney-home .routes h2 { max-width: 670px; margin: 0; font-size: clamp(50px, 5vw, 76px); }
.aubney-home .routes-title-wrap p { max-width: 300px; margin: 0 0 5px; color: var(--aubney-blue); font: 500 20px/1.18 "Fraunces", serif; }
.aubney-home .route-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0; border: 0; }
.aubney-home .route-list li { display: block; min-height: 390px; padding: 35px 32px 40px; border: 0; border-right: 1px solid var(--aubney-ink); }
.aubney-home .route-list li:first-child { padding-left: 0; }
.aubney-home .route-list li:last-child { padding-right: 0; border-right: 0; }
.aubney-home .route-index { display: block; margin-bottom: 93px; color: var(--aubney-red); font-size: 42px; }
.aubney-home .route-type { display: block; margin-bottom: 12px; color: var(--aubney-blue); font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.aubney-home .route-list h3 { max-width: 365px; margin: 0 0 17px; font-size: clamp(31px, 2.7vw, 44px); line-height: .98; }
.aubney-home .route-list p { max-width: 360px; margin: 0; font-size: 17px; line-height: 1.45; }
@media (max-width: 850px) { .aubney-home .routes { padding: 0 7vw 62px; }.aubney-home .routes-heading { grid-template-columns: 1fr; gap: 32px; padding: 72px 0 42px; }.aubney-home .routes-title-wrap { grid-template-columns: 1fr; gap: 22px; }.aubney-home .routes-title-wrap p { max-width: 390px; }.aubney-home .route-list { grid-template-columns: 1fr; }.aubney-home .route-list li, .aubney-home .route-list li:first-child, .aubney-home .route-list li:last-child { min-height: 0; padding: 30px 0 36px; border-right: 0; border-bottom: 1px solid var(--aubney-ink); }.aubney-home .route-index { margin-bottom: 32px; }.aubney-home .route-list li:last-child { border-bottom: 0; } }

.back-to-top { position: fixed; z-index: 20; right: 24px; bottom: 24px; display: inline-flex; align-items: center; gap: 8px; padding: 11px 14px; border: 1px solid var(--aubney-ink, var(--ink)); background: var(--aubney-paper, var(--paper)); color: var(--aubney-ink, var(--ink)); box-shadow: 3px 3px 0 var(--aubney-ink, var(--ink)); font: 700 12px/1 "DM Sans", sans-serif; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; opacity: 0; pointer-events: none; transform: translateY(12px); transition: opacity .2s ease, transform .2s ease, background .2s ease; }.back-to-top span:first-child { font-size: 17px; line-height: .7; }.back-to-top.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0); }.back-to-top:hover { background: var(--aubney-sun, var(--yellow)); }.back-to-top:focus-visible { outline: 3px solid var(--aubney-red, var(--coral)); outline-offset: 3px; }
@media (max-width: 560px) { .back-to-top { right: 16px; bottom: 16px; padding: 11px; }.back-to-top span:last-child { display: none; } }

/* Phone closing: keep the invitation intimate rather than leaving a desktop-scale
   field of empty space below it. */
@media (max-width: 560px) {
  .aubney-home .field-closing { padding: 66px 6vw 72px; }
  .aubney-home .field-closing h2 { max-width: 10ch; margin-bottom: 26px; font-size: clamp(35px, 9.4vw, 41px); line-height: .94; letter-spacing: -.055em; }
  .aubney-home .field-closing .field-kicker { margin-bottom: 14px; font-size: 10px; }
  .aubney-home .field-closing .field-button { width: 100%; justify-content: center; box-sizing: border-box; padding: 16px 18px; }
  .aubney-home .field-closing .crowd-field--front { opacity: .72; }
}