.online-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.online-card{min-width:0;background:#fff;border:1px solid #e6e3e8;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.online-card[hidden]{display:none}.online-card-art{position:relative;overflow:hidden;background:#e8f0f2}.online-card-art>a{display:block}.online-card-art img{width:100%;height:auto;aspect-ratio:1.45;object-fit:cover;transition:transform .3s ease}.online-card-art>a:hover img{transform:scale(1.035)}
.online-format{position:absolute;bottom:12px;left:14px;background:#fff;color:#201b38;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:700;box-shadow:0 2px 12px #201b3810}
.online-card-art .save-button{position:absolute;right:12px;top:12px;bottom:auto;background:#fff;width:36px;height:36px;padding:8px;min-height:36px;border:0}
.online-card-copy{padding:21px 22px 0;flex:1;display:flex;flex-direction:column}.online-card h3{font-size:23px;letter-spacing:-.05em;line-height:1.16;margin:0}.online-card h3 a:hover{color:var(--accent)}.online-card p{font-size:15px;line-height:1.5;margin:10px 0 12px}.online-card small{display:block;font-size:12px;line-height:1.6;color:#625e6b;margin-top:auto;margin-bottom:15px}
.online-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #ece9ee;padding:14px 0;font-size:11px;color:#625e6b}.online-card-bottom a{font-weight:700;font-size:14px;color:#201b38;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.home-online{padding-top:48px!important;padding-bottom:45px!important;scroll-margin-top:20px}.online-shelf-foot{margin-top:26px;display:flex;justify-content:space-between;gap:16px;font-size:13px;color:#625e6b}.online-shelf-foot .text-link{font-size:13px}
.online-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding-top:48px;padding-bottom:64px}.online-hero h1{font-size:clamp(44px,5.3vw,76px);letter-spacing:-.06em;line-height:1.02}.online-hero em{font-style:normal;color:var(--accent)}.online-hero>div>p{max-width:460px;line-height:1.65;margin:24px 0;font-size:17px}.online-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.online-hero .button-secondary{background:white;color:var(--ink);border:1px solid #b7b2c0}.online-hero .online-hero-note{font-size:12px;color:#625e6b;margin-top:21px}.online-hero-art{position:relative;padding-bottom:20px}.online-main-art{width:100%;height:auto;aspect-ratio:1.15;object-fit:cover;border-radius:22px}.online-art-caption{position:absolute;bottom:0;left:-15px;background:#fff;padding:16px 22px;border:1px solid #e6e3e8;border-radius:12px;box-shadow:0 10px 30px #201b380b;display:grid;gap:4px}.online-art-caption span{font-size:12px}.online-art-caption strong{font-size:25px;letter-spacing:-.04em}.online-library{background:#f7f9fa;border-radius:22px;padding-top:42px;padding-bottom:42px;scroll-margin-top:20px}.online-library-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}.online-library-heading h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.045em;line-height:1.15}.online-library-heading p{font-size:14px;margin-top:12px}.online-search{display:grid;gap:8px;font-size:12px;min-width:255px}.online-search input{width:100%;min-height:46px;border:1px solid #c9c5d0;border-radius:8px;padding:10px 13px;background:white;font:inherit;font-size:14px}.online-filters{display:flex;flex-wrap:wrap;gap:9px}.online-filters[hidden]{display:none}.online-filters button{min-height:44px;padding:9px 17px;border:1px solid #cdc9d2;border-radius:8px;background:white;color:var(--ink);font-size:13px;font-weight:600}.online-filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.online-count{font-size:12px;margin:20px 0;color:#625e6b}.online-empty{text-align:center;padding:70px 20px}.online-empty p{margin:18px auto}.online-ways{display:grid;grid-template-columns:.85fr 1.15fr;gap:12%;padding-top:70px;padding-bottom:70px}.online-ways h2,.online-membership h2{font-size:clamp(30px,3.5vw,50px);line-height:1.08;letter-spacing:-.05em}.online-ways p{font-size:15px;line-height:1.6;margin:13px 0 27px}.online-ways h3{font-size:22px}.online-ways a{text-decoration:underline}.online-membership{display:flex;justify-content:space-between;align-items:center;gap:50px;background:#ebe5fa;border-radius:18px;padding-top:42px;padding-bottom:42px;margin-bottom:60px}.online-membership>div:first-child{max-width:600px}.online-membership p{margin:14px 0;font-size:15px}.online-membership .small-note{font-size:12px}.online-product-note{background:#edf5f7;border-radius:12px;padding:20px;margin:18px 0}.online-product-note p{font-size:14px;line-height:1.6;margin:8px 0 14px}.online-product-note ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none;font-size:11px}.online-product-note li{background:#fff;padding:7px 10px;border-radius:5px}.online-product-note .text-link{font-size:12px;margin-top:15px}.card-online-label{display:inline-block;font-size:11px;background:#edf5f7;border-radius:5px;padding:4px 8px;margin-top:12px}
@media(min-width:1500px){.online-page .section{max-width:1320px}}
@media(max-width:900px){.online-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.online-library-heading{align-items:start;flex-direction:column;gap:18px}.online-search{width:100%}.online-hero{gap:5%}.online-hero h1{font-size:48px}.online-ways{gap:7%}.online-card-copy{padding:18px 18px 0}}
@media(max-width:600px){.online-grid{grid-template-columns:minmax(0,1fr);gap:24px}.online-card-art img{aspect-ratio:1.65}.online-card-copy{padding:19px 20px 0}.online-card h3{font-size:25px}.online-card p{font-size:15px}.online-shelf-foot{flex-direction:column}.home-online .home-section-heading{align-items:start;flex-direction:column;gap:18px}.home-online .home-section-heading p{line-height:1.6}.online-hero{grid-template-columns:1fr;padding-top:28px;padding-bottom:42px;gap:28px}.online-hero h1{font-size:49px}.online-hero>div>p{font-size:16px;margin:19px 0}.online-main-art{aspect-ratio:1.45}.online-art-caption{left:10px;padding:12px 16px}.online-art-caption strong{font-size:22px}.online-library{border-radius:0;padding-top:32px;padding-bottom:36px}.online-ways{grid-template-columns:1fr;gap:18px;padding-top:45px;padding-bottom:25px}.online-membership{flex-direction:column;align-items:start;gap:10px;margin-bottom:35px;border-radius:0}.online-filters{gap:8px}.online-filters button{padding:8px 12px;font-size:12px}.online-product-note{padding:16px}.home-online{padding-top:36px!important}}
@media(prefers-reduced-motion:reduce){.online-card-art img{transition:none}}