/* Download destination: the existing editorial palette with a quiet grid detail. */
.download-section{padding:88px var(--page-gutter) 72px;isolation:auto;scroll-margin-top:24px}
.download-section:before{inset:0;width:auto;height:auto;border:0;border-radius:0;transform:none;background-image:url("assets/download-grid.svg");background-size:100% 100%;mask-image:none;z-index:0}
.download-section:after{inset:0;width:auto;height:auto;border:0;border-radius:0;transform:none;background:radial-gradient(ellipse at 50% 25%,#b5666530,transparent 70%);z-index:0}
.download-content{max-width:1000px;margin:auto;position:relative;z-index:1}
.download-status{display:inline-flex;align-items:center;gap:10px;border:1px solid #d8b6b955;border-radius:30px;padding:9px 19px;font-size:10px;line-height:1.5;letter-spacing:1.8px;color:#f1d5cb;background:#f8f6f205}
.download-status>span{width:6px;height:6px;border-radius:50%;background:#e5c8bf;box-shadow:0 0 0 4px #e5c8bf0d}
.download-section h2{margin:28px 0 20px;font-size:clamp(50px,6vw,88px);letter-spacing:-3px;line-height:1.08}
.download-description{color:#f0dce1;font-size:16px;line-height:1.8;max-width:620px;margin:auto}
.store-options{display:flex;justify-content:center;align-items:stretch;gap:18px;margin:38px auto 0;max-width:600px}
.store-card{position:relative;display:flex;align-items:center;text-align:left;gap:18px;flex:1;min-width:0;min-height:112px;background:#f8f6f20b;border:1px solid #f2d9d866;border-radius:9px;padding:22px;color:var(--cream);transition:background .25s,border-color .25s,transform .25s}
.store-card:hover{transform:translateY(-3px);background:#f8f6f215;border-color:#f2d9d8bb}
.store-card:focus-visible,.download-preview-button:focus-visible{outline-color:var(--cream);outline-offset:5px}
.store-icon{display:block;shape-rendering:geometricPrecision;width:32px;height:36px;flex-shrink:0}.apple-icon{height:35px}.play-icon{width:31px}
.store-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.store-kicker{font-size:8px;letter-spacing:1.2px;line-height:1.4;color:#efdae1}
.store-copy strong{font-family:var(--sans);font-size:23px;line-height:1.2;letter-spacing:-.5px;font-weight:600;white-space:nowrap}
.store-platform{font-size:11px;line-height:1.5;color:#efdae1}
.store-availability{position:absolute;top:12px;right:12px;font-size:8px;letter-spacing:.6px;line-height:1.5;color:#efdae1}
.download-availability{font-size:12px;line-height:1.7;color:#efdae1;margin-top:20px}
.download-preview{display:flex;align-items:center;justify-content:center;gap:20px;margin:34px auto 0;padding-top:26px;border-top:1px solid #e4c1cb33;width:fit-content;max-width:100%}
.download-preview>span{font-size:12px;color:#efdae1;line-height:1.7}
.download-preview-button{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--cream);padding:8px 0;font-size:13px;text-decoration:underline;text-underline-offset:6px;white-space:nowrap}
.download-preview-button .icon{width:19px;height:19px}
#download-dialog{max-width:640px}
.download-dialog-content{padding:30px 12px 14px}
.download-dialog-status{display:inline-block;border:1px solid var(--line);background:var(--blush);border-radius:20px;padding:7px 12px;font-size:11px;color:var(--wine)}
.download-dialog-content h2{font-size:42px;line-height:1.15;letter-spacing:-1.5px;margin:20px 0}
.download-dialog-content p{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:28px}
.download-dialog-content .button{font-size:13px}
@media(max-width:680px){.download-section{padding:70px 24px 60px}.download-section h2{font-size:58px;letter-spacing:-2.2px}.download-description{font-size:15px}.store-options{gap:12px}.store-card{padding:24px 16px 20px;gap:12px}.store-copy strong{font-size:21px}.store-icon{width:27px;height:31px}.store-kicker{font-size:7px;letter-spacing:.8px}.store-availability{font-size:7px;top:9px;right:10px}.download-preview{gap:15px}.download-preview>span{font-size:11px}}
@media(max-width:480px){.download-section h2{font-size:51px;letter-spacing:-2px}.download-status{font-size:9px;letter-spacing:1px;padding:9px 14px}.download-description{font-size:14px}.download-description br{display:none}.store-options{flex-direction:column;max-width:310px;margin-top:30px;gap:12px}.store-card{flex:none;min-height:106px;padding:20px 24px;gap:20px}.store-icon{width:31px;height:35px}.store-copy strong{font-size:24px}.store-kicker{font-size:9px;letter-spacing:.8px}.store-platform{font-size:12px}.store-availability{font-size:9px;top:15px;right:16px}.download-availability{font-size:12px;max-width:270px;margin:20px auto 0}.download-preview{flex-direction:column;gap:7px;margin-top:28px;padding-top:22px}.download-preview>span{font-size:12px}.download-dialog-content{padding:25px 0 8px}.download-dialog-content h2{font-size:35px}.download-dialog-content p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.store-card{transition:none}.store-card:hover{transform:none}}
.store-kicker{font-size:10px;letter-spacing:.7px}.store-availability{font-size:10px}
@media(min-width:481px) and (max-width:680px){.store-kicker{font-size:9px;letter-spacing:.5px}.store-availability{font-size:9px}}

/* Keep labels and glyphs in the normal paint layer after entrance animations. */
.download-section .reveal.visible{transform:none}
.download-section .store-copy,.download-section .store-icon{filter:none;opacity:1}
.store-kicker,.store-platform,.store-availability{font-weight:500}
.store-card{line-height:1.4}

.download-preview{border-top:0;padding-top:0;margin-top:28px}
