/* Dusk Ink: a seasonal frame around the existing portfolio, with a quiet center.
   Transparent artwork and finite, input-driven motion keep the center quiet. */
.ice-portfolio[data-season='autumn'] {
  --autumn-ink: #241f29;
  --autumn-ivory: #f4edf3;
  --autumn-muted: #c8bdcc;
  --autumn-copper: #d4aa96;
}
.ice-portfolio .home-hero > .autumn-hero-art {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: clip;
  pointer-events: none;
  user-select: none;
}
.autumn-tree { position: absolute; bottom: 0; height: auto; max-width: none; }
.autumn-tree-left { left: -16px; width: clamp(260px, 34vw, 590px); transform-origin: 0% 100%; }
.autumn-tree-right { right: -12px; width: clamp(240px, 29vw, 500px); transform-origin: 100% 100%; }
.autumn-tree-image { display: block; width: 100%; height: auto; }
.autumn-sprigs { position: absolute; inset: 0; pointer-events: none; }
.autumn-sprig {
  position: absolute;
  left: var(--sprig-x);
  top: var(--sprig-y);
  width: var(--sprig-size);
  transform: translate(-14%, -94%) rotate(var(--sprig-angle)) scaleX(var(--sprig-flip));
  transform-origin: 14% 94%;
}
.autumn-sprig-image { display: block; width: 100%; height: auto; transform-origin: 14% 94%; }
.autumn-still-leaf { position: absolute; height: auto; width: 23px; }
.autumn-still-leaf-one { left: 7%; top: 14%; transform: rotate(-32deg); }
.autumn-still-leaf-two { right: 27%; top: 35%; transform: rotate(65deg); width: 20px; }
.autumn-still-leaf-three { left: 21%; bottom: 9%; transform: rotate(-54deg); width: 18px; }

.autumn-leaf-layer {
  position: fixed;
  inset: 0;
  z-index: 2;
  overflow: clip;
  pointer-events: none;
  user-select: none;
  contain: strict;
}
.autumn-leaf { position: absolute; top: 0; left: 0; height: auto; pointer-events: none; }
.autumn-leaf.is-light { filter: brightness(0) invert(1); }

/* The transparent jewel itself occludes the rear flight. Leaves change depth
   inside its opening, so no second jewel image or clipping mask is needed. */
.autumn-flight-layer {
  pointer-events: none;
  user-select: none;
  overflow: clip;
  contain: strict;
}
.ice-portfolio .home-hero > .autumn-flight-back {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.ice-portfolio .home-hero > .home-jewel { z-index: 2; }
.autumn-flight-front { position: fixed; inset: 0; z-index: 3; }
.ice-portfolio .home-hero > :is(.home-kicker, h1, .home-lead, .home-actions, .home-scroll-cue) { z-index: 4; }
.autumn-flight-leaf { position: absolute; top: 0; left: 0; height: auto; pointer-events: none; }
.autumn-flight-leaf.is-light { filter: brightness(0) invert(1); }

/* Solid text colors retain their contrast over the branch-colored surface. */
.ice-portfolio[data-season='autumn'] .home-experience {
  background: var(--autumn-ink);
  color: var(--autumn-ivory);
  --home-ink: var(--autumn-ivory);
  --home-muted: var(--autumn-muted);
  --home-line: #665866;
}
.ice-portfolio[data-season='autumn'] .home-experience .home-kicker,
.ice-portfolio[data-season='autumn'] .home-experience .home-role-period { color: var(--autumn-copper); }
.ice-portfolio[data-season='autumn'] .home-timeline article {
  border-top: 1px solid #665866;
  background: none;
}
.ice-portfolio[data-season='autumn'] .home-experience-drawing {
  filter: brightness(0) invert(1);
  opacity: .9;
}
.ice-portfolio[data-season='autumn'] .home-experience .home-button {
  color: var(--autumn-ivory);
  border-color: #b2a3b4;
  background: transparent;
  box-shadow: none;
}
.ice-portfolio[data-season='autumn'] .home-experience .home-button:hover { background: #39303e; border-color: var(--autumn-ivory); }
.ice-portfolio[data-season='autumn'] .home-experience :is(a, button):focus-visible { outline-color: var(--autumn-ivory); }
.ice-portfolio[data-season='autumn'] .home-experience ::selection { color: var(--autumn-ink); background: var(--autumn-copper); }

.ice-portfolio[data-season='autumn'] .home-contact { background-color: var(--autumn-ink); }
.ice-portfolio[data-season='autumn'] .home-contact::before {
  background: linear-gradient(180deg, #f7f8fb, #dbdeed 19%, #d9b3ae 43%, #9a768b 63%, #4b384e 82%, #241f29);
}
.autumn-roots {
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  max-height: 340px;
  object-fit: fill;
  opacity: .62;
  pointer-events: none;
  user-select: none;
}
@media (max-width: 1100px) and (min-width: 761px) {
  .autumn-tree-left { left: -50px; width: 31vw; }
  .autumn-tree-right { right: -50px; width: 27vw; }
  .autumn-still-leaf-two { right: 14%; top: 42%; }
}
@media (max-width: 760px) {
  /* Cropped lower branches keep the small-screen copy and jewel unobstructed. */
  .autumn-tree-left { width: 200px; left: -154px; bottom: 4px; opacity: .8; }
  .autumn-tree-right { width: 175px; right: -130px; bottom: 0; opacity: .8; }
  .autumn-still-leaf-one { left: 8%; top: auto; bottom: 37%; width: 13px; }
  .autumn-still-leaf-two { right: 7%; top: auto; bottom: 27%; width: 12px; }
  .autumn-still-leaf-three { left: 14%; bottom: 9%; width: 12px; }
  .autumn-leaf-layer, .autumn-flight-layer, .autumn-sprigs { display: none; }
  .autumn-roots { max-height: 180px; opacity: .32; }
}
@media (prefers-reduced-motion: reduce) {
  .autumn-leaf-layer, .autumn-flight-layer, .autumn-sprigs { display: none; }
}