/* Steel The Day. Original artwork, quiet gradients and a warm monochrome palette. */
:root {
  --paper:#f6f3ee; --white:#fffefd; --ink:#242220; --dark:#1b1a19;
  --muted:#756f68; --line:#e4ded5; --lime:#e8ded0; --sage:#eae4db;
  --peach:#eee3d7; --green:#5c5044; --radius:20px;
  --shadow:0 8px 32px #382d1f06;
  --display:Didot,'Bodoni MT','Times New Roman',serif;
}
body {
  background:radial-gradient(ellipse at 85% 0%,#fffdf9 0,transparent 45%),
    linear-gradient(145deg,#f9f7f2 0%,#f2eee7 100%);
  background-attachment:fixed;
}
.brand-lockup {display:flex;flex-direction:column;align-items:center;gap:13px;line-height:1}
.brand>.brand-lockup,.mobile-brand>.brand-lockup,.footer-brand>.brand-lockup,.account-brand>.brand-lockup {display:flex;margin:0;padding:0;letter-spacing:normal}
.brand-art {display:block;width:110px;height:auto;aspect-ratio:1302/1042;overflow:hidden;flex:none}
.brand-art-ink {mix-blend-mode:normal}
.brand-art-light {mix-blend-mode:normal;filter:brightness(0) invert(1)}
.brand-lockup .brand-credit {
  display:block;margin:0;text-align:center;text-transform:uppercase;
  font-family:Georgia,'Times New Roman',serif;font-size:9px;font-weight:400;
  line-height:1.7;letter-spacing:1.6px;color:inherit;
}
.brand-lockup .brand-credit>span {display:block;margin:0;font:inherit;color:inherit;letter-spacing:2.3px}
.sidebar {
  background:radial-gradient(ellipse at 0 0,#39342e 0,transparent 55%),
    linear-gradient(160deg,#252321,#161616 90%);
  color:#f8f4ef;padding-top:30px;border-right:1px solid #ffffff09;
}
.sidebar .brand {display:block;padding:0;margin:0;color:#faf7f2;letter-spacing:normal}
.sidebar .brand .brand-art {width:112px}
.sidebar .brand .brand-credit {font-size:8px;letter-spacing:1.3px;color:#d1c9be}
.sidebar .brand .brand-credit>span {letter-spacing:2px}
.nav-caption {color:#a89f93;margin-top:34px;font-size:8px;letter-spacing:1.5px;text-align:center}
.nav-button {color:#c1b8ac;border:1px solid transparent;border-radius:12px}
.nav-button:hover {background:#ffffff0b;color:#fff9f2;border-color:#ffffff09}
.nav-button.active {background:linear-gradient(125deg,#f5eee4,#ddd0be);color:#29231d;box-shadow:0 4px 20px #00000015}
.founder-link {border-color:#ffffff23;color:#d9d0c5;background:linear-gradient(125deg,#ffffff05,transparent);border-radius:12px}
.founder-link:hover {background:#ffffff0b;border-color:#ffffff38}
.founder-link span:first-child {color:#dfc9ad}
.sidebar-couple {border-color:#ffffff1c}
.sidebar-bottom small {color:#b3a99b}
.avatar {background:#e5dac9;color:#41392f}
.avatar+.avatar {background:#c4b8a8}
.topbar {background:linear-gradient(100deg,#fffdfb99,#f9f6f199);backdrop-filter:blur(14px)}
.breadcrumb {color:#857b6e;letter-spacing:1.7px}
.preview-pill {background:#fffdf98c;color:#645b4e;border-color:#e1d8ca}
.preview-pill>span:first-child {background:#887762;box-shadow:0 0 0 3px #b8a58b15}
.quiet-button {color:#6a6054}
.page-heading h1,.hero h2,.account-story h1,.account-card h2,
.modal-head h2,.nudge h3,.money-summary h2,.legal-page h1 {
  font-family:var(--display);font-weight:400;letter-spacing:-.035em;
}
.page-heading h1 {font-size:clamp(36px,3.8vw,53px);line-height:1.08}
.page-heading p:not(.eyebrow) {line-height:1.75}
.eyebrow {color:#8a7a66;letter-spacing:2.2px}
.panel-head h2,.section-title {font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:22px;letter-spacing:-.5px}
.button {border-color:#ded5c8;background:linear-gradient(135deg,#fffefd,#f8f4ee);border-radius:11px;min-height:41px}
.button:hover {background:#eee6da;border-color:#cabbab;box-shadow:0 4px 13px #392b190b}
.button.primary {background:linear-gradient(130deg,#3f3932,#211f1d 85%);border-color:#302b25;color:#fffaf3;box-shadow:0 4px 13px #30251912}
.button.primary:hover {background:linear-gradient(130deg,#554a3e,#322b25);box-shadow:0 6px 20px #30251920}
.button.lime,.offer-badge {background:linear-gradient(125deg,#f1e8da,#e1d2be);border-color:#dbcbb5;color:#504334}
.button.text {background:none;color:#67543c;box-shadow:none}
.hero {
  background:radial-gradient(ellipse at 15% 0,#5f534447,transparent 65%),
    linear-gradient(115deg,#2d2925 0%,#39322b 47%,#201f1d 100%);
  border-color:#302b25;color:#fff9f1;box-shadow:0 10px 35px #211b130d;
}
.hero-copy {padding:33px 34px}
.hero h2 {font-size:clamp(31px,3vw,40px);line-height:1.08}
.hero h2 em {font-family:var(--display)}
.hero p {color:#d2c6b5;line-height:1.8}
.hero .eyebrow {color:#d5c2a8}
.hero .button.primary {background:linear-gradient(120deg,#fbf7ef,#dfd0bc);color:#322a20;border-color:#f0e6d6}
.hero .button.primary:hover {background:#fffaf2;box-shadow:0 5px 22px #0000001c}
.ring-orbit,.ring-orbit:after {border-color:#d6c5af36}
.countdown {
  background:radial-gradient(circle at 30% 20%,#fffefa 0%,#f0e8dc 70%,#dfd1be 100%);
  border-color:#ead9bf;color:#342c23;box-shadow:0 12px 38px #100f0d30;
}
.countdown:hover {box-shadow:0 14px 42px #00000045}
.countdown strong {font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:400}
.countdown .countdown-days {letter-spacing:-.045em;line-height:1.05;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:'lnum','tnum';font-style:normal}
.countdown .clock-parts {font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-variant-numeric:lining-nums tabular-nums}
.countdown .clock-part b {font-weight:500;letter-spacing:.02em}
.countdown small {color:#81705c}
.countdown .countdown-label {color:#75634b}
.countdown .clock-colon {color:#ab9270}
.orbit-star {color:#dac3a3}
.stat,.panel,.guest-card,.event-card,.film-card,.mini-progress {
  background:linear-gradient(145deg,#fffefd 10%,#faf7f2 100%);border-color:#e7dfd4;
}
.stat {box-shadow:0 6px 24px #382d1f04}
.stat-label .icon {color:#9b8569}
.stat strong {font-variant-numeric:tabular-nums}
.progress-track {background:#eae3d8}
.progress-track span {background:linear-gradient(90deg,#c3ad8e,#8f775b)}
.nudge {background:radial-gradient(ellipse at top right,#fff9ef,transparent 70%),linear-gradient(135deg,#f0e5d8,#e5d8c6);border-color:#e4d7c5}
.nudge .icon {color:#9c7850}
.nudge h3 {font-size:26px;line-height:1.15;color:#4e3c2a}
.nudge p {color:#7c6650;line-height:1.8}
.mini-progress p {line-height:1.8}
.task-row,.supplier-row,.upcoming-row {border-color:#eee7dc}
.task-row:hover,.upcoming-row:hover {background:#f5efe6}
.task-row:hover .task-title {color:#5f4c34}
.check-button {border-color:#d2c3ae;background:#fffdfa}
.check-button.done {background:#685840;border-color:#685840}
.check-button:not(.done):hover {background:#eee5d7;border-color:#a78b68;box-shadow:0 0 0 4px #e5d6bf60}
.badge {color:#827461;border-color:#e2d7c8;background:#fffaf3}
.badge.green {background:#ede7dc;border-color:#d8ccb8;color:#5f513d}
.badge.peach {background:#f2e5d9;border-color:#e3d2bf;color:#8a5939}
.task-row.is-done .task-title {color:#928779}
.segmented {background:#ede7dd;border-color:#e4dacb;border-radius:12px}
.segmented button {border-radius:8px}
.segmented button.active {background:#fffdf9;box-shadow:0 2px 7px #49351b08}
.money-summary {background:radial-gradient(ellipse at top right,#fffdf8,transparent 70%),linear-gradient(140deg,#eee5d8,#e4dacb);border-color:#ded0bc}
.money-split {border-color:#d8c9b4}
.supplier-row .supplier-icon,.guest-avatar,.guest-card:nth-child(3n+2) .guest-avatar {background:linear-gradient(125deg,#f1e9df,#e4d7c5);color:#8b7151}
.supplier-row .supplier-icon .icon {color:#8b7151}
.guest-card select {background:#fbf7f0;border-color:#e0d3bf;color:#776147}
.icon-button:hover {background:#eee5d7;color:#5c4932}
.timeline:before {background:#d9cbb7}
.event-time {color:#8b7558}
.event:after {background:#b39a78}
.timeline-callout {background:linear-gradient(120deg,#f0e6d8,#e6dac9);color:#795f41}
.film-card textarea {background:#fcf9f3}
.coming-up {background:linear-gradient(130deg,#fffcf7,#f6f0e7 100%)}
.coming-up .panel-head h2 {font-size:26px}
.date-tile {background:linear-gradient(135deg,#f4eadd,#e5d6c0);border-color:#ddcbb1;color:#705635}
.date-tile>small,.upcoming-when {color:#8b765b}
.calendar-button {background:linear-gradient(135deg,#fffaf3,#f1e7d8);border-color:#e2d3be}
.upcoming-footer {background:#f5f0e8;border-color:#e8ddce}
.upcoming-footer p {color:#887966}
.upcoming-empty>span {color:#b69a72}
.is-overdue .date-tile {background:#f5e6d9;border-color:#dfc4aa;color:#99623d}
.notice,.welcome-banner {background:linear-gradient(120deg,#f5ecdf,#ece1d2);border-color:#dfceb6;color:#7c6445}
.offer-list {color:#7c6950}
.success-mark {background:#eadbc5;box-shadow:0 0 0 9px #f3ece1}
dialog {background:linear-gradient(150deg,#fffefb,#f8f3eb);border-color:#e1d6c6;box-shadow:0 24px 90px #251b1240}
dialog[open]::backdrop {background:#211b1566}
.modal-head {background:linear-gradient(135deg,#eadcc780,#fffefa00 85%)}
.modal-head:before {background:linear-gradient(90deg,#d8c1a0,#eee1d0)}
.modal-head h2 {font-size:30px}
.close {background:#eee4d6;color:#8a7254}
.close:hover {background:#dfceb6;color:#54402b}
.modal-body .field {color:#73614b}
.field input,.field select,.field textarea,.film-card textarea,.search {background:#fcf8f1;border-color:#e1d5c4}
.field input:hover,.field select:hover,.field textarea:hover,.search:hover,.film-card textarea:hover {border-color:#c5ad8c}
.field input:focus,.field select:focus,.field textarea:focus,.search:focus,.film-card textarea:focus {border-color:#9d7f58;box-shadow:0 0 0 3px #decaab55;background:#fffdfa}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline-color:#9b784c}
.modal-actions {border-color:#e9dfd1}
#toast {background:linear-gradient(110deg,#fcf8ef,#eee3d1);border-color:#ddcbb0;color:#6e5434;box-shadow:0 8px 26px #37271618}
#toast:before {background:#e6d2b6;color:#6b4e2b}
.footer-brand .brand-lockup {flex-direction:row;gap:12px}
.footer-brand .brand-art {width:43px}
.footer-brand .brand-credit {text-align:left;font-size:8px;letter-spacing:1px;color:#80715e}
.footer-brand .brand-credit>span {letter-spacing:1.7px}
footer {color:#92816b;border-color:#e1d6c5}
footer button {color:#7c674a;line-height:1.7}
.account-scene {background:linear-gradient(125deg,#fffdfa,#f3ece2)}
.account-story {
  background:radial-gradient(ellipse at 0 10%,#6b57402e,transparent 65%),linear-gradient(145deg,#322c25,#171717 90%);
  color:#fcf7f0;padding-top:240px;padding-bottom:50px;isolation:isolate;
}
.account-brand {top:35px;left:clamp(30px,6vw,100px);color:#f7f2ea}
.account-brand .brand-lockup {flex-direction:row;gap:23px}
.account-brand .brand-art {width:108px}
.account-brand .brand-credit {font-size:10px;line-height:1.8;letter-spacing:1.5px;color:#d7c8b3}
.account-story h1 {font-size:clamp(44px,4.7vw,70px);line-height:1.06;letter-spacing:-.04em}
.account-story h1 em {font-family:var(--display);font-weight:400;color:#dfc6a4}
.account-story .eyebrow {color:#bba17e}
.account-story>p:not(.eyebrow) {color:#bfb2a2}
.account-orbit {width:205px;height:205px;border-color:#dac5a633;margin-top:24px}
.account-orbit:before {border-color:#dac5a633}
.account-orbit b {font-family:var(--display);font-size:27px;color:#d1b38e}
.account-orbit>span {color:#e1c6a1;background:#25211d}
.account-panel {background:radial-gradient(ellipse at 95% 0,#fffefa,transparent 65%)}
.account-card h2 {font-size:41px;line-height:1.1}
.account-card .eyebrow {font-size:9px;letter-spacing:2.5px}
.account-note {color:#887964}
.purchase-agreement input {accent-color:#715c42}
.account-card .purchase-agreement {padding:12px 14px;border:1px solid #e5d9c8;border-radius:10px;background:#fffcf680;line-height:1.8}
.account-card .purchase-agreement a,.account-note a {text-decoration:underline;text-underline-offset:3px}
.account-card>.button.primary {width:100%;min-height:47px}
.legal-page {font:17px/1.8 system-ui,sans-serif;color:var(--ink)}
.legal-page main {max-width:800px;padding:45px 28px 80px;margin:auto}
.legal-brand {display:inline-flex;text-decoration:none}
.legal-brand .brand-lockup {flex-direction:row;gap:24px}
.legal-brand .brand-art {width:90px}
.legal-brand .brand-credit {font-size:11px;text-align:left;letter-spacing:1.5px;color:#665542}
.legal-page h1 {font-size:clamp(39px,7vw,61px);line-height:1.08;margin-top:48px}
.legal-page h2 {font:400 26px/1.2 Georgia,serif;margin-top:36px}
.legal-page a {color:#715536}
.legal-page .intro {color:#85715a;line-height:1.7}
.legal-page .note {background:linear-gradient(135deg,#f2e7d7,#e9dcc8);border-color:#dac7aa}
.legal-page footer {display:block;padding:25px 0 0;font-size:14px;line-height:1.8;letter-spacing:0}
@media (hover:hover) and (pointer:fine) {
  .stat.is-revealed:hover,.guest-card.is-revealed:hover,.film-card.is-revealed:hover {border-color:#d5bfa1;box-shadow:0 9px 25px #4e371e0b}
  .event-card:hover {box-shadow:0 5px 19px #49311a08}
}
@media (max-width:1100px) {
  .sidebar .brand .brand-art {width:101px}
  .sidebar .brand .brand-credit {font-size:7.5px;letter-spacing:1px}
  .page-heading h1 {font-size:42px}
  .account-brand .brand-lockup {gap:15px}
  .account-brand .brand-art {width:90px}
  .account-brand .brand-credit {font-size:8px}
}
@media (max-width:800px) {
  .account-story {padding:175px 30px 38px}
  .account-brand {top:28px;left:30px}
  .account-brand .brand-art {width:85px}
  .account-brand .brand-credit {font-size:9px}
  .account-story h1 {font-size:48px}
  .account-panel {padding:36px 28px 60px}
  .account-card {max-width:500px}
  .account-card h2 {font-size:36px}
  .hero-copy {padding:26px}
}
@media (max-width:600px) {
  .sidebar {border-right:0;background:linear-gradient(100deg,#302a24,#191919);height:78px;padding-bottom:max(9px,env(safe-area-inset-bottom));border-radius:18px 18px 0 0}
  .sidebar .brand {display:none}
  .nav-button {border-radius:11px;padding:9px 3px;font-size:9px}
  .topbar {min-height:88px;padding:12px 18px;gap:12px;flex-wrap:nowrap}
  .mobile-brand {display:block;flex:none}
  .mobile-brand .brand-lockup {flex-direction:row;gap:10px}
  .mobile-brand .brand-art {width:57px}
  .mobile-brand .brand-credit {text-align:left;font-size:7px;line-height:1.8;letter-spacing:.5px;color:#786650}
  .mobile-brand .brand-credit>span {letter-spacing:1px}
  .top-actions {gap:9px;justify-content:flex-end;flex-wrap:wrap}
  .topbar .preview-pill {max-width:115px;padding:4px 7px;font-size:8px}
  .topbar .quiet-button {font-size:10px}
  main {padding-top:26px}
  .page-heading h1 {font-size:36px;line-height:1.08;letter-spacing:-.035em}
  .page-heading {gap:12px}
  .page-heading .button {white-space:normal;flex:none;max-width:112px;font-size:10px;min-height:40px}
  .hero-copy {padding:25px 19px}
  .hero h2 {font-size:29px;line-height:1.07}
  .hero p {font-size:10px}
  .hero .button {padding:9px 10px;min-height:37px}
  .panel-head h2,.section-title {font-size:21px}
  .coming-up .panel-head h2 {font-size:25px}
  .nudge h3 {font-size:27px}
  .modal-head h2 {font-size:29px}
  .account-story h1 {font-size:clamp(34px,10.5vw,45px);margin-bottom:16px}
  .account-story {padding-top:140px;padding-bottom:28px}
  .account-card h2 {font-size:35px}
  .account-story>p:not(.eyebrow) {font-size:12px;line-height:1.7}
  .footer-brand .brand-art {width:37px}
  .footer-brand .brand-credit {font-size:7px}
  footer {align-items:flex-start;gap:20px;padding-bottom:110px}
  footer>div {gap:8px 14px;max-width:190px;line-height:1.8}
  .legal-page main {padding:30px 22px 60px}
  .legal-brand .brand-art {width:75px}
  .legal-brand .brand-credit {font-size:9px}
  .legal-page footer {padding-bottom:0}
}
@media (max-width:360px) {
  .topbar {gap:7px;padding-left:14px;padding-right:14px}
  .mobile-brand .brand-lockup {gap:7px}
  .mobile-brand .brand-art {width:47px}
  .mobile-brand .brand-credit {font-size:6.5px}
  .top-actions {gap:7px}
  .topbar .preview-pill {max-width:104px}
  .hero h2 {font-size:26px}
  .hero-copy {padding-left:16px;padding-right:10px}
}
@media (min-width:390px) and (max-width:600px) {
  .hero {grid-template-columns:minmax(0,1.15fr) minmax(155px,1fr);min-height:260px}
  .hero-copy {padding:27px 18px}
  .hero h2 {font-size:28px}
  .hero-art {min-height:260px}
  .ring-orbit {width:169px;height:169px}
  .countdown {width:150px;height:150px;padding:13px 16px}
  .countdown strong {font-size:34px}
  .countdown .countdown-label {font-size:7px;max-width:100px;margin:5px 0 7px}
  .countdown .clock-parts {width:105px;gap:2px}
  .clock-part b {font-size:15px}
  .countdown small {font-size:6px;max-width:110px;margin-top:7px}
  .orbit-star {right:11px;top:24px}
  .orbit-star.lower {left:7px;bottom:23px}
}
@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  *,*::before,*::after {animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}
}
@media print {
  body {background:white!important}
  .brand-art {mix-blend-mode:normal}
  .legal-page main {padding:0}
  .legal-brand .brand-art {width:65px}
}