:root {
  --ink: #1b3d3b;
  --deep: #123331;
  --cream: #f4f1ea;
  --paper: #fbfaf7;
  --coral: #ed765f;
  --coral-dark: #c6574b;
  --yellow: #f2c979;
  --mint: #d7e5d8;
  --blue: #9cb4b1;
  --line: rgba(27, 61, 59, 0.16);
  --muted: rgba(27, 61, 59, 0.63);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--cream); color: var(--ink); font-family: "DM Sans", sans-serif; }
button, input, select { color: inherit; font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; }

.page-shell { margin: 0 auto; max-width: 1480px; overflow: hidden; padding: 0 5.7vw; }
[hidden] { display: none !important; }
.site-header { align-items: center; display: flex; height: 92px; justify-content: space-between; }
.brand, .footer-brand { align-items: center; display: inline-flex; font-size: 1.27rem; font-weight: 700; gap: 10px; letter-spacing: -0.06em; }
.brand-mark { align-items: center; background: var(--coral); border-radius: 50% 50% 50% 4px; color: #fff; display: inline-flex; font-size: 0.88rem; height: 29px; justify-content: center; transform: rotate(-12deg); width: 29px; }
.desktop-nav { display: flex; gap: clamp(1.5rem, 3.5vw, 4rem); margin-left: 7rem; }
.desktop-nav a, .sign-in { color: var(--muted); font-size: 0.76rem; position: relative; transition: color 180ms ease; }
.sign-in { background: transparent; border: 0; padding: 0; }
.desktop-nav a:hover, .desktop-nav a.active, .sign-in:hover { color: var(--ink); }
.desktop-nav a.active::after { background: var(--coral); bottom: -11px; content: ""; height: 2px; left: 0; position: absolute; width: 18px; }
.header-actions { align-items: center; display: flex; gap: 1.35rem; }
.header-cta { background: var(--deep); color: var(--cream); font-size: 0.72rem; font-weight: 700; padding: 0.83rem 1rem; transition: background 180ms ease, transform 180ms ease; }
.header-cta:hover { background: var(--coral-dark); transform: translateY(-2px); }
.header-cta span, .primary-button span, .arrow-link span { font-size: 1.05rem; margin-left: 0.45rem; }
.menu-button { background: transparent; border: 0; display: none; padding: 8px 0 8px 10px; }
.menu-button span { background: var(--ink); display: block; height: 2px; margin: 5px 0; width: 22px; }

.hero { align-items: center; display: grid; gap: clamp(2.5rem, 6vw, 7rem); grid-template-columns: minmax(300px, 0.82fr) minmax(400px, 1.18fr); min-height: 660px; padding: 4.6rem 0 7.4rem; }
.hero-copy { max-width: 555px; position: relative; z-index: 1; }
.eyebrow { color: var(--coral-dark); font-size: 0.65rem; font-weight: 700; letter-spacing: 0.16em; margin: 0 0 1.35rem; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: "Playfair Display", serif; font-weight: 600; letter-spacing: -0.06em; }
h1 { color: var(--deep); font-size: clamp(3.5rem, 5.8vw, 6.35rem); line-height: 0.94; margin: 0 0 1.65rem; max-width: 640px; }
h1 em, h2 em { color: var(--coral); font-style: italic; }
.hero-intro { color: var(--muted); font-size: 0.98rem; line-height: 1.72; margin-bottom: 1.75rem; max-width: 405px; }
.audience-switcher { border-bottom: 1px solid var(--line); display: flex; gap: 1.6rem; margin-bottom: 0; width: fit-content; }
.audience-tab { background: transparent; border: 0; color: var(--muted); font-size: 0.73rem; padding: 0 0 0.78rem; position: relative; }
.audience-tab.active { color: var(--ink); font-weight: 700; }
.audience-tab.active::after { background: var(--coral); bottom: -1px; content: ""; height: 2px; left: 0; position: absolute; right: 0; }
.search-card { background: var(--paper); border: 1px solid rgba(27, 61, 59, 0.09); box-shadow: 0 18px 48px rgba(27, 61, 59, 0.07); padding: 1.1rem 1.2rem 1.08rem; }
.search-label { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.05em; margin: 0 0 0.72rem; }
.search-form { display: grid; gap: 0.55rem; grid-template-columns: minmax(130px, 1.18fr) minmax(120px, 0.87fr) auto; }
input, select { appearance: none; background: transparent; border: 1px solid var(--line); border-radius: 0; font-size: 0.75rem; outline: 0; padding: 0.82rem 0.85rem; width: 100%; }
input:focus, select:focus { border-color: var(--coral); box-shadow: 0 0 0 3px rgba(237, 118, 95, 0.13); }
select { background: var(--paper); cursor: pointer; }
.primary-button { align-items: center; background: var(--coral); border: 0; color: #fff; display: inline-flex; font-size: 0.72rem; font-weight: 700; justify-content: center; padding: 0.8rem 1rem; transition: background 180ms ease, transform 180ms ease; white-space: nowrap; }
.primary-button:hover { background: var(--coral-dark); transform: translateY(-2px); }
.form-message { color: var(--coral-dark); font-size: 0.72rem; min-height: 1rem; margin: 0.65rem 0 0; }
.hero-proof { display: flex; gap: clamp(1.2rem, 3vw, 3rem); margin-top: 2.1rem; }
.hero-proof div { display: flex; flex-direction: column; gap: 0.2rem; }
.hero-proof strong { color: var(--deep); font-family: "Playfair Display", serif; font-size: 1.35rem; font-weight: 600; letter-spacing: -0.06em; }
.hero-proof span { color: var(--muted); font-size: 0.61rem; letter-spacing: 0.04em; text-transform: uppercase; }

.hero-visual { background: #dba97e; height: 585px; overflow: hidden; position: relative; }
.visual-sun { background: var(--yellow); border-radius: 50%; height: 178px; position: absolute; right: 14%; top: 13%; width: 178px; }
.visual-glow { background: rgba(255, 239, 189, 0.3); border-radius: 50%; filter: blur(7px); height: 275px; position: absolute; right: 2%; top: 3%; width: 275px; }
.visual-cloud { background: rgba(255, 241, 209, 0.7); border-radius: 100px; height: 13px; position: absolute; width: 82px; }
.visual-cloud::before, .visual-cloud::after { background: inherit; border-radius: 50%; content: ""; position: absolute; }
.visual-cloud::before { height: 27px; left: 17px; top: -13px; width: 27px; }.visual-cloud::after { height: 21px; right: 14px; top: -8px; width: 21px; }
.cloud-a { left: 16%; top: 25%; }.cloud-b { right: 9%; top: 39%; transform: scale(0.64); }
.visual-hill { bottom: 28%; position: absolute; transform: rotate(-4deg); width: 120%; }
.hill-a { background: #769085; border-radius: 50% 45% 0 0; height: 45%; left: -25%; }.hill-b { background: #3f6861; border-radius: 50% 45% 0 0; height: 35%; left: 23%; transform: rotate(6deg); }
.visual-road { background: #6f9691; bottom: 0; height: 34%; left: 0; position: absolute; transform: skewY(-4deg); transform-origin: bottom left; width: 112%; }
.visual-road::before, .visual-road::after { border-top: 1px solid rgba(255, 255, 255, 0.38); content: ""; left: 10%; position: absolute; top: 35%; width: 35%; }.visual-road::after { left: 54%; top: 60%; width: 26%; }
.finish-arch { border: 10px solid var(--cream); border-bottom: 0; bottom: 28%; height: 190px; left: 53%; position: absolute; transform: translateX(-50%); width: 250px; }
.finish-arch::before, .finish-arch::after { background: var(--cream); bottom: -44px; content: ""; height: 45px; position: absolute; width: 10px; }.finish-arch::before { left: 0; }.finish-arch::after { right: 0; }
.finish-arch span { color: var(--coral); display: block; font-size: 0.52rem; font-weight: 700; left: 50%; letter-spacing: 0.1em; line-height: 1.35; position: absolute; text-align: center; top: 45%; transform: translate(-50%, -50%); white-space: nowrap; }
.cyclist { bottom: 25%; height: 70px; left: 29%; position: absolute; transform: scale(0.78) rotate(-4deg); width: 120px; }
.wheel { border: 2px solid rgba(25, 56, 53, 0.8); border-radius: 50%; bottom: 0; height: 37px; position: absolute; width: 37px; }.wheel-back { left: 0; }.wheel-front { right: 0; }
.bike-frame { border-bottom: 2px solid var(--deep); border-left: 2px solid var(--deep); bottom: 20px; height: 28px; left: 20px; position: absolute; transform: skew(27deg); width: 57px; }.bike-frame::before { border-top: 2px solid var(--deep); content: ""; left: 27px; position: absolute; top: -1px; transform: rotate(-29deg); width: 34px; }
.rider { background: var(--coral-dark); border-radius: 60% 35% 50% 50%; bottom: 43px; height: 39px; left: 47px; position: absolute; transform: rotate(19deg); width: 13px; }.rider::before { background: var(--deep); border-radius: 50%; content: ""; height: 11px; left: 3px; position: absolute; top: -9px; width: 11px; }.rider::after { border-left: 2px solid var(--deep); border-top: 2px solid var(--deep); content: ""; height: 20px; left: -9px; position: absolute; top: 10px; transform: rotate(-24deg); width: 22px; }
.visual-caption { bottom: 1.5rem; color: rgba(255, 255, 255, 0.84); display: flex; font-size: 0.62rem; gap: 1rem; left: 1.5rem; letter-spacing: 0.08em; position: absolute; text-transform: uppercase; }.visual-caption span:first-child { color: #f6d38a; }
.floating-note { align-items: center; background: var(--paper); box-shadow: 0 12px 22px rgba(27, 61, 59, 0.13); display: flex; font-size: 0.62rem; gap: 0.5rem; padding: 0.7rem 0.8rem; position: absolute; right: 1.4rem; top: 1.4rem; }.note-dot { background: #72a77f; border-radius: 50%; height: 7px; width: 7px; }

.moments-section { border-top: 1px solid var(--line); padding: 5.5rem 0 7.6rem; }
.section-heading { align-items: end; display: flex; justify-content: space-between; margin-bottom: 2.65rem; }.section-heading h2, .preview-copy h2, .host-banner h2 { color: var(--deep); font-size: clamp(2.55rem, 4.2vw, 4.5rem); line-height: 0.98; margin: 0; }
.section-tools { align-items: center; display: flex; gap: 1rem; }.sort-select { border: 0; border-bottom: 1px solid var(--ink); color: var(--ink); font-size: 0.7rem; padding: 0.45rem 1.8rem 0.45rem 0; width: auto; }.result-count { color: var(--muted); font-size: 0.68rem; }
.filter-row { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.8rem; }.filter-button, .filter-toggle { background: transparent; border: 1px solid var(--line); color: var(--muted); font-size: 0.68rem; padding: 0.62rem 0.82rem; transition: background 180ms ease, color 180ms ease, border 180ms ease; }.filter-button:hover, .filter-button.active, .filter-toggle:hover { background: var(--deep); border-color: var(--deep); color: var(--cream); }.filter-toggle { margin-left: auto; }.advanced-filters { background: rgba(251, 250, 247, 0.62); border: 1px solid var(--line); display: grid; gap: 0.8rem; grid-template-columns: repeat(3, 1fr); margin: -0.6rem 0 1.8rem; padding: 1rem; }.advanced-filters > div { display: grid; gap: 0.38rem; }.advanced-filters label { color: var(--muted); font-size: 0.59rem; letter-spacing: 0.06em; text-transform: uppercase; }.advanced-filters select, .advanced-filters input:not([type="checkbox"]) { background: transparent; font-size: 0.7rem; padding: 0.62rem 0.65rem; }.check-filter { align-items: center; display: flex; gap: 0.45rem; text-transform: none !important; }.check-filter input { accent-color: var(--coral); height: 15px; width: 15px; }.card-inventory { align-items: center; display: flex; flex-wrap: wrap; gap: 0.38rem 0.65rem; margin-top: 0.7rem; }.card-inventory span { color: var(--muted); font-size: 0.56rem; text-transform: uppercase; }.card-inventory .verified-mini { color: #528260; }
.moment-grid { display: grid; gap: 1.35rem; grid-template-columns: repeat(3, 1fr); }.moment-card { min-width: 0; }.moment-art { height: 287px; overflow: hidden; position: relative; }.moment-art::before, .moment-art::after { content: ""; position: absolute; }.moment-art.sport { background: linear-gradient(166deg, #c1d8d2 0 33%, #e4b080 33% 51%, #729490 51%); }.moment-art.sport::before { border-bottom: 150px solid #3e6861; border-left: 170px solid transparent; border-right: 80px solid transparent; bottom: 24%; left: -3rem; transform: rotate(-4deg); }.moment-art.sport::after { border: 8px solid #f5eddd; border-bottom: 0; bottom: 25%; height: 118px; right: 18%; transform: skew(-9deg); width: 155px; }
.moment-art.culture { background: linear-gradient(160deg, #eab48e 0 45%, #ca7060 45% 58%, #5d847d 58%); }.moment-art.culture::before { background: #f1d4a3; bottom: 18%; box-shadow: 87px -15px 0 #ebc98f, 145px 1px 0 #f3dda9; height: 118px; left: 15%; transform: skewY(-3deg); width: 78px; }.moment-art.culture::after { border-bottom: 32px solid #a94f49; border-left: 49px solid transparent; border-right: 49px solid transparent; bottom: 53%; left: 10%; }
.moment-art.outdoor { background: linear-gradient(180deg, #dbd19f 0 32%, #9eb29b 32% 57%, #496f68 57%); }.moment-art.outdoor::before { border-bottom: 175px solid #3f6960; border-left: 155px solid transparent; border-right: 200px solid transparent; bottom: 25%; left: -4rem; }.moment-art.outdoor::after { background: var(--yellow); border-radius: 50%; height: 68px; right: 17%; top: 14%; width: 68px; }
.art-pill { background: rgba(251, 250, 247, 0.9); bottom: 1rem; font-size: 0.6rem; left: 1rem; letter-spacing: 0.1em; padding: 0.5rem 0.62rem; position: absolute; text-transform: uppercase; }.art-index { color: rgba(255, 255, 255, 0.78); font-size: 0.63rem; letter-spacing: 0.08em; position: absolute; right: 1.15rem; top: 1.1rem; }
.moment-card.featured .moment-art { height: 340px; }.moment-meta { display: flex; gap: 1rem; justify-content: space-between; padding-top: 1rem; }.moment-meta h3 { font-size: 1.04rem; letter-spacing: -0.04em; margin: 0 0 0.35rem; }.moment-meta p { color: var(--muted); font-size: 0.71rem; line-height: 1.4; margin: 0; }.moment-details { display: flex; flex-direction: column; gap: 0.24rem; text-align: right; }.moment-price { color: var(--deep); font-size: 0.76rem; font-weight: 700; white-space: nowrap; }.moment-deadline { color: var(--coral-dark); font-size: 0.63rem; white-space: nowrap; }.save-button { align-items: center; background: transparent; border: 1px solid var(--line); border-radius: 50%; display: inline-flex; flex: 0 0 auto; font-size: 1.1rem; height: 34px; justify-content: center; line-height: 1; transition: all 180ms ease; width: 34px; }.save-button:hover, .save-button[aria-pressed="true"] { background: var(--coral); border-color: var(--coral); color: white; }.empty-state { color: var(--muted); font-size: 0.85rem; padding: 3rem 0; text-align: center; }.empty-state a { color: var(--coral-dark); text-decoration: underline; }
.moment-open { border-bottom: 1px solid var(--line); color: var(--coral-dark); display: inline-block; font-size: 0.66rem; margin-top: 0.85rem; padding-bottom: 0.35rem; }.moment-open:hover { border-color: var(--coral-dark); }.moment-open span { font-size: 0.9rem; margin-left: 0.3rem; }

.sponsor-workspace { background: var(--paper); border-top: 1px solid var(--line); margin: 0 calc(5.7vw * -1); padding: 5.5rem 5.7vw 6rem; }.workspace-heading { align-items: end; display: flex; justify-content: space-between; }.workspace-heading h2 { color: var(--deep); font-size: clamp(2.55rem, 4.2vw, 4.5rem); line-height: 0.98; margin: 0; }.workspace-stats { display: flex; gap: clamp(2rem, 6vw, 6rem); margin: 2.6rem 0 2.3rem; }.workspace-stats div { display: flex; flex-direction: column; gap: 0.2rem; }.workspace-stats strong { color: var(--deep); font-family: "Playfair Display", serif; font-size: 1.7rem; font-weight: 600; letter-spacing: -0.07em; }.workspace-stats span { color: var(--muted); font-size: 0.59rem; letter-spacing: 0.06em; text-transform: uppercase; }.saved-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); }.saved-card { border-top: 1px solid var(--line); padding-top: 0.9rem; }.saved-card-art { align-items: end; display: flex; height: 115px; justify-content: space-between; padding: 0.75rem; position: relative; }.saved-card-art::before, .saved-card-art::after { content: ""; position: absolute; }.saved-card-art span { background: rgba(251, 250, 247, 0.86); font-size: 0.58rem; left: 0.75rem; padding: 0.4rem 0.5rem; position: relative; text-transform: uppercase; z-index: 1; }.saved-card-art.sport { background: linear-gradient(166deg, #c1d8d2 0 33%, #e4b080 33% 51%, #729490 51%); }.saved-card-art.culture { background: linear-gradient(160deg, #eab48e 0 45%, #ca7060 45% 58%, #5d847d 58%); }.saved-card-art.outdoor { background: linear-gradient(180deg, #dbd19f 0 32%, #9eb29b 32% 57%, #496f68 57%); }.saved-card-copy { align-items: start; display: flex; gap: 1rem; justify-content: space-between; padding-top: 0.85rem; }.saved-card-copy h3 { font-size: 0.95rem; letter-spacing: -0.04em; margin: 0.35rem 0; }.saved-card-copy p { color: var(--muted); font-size: 0.66rem; margin: 0; }.saved-card-actions { align-items: end; display: flex; flex-direction: column; gap: 0.5rem; }.saved-card-actions .moment-open { margin-top: 0; }.workspace-empty { border-top: 1px solid var(--line); color: var(--muted); font-size: 0.78rem; padding: 1.2rem 0; }.preview-section { align-items: center; background: var(--mint); display: grid; gap: clamp(2rem, 7vw, 8rem); grid-template-columns: minmax(250px, 0.7fr) minmax(420px, 1.3fr); margin: 0 calc(5.7vw * -1); padding: 6rem 5.7vw 6.5rem; }.preview-copy { max-width: 375px; }.preview-copy .eyebrow { color: var(--coral-dark); }.preview-copy > p:not(.eyebrow):not(.preview-disclaimer):not(.preview-session-status) { color: var(--muted); font-size: 0.88rem; line-height: 1.7; margin: 1.55rem 0 1.8rem; }.preview-controls { display: grid; gap: 0.55rem; }.preview-controls label { font-size: 0.64rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }.preview-controls label span { color: var(--muted); font-size: 0.58rem; font-weight: 400; letter-spacing: 0; text-transform: none; }.preview-controls input { background: rgba(251, 250, 247, 0.5); border-color: rgba(27, 61, 59, 0.22); }.preview-controls input[type="file"] { font-size: 0.65rem; padding: 0.65rem 0.7rem; }.preview-controls input[type="range"] { accent-color: var(--coral); background: transparent; border: 0; box-shadow: none; padding: 0.25rem 0; }.preview-controls output { color: var(--coral-dark); float: right; font-size: 0.62rem; font-weight: 600; }.surface-picker, .variant-picker { display: flex; flex-wrap: wrap; gap: 0.45rem; margin-top: 0.35rem; }.surface-button, .variant-button { background: transparent; border: 1px solid rgba(27, 61, 59, 0.27); font-size: 0.65rem; padding: 0.56rem 0.65rem; }.surface-button.active, .surface-button:hover, .variant-button.active, .variant-button:hover { background: var(--deep); border-color: var(--deep); color: var(--cream); }.preview-action-row { align-items: center; display: flex; gap: 1rem; justify-content: space-between; margin-top: 0.7rem; }.preview-action-row .text-button { border: 0; font-size: 0.65rem; padding: 0; }.preview-disclaimer { color: rgba(27, 61, 59, 0.52); font-size: 0.62rem; line-height: 1.5; margin: 2rem 0 0; }.preview-session-status { color: var(--coral-dark); font-size: 0.62rem; line-height: 1.4; margin: 0.65rem 0 0; min-height: 1rem; }
.preview-stage { background: #e3ad7e; height: 425px; min-width: 0; overflow: hidden; position: relative; }.stage-sky { background: linear-gradient(180deg, #a7c2bd, #e7c28d); height: 68%; inset: 0 0 auto; position: absolute; }.stage-ground { background: #729b94; bottom: -5%; height: 42%; left: -5%; position: absolute; transform: rotate(-4deg); width: 110%; }.stage-ground::after { border-top: 1px solid rgba(255, 255, 255, 0.4); content: ""; left: 12%; position: absolute; top: 39%; width: 43%; }.stage-crowd { background: #426962; border-radius: 50% 50% 0 0; bottom: 29%; height: 85px; position: absolute; width: 45%; }.crowd-one { left: -5%; }.crowd-two { right: -7%; transform: scale(0.7); }.stage-arch { border: 9px solid var(--cream); border-bottom: 0; bottom: 26%; height: 182px; left: 50%; position: absolute; transform: translateX(-50%); width: 260px; }.stage-arch::before, .stage-arch::after { background: var(--cream); bottom: -42px; content: ""; height: 43px; position: absolute; width: 9px; }.stage-arch::before { left: 0; }.stage-arch::after { right: 0; }.stage-jersey { background: var(--coral); border-radius: 22px 22px 8px 8px; bottom: 9%; height: 125px; left: 22%; position: absolute; transform: rotate(-8deg); width: 87px; }.stage-jersey::before, .stage-jersey::after { background: var(--coral); content: ""; height: 53px; position: absolute; top: 2px; width: 38px; }.stage-jersey::before { left: -26px; transform: rotate(33deg); }.stage-jersey::after { right: -26px; transform: rotate(-33deg); }.stage-sign { background: var(--yellow); bottom: 31%; height: 57px; right: 13%; transform: rotate(5deg); width: 116px; }.stage-sign::after { background: var(--deep); bottom: -68px; content: ""; height: 70px; left: 50%; position: absolute; width: 3px; }.brand-overlay { color: var(--deep); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.05em; position: absolute; text-transform: uppercase; }.arch-brand { background: var(--coral); color: #fff; left: 50%; padding: 0.42rem 0.65rem; top: 37%; transform: translate(-50%, -50%); }.jersey-brand { font-size: 0.57rem; left: 50%; top: 44%; transform: translate(-50%, -50%) rotate(8deg); }.sign-brand { font-size: 0.61rem; left: 50%; top: 42%; transform: translate(-50%, -50%); }.stage-caption { bottom: 1.2rem; color: rgba(255, 255, 255, 0.84); display: flex; font-size: 0.6rem; justify-content: space-between; left: 1.2rem; letter-spacing: 0.12em; position: absolute; right: 1.2rem; }.stage-caption strong { color: #f6d38a; font-weight: 500; }
.preview-stage[data-surface="arch"] .stage-jersey, .preview-stage[data-surface="arch"] .stage-sign { opacity: 0.34; }.preview-stage[data-surface="jersey"] .stage-arch, .preview-stage[data-surface="jersey"] .stage-sign { opacity: 0.34; }.preview-stage[data-surface="sign"] .stage-arch, .preview-stage[data-surface="sign"] .stage-jersey { opacity: 0.34; }
.preview-zone { outline: 0; transition: opacity 180ms ease, box-shadow 180ms ease; }.preview-zone:focus-visible, .preview-zone:hover, .preview-zone.active-zone { box-shadow: 0 0 0 3px var(--yellow); }.zone-label { background: rgba(18, 51, 49, 0.72); color: var(--cream); font-size: 0.52rem; left: 50%; letter-spacing: 0.08em; opacity: 0; padding: 0.35rem 0.45rem; pointer-events: none; position: absolute; text-transform: uppercase; top: -1.7rem; transform: translateX(-50%); white-space: nowrap; }.preview-zone:hover .zone-label, .preview-zone:focus-visible .zone-label, .preview-zone.active-zone .zone-label, .preview-stage.compare-mode .zone-label { opacity: 1; }.preview-stage.compare-mode .stage-arch, .preview-stage.compare-mode .stage-jersey, .preview-stage.compare-mode .stage-sign { opacity: 1 !important; }.preview-stage[data-variant="dark"] .brand-overlay:not(.has-image) { background-color: var(--deep); color: var(--cream); }.preview-stage[data-variant="dark"] .arch-brand:not(.has-image) { background: var(--deep); }.preview-stage[data-variant="monochrome"] .brand-overlay:not(.has-image) { background: #fff; color: var(--deep); }.preview-stage[data-variant="monochrome"] .arch-brand:not(.has-image) { background: #fff; color: var(--deep); }.brand-overlay.has-image { background-color: transparent !important; background-position: center; background-repeat: no-repeat; background-size: contain; color: transparent; height: 32px; min-width: 76px; padding: 0; }.arch-brand { transform: translate(-50%, -50%) scale(var(--logo-scale, 1)); }.jersey-brand { transform: translate(-50%, -50%) rotate(8deg) scale(var(--logo-scale, 1)); }.sign-brand { transform: translate(-50%, -50%) scale(var(--logo-scale, 1)); }

.model-section { align-items: center; background: #e8d1ab; display: grid; gap: clamp(2rem, 7vw, 8rem); grid-template-columns: minmax(250px, 0.72fr) minmax(420px, 1.28fr); margin: 0 calc(5.7vw * -1); padding: 6rem 5.7vw 6.5rem; }.model-copy { max-width: 370px; }.model-copy > p:not(.eyebrow):not(.model-status) { color: var(--muted); font-size: 0.88rem; line-height: 1.7; margin: 1.55rem 0 1.2rem; }.model-controls { display: grid; gap: 0.5rem; margin-top: 1.8rem; }.model-controls label { font-size: 0.63rem; font-weight: 700; letter-spacing: 0.08em; margin-top: 0.35rem; text-transform: uppercase; }.model-controls select { background: rgba(251, 250, 247, 0.45); border-color: rgba(27, 61, 59, 0.22); }.model-action-row { align-items: center; display: flex; justify-content: space-between; margin-top: 0.7rem; }.model-action-row .text-button { border: 0; font-size: 0.65rem; padding: 0; }.model-status { color: var(--coral-dark); font-size: 0.63rem; line-height: 1.5; margin: 1.1rem 0 0; min-height: 1rem; }.model-viewer { background: #c9a777; height: 470px; min-width: 0; overflow: hidden; perspective: 1000px; position: relative; }.model-viewer.is-2d-fallback { background: #dba97e; }.model-stage { align-items: center; display: flex; height: 100%; justify-content: center; perspective: 900px; width: 100%; }.model-object { height: 265px; position: relative; transform: rotateX(12deg) rotateY(-16deg) scale(1); transform-style: preserve-3d; transition: transform 260ms ease; width: 330px; }.object-shadow { background: rgba(27, 61, 59, 0.2); border-radius: 50%; bottom: 11px; filter: blur(8px); height: 28px; left: 12%; position: absolute; transform: rotateX(72deg) translateZ(-30px); width: 76%; }.model-helmet { background: #e6d0a1; border-radius: 70% 70% 45% 45%; height: 48px; left: 44%; position: absolute; top: 8%; transform: translateZ(36px); width: 74px; }.model-helmet::after { background: var(--deep); border-radius: 50%; bottom: -4px; content: ""; height: 8px; left: 5px; position: absolute; right: 5px; }.model-jersey { background: var(--coral); border-radius: 22px 22px 10px 10px; height: 155px; left: 36%; position: absolute; top: 25%; transform: skew(-4deg) translateZ(16px); width: 115px; }.model-jersey::before, .model-jersey::after { background: var(--coral-dark); content: ""; height: 70px; position: absolute; top: 3px; width: 47px; }.model-jersey::before { left: -36px; transform: rotate(30deg); }.model-jersey::after { right: -36px; transform: rotate(-30deg); }.model-bike { display: block; }.model-car { display: none; }.model-logo { background: var(--deep); color: var(--cream); font-size: 0.65rem; font-weight: 700; left: 51%; letter-spacing: 0.06em; padding: 0.42rem 0.55rem; position: absolute; text-transform: uppercase; top: 47%; transform: translate(-50%, -50%) translateZ(36px); transition: background 180ms ease, color 180ms ease, transform 260ms ease; white-space: nowrap; }.model-viewer[data-surface="frame"] .model-logo { top: 67%; left: 38%; transform: translate(-50%, -50%) translateZ(58px) rotate(-14deg); }.model-viewer[data-surface="hood"] .model-logo { top: 47%; left: 51%; }.model-viewer[data-model="bicycle"] .model-helmet, .model-viewer[data-model="bicycle"] .model-jersey { display: none; }.model-viewer[data-model="bicycle"] .model-bike { background: transparent; border-bottom: 7px solid var(--deep); border-left: 7px solid var(--deep); bottom: 25%; display: block; height: 90px; left: 25%; position: absolute; transform: skew(28deg) translateZ(28px); width: 180px; }.model-viewer[data-model="bicycle"] .model-bike::before, .model-viewer[data-model="bicycle"] .model-bike::after { border: 5px solid var(--deep); border-radius: 50%; bottom: -39px; content: ""; height: 63px; position: absolute; transform: skew(-28deg); width: 63px; }.model-viewer[data-model="bicycle"] .model-bike::before { left: -27px; }.model-viewer[data-model="bicycle"] .model-bike::after { right: -30px; }.model-viewer[data-model="bicycle"] .model-logo { top: 57%; left: 50%; transform: translate(-50%, -50%) translateZ(48px) rotate(-8deg); }.model-viewer[data-model="racing-car"] .model-helmet, .model-viewer[data-model="racing-car"] .model-jersey, .model-viewer[data-model="racing-car"] .model-bike { display: none; }.model-viewer[data-model="racing-car"] .model-car { background: var(--coral); border-radius: 42% 48% 12% 12%; bottom: 28%; display: block; height: 88px; left: 17%; position: absolute; transform: skew(-9deg) translateZ(22px); width: 250px; }.model-viewer[data-model="racing-car"] .model-car::before { background: #86a7a2; border-radius: 55% 55% 0 0; content: ""; height: 50px; left: 72px; position: absolute; top: -35px; transform: skew(8deg); width: 110px; }.model-viewer[data-model="racing-car"] .model-car::after { background: var(--deep); border-radius: 50%; box-shadow: 184px 0 0 var(--deep); content: ""; height: 35px; left: 23px; position: absolute; top: 61px; width: 35px; }.model-viewer[data-model="racing-car"] .model-logo { top: 58%; left: 51%; transform: translate(-50%, -50%) translateZ(46px) rotate(-3deg); }.model-viewer[data-surface="frame"] .model-logo, .model-viewer[data-surface="hood"] .model-logo { background: var(--yellow); color: var(--deep); }.model-viewer[data-model="racing-car"][data-surface="hood"] .model-logo { background: var(--deep); color: var(--cream); }.model-viewer.is-2d-fallback .model-object { transform: rotate(0deg) scale(0.96); }.model-viewer.is-2d-fallback .model-object::after { background: rgba(251, 250, 247, 0.6); content: "2D fallback"; font-size: 0.6rem; left: 50%; letter-spacing: 0.12em; padding: 0.5rem 0.65rem; position: absolute; text-transform: uppercase; top: 0; transform: translateX(-50%); }.model-viewer-caption { bottom: 1.2rem; color: rgba(255, 255, 255, 0.82); display: flex; font-size: 0.58rem; justify-content: space-between; left: 1.2rem; letter-spacing: 0.11em; position: absolute; right: 1.2rem; }.model-viewer-caption strong { color: var(--yellow); font-weight: 500; }.model-orbit-controls { display: flex; gap: 0.35rem; position: absolute; right: 1.2rem; top: 1.2rem; }.model-orbit-controls button { background: rgba(251, 250, 247, 0.84); border: 0; color: var(--deep); font-size: 1.05rem; height: 32px; width: 32px; }.model-orbit-controls button:hover { background: var(--coral); color: #fff; }

.how-it-works { background: var(--deep); color: var(--cream); margin: 0 calc(5.7vw * -1); padding: 5.6rem 5.7vw 6.2rem; }.how-it-works .eyebrow { color: var(--yellow); }.how-content { align-items: start; display: grid; gap: clamp(2rem, 6vw, 7rem); grid-template-columns: 0.72fr 1.28fr; }.how-content h2 { color: var(--cream); }.steps { display: grid; gap: 0; grid-template-columns: repeat(3, 1fr); }.step { border-left: 1px solid rgba(244, 241, 234, 0.23); min-height: 185px; padding: 0 1.35rem; }.step span { color: var(--yellow); font-size: 0.65rem; letter-spacing: 0.12em; }.step h3 { color: var(--cream); font-size: 0.96rem; letter-spacing: -0.03em; margin: 2.2rem 0 0.65rem; }.step p { color: rgba(244, 241, 234, 0.63); font-size: 0.72rem; line-height: 1.65; margin: 0; }
.host-banner { align-items: end; display: grid; gap: 3rem; grid-template-columns: 1fr 0.62fr; padding: 6rem 0 6.6rem; }.host-banner > div:last-child { max-width: 330px; }.host-banner p:not(.eyebrow) { color: var(--muted); font-size: 0.86rem; line-height: 1.7; margin-bottom: 1.7rem; }.arrow-link { border-bottom: 1px solid var(--ink); display: inline-block; font-size: 0.75rem; padding: 0 0 0.45rem; }.arrow-link:hover { border-color: var(--coral-dark); color: var(--coral-dark); }
.role-pages { align-items: center; background: var(--paper); display: grid; gap: clamp(2rem, 7vw, 8rem); grid-template-columns: 0.8fr 1.2fr; margin: 0 calc(5.7vw * -1); padding: 6.3rem 5.7vw; }.role-page-copy { max-width: 390px; }.role-page-copy > p:not(.eyebrow) { color: var(--muted); font-size: 0.88rem; line-height: 1.7; margin: 1.5rem 0 1.75rem; }.role-page-list { border-top: 1px solid var(--line); }.role-list-item { align-items: start; border-bottom: 1px solid var(--line); display: grid; gap: 1.4rem; grid-template-columns: 2rem 1fr; padding: 1.35rem 0; }.role-list-item > span { color: var(--coral-dark); font-size: 0.65rem; letter-spacing: 0.1em; padding-top: 0.2rem; }.role-list-item h3 { font-size: 1.04rem; letter-spacing: -0.04em; margin: 0 0 0.45rem; }.role-list-item p { color: var(--muted); font-size: 0.73rem; line-height: 1.6; margin: 0; }.role-pages-inverse { background: var(--coral); color: #fff; }.role-pages-inverse .eyebrow, .role-pages-inverse h2 em { color: var(--yellow); }.role-pages-inverse h2 { color: var(--cream); }.role-pages-inverse .role-page-copy > p:not(.eyebrow) { color: rgba(255, 255, 255, 0.77); }.role-pages-inverse .arrow-link { border-color: rgba(255, 255, 255, 0.66); color: var(--cream); }.role-pages-inverse .arrow-link:hover { border-color: var(--cream); color: var(--cream); }.sponsor-quote { border-left: 1px solid rgba(255, 255, 255, 0.48); max-width: 500px; padding: 1rem 0 1rem 2.2rem; }.quote-mark { color: var(--yellow); display: block; font-family: "Playfair Display", serif; font-size: 5rem; height: 3rem; line-height: 1; }.sponsor-quote p { color: var(--cream); font-family: "Playfair Display", serif; font-size: clamp(1.4rem, 2.3vw, 2.15rem); letter-spacing: -0.04em; line-height: 1.1; margin: 1.3rem 0 2rem; }.quote-credit { color: rgba(255, 255, 255, 0.68); font-size: 0.62rem; letter-spacing: 0.11em; text-transform: uppercase; }
.pricing-section { border-top: 1px solid var(--line); padding: 6rem 0 6.7rem; }.compact-heading { align-items: end; }.heading-note { color: var(--muted); font-size: 0.73rem; line-height: 1.65; margin: 0; max-width: 265px; }.pricing-grid { display: grid; gap: 1px; grid-template-columns: repeat(3, 1fr); margin-top: 3rem; }.pricing-card { background: var(--paper); border: 1px solid var(--line); min-height: 350px; padding: 1.55rem; position: relative; }.pricing-card + .pricing-card { border-left: 0; }.pricing-card-featured { background: var(--deep); border-color: var(--deep); color: var(--cream); }.pricing-label { color: var(--coral-dark); font-size: 0.62rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }.pricing-card-featured .pricing-label { color: var(--yellow); }.pricing-card h3 { font-size: 1.18rem; letter-spacing: -0.04em; margin: 3.1rem 0 0.8rem; }.pricing-value { color: var(--deep); font-family: "Playfair Display", serif; font-size: 1.85rem; letter-spacing: -0.06em; margin-bottom: 1.7rem; }.pricing-value small { color: var(--muted); display: block; font-family: "DM Sans", sans-serif; font-size: 0.62rem; letter-spacing: 0; margin-top: 0.25rem; }.pricing-card-featured .pricing-value { color: var(--cream); }.pricing-card-featured .pricing-value small { color: rgba(244, 241, 234, 0.6); }.pricing-card ul { border-top: 1px solid var(--line); list-style: none; margin: 0 0 1.65rem; padding: 0; }.pricing-card li { border-bottom: 1px solid var(--line); color: var(--muted); font-size: 0.7rem; padding: 0.63rem 0; }.pricing-card-featured li { border-color: rgba(244, 241, 234, 0.18); color: rgba(244, 241, 234, 0.7); }.pricing-card .arrow-link { bottom: 1.55rem; left: 1.55rem; position: absolute; }.pricing-card-featured .arrow-link { border-color: rgba(244, 241, 234, 0.56); color: var(--cream); }
.trust-section { align-items: start; background: #d9e5d9; display: grid; gap: clamp(2rem, 7vw, 8rem); grid-template-columns: 0.72fr 1.28fr; margin: 0 calc(5.7vw * -1); padding: 6rem 5.7vw; }.trust-points { display: grid; gap: 1.2rem; grid-template-columns: repeat(3, 1fr); }.trust-points article { border-left: 1px solid rgba(27, 61, 59, 0.25); padding-left: 1rem; }.state-badge { display: inline-block; font-size: 0.56rem; letter-spacing: 0.09em; padding: 0.4rem 0.5rem; text-transform: uppercase; }.state-badge.verified { background: #ead7a0; }.state-badge.protected { background: #b3caca; }.state-badge.visible { background: #f1b09c; }.trust-points h3 { font-size: 0.92rem; letter-spacing: -0.03em; margin: 1.5rem 0 0.55rem; }.trust-points p { color: var(--muted); font-size: 0.7rem; line-height: 1.65; margin: 0; }
.about-contact { align-items: start; display: grid; gap: clamp(2rem, 7vw, 8rem); grid-template-columns: 1fr 0.82fr; padding: 6.5rem 0; }.about-copy { max-width: 470px; }.about-copy > p:not(.eyebrow) { color: var(--muted); font-size: 0.9rem; line-height: 1.75; margin: 1.6rem 0 0; max-width: 370px; }.contact-card { background: var(--paper); box-shadow: 0 16px 42px rgba(27, 61, 59, 0.07); padding: 1.7rem; }.contact-card h3 { font-family: "Playfair Display", serif; font-size: 1.7rem; letter-spacing: -0.05em; margin: 0 0 0.55rem; }.contact-card > p:not(.eyebrow) { color: var(--muted); font-size: 0.75rem; line-height: 1.55; margin-bottom: 1.5rem; }.contact-card form { display: grid; gap: 0.5rem; }.contact-card label { font-size: 0.62rem; font-weight: 700; letter-spacing: 0.07em; margin-top: 0.45rem; text-transform: uppercase; }.contact-card .primary-button { margin-top: 0.7rem; min-height: 45px; }.contact-message { color: var(--coral-dark); font-size: 0.7rem; line-height: 1.4; margin: 0.45rem 0 0; min-height: 1rem; }.legal-section { border-top: 1px solid var(--line); display: grid; gap: 3rem; grid-template-columns: 0.72fr 1.28fr; padding: 5.4rem 0 6rem; }.legal-links { border-top: 1px solid var(--line); }.legal-links a { align-items: center; border-bottom: 1px solid var(--line); display: flex; font-size: 0.82rem; justify-content: space-between; padding: 1.05rem 0; }.legal-links a:hover { color: var(--coral-dark); }.legal-links span { color: var(--muted); font-size: 0.63rem; }
.detail-art { height: 210px; }.detail-body { padding-top: 1.5rem; }.detail-heading { align-items: start; display: flex; gap: 1rem; justify-content: space-between; }.detail-heading h2 { font-size: clamp(2rem, 5vw, 3.2rem); }.detail-story { color: var(--muted); font-size: 0.84rem; line-height: 1.7; margin: 1.25rem 0 1.5rem; max-width: 560px; }.detail-facts { border-bottom: 1px solid var(--line); border-top: 1px solid var(--line); display: grid; gap: 0.8rem; grid-template-columns: repeat(3, 1fr); padding: 1rem 0; }.detail-facts div { display: flex; flex-direction: column; gap: 0.35rem; }.detail-facts span { color: var(--muted); font-size: 0.6rem; text-transform: uppercase; }.detail-facts strong { font-size: 0.72rem; line-height: 1.35; }.detail-sponsorship { align-items: center; background: var(--mint); display: flex; gap: 1.5rem; justify-content: space-between; margin-top: 1.5rem; padding: 1.1rem; }.detail-sponsorship .eyebrow { margin-bottom: 0.45rem; }.detail-sponsorship h3 { font-family: "Playfair Display", serif; font-size: 1.2rem; letter-spacing: -0.04em; margin: 0 0 0.4rem; }.detail-sponsorship p:not(.eyebrow) { color: var(--muted); font-size: 0.68rem; line-height: 1.5; margin: 0; max-width: 320px; }.detail-sponsorship .primary-button { flex: 0 0 auto; }.detail-host { color: var(--muted); font-size: 0.65rem; margin: 1.2rem 0 0; }.detail-host .state-badge { margin-left: 0.25rem; }.builder-dialog { max-width: min(730px, calc(100vw - 2rem)); }.builder-progress { align-items: center; color: var(--muted); display: grid; font-size: 0.62rem; gap: 0.8rem; grid-template-columns: auto auto 1fr; margin-bottom: 1.6rem; }.builder-progress strong { color: var(--ink); font-size: 0.67rem; font-weight: 600; }.builder-progress > div { display: flex; gap: 0.25rem; }.builder-progress i { background: var(--line); display: block; height: 3px; min-width: 10px; width: 100%; }.builder-progress i.progress-active { background: var(--coral); }.builder-fields { display: grid; gap: 0.5rem; }.builder-fields-two { align-items: start; grid-template-columns: 1fr 1fr; }.builder-fields label { font-size: 0.62rem; font-weight: 700; letter-spacing: 0.07em; margin-top: 0.35rem; text-transform: uppercase; }.builder-fields label span { color: var(--muted); font-size: 0.58rem; font-weight: 400; letter-spacing: 0; text-transform: none; }.builder-fields textarea { background: transparent; border: 1px solid var(--line); font: inherit; font-size: 0.75rem; outline: 0; padding: 0.82rem 0.85rem; resize: vertical; width: 100%; }.builder-fields textarea:focus { border-color: var(--coral); box-shadow: 0 0 0 3px rgba(237, 118, 95, 0.13); }.builder-fields-two > label, .builder-fields-two > textarea, .field-span-two { grid-column: span 2; }.field-help { color: var(--muted); font-size: 0.67rem; line-height: 1.5; margin: 0.4rem 0 0; }.upload-note { align-items: start; background: var(--mint); display: flex; gap: 0.7rem; margin-top: 0.7rem; padding: 0.9rem; }.upload-note > span { color: var(--coral-dark); font-size: 1.1rem; }.upload-note p { color: var(--muted); font-size: 0.68rem; line-height: 1.5; margin: 0; }.builder-summary { background: var(--mint); padding: 0.95rem 1rem; }.review-note { align-items: start; background: rgba(242, 201, 121, 0.33); display: flex; gap: 0.7rem; margin-top: 0.9rem; padding: 0.85rem; }.review-note p { color: var(--muted); font-size: 0.68rem; line-height: 1.5; margin: 0; }.builder-actions { align-items: center; display: flex; justify-content: space-between; margin-top: 1.7rem; }.builder-actions > div { align-items: center; display: flex; gap: 1rem; }.builder-actions .primary-button { min-width: 155px; }.builder-actions button:disabled { background: var(--mint); border-color: var(--mint); color: var(--muted); cursor: default; transform: none; }.builder-status { color: var(--coral-dark); font-size: 0.7rem; min-height: 1rem; margin: 0.9rem 0 0; }
.account-dialog { background: transparent; border: 0; max-height: calc(100vh - 2rem); max-width: min(520px, calc(100vw - 2rem)); padding: 0; width: 100%; }.account-dialog::backdrop { background: rgba(18, 51, 49, 0.58); backdrop-filter: blur(4px); }.dialog-panel { background: var(--paper); box-shadow: 0 24px 70px rgba(18, 51, 49, 0.2); max-height: calc(100vh - 2rem); overflow: auto; padding: 2.2rem; position: relative; }.dialog-panel h2 { color: var(--deep); font-size: clamp(2.4rem, 6vw, 3.6rem); line-height: 0.95; margin: 0 0 1.8rem; }.dialog-close { background: transparent; border: 0; color: var(--muted); font-size: 1.65rem; line-height: 1; padding: 0.2rem; position: absolute; right: 1.35rem; top: 1.2rem; }.dialog-close:hover { color: var(--coral-dark); }.auth-tabs { border-bottom: 1px solid var(--line); display: flex; gap: 1.4rem; margin-bottom: 1.35rem; }.auth-tab { background: transparent; border: 0; color: var(--muted); font-size: 0.7rem; padding: 0 0 0.7rem; position: relative; }.auth-tab.active { color: var(--ink); font-weight: 700; }.auth-tab.active::after { background: var(--coral); bottom: -1px; content: ""; height: 2px; left: 0; position: absolute; right: 0; }.account-dialog form { display: grid; gap: 0.5rem; }.account-dialog form label { font-size: 0.62rem; font-weight: 700; letter-spacing: 0.07em; margin-top: 0.5rem; text-transform: uppercase; }.dialog-submit { margin-top: 0.85rem; min-height: 47px; width: 100%; }.dialog-message { color: var(--coral-dark); font-size: 0.72rem; line-height: 1.45; margin: 0.7rem 0 0; min-height: 1rem; }.demo-note { color: rgba(27, 61, 59, 0.5); font-size: 0.61rem; line-height: 1.45; margin: 1.7rem 0 0; }.onboarding-dialog { max-width: min(590px, calc(100vw - 2rem)); }.onboarding-progress { align-items: center; color: var(--muted); display: flex; font-size: 0.62rem; gap: 1rem; margin-bottom: 1.6rem; }.onboarding-progress > div { display: flex; flex: 1; gap: 0.3rem; }.onboarding-progress i { background: var(--line); display: block; height: 3px; width: 100%; }.onboarding-progress i.progress-active { background: var(--coral); }.step-question { color: var(--deep); font-family: "Playfair Display", serif; font-size: 1.3rem; letter-spacing: -0.04em; margin-bottom: 1rem; }.role-choice-grid { display: grid; gap: 0.65rem; grid-template-columns: 1fr 1fr; margin-bottom: 1.2rem; }.role-choice { background: transparent; border: 1px solid var(--line); display: grid; gap: 0.35rem; padding: 1rem; text-align: left; }.role-choice.active, .role-choice:hover { background: var(--mint); border-color: var(--ink); }.choice-icon { color: var(--coral-dark); font-size: 1.1rem; }.role-choice strong { font-size: 0.82rem; }.role-choice small { color: var(--muted); font-size: 0.64rem; line-height: 1.4; }.onboarding-fields { display: grid; gap: 0.5rem; }.onboarding-fields label { margin-top: 0.35rem !important; }.onboarding-fields label span { color: var(--muted); font-size: 0.58rem; font-weight: 400; letter-spacing: 0; text-transform: none; }.file-message { color: var(--muted); font-size: 0.62rem; line-height: 1.4; margin: 0.1rem 0 0; }.onboarding-summary { background: var(--mint); margin-bottom: 1rem; padding: 1rem; }.summary-row { display: flex; font-size: 0.72rem; justify-content: space-between; padding: 0.42rem 0; }.summary-row + .summary-row { border-top: 1px solid rgba(27, 61, 59, 0.15); }.summary-row span { color: var(--muted); }.completion-card { align-items: start; background: rgba(242, 201, 121, 0.33); display: flex; gap: 0.7rem; padding: 0.9rem; }.completion-icon { align-items: center; background: #72a77f; border-radius: 50%; color: #fff; display: inline-flex; flex: 0 0 auto; font-size: 0.65rem; height: 20px; justify-content: center; width: 20px; }.completion-card p { color: var(--muted); font-size: 0.68rem; line-height: 1.5; margin: 0; }.onboarding-actions { align-items: center; display: flex; justify-content: space-between; margin-top: 1.5rem; }.onboarding-actions .text-button { color: var(--muted); }.onboarding-actions .primary-button { min-width: 132px; }
.site-footer { align-items: center; border-top: 1px solid var(--line); color: var(--muted); display: flex; font-size: 0.64rem; gap: 1.5rem; justify-content: space-between; padding: 1.5rem 0; }.footer-brand { color: var(--ink); font-size: 0.9rem; }.footer-brand .brand-mark { height: 22px; width: 22px; }.footer-links { display: flex; gap: 1.3rem; }.footer-links a:hover { color: var(--coral-dark); }
.sr-only { clip: rect(0, 0, 0, 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

@media (max-width: 1020px) { .desktop-nav { margin-left: 0; }.hero { gap: 3rem; grid-template-columns: minmax(280px, 0.9fr) minmax(360px, 1.1fr); }.search-form { grid-template-columns: 1fr 1fr; }.search-form .primary-button { grid-column: span 2; }.moment-grid { grid-template-columns: repeat(2, 1fr); }.moment-card.featured { grid-column: span 2; }.preview-section { gap: 3rem; grid-template-columns: 0.8fr 1.2fr; }.how-content { gap: 3rem; grid-template-columns: 0.65fr 1.35fr; }.steps { grid-template-columns: 1fr; }.step { min-height: 0; padding: 0 0 1.6rem 1.2rem; }.step + .step { padding-top: 1.6rem; }.trust-section { gap: 3rem; grid-template-columns: 0.65fr 1.35fr; }.trust-points { grid-template-columns: 1fr; }.role-pages, .legal-section { gap: 3rem; grid-template-columns: 0.65fr 1.35fr; } }
@media (max-width: 700px) { .page-shell { padding: 0 1.25rem; }.site-header { height: 76px; }.desktop-nav { background: var(--paper); box-shadow: 0 14px 30px rgba(27, 61, 59, 0.1); display: none; flex-direction: column; gap: 1.1rem; left: 1.25rem; margin: 0; padding: 1.25rem; position: absolute; right: 1.25rem; top: 67px; z-index: 5; }.desktop-nav.mobile-open { display: flex; }.desktop-nav a.active::after { bottom: -5px; }.header-actions { display: none; }.menu-button { display: block; }.hero { display: flex; flex-direction: column; gap: 2.4rem; min-height: 0; padding: 3.7rem 0 5.2rem; }.hero-copy { max-width: none; width: 100%; }.hero-intro { font-size: 0.9rem; }.search-form { display: flex; flex-direction: column; }.search-form .primary-button { min-height: 47px; }.hero-visual { height: 390px; width: 100%; }.visual-sun { height: 115px; width: 115px; }.finish-arch { height: 145px; width: 190px; }.moments-section { padding: 4.5rem 0 5.5rem; }.section-heading { align-items: start; flex-direction: column; gap: 1.6rem; }.section-tools { width: 100%; }.sort-select { flex: 1; }.filter-row { flex-wrap: nowrap; margin: 0 -1.25rem 1.5rem; overflow-x: auto; padding: 0 1.25rem 0.25rem; }.filter-button { flex: 0 0 auto; }.moment-grid { display: flex; flex-direction: column; }.moment-card.featured { order: -1; }.moment-art, .moment-card.featured .moment-art { height: 265px; }.preview-section { display: flex; flex-direction: column; gap: 2.8rem; margin: 0 -1.25rem; padding: 4.7rem 1.25rem 5rem; }.preview-copy { max-width: none; width: 100%; }.preview-stage { height: 350px; width: 100%; }.stage-arch { height: 145px; width: 205px; }.how-it-works { margin: 0 -1.25rem; padding: 4.6rem 1.25rem 5.2rem; }.how-content { display: flex; flex-direction: column; gap: 2.8rem; }.host-banner { align-items: start; display: flex; flex-direction: column; gap: 2rem; padding: 4.8rem 0 5rem; }.host-banner > div:last-child { max-width: 360px; }.role-pages, .about-contact, .legal-section { display: flex; flex-direction: column; gap: 2.8rem; margin-left: -1.25rem; margin-right: -1.25rem; padding: 4.8rem 1.25rem 5.2rem; }.role-page-copy, .about-copy { max-width: none; width: 100%; }.sponsor-quote { max-width: none; padding-left: 1.3rem; }.pricing-section { padding: 4.8rem 0 5.2rem; }.heading-note { max-width: 350px; }.pricing-grid { display: flex; flex-direction: column; gap: 0.6rem; margin-top: 2.2rem; }.pricing-card, .pricing-card + .pricing-card { min-height: 330px; border: 1px solid var(--line); }.trust-section { display: flex; flex-direction: column; gap: 2.8rem; margin: 0 -1.25rem; padding: 4.8rem 1.25rem 5.2rem; }.trust-points { gap: 1.4rem; grid-template-columns: 1fr; }.about-contact { margin: 0; padding-left: 0; padding-right: 0; }.legal-section { margin: 0; padding-left: 0; padding-right: 0; }.legal-links a { align-items: start; flex-direction: column; gap: 0.35rem; }.dialog-panel { padding: 1.65rem; }.account-dialog { max-width: calc(100vw - 1.5rem); }.role-choice-grid { grid-template-columns: 1fr; }.detail-heading { flex-direction: column; gap: 0.8rem; }.detail-facts { grid-template-columns: 1fr; }.detail-sponsorship { align-items: start; flex-direction: column; }.builder-fields-two { grid-template-columns: 1fr; }.builder-fields-two > label, .builder-fields-two > textarea, .field-span-two { grid-column: auto; }.builder-progress { gap: 0.45rem; grid-template-columns: auto 1fr; }.builder-progress > div { grid-column: span 2; grid-row: 2; }.builder-actions { align-items: start; flex-direction: column; gap: 1rem; }.builder-actions > div { justify-content: space-between; width: 100%; }.site-footer { align-items: start; flex-wrap: wrap; gap: 1rem 1.5rem; }.site-footer > span:nth-last-child(1) { margin-left: auto; }.footer-links { order: 3; width: 100%; } h1 { font-size: clamp(3.4rem, 15vw, 5.4rem); } }
.moment-open { border-bottom: 1px solid var(--line); color: var(--coral-dark); display: inline-block; font-size: 0.66rem; margin-top: 0.85rem; padding-bottom: 0.35rem; }.moment-open:hover { border-color: var(--coral-dark); }.moment-open span { font-size: 0.9rem; margin-left: 0.3rem; }
.detail-inventory-heading { align-items: end; display: flex; justify-content: space-between; margin-top: 1.65rem; }.detail-inventory-heading .eyebrow { margin-bottom: 0.4rem; }.detail-inventory-heading h3 { font-family: "Playfair Display", serif; font-size: 1.25rem; letter-spacing: -0.04em; margin: 0; }.detail-inventory-heading > span { color: var(--muted); font-size: 0.62rem; }.detail-inventory { border-top: 1px solid var(--line); margin-top: 0.8rem; }.detail-asset { align-items: center; border-bottom: 1px solid var(--line); display: flex; gap: 1rem; justify-content: space-between; padding: 0.9rem 0; }.asset-type { color: var(--coral-dark); font-size: 0.58rem; letter-spacing: 0.09em; text-transform: uppercase; }.detail-asset h4 { font-size: 0.84rem; letter-spacing: -0.03em; margin: 0.3rem 0; }.detail-asset p { color: var(--muted); font-size: 0.65rem; margin: 0; }.detail-asset-meta { align-items: end; display: flex; flex-direction: column; gap: 0.25rem; text-align: right; }.detail-asset-meta strong { color: var(--deep); font-size: 0.72rem; }.detail-asset-meta span, .detail-asset-meta small { color: var(--muted); font-size: 0.59rem; }.detail-asset-meta small { color: #528260; }.detail-manage { color: var(--muted); font-size: 0.63rem; margin-top: 1rem; }.empty-inventory { color: var(--muted); font-size: 0.7rem; padding: 1rem 0; }.inventory-dialog { max-width: min(790px, calc(100vw - 2rem)); }.inventory-manager-heading { align-items: start; display: flex; justify-content: space-between; margin-bottom: 1rem; }.inventory-manager-heading .step-question { margin-bottom: 0.2rem; }.inventory-list { border-top: 1px solid var(--line); margin-bottom: 2rem; }.inventory-row { align-items: center; border-bottom: 1px solid var(--line); display: grid; gap: 0.8rem; grid-template-columns: 1.7rem 1fr auto auto; padding: 0.8rem 0; }.inventory-row.is-withdrawn { opacity: 0.52; }.inventory-row-index { color: var(--coral-dark); font-size: 0.62rem; }.inventory-row-info, .inventory-row-state { display: flex; flex-direction: column; gap: 0.23rem; }.inventory-row-info strong { font-size: 0.78rem; }.inventory-row-info span, .inventory-row-state span { color: var(--muted); font-size: 0.6rem; }.inventory-row-state { align-items: end; text-align: right; }.inventory-row-state strong { color: #528260; font-size: 0.66rem; }.inventory-row-actions { display: flex; gap: 0.22rem; }.inventory-row-actions button { background: transparent; border: 1px solid var(--line); color: var(--muted); font-size: 0.72rem; height: 27px; width: 27px; }.inventory-row-actions button:hover { border-color: var(--coral); color: var(--coral-dark); }.asset-form { border-top: 1px solid var(--line); padding-top: 1.35rem; }.asset-form .step-question { margin-bottom: 0.8rem; }.asset-form-actions { align-items: center; display: flex; gap: 1rem; justify-content: space-between; }.asset-form-actions .builder-status { flex: 1; }.asset-form-actions .primary-button { min-width: 125px; }
@media (max-width: 700px) { .detail-asset { align-items: start; flex-direction: column; gap: 0.55rem; }.detail-asset-meta { align-items: start; flex-direction: row; flex-wrap: wrap; text-align: left; }.detail-inventory-heading { align-items: start; flex-direction: column; gap: 0.3rem; }.inventory-manager-heading { align-items: start; flex-direction: column; gap: 0.7rem; }.inventory-row { align-items: start; grid-template-columns: 1.5rem 1fr; }.inventory-row-state { align-items: start; grid-column: 2; text-align: left; }.inventory-row-actions { grid-column: 2; }.asset-form-actions { align-items: start; flex-direction: column; }.asset-form-actions .primary-button { width: 100%; } }
.model-viewer[data-variant="dark"] .model-logo:not(.has-image) { background: var(--deep); color: var(--cream); }.model-viewer[data-variant="monochrome"] .model-logo:not(.has-image) { background: #fff; color: var(--deep); }.model-logo.has-image { background-color: transparent !important; background-position: center; background-repeat: no-repeat; background-size: contain; color: transparent; height: 32px; min-width: 82px; padding: 0; }
@media (max-width: 1020px) { .model-section { gap: 3rem; grid-template-columns: 0.8fr 1.2fr; } }
@media (max-width: 700px) { .model-section { display: flex; flex-direction: column; gap: 2.7rem; margin: 0 -1.25rem; padding: 4.8rem 1.25rem 5.2rem; }.model-copy { max-width: none; width: 100%; }.model-viewer { height: 375px; width: 100%; }.model-orbit-controls { right: 0.9rem; top: 0.9rem; } }
.filter-reset { align-self: end; color: var(--coral-dark); font-size: 0.64rem; justify-self: start; padding: 0.55rem 0; }
.filter-reset:hover { color: var(--deep); }
.matched-asset { background: rgba(215, 229, 216, 0.45); display: grid; gap: 0.22rem; margin-top: 0.8rem; padding: 0.7rem; position: relative; }
.matched-asset > span { color: var(--coral-dark); font-size: 0.56rem; letter-spacing: 0.09em; text-transform: uppercase; }
.matched-asset strong { font-size: 0.72rem; }
.matched-asset small { color: var(--muted); font-size: 0.61rem; }
.asset-save-button { background: transparent; border: 0; color: var(--coral-dark); font-size: 0.61rem; justify-self: start; padding: 0.25rem 0; }
.asset-save-button:hover, .asset-save-button.is-saved { color: var(--deep); text-decoration: underline; text-underline-offset: 0.2em; }
.workspace-tabs { border-bottom: 1px solid var(--line); display: flex; gap: 1.25rem; margin-bottom: 1.25rem; }
.workspace-tab { background: transparent; border: 0; color: var(--muted); font-size: 0.68rem; padding: 0 0 0.7rem; position: relative; }
.workspace-tab span { background: rgba(27, 61, 59, 0.08); border-radius: 20px; font-size: 0.57rem; margin-left: 0.3rem; padding: 0.15rem 0.38rem; }
.workspace-tab.active { color: var(--ink); font-weight: 700; }
.workspace-tab.active::after { background: var(--coral); bottom: -1px; content: ""; height: 2px; left: 0; position: absolute; right: 0; }
.saved-assets-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); }
.saved-asset-card { border-top: 1px solid var(--line); display: grid; gap: 0.8rem; padding: 0.95rem 0 0.25rem; }
.saved-asset-card h3 { font-size: 0.98rem; letter-spacing: -0.04em; margin: 0.35rem 0; }
.saved-asset-card p { color: var(--muted); font-size: 0.66rem; margin: 0; }
.saved-asset-meta { align-items: end; display: flex; gap: 0.75rem; justify-content: space-between; }
.saved-asset-meta strong { color: var(--deep); font-size: 0.72rem; }
.saved-asset-meta > span { color: #528260; font-size: 0.6rem; margin-left: auto; }
.saved-asset-card .moment-open { margin-top: 0; width: fit-content; }
.workspace-lower-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); margin-top: 3rem; }
.brand-safety-card { background: rgba(215, 229, 216, 0.45); display: grid; gap: 1rem; grid-template-columns: 1fr minmax(280px, 0.8fr); margin-top: 1rem; padding: 1.15rem; }
.brand-safety-card h3 { color: var(--deep); font-family: "Playfair Display", serif; font-size: 1.25rem; letter-spacing: -0.04em; margin: 0 0 0.35rem; }
.brand-safety-card p:not(.eyebrow):not(.safety-platform-note) { color: var(--muted); font-size: 0.67rem; line-height: 1.5; margin: 0; max-width: 460px; }
.safety-rule-form { align-self: start; display: grid; gap: 0.42rem; }
.safety-rule-form label { font-size: 0.6rem; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; }
.safety-rule-form > div { align-items: center; display: flex; gap: 0.55rem; }
.safety-rule-form input { background: rgba(251, 250, 247, 0.6); font-size: 0.68rem; min-width: 0; }
.safety-rule-form .text-button { color: var(--coral-dark); font-size: 0.61rem; padding: 0; white-space: nowrap; }
.safety-rule-list { align-items: center; border-top: 1px solid rgba(27, 61, 59, 0.16); display: flex; flex-wrap: wrap; gap: 0.45rem; grid-column: span 2; padding-top: 0.75rem; }
.safety-rule { align-items: center; background: rgba(251, 250, 247, 0.65); border: 1px solid rgba(27, 61, 59, 0.15); display: inline-flex; gap: 0.4rem; padding: 0.34rem 0.45rem 0.34rem 0.55rem; }
.safety-rule strong { color: var(--deep); font-size: 0.61rem; font-weight: 600; }
.safety-rule button { background: transparent; border: 0; color: var(--muted); font-size: 0.8rem; line-height: 1; padding: 0; }
.safety-platform-note { align-items: center; color: var(--muted); display: flex; font-size: 0.6rem; gap: 0.45rem; grid-column: span 2; line-height: 1.4; margin: 0; }
.host-safety-card { margin-bottom: 1.5rem; margin-top: 0; }
.workspace-panel { border-top: 1px solid var(--line); padding-top: 0.9rem; }
.workspace-panel-heading { align-items: start; display: flex; justify-content: space-between; }
.workspace-panel-heading .eyebrow { margin-bottom: 0.35rem; }
.workspace-panel-heading h3 { color: var(--deep); font-family: "Playfair Display", serif; font-size: 1.2rem; letter-spacing: -0.04em; margin: 0; }
.workspace-panel-heading .text-button { color: var(--coral-dark); font-size: 0.61rem; padding: 0.15rem 0; }
.workspace-panel-note { color: var(--muted); font-size: 0.6rem; padding-top: 0.15rem; }
.preview-history, .opportunity-list { border-top: 1px solid var(--line); margin-top: 0.85rem; }
.preview-history-row, .opportunity-row { align-items: center; border-bottom: 1px solid var(--line); display: grid; gap: 0.7rem; grid-template-columns: 42px 1fr auto; padding: 0.7rem 0; }
.preview-history-art { height: 42px; overflow: hidden; position: relative; }
.preview-history-art span { background: rgba(251, 250, 247, 0.88); bottom: 0.25rem; font-size: 0.46rem; left: 0.25rem; padding: 0.16rem 0.22rem; position: absolute; text-transform: uppercase; }
.preview-history-art.sport { background: linear-gradient(166deg, #c1d8d2 0 33%, #e4b080 33% 51%, #729490 51%); }
.preview-history-art.culture { background: linear-gradient(160deg, #eab48e 0 45%, #ca7060 45% 58%, #5d847d 58%); }
.preview-history-art.outdoor { background: linear-gradient(180deg, #dbd19f 0 32%, #9eb29b 32% 57%, #496f68 57%); }
.preview-history-row strong, .opportunity-row strong { font-size: 0.68rem; }
.preview-history-row p, .opportunity-row p { color: var(--muted); font-size: 0.59rem; line-height: 1.35; margin: 0.18rem 0 0; }
.preview-history-row time { color: var(--muted); font-size: 0.58rem; white-space: nowrap; }
.opportunity-row { grid-template-columns: 1fr auto; }
.opportunity-row > div:last-child { display: flex; flex-direction: column; gap: 0.2rem; text-align: right; }
.opportunity-state { color: var(--coral-dark); font-size: 0.6rem; font-weight: 700; }
.opportunity-row small { color: var(--muted); font-size: 0.57rem; }
@media (max-width: 700px) { .advanced-filters { grid-template-columns: 1fr 1fr; }.filter-reset { grid-column: span 2; }.workspace-tabs { overflow-x: auto; }.workspace-tab { flex: 0 0 auto; }.saved-assets-grid, .workspace-lower-grid { display: flex; flex-direction: column; }.saved-asset-meta { align-items: start; flex-wrap: wrap; }.saved-asset-meta > span { margin-left: 0; }.workspace-panel-heading { gap: 1rem; }.preview-history-row, .opportunity-row { grid-template-columns: 40px 1fr auto; }.opportunity-row { grid-template-columns: 1fr; gap: 0.45rem; }.opportunity-row > div:last-child { align-items: start; text-align: left; } }
.asset-deal-button { background: transparent; border: 1px solid var(--coral-dark); color: var(--coral-dark); font-size: 0.59rem; margin-top: 0.25rem; padding: 0.42rem 0.55rem; }
.asset-deal-button:hover { background: var(--coral); border-color: var(--coral); color: #fff; }
.asset-deal-button:disabled { border-color: var(--line); color: var(--muted); cursor: not-allowed; }
.payout-readiness-card { align-items: center; background: rgba(215, 229, 216, 0.45); display: flex; gap: 1.5rem; justify-content: space-between; margin: 1.2rem 0 1.5rem; padding: 1rem; }
.payout-readiness-card .eyebrow { color: var(--coral-dark); margin-bottom: 0.35rem; }
.payout-readiness-card h3 { color: var(--deep); font-family: "Playfair Display", serif; font-size: 1.1rem; letter-spacing: -0.04em; margin: 0 0 0.35rem; }
.payout-readiness-card p:not(.eyebrow) { color: var(--muted); font-size: 0.63rem; line-height: 1.45; margin: 0; max-width: 460px; }
.payout-readiness-card > div:last-child { align-items: end; display: flex; flex-direction: column; gap: 0.45rem; }
.payout-readiness-card .text-button { color: var(--coral-dark); font-size: 0.61rem; padding: 0; white-space: nowrap; }
.deal-room-dialog { max-width: min(920px, calc(100vw - 2rem)); }
.deal-room-heading { align-items: start; display: flex; gap: 1rem; justify-content: space-between; }
.deal-room-heading h2 { margin-bottom: 0.5rem; }
.deal-room-context { color: var(--muted); font-size: 0.7rem; margin: 0 0 1.45rem; }
.deal-summary { background: var(--mint); display: grid; gap: 0.8rem; grid-template-columns: repeat(3, 1fr); margin-bottom: 1.6rem; padding: 0.9rem 1rem; }
.deal-summary div { display: flex; flex-direction: column; gap: 0.25rem; }
.deal-summary span { color: var(--muted); font-size: 0.58rem; text-transform: uppercase; }
.deal-summary strong { color: var(--deep); font-size: 0.72rem; }
.deal-room-grid { display: grid; gap: 2rem; grid-template-columns: 1fr 1fr; }
.deal-subheading { border-bottom: 1px solid var(--line); padding-bottom: 0.65rem; }
.deal-subheading .eyebrow { margin-bottom: 0.35rem; }
.deal-subheading h3 { color: var(--deep); font-family: "Playfair Display", serif; font-size: 1.15rem; letter-spacing: -0.04em; margin: 0; }
.offer-history, .deal-thread { max-height: 285px; overflow: auto; padding-right: 0.25rem; }
.offer-card { border-bottom: 1px solid var(--line); padding: 0.8rem 0; }
.offer-card.is-latest { background: rgba(215, 229, 216, 0.32); padding-left: 0.65rem; padding-right: 0.65rem; }
.offer-card > div { display: flex; justify-content: space-between; }
.offer-card > div span { color: var(--coral-dark); font-size: 0.59rem; font-weight: 700; text-transform: uppercase; }
.offer-card time { color: var(--muted); font-size: 0.57rem; }
.offer-card > strong { color: var(--deep); display: block; font-family: "Playfair Display", serif; font-size: 1.25rem; margin: 0.35rem 0; }
.offer-card p, .offer-card small { color: var(--muted); font-size: 0.63rem; line-height: 1.45; margin: 0; }
.offer-card small { display: block; margin-top: 0.4rem; }
.deal-message { background: rgba(215, 229, 216, 0.38); display: flex; flex-direction: column; font-size: 0.65rem; line-height: 1.45; margin: 0.7rem 0 0; padding: 0.65rem; }
.deal-message.host { background: rgba(242, 201, 121, 0.25); }
.deal-message.system { background: transparent; border-left: 2px solid var(--line); color: var(--muted); padding: 0.35rem 0.65rem; }
.deal-message > span { color: var(--coral-dark); font-size: 0.56rem; font-weight: 700; letter-spacing: 0.07em; margin-bottom: 0.2rem; text-transform: uppercase; }
.deal-message small { color: var(--muted); font-size: 0.55rem; margin-top: 0.3rem; }
.deal-message-form { align-items: center; border-top: 1px solid var(--line); display: flex !important; gap: 0.7rem; grid-template-columns: 1fr auto; margin-top: 0.7rem; padding-top: 0.7rem; }
.deal-message-form input { flex: 1; font-size: 0.68rem; padding: 0.6rem 0.65rem; }
.deal-message-form .text-button { color: var(--coral-dark); font-size: 0.63rem; padding: 0; }
.offer-form { border-top: 1px solid var(--line); margin-top: 1.8rem; padding-top: 1.2rem; }
.offer-form .deal-subheading { border: 0; padding: 0; }
.deal-form-actions { align-items: center; display: flex; gap: 1rem; justify-content: space-between; margin-top: 1rem; }
.deal-form-actions .builder-status { flex: 1; margin: 0; }
.deal-form-actions .primary-button { min-width: 135px; }
.deal-action-row { align-items: center; border-top: 1px solid var(--line); display: flex; gap: 1.1rem; justify-content: flex-end; margin-top: 1.25rem; padding-top: 1rem; }
.deal-action-row .text-button { color: var(--muted); font-size: 0.63rem; padding: 0; }
.deal-action-row .text-button:hover { color: var(--coral-dark); }
.deal-action-row .primary-button { font-size: 0.65rem; }
.opportunity-open { color: var(--coral-dark); font-size: 0.58rem; padding: 0.2rem 0; }
.deal-payment-card { align-items: center; background: var(--deep); color: var(--cream); display: flex; gap: 1.5rem; justify-content: space-between; margin: -0.35rem 0 1.6rem; padding: 1.1rem 1.2rem; }
.deal-payment-card .eyebrow { color: #f6d38a; margin-bottom: 0.35rem; }
.deal-payment-card h3 { font-family: "Playfair Display", serif; font-size: 1.18rem; letter-spacing: -0.04em; margin: 0 0 0.35rem; }
.deal-payment-card p:not(.eyebrow) { color: rgba(244, 241, 234, 0.68); font-size: 0.65rem; line-height: 1.45; margin: 0; max-width: 490px; }
.deal-payment-card > div:last-child { align-items: end; display: flex; flex-direction: column; gap: 0.5rem; }
.payment-state { color: #f6d38a; font-size: 0.58rem; letter-spacing: 0.08em; text-transform: uppercase; }
.deal-payment-card .primary-button { background: var(--cream); color: var(--deep); white-space: nowrap; }
.deal-payment-card .primary-button:hover { background: var(--yellow); }
.payment-dialog { max-width: min(660px, calc(100vw - 2rem)); }
.payment-heading { align-items: start; display: flex; gap: 1rem; justify-content: space-between; }
.payment-heading h2 { margin-bottom: 0.5rem; }
.payment-context { color: var(--muted); font-size: 0.7rem; margin: 0 0 1.45rem; }
.payment-breakdown { background: var(--mint); margin-bottom: 1.25rem; padding: 0.85rem 1rem; }
.payment-breakdown > div { align-items: baseline; display: flex; gap: 1rem; justify-content: space-between; padding: 0.45rem 0; }
.payment-breakdown > div + div { border-top: 1px solid rgba(27, 61, 59, 0.14); }
.payment-breakdown span { color: var(--muted); font-size: 0.63rem; }
.payment-breakdown strong { color: var(--deep); font-size: 0.74rem; }
.payment-breakdown .payment-total { padding-top: 0.72rem; }
.payment-breakdown .payment-total span, .payment-breakdown .payment-total strong { color: var(--deep); font-weight: 700; }
.payment-breakdown .payment-payout { align-items: start; flex-wrap: wrap; }
.payment-breakdown .payment-payout small { color: var(--muted); flex-basis: 100%; font-size: 0.58rem; line-height: 1.4; }
.payment-form { border-top: 1px solid var(--line); padding-top: 0.9rem; }
.payment-form .builder-fields { grid-template-columns: 1fr; }
.payment-check { align-items: start; display: flex; gap: 0.55rem; line-height: 1.4; text-transform: none !important; }
.payment-check input { accent-color: var(--coral); flex: 0 0 auto; height: 15px; margin-top: 0.1rem; width: 15px; }
.payment-actions { display: flex; justify-content: flex-end; margin-top: 0.8rem; }
.payment-confirmation { background: rgba(215, 229, 216, 0.45); margin-top: 1rem; padding: 0.9rem 1rem; }
.payment-confirmation .primary-button { margin-top: 0.55rem; }
.payment-secondary-actions { display: flex; gap: 1rem; justify-content: flex-end; margin-top: 1rem; }
.payment-secondary-actions .text-button { color: var(--muted); font-size: 0.6rem; padding: 0; }
.payment-secondary-actions .text-button:hover { color: var(--coral-dark); }
.payment-status-message { color: var(--coral-dark); font-size: 0.68rem; line-height: 1.45; margin: 1rem 0 0; min-height: 1rem; }
.fulfillment-panel { border-top: 1px solid var(--line); margin-top: 1.8rem; padding-top: 1.25rem; }
.fulfillment-heading { align-items: start; display: flex; gap: 1rem; justify-content: space-between; }
.fulfillment-heading h3 { color: var(--deep); font-family: "Playfair Display", serif; font-size: 1.45rem; letter-spacing: -0.04em; margin: 0 0 0.35rem; }
.fulfillment-heading p:not(.eyebrow) { color: var(--muted); font-size: 0.67rem; line-height: 1.45; margin: 0; max-width: 470px; }
.deliverables-list { display: grid; gap: 0.65rem; margin-top: 1.1rem; }
.deliverable-card { align-items: start; background: rgba(215, 229, 216, 0.3); display: grid; gap: 0.75rem; grid-template-columns: auto 1fr auto; padding: 0.85rem; }
.deliverable-card.is-complete { background: rgba(215, 229, 216, 0.65); }
.deliverable-index { color: var(--coral-dark); font-family: "Playfair Display", serif; font-size: 1.2rem; }
.deliverable-copy { min-width: 0; }
.deliverable-copy h4 { color: var(--deep); font-size: 0.78rem; margin: 0.25rem 0; }
.deliverable-copy p, .deliverable-copy small { color: var(--muted); display: block; font-size: 0.6rem; line-height: 1.45; margin: 0.28rem 0 0; overflow-wrap: anywhere; }
.deliverable-copy small.deliverable-review { color: var(--coral-dark); }
.deliverable-copy small.deliverable-review.is-approved { color: #528260; }
.deliverable-copy small.deliverable-review.is-rejected { color: var(--coral-dark); }
.deliverable-status { color: var(--deep); font-size: 0.56rem; letter-spacing: 0.07em; padding-top: 0.15rem; text-transform: uppercase; }
.fulfillment-grid { display: grid; gap: 2rem; grid-template-columns: 1fr 1fr; margin-top: 1.6rem; }
.proof-form, .proof-review-controls { border-top: 1px solid var(--line); display: grid; gap: 0.5rem; padding-top: 0.8rem; }
.proof-form label, .proof-review-controls label, .dispute-card > label, .dispute-actions label, .exception-form label { font-size: 0.6rem; font-weight: 700; letter-spacing: 0.07em; margin-top: 0.3rem; text-transform: uppercase; }
.proof-form input, .proof-form select, .proof-form textarea, .proof-review-controls textarea, .dispute-card textarea, .dispute-actions input, .exception-form textarea, .exception-form select { background: transparent; font-size: 0.68rem; }
.proof-form .primary-button { margin-top: 0.5rem; }
.proof-review-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 0.55rem; }
.proof-review-actions .primary-button, .proof-review-actions .text-button { font-size: 0.61rem; padding: 0.55rem 0.65rem; }
.proof-review-actions .text-button { color: var(--muted); }
.proof-review-actions .text-button:hover { color: var(--coral-dark); }
.dispute-card { background: rgba(242, 201, 121, 0.23); display: grid; gap: 0.55rem; margin-top: 1.6rem; padding: 1rem; }
.dispute-card .eyebrow { color: var(--coral-dark); margin-bottom: 0.3rem; }
.dispute-card h3, .exception-form h3 { color: var(--deep); font-family: "Playfair Display", serif; font-size: 1.05rem; letter-spacing: -0.04em; margin: 0 0 0.35rem; }
.dispute-card p:not(.eyebrow) { color: var(--muted); font-size: 0.63rem; line-height: 1.45; margin: 0; }
.dispute-card > .text-button { color: var(--coral-dark); justify-self: start; padding: 0; }
.dispute-actions { border-top: 1px solid rgba(27, 61, 59, 0.16); display: grid; gap: 0.55rem; margin-top: 0.3rem; padding-top: 0.75rem; }
.dispute-actions > div { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.dispute-actions .text-button { color: var(--coral-dark); font-size: 0.6rem; padding: 0; }
.exception-list { margin-top: 1.3rem; }
.exception-list > .eyebrow { color: var(--coral-dark); margin-bottom: 0.45rem; }
.exception-row { border-top: 1px solid var(--line); display: grid; gap: 0.25rem; padding: 0.6rem 0; }
.exception-row strong { color: var(--deep); font-size: 0.65rem; }
.exception-row span, .exception-row small { color: var(--muted); font-size: 0.6rem; line-height: 1.4; }
.exception-form { border-top: 1px solid var(--line); display: grid; gap: 0.5rem; margin-top: 1.5rem; padding-top: 0.85rem; }
.exception-form > .text-button { color: var(--coral-dark); justify-self: start; padding: 0; }
.completion-button { margin-top: 1.25rem; }
.fulfillment-status-message { color: var(--coral-dark); font-size: 0.67rem; line-height: 1.45; margin: 0.85rem 0 0; min-height: 1rem; }
@media (max-width: 700px) { .detail-asset-meta { align-items: start; }.payout-readiness-card { align-items: start; flex-direction: column; }.payout-readiness-card > div:last-child { align-items: start; }.deal-room-heading { flex-direction: column; gap: 0.2rem; }.deal-summary { grid-template-columns: 1fr; }.deal-room-grid { display: flex; flex-direction: column; gap: 1.5rem; }.offer-history, .deal-thread { max-height: none; }.deal-form-actions, .deal-action-row { align-items: start; flex-direction: column; }.deal-form-actions .primary-button, .deal-action-row .primary-button { width: 100%; }.deal-action-row { justify-content: start; } }
@media (max-width: 700px) { .deal-payment-card { align-items: start; flex-direction: column; }.deal-payment-card > div:last-child { align-items: start; }.payment-heading { flex-direction: column; gap: 0.2rem; }.payment-secondary-actions { align-items: start; flex-direction: column; gap: 0.65rem; }.fulfillment-heading { flex-direction: column; gap: 0.55rem; }.fulfillment-grid { display: flex; flex-direction: column; gap: 1.5rem; }.deliverable-card { grid-template-columns: auto 1fr; }.deliverable-status { grid-column: 2; padding-top: 0; }.proof-review-actions, .dispute-actions > div { align-items: start; flex-direction: column; } }
.auction-dialog { max-width: min(850px, calc(100vw - 2rem)); }
.auction-heading { align-items: start; display: flex; gap: 1rem; justify-content: space-between; }
.auction-heading h2 { margin-bottom: 0.5rem; }
.auction-context { color: var(--muted); font-size: 0.7rem; margin: 0 0 1.45rem; }
.auction-dashboard { background: var(--deep); color: var(--cream); display: grid; gap: 0.8rem; grid-template-columns: repeat(3, 1fr); margin-bottom: 0.8rem; padding: 1rem; }
.auction-dashboard div { display: flex; flex-direction: column; gap: 0.25rem; }
.auction-dashboard span { color: rgba(244, 241, 234, 0.65); font-size: 0.58rem; text-transform: uppercase; }
.auction-dashboard strong { font-family: "Playfair Display", serif; font-size: clamp(1.15rem, 2.2vw, 1.7rem); font-weight: 600; letter-spacing: -0.04em; }
.auction-reserve { align-items: center; background: rgba(242, 201, 121, 0.28); display: flex; flex-wrap: wrap; gap: 0.45rem 0.65rem; margin-bottom: 1.6rem; padding: 0.65rem 0.8rem; }
.reserve-dot { background: var(--coral); border-radius: 50%; height: 8px; width: 8px; }
.reserve-dot.met { background: #72a77f; }
.auction-reserve strong { font-size: 0.65rem; }
.auction-reserve > span:last-child { color: var(--muted); font-size: 0.62rem; }
.auction-eligibility { background: rgba(156, 180, 177, 0.18); color: var(--muted); font-size: 0.62rem; line-height: 1.45; margin: -0.6rem 0 1.5rem; padding: 0.65rem 0.8rem; }
.auction-eligibility strong { color: var(--ink); }
.auction-grid { display: grid; gap: 2rem; grid-template-columns: 1fr 0.8fr; }
.bid-history { border-top: 1px solid var(--line); max-height: 295px; overflow: auto; }
.bid-row { align-items: center; border-bottom: 1px solid var(--line); display: grid; gap: 0.6rem; grid-template-columns: 1fr auto; padding: 0.8rem 0; position: relative; }
.bid-row.is-leading { background: rgba(215, 229, 216, 0.32); padding-left: 0.65rem; padding-right: 0.65rem; }
.bid-row > div { display: flex; flex-direction: column; gap: 0.18rem; }
.bid-row strong { font-size: 0.68rem; }
.bid-row time { color: var(--muted); font-size: 0.57rem; }
.bid-row > span { color: var(--deep); font-family: "Playfair Display", serif; font-size: 1.1rem; }
.bid-row small { color: #528260; font-size: 0.56rem; grid-column: span 2; }
.bid-form { border-top: 1px solid var(--line); display: grid !important; gap: 0.55rem; padding-top: 0.8rem; }
.bid-form label { font-size: 0.62rem; font-weight: 700; letter-spacing: 0.07em; margin-top: 0.35rem; text-transform: uppercase; }
.bid-form .primary-button { margin-top: 0.45rem; }
.bid-form .primary-button:disabled { background: var(--mint); color: var(--muted); cursor: not-allowed; transform: none; }
.auction-demo-bid { color: var(--coral-dark); font-size: 0.61rem; margin-top: 0.8rem; padding: 0; }
.auction-notification { color: var(--coral-dark); font-size: 0.68rem; line-height: 1.45; margin: 1.45rem 0 0; min-height: 1rem; }
@media (max-width: 700px) { .auction-heading { flex-direction: column; gap: 0.2rem; }.auction-dashboard { grid-template-columns: 1fr; }.auction-grid { display: flex; flex-direction: column; gap: 1.5rem; }.bid-history { max-height: none; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; } }
.host-trust-summary { border-top: 1px solid var(--line); margin-top: 1.2rem; padding-top: 0.15rem; }
.trust-badge-row { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.65rem; }
.host-reputation { display: flex; flex-wrap: wrap; gap: 0.35rem 0.9rem; margin-top: 0.75rem; }
.host-reputation span { color: var(--muted); font-size: 0.59rem; text-transform: uppercase; }
.is-safety-blocked { opacity: 0.62; }
.is-safety-blocked .detail-asset-meta small { color: var(--coral-dark); }
.review-panel { border-top: 1px solid var(--line); margin-top: 2rem; padding-top: 1.25rem; }
.review-form { border-top: 1px solid var(--line); display: grid; gap: 0.55rem; margin-top: 1.25rem; padding-top: 0.8rem; }
.review-form-heading { align-items: center; display: flex; gap: 0.75rem; justify-content: space-between; }
.review-form label { font-size: 0.6rem; font-weight: 700; letter-spacing: 0.07em; margin-top: 0.3rem; text-transform: uppercase; }
.review-form select, .review-form textarea { background: transparent; font-size: 0.68rem; }
.review-form-heading select { max-width: 190px; }
.review-rating-grid { display: grid; gap: 0.7rem; grid-template-columns: repeat(2, 1fr); margin: 0.35rem 0; }
.review-rating-grid label { display: grid; gap: 0.35rem; }
.review-history { border-top: 1px solid var(--line); margin-top: 1.35rem; padding-top: 0.8rem; }
.review-history-heading { align-items: center; display: flex; justify-content: space-between; }
.review-history-heading > span { color: var(--muted); font-size: 0.6rem; }
.review-history-row { align-items: start; border-bottom: 1px solid var(--line); display: flex; gap: 1rem; justify-content: space-between; padding: 0.75rem 0; }
.review-history-row > div { display: flex; flex-direction: column; gap: 0.25rem; }
.review-history-row > div:last-child { align-items: end; }
.review-history-row strong { color: var(--deep); font-size: 0.67rem; }
.review-history-row span, .review-history-row small { color: var(--muted); font-size: 0.61rem; line-height: 1.4; }
@media (max-width: 700px) { .brand-safety-card { display: flex; flex-direction: column; }.safety-rule-list, .safety-platform-note { grid-column: auto; }.safety-rule-form > div { align-items: start; flex-direction: column; }.safety-rule-form input, .safety-rule-form .text-button { width: 100%; }.review-rating-grid { grid-template-columns: 1fr; }.review-form-heading { align-items: start; flex-direction: column; }.review-form-heading select { max-width: none; width: 100%; }.review-history-row { flex-direction: column; }.review-history-row > div:last-child { align-items: start; } }
.brief-dashboard-grid { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); margin-top: 1rem; }
.brief-card, .dashboard-card, .brief-matches-card { border-top: 1px solid var(--line); padding-top: 0.9rem; }
.brief-card h3, .dashboard-card h3, .brief-matches-card h3 { color: var(--deep); font-family: "Playfair Display", serif; font-size: 1.25rem; letter-spacing: -0.04em; margin: 0 0 0.35rem; }
.brief-intro { color: var(--muted); font-size: 0.67rem; line-height: 1.5; margin: 0.85rem 0; max-width: 540px; }
.brief-form, .brief-application-form { border-top: 1px solid var(--line); display: grid; gap: 0.5rem; margin-top: 0.8rem; padding-top: 0.8rem; }
.brief-form label, .brief-application-form label { display: grid; font-size: 0.6rem; font-weight: 700; gap: 0.3rem; letter-spacing: 0.07em; margin-top: 0.3rem; text-transform: uppercase; }
.brief-form label span { color: var(--muted); font-size: 0.57rem; font-weight: 400; letter-spacing: 0; text-transform: none; }
.brief-form input, .brief-form textarea, .brief-application-form input, .brief-application-form select, .brief-application-form textarea { background: transparent; font-size: 0.68rem; }
.brief-form-two { display: grid; gap: 0.7rem; grid-template-columns: 1fr 1fr; }
.brief-form-two > div { display: grid; gap: 0.3rem; }
.brief-list { border-top: 1px solid var(--line); margin-top: 1.25rem; }
.brief-list-row { border-bottom: 1px solid var(--line); }
.brief-select { align-items: start; background: transparent; border: 0; color: inherit; display: flex; flex-direction: column; gap: 0.28rem; padding: 0.75rem 0; text-align: left; width: 100%; }
.brief-select:hover, .brief-list-row.is-selected .brief-select { color: var(--coral-dark); }
.brief-select strong { color: var(--deep); font-size: 0.72rem; }
.brief-select small { color: var(--muted); font-size: 0.59rem; }
.dashboard-stats { display: grid; gap: 0.9rem 0.7rem; grid-template-columns: repeat(2, 1fr); margin-top: 1rem; }
.dashboard-stats div { border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 0.18rem; padding-top: 0.55rem; }
.dashboard-stats strong { color: var(--deep); font-family: "Playfair Display", serif; font-size: 1.15rem; letter-spacing: -0.06em; }
.dashboard-stats span { color: var(--muted); font-size: 0.56rem; text-transform: uppercase; }
.notification-card { border-top: 1px solid var(--line); margin-top: 1.25rem; padding-top: 0.8rem; }
.notification-card h4, .host-brief-matches h4 { color: var(--deep); font-family: "Playfair Display", serif; font-size: 1rem; letter-spacing: -0.03em; margin: 0; }
.notification-preference-grid { display: grid; gap: 0.5rem; grid-template-columns: repeat(2, 1fr); margin-top: 0.75rem; }
.notification-preference-grid label { align-items: center; color: var(--muted); display: flex; font-size: 0.59rem; gap: 0.35rem; }
.notification-preference-grid input { accent-color: var(--coral); height: 14px; width: 14px; }
.notification-list { border-top: 1px solid var(--line); margin-top: 0.8rem; }
.notification-row { align-items: center; background: transparent; border: 0; border-bottom: 1px solid var(--line); display: grid; gap: 0.5rem; grid-template-columns: 8px 1fr auto; padding: 0.65rem 0; text-align: left; width: 100%; }
.notification-row:hover { background: rgba(215, 229, 216, 0.3); }
.notification-row > span:nth-child(2) { display: flex; flex-direction: column; gap: 0.22rem; }
.notification-row strong { color: var(--deep); font-size: 0.64rem; }
.notification-row small, .notification-row time { color: var(--muted); font-size: 0.57rem; line-height: 1.35; }
.notification-row time { white-space: nowrap; }
.notification-dot { background: var(--coral); border-radius: 50%; height: 6px; width: 6px; }
.notification-dot.is-read { background: var(--line); }
.notification-row.is-read strong { font-weight: 500; }
.brief-matches-card { margin-top: 2.5rem; }
.brief-matches { border-top: 1px solid var(--line); margin-top: 0.8rem; }
.brief-match-row { align-items: center; border-bottom: 1px solid var(--line); display: grid; gap: 1rem; grid-template-columns: minmax(145px, 0.8fr) 1.4fr auto; padding: 0.85rem 0; }
.brief-match-row h4 { color: var(--deep); font-size: 0.78rem; margin: 0.35rem 0 0.2rem; }
.brief-match-row p { color: var(--muted); font-size: 0.59rem; margin: 0; }
.match-score { color: var(--coral-dark); font-size: 0.59rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.match-reasons { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.match-reasons span { background: rgba(215, 229, 216, 0.45); color: var(--muted); font-size: 0.56rem; padding: 0.3rem 0.4rem; }
.brief-match-row > .text-button { color: var(--coral-dark); font-size: 0.6rem; padding: 0; white-space: nowrap; }
.host-dashboard { border-top: 1px solid var(--line); margin-bottom: 1.5rem; padding-top: 0.9rem; }
.host-brief-matches { border-top: 1px solid var(--line); margin-top: 1.2rem; padding-top: 0.8rem; }
.host-brief-matches .brief-match-row { grid-template-columns: minmax(130px, 0.8fr) 1fr auto; }
.brief-application-form { margin-top: 1rem; }
.brief-application-form .workspace-panel-heading { margin-bottom: 0.2rem; }
.host-notifications { margin-top: 1.2rem; }
@media (max-width: 700px) { .brief-dashboard-grid { display: flex; flex-direction: column; }.brief-form-two { grid-template-columns: 1fr; }.dashboard-stats { grid-template-columns: repeat(2, 1fr); }.brief-match-row, .host-brief-matches .brief-match-row { align-items: start; display: flex; flex-direction: column; gap: 0.65rem; }.brief-match-row > .text-button { align-self: start; }.notification-row { grid-template-columns: 8px 1fr; }.notification-row time { grid-column: 2; } }
.operations-section { background: var(--mint); border-top: 1px solid var(--line); margin: 0 calc(5.7vw * -1); padding: 5rem 5.7vw 5.5rem; }
.operations-heading { align-items: end; display: flex; gap: 1rem; justify-content: space-between; }
.operations-heading h2 { color: var(--deep); font-size: clamp(2.2rem, 4.1vw, 4rem); line-height: 0.98; margin: 0; }
.operations-intro { color: var(--muted); font-size: 0.75rem; line-height: 1.55; margin: 1.2rem 0 2rem; max-width: 540px; }
.operations-stats { display: grid; gap: 0.8rem; grid-template-columns: repeat(6, 1fr); margin-bottom: 2rem; }
.operations-stats div { border-top: 1px solid rgba(27, 61, 59, 0.22); display: flex; flex-direction: column; gap: 0.2rem; padding-top: 0.55rem; }
.operations-stats strong { color: var(--deep); font-family: "Playfair Display", serif; font-size: 1.35rem; letter-spacing: -0.06em; }
.operations-stats span, .ops-metric-list span { color: var(--muted); font-size: 0.55rem; text-transform: uppercase; }
.operations-grid { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; margin-top: 1rem; }
.operations-card { background: rgba(251, 250, 247, 0.55); border-top: 1px solid var(--deep); padding: 1rem; }
.operations-card h3 { color: var(--deep); font-family: "Playfair Display", serif; font-size: 1.3rem; letter-spacing: -0.04em; margin: 0 0 0.3rem; }
.ops-list, .ops-audit-list, .ops-curation-list { border-top: 1px solid var(--line); margin-top: 0.7rem; }
.ops-row { align-items: start; border-bottom: 1px solid var(--line); display: flex; gap: 1rem; justify-content: space-between; padding: 0.75rem 0; }
.ops-row.is-resolved { opacity: 0.55; }
.ops-row > div:first-child, .ops-curation-row > div { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; }
.ops-row strong, .ops-curation-row strong { color: var(--deep); font-size: 0.68rem; text-transform: capitalize; }
.ops-row small, .ops-curation-row small { color: var(--muted); font-size: 0.59rem; line-height: 1.4; }
.ops-row-actions { align-items: end; display: flex; flex-wrap: wrap; gap: 0.35rem 0.6rem; justify-content: end; min-width: 125px; }
.ops-row-actions .text-button { color: var(--coral-dark); font-size: 0.57rem; padding: 0; }
.ops-severity, .risk-score { align-self: start; font-size: 0.54rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.severity-4, .severity-5, .risk-high { color: var(--coral-dark); }
.severity-3, .risk-medium { color: #96742f; }
.severity-1, .severity-2, .risk-low { color: #528260; }
.ops-metric-list { display: grid; gap: 0.75rem; grid-template-columns: 1fr 1fr; margin-top: 0.75rem; }
.ops-metric-list div { border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 0.18rem; padding-top: 0.55rem; }
.ops-metric-list strong { color: var(--deep); font-family: "Playfair Display", serif; font-size: 1rem; }
.launch-checklist { border-top: 1px solid var(--line); display: grid; gap: 0.65rem; margin-top: 0.75rem; padding-top: 0.75rem; }
.launch-checklist label { align-items: start; color: var(--muted); display: flex; font-size: 0.61rem; gap: 0.5rem; line-height: 1.4; }
.launch-checklist input { accent-color: var(--coral); flex: 0 0 auto; margin-top: 0.05rem; }
.operations-curation, .operations-audit { margin-top: 1rem; }
.ops-curation-row { align-items: center; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; padding: 0.75rem 0; }
.ops-curation-row .text-button { color: var(--coral-dark); font-size: 0.6rem; padding: 0; white-space: nowrap; }
.ops-audit-row { align-items: start; border-bottom: 1px solid var(--line); display: grid; gap: 0.75rem; grid-template-columns: 1fr 1.6fr auto; padding: 0.7rem 0; }
.ops-audit-row div { display: flex; flex-direction: column; gap: 0.2rem; }
.ops-audit-row strong { color: var(--deep); font-size: 0.62rem; text-transform: capitalize; }
.ops-audit-row p, .ops-audit-row time { color: var(--muted); font-size: 0.59rem; line-height: 1.4; margin: 0; }
@media (max-width: 700px) { .operations-section { margin-left: -1.25rem; margin-right: -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; }.operations-heading { align-items: start; flex-direction: column; }.operations-stats { grid-template-columns: repeat(2, 1fr); }.operations-grid { display: flex; flex-direction: column; }.ops-row, .ops-curation-row { align-items: start; flex-direction: column; }.ops-row-actions { align-items: start; justify-content: start; }.ops-audit-row { display: flex; flex-direction: column; gap: 0.25rem; } }