.ah-section{--ah-bg:#000;--ah-ink:#f7f3ec;--ah-muted:#b9b3a9;--ah-accent:#b7ddc7;background:var(--ah-bg);color:var(--ah-ink);padding:100px 0 84px;font-family:"Helvetica Neue",Helvetica,Arial,"PingFang SC",sans-serif;isolation:isolate;scroll-margin-top:84px}
.ah-section[data-ah-theme=warm]{--ah-bg:#eee7dc;--ah-ink:#302923;--ah-muted:#665d53;--ah-accent:#355d4b}.ah-section[data-ah-theme=brown]{--ah-bg:#241b16;--ah-ink:#faf1e6;--ah-muted:#c0b3a7;--ah-accent:#b7ddc7}
.ah-wrap{width:min(1200px,calc(100% - 64px));margin:auto}.ah-section h2,.ah-section h3,.ah-section h4,.ah-section p,.ah-section figure{margin:0}.ah-intro{max-width:880px;margin-bottom:40px}.ah-kicker{font-size:13px;font-weight:600;letter-spacing:.12em;color:var(--ah-accent);margin-bottom:16px!important}.ah-section h2{font-size:clamp(30px,4.2vw,56px);line-height:1.15;letter-spacing:-.035em;font-weight:650;margin-bottom:24px}.ah-intro>p:not(.ah-kicker){font-size:18px;line-height:1.8;max-width:750px;color:var(--ah-muted)}.ah-current{font-size:14px!important;margin-top:12px!important}.ah-scene-nav{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 28px}.ah-scene-nav button{font:inherit;cursor:pointer;background:transparent;color:var(--ah-muted);border:0;padding:10px 16px;border-bottom:2px solid transparent;border-radius:0;font-size:16px}.ah-scene-nav button[aria-pressed=true]{color:var(--ah-ink);border-bottom-color:var(--ah-accent)}.ah-section button:focus-visible,.ah-section a:focus-visible,.ah-section summary:focus-visible{outline:3px solid var(--ah-accent);outline-offset:5px}.ah-story[hidden]{display:none!important}.ah-scene-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:28px;background:#14110e}.ah-story figcaption{color:var(--ah-muted);font-size:12px;line-height:1.6;margin-top:12px}.ah-story-copy{display:grid;grid-template-columns:1fr 1fr;gap:20px 48px;margin:38px 0 70px}.ah-story-copy .ah-kicker{grid-column:1/-1;margin-bottom:0!important}.ah-story-copy h3{font-size:clamp(27px,3vw,40px);line-height:1.3;letter-spacing:-.03em;grid-column:1}.ah-story-copy>p:not(.ah-kicker){font-size:16px;line-height:1.9;color:var(--ah-muted)}.ah-spark{grid-column:1!important;color:var(--ah-ink)!important}.ah-product-links{grid-column:2;display:flex;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:10px 20px}.ah-section a{color:var(--ah-accent);text-decoration:none;font-size:14px;line-height:1.8}.ah-section a:hover{text-decoration:underline}.ah-apple-pair{grid-column:1/-1}.ah-condition{grid-column:1/-1;font-size:13px!important;max-width:980px}.ah-ecosystem{padding-top:26px}.ah-ecosystem summary{cursor:pointer;font-size:20px;font-weight:600;line-height:1.6;list-style-position:inside}.ah-devices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:28px}.ah-device figure{background:#fff;border-radius:24px;overflow:hidden}.ah-device img{width:100%;height:auto;display:block;aspect-ratio:1440/760;object-fit:contain}.ah-device h4{font-size:21px;margin:22px 0 12px}.ah-device>p{font-size:14px;line-height:1.8;color:var(--ah-muted)}.ah-swatches{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}.ah-swatch{border:2px solid transparent;background:none;border-radius:50%;padding:4px;cursor:pointer;width:38px;height:38px}.ah-swatch span{display:block;width:26px;height:26px;border-radius:50%;background:var(--swatch);border:1px solid #777}.ah-swatch[aria-pressed=true]{border-color:var(--ah-accent)}.ah-color-name{min-height:48px;font-size:12px!important}.ah-footnote{margin-top:44px!important;color:var(--ah-muted);font-size:12px;line-height:1.9;max-width:1100px}.ah-footnote a{font-size:12px}.ah-section img{max-width:100%}
@media(max-width:700px){.ah-section{padding:64px 0 54px}.ah-wrap{width:calc(100% - 36px)}.ah-intro{margin-bottom:24px}.ah-intro>p:not(.ah-kicker){font-size:16px}.ah-story-copy{grid-template-columns:1fr;gap:16px;margin:26px 0 42px}.ah-story-copy>*{grid-column:1!important}.ah-scene-photo{border-radius:20px}.ah-devices{grid-template-columns:1fr;gap:30px}.ah-device figure{max-width:500px}.ah-scene-nav{gap:2px}.ah-scene-nav button{padding:10px 12px;font-size:14px}.ah-footnote{font-size:12px}.ah-story-copy h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.ah-section *{scroll-behavior:auto}}
