@import url("./sidebar.css");
a.coming-feature[href="/whats-coming/ask-the-gillie"],
a.coming-feature[href="/whats-coming/create-your-story"],
a.coming-feature[href="/whats-coming/weather-watch"],
a.coming-feature[href="/whats-coming/sea-fishing"],
a.coming-feature[href="/whats-coming/online-books"],
a.coming-feature[href="/whats-coming/river-books"],
a.coming-feature[href="/whats-coming/club-spaces"],
a.coming-feature[href="/whats-coming/social-platform"],
a.coming-feature[href="/whats-coming/app"] {
  color: inherit;
  text-decoration: none;
}
a.coming-feature[href="/whats-coming/ask-the-gillie"]:hover,
a.coming-feature[href="/whats-coming/create-your-story"]:hover,
a.coming-feature[href="/whats-coming/weather-watch"]:hover,
a.coming-feature[href="/whats-coming/sea-fishing"]:hover,
a.coming-feature[href="/whats-coming/online-books"]:hover,
a.coming-feature[href="/whats-coming/river-books"]:hover,
a.coming-feature[href="/whats-coming/club-spaces"]:hover,
a.coming-feature[href="/whats-coming/social-platform"]:hover,
a.coming-feature[href="/whats-coming/app"]:hover {
  border-color: var(--gold);
  box-shadow: var(--shadow-sm);
}
a.coming-feature[href="/whats-coming/ask-the-gillie"]:focus-visible,
a.coming-feature[href="/whats-coming/create-your-story"]:focus-visible,
a.coming-feature[href="/whats-coming/weather-watch"]:focus-visible,
a.coming-feature[href="/whats-coming/sea-fishing"]:focus-visible,
a.coming-feature[href="/whats-coming/online-books"]:focus-visible,
a.coming-feature[href="/whats-coming/river-books"]:focus-visible,
a.coming-feature[href="/whats-coming/club-spaces"]:focus-visible,
a.coming-feature[href="/whats-coming/social-platform"]:focus-visible,
a.coming-feature[href="/whats-coming/app"]:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 4px;
}
.gillie-detail { display: grid; gap: clamp(1.5rem, 4vw, 3rem); }
.gillie-detail-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(214, 180, 92, .4);
  border-radius: var(--radius-xl);
  background: var(--green-900);
}
.gillie-detail-hero img { display: block; width: 100%; height: auto; object-fit: contain; }
.gillie-detail-hero > div { display: grid; gap: var(--space-6); padding: clamp(1.5rem, 4vw, 3rem); }
.gillie-detail h1 { font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.1; }
.gillie-detail h2 { color: var(--gold); font-size: clamp(1.4rem, 2.5vw, 2rem); line-height: 1.25; }
.gillie-detail p { max-width: 75ch; color: var(--color-text-muted); }
.gillie-detail-section { display: grid; gap: var(--space-4); padding: clamp(1.25rem, 3vw, 2.5rem); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); }
.gillie-detail-section ul { margin: 0; padding-left: 1.4rem; }
.gillie-detail-section li + li { margin-top: .65rem; }
.gillie-detail-section li::marker { color: var(--gold); }
.gillie-detail-previews { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.gillie-detail-placeholder { min-height: 11rem; display: flex; flex-direction: column; justify-content: center; gap: var(--space-3); padding: var(--space-5); border: 1px dashed var(--color-border-strong); border-radius: var(--radius-md); background: var(--green-900); text-align: center; }
.gillie-detail-placeholder span { color: var(--gold); font-size: var(--font-size-label); letter-spacing: .12em; }
.gillie-detail-back { justify-self: start; background: var(--gold); }
@media (max-width: 700px) {
  .gillie-detail-hero, .gillie-detail-previews { grid-template-columns: minmax(0, 1fr); }
}

/* Stay & Fish Story */
.stay-fish-story { width:100%; max-width:100%; margin:0; }
.stay-fish-story > img { display:block; width:100%; max-width:100%; height:auto; border:0; border-radius:0; box-shadow:none; }

/* My Waters */
.my-waters-page { display:grid; gap:clamp(1rem,2.5vw,2rem); max-width:68rem; padding:clamp(1.25rem,4vw,3.5rem); background:var(--color-surface); color:var(--color-text); }
.my-waters-heading h1 { margin:.2rem 0 .55rem; color:var(--color-text-heading); font-size:clamp(2.25rem,5vw,4.4rem); line-height:1; }
.my-waters-heading > p:last-child,.my-waters-status { margin:0; color:#52676d; font-size:1.05rem; line-height:1.6; }
.my-waters-list { display:grid; gap:.75rem; }
.my-waters-card { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.1rem; border-top:1px solid rgba(21,39,43,.14); background:rgba(248,244,235,.72); }
.my-waters-card h2 { margin:.15rem 0 0; color:var(--color-text-heading); font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.3rem,2vw,1.75rem); }
.my-waters-actions { display:flex; flex-wrap:wrap; gap:.55rem; justify-content:flex-end; }
.my-waters-actions a,.my-waters-actions button { min-height:2.5rem; display:inline-flex; align-items:center; justify-content:center; padding:.45rem .8rem; border:1px solid rgba(21,39,43,.2); border-radius:999px; background:transparent; color:#27464b; font:700 .85rem/1 Inter,ui-sans-serif,system-ui,sans-serif; text-decoration:none; }
.my-waters-actions button { cursor:pointer; }.my-waters-actions a:hover,.my-waters-actions button:hover { border-color:var(--gold); color:#1f383d; background:rgba(202,168,91,.12); }
@media (max-width:700px) { .my-waters-page { padding:1.1rem; }.my-waters-card { align-items:flex-start; flex-direction:column; }.my-waters-actions { justify-content:flex-start; } }

/* Plan My Trip / My Trips */
.trips-page { display:grid; gap:clamp(1rem,2.5vw,2rem); max-width:68rem; padding:clamp(1.25rem,4vw,3.5rem); background:var(--color-surface); color:var(--color-text); }
.trips-heading h1 { margin:.2rem 0 .55rem; color:var(--color-text-heading); font-size:clamp(2.25rem,5vw,4.4rem); line-height:1; }
.trips-heading > p:last-child,.trips-status { margin:0; color:#52676d; font-size:1.05rem; line-height:1.6; }
.trip-limit-notice { display:grid; gap:.35rem; padding:1rem 1.1rem; border-left:3px solid var(--gold); background:rgba(202,168,91,.12); color:#29464b; }
.trip-limit-notice small { color:#52676d; }
.trip-form { display:grid; gap:1rem; max-width:48rem; }
.trip-form label { display:grid; gap:.4rem; color:#29464b; font-weight:700; }
.trip-form input,.trip-form select,.trip-form textarea { width:100%; min-height:2.8rem; padding:.65rem .75rem; border:1px solid rgba(21,39,43,.22); border-radius:.45rem; background:#fffdf8; color:#18363a; font:inherit; }
.trip-form textarea { min-height:8rem; resize:vertical; }
.trip-form :is(input,select,textarea):focus-visible { outline:3px solid rgba(202,168,91,.65); outline-offset:2px; }
.trip-date-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.trip-check { grid-template-columns:auto 1fr; align-items:center; font-weight:400 !important; }.trip-check input { width:1.1rem; min-height:1.1rem; }
.trip-form-actions,.trip-actions { display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; }.trip-form-actions a,.trip-actions a,.trip-actions button { min-height:2.5rem; display:inline-flex; align-items:center; justify-content:center; padding:.45rem .8rem; border:1px solid rgba(21,39,43,.2); border-radius:999px; background:transparent; color:#27464b; font:700 .85rem/1 Inter,ui-sans-serif,system-ui,sans-serif; text-decoration:none; cursor:pointer; }
.trip-form-actions a:hover,.trip-actions :is(a,button):hover { border-color:var(--gold); background:rgba(202,168,91,.12); }
.trips-list { display:grid; gap:.8rem; }.trip-card { display:grid; gap:.45rem; padding:1.15rem; border-top:1px solid rgba(21,39,43,.14); background:rgba(248,244,235,.72); }.trip-card h2 { margin:0; color:var(--color-text-heading); font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.5rem,2.4vw,2rem); }.trip-card p { margin:0; color:#52676d; }.trip-card .trip-water { color:#29464b; font-weight:700; }.trip-card .trip-notes { max-width:70ch; white-space:pre-line; }.trip-actions { margin-top:.35rem; }
@media (max-width:700px) { .trips-page { padding:1.1rem; }.trip-date-grid { grid-template-columns:1fr; } }

/* Guided Ask the Gillie */
.guided-gillie-page { display:grid; gap:clamp(1rem,2.5vw,2rem); max-width:68rem; padding:clamp(1.25rem,4vw,3.5rem); background:var(--color-surface); color:var(--color-text); }
.guided-gillie-heading h1 { margin:.2rem 0 .55rem; color:var(--color-text-heading); font-size:clamp(2.25rem,5vw,4.4rem); line-height:1; }.guided-gillie-heading > p:last-child,.guided-gillie-status { margin:0; color:#52676d; font-size:1.05rem; line-height:1.6; }
.guided-gillie-flow { display:grid; grid-template-columns:minmax(15rem,.8fr) minmax(0,1.6fr); gap:1rem; }.guided-gillie-flow > section,.guided-gillie-answer { padding:1.15rem; background:rgba(248,244,235,.72); border-top:1px solid rgba(21,39,43,.14); }.guided-gillie-flow h2,.guided-gillie-answer h2 { margin:.25rem 0 .8rem; color:var(--color-text-heading); font-family:Georgia,"Times New Roman",serif; font-size:1.45rem; }.guided-gillie-flow > section > span { color:var(--gold); font-weight:800; }.guided-gillie-flow select { width:100%; min-height:2.8rem; padding:.65rem .75rem; border:1px solid rgba(21,39,43,.22); border-radius:.45rem; background:#fffdf8; color:#18363a; font:inherit; }.guided-gillie-questions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; }.guided-gillie-questions button { min-height:2.8rem; padding:.6rem .7rem; border:1px solid rgba(21,39,43,.2); border-radius:.45rem; background:transparent; color:#27464b; font:700 .84rem/1.25 Inter,ui-sans-serif,system-ui,sans-serif; cursor:pointer; text-align:left; }.guided-gillie-questions button:hover:not(:disabled),.guided-gillie-questions button[aria-pressed="true"] { border-color:var(--gold); background:rgba(202,168,91,.15); }.guided-gillie-questions button:disabled { opacity:.5; cursor:not-allowed; }.guided-gillie-answer { display:grid; gap:.75rem; }.guided-gillie-answer p { margin:0; color:#41595e; line-height:1.65; }.guided-gillie-answer a { color:#27464b; font-weight:700; }.guided-gillie-source { color:#806426 !important; font-size:.9rem; }.guided-gillie-note { padding:1rem 1.1rem; border-left:3px solid var(--gold); background:rgba(202,168,91,.12); color:#29464b; line-height:1.55; }
@media (max-width:700px) { .guided-gillie-page { padding:1.1rem; }.guided-gillie-flow,.guided-gillie-questions { grid-template-columns:1fr; } }
.guided-gillie-book-source { color:#806426; font-size:.9rem; font-weight:700; }
.guided-gillie-page { max-width:74rem; gap:clamp(1.35rem,3vw,2.75rem); padding:clamp(1.5rem,4vw,4.5rem); background:linear-gradient(145deg,#fbf8f0,#f2eee3); }
.guided-gillie-heading { max-width:50rem; }.guided-gillie-heading h1 { font-family:Georgia,"Times New Roman",serif; letter-spacing:-.035em; }.guided-gillie-heading > p:last-child { max-width:43rem; color:#40575c; font-size:clamp(1.05rem,1.8vw,1.2rem); }
.guided-gillie-flow { grid-template-columns:minmax(15rem,.72fr) minmax(0,1.65fr); gap:clamp(1rem,2.5vw,2rem); }.guided-gillie-flow>section { padding:clamp(1.2rem,2.5vw,2rem); border:0; border-top:1px solid rgba(21,39,43,.18); background:transparent; }.guided-gillie-flow>section>span { display:block; margin-bottom:.55rem; color:#806426; font-size:.78rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.guided-gillie-question-panel h2 { margin:.1rem 0 1rem; font-size:clamp(1.5rem,2.5vw,2rem); }
.guided-gillie-questions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }.guided-gillie-questions button { min-height:3.1rem; padding:.75rem .9rem; border:1px solid rgba(35,67,71,.2); border-radius:999px; background:#fffdf8; font-size:.9rem; transition:background .18s ease,border-color .18s ease,transform .18s ease; }.guided-gillie-questions button:hover:not(:disabled) { transform:translateY(-1px); }.guided-gillie-questions button[aria-pressed="true"] { color:#17383c; border-color:#b48b30; background:rgba(202,168,91,.24); }
.guided-gillie-answer { gap:.85rem; padding:clamp(1.4rem,3vw,2.4rem); border:0; border-left:3px solid #caa85b; background:#123b42; color:#f5eedf; }.guided-gillie-answer h2 { color:#e4c26d; font-size:clamp(1.35rem,2.3vw,1.9rem); }.guided-gillie-answer p { color:#f5eedf; font-size:1.05rem; line-height:1.75; }.guided-gillie-answer .guided-gillie-source,.guided-gillie-answer .guided-gillie-book-source { color:#e4c26d !important; }.guided-gillie-answer a { color:#f5eedf; }
.gillie-holiday { padding:0; border:0; background:transparent; }.gillie-holiday>div { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.15rem 0; border-top:1px solid rgba(21,39,43,.18); border-bottom:1px solid rgba(21,39,43,.18); }.gillie-holiday>div p { max-width:34rem; color:#40575c; }.gillie-holiday-trigger { flex:none; padding:.78rem 1.15rem; border:1px solid #b68b2d; border-radius:999px; background:#caa85b; color:#18363a; font:800 .86rem/1 Inter,ui-sans-serif,system-ui,sans-serif; cursor:pointer; }.gillie-holiday-trigger:hover { background:#e0bf6c; }.gillie-holiday-form { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:1.25rem; padding:clamp(1.3rem,3vw,2.4rem); border:1px solid rgba(202,168,91,.46); background:#fffdf8; }.gillie-holiday-form header,.gillie-holiday-notes,.gillie-holiday-actions { grid-column:1/-1; }.gillie-holiday-form header h2 { margin:.15rem 0 .45rem; color:#18363a; font-family:Georgia,"Times New Roman",serif; }.gillie-holiday-form header p:last-child { color:#51666b; }.gillie-holiday-form :is(input,select,textarea) { border-radius:.25rem; }.gillie-holiday-form input[readonly] { background:#edf0e8; color:#51666b; }.gillie-holiday-package { margin-top:1.5rem; padding:clamp(1.3rem,3vw,2.4rem); border-top:2px solid #caa85b; background:#fffdf8; }.gillie-holiday-package h3 { font-size:clamp(1.6rem,3vw,2.2rem); }.gillie-holiday-package section { padding:1rem 0; }
@media(max-width:700px) { .guided-gillie-page { padding:1.25rem; }.guided-gillie-flow,.guided-gillie-questions,.gillie-holiday-form { grid-template-columns:1fr; }.gillie-holiday>div { display:grid; }.gillie-holiday-trigger { justify-self:start; }.gillie-holiday-form header,.gillie-holiday-notes,.gillie-holiday-actions { grid-column:auto; } }
.guided-gillie-lock { margin:.75rem 0 0; color:#806426; font-size:.9rem; line-height:1.45; }
.gillie-holiday { display:grid; gap:1rem; padding:clamp(1.15rem,3vw,2rem); border-top:1px solid rgba(21,39,43,.14); background:linear-gradient(135deg,rgba(202,168,91,.15),rgba(248,244,235,.72)); }
.gillie-holiday h2,.gillie-holiday-package h3 { margin:.15rem 0 .45rem; color:var(--color-text-heading); font-family:Georgia,"Times New Roman",serif; }.gillie-holiday p { margin:0; color:#41595e; line-height:1.6; }
.gillie-holiday-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; padding-top:.5rem; }.gillie-holiday-form label { display:grid; gap:.35rem; color:#29464b; font-weight:700; }.gillie-holiday-form :is(input,select,textarea) { width:100%; min-height:2.65rem; padding:.55rem .65rem; border:1px solid rgba(21,39,43,.22); border-radius:.45rem; background:#fffdf8; color:#18363a; font:inherit; }.gillie-holiday-form textarea { min-height:6rem; resize:vertical; }.gillie-holiday-notes,.gillie-holiday-actions { grid-column:1 / -1; }.gillie-holiday-actions { display:flex; flex-wrap:wrap; gap:.6rem; }.gillie-holiday-actions button:not(.button) { padding:.55rem .8rem; border:1px solid rgba(21,39,43,.2); border-radius:999px; background:transparent; color:#27464b; font:700 .85rem/1 Inter,ui-sans-serif,system-ui,sans-serif; cursor:pointer; }.gillie-holiday-package { display:grid; gap:.8rem; padding-top:.5rem; }.gillie-holiday-package section { padding:.8rem 0; border-top:1px solid rgba(21,39,43,.14); }.gillie-holiday-package h4 { margin:0 0 .3rem; color:#29464b; }.gillie-holiday-package section p { margin:0; }
@media (max-width:700px) { .gillie-holiday-form { grid-template-columns:1fr; }.gillie-holiday-notes,.gillie-holiday-actions { grid-column:auto; } }
.gillie-free-plan,.gillie-holiday-terms { grid-column:1 / -1; }.gillie-free-plan { display:grid; gap:.55rem; padding:1rem 1.1rem; border-left:3px solid #caa85b; background:linear-gradient(120deg,rgba(202,168,91,.18),rgba(240,245,237,.9)); }.gillie-free-plan h3,.gillie-free-plan p { margin:0; }.gillie-free-plan h3 { color:#25474b; font-family:Georgia,"Times New Roman",serif; }.gillie-free-plan p,.gillie-holiday-terms { color:#52676d; font-size:.94rem; line-height:1.55; }.gillie-free-plan strong { color:#25474b; }.gillie-holiday-terms { margin:-.25rem 0 0; }.gillie-holiday-terms a { color:#25474b; font-weight:700; }
@media (max-width:700px) { .gillie-free-plan,.gillie-holiday-terms { grid-column:auto; } }

.whats-coming {
  display: grid;
  gap: clamp(1.25rem, 3vw, 2.5rem);
}

.coming-intro {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 56fr) minmax(0, 44fr);
  width: 100%;
  aspect-ratio: 3.15 / 1;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(214, 180, 92, .4);
  border-radius: var(--radius-xl);
  background: var(--green-900);
  text-shadow: 0 2px 18px rgba(0, 0, 0, .3);
}

.coming-hero-image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left 52%;
}

.coming-intro::before {
  content: "";
  grid-area: 1 / 1 / 2 / 3;
  z-index: 1;
  background: linear-gradient(90deg, transparent 48%, rgba(6, 29, 25, .16) 65%, rgba(6, 29, 25, .52));
  pointer-events: none;
}

.coming-hero-copy {
  grid-area: 1 / 2;
  z-index: 2;
  align-content: center;
  display: grid;
  gap: clamp(.6rem, 1.5vw, 1.25rem);
  padding: clamp(.75rem, 2.5vw, 2rem);
  padding-right: clamp(1.25rem, 3.5vw, 3rem);
  background: transparent;
  text-align: right;
  justify-items: end;
  text-shadow: 0 2px 12px rgba(6, 29, 25, .75);
}

.coming-intro h1 {
  font-size: clamp(.95rem, 2.5vw, 2rem);
  line-height: 1.12;
  letter-spacing: 0;
}

.coming-subtitle {
  max-width: 48ch;
  color: var(--cream);
  font-size: clamp(.8rem, 1.4vw, 1.1rem);
  line-height: 1.5;
}

.coming-journey {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  justify-items: center;
  text-align: center;
  gap: .5rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid rgba(214, 180, 92, 0.4);
  border-radius: var(--radius-lg);
  background: linear-gradient(125deg, var(--green-800), var(--green-900));
  box-shadow: var(--shadow-sm);
}

.coming-journey p {
  max-width: 90ch;
  color: var(--cream);
  font-size: 1rem;
  line-height: 1.6;
}

.coming-journey h2 {
  color: var(--color-accent);
  font-size: clamp(.95rem, 1.4vw, 1.15rem);
  line-height: 1.7;
  letter-spacing: .04em;
  text-wrap: balance;
}

.coming-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1rem, 3vw, 2rem);
}

.coming-feature {
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}

.coming-feature-image {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--color-border);
  background: var(--green-900);
}

.coming-feature-image img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.coming-feature-copy {
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

.coming-number {
  display: block;
  margin-bottom: var(--space-3);
  color: var(--color-accent);
  font-size: var(--font-size-small);
  letter-spacing: 0.15em;
}

.coming-feature h3 {
  margin-bottom: var(--space-4);
  color: var(--color-text-heading);
  font-size: clamp(1.6rem, 2.5vw, 2rem);
  line-height: 1.2;
}

.coming-feature--wide {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
}

.coming-feature--flagship { border-color: rgba(214, 180, 92, 0.4); }

.coming-feature--wide .coming-feature-image {
  border-bottom: 0;
  border-right: 1px solid var(--color-border);
}

.coming-feature--wide .coming-feature-copy {
  align-self: center;
  padding: clamp(1.5rem, 4vw, 3.5rem);
}

.coming-feature--reverse .coming-feature-image {
  grid-column: 2;
  grid-row: 1;
  border-right: 0;
  border-left: 1px solid var(--color-border);
}

.coming-feature--reverse .coming-feature-copy {
  grid-column: 1;
  grid-row: 1;
}

.coming-feature--flagship h3 {
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  text-wrap: balance;
}

.coming-feature-copy p,
.coming-closing p {
  color: var(--color-text-muted);
}

.coming-closing {
  display: grid;
  justify-items: center;
  gap: var(--space-6);
  padding: clamp(2rem, 5vw, 4rem) clamp(1.5rem, 4vw, 3rem);
  border: 1px solid rgba(214, 180, 92, 0.4);
  border-radius: var(--radius-lg);
  background: var(--green-900);
  text-align: center;
}

.coming-closing h2 {
  max-width: 28ch;
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2.4rem);
  line-height: 1.2;
  text-wrap: balance;
}

.coming-closing p { max-width: 62ch; }
.coming-closing .button { background: var(--color-accent); }
.coming-closing .button:hover { background: var(--color-text-heading); }

@media (max-width: 700px) {
  .coming-journey { gap: .5rem; }
  .coming-features { grid-template-columns: minmax(0, 1fr); }
  .coming-feature--wide { grid-template-columns: minmax(0, 1fr); }
  .coming-feature--wide .coming-feature-image {
    grid-column: auto;
    grid-row: auto;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid var(--color-border);
  }
  .coming-feature--reverse .coming-feature-copy { grid-column: auto; grid-row: auto; }
}


/* All nine finished feature scenes share sizing and navigation. */
main:has(.future-detail-layout) { width:100%; max-width:none; }
.future-detail-layout { display:grid; grid-template-columns:17.5rem minmax(0,1fr); align-items:start; }
.future-scene-content { min-width:0; padding:0 1.5rem; }
.future-scene-content > article { width:100%; max-width:1100px; margin-inline:auto; }
.future-scene-content img { display:block; width:100%; height:auto; border:0; border-radius:0; box-shadow:none; }
.future-scene-content .button { margin-top:1rem; }
.future-detail-layout .member-sidebar { --navy-950:#07151b; --navy-900:#0b2029; --navy-800:#12313d; --cream:#f5eedf; --gold:#caa85b; --line:rgba(255,255,255,.14); font:400 1rem/1.4 Inter,ui-sans-serif,system-ui,sans-serif; color:var(--cream); position:sticky; top:0; min-height:0; max-height:100svh; }
.future-detail-layout .member-sidebar :is(button,a) { font-family:inherit; text-decoration:none; }
.future-detail-layout .member-sidebar button { font-size:inherit; cursor:pointer; }
.future-detail-layout .member-nav-secondary { flex-shrink:0; }
.future-detail-layout .member-sidebar { overflow-y:auto; }
.future-detail-layout .sidebar-toggle { right:.2rem; }
.future-detail-layout.sidebar-collapsed { grid-template-columns:4.75rem minmax(0,1fr); }
@media(min-width:1101px) and (orientation:landscape) and (max-height:899px) {
  .future-scene-content > article { max-width:900px; }
}
@media(min-width:1101px) and (orientation:landscape) and (max-height:799px) {
  .future-scene-content > article { max-width:820px; }
}
@media(max-width:1100px) {
  .future-detail-layout, .future-detail-layout.sidebar-collapsed { grid-template-columns:1fr; }
  .future-detail-layout .member-sidebar { position:relative; max-height:none; margin-bottom:1rem; }
  .future-detail-layout .member-primary-nav { overflow:visible; }
  .future-detail-layout .sidebar-toggle { display:none; }
  .future-detail-layout .member-coming-menu { margin-left:1.5rem; padding-left:.65rem; border-left:1px solid rgba(202,168,91,.28); }
  .future-detail-layout .member-coming-menu a { font-size:.85rem; padding:.55rem .5rem; }
  .future-scene-content { padding:0; }
}

.future-navigation { position:sticky; top:0; min-width:0; }
.future-navigation > summary { display:none; }
@media(max-width:1100px) {
  .future-navigation { position:relative; margin-bottom:1rem; }
  .future-navigation > summary { display:list-item; padding:.8rem 1rem; color:#caa85b; background:#0b2029; cursor:pointer; font-weight:700; }
  .future-detail-layout .member-nav-secondary > a:not(.member-nav-item) { justify-content:flex-start; padding-inline:.7rem; padding-left:3rem; text-align:left; }
}