html[data-profile-theme="autumn"] {
  --sky-50: #fffaf3;
  --sky-100: #f7ead8;
  --sky-200: #edd4b6;
  --sky-300: #d9ad7f;
  --sky-400: #bf7748;
  --sky-500: #a95c35;
  --sky-600: #83452d;
  --ink: #442d23;
  --ink-soft: #765d4d;
  --line: rgba(142, 86, 52, 0.28);
  --paper: rgba(255, 251, 244, 0.84);
  --paper-strong: rgba(255, 253, 248, 0.96);
  --shadow: 0 24px 70px rgba(101, 57, 35, 0.14);
}

html[data-profile-theme="autumn"] body {
  background:
    radial-gradient(circle at 7% 7%, rgba(255, 255, 255, 0.94), transparent 24rem),
    radial-gradient(circle at 90% 17%, rgba(211, 143, 81, 0.2), transparent 29rem),
    radial-gradient(circle at 62% 76%, rgba(235, 193, 118, 0.16), transparent 34rem),
    linear-gradient(155deg, #fffdf9 0%, #f8ecda 48%, #edd3b4 100%);
  color: var(--ink);
}

html[data-profile-theme="autumn"] body::before {
  background-image:
    linear-gradient(rgba(126, 79, 47, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(126, 79, 47, 0.045) 1px, transparent 1px);
}

html[data-profile-theme="autumn"] button:focus-visible,
html[data-profile-theme="autumn"] a:focus-visible,
html[data-profile-theme="autumn"] input:focus-visible {
  outline-color: rgba(169, 92, 53, 0.38);
}

html[data-profile-theme="autumn"] .profile-header {
  border-bottom-color: rgba(131, 74, 43, 0.22);
  background: rgba(255, 251, 244, 0.8);
  box-shadow: 0 9px 32px rgba(106, 61, 37, 0.08);
}

html[data-profile-theme="autumn"] .profile-brand,
html[data-profile-theme="autumn"] .profile-nav a:hover,
html[data-profile-theme="autumn"] .profile-nav a[aria-current="page"] {
  color: #4d3023;
}

html[data-profile-theme="autumn"] .profile-brand small {
  color: #a45c37;
}

html[data-profile-theme="autumn"] .profile-nav a {
  color: #7c5c49;
}

html[data-profile-theme="autumn"] .profile-nav a span {
  color: #bd8f6d;
}

html[data-profile-theme="autumn"] .profile-nav a::after {
  background: linear-gradient(90deg, #d4904e, #9c4f31);
}

html[data-profile-theme="autumn"] .archive-home {
  background: rgba(255, 250, 241, 0.82);
  color: #704b37;
}

html[data-profile-theme="autumn"] .archive-home:hover {
  background: #fffdf8;
  box-shadow: 0 12px 28px rgba(112, 65, 38, 0.15);
}

html[data-profile-theme="autumn"] .page-intro::after {
  color: rgba(151, 80, 43, 0.075);
}

html[data-profile-theme="autumn"] .scene-label,
html[data-profile-theme="autumn"] .section-label {
  color: #a16845;
}

html[data-profile-theme="autumn"] .page-title {
  color: #4a2e22;
  text-shadow: 0 3px 0 rgba(255, 255, 255, 0.66);
}

html[data-profile-theme="autumn"] .page-title em {
  color: #b6663c;
}

html[data-profile-theme="autumn"] .page-lead {
  color: #745a49;
}

html[data-profile-theme="autumn"] body[data-page="profile"] .page-intro::before {
  position: absolute;
  top: 2px;
  right: clamp(8px, 5vw, 70px);
  z-index: -1;
  width: clamp(82px, 12vw, 154px);
  height: clamp(46px, 7vw, 88px);
  transform: rotate(-11deg);
  background:
    radial-gradient(ellipse at 20% 55%, #c06a3b 0 16%, transparent 17%),
    radial-gradient(ellipse at 50% 32%, #e1a34e 0 17%, transparent 18%),
    radial-gradient(ellipse at 75% 66%, #9e5836 0 18%, transparent 19%),
    linear-gradient(165deg, transparent 48%, rgba(111, 67, 40, 0.55) 49% 51%, transparent 52%);
  content: "";
  opacity: 0.68;
  pointer-events: none;
}

html[data-profile-theme="autumn"] .hero-photo {
  border-color: rgba(143, 82, 48, 0.34);
  background: #d8b48f;
  box-shadow: 0 30px 80px rgba(90, 50, 30, 0.2);
}

html[data-profile-theme="autumn"] .hero-photo::before {
  position: absolute;
  top: 24px;
  right: 25px;
  z-index: 3;
  width: 86px;
  height: 54px;
  transform: rotate(8deg);
  background:
    radial-gradient(ellipse at 16% 64%, rgba(202, 108, 55, 0.92) 0 16%, transparent 17%),
    radial-gradient(ellipse at 48% 34%, rgba(235, 174, 74, 0.94) 0 18%, transparent 19%),
    radial-gradient(ellipse at 79% 68%, rgba(153, 78, 43, 0.9) 0 19%, transparent 20%),
    linear-gradient(165deg, transparent 47%, rgba(255, 248, 230, 0.78) 48% 51%, transparent 52%);
  content: "";
  filter: drop-shadow(0 5px 8px rgba(55, 28, 16, 0.2));
  pointer-events: none;
}

html[data-profile-theme="autumn"] .hero-photo::after {
  background: linear-gradient(180deg, rgba(126, 64, 31, 0.03) 35%, rgba(66, 35, 21, 0.37));
}

html[data-profile-theme="autumn"] .hero-quote {
  border-color: rgba(255, 248, 232, 0.62);
  background: rgba(255, 248, 235, 0.82);
  box-shadow: 0 16px 40px rgba(72, 39, 22, 0.2);
  color: #593623;
}

html[data-profile-theme="autumn"] .paper-card,
html[data-profile-theme="autumn"] .menu-tile,
html[data-profile-theme="autumn"] .external-link,
html[data-profile-theme="autumn"] .calendar-card,
html[data-profile-theme="autumn"] .lookbook-item,
html[data-profile-theme="autumn"] .karma-shortcut,
html[data-profile-theme="autumn"] .karma-search-card,
html[data-profile-theme="autumn"] .karma-card,
html[data-profile-theme="autumn"] .signature-card {
  border-color: rgba(143, 84, 51, 0.26);
  background-color: rgba(255, 251, 243, 0.84);
  box-shadow: 0 20px 58px rgba(100, 57, 34, 0.12);
}

html[data-profile-theme="autumn"] .cast-avatar {
  border-color: rgba(148, 89, 54, 0.32);
  background: #fffaf1;
  box-shadow: 0 16px 36px rgba(107, 62, 37, 0.18);
}

html[data-profile-theme="autumn"] .cast-avatar::after {
  top: -19px;
  width: 28px;
  height: 19px;
  transform: translateX(-50%) rotate(42deg);
  border-radius: 100% 0 100% 0;
  background: linear-gradient(145deg, #d99843, #a75231);
  box-shadow: 10px -8px 0 -4px #e3ae55;
  color: transparent;
  content: "";
}

html[data-profile-theme="autumn"] .cast-name,
html[data-profile-theme="autumn"] .story-card h2,
html[data-profile-theme="autumn"] .content-card h2,
html[data-profile-theme="autumn"] .section-heading h2,
html[data-profile-theme="autumn"] .anniversary-card h2 {
  color: #4e3124;
}

html[data-profile-theme="autumn"] .cast-name-en,
html[data-profile-theme="autumn"] .fact-row dt,
html[data-profile-theme="autumn"] .anniversary-kicker,
html[data-profile-theme="autumn"] .weekly-schedule-range,
html[data-profile-theme="autumn"] .menu-tile small,
html[data-profile-theme="autumn"] .external-link small {
  color: #a77a5b;
}

html[data-profile-theme="autumn"] .fact-row {
  border-top-color: rgba(143, 85, 51, 0.18);
}

html[data-profile-theme="autumn"] .fact-row dd,
html[data-profile-theme="autumn"] .menu-tile strong,
html[data-profile-theme="autumn"] .external-link strong {
  color: #56392a;
}

html[data-profile-theme="autumn"] .tag,
html[data-profile-theme="autumn"] .lookbook-badge,
html[data-profile-theme="autumn"] .schedule-chip {
  border-color: rgba(159, 94, 54, 0.26);
  background: rgba(250, 235, 213, 0.86);
  color: #80523a;
}

html[data-profile-theme="autumn"] .showtime-grid,
html[data-profile-theme="autumn"] .week-day {
  border-color: rgba(143, 85, 51, 0.23);
  background: rgba(255, 251, 243, 0.68);
}

html[data-profile-theme="autumn"] .showtime-day + .showtime-day {
  border-left-color: rgba(143, 85, 51, 0.18);
}

html[data-profile-theme="autumn"] .showtime-day strong,
html[data-profile-theme="autumn"] .week-day__head strong {
  color: #68442f;
}

html[data-profile-theme="autumn"] .anniversary-card {
  background:
    radial-gradient(circle at 87% 10%, rgba(255, 254, 247, 0.95) 0 58px, transparent 59px),
    linear-gradient(135deg, rgba(255, 253, 247, 0.95), rgba(244, 224, 193, 0.88) 58%, rgba(233, 196, 148, 0.8));
}

html[data-profile-theme="autumn"] .anniversary-card::before {
  border-color: rgba(164, 91, 49, 0.17);
}

html[data-profile-theme="autumn"] .anniversary-message,
html[data-profile-theme="autumn"] .anniversary-card__count time,
html[data-profile-theme="autumn"] .anniversary-progress-meta,
html[data-profile-theme="autumn"] .menu-tile span,
html[data-profile-theme="autumn"] .external-link span {
  color: #7b5d4a;
}

html[data-profile-theme="autumn"] .anniversary-progress {
  border-color: rgba(149, 83, 48, 0.16);
  background: rgba(255, 251, 242, 0.76);
  box-shadow: inset 0 1px 3px rgba(91, 48, 25, 0.09);
}

html[data-profile-theme="autumn"] .anniversary-progress span {
  background: linear-gradient(90deg, #d99a4f, #b6673b 64%, #814a31);
  box-shadow: 0 0 14px rgba(174, 98, 53, 0.34);
}

html[data-profile-theme="autumn"] .anniversary-card__count {
  border-left-color: rgba(132, 75, 43, 0.19);
}

html[data-profile-theme="autumn"] .anniversary-card__count > span,
html[data-profile-theme="autumn"] .anniversary-milestone > span {
  color: #a78368;
}

html[data-profile-theme="autumn"] .anniversary-card__count strong {
  color: #92502f;
}

html[data-profile-theme="autumn"] .anniversary-card__count em {
  color: #7e5a40;
}

html[data-profile-theme="autumn"] .anniversary-milestone {
  border-color: rgba(147, 83, 47, 0.2);
  background: rgba(255, 251, 243, 0.62);
}

html[data-profile-theme="autumn"] .anniversary-milestone strong {
  color: #65432f;
}

html[data-profile-theme="autumn"] .anniversary-milestone time {
  color: #92715b;
}

html[data-profile-theme="autumn"] .anniversary-milestone[data-state="selected"] {
  border-color: rgba(169, 91, 49, 0.48);
  background: linear-gradient(135deg, rgba(250, 231, 202, 0.96), rgba(255, 249, 232, 0.96));
  box-shadow: 0 11px 24px rgba(111, 61, 35, 0.14);
}

html[data-profile-theme="autumn"] .anniversary-milestone[data-state="selected"]::after,
html[data-profile-theme="autumn"] .text-link {
  color: #a85c37;
}

html[data-profile-theme="autumn"] .menu-tile::before {
  color: rgba(166, 91, 50, 0.1);
}

html[data-profile-theme="autumn"] .menu-tile:hover,
html[data-profile-theme="autumn"] .external-link:hover,
html[data-profile-theme="autumn"] .lookbook-item:hover,
html[data-profile-theme="autumn"] .signature-card:hover {
  border-color: rgba(164, 88, 48, 0.52);
  box-shadow: 0 22px 52px rgba(94, 51, 29, 0.17);
}

html[data-profile-theme="autumn"] .week-day.is-today {
  border-color: rgba(169, 91, 49, 0.54);
  background: linear-gradient(165deg, rgba(245, 222, 190, 0.94), rgba(255, 253, 247, 0.94));
}

html[data-profile-theme="autumn"] .soft-button {
  border-color: rgba(149, 88, 52, 0.26);
  background: rgba(255, 251, 243, 0.88);
  color: #76503a;
}

html[data-profile-theme="autumn"] .primary-button {
  background: linear-gradient(135deg, #cb824a, #9b5435);
  box-shadow: 0 12px 28px rgba(133, 71, 40, 0.22);
}

html[data-profile-theme="autumn"] .soft-button:hover,
html[data-profile-theme="autumn"] .primary-button:hover {
  box-shadow: 0 13px 30px rgba(110, 61, 35, 0.16);
}

html[data-profile-theme="autumn"] .search-field {
  border-color: rgba(149, 88, 52, 0.23);
  background: rgba(255, 253, 248, 0.9);
}

html[data-profile-theme="autumn"] .search-field::placeholder,
html[data-profile-theme="autumn"] .closet-category-bar > p,
html[data-profile-theme="autumn"] .closet-result-count {
  color: #9d7b63;
}

html[data-profile-theme="autumn"] .schedule-search-control__icon,
html[data-profile-theme="autumn"] .closet-search-control > span {
  color: #bd794a;
}

html[data-profile-theme="autumn"] .collab-members-button {
  border-color: rgba(177, 103, 58, 0.34);
  background: linear-gradient(135deg, rgba(250, 232, 206, 0.96), rgba(245, 220, 185, 0.92));
  color: #7d4d34;
  box-shadow: 0 10px 24px rgba(119, 67, 38, 0.1);
}

html[data-profile-theme="autumn"] .collab-members-button span {
  color: #bd7043;
}

html[data-profile-theme="autumn"] .status-box {
  border-color: rgba(157, 91, 52, 0.32);
  color: #94745e;
}

html[data-profile-theme="autumn"] .closet-category-tabs,
html[data-profile-theme="autumn"] .closet-toolbar {
  border-color: rgba(149, 88, 52, 0.22);
  background: rgba(255, 251, 244, 0.64);
}

html[data-profile-theme="autumn"] .closet-category-tab {
  color: #80614d;
}

html[data-profile-theme="autumn"] .closet-category-tab strong {
  background: rgba(218, 177, 132, 0.28);
  color: #8c5839;
}

html[data-profile-theme="autumn"] .closet-category-tab:hover {
  color: #9b5434;
}

html[data-profile-theme="autumn"] .closet-category-tab.is-active {
  border-color: rgba(177, 102, 57, 0.4);
  background: linear-gradient(135deg, rgba(249, 228, 197, 0.98), rgba(255, 247, 231, 0.96));
  color: #74442d;
  box-shadow: 0 8px 20px rgba(117, 63, 35, 0.12);
}

html[data-profile-theme="autumn"] .closet-category-tab.is-active strong {
  background: #b96c3f;
}

html[data-profile-theme="autumn"] .lookbook-media {
  background: linear-gradient(145deg, #f6e5ce, #fffdf8);
}

html[data-profile-theme="autumn"] .lookbook-category-mark,
html[data-profile-theme="autumn"] .lookbook-badge--outfit {
  background: rgba(247, 226, 195, 0.93);
  color: #8e5535;
}

html[data-profile-theme="autumn"] .lookbook-category-mark--hair,
html[data-profile-theme="autumn"] .lookbook-badge--hair {
  background: rgba(239, 220, 207, 0.94);
  color: #855e50;
}

html[data-profile-theme="autumn"] .lookbook-category-mark--lens,
html[data-profile-theme="autumn"] .lookbook-badge--lens {
  background: rgba(231, 232, 201, 0.94);
  color: #6f7142;
}

html[data-profile-theme="autumn"] .lookbook-copy p,
html[data-profile-theme="autumn"] .signature-card__description,
html[data-profile-theme="autumn"] .karma-shortcut__copy span {
  color: #896e5c;
}

html[data-profile-theme="autumn"] .modal-dialog,
html[data-profile-theme="autumn"] .modal-dialog__inner,
html[data-profile-theme="autumn"] .signature-card__body {
  background-color: #fffaf2;
  box-shadow: 0 30px 84px rgba(79, 43, 26, 0.27);
}

html[data-profile-theme="autumn"] .karma-shortcut:hover {
  border-color: rgba(164, 88, 48, 0.5);
  box-shadow: 0 22px 48px rgba(94, 51, 29, 0.16);
}

html[data-profile-theme="autumn"] .karma-shortcut__icon {
  border-color: rgba(177, 102, 57, 0.3);
  background: linear-gradient(145deg, #faead3, #efd0a7);
  color: #a15b36;
}

html[data-profile-theme="autumn"] .karma-shortcut--roulette .karma-shortcut__icon {
  border-color: rgba(126, 111, 58, 0.3);
  background: linear-gradient(145deg, #f5efd5, #e4d7a3);
  color: #77713e;
}

html[data-profile-theme="autumn"] .karma-shortcut__copy small,
html[data-profile-theme="autumn"] .karma-shortcut__arrow,
html[data-profile-theme="autumn"] .karma-shortcut--roulette .karma-shortcut__arrow {
  color: #b06d44;
}

html[data-profile-theme="autumn"] .karma-shortcut__copy strong,
html[data-profile-theme="autumn"] .karma-item strong,
html[data-profile-theme="autumn"] .signature-list-count strong,
html[data-profile-theme="autumn"] .signature-card__amount {
  color: #553629;
}

html[data-profile-theme="autumn"] .signature-list-count {
  color: #b36c42;
}

html[data-profile-theme="autumn"] .signature-card {
  --signature-accent: #ad673d;
  --signature-soft: #f3dcc0;
}

html[data-profile-theme="autumn"] .signature-card[data-tone="aqua"] {
  --signature-accent: #818044;
  --signature-soft: #eeedcf;
}

html[data-profile-theme="autumn"] .signature-card[data-tone="blue"] {
  --signature-accent: #a96f4c;
  --signature-soft: #f1ded1;
}

html[data-profile-theme="autumn"] .signature-card[data-tone="lilac"] {
  --signature-accent: #986b5c;
  --signature-soft: #eedbd4;
}

html[data-profile-theme="autumn"] .signature-card[data-tone="star"] {
  --signature-accent: #bd8737;
  --signature-soft: #f8eccb;
}

html[data-profile-theme="autumn"] .signature-card[data-tone="moon"] {
  --signature-accent: #765b4c;
  --signature-soft: #e8ddd5;
}

html[data-profile-theme="autumn"] .profile-footer {
  color: #9a785f;
}

html[data-profile-theme="autumn"] .site-loader {
  background: radial-gradient(circle at center, rgba(255, 255, 251, 0.98), rgba(244, 224, 195, 0.98));
}

html[data-profile-theme="autumn"] .site-loader__heart {
  color: transparent;
  font-size: 0;
  position: relative;
  width: 48px;
  height: 31px;
  margin: 0 auto;
  border-radius: 100% 0 100% 0;
  background: linear-gradient(145deg, #dfa348, #a75131 72%);
  box-shadow: 0 8px 18px rgba(113, 60, 31, 0.2);
  animation: autumn-loader-leaf 1.15s ease-in-out infinite alternate;
}

html[data-profile-theme="autumn"] .site-loader__heart::after {
  position: absolute;
  width: 23px;
  height: 2px;
  transform: translate(27px, 22px) rotate(37deg);
  border-radius: 99px;
  background: #78432d;
  content: "";
}

html[data-profile-theme="autumn"] .site-loader__text {
  color: #855a40;
}

@keyframes autumn-loader-leaf {
  from { transform: translateY(4px) rotate(-24deg) scale(0.92); }
  to { transform: translateY(-8px) rotate(12deg) scale(1.06); }
}

html[data-profile-theme="autumn"] .falling-autumn-leaf {
  position: absolute;
  top: -13vh;
  left: var(--left);
  width: var(--size);
  height: calc(var(--size) * 0.68);
  border-radius: 100% 0 100% 0;
  background: linear-gradient(145deg, #e5ad5c, var(--leaf-color));
  box-shadow: inset -2px -2px 3px rgba(88, 44, 23, 0.18);
  opacity: var(--opacity);
  filter: drop-shadow(0 4px 5px rgba(83, 44, 24, 0.18));
  animation: autumn-leaf-fall var(--duration) linear var(--delay) infinite;
}

html[data-profile-theme="autumn"] .falling-autumn-leaf::after {
  position: absolute;
  right: -24%;
  bottom: -10%;
  width: 46%;
  height: 2px;
  transform: rotate(34deg);
  border-radius: 99px;
  background: #74442d;
  content: "";
}

@keyframes autumn-leaf-fall {
  0% { transform: translate3d(0, -12vh, 0) rotate(-28deg); }
  25% { transform: translate3d(calc(var(--drift) * -0.28), 24vh, 0) rotate(150deg); }
  52% { transform: translate3d(calc(var(--drift) * 0.55), 58vh, 0) rotate(345deg); }
  76% { transform: translate3d(calc(var(--drift) * -0.18), 87vh, 0) rotate(530deg); }
  100% { transform: translate3d(var(--drift), 120vh, 0) rotate(735deg); }
}

html[data-profile-theme="autumn"] .mumu-pointer {
  width: 66px;
  height: 66px;
}

html[data-profile-theme="autumn"] .mumu-pointer__arrow {
  background: linear-gradient(135deg, #f5d8aa 0 42%, #b96d3f 43% 68%, #704631 69% 100%);
  filter: drop-shadow(0 0 1px #67402d) drop-shadow(0 2px 2px rgba(72, 40, 25, 0.28));
}

.mumu-pointer__autumn-avatar {
  position: absolute;
  top: 10px;
  left: 8px;
  z-index: 2;
  width: 47px;
  height: 47px;
  transition: transform 150ms ease;
}

.mumu-pointer__autumn-portrait {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  border: 3px solid #fff9ed;
  border-radius: 50%;
  object-fit: cover;
  object-position: 50% 46%;
  box-shadow: 0 0 0 2px #a75d38, 0 6px 13px rgba(87, 47, 27, 0.28);
}

.mumu-pointer__beret {
  position: absolute;
  top: -11px;
  left: 7px;
  z-index: 4;
  width: 39px;
  height: 20px;
  transform: rotate(-8deg);
  border: 2px solid #fff4df;
  border-radius: 68% 52% 38% 42%;
  background: linear-gradient(155deg, #ba7348, #70432f 72%);
  box-shadow: inset 5px 3px 7px rgba(255, 222, 175, 0.25), 0 3px 5px rgba(73, 40, 24, 0.2);
}

.mumu-pointer__beret::before {
  position: absolute;
  top: -6px;
  left: 21px;
  width: 4px;
  height: 8px;
  transform: rotate(14deg);
  border-radius: 99px;
  background: #6d402c;
  content: "";
}

.mumu-pointer__beret i {
  position: absolute;
  right: 3px;
  bottom: 0;
  left: 3px;
  height: 5px;
  border-radius: 50%;
  background: rgba(78, 43, 28, 0.32);
}

.mumu-pointer__autumn-leaf {
  position: absolute;
  top: 1px;
  right: -7px;
  z-index: 5;
  width: 16px;
  height: 11px;
  transform: rotate(38deg);
  border: 2px solid #fff6e8;
  border-radius: 100% 0 100% 0;
  background: linear-gradient(145deg, #e5aa48, #b65d35);
  box-shadow: 0 2px 4px rgba(73, 39, 22, 0.2);
}

.mumu-pointer__autumn-leaf i {
  position: absolute;
  right: -5px;
  bottom: -3px;
  width: 8px;
  height: 2px;
  transform: rotate(28deg);
  background: #74442e;
}

.mumu-pointer__scarf {
  position: absolute;
  right: 2px;
  bottom: -3px;
  left: 2px;
  z-index: 3;
  height: 11px;
  transform: rotate(-2deg);
  border: 2px solid #fff6e8;
  border-radius: 50% 44% 55% 42%;
  background: repeating-linear-gradient(90deg, #c6653b 0 8px, #e2a34a 8px 12px);
}

html[data-profile-theme="autumn"] .mumu-pointer.is-active .mumu-pointer__autumn-avatar {
  transform: translate(1px, -1px) rotate(-6deg) scale(1.08);
}

.click-autumn {
  color: var(--particle-color, #a65a35);
  text-shadow: 0 1px 0 #fff5e7;
}

html[data-profile-theme="autumn"] .profile-music {
  border-color: rgba(143, 82, 47, 0.34);
  background: rgba(255, 251, 243, 0.9);
  box-shadow: 0 14px 38px rgba(94, 53, 31, 0.17);
}

html[data-profile-theme="autumn"] .profile-music__disc {
  background: linear-gradient(145deg, #c87843, #efc47a);
}

html[data-profile-theme="autumn"] .profile-music__copy strong {
  color: #77503a;
}

html[data-profile-theme="autumn"] .profile-music__copy span {
  color: #a17c63;
}

html[data-profile-theme="autumn"] .profile-music__button {
  background: #f5e4cc;
  color: #8b5637;
}

html[data-profile-theme="autumn"] .profile-music__button:hover {
  background: #efd5b3;
}

html[data-profile-theme="autumn"] .profile-music.is-playing .profile-music__toggle {
  background: #a95f39;
  color: #fff;
}

@media (max-width: 760px) {
  html[data-profile-theme="autumn"] .profile-nav {
    width: calc(100% + 14px);
  }

  html[data-profile-theme="autumn"] body[data-page="profile"] .page-intro::before {
    top: 8px;
    right: -6px;
    opacity: 0.46;
  }

  html[data-profile-theme="autumn"] .hero-photo::before {
    top: 14px;
    right: 10px;
    transform: scale(0.74) rotate(8deg);
    transform-origin: top right;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-profile-theme="autumn"] .falling-autumn-leaf {
    display: none !important;
  }

  html[data-profile-theme="autumn"] .site-loader__heart {
    animation: none !important;
    transform: rotate(-18deg);
  }
}