/* v1.3.0 — native theme, reveal and scroll animation enhancements. */
:root{color-scheme:light;--cream:#fcf7ed;--paper:#f2e6d3;--ink:#332e29;--muted:#665e53;--clay:#9b482c;--gold:#a27c39;--line:#dbc7aa;--sand:#e8d5b8}
:root[data-theme="dark"]{color-scheme:dark;--cream:#171614;--paper:#24211e;--ink:#eee6da;--muted:#c3b8aa;--clay:#e5a178;--gold:#d3af76;--line:#494138;--sand:#3b332a}
@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--cream:#171614;--paper:#24211e;--ink:#eee6da;--muted:#c3b8aa;--clay:#e5a178;--gold:#d3af76;--line:#494138;--sand:#3b332a}}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 11px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:30px;cursor:pointer;font-size:11px;line-height:1.2;white-space:nowrap;flex:none}
.theme-toggle:hover{background:var(--paper);border-color:var(--gold)}
.theme-toggle svg{flex:none;transition:transform .3s ease}
.theme-toggle:hover svg{transform:rotate(-12deg)}
.theme-sun{display:none}
[data-theme="dark"] .theme-moon{display:none}
[data-theme="dark"] .theme-sun{display:block}
.theme-toggle[hidden]{display:none!important}
.header-actions{gap:14px}
.final-cta{color:#f4e8d5;background:#3b3028}
.final-cta .button.light{background:#f3e6d1;color:#332e29;border-color:#f3e6d1}
.final-cta .button.light:hover{background:#fff7e8}
[data-theme="dark"] .button.primary:hover{background:#d3af76;color:#211b16}
[data-theme="dark"] .button.light:hover{background:#d3af76;color:#211b16}
[data-theme="dark"] .final-cta{background:#211d18}
[data-theme="dark"] .hero-photo,[data-theme="dark"] .story-figure img{box-shadow:0 14px 35px #0004}
[data-theme="dark"] .brand-logo{filter:drop-shadow(0 1px 3px #f3d6b51a)}
.privacy,.faq-list details,.etsy-feature,.brand-strip,.site-header,.how{border-color:var(--line)}
@media(max-width:1250px){.header-actions{gap:10px}.theme-toggle{padding-inline:10px}.theme-label{display:none}}
@media(max-width:700px){.theme-toggle{width:36px;padding:8px;min-height:44px}.header-actions{gap:7px}.wordmark .brand-name{font-size:17px}}
@media(max-width:480px){.header-actions{gap:6px}.wordmark .brand-name{font-size:15px;letter-spacing:.5px}.languages a{min-width:27px}.theme-toggle{width:34px;padding:7px}.theme-toggle svg{width:17px;height:17px}}
@media(max-width:370px){.wordmark .brand-name{font-size:13px;letter-spacing:.3px}.header-actions{gap:5px}.languages a{min-width:25px}.theme-toggle{width:32px;padding:6px}}
@media(prefers-reduced-motion:no-preference){
  ::view-transition-group(root){animation-duration:.28s;animation-timing-function:ease-out}
  ::view-transition-old(root){animation:theme-out .18s ease both}
  ::view-transition-new(root){animation:theme-in .28s ease both}
  @keyframes theme-out{to{opacity:0}}
  @keyframes theme-in{from{opacity:0}to{opacity:1}}
  .button .arrow{transition:transform .25s ease}
  .button:hover .arrow{transform:translate(3px,-3px)}
  .text-link .arrow{transition:transform .25s ease}
  .text-link:hover .arrow{transform:translate(2px,-2px)}
  @supports(animation-timeline:scroll()){
    .site-header:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--clay);transform:scaleX(0);transform-origin:left;animation:reading-progress linear both;animation-timeline:scroll(root block);pointer-events:none}
    [dir="rtl"] .site-header:after{transform-origin:right}
    @keyframes reading-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  }
}
@media(prefers-reduced-motion:reduce){
  .theme-toggle svg,.button .arrow,.text-link .arrow{transition:none!important;transform:none!important}
  ::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none!important}
  .site-header:after{display:none}
}

.social-links{flex-wrap:wrap;align-items:center}