@layer reset, base, components, responsive;
@layer reset {
  *,*::before,*::after { box-sizing:border-box; }
  html { scroll-behavior:smooth; scroll-padding-top:7rem; }
  body,h1,h2,h3,p { margin:0; }
  img { display:block; max-width:100%; }
  button { font:inherit; cursor:pointer; }
  a { color:inherit; text-decoration:none; }
  [hidden] { display:none!important; }
}
@layer base {
  :root { --bg:#f6f4ed; --white:#fffefa; --sage:#e5ece5; --ink:#203e37; --muted:#596b60; --line:#ccd5ca; --gold:#897043; --serif:Georgia,"Times New Roman",serif; --x:clamp(1.3rem,5.5vw,6.5rem); }
  body { min-width:320px; background:var(--bg); color:var(--ink); font-family:"Segoe UI",Arial,sans-serif; font-size:1rem; line-height:1.7; }
  h1,h2,h3 { font-family:var(--serif); font-weight:400; line-height:1.1; letter-spacing:-.045em; text-wrap:balance; }
  h1 { font-size:clamp(3.1rem,5.9vw,6.4rem); }
  h2 { font-size:clamp(2.35rem,4vw,4.3rem); }
  h3 { font-size:clamp(1.6rem,2.3vw,2.3rem); }
  h1 em,h2 em { color:#687b61; font-weight:400; }
  p { color:var(--muted); } p+p { margin-top:1.1rem; }
  ::selection { background:#d6dfcc; color:#183a32; }
  :focus-visible { outline:3px solid #97713e; outline-offset:5px; }
  .wrap { padding-left:var(--x); padding-right:var(--x); }
  .section { padding-top:clamp(4rem,7vw,7rem); padding-bottom:clamp(4rem,7vw,7rem); }
  .section--sage { background:var(--sage); } .section--white { background:var(--white); }
  .eyebrow { margin-bottom:1.15rem; color:var(--gold); font-size:.71rem; font-weight:650; letter-spacing:.14em; line-height:1.5; text-transform:uppercase; }
  .lead { max-width:40rem; margin-top:1.7rem; font-size:clamp(1.1rem,1.6vw,1.3rem); line-height:1.75; }
  .small { font-size:.83rem; line-height:1.65; }
  .number { display:inline-block; color:var(--gold); font-size:.8rem; letter-spacing:.12em; }
  .skip-link { position:fixed; top:1rem; left:1rem; z-index:100; padding:.75rem 1rem; background:var(--ink); color:white; transform:translateY(-200%); }
  .skip-link:focus { transform:none; }
}
@layer components {
  .site-header { position:sticky; top:0; z-index:50; display:flex; min-height:5.8rem; align-items:center; justify-content:space-between; gap:2rem; padding:.9rem var(--x); background:rgba(246,244,237,.96); border-bottom:1px solid var(--line); backdrop-filter:blur(18px); }
  .brand { display:inline-flex; gap:.85rem; align-items:center; flex-shrink:0; }
  .brand img { border-radius:.5rem; } .brand>span { display:grid; font-size:.85rem; font-weight:650; line-height:1.35; letter-spacing:.1em; text-transform:uppercase; }
  .brand small { color:var(--muted); font-size:.63rem; font-weight:500; letter-spacing:.25em; }
  .site-nav { display:flex; gap:clamp(1rem,2.3vw,2.5rem); align-items:center; }
  .site-nav a { padding:.4rem 0; color:var(--muted); font-size:.82rem; border-bottom:1px solid transparent; transition:color .2s,border-color .2s; }
  .site-nav a:hover,.site-nav a[aria-current] { color:var(--ink); border-color:var(--gold); }
  .menu-toggle { display:none; }
  .button { display:inline-flex; min-height:3.3rem; gap:1.3rem; align-items:center; justify-content:space-between; padding:.8rem 1.2rem; border:1px solid var(--ink); border-radius:.45rem; background:var(--ink); color:#fffefa; font-size:.84rem; font-weight:600; transition:transform .2s,background .2s; }
  .button:hover { transform:translateY(-2px); background:#31594c; }
  .button--outline { color:var(--ink); background:transparent; } .button--outline:hover { background:#d8e2d4; }
  .button--cream { color:var(--ink); border-color:var(--bg); background:var(--bg); } .button--cream:hover { background:#e4ecda; }
  .text-link { display:inline-flex; align-items:center; justify-content:space-between; gap:1.4rem; padding:.35rem 0; border-bottom:1px solid #a4b2a3; color:var(--ink); font-size:.88rem; font-weight:600; }
  .text-link span { transition:transform .2s; } .text-link:hover span { transform:translate(2px,-2px); }
  .hero { display:grid; grid-template-columns:1.12fr 1fr; gap:clamp(2rem,5vw,6rem); align-items:center; padding-top:clamp(3rem,6vw,6rem); padding-bottom:4rem; background:radial-gradient(ellipse at 3% 10%,#e7ecdd,transparent 58%); }
  .hero-copy { position:relative; z-index:2; } .hero h1 { font-size:clamp(3.15rem,5.6vw,6.2rem); }
  .hero .lead { max-width:32rem; } .hero-actions { display:flex; flex-wrap:wrap; gap:1.5rem; align-items:center; margin-top:2rem; }
  .hero-note { margin-top:2rem; font-size:.76rem; }
  .live-dot { display:inline-block; width:.45rem; height:.45rem; margin-right:.7rem; border-radius:50%; background:#687f58; box-shadow:0 0 0 5px #dde6d4; }
  .hero-art { --hero-x:0px; --hero-y:0px; position:relative; transform:translate(var(--hero-x),var(--hero-y)); transition:transform .4s ease-out; }
  .hero-photo { width:100%; height:clamp(27rem,38vw,39rem); object-fit:cover; border-radius:8rem .8rem .8rem .8rem; }
  .hero-seal { position:absolute; left:-1.5rem; bottom:3.7rem; display:flex; align-items:center; gap:1.1rem; padding:1.25rem 1.6rem; border:1px solid #dadfce; border-radius:.6rem; background:var(--white); box-shadow:0 1rem 2.5rem #193d3215; }
  .hero-seal img { border-radius:.55rem; } .hero-seal span { color:var(--muted); font-size:.83rem; line-height:1.7; } .hero-seal strong { font-weight:600; color:var(--ink); }
  .art-caption { display:block; margin-top:.8rem; text-align:right; font-size:.72rem; color:var(--muted); }
  .status-strip { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1.5rem; padding-top:1.5rem; padding-bottom:1.5rem; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .status-strip>span { display:flex; gap:1rem; align-items:center; color:var(--muted); font-size:.85rem; } .status-strip strong { font-family:var(--serif); font-size:2.1rem; color:var(--ink); font-weight:400; }
  .section-heading { display:flex; justify-content:space-between; gap:3rem; align-items:end; margin-bottom:3rem; } .section-heading>p { max-width:28rem; }
  .explore-grid,.three-grid,.app-grid,.progress-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
  .explore-card { position:relative; display:block; padding:2rem; border:1px solid var(--line); border-radius:.6rem; background:var(--white); transition:transform .25s,box-shadow .25s; }
  .explore-card:hover { transform:translateY(-5px); box-shadow:0 .8rem 2rem #17382b0d; } .explore-card h3 { margin-top:2.2rem; } .explore-card p { margin-top:1rem; padding-right:.5rem; font-size:.94rem; } .explore-card>span:last-child { display:block; margin-top:1.5rem; text-align:right; }
  .product-switcher { border:1px solid #c2d0c1; border-radius:.7rem; overflow:hidden; background:var(--white); }
  .product-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-bottom:1px solid var(--line); }
  .product-tab { display:grid; grid-template-columns:auto 1fr; gap:.7rem 1rem; align-items:center; padding:1.6rem; border:0; border-right:1px solid var(--line); background:transparent; color:var(--muted); text-align:left; transition:background .2s; }
  .product-tab:last-child { border-right:0; } .product-tab:hover,.product-tab.is-active { background:#eaf0e3; color:var(--ink); } .product-tab.is-active { box-shadow:inset 0 -3px var(--ink); }
  .product-tab>span:first-child { font-size:.7rem; color:var(--gold); } .product-tab strong { font-weight:600; font-size:.96rem; line-height:1.4; } .product-tab .badge { grid-column:2; justify-self:start; }
  .badge { display:inline-flex; align-items:center; gap:.45rem; width:fit-content; padding:.3rem .65rem; border:1px solid #b8cdb5; border-radius:2rem; background:#eff5e9; color:#345039; font-size:.69rem; font-weight:600; line-height:1.4; white-space:nowrap; }
  .badge::before { width:.35rem; height:.35rem; border-radius:50%; background:#54774a; content:""; } .badge--testing { border-color:#dacbb1; color:#755d39; background:#f6efe2; } .badge--testing::before { background:#9b7e45; }
  .product-panel { display:grid; grid-template-columns:1.1fr 1fr; gap:2rem; align-items:center; padding:clamp(2rem,5vw,5rem); min-height:39rem; }
  .product-panel h3 { margin-bottom:1.5rem; font-size:clamp(2.3rem,3.3vw,3.6rem); } .product-panel p:not(.eyebrow) { max-width:31rem; } .product-panel .text-link { margin-top:1.4rem; }
  .app-icon { width:4.5rem; height:4.5rem; border-radius:1rem; margin-bottom:1.8rem; }
  .app-icon--private { display:grid; place-content:center; background:#dbe4d5; color:#2c5345; font-family:var(--serif); text-align:center; font-size:1.25rem; line-height:1.1; }
  .product-visual { display:grid; place-items:center; padding:1rem; border-radius:50% 50% .6rem .6rem; background:#e6ecdf; }
  .phone { width:min(100%,15.5rem); overflow:hidden; border:6px solid #374d46; border-radius:2.1rem; background:#13232e; box-shadow:0 1.2rem 2.6rem #233f3828; } .phone img { width:100%; height:auto; }
  .private-visual { display:flex; width:min(100%,20rem); min-height:28rem; flex-direction:column; justify-content:space-between; align-items:center; padding:2.5rem 1.5rem; border:1px solid #b1c3aa; border-radius:7rem 7rem 1rem 1rem; text-align:center; background:linear-gradient(145deg,#f2f3e5,#dce7d6); }
  .private-visual span { font-size:.7rem; letter-spacing:.13em; text-transform:uppercase; } .private-visual strong { font-family:var(--serif); font-size:9rem; font-weight:400; line-height:1; color:#71896a; } .private-visual small { max-width:13rem; color:var(--muted); }
  .store-links { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.5rem; }
  .section-tail { display:flex; flex-wrap:wrap; justify-content:space-between; gap:1.3rem; align-items:center; margin-top:1.8rem; }
  .editorial-split,.content-split { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:clamp(2.5rem,7vw,7rem); } .editorial-split { align-items:center; }
  .editorial-split h2,.content-split h2 { margin-bottom:1.8rem; } .editorial-split .text-link,.content-split .text-link { margin-top:1.5rem; }
  .editorial-image { overflow:hidden; border-radius:.6rem; } .editorial-image img { width:100%; height:clamp(25rem,35vw,37rem); object-fit:cover; transition:transform .6s; } .editorial-image:hover img { transform:scale(1.025); }
  .note-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; } .note-card { padding:2.5rem; border:1px solid var(--line); border-radius:.6rem; background:var(--bg); }
  .note-card h3 { max-width:22ch; font-size:clamp(1.9rem,3vw,3.1rem); } .note-card>p:not(.eyebrow) { max-width:32rem; margin-top:1.5rem; } .note-card .text-link { margin-top:2rem; }
  .callout { display:flex; align-items:center; justify-content:space-between; gap:3rem; padding:4.5rem var(--x); background:#264c40; color:var(--bg); } .callout .eyebrow { color:#d0c69f; }
  .callout p:not(.eyebrow) { max-width:37rem; margin-top:1.25rem; color:#d8e3d4; } .callout .button { flex-shrink:0; }
  .site-footer { display:grid; grid-template-columns:1.2fr .8fr 1fr; gap:3rem; padding-top:4rem; padding-bottom:1.8rem; } .footer-intro p { margin:1.5rem 0 1rem; font-size:.95rem; }
  .site-footer nav { display:flex; flex-direction:column; align-items:start; gap:.5rem; font-size:.86rem; } .site-footer nav .eyebrow { margin-bottom:.5rem; } .site-footer nav a:hover { text-decoration:underline; text-underline-offset:.2rem; }
  .footer-bottom { grid-column:1/-1; display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; padding-top:1.6rem; border-top:1px solid var(--line); color:var(--muted); font-size:.73rem; }
  .breadcrumb { display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; margin-bottom:3rem; color:var(--muted); font-size:.77rem; } .breadcrumb a { border-bottom:1px solid #b5c1b1; }
  .page-hero { padding-top:2rem; padding-bottom:4rem; background:radial-gradient(ellipse at 10% 0%,#e7ecdd,transparent 75%); } .page-hero h1 { max-width:19ch; } .page-hero .lead { max-width:47rem; }
  .three-grid article { padding:2rem 1.5rem 1rem 0; border-top:1px solid #b7c8b2; } .three-grid h3 { margin:1.3rem 0 1rem; }
  .prose { max-width:68rem; margin:auto; } .prose h2 { margin-bottom:2rem; } .prose .text-link { margin-top:2rem; }
  .area-list article { display:grid; grid-template-columns:4rem 1fr; gap:3rem; padding:4rem 0; border-bottom:1px solid var(--line); } .area-list article:first-child { padding-top:0; } .area-list article:last-child { border-bottom:0; padding-bottom:0; } .area-list article>div { max-width:57rem; } .area-list h2 { margin-bottom:1.5rem; } .area-list .text-link { margin-top:1.5rem; }
  .stage-list { margin:0; padding:0; list-style:none; } .stage-list li { display:grid; grid-template-columns:2rem 1fr; gap:1.2rem; padding:1.5rem 0; border-top:1px solid var(--line); } .stage-list li>span { color:var(--gold); font-size:.75rem; } .stage-list h3 { font-size:1.65rem; margin-bottom:.65rem; } .stage-list p { font-size:.95rem; }
  .portfolio-heading { display:flex; justify-content:space-between; align-items:center; gap:2rem; } .filters { display:flex; flex-wrap:wrap; gap:.5rem; }
  .filters button { padding:.65rem .85rem; background:transparent; border:1px solid #a5b9a1; border-radius:2rem; color:var(--ink); font-size:.78rem; } .filters button.is-active { color:var(--white); background:var(--ink); border-color:var(--ink); }
  .filter-count { margin:1.5rem 0 1rem; }
  .app-card { display:flex; flex-direction:column; align-items:start; padding:2rem; background:var(--white); border:1px solid #c5d1bf; border-radius:.6rem; }
  .card-top { display:flex; width:100%; justify-content:space-between; align-items:start; gap:.5rem; } .card-top .app-icon { margin-bottom:1.5rem; }
  .app-card h3 { margin-bottom:1.2rem; } .app-card>p:not(.eyebrow) { font-size:.95rem; } .app-card>.text-link { margin-top:1.5rem; } .app-card .store-links { margin-top:auto; padding-top:1.5rem; }
  .app-card .button { gap:.65rem; padding:.65rem .8rem; font-size:.78rem; min-height:2.8rem; } .app-card>.small { margin-top:1.5rem; } .availability-note { margin-top:2rem; }
  .progress-grid article { padding:1.7rem; border:1px solid var(--line); border-radius:.6rem; } .progress-grid h3 { font-size:1.65rem; } .progress-grid p { font-size:.91rem; } .progress-grid .text-link { margin-top:1.4rem; }
  .milestone-track { display:grid; grid-template-columns:repeat(3,1fr); gap:.35rem; margin:2rem 0 1.25rem; } .milestone-track span { padding-top:.6rem; border-top:3px solid #d2d9cc; color:#657260; font-size:.72rem; } .milestone-track .done { border-color:#8ba481; } .milestone-track .current { border-color:var(--ink); color:var(--ink); font-weight:700; }
  .faq details { border-top:1px solid #b9c8b3; } .faq details:last-child { border-bottom:1px solid #b9c8b3; } .faq summary { display:flex; gap:1.5rem; justify-content:space-between; align-items:center; padding:1.5rem 0; cursor:pointer; list-style:none; font-weight:600; line-height:1.5; }
  .faq summary::-webkit-details-marker { display:none; } .faq summary span { font-weight:400; font-size:1.5rem; } .faq details[open] summary span { transform:rotate(45deg); } .faq details p { padding-bottom:1.5rem; font-size:.95rem; } .faq p a,.article-body p a { text-decoration:underline; }
  .product-hero { display:grid; grid-template-columns:1.2fr .8fr; gap:5rem; align-items:center; padding-top:2rem; padding-bottom:5rem; } .product-hero h1 { font-size:clamp(3.1rem,5vw,5.3rem); max-width:15ch; } .product-subtitle { width:fit-content; font-size:1.25rem; margin:.8rem 0 1.3rem; } .product-hero .lead { max-width:35rem; font-size:1.12rem; }
  .product-hero-visual { display:grid; place-items:center; align-self:stretch; padding:3rem 2rem; margin-top:4rem; background:#e3eadb; border-radius:9rem 9rem .6rem .6rem; } .product-hero-visual .phone { width:min(100%,16.5rem); } .product-hero-visual .private-visual { border:0; background:transparent; }
  .download-band { display:flex; justify-content:space-between; align-items:center; gap:2rem; padding-top:3.5rem; padding-bottom:3.5rem; background:var(--sage); } .download-band h2 { font-size:clamp(2rem,3.4vw,3.6rem); margin-bottom:1rem; } .download-band .store-links { flex-shrink:0; margin-top:0; }
  .article-body { max-width:62rem; margin:0 auto; padding-top:4rem; padding-bottom:5rem; } .article-intro { color:var(--ink); font-size:1.25rem; line-height:1.8; } .article-body h2 { margin:3rem 0 1.2rem; font-size:2.3rem; } .article-body p { line-height:1.9; } .article-end { display:flex; flex-wrap:wrap; gap:2rem; margin-top:3rem; padding-top:2rem; border-top:1px solid var(--line); }
  .contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:5rem; } .contact-grid h2 { margin-bottom:1.7rem; } .contact-email { display:inline-block; margin:1.6rem 0; border-bottom:1px solid var(--gold); color:var(--ink); font-size:clamp(.95rem,1.5vw,1.3rem); overflow-wrap:anywhere; } .contact-products article { padding:2rem 0; border-top:1px solid var(--line); } .contact-products article:first-child { padding-top:0; border-top:0; } .contact-products h3 { margin-bottom:1rem; } .contact-products .text-link { margin-top:1rem; margin-right:1.5rem; }
}
@layer responsive {
  @media(min-width:1700px) { :root { --x:max(6.5rem,calc((100vw - 1480px)/2)); } }
  @media(max-width:1100px) {
    .hero { gap:2rem; } .hero-seal { left:-.7rem; padding:1rem; } .product-tab { padding:1.1rem; } .app-grid,.progress-grid { gap:1rem; } .app-card,.progress-grid article { padding:1.3rem; } .card-top { flex-wrap:wrap; margin-bottom:1.4rem; } .card-top .app-icon { margin-bottom:0; } .portfolio-heading { align-items:start; flex-direction:column; } .product-hero { gap:2.5rem; } .download-band { align-items:start; flex-direction:column; }
  }
  @media(max-width:800px) {
    .site-header { min-height:5rem; padding-top:.65rem; padding-bottom:.65rem; }
    .menu-toggle { display:flex; flex-direction:column; justify-content:center; gap:6px; width:42px; height:42px; padding:10px; border:1px solid var(--line); border-radius:.4rem; background:transparent; } .menu-toggle span { display:block; height:1px; background:var(--ink); width:100%; }
    .site-nav { display:none; position:absolute; left:0; right:0; top:100%; padding:1.2rem var(--x) 1.5rem; background:var(--bg); border-bottom:1px solid var(--line); box-shadow:0 1rem 1rem #17382b0b; } .site-header.is-open .site-nav { display:flex; flex-direction:column; align-items:stretch; gap:.3rem; } .site-nav a { padding:.65rem 0; font-size:1rem; }
    .hero { grid-template-columns:1fr; padding-bottom:2.5rem; } .hero h1 { font-size:clamp(3.15rem,8.5vw,5.6rem); } .hero-art { margin:.7rem 0 0 1rem; transform:none; } .hero-photo { height:24rem; border-top-left-radius:5rem; } .hero-seal { left:-1rem; bottom:3rem; } .hero-note { margin-top:1.5rem; } .status-strip { gap:.7rem 1.5rem; }
    .section-heading { align-items:start; flex-direction:column; gap:1.5rem; } .section-heading>p { max-width:38rem; } .explore-grid { grid-template-columns:1fr; gap:1rem; } .explore-card h3 { margin-top:1rem; } .explore-card p { max-width:32rem; }
    .product-tabs { grid-template-columns:1fr; } .product-tab { grid-template-columns:1.5rem 1fr auto; gap:.7rem; padding:1.1rem; border-right:0; border-bottom:1px solid var(--line); } .product-tab .badge { grid-column:3; } .product-tab:last-child { border-bottom:0; } .product-tab.is-active { box-shadow:inset 3px 0 var(--ink); }
    .product-panel { grid-template-columns:1fr 1fr; padding:2rem; gap:1.5rem; min-height:0; } .product-panel h3 { font-size:2.2rem; } .product-visual { padding:.75rem; } .product-panel .store-links { gap:.5rem; } .product-panel .button { min-height:2.8rem; font-size:.76rem; padding:.6rem .7rem; gap:.6rem; }
    .editorial-split,.content-split,.contact-grid { grid-template-columns:1fr; gap:2.5rem; } .editorial-image img { height:24rem; } .note-grid { grid-template-columns:1fr; gap:1rem; } .note-card { padding:2rem; } .callout { flex-direction:column; align-items:start; gap:2rem; } .site-footer { grid-template-columns:1fr 1fr; gap:2.5rem; } .footer-intro { grid-column:1/-1; }
    .three-grid,.app-grid,.progress-grid { grid-template-columns:1fr; gap:2rem; } .app-card,.progress-grid article { padding:2rem; } .app-card .store-links { padding-top:0; margin-top:1.5rem; } .three-grid article { padding-right:0; } .area-list article { grid-template-columns:2rem 1fr; gap:1rem; } .area-list h2 { font-size:2.3rem; }
    .product-hero { grid-template-columns:1fr; gap:2.5rem; padding-bottom:3rem; } .product-hero-visual { margin-top:0; padding:2rem; } .product-hero .breadcrumb { margin-bottom:2rem; }
  }
  @media(max-width:560px) {
    .hero h1 { font-size:clamp(2.9rem,10.4vw,4rem); } .hero-actions { gap:1rem; } .hero-photo { height:20rem; } .hero-seal { padding:.8rem; gap:.8rem; } .hero-seal img { width:48px; height:48px; } .hero-seal span { font-size:.75rem; } .hero-note { font-size:.7rem; }
    .status-strip { align-items:start; flex-direction:column; } .status-strip strong { font-size:1.6rem; } .product-tab { grid-template-columns:1rem 1fr; } .product-tab .badge { grid-column:2; } .product-panel { grid-template-columns:1fr; padding:1.5rem; gap:2rem; } .product-panel h3 { font-size:2.5rem; } .product-visual { padding:1.5rem 1rem; } .phone { width:13.5rem; border-radius:1.9rem; } .private-visual { min-height:22rem; }
    .app-card,.progress-grid article,.explore-card,.note-card { padding:1.5rem; } .page-hero { padding-bottom:3rem; } .page-hero h1 { font-size:3.1rem; } .breadcrumb { font-size:.7rem; margin-bottom:2rem; } .product-hero h1 { font-size:3rem; } .product-hero-visual { border-radius:6rem 6rem .6rem .6rem; } .area-list article { grid-template-columns:1fr; gap:1rem; padding:3rem 0; } .site-footer { gap:2rem 1.5rem; } .site-footer nav { font-size:.8rem; } .article-body h2 { font-size:2rem; } .article-intro { font-size:1.1rem; }
    .download-band .store-links,.product-hero .store-links { display:grid; grid-template-columns:1fr 1fr; width:100%; } .store-links .button { gap:.8rem; }
  }
  @media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; animation:none!important; } .hero-art,.button:hover,.explore-card:hover { transform:none; } }
}