/* Orchid artwork frames readable, fully clickable controls. */
body .button:not(.secondary){display:inline-flex;align-items:center;justify-content:center;min-height:112px;width:100%;max-width:350px;padding:24px 75px;color:#452352;background:#f5ecfa url('orchids.png') center bottom / 100% auto no-repeat;border:1px solid #c7a5d7;border-radius:56px;text-align:center;line-height:1.45;font-size:16px;box-shadow:0 5px 16px #59356f12;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}
body .button:not(.secondary):hover{background-color:#ebdcf3;transform:translateY(-2px);box-shadow:0 8px 20px #59356f26}
body .button:focus-visible{outline:3px solid #59356f;outline-offset:5px}
body .actions{align-items:center}
body .button.secondary{border-radius:28px}
@media(max-width:400px){body .button:not(.secondary){padding-inline:58px;min-height:112px}}
@media(prefers-reduced-motion:reduce){body .button:not(.secondary){transition:none}body .button:not(.secondary):hover{transform:none}}
header{background:#704487;border-bottom-color:#704487;color:#fff}
header .brand,header nav a{color:#fff}
header .brand span{color:#eadcf1}
header nav a:hover{color:#fff}
body .author-art img{filter:brightness(1.06);mix-blend-mode:multiply}
body .hero .actions{max-width:350px;flex-direction:column;align-items:stretch;gap:12px}
body .hero .actions .button:not(.secondary){max-width:350px;min-height:112px;font-size:24px;font-weight:700;padding:24px 75px}
body .hero .actions .button.secondary{align-self:center;padding:12px 25px;text-align:center}
@media(max-width:480px){body .hero .actions{max-width:100%}body .hero .actions .button:not(.secondary){max-width:100%;font-size:23px}}
.community-invite{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);align-items:center;gap:36px;max-width:1000px;margin:20px auto 72px;padding:52px 48px;border:1px solid #e0cce8;border-radius:28px;background:linear-gradient(120deg,#f6eff9,#eadcf1);box-shadow:0 14px 40px #59356f0b;overflow:hidden}
.community-invite .community-copy{position:relative;z-index:1}
.community-invite h2{color:#452352;margin:14px 0 20px;font-size:clamp(36px,4vw,50px)}
.community-invite .community-copy>p{max-width:490px;color:#5e4967;margin:0 0 24px}
.community-invite .community-orchids{display:block;width:100%;height:auto;align-self:center;margin:0;filter:drop-shadow(0 10px 12px #59356f12)}
.community-invite .button.secondary{background:#803f91;color:#fff;border-color:#803f91;border-radius:28px;padding:14px 25px;box-shadow:0 6px 18px #803f9124}
.community-invite .button.secondary:hover{background:#663174;border-color:#663174}
.community-invite .community-copy>p.community-note{font-size:14px;line-height:1.6;margin:17px 0 0;color:#6a5374;max-width:360px}
@media(max-width:1060px){.community-invite{margin-inline:5%}}
@media(max-width:700px){.community-invite{grid-template-columns:1fr;padding:32px 26px;gap:16px;margin-bottom:48px}.community-invite .community-orchids{width:100%;max-width:290px;margin:4px auto 0}.community-invite .button.secondary{font-size:16px}}
/* Readable type at every screen size, including the small supporting copy. */
html body{font-size:19px;line-height:1.75}
body nav{font-size:16px}
body .eyebrow{font-size:15px}
body .intro,body .about p,body .author p,body .community-copy>p{font-size:19px}
body .button,body .button.secondary{font-size:17px}
body .hero .actions .button:not(.secondary){font-size:24px}
body .status,body .attribution,body .retailer-note,body footer,body .community-invite .community-copy>p.community-note{font-size:16px}
body h2{font-size:clamp(36px,4.2vw,50px)}
@media(max-width:700px){body nav{font-size:16px}body .hero .actions .button:not(.secondary){font-size:23px}}