/* Generated by scripts/build_homepage_css.py; sources: homepage-layout-after; sha256: 582e9140d553d0eb */
.home-feed-bottom{ padding-top:4px !important; padding-bottom:0 !important; } .home-feed-bottom.is-complete{ padding-top:0 !important; padding-bottom:0 !important; } #recent-days.is-feed-complete{ margin-bottom:0 !important; padding-bottom:0 !important; } .home-feed-bottom.is-complete .home-feed-sentinel{ display:none !important; height:0 !important; } .ap-year-toolbar{ margin-top:4px; margin-bottom:10px; padding:0; } .ap-year-nav{ display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:.5rem; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; } .ap-year-nav::-webkit-scrollbar{ display:none; } @media (max-width:767.98px){ .ap-year-nav{ justify-content:flex-start; } } .ap-story-month-toolbar{ margin-top:-4px; margin-bottom:20px; } .ap-story-month-nav{ gap:.45rem; } .ap-mode-toolbar{ display:block !important; margin-top:-2px; margin-bottom:12px; } .ap-mode-nav{ display:flex !important; flex-wrap:nowrap; gap:.5rem; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; } .ap-mode-nav::-webkit-scrollbar{ display:none; } .ap-mode-btn{ display:inline-flex; align-items:center; justify-content:center; gap:.42rem; min-width:0; padding:.36rem .68rem; border:1px solid #dbe4ee; border-radius:999px; background:#ffffff; color:#64748b !important; font-size:.88rem; font-weight:700; letter-spacing:.01em; text-decoration:none; line-height:1.1; white-space:nowrap; flex:0 0 auto; transition:background .12s ease, color .12s ease, border-color .12s ease; } .ap-mode-btn i{ display:inline-block; font-size:.92rem; line-height:1; transform:translateY(0) scale(1); transform-origin:50% 50%; transition:transform .14s ease, color .14s ease; } .ap-mode-btn:hover{ background:#f0f0f0; color:var(--link-hover); border-color:#d6d6d6; text-decoration:none; } .ap-mode-btn:hover i, .ap-mode-btn:focus-visible i{ transform:translateY(-1px) scale(1.08); } .ap-mode-btn.is-active{ background:var(--primary); color:#ffffff !important; border-color:var(--primary); } .ap-mode-btn.is-active i, .ap-mode-btn.is-active .ap-bi-svg, .ap-mode-btn.is-active svg, .ap-mode-btn.is-active span{ color:inherit !important; } .ap-mode-btn.is-active i{ transform:translateY(0) scale(1.04); } .ap-mode-btn.is-locked, .ap-mode-btn[aria-disabled="true"]{ background:#f8fafc; color:#94a3b8; border-color:#dbe4ee; cursor:not-allowed; pointer-events:none; } .ap-mode-btn.ap-mode-btn--nudge{ animation:ap-latest-nudge 3.2s ease-in-out infinite; } @keyframes ap-latest-nudge{ 0%,100%{ background:#ffffff; border-color:#dbe4ee; color:#334155; box-shadow:0 0 0 0 rgba(148,163,184,0); } 50%{ background:#f0f0f0; border-color:#d6d6d6; color:var(--primary); box-shadow:0 0 0 2px rgba(51,51,51,.08); } } @media (prefers-reduced-motion: reduce){ .ap-mode-btn.ap-mode-btn--nudge{ animation:none; } } .ap-name-scope-nav{ display:flex; flex-wrap:wrap; gap:.46rem; } .ap-name-category-nav{ display:flex; flex-wrap:wrap; gap:.46rem; } .ap-name-scope-btn{ display:inline-flex; align-items:center; gap:.4rem; } .ap-name-category-group{ margin-top:1rem; } .ap-name-category-group + .ap-name-category-group{ margin-top:1.2rem; } .ap-name-category-heading{ display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin:0 0 .55rem; } .ap-name-category-title{ margin:0; color:#0f172a; font-size:.96rem; font-weight:800; line-height:1.2; } .ap-name-category-count{ color:#64748b; font-size:.8rem; font-weight:700; line-height:1.2; } .ap-name-cards-head{ display:block; margin-top:1rem; margin-bottom:.45rem; font-size:.82rem; font-weight:700; color:#64748b; } .ap-name-cards-head-sentence{ display:block; letter-spacing:0; text-transform:none; } .ap-name-cards-head-main{ display:flex; flex-wrap:wrap; gap:.4rem; } .ap-name-cards-head-visible{ font-weight:800; } .ap-clear-name-filter{ color:#334155; text-decoration:underline; font-weight:700; } .ap-clear-name-filter:hover{ color:#0f172a; } .ap-name-card-pagination{ display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin:.45rem 0 .7rem; padding:.55rem .62rem; border:1px solid #e2e8f0; border-radius:10px; background:#f8fafc; } .ap-name-card-pagination__meta{ display:flex; flex-wrap:wrap; gap:.45rem; color:#475569; font-size:.78rem; font-weight:800; line-height:1.2; } .ap-name-card-pagination__controls{ display:flex; align-items:center; gap:.42rem; } .ap-name-card-pagination__button{ display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:.38rem .64rem; border:1px solid #cbd5e1; border-radius:8px; background:#ffffff; color:#0f172a !important; font-size:.78rem; font-weight:800; line-height:1; text-decoration:none !important; white-space:nowrap; } .ap-name-card-pagination__button:hover, .ap-name-card-pagination__button:focus{ border-color:#94a3b8; background:#eef2f7; color:#0f172a !important; text-decoration:none !important; } .ap-name-card-pagination__button.is-disabled{ background:#f1f5f9; color:#94a3b8 !important; cursor:not-allowed; } .ap-name-cards-grid{ display:grid; gap:.62rem; grid-template-columns:repeat(2,minmax(0,1fr)); } @media (min-width: 1100px){ .ap-name-cards-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); } } @media (max-width: 767.98px){ .ap-name-card-pagination{ align-items:flex-start; flex-direction:column; } .ap-name-card-pagination__controls{ width:100%; } .ap-name-card-pagination__button{ flex:1 1 0; } .ap-name-cards-grid{ grid-template-columns:minmax(0,1fr); } } .ap-name-person-card{ display:grid; grid-template-columns:124px minmax(0,1fr); align-items:stretch; column-gap:.68rem; min-height:138px; padding:0 .6rem 0 0; border:1px solid #e2e8f0; border-radius:14px; background:#ffffff; color:#334155; text-decoration:none; box-shadow:0 1px 2px rgba(15,23,42,.05); transition:border-color .14s ease, box-shadow .14s ease, transform .14s ease; } .ap-name-person-card:link, .ap-name-person-card:visited, .ap-name-person-card:hover, .ap-name-person-card:focus{ color:#334155; text-decoration:none !important; } .ap-name-person-card:hover{ border-color:#cbd5e1; box-shadow:0 6px 16px rgba(15,23,42,.09); transform:translateY(-1px); } .ap-name-person-card.is-private{ border-color:#d8dee9; } .ap-name-person-photo-wrap{ position:relative; width:124px; height:auto; min-height:124px; margin:0; align-self:stretch; border-radius:14px; overflow:hidden; border:1px solid #dbe4ee; background:#f1f5f9; } @media (max-width: 767.98px){ .ap-name-person-card{ grid-template-columns:102px minmax(0,1fr); min-height:116px; padding:0 .52rem 0 0; } .ap-name-person-photo-wrap{ width:102px; height:auto; min-height:102px; margin:0; align-self:stretch; } } .ap-name-person-photo-wrap picture{ display:block; width:100%; height:100%; } .ap-name-person-photo{ width:100%; height:100%; object-fit:cover; display:block; } .ap-name-person-photo--real-hover{ position:absolute; inset:0; opacity:0; pointer-events:none; transition:opacity .14s ease; } .ap-name-person-card:hover .ap-name-person-photo--real-hover, .ap-name-person-card:focus .ap-name-person-photo--real-hover, .ap-name-person-card:focus-within .ap-name-person-photo--real-hover{ opacity:1; } .ap-name-person-body{ display:flex; flex-direction:column; justify-content:center; gap:.24rem; padding:.46rem 0; min-width:0; overflow:hidden; } .ap-name-person-card > .ap-name-person-body:first-child{ grid-column:1 / -1; padding:.46rem .6rem; } @media (max-width: 767.98px){ .ap-name-person-card > .ap-name-person-body:first-child{ padding:.42rem .52rem; } } .ap-name-person-title{ font-size:1rem; font-weight:700; line-height:1.24; color:#1f2937; word-break:normal; overflow-wrap:anywhere; text-decoration:none !important; } .ap-name-person-role{ font-size:.82rem; font-weight:600; line-height:1.25; color:#64748b; word-break:normal; overflow-wrap:anywhere; } .ap-name-person-mentions{ margin-top:.12rem; display:flex; flex-direction:column; gap:.08rem; font-size:.8rem; font-weight:700; line-height:1.25; color:#64748b; } .ap-selected-name-photo{ margin:.08rem 0 .58rem 0; } .ap-selected-name-photo-link{ display:inline-flex; border-radius:16px; overflow:hidden; border:1px solid #d9e1eb; background:#fff; box-shadow:0 2px 8px rgba(15,23,42,.06); } .ap-selected-name-photo-link, .ap-selected-name-photo-link:hover, .ap-selected-name-photo-link:focus{ text-decoration:none !important; } .ap-selected-name-photo-img{ width:112px; height:112px; object-fit:cover; display:block; } .ap-name-cards-empty{ padding:.8rem .9rem; border:1px dashed #cbd5e1; border-radius:12px; background:#f8fafc; color:#64748b; font-size:.87rem; } .ap-source-dossier{ margin-top:.2rem; padding:.72rem .78rem; border:1px solid #dbe4ee; border-radius:14px; background:#f8fafc; } .ap-source-dossier-head{ display:flex; align-items:center; flex-wrap:wrap; gap:.45rem; margin-bottom:.32rem; font-size:.74rem; font-weight:700; letter-spacing:.035em; text-transform:uppercase; color:#51637a; } .ap-source-dossier-summary{ margin:0 0 .48rem 0; color:#475569; font-size:.84rem; line-height:1.4; } .ap-source-table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; } .ap-source-table{ width:100%; min-width:760px; border-collapse:separate; border-spacing:0; font-size:.82rem; color:#334155; } .ap-source-table thead th{ padding:.44rem .42rem; border-bottom:1px solid #d6e0eb; font-size:.72rem; letter-spacing:.03em; text-transform:uppercase; color:#61748b; text-align:left; background:#f2f7fc; white-space:nowrap; } .ap-source-table tbody td{ padding:.45rem .42rem; border-bottom:1px solid #e3ebf4; vertical-align:top; } .ap-source-table tbody tr:last-child td{ border-bottom:0; } .ap-source-table td.ap-source-url a{ color:#334155; text-decoration:underline; word-break:break-all; } .ap-source-title{ display:block; margin-top:.18rem; color:#64748b; font-size:.74rem; line-height:1.25; } .ap-source-hash{ display:block; margin-top:.18rem; color:#64748b; font-size:.7rem; line-height:1.25; word-break:break-all; } .ap-source-copy-link{ display:inline-block; margin-top:.16rem; color:#334155; text-decoration:underline; word-break:break-all; } .ap-source-inline-details{ margin-top:.18rem; color:#64748b; font-size:.7rem; line-height:1.25; } .ap-source-inline-details summary{ cursor:pointer; color:#51637a; font-weight:700; } .ap-source-dossier-empty{ margin-top:.2rem; padding:.62rem .72rem; border:1px dashed #c7d4e4; border-radius:12px; background:#f8fafc; color:#64748b; font-size:.84rem; } .ap-quote-songs-section{ background:#f8fafc; box-shadow:none; } .ap-quote-songs-section .ap-source-dossier-summary{ margin-bottom:.4rem; font-size:.8rem; line-height:1.32; } .ap-quote-song-grid{ display:grid !important; grid-template-columns:minmax(0, 1fr); gap:.75rem; align-items:stretch; } @media (min-width: 640px){ .ap-quote-song-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; } } @media (min-width: 960px){ .ap-quote-song-grid{ grid-template-columns:repeat(3, minmax(0, 1fr)) !important; } } @media (min-width: 1320px){ .ap-quote-song-grid{ grid-template-columns:repeat(4, minmax(0, 1fr)) !important; } } .ap-quote-song-card{ display:flex !important; flex-direction:column; gap:.62rem; min-width:0; min-height:0; padding:.92rem .96rem; border:1px solid #d7e3f1; border-radius:18px; background:#fff; box-shadow:0 14px 30px rgba(148, 163, 184, 0.10); transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease; } .ap-quote-song-card:hover{ border-color:#bfd2e8; box-shadow:0 18px 34px rgba(148, 163, 184, 0.14); transform:translateY(-1px); } .ap-quote-song-card:link, .ap-quote-song-card:visited, .ap-quote-song-card:hover, .ap-quote-song-card:focus{ color:#334155; text-decoration:none; } .ap-quote-song-head{ display:flex; align-items:flex-start; gap:.58rem; min-width:0; } .ap-quote-song-head-body{ flex:1 1 auto; min-width:0; display:grid; gap:.22rem; } .ap-quote-song-avatar{ flex:0 0 3rem; width:3rem; height:3rem; overflow:hidden; border-radius:999px; border:1px solid #d9e4f0; background:#f8fafc; } .ap-quote-song-avatar picture, .ap-quote-song-avatar img{ display:block; width:100%; height:100%; } .ap-quote-song-avatar img{ object-fit:cover; } .ap-quote-song-cover{ display:block; width:100%; margin:0; aspect-ratio:16 / 9; overflow:hidden; border:1px solid #d9e4f0; border-radius:12px; background:#f8fafc; } .ap-quote-media-poster{ display:block; width:min(100%, 13rem); margin:0; aspect-ratio:2 / 3; overflow:hidden; align-self:center; border:1px solid #d9e4f0; border-radius:12px; background:#f8fafc; } .ap-quote-song-cover img{ display:block; width:100%; height:100%; object-fit:cover; } .ap-quote-media-poster img{ display:block; width:100%; height:100%; object-fit:cover; } .ap-quote-song-cover:hover, .ap-quote-song-cover:focus, .ap-quote-media-poster:hover, .ap-quote-media-poster:focus{ border-color:#bfd2e8; } .ap-quote-song-avatar--best{ margin-bottom:.18rem; } .ap-quote-song-summary{ display:grid; gap:.38rem; margin:0 0 .6rem; } .ap-quote-song-summary-label{ font-size:.72rem; font-weight:800; letter-spacing:.08em; color:#94a3b8; text-transform:uppercase; } .ap-quote-song-summary-grid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:.52rem; } @media (min-width: 900px){ .ap-quote-song-summary-grid{ grid-template-columns:repeat(3, minmax(0, 1fr)); } } @media (min-width: 1320px){ .ap-quote-song-summary-grid{ grid-template-columns:repeat(5, minmax(0, 1fr)); } } .ap-quote-song-summary-item{ display:flex; align-items:center; justify-content:space-between; gap:.5rem; min-width:0; padding:.62rem .72rem; border:1px solid #d7e3f1; border-radius:12px; background:#fff; box-shadow:0 10px 24px rgba(148, 163, 184, 0.08); } .ap-quote-song-summary-name{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.84rem; font-weight:700; color:#0f172a; } .ap-quote-song-summary-count{ flex:0 0 auto; padding:.18rem .46rem; border-radius:999px; background:#edf4ff; font-size:.75rem; font-weight:700; color:#0f172a; } .ap-quote-song-card--best{ justify-content:flex-start; align-items:flex-start; text-align:left; } .ap-quote-song-rank{ font-size:.8rem; font-weight:800; letter-spacing:.04em; color:#64748b; text-transform:uppercase; } .ap-quote-song-kicker{ font-size:.72rem; font-weight:800; letter-spacing:.08em; color:#94a3b8; text-transform:uppercase; } .ap-quote-song-topline{ display:flex; justify-content:space-between; gap:.5rem; align-items:center; flex-wrap:wrap; font-size:.76rem; color:#64748b; } .ap-quote-song-topline.is-date-only{ justify-content:flex-end; } .ap-quote-song-artist, .ap-quote-song-title{ color:#0f172a; font-weight:700; } .ap-quote-song-artist{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .ap-quote-song-date{ flex:0 0 auto; display:inline-flex; align-items:center; padding:.16rem .48rem; border:1px solid #dde7f2; border-radius:999px; background:#f8fafc; font-size:.72rem; font-weight:700; color:#5f6f82; white-space:nowrap; } .ap-quote-song-title{ font-size:.98rem; line-height:1.38; max-height:calc(1.38em * 3); overflow:hidden; overflow-wrap:anywhere; word-break:break-word; } .ap-quote-song-title a{ color:#1d4f91; text-decoration:none; } .ap-quote-song-title a:hover, .ap-quote-song-title a:focus{ text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.12em; } .ap-quote-song-footer, .ap-quote-song-meta{ display:flex; flex-wrap:wrap; gap:.55rem; min-width:0; align-items:center; font-size:.78rem; color:#64748b; } .ap-quote-song-footer{ margin-top:auto; padding-top:.24rem; border-top:1px solid #edf2f7; } .ap-quote-song-meta{ width:100%; justify-content:space-between; } .ap-quote-song-post{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .ap-quote-song-count{ display:inline-flex; align-items:center; gap:.28rem; padding:.2rem .52rem; border-radius:999px; background:#f1f6fb; font-size:.78rem; color:#334155; } .ap-quote-song-entry-link, .ap-quote-song-post a{ display:inline-flex; align-items:center; justify-content:center; min-height:2rem; padding:.32rem .7rem; border:1px solid #d7e3f1; border-radius:999px; background:#fff; color:#1d4f91; font-size:.76rem; font-weight:700; text-decoration:none; white-space:nowrap; } .ap-quote-song-entry-link:hover, .ap-quote-song-entry-link:focus, .ap-quote-song-post a:hover, .ap-quote-song-post a:focus{ border-color:#bfd2e8; background:#f8fafc; text-decoration:none; } .ap-quote-song-hidden-label{ display:inline-flex; align-items:center; justify-content:center; min-height:2rem; padding:.2rem .55rem; border:1px solid #d6d3d1; border-radius:999px; background:#fafaf9; color:#57534e; font-size:.72rem; font-weight:800; letter-spacing:.03em; text-transform:uppercase; white-space:nowrap; } .ap-quote-media-card{ gap:.42rem; padding:.58rem .62rem .68rem; border-radius:14px; } .ap-quote-media-card--movie{ gap:0; padding:0 0 .72rem; overflow:hidden; transform-origin:50% 50%; } .ap-quote-media-card--movie:hover, .ap-quote-media-card--movie:focus-visible{ transform:translateY(-2px) scale(1.015); } .ap-quote-media-card .ap-quote-media-poster{ width:100%; max-width:none; border-radius:10px; } .ap-quote-media-card--movie .ap-quote-media-poster{ align-self:stretch; width:100%; max-width:none; border:0; border-bottom:1px solid #d9e4f0; border-radius:13px 13px 0 0; } .ap-quote-media-card .ap-quote-song-cover{ border-radius:10px; } .ap-quote-media-card--movie .ap-quote-song-cover{ width:100%; border:0; border-bottom:1px solid #d9e4f0; border-radius:13px 13px 0 0; } .ap-quote-media-card--movie .ap-quote-media-poster img, .ap-quote-media-card--movie .ap-quote-song-cover img{ transition:transform .22s ease; } .ap-quote-media-card--movie:hover .ap-quote-media-poster img, .ap-quote-media-card--movie:focus-visible .ap-quote-media-poster img, .ap-quote-media-card--movie:hover .ap-quote-song-cover img, .ap-quote-media-card--movie:focus-visible .ap-quote-song-cover img{ transform:scale(1.06); } .ap-quote-media-card .ap-quote-song-title{ font-size:.95rem; line-height:1.26; max-height:calc(1.26em * 2); } .ap-quote-media-card--movie .ap-quote-song-head, .ap-quote-media-card--movie .ap-quote-song-title, .ap-quote-media-card--movie .ap-quote-song-footer, .ap-quote-media-card--movie .ap-quote-song-kicker, .ap-quote-media-card--movie .ap-quote-song-rank, .ap-quote-media-card--movie > .ap-quote-song-count{ margin-left:.72rem; margin-right:.72rem; } .ap-quote-media-card--movie .ap-quote-song-head{ margin-top:.72rem; } .ap-quote-media-card--movie .ap-quote-song-post-date{ color:#64748b; font-size:.78rem; font-weight:700; white-space:nowrap; } .ap-quote-media-card .ap-quote-song-footer{ padding-top:.12rem; } .ap-quote-media-card .ap-quote-song-meta{ justify-content:flex-start; gap:.4rem; } .ap-quote-media-card .ap-quote-song-count{ justify-content:center; min-width:1.75rem; min-height:1.65rem; padding:.12rem .42rem; font-size:.78rem; font-weight:800; } .ap-quote-media-card a.ap-quote-song-count{ color:#334155; text-decoration:none; } .ap-quote-media-card a.ap-quote-song-count:hover, .ap-quote-media-card a.ap-quote-song-count:focus{ background:#eaf2ff; text-decoration:none; } .ap-quote-media-card .ap-quote-song-hidden-label{ min-height:1.65rem; padding:.12rem .42rem; font-size:.66rem; } .ap-year-btn{ display:inline-flex; align-items:center; justify-content:center; gap:.42rem; min-width:0; padding:.34rem .62rem; border:1px solid #dbe4ee; border-radius:999px; background:#ffffff; color:#334155; font-size:.88rem; font-weight:600; text-decoration:none !important; line-height:1.1; white-space:nowrap; flex:0 0 auto; transition:background .12s ease, color .12s ease, border-color .12s ease; } .ap-year-btn i{ display:inline-block; font-size:.92rem; line-height:1; transform:translateY(0) scale(1); transform-origin:50% 50%; transition:transform .14s ease, color .14s ease; } .ap-year-btn:link, .ap-year-btn:visited, .ap-year-btn:hover, .ap-year-btn:active, .ap-year-btn:focus{ text-decoration:none !important; color:#64748b !important; } .ap-year-btn:hover{ background:#f0f0f0; color:#475569 !important; border-color:#d6d6d6; } .ap-year-btn:hover i, .ap-year-btn:focus-visible i{ transform:translateY(-1px) scale(1.08); } .ap-year-btn.is-active{ background:#e2e8f0; color:#334155 !important; border-color:#cbd5e1; } .ap-year-btn.is-active i{ transform:translateY(0) scale(1.04); } .ap-home-front-door [data-home-feed-list="1"]{ gap:.45rem !important; } @media (min-width: 1280px){ .ap-home-front-door [data-home-feed-list="1"]{ grid-template-columns:repeat(4, minmax(0, 1fr)) !important; } } @media (min-width: 900px) and (max-width: 1279.98px){ .ap-home-front-door [data-home-feed-list="1"]{ grid-template-columns:repeat(3, minmax(0, 1fr)) !important; } } @media (min-width: 768px) and (max-width: 899.98px){ .ap-home-front-door [data-home-feed-list="1"]{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; } } .ap-home-front-door .home-day-card{ border-color:#e8edf3; background:#ffffff; box-shadow:0 2px 6px rgba(15,23,42,0.08); } .ap-home-front-door .home-day-card:hover{ border-color:#cbd5e1; box-shadow:0 8px 18px rgba(15,23,42,.08); } .ap-home-front-door .home-day-badge-chip, .ap-home-front-door .story-card-badge, .ap-home-front-door .ap-badge-tier-tags{ display:none !important; } .ap-home-front-door .ap-year-reader .story-card-badge{ display:inline-flex !important; } .ap-home-front-door .home-title, .ap-home-front-door .home-date, .ap-home-front-door .home-summary, .ap-home-front-door .home-subtitle, .ap-home-front-door .home-chapter-days{ color:#0f172a; } .ap-home-front-door .home-summary{ -webkit-line-clamp:1; font-size:.88rem; } .ap-home-front-door .home-day-content{ padding:8px 9px !important; } .ap-home-front-door .home-title{ font-size:.92rem; line-height:1.18; } .ap-home-front-door .home-date{ font-size:.76rem; line-height:1.15; } .ap-home-front-door .ap-article-hover-overlay, .ap-home-front-door .ap-packaged-hover-overlay{ display:none !important; } .ap-home-front-door{ --ap-front-accent:#0f172a; --ap-front-accent-hover:#1f2937; --ap-front-ink:#0f172a; --ap-front-muted:#64748b; --ap-front-line:#e8edf3; --ap-front-line-strong:#cbd5e1; --ap-front-soft:#f8fafc; --ap-front-shadow:0 10px 28px rgba(15, 23, 42, 0.06); } .ap-year-landing{ --ap-front-accent:#0f172a; --ap-front-accent-hover:#1f2937; --ap-front-ink:#0f172a; --ap-front-muted:#64748b; --ap-front-line:#e8edf3; --ap-front-line-strong:#cbd5e1; --ap-front-soft:#f8fafc; --ap-front-shadow:0 10px 28px rgba(15, 23, 42, 0.06); } .ap-home-front-door .ap-name-person-card{ border-color:var(--ap-front-line); background:#ffffff; box-shadow:0 2px 6px rgba(15,23,42,0.08); color:var(--ap-front-ink); } .ap-home-front-door .ap-name-person-card:hover{ border-color:var(--ap-front-line-strong); box-shadow:0 10px 24px rgba(15,23,42,.08); } .ap-home-front-door .ap-name-person-title{ color:var(--ap-front-ink); } .ap-home-front-door .ap-name-person-role, .ap-home-front-door .ap-name-person-mentions{ color:var(--ap-front-muted); } .ap-home-front-block{ margin-top:68px; padding:0; } .ap-home-front-canvas{ width:100%; max-width:min(100%, 1440px); margin-left:auto; margin-right:auto; } .ap-home-front-board{ display:grid; grid-template-columns:minmax(0, 1.06fr) minmax(320px, .94fr); gap:72px 24px; align-items:start; max-width:72rem; } .ap-home-front-board .ap-home-front-block{ margin-top:0; } .ap-home-front-board--member{ padding-top:24px; } .ap-home-proof-story-pair{ grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:24px; align-items:start; } .ap-home-proof-story-pair .ap-home-proof-card--mirror, .ap-home-proof-story-pair .ap-home-front-block--story .ap-home-story-panel{ min-height:256px; } .ap-home-front-block--proof{ grid-column:auto; grid-row:auto; } .ap-home-front-block--story{ grid-column:auto; grid-row:auto; } @media (min-width: 768px){ .ap-home-front-block--proof, .ap-home-front-block--story{ margin-top:0; } } .ap-home-front-block--proof > .ap-home-front-heading, .ap-home-front-block--start > .ap-home-front-heading{ margin-bottom:14px; } .ap-home-front-block--story > .ap-home-front-heading{ margin-bottom:14px; } .ap-home-front-block--hero, .ap-home-front-block--start, .ap-home-front-block--volumes, .ap-home-front-block--create, .ap-home-front-block--live-feed, .ap-home-front-block--names, .ap-home-front-block--writers, .ap-home-front-block--finish, .ap-home-front-block--price{ grid-column:1 / -1; } .ap-home-front-block--price{ width:100%; } .ap-home-front-block--hero{ padding:0; box-sizing:border-box; } .ap-home-front-hero{ position:relative; width:100%; max-width:none; padding:0; box-sizing:border-box; } .ap-home-front-hero__visual{ position:relative; width:100%; min-width:0; box-sizing:border-box; } .ap-home-hero-world-stage{ position:relative; min-width:0; overflow:hidden; touch-action:pan-y; box-sizing:border-box; background-color:var(--ap-hero-paper, #fbf7f0); background-image:none; background-repeat:no-repeat; } .ap-home-hero-world-stage > img{ display:block; width:100%; height:auto; } .ap-home-hero-world-stage > img[hidden]{ display:none !important; } .ap-home-hero-world-stage[data-blank="1"] > img[hidden]{ display:block !important; visibility:hidden; } .ap-home-front-hero__copy{ position:absolute; z-index:1; top:0; bottom:0; left:max(20px, calc(50vw - 36rem)); display:flex; width:min(42%, 510px); min-width:0; flex-direction:column; justify-content:center; padding:22px 0; pointer-events:none; } .ap-home-front-hero__copy a{pointer-events:auto;} .ap-home-hero-world-nav{ position:absolute; z-index:2; bottom:clamp(18px, 3vw, 34px); left:50%; margin:0; transform:translateX(-50%); } .ap-home-hero-world-nav .ap-carousel-arrow{ background:transparent; } .ap-home-hero-world-nav [data-hero-previous]{ border-color:#d4d4d8; color:#c4c4ca; } .ap-home-hero-world-nav [data-hero-next]{ border-color:#a1a1aa; color:#71717a; } html[data-theme="dark"] .ap-home-hero-world-nav [data-hero-previous], html.dark-mode .ap-home-hero-world-nav [data-hero-previous], body.dark-mode .ap-home-hero-world-nav [data-hero-previous]{ border-color:#3f3f46; color:#3f3f46; } html[data-theme="dark"] .ap-home-hero-world-nav [data-hero-next], html.dark-mode .ap-home-hero-world-nav [data-hero-next], body.dark-mode .ap-home-hero-world-nav [data-hero-next]{ border-color:#a1a1aa; color:#d4d4d8; } html[data-theme="dark"] .ap-home-hero-world-nav .ap-carousel-dot, html.dark-mode .ap-home-hero-world-nav .ap-carousel-dot, body.dark-mode .ap-home-hero-world-nav .ap-carousel-dot{ background:#71717a; } html[data-theme="dark"] .ap-home-hero-world-nav .ap-carousel-dot.is-active, html[data-theme="dark"] .ap-home-hero-world-nav .ap-carousel-dot:hover, html.dark-mode .ap-home-hero-world-nav .ap-carousel-dot.is-active, html.dark-mode .ap-home-hero-world-nav .ap-carousel-dot:hover, body.dark-mode .ap-home-hero-world-nav .ap-carousel-dot.is-active, body.dark-mode .ap-home-hero-world-nav .ap-carousel-dot:hover{ background:#a1a1aa; } @media (min-width:1280px){ body.ap-display-topbar #main-content{ padding-left:0; padding-right:0; } body.ap-display-topbar .sidebar-left{ padding-left:0; padding-right:0; } body.ap-display-topbar .ap-top-chrome{ background:transparent; } body.ap-display-topbar .ap-home-front-canvas{ padding-left:0 !important; padding-right:0 !important; } body.ap-display-topbar .ap-home-front-board .ap-home-front-block--hero{ width:100vw; margin-top:calc(-1 * var(--ap-top-chrome-height)); margin-left:calc((72rem - 100vw) / 2); margin-right:calc((72rem - 100vw) / 2); } body.ap-display-topbar .ap-home-front-hero, body.ap-display-topbar .ap-home-front-hero__visual, body.ap-display-topbar .ap-home-hero-world-stage{ width:100vw; } body.ap-display-topbar.ap-topbar-nav-open .ap-home-front-board .ap-home-front-block--hero{ width:calc(100vw - 14rem); margin-left:calc((100% - (100vw - 14rem)) / 2); margin-right:calc((100% - (100vw - 14rem)) / 2); } body.ap-display-topbar.ap-topbar-nav-open .ap-home-front-hero, body.ap-display-topbar.ap-topbar-nav-open .ap-home-front-hero__visual, body.ap-display-topbar.ap-topbar-nav-open .ap-home-hero-world-stage{ width:100%; } body:not(.ap-display-topbar) .ap-home-front-board .ap-home-front-block--hero{ width:100%; margin-left:0; margin-right:0; } body:not(.ap-display-topbar) .ap-home-hero-world-nav{ right:auto; left:50%; padding-right:0; transform:translateX(-50%); } .ap-home-hero-world-stage{ height:50.6vh; background-color:var(--ap-hero-paper, #fbf7f0); } .ap-home-hero-world-stage > img{ position:absolute; right:0; bottom:0; width:auto; max-width:100%; height:100%; max-height:100%; object-fit:contain; object-position:right bottom; } } #ap-hero-showcase{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:12px;} .ap-showcase__stage{position:relative;display:grid;gap:12px;min-height:270px;width:100%;max-width:440px;padding:18px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 28px rgba(15,23,42,.10);overflow:visible;transition:none;} #ap-hero-showcase[data-ap-showcase-enhanced="1"] .ap-showcase__stage:has(.ap-showcase__beat:nth-child(2).is-active){transform:none;box-shadow:0 8px 28px rgba(15,23,42,.10);} .ap-showcase__beat{grid-area:1/1;display:flex;align-items:center;justify-content:center;padding:0;border-top:0;opacity:0;transform:translateY(6px);pointer-events:none;transition:none;} .ap-showcase__beat.is-active{opacity:1;transform:translateY(0);pointer-events:auto;} #ap-hero-showcase[data-ap-showcase-enhanced="1"] .ap-showcase__beat{transition:opacity 0.38s ease,transform 0.38s ease;} #ap-hero-showcase[data-ap-showcase-enhanced="1"] .ap-showcase__beat.is-exit{opacity:0;transform:translateY(-4px);pointer-events:none;} .ap-showcase__card{width:100%;display:flex;flex-direction:column;gap:12px;} .ap-showcase__card-label{margin:0;font-size:14px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#64748b;} .ap-showcase__card-lines{display:flex;flex-direction:column;gap:8px;} .ap-showcase__line{height:8px;border-radius:4px;background:#e2e8f0;} .ap-showcase__line--full{width:100%;} .ap-showcase__line--med{width:68%;} .ap-showcase__line--short{width:38%;} .ap-showcase__typing-row{display:flex;align-items:center;gap:4px;} .ap-showcase__cursor{display:inline-block;width:2px;height:14px;border-radius:1px;background:#334155;animation:none;} .ap-showcase__card .ap-showcase__line{transform-origin:left center;} .ap-showcase__beat.is-active .ap-showcase__card .ap-showcase__line{animation:none;} .ap-showcase__beat.is-active .ap-showcase__card-lines .ap-showcase__line:nth-child(1){animation-delay:.1s;} .ap-showcase__beat.is-active .ap-showcase__card-lines .ap-showcase__line:nth-child(2){animation-delay:.3s;} .ap-showcase__beat.is-active .ap-showcase__card-lines .ap-showcase__line:nth-child(3){animation-delay:.5s;} .ap-showcase__beat.is-active .ap-showcase__typing-row .ap-showcase__line{animation-delay:.7s;} @keyframes ap-sc-line{from{transform:scaleX(0);}to{transform:scaleX(1);}} @media (prefers-reduced-motion: reduce){.ap-showcase__beat .ap-showcase__line{animation:none !important;}} .ap-showcase__book-scene{width:100%;display:grid;grid-template-columns:minmax(134px,148px) minmax(120px,150px);column-gap:clamp(30px,8%,42px);align-items:center;justify-content:center;} .ap-showcase__book-object{position:relative;flex:0 0 auto;width:134px;height:164px;transform:none;opacity:1;transition:none;} .ap-showcase__beat.is-active .ap-showcase__book-object{transform:translateY(0) scale(1);opacity:1;} .ap-showcase__book-spine{ display:none; } .ap-showcase__book-spine::after{ display:none; } .ap-showcase__book-cover{position:absolute;left:20px;top:0;width:112px;height:164px;display:flex;flex-direction:column;gap:10px;padding:18px 16px 16px;border:1px solid #e2e8f0;border-left:1px solid #e2e8f0;border-radius:2px 12px 12px 2px;background:#f8fafc;box-shadow:0 16px 30px rgba(15,23,42,.12);} .ap-showcase__book-cover-kicker{color:#64748b;font-size:.56rem;font-weight:900;letter-spacing:.12em;line-height:1;text-transform:uppercase;} .ap-showcase__book-cover-title{margin-top:4px;color:#0f172a;font-size:1.02rem;font-weight:900;line-height:1.02;} .ap-showcase__book-cover-line{display:block;height:6px;border-radius:999px;background:#cbd5e1;} .ap-showcase__book-cover-line--short{width:54%;} .ap-showcase__book-cover-line--medium{width:74%;} .ap-showcase__book-cover-mark{ display:none; } .ap-showcase__book-shadow{position:absolute;left:50%;bottom:42px;width:118px;height:10px;border-radius:999px;background:#e2e8f0;transform:translateX(-50%) scaleX(.72);opacity:.82;} .ap-showcase__book-meta{position:relative;z-index:1;display:flex;min-width:0;max-width:150px;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;} .ap-showcase__book-title{margin:0;font-size:18px;font-weight:600;color:#0f172a;line-height:1.15;} .ap-showcase__book-sub{margin:0;font-size:14px;font-weight:700;color:#64748b;line-height:1.2;} .ap-showcase__earn{display:flex;flex-direction:column;gap:10px;width:100%;} .ap-showcase__earn-label{margin:0;font-size:14px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#64748b;} .ap-showcase__earn-row{display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#475569;} .ap-showcase__earn-val{font-weight:700;color:#0f172a;} .ap-showcase__earn-val--keep{font-size:18px;color:#0f172a;} .ap-showcase__step-dots{display:flex;gap:6px;align-items:center;justify-content:center;width:100%;max-width:440px;} .ap-showcase__dot{width:6px;height:6px;border-radius:50%;background:#64748b;opacity:0.25;transition:opacity .3s ease,transform .3s ease;} .ap-showcase__dot.is-active{opacity:1;transform:scale(1.25);} .ap-showcase__product{width:100%;display:grid;grid-template-columns:minmax(104px,132px) minmax(0,1fr);gap:20px;align-items:center;justify-content:center;} .ap-showcase__product-cover{display:block;width:120px;aspect-ratio:2 / 3;object-fit:cover;border-radius:5px;box-shadow:0 14px 28px rgba(15,23,42,.16);} .ap-showcase__product-meta{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;} .ap-showcase__product-name{margin:0;color:#64748b;font-size:11px;font-weight:900;letter-spacing:.12em;line-height:1;text-transform:uppercase;} .ap-showcase__product-title{margin:0;color:#0f172a;font-size:22px;font-weight:800;line-height:1.05;} .ap-showcase__product-price{margin:0;color:#0f172a;font-size:18px;font-weight:800;line-height:1.1;} .ap-showcase__product-published{margin:0;color:#64748b;font-size:13px;font-weight:600;line-height:1.2;} .ap-showcase__product-link{display:inline-flex;align-items:center;margin-top:2px;padding:8px 12px;border-radius:999px;background:#0f172a;color:#fff !important;font-size:13px;font-weight:800;line-height:1;text-decoration:none !important;} .ap-showcase__product-link:hover,.ap-showcase__product-link:focus{background:#1e293b;color:#fff !important;} @media (max-width:480px){ .ap-showcase__product{grid-template-columns:92px minmax(0,1fr);gap:14px;} .ap-showcase__product-cover{width:92px;} .ap-showcase__product-title{font-size:19px;} } .ap-home-front-heading-row{ display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-bottom:10px; } .ap-home-front-heading{ margin:0; color:var(--ap-front-ink); font-size:32px; font-weight:800; letter-spacing:0; line-height:1.12; } .ap-home-front-intro{ margin:0 0 24px; max-width:48rem; color:var(--ap-front-muted); font-size:16px; font-weight:400; line-height:1.55; } .ap-home-live-feed__count{ margin:0; color:var(--ap-front-muted); font-size:14px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .ap-home-live-feed__cards{ width:100%; max-width:none !important; padding-left:.5rem; padding-right:.5rem; } .ap-home-live-feed__story-cards{ display:grid !important; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:.55rem; margin-left:0 !important; margin-right:0 !important; } .ap-home-live-feed__story-cards > .card-col{ width:auto !important; max-width:none !important; padding-left:0 !important; padding-right:0 !important; margin-bottom:0 !important; min-width:0; box-sizing:border-box; } .ap-home-live-feed__story-cards .story-card{ height:auto; min-height:100%; max-height:none; overflow:hidden; } .ap-home-live-feed__story-cards .story-media{ aspect-ratio:16 / 9; max-height:13rem; overflow:hidden; } .ap-home-live-feed__story-cards .story-media img{ width:100%; height:100%; object-fit:cover; } .ap-home-live-feed__story-cards .story-inner{ display:flex; flex-direction:column; gap:.65rem; min-height:0; overflow:visible; } .ap-home-live-feed__story-cards .snippet{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; overflow:hidden; } .ap-home-live-feed__story-cards .snippet h1, .ap-home-live-feed__story-cards .snippet h2, .ap-home-live-feed__story-cards .snippet h3{ font-size:1.22rem !important; line-height:1.18 !important; } .ap-home-live-feed__story-cards .snippet p, .ap-home-live-feed__story-cards .snippet li{ font-size:.94rem !important; line-height:1.42 !important; } .ap-home-live-feed__author{ max-width:9.5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#64748b; font-size:.72rem; font-weight:700; line-height:1.2; } .ap-home-live-feed__reactions-row{ display:flex; justify-content:flex-end; margin-top:auto; min-height:38px; padding-top:2px; } .ap-home-live-feed__reactions-row .ap-story-engagement[data-ap-mode="card"]{ position:relative !important; top:auto !important; right:auto !important; z-index:1 !important; width:100%; pointer-events:auto !important; } .ap-home-live-feed__reactions-row .ap-story-engagement[data-ap-mode="card"] .ap-reaction-row{ justify-content:flex-end; flex-wrap:wrap; opacity:1 !important; transform:none !important; pointer-events:auto !important; } .ap-home-live-feed__reactions-row .ap-story-engagement[data-ap-mode="card"] [data-ap-reaction-label="1"]{ display:none !important; } @media (max-width: 767.98px){ .ap-home-live-feed__story-cards{ grid-template-columns:repeat(1, minmax(0, 1fr)); gap:.5rem; } .ap-home-live-feed__cards{ padding-left:.35rem !important; padding-right:.35rem !important; } } .ap-home-live-feed__empty{ margin:0; padding:14px 16px; border:1px solid var(--ap-front-line); border-radius:8px; background:#ffffff; color:var(--ap-front-muted); font-size:.9rem; font-weight:700; } .ap-home-front-jump{ display:none; align-items:center; margin:0 0 22px; color:var(--ap-front-accent); font-size:.8rem; font-weight:800; line-height:1.2; text-decoration:none; } .ap-home-front-jump:hover{ color:var(--ap-front-accent-hover); } .ap-home-front-card-grid{ display:grid; gap:14px; margin:0 0 72px; align-items:stretch; } .ap-home-front-story-cards{ width:100%; margin:0 auto 72px; padding-left:.35rem; padding-right:.35rem; } .ap-home-front-fixed-board{ display:grid; gap:12px; } .ap-home-front-fixed-row{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px; align-items:stretch; } .ap-home-front-fixed-item{ min-width:0; } .ap-home-front-fixed-item--span-2{ grid-column:span 2; } .ap-home-front-fixed-item--full{ grid-column:1 / -1; } .ap-home-front-story-row{ display:grid; grid-template-columns:repeat(12, minmax(0, 1fr)); gap:.55rem; } .ap-home-front-story-row > .card-col{ min-width:0; } .ap-home-front-col--lead, .ap-home-front-col--names, .ap-home-front-col--cta{ grid-column:span 12; } .ap-home-front-col--proof, .ap-home-front-col--text, .ap-home-front-col--start, .ap-home-front-col--account, .ap-home-front-col--price{ grid-column:span 6; } .ap-home-front-col--person{ grid-column:span 3; } .ap-home-front-col--volume{ grid-column:span 4; } .ap-home-front-storycard{ height:100%; overflow:hidden; border-radius:12px !important; } .ap-home-front-storycard__link{ display:flex; flex-direction:column; height:100%; color:inherit !important; text-decoration:none !important; } .ap-home-front-storycard .story-media{ margin:0; aspect-ratio:4 / 3; background:#f8fafc; } .ap-home-front-storycard .story-inner{ padding:14px 16px 16px; } .ap-home-front-storycard .time{ margin:0 0 10px; color:var(--ap-front-accent); font-size:.72rem; font-weight:800; letter-spacing:.06em; line-height:1.2; text-transform:uppercase; } .ap-home-front-storycard .snippet{ display:flex; flex-direction:column; gap:10px; overflow:visible; } .ap-home-front-storycard__title{ margin:0; color:var(--ap-front-ink); font-size:1.08rem; font-weight:800; line-height:1.18; } .ap-home-front-storycard__text{ margin:0; color:var(--ap-front-muted); font-size:.92rem; line-height:1.58; } .ap-home-front-storycard .home-day-link{ height:100%; } .ap-home-front-storycard .home-day-content{ padding:16px 18px !important; gap:8px; } .ap-home-front-storycard .home-date{ color:var(--ap-front-accent); font-size:.72rem; font-weight:800; letter-spacing:.06em; line-height:1.25; text-transform:uppercase; } .ap-home-front-storycard .home-title{ font-size:1.02rem; line-height:1.2; font-weight:600; } .ap-home-front-storycard .home-summary{ display:block; margin:0; -webkit-line-clamp:unset; overflow:visible; color:var(--ap-front-muted); font-size:.92rem; font-weight:400; line-height:1.55; } .ap-home-front-storycard__display-title{ font-size:clamp(1.9rem, 4vw, 2.75rem) !important; line-height:1.02 !important; letter-spacing:-.04em; text-wrap:balance; } .ap-home-front-storycard__display-copy{ max-width:36rem; font-size:1rem !important; font-weight:400; line-height:1.52 !important; } .ap-home-front-storycard__copy{ margin:0; color:var(--ap-front-muted); font-size:.92rem; line-height:1.58; } .ap-home-front-storycard__tail{ margin:4px 0 0; color:var(--ap-front-accent); font-size:.8rem; font-weight:800; line-height:1.2; } .ap-home-front-storycard--lead, .ap-home-front-storycard--names, .ap-home-front-storycard--cta{ grid-column:1 / -1; } .ap-home-front-storycard--proof, .ap-home-front-storycard--text, .ap-home-front-storycard--scale, .ap-home-front-storycard--start, .ap-home-front-storycard--account, .ap-home-front-storycard--price{ grid-column:span 6; } .ap-home-front-storycard--volume{ grid-column:span 4; } .ap-home-front-storycard--lead .home-day-content{ padding:22px 24px 24px !important; } .ap-home-front-storycard--lead .story-inner{ padding:18px 20px 20px; } .ap-home-front-storycard--lead .snippet{ gap:14px; } .ap-home-front-storycard--proof .story-media{ aspect-ratio:4 / 3; } .ap-home-front-storycard--mirror .story-media{ padding:14px; background:#efe3d6; } .ap-home-front-storycard--mirror .story-media img{ object-fit:contain; object-position:center; border-radius:12px; background:#fffdf9; box-shadow:0 14px 32px rgba(15,23,42,.12); } .ap-home-front-storycard--letter .story-media{ padding:12px; background:#f8fafc; } .ap-home-front-storycard--letter .story-media img{ object-fit:contain; object-position:center top; background:#f8fafc; } .ap-home-front-storycard--scale .home-day-media{ padding:0; background:#f8fafc; } .ap-home-front-storycard--scale .ap-home-proof-collage{ width:100%; height:100%; padding:10px; } .ap-home-front-storycard--scale .ap-home-proof-collage__tile{ min-height:0; } .ap-home-front-storycard--names .home-day-content{ padding:18px 18px 20px !important; } .ap-home-front-storycard--names .story-inner{ padding:18px 18px 20px; } .ap-home-front-mini-people{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; } .ap-home-front-storycard--names .ap-home-mini-person{ padding:8px 10px; gap:9px; } .ap-home-front-storycard--names .ap-home-mini-person__photo{ width:44px; height:44px; border-radius:12px; } .ap-home-front-storycard--names .ap-home-mini-person__name{ font-size:.88rem; } .ap-home-front-storycard--names .ap-home-mini-person__meta{ font-size:.74rem; } .ap-home-front-storycard--person .story-media{ aspect-ratio:1 / 1; background:#eef3f8; } .ap-home-front-storycard--person .story-media img{ width:100%; height:100%; object-fit:cover; } .ap-home-front-storycard--person .story-inner{ padding:12px 14px 14px; } .ap-home-front-storycard--person .time{ margin-bottom:8px; font-size:.68rem; } .ap-home-front-storycard--person .snippet{ gap:6px; } .ap-home-front-storycard--person .ap-home-front-storycard__title{ font-size:.94rem; line-height:1.16; } .ap-home-front-storycard--person .ap-home-front-storycard__text{ font-size:.78rem; line-height:1.38; } .ap-home-front-storycard--person .ap-home-front-storycard__tail{ margin-top:2px; font-size:.74rem; } .ap-home-front-storycard .ap-home-people-group{ margin:0 0 14px; } .ap-home-front-storycard .snippet .ap-home-front-link, .ap-home-front-storycard .snippet .ap-home-entrance__button{ display:inline-flex; flex-direction:row; align-items:center; } .ap-home-front-storycard .snippet .ap-name-person-card{ display:grid; flex-direction:unset; } .ap-home-front-storycard .ap-home-entrance__actions{ margin-top:8px; } .ap-home-front-storycard .ap-home-account-form{ margin-top:6px; } .ap-home-front-storycard .ap-home-price-list{ margin-top:6px; } .ap-home-story-panel{ display:flex; flex-direction:column; gap:18px; padding:28px; border:1px solid var(--ap-front-line); border-radius:24px; background:#ffffff; box-shadow:var(--ap-front-shadow); transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease; } .ap-home-story-panel:hover{ border-color:#d7dde6; box-shadow:0 12px 26px rgba(15,23,42,.08); transform:translateY(-2px); } .ap-home-story-panel__text{ margin:0; max-width:44rem; color:var(--ap-front-muted); font-size:16px; line-height:1.62; } .ap-home-story-panel__stat{ margin:10px 0 0; color:var(--ap-front-ink,#111); font-size:14px; font-weight:700; line-height:1.5; } .ap-home-story-panel__actions{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:4px; } .ap-home-story-grid{ display:grid; grid-template-columns:minmax(0, 1.45fr) minmax(320px, .8fr); gap:18px; align-items:start; } .ap-home-landing-card-grid{ grid-template-columns:repeat(4, minmax(0, 1fr)); } .ap-home-section5-grid, .ap-home-compare-grid{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); grid-auto-rows:minmax(200px, auto); gap:28px 18px; align-items:stretch; } .ap-home-section5-grid{ grid-template-columns:repeat(4, minmax(0, 1fr)); } .ap-home-section5-grid > .ap-home-section5-card, .ap-home-compare-grid > .ap-home-compare-card{ align-self:stretch; min-height:0; } .ap-home-section5-card__text, .ap-home-compare-card__text{ margin:0; color:var(--ap-front-muted); font-size:16px; font-weight:400; line-height:1.55; } .ap-home-compare-card{ display:flex; flex-direction:column; gap:10px; padding:24px; border:1px solid var(--ap-front-line); border-radius:24px; background:#ffffff; box-shadow:var(--ap-front-shadow); } .ap-home-compare-card__title{ margin:0; color:var(--ap-front-ink); font-size:18px; font-weight:600; line-height:1.18; } .ap-home-trust-grid{ grid-template-columns:repeat(3, minmax(0, 1fr)); } .ap-home-trust-card{ min-height:100%; } @media (max-width: 900px){ .ap-home-trust-grid{ grid-template-columns:minmax(0, 1fr); } } .ap-home-pay{ color:var(--ap-front-ink); } body.dark-mode .ap-home-pay{ --ap-front-accent:var(--ap-text); --ap-front-accent-hover:var(--ap-link-hover); --ap-front-ink:var(--ap-text); --ap-front-muted:var(--ap-text-muted); --ap-front-line:var(--ap-border-soft); --ap-front-line-strong:var(--ap-border); --ap-front-soft:var(--ap-surface-1); --ap-front-shadow:none; } .ap-home-pay__kicker{ margin:0; color:var(--ap-front-muted); font-size:14px; font-weight:900; letter-spacing:.08em; line-height:1; text-transform:uppercase; } .ap-home-pay__headline{ margin:0; max-width:22ch; color:var(--ap-front-ink); font-size:26px; font-weight:800; line-height:1.12; letter-spacing:0; } .ap-home-pay__split{ display:grid; gap:10px; } .ap-home-pay__split-bar{ display:flex; min-height:74px; overflow:hidden; border:1px solid var(--ap-front-line-strong); border-radius:18px; background:var(--ap-front-line); } .ap-home-pay__split-segment{ display:flex; flex-direction:column; justify-content:center; min-width:0; padding:14px 16px; } .ap-home-pay__split-segment--keep{ background:var(--ap-front-accent); color:var(--ap-front-soft); } .ap-home-pay__split-segment--platform{ background:var(--ap-front-line); color:var(--ap-front-ink); border-left:1px solid var(--ap-front-line-strong); } .ap-home-pay__split-value{ display:block; font-size:18px; font-weight:900; line-height:1.15; white-space:normal; } .ap-home-pay__caption, .ap-home-pay-card__body, .ap-home-pay__example-copy{ margin:0; color:var(--ap-front-muted); font-size:16px; font-weight:400; line-height:1.55; } .ap-home-pay__cards{ grid-template-columns:repeat(4, minmax(0, 1fr)); } .ap-home-pay-card{ display:flex; flex-direction:column; gap:8px; min-width:0; padding:20px; border:1px solid var(--ap-front-line); border-radius:18px; background:var(--ap-front-soft); box-shadow:var(--ap-front-shadow); } .ap-home-pay-card__title{ margin:0; color:var(--ap-front-ink); font-size:18px; font-weight:600; line-height:1.15; } .ap-home-pay__example{ display:grid; gap:6px; padding:22px; border:1px solid var(--ap-front-line-strong); border-radius:22px; background:var(--ap-front-soft); box-shadow:var(--ap-front-shadow); } .ap-home-pay__example-value{ display:inline; color:var(--ap-front-accent); font-size:clamp(32px, 4vw, 46px); font-weight:900; line-height:1; } .ap-home-testimonial-grid{ grid-template-columns:repeat(3, minmax(0, 1fr)); grid-auto-rows:minmax(360px, auto); gap:28px 18px; align-items:stretch; } .ap-home-real-content-grid{ grid-template-columns:repeat(4, minmax(0, 1fr)); } .ap-home-front-block--published-books .ap-home-real-content-grid > .ap-home-volume-card{ align-self:stretch; height:100%; } .ap-home-story-grid > *{ align-self:start; } .ap-home-story-grid .ap-home-story-panel{ min-height:0; } .ap-home-testimonial-grid > .ap-home-story-panel{ align-self:stretch; min-height:0; min-width:0; overflow-wrap:anywhere; word-break:break-word; } .ap-testi-media-row{ display:flex; align-items:flex-start; gap:12px; } .ap-testi-avatar{ width:72px; height:72px; aspect-ratio:1/1; border-radius:8px; overflow:hidden; flex-shrink:0; border:1px solid var(--ap-front-line); background:#f1f5f9; } .ap-testi-avatar img{ width:100%; height:100%; object-fit:cover; object-position:top center; display:block; } .ap-testi-avatar-col{ display:flex; flex-direction:column; gap:6px; flex-shrink:0; } .ap-testi-brand{ display:flex; align-items:center; justify-content:center; align-self:center; flex-shrink:0; width:48px; height:48px; } .ap-testi-brand img{ width:100%; height:100%; object-fit:contain; display:block; } .ap-home-story-card .ap-home-proof-card__body{ min-height:0; justify-content:flex-start; } .ap-home-front-block--story .ap-home-front-intro{ max-width:none; margin-top:4px; margin-bottom:12px; } .ap-home-front-block--names .ap-home-front-intro{ margin-bottom:8px; } .ap-home-front-block--story .ap-home-story-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; max-width:500px; } .ap-home-front-block--story .ap-home-story-panel{ gap:7px; padding:20px 22px; border-radius:20px; } .ap-home-front-block--story .ap-home-story-panel--link-card{ color:inherit !important; text-decoration:none !important; transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease; } .ap-home-front-block--story .ap-home-story-panel--link-card:hover{ border-color:#cbd5e1; box-shadow:0 12px 26px rgba(15,23,42,.08); transform:translateY(-2px); } .ap-home-front-block--story .ap-home-story-panel__text{ font-size:16px; font-weight:400; line-height:1.58; } .ap-home-front-block--story .ap-home-story-panel__cta{ display:none; margin:8px 0 0; color:#0f172a; font-size:.8rem; font-weight:800; line-height:1.2; } .ap-home-live-numbers{ justify-content:center; } .ap-home-live-numbers__grid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:22px 28px; margin:0; padding:0; list-style:none; } .ap-home-live-number__value{ margin:0; color:#0f172a; font-size:clamp(30px,3.4vw,44px); font-weight:800; line-height:1.05; letter-spacing:-.02em; } .ap-home-live-number__label{ margin:4px 0 0; color:#475569; font-size:.95rem; font-weight:600; line-height:1.3; } .ap-home-live-number__flags{ display:grid; grid-template-columns:repeat(5, 1em); gap:4px; width:max-content; max-height:calc(2em + 4px); margin:6px 0 0; overflow:hidden; font-size:1.1rem; line-height:1; } @media (max-width:520px){ .ap-home-live-numbers__grid{gap:18px 20px;} } .ap-home-standout{grid-column:1 / -1;background:transparent;padding:0;} .ap-home-standout *, .ap-home-standout *::before, .ap-home-standout *::after{transition:none !important;animation:none !important;} .ap-home-standout .ap-home-front-heading{color:#0f172a;font-size:clamp(34px,5vw,62px);margin-bottom:12px;} .ap-home-standout .ap-home-front-intro{color:#475569;max-width:980px;margin:0 0 34px;font-size:clamp(1.28rem,2.4vw,1.75rem);font-weight:700;line-height:1.38;} .ap-standout-books-wrap{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:0;align-items:stretch;align-content:stretch;width:100%;max-width:100%;aspect-ratio:5 / 2;overflow:hidden;position:relative;} .ap-standout-books-wrap.has-bio{display:block;aspect-ratio:5 / 2;overflow:hidden;} .ap-standout-books-rest{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0;align-content:flex-start;} .ap-standout-book-btn{border:none;background:none;padding:0;cursor:pointer;border-radius:4px;opacity:.75;display:flex;flex-direction:column;align-items:flex-start;transition:none;} .ap-standout-book-btn{position:relative;} .ap-standout-quick-edit{border:0;padding:0;width:min(420px,calc(100vw - 32px));color:#0f172a;box-shadow:0 20px 60px rgba(15,23,42,.24);} .ap-standout-quick-edit::backdrop{background:rgba(15,23,42,.42);} .ap-standout-quick-edit__form{display:grid;gap:14px;padding:22px;text-align:left;} .ap-standout-quick-edit__form h3{margin:0;font-size:20px;} .ap-standout-quick-edit__form label{display:grid;gap:6px;font-size:13px;font-weight:750;} .ap-standout-quick-edit__form input,.ap-standout-quick-edit__form textarea{width:100%;box-sizing:border-box;border:1px solid #94a3b8;border-radius:4px;padding:9px;font:inherit;} .ap-standout-quick-edit__actions{display:flex;gap:8px;justify-content:flex-end;} .ap-standout-quick-edit__actions button{border:1px solid #0f172a;border-radius:4px;padding:9px 13px;background:#0f172a;color:#fff;font:inherit;font-weight:800;cursor:pointer;} .ap-standout-quick-edit__actions button[type="button"]{background:#fff;color:#0f172a;} .ap-standout-book-btn picture{display:block;width:100%;height:100%;} .ap-standout-book-btn img{width:100%;height:100%;object-fit:cover;background:#f1f5f9;border-radius:3px;display:block;box-shadow:0 1px 4px rgba(15,23,42,.14);transition:none;} .ap-standout-book-img--person{object-fit:cover;object-position:center top;} .ap-standout-book-img--work{object-fit:cover;object-position:center top;} .ap-standout-book-numbers{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:7px 8px;background:rgba(15,23,42,.88);color:#fff;font-size:clamp(11px,1.2vw,15px);font-weight:900;line-height:1;pointer-events:none;} .ap-standout-book-numbers span{min-width:0;text-align:left;white-space:nowrap;} .ap-standout-book-numbers span:last-child{text-align:right;} .ap-standout-book-cover, .ap-standout-book-placeholder{display:block;width:100%;height:100%;background:#e2e8f0;border-radius:3px;transition:none;} .ap-standout-book-cover{ position:relative; overflow:hidden; background:#f8fafc; border:1px solid #e2e8f0; box-shadow:0 1px 4px rgba(15,23,42,.14); } .ap-standout-book-cover--angrypages::before{ content:""; position:absolute; left:50%; top:32px; width:34px; height:34px; background:url("../images/angryface-transparent.svg") center / contain no-repeat; transform:translateX(-50%); } html[data-theme="dark"] .ap-standout-book-cover--angrypages::before, html.dark-mode .ap-standout-book-cover--angrypages::before, body.dark-mode .ap-standout-book-cover--angrypages::before{filter:brightness(0) invert(1);} .ap-standout-book-btn:hover:not(.is-selected){opacity:1;transform:none;} .ap-standout-book-btn:hover img, .ap-standout-book-btn:hover .ap-standout-book-cover{box-shadow:0 4px 14px rgba(15,23,42,.22);} .ap-standout-book-btn:focus-visible{outline:2px solid #64748b;outline-offset:2px;border-radius:3px;} .ap-standout-books-wrap.has-selection .ap-standout-book-btn:not(.is-selected){width:42px;opacity:.18;} .ap-standout-books-wrap.has-selection .ap-standout-book-btn:not(.is-selected) img, .ap-standout-books-wrap.has-selection .ap-standout-book-btn:not(.is-selected) .ap-standout-book-cover, .ap-standout-books-wrap.has-selection .ap-standout-book-btn:not(.is-selected) .ap-standout-book-placeholder{width:48px;height:72px;} .ap-standout-book-btn.is-selected[data-no-bio]{width:62px;opacity:1;} .ap-standout-book-btn.is-selected[data-no-bio] img, .ap-standout-book-btn.is-selected[data-no-bio] .ap-standout-book-cover{box-shadow:0 0 0 2px #0f172a,0 4px 14px rgba(15,23,42,.2);} .ap-standout-book-btn.is-selected:not([data-no-bio]){position:absolute;inset:0;z-index:5;display:flex;flex-direction:row;align-items:stretch;gap:0;padding:0;background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:8px;box-shadow:0 8px 32px rgba(15,23,42,.18);overflow:hidden;opacity:1;width:auto;cursor:pointer;} .ap-standout-book-btn.is-selected .ap-standout-bio__face{width:220px;height:auto;align-self:stretch;object-fit:cover;object-position:center top;display:block;flex-shrink:0;transition:none;border-radius:0;margin:0;} .ap-standout-panel-edit{position:absolute;top:20px;right:64px;z-index:7;border:0;background:#0f172a;color:#fff;padding:7px 10px;border-radius:4px;font:800 12px/1 inherit;cursor:pointer;} .ap-standout-bio{display:flex;flex-direction:column;gap:14px;padding:22px 28px;flex:1;min-width:0;max-height:100%;overflow-y:auto;text-align:left;opacity:1;transition:none;} .ap-standout-book-btn.is-selected .ap-standout-bio{opacity:1;} .ap-standout-bio__text{display:flex;flex-direction:column;min-width:0;} .ap-standout-bio__name{display:inline-block;width:fit-content;margin:0 0 4px;font-size:clamp(19px,2vw,24px);font-weight:900;color:#0f172a;line-height:1.1;text-decoration:none;} .ap-standout-bio__name:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;} .ap-standout-bio__name:focus-visible{outline:2px solid #0f172a;outline-offset:3px;border-radius:2px;} .ap-standout-bio__role{margin:0;font-size:13px;font-weight:500;color:#0f172a;opacity:.5;line-height:1.3;} .ap-standout-bio__numbers{display:flex;gap:18px;margin:10px 0 0;color:#0f172a;font-size:clamp(18px,2vw,24px);font-weight:900;line-height:1;} .ap-standout-bio__msg{margin:6px 0 0;font-size:14px;font-weight:500;color:#0f172a;line-height:1.42;min-width:0;width:100%;} .ap-standout-bio__msg--lesson{font-weight:850;} .ap-standout-story{margin-top:16px;} .ap-standout-story__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;} .ap-standout-story__part{min-width:0;padding-top:9px;border-top:3px solid #0f172a;} .ap-standout-story__copy{margin:0;color:#26354a;font-size:13px;font-weight:500;line-height:1.46;} .ap-standout-works{display:flex;flex-direction:row;gap:14px;align-items:flex-start;overflow-x:auto;scrollbar-width:none;} .ap-standout-works::-webkit-scrollbar{display:none;} .ap-standout-work{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex:0 0 96px;width:96px;min-width:0;overflow:hidden;} .ap-standout-work__media{display:block;width:88px;height:130px;flex-shrink:0;} .ap-standout-work__cover{width:88px;height:130px;object-fit:cover;border-radius:4px;background:#e2e8f0;box-shadow:0 2px 8px rgba(15,23,42,.18);border:1px solid rgba(15,23,42,.1);display:block;flex-shrink:0;} .ap-standout-work__cover--empty{display:block;} .ap-standout-work__body{min-width:0;width:100%;max-width:100%;overflow:hidden;} .ap-standout-work__title{margin:0 0 2px;font-size:12px;font-weight:800;color:#0f172a;line-height:1.25;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;hyphens:auto;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .ap-standout-work__price{margin:0 0 2px;font-size:12px;font-weight:700;color:#0f172a;line-height:1.25;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;hyphens:auto;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .ap-standout-work__meta{margin:0;font-size:10px;font-weight:500;color:#64748b;line-height:1.3;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;hyphens:auto;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .ap-standout-close{position:absolute;top:14px;right:16px;width:32px;height:32px;border:none;background:rgba(255,255,255,.9);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#0f172a;border-radius:6px;font-size:20px;line-height:1;padding:0;z-index:6;box-shadow:0 1px 4px rgba(15,23,42,.1);} .ap-standout-close:hover{background:#fff;} @media(max-width:767.98px){ .ap-home-standout .ap-home-front-heading{font-size:clamp(28px,8vw,42px);} .ap-standout-books-wrap{grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));width:100%;aspect-ratio:5 / 2;overflow:hidden;} .ap-standout-books-wrap.has-bio{aspect-ratio:5 / 2;overflow:hidden;} .ap-standout-book-btn img,.ap-standout-book-cover,.ap-standout-book-placeholder{width:100%;height:100%;} .ap-standout-books-wrap.has-selection .ap-standout-book-btn:not(.is-selected){width:36px;} .ap-standout-books-wrap.has-selection .ap-standout-book-btn:not(.is-selected) img, .ap-standout-books-wrap.has-selection .ap-standout-book-btn:not(.is-selected) .ap-standout-book-cover, .ap-standout-books-wrap.has-selection .ap-standout-book-btn:not(.is-selected) .ap-standout-book-placeholder{width:36px;height:62px;} .ap-standout-book-btn.is-selected[data-no-bio]{width:52px;} .ap-standout-bio{display:flex;flex-direction:column;gap:0;padding:20px 24px;} .ap-standout-bio__text{flex:0 0 auto;max-width:none;} .ap-standout-bio__author-row{margin-bottom:14px;} .ap-standout-bio__name{font-size:18px;} .ap-standout-bio__msg{margin-bottom:0;} .ap-standout-story__grid{grid-template-columns:1fr;gap:12px;} .ap-standout-story__part{padding-top:7px;} .ap-standout-story__copy{font-size:12px;line-height:1.4;} .ap-standout-bio__books{margin-left:0;align-self:flex-start;padding-top:14px;border-top:1px solid rgba(15,23,42,.07);} .ap-standout-works{display:grid;grid-template-columns:1fr;gap:8px;width:100%;padding-top:12px;} .ap-standout-work{grid-template-columns:30px minmax(0,1fr);padding-top:8px;} .ap-standout-work--no-cover{grid-template-columns:minmax(0,1fr);} .ap-standout-work:nth-child(n/**/+5){display:none;} .ap-standout-work__cover{width:30px;height:44px;} } .ap-home-create-demo{ gap:0 !important; padding:0 !important; overflow:hidden; border-radius:18px !important; } .ap-home-create-band{ display:grid; grid-template-columns:minmax(0, 1.34fr) minmax(240px, .66fr); gap:20px; align-items:stretch; max-width:72rem; } .ap-home-create-band__copy{ display:flex; flex-direction:column; justify-content:flex-start; gap:10px; min-height:100%; padding:26px 28px; border:1px solid var(--ap-front-line); border-radius:20px; background:#fff; box-shadow:var(--ap-front-shadow); } .ap-home-create-band__eyebrow{ margin:0; color:#64748b; font-size:.76rem; font-weight:900; letter-spacing:.08em; line-height:1.1; text-transform:uppercase; } .ap-home-create-band__title{ margin:0; color:#0f172a; font-size:30px; font-weight:900; line-height:1.05; letter-spacing:0; } .ap-home-create-band__text{ margin:0; color:#475569; font-size:.98rem; font-weight:700; line-height:1.45; } .ap-home-front-block--create .ap-home-create-demo{ min-height:330px; } .ap-home-create-demo__top{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:16px 18px 12px; border-bottom:1px solid #e2e8f0; } .ap-home-create-demo__kicker{ margin:0; color:#64748b; font-size:.74rem; font-weight:900; letter-spacing:.08em; line-height:1.1; text-transform:uppercase; } .ap-home-create-demo__headline{ margin:5px 0 0; color:#0f172a; font-size:1.05rem; font-weight:900; line-height:1.16; } .ap-home-create-demo__badge{ display:inline-flex; align-items:center; justify-content:center; min-height:28px; padding:0 10px; border:1px solid #dbe4ee; border-radius:999px; color:#475569; background:#f8fafc; font-size:.76rem; font-weight:800; line-height:1; white-space:nowrap; } .ap-home-create-demo__media{ margin:0; max-height:220px; overflow:hidden; background:#f8fafc; border-bottom:1px solid #e2e8f0; } .ap-home-create-demo__media[hidden]{ display:none; } .ap-home-create-demo__media img{ display:block; width:100%; height:100%; max-height:220px; object-fit:contain; } .ap-home-create-demo__editor{ padding:14px 18px 16px; background:#fff; } .ap-home-create-demo__title, .ap-home-create-demo__body{ display:block; width:100%; border:0; outline:0; box-shadow:none; background:transparent; color:#0f172a; font-family:inherit; } .ap-home-create-demo__title{ min-height:42px; border-bottom:1px solid #e2e8f0; font-size:1.18rem; font-weight:900; line-height:1.2; } .ap-home-create-demo__body{ min-height:138px; padding-top:12px; resize:vertical; font-size:.94rem; font-weight:650; line-height:1.5; } .ap-home-create-demo__actions{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:12px 18px; border-top:1px solid #e2e8f0; background:#fbfcfe; } .ap-home-create-demo__button, .ap-home-create-demo__link{ display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:36px; padding:0 12px; border:1px solid #dbe4ee; border-radius:10px; background:#fff; color:#0f172a; font-size:.82rem; font-weight:800; line-height:1; text-decoration:none !important; cursor:pointer; } .ap-home-create-demo__link{ border-color:#0f172a; background:#0f172a; color:#fff !important; margin-left:auto; } .ap-home-create-demo__file{ display:none; } @media (max-width: 575.98px){ .ap-home-create-band{ grid-template-columns:minmax(0, 1fr); } .ap-home-create-band__copy{ padding:20px 22px; } .ap-home-create-demo__link{ width:100%; margin-left:0; } } .ap-home-front-block--story .ap-home-feature-metrics{ grid-template-columns:repeat(2, minmax(0, 1fr)); margin:0; } .ap-home-front-block--story .ap-home-feature-metric__label{ margin:0; text-transform:uppercase; letter-spacing:.06em; } .ap-home-front-block--story .ap-home-feature-metric__value{ margin-top:2px; font-size:1.6rem; color:var(--ap-front-accent); } .ap-home-story-panel__link{ display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 17px; border:1px solid var(--ap-front-line-strong); border-radius:999px; background:#ffffff; color:var(--ap-front-ink) !important; font-size:.9rem; font-weight:800; line-height:1; text-decoration:none !important; white-space:nowrap; } .ap-home-story-panel__link:hover{ border-color:var(--ap-front-line-strong); background:var(--ap-front-soft); color:var(--ap-front-accent) !important; } .ap-home-story-panel__link--primary{ border-color:var(--ap-front-accent); background:var(--ap-front-accent); color:#ffffff !important; } .ap-home-story-panel__link--primary:hover{ background:var(--ap-front-accent-hover); border-color:var(--ap-front-accent-hover); color:#ffffff !important; } .ap-home-front-door .ap-home-entrance__cta, .ap-home-front-door .ap-home-entrance__cta:link, .ap-home-front-door .ap-home-entrance__cta:visited, .ap-home-front-door .ap-home-entrance__cta:hover, .ap-home-front-door .ap-home-entrance__cta:focus, .ap-home-front-door .ap-home-entrance__button--primary, .ap-home-front-door .ap-home-entrance__button--primary:link, .ap-home-front-door .ap-home-entrance__button--primary:visited, .ap-home-front-door .ap-home-entrance__button--primary:hover, .ap-home-front-door .ap-home-entrance__button--primary:focus, .ap-home-front-door .ap-home-story-panel__link--primary, .ap-home-front-door .ap-home-story-panel__link--primary:link, .ap-home-front-door .ap-home-story-panel__link--primary:visited, .ap-home-front-door .ap-home-story-panel__link--primary:hover, .ap-home-front-door .ap-home-story-panel__link--primary:focus{ color:#f8fafc !important; text-decoration:none !important; } .ap-home-front-door .ap-home-entrance__cta *, .ap-home-front-door .ap-home-entrance__button--primary *, .ap-home-front-door .ap-home-story-panel__link--primary *{ color:inherit !important; } @media (max-width: 991.98px){ .ap-home-story-grid{ grid-template-columns:minmax(0, 1fr); } .ap-home-section5-grid, .ap-home-compare-grid, .ap-home-pay__cards, .ap-home-landing-card-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .ap-home-real-content-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .ap-home-hero-product-grid, .ap-home-how-grid{ grid-template-columns:minmax(0, 1fr); } .ap-home-front-block--story .ap-home-feature-metrics{ grid-template-columns:minmax(0, 1fr); } .ap-home-testimonial-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } } @media (max-width: 599.98px){ .ap-home-front-door .ap-home-section5-grid, .ap-home-front-door .ap-home-testimonial-grid{ width:min(100%, calc(100vw - 32px)); max-width:100%; } .ap-home-your-turn-layout{ grid-template-columns:minmax(0, 1fr); width:min(100%, calc(100vw - 32px)); } .ap-home-front-door .ap-home-section5-card, .ap-home-front-door .ap-home-testimonial-grid > .ap-home-story-panel, .ap-home-front-door .ap-home-your-turn-card{ width:100%; max-width:100%; box-sizing:border-box; } .ap-home-front-door .ap-home-section5-card__title, .ap-home-front-door .ap-home-section5-card__text, .ap-home-front-door .ap-home-testimonial-grid .ap-home-proof-card__title, .ap-home-front-door .ap-home-testimonial-grid .ap-home-story-panel__text{ overflow-wrap:anywhere; } .ap-home-real-content-grid{ grid-template-columns:minmax(0, 1fr); } .ap-home-section5-grid, .ap-home-compare-grid, .ap-home-pay__cards{ grid-template-columns:minmax(0, 1fr); } .ap-home-testimonial-grid, .ap-home-landing-card-grid{ grid-template-columns:minmax(0, 1fr); } .ap-home-pay__split-bar{ min-height:0; flex-direction:column; } .ap-home-pay__split-segment{ width:100% !important; } .ap-home-pay__split-segment--platform{ border-left:0; border-top:1px solid var(--ap-front-line-strong); } } .ap-home-front-link{ display:inline-flex; align-items:center; gap:6px; color:var(--ap-front-accent) !important; font-size:.86rem; font-weight:800; line-height:1.2; text-decoration:none !important; white-space:nowrap; } .ap-home-front-link:hover{ color:var(--ap-front-accent-hover) !important; text-decoration:none !important; } .ap-home-front-stat{ margin:-6px 0 16px; color:var(--ap-front-accent); font-size:.88rem; font-weight:800; line-height:1.4; } .ap-home-entrance{ display:grid; grid-template-columns:minmax(0, 1.55fr) minmax(280px, .95fr); gap:18px; margin:0 0 26px; padding:24px; border:1px solid var(--ap-front-line); border-radius:24px; background:#ffffff; box-shadow:var(--ap-front-shadow); } .ap-home-entrance__copy{ max-width:60rem; } .ap-home-entrance__brand{ margin:0; color:var(--ap-front-ink); font-size:47px; font-weight:800; letter-spacing:-.05em; line-height:.96; } .ap-home-entrance__brand--truth{ max-width:20ch; display:block; font-size:47px; line-height:.98; letter-spacing:0; white-space:normal; text-wrap:balance; } .ap-home-entrance__brand-mark{ display:inline-block; margin-left:.06em; font-size:.42em; font-weight:800; line-height:0; vertical-align:super; letter-spacing:0; } .ap-home-entrance__tagline{ margin:12px 0 0; max-width:38rem; color:var(--ap-front-ink); font-size:32px; font-weight:800; line-height:1.12; letter-spacing:0; text-wrap:balance; } .ap-home-entrance__text--truth{ margin:10px 0 0; max-width:42rem; color:var(--ap-front-muted); font-size:20px; font-weight:700; line-height:1.34; letter-spacing:0; white-space:normal; text-wrap:balance; } .ap-home-entrance__cta{ display:inline-flex; align-items:center; margin-top:20px; padding:0 22px; height:44px; background:#0f172a; color:#fff; font-size:1rem; font-weight:800; border-radius:999px; text-decoration:none; transition:background .15s ease; } .ap-home-entrance__cta:hover{background:#1e293b;color:#fff;} .ap-home-entrance__cta--secondary{background:transparent;color:#0f172a;border:2px solid #0f172a;} .ap-home-entrance__cta--secondary:hover{background:#0f172a;color:#fff;} .ap-home-front-door .ap-home-entrance__cta--secondary,.ap-home-front-door .ap-home-entrance__cta--secondary:link,.ap-home-front-door .ap-home-entrance__cta--secondary:visited{color:#0f172a !important;} .ap-home-front-door .ap-home-entrance__cta--secondary:hover,.ap-home-front-door .ap-home-entrance__cta--secondary:focus{color:#fff !important;} .ap-home-entrance__cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;} .ap-home-entrance__subline{ margin:10px 0 0; color:var(--ap-front-muted); font-size:.95rem; font-weight:700; line-height:1.45; } .ap-home-entrance__kicker{ margin:18px 0 0; color:var(--ap-front-accent); font-size:1.08rem; font-weight:800; line-height:1.22; } .ap-home-entrance__eyebrow{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px; } .ap-home-entrance__eyebrow-pill{ display:inline-flex; align-items:center; min-height:28px; padding:0 11px; border-radius:999px; border:1px solid var(--ap-front-line); background:var(--ap-front-soft); color:var(--ap-front-accent); font-size:.74rem; font-weight:800; letter-spacing:.05em; line-height:1; text-transform:uppercase; } .ap-home-entrance__title{ margin:0; color:var(--ap-front-ink); font-size:44px; font-weight:800; line-height:.98; letter-spacing:-.04em; max-width:12ch; } .ap-home-entrance__text{ margin:14px 0 0; max-width:43rem; color:var(--ap-front-muted); font-size:1rem; line-height:1.58; } .ap-home-entrance__list{ display:grid; gap:8px; margin:18px 0 0; padding:0; list-style:none; } .ap-home-entrance__list li{ position:relative; padding-left:18px; color:var(--ap-front-ink); font-size:.92rem; font-weight:700; line-height:1.5; } .ap-home-entrance__list li::before{ content:""; position:absolute; top:.55rem; left:0; width:8px; height:8px; border-radius:999px; background:var(--ap-front-accent); } .ap-home-entrance__actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; } .ap-home-entrance__button{ display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 17px; border:1px solid var(--ap-front-line-strong); border-radius:999px; background:#ffffff; color:var(--ap-front-ink) !important; font-size:.9rem; font-weight:800; line-height:1; text-decoration:none !important; } .ap-home-entrance__button:hover{ border-color:var(--ap-front-line-strong); background:var(--ap-front-soft); color:var(--ap-front-accent) !important; } .ap-home-entrance__button--primary{ border-color:var(--ap-front-accent); background:var(--ap-front-accent); color:#ffffff !important; } .ap-home-entrance__button--primary:hover{ background:var(--ap-front-accent-hover); border-color:var(--ap-front-accent-hover); color:#ffffff !important; } .ap-home-entrance__microcopy{ margin:10px 0 0; color:var(--ap-front-muted); max-width:24rem; font-size:.79rem; font-weight:700; line-height:1.35; } .ap-home-entrance__signup-card{ margin-top:20px; padding:18px; border:1px solid var(--ap-front-line); border-radius:20px; background:var(--ap-front-soft); } .ap-home-entrance__signup-label{ margin:0; color:var(--ap-front-accent); font-size:.78rem; font-weight:800; letter-spacing:.08em; line-height:1.3; text-transform:uppercase; } .ap-home-entrance__signup-text{ margin:8px 0 0; color:var(--ap-front-ink); font-size:.92rem; line-height:1.55; font-weight:600; max-width:36rem; } .ap-home-entrance__signup-form{ display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:10px; margin-top:14px; } .ap-home-entrance__signup-input{ width:100%; min-height:46px; padding:0 15px; border:1px solid var(--ap-front-line-strong); border-radius:999px; background:#ffffff; color:var(--ap-front-ink); font-size:.95rem; font-weight:600; line-height:1.2; } .ap-home-entrance__signup-input::placeholder{ color:#94a3b8; } .ap-home-entrance__signup-input:focus{ outline:none; border-color:var(--ap-front-accent); box-shadow:0 0 0 3px rgba(11, 61, 145, 0.10); } .ap-home-entrance__signup-submit{ min-height:46px; padding:0 18px; border:1px solid var(--ap-front-accent); border-radius:999px; background:var(--ap-front-accent); color:#ffffff; font-size:.92rem; font-weight:800; line-height:1; } .ap-home-entrance__signup-submit:hover{ background:var(--ap-front-accent-hover); border-color:var(--ap-front-accent-hover); } .ap-home-entrance__proof{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; align-content:start; } .ap-home-entrance__artifact{ display:grid; grid-template-rows:minmax(230px, 1fr) auto; min-width:0; border:1px solid var(--ap-front-line); border-radius:20px; overflow:hidden; background:#ffffff; color:var(--ap-front-ink) !important; text-decoration:none !important; box-shadow:0 8px 20px rgba(15,23,42,.05); } .ap-home-entrance__artifact:hover{ border-color:var(--ap-front-line-strong); box-shadow:0 14px 28px rgba(15,23,42,.08); text-decoration:none !important; } .ap-home-entrance__artifact-media{ position:relative; min-height:230px; background:var(--ap-front-soft); overflow:hidden; } .ap-home-entrance__artifact-media img{ display:block; width:100%; height:100%; object-fit:cover; } .ap-home-entrance__artifact--letter .ap-home-entrance__artifact-media img{ object-fit:contain; background:#f6f6f6; padding:10px 0 0; } .ap-home-entrance__artifact-body{ padding:14px 16px 16px; } .ap-home-entrance__artifact-label{ margin:0; color:var(--ap-front-accent); font-size:.72rem; font-weight:800; letter-spacing:.08em; line-height:1.3; text-transform:uppercase; } .ap-home-entrance__artifact-title{ margin:8px 0 0; color:var(--ap-front-ink); font-size:1rem; font-weight:800; line-height:1.18; } .ap-home-entrance__artifact-text{ margin:7px 0 0; color:var(--ap-front-muted); font-size:.84rem; line-height:1.45; } .ap-home-entrance__proof-tile{ min-width:0; padding:14px; border:1px solid var(--ap-front-line); border-radius:18px; background:var(--ap-front-soft); } .ap-home-entrance__proof-value{ margin:0; color:var(--ap-front-ink); font-size:1.35rem; font-weight:800; line-height:1.08; } .ap-home-entrance__proof-label{ margin:4px 0 0; color:var(--ap-front-accent); font-size:.74rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; line-height:1.3; } .ap-home-entrance__proof-text{ margin:9px 0 0; color:var(--ap-front-muted); font-size:.82rem; line-height:1.42; } .ap-year-landing{ display:grid; gap:18px; margin:0 0 28px; } .ap-year-landing__story-card{ cursor:default; } .ap-year-landing__story-card .story-inner{ padding:18px 20px 20px; } .ap-year-landing__story-card--link{ cursor:pointer; } .ap-year-landing__story-card--breadcrumb .story-inner{ padding:12px 16px; } .ap-year-landing__story-card--hero .story-inner{ padding:20px 24px 24px; } .ap-year-landing__hero{ display:block; } .ap-year-landing__copy{ padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; } .ap-year-landing__title{ margin:0; color:#0f172a; font-size:clamp(2.5rem, 4.6vw, 3.7rem); font-weight:800; line-height:.96; letter-spacing:-.04em; max-width:11ch; } .ap-year-landing__summary, .ap-year-landing__body{ max-width:44rem; } .ap-year-landing__summary{ margin-top:0; } .ap-year-landing__summary p{ margin:0; color:#334155; font-size:1.08rem; line-height:1.68; font-weight:700; } .ap-year-landing__body{ display:grid; gap:14px; margin-top:0; } .ap-year-landing__body p{ margin:0; color:#475569; font-size:1rem; line-height:1.72; } .ap-year-landing__actions{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:18px; } .ap-year-landing__actions .ap-home-entrance__button{ min-height:46px; padding:0 18px; border:1px solid #dbe4f0; border-radius:8px; background:#ffffff; color:#0f172a !important; font-size:.9rem; font-weight:900; line-height:1.15; text-decoration:none !important; box-shadow:0 2px 8px rgba(15,23,42,.05); } .ap-year-landing__actions .ap-home-entrance__button:hover, .ap-year-landing__actions .ap-home-entrance__button:focus{ border-color:#cbd5e1; background:#f8fafc; color:#0f172a !important; } .ap-year-landing__actions .ap-home-entrance__button--primary{ min-width:220px; border-color:#0f172a; background:#0f172a; color:#ffffff !important; box-shadow:0 10px 22px rgba(15,23,42,.18); } .ap-year-landing__actions .ap-home-entrance__button--primary:hover, .ap-year-landing__actions .ap-home-entrance__button--primary:focus{ border-color:#1f2937; background:#1f2937; color:#ffffff !important; } .ap-year-landing__dismiss{ display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:8px 10px; color:#64748b !important; font-size:.84rem; font-weight:800; line-height:1.2; text-decoration:none !important; } .ap-year-landing__dismiss:hover, .ap-year-landing__dismiss:focus{ color:#0f172a !important; text-decoration:underline !important; text-underline-offset:.16em; } .ap-year-landing__action-rail-wrap{ margin-top:18px; padding:0; border:0; border-radius:0; background:transparent; } .ap-year-landing__action-rail{ display:grid; gap:10px; grid-template-columns:repeat(4, minmax(0, 1fr)); } .ap-year-landing__action-rail .ap-home-entrance__button{ width:100%; } .ap-month-landing-head{ display:grid; gap:12px; margin-bottom:22px; } .ap-month-landing-title{ margin:0; color:#0f172a; font-size:4.1rem; font-weight:950; line-height:.95; letter-spacing:0; } .ap-month-selector-nav{ display:flex; flex-wrap:nowrap; gap:.5rem; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; } .ap-month-selector-nav::-webkit-scrollbar{ display:none; } .ap-month-selector-btn{ background:#fafafa; color:#64748b !important; border-color:#e2e8f0; } .ap-month-selector-btn:hover, .ap-month-selector-btn:focus{ background:#f1f5f9; color:#475569 !important; border-color:#cbd5e1; } .ap-month-selector-btn.is-active{ background:#e2e8f0; color:#334155 !important; border-color:#cbd5e1; } .ap-month-selector-btn.is-unavailable{ background:#f8fafc; color:#cbd5e1 !important; border-color:#edf2f7; cursor:not-allowed; opacity:.72; } .ap-year-reader .ap-cards-row-option.is-unavailable{ background:#f8fafc; color:#cbd5e1; border-color:#e2e8f0; cursor:not-allowed; opacity:.62; } .ap-month-pocket-guide{ display:grid; gap:28px; } .ap-month-pocket-group{ display:grid; gap:12px; padding-top:20px; border-top:1px solid #dbe4f0; } .ap-month-pocket-group:first-child{ padding-top:0; border-top:0; } .ap-month-pocket-title{ margin:0; color:#0f172a; font-size:clamp(1.25rem, 2.1vw, 1.7rem); font-weight:900; line-height:1.12; letter-spacing:0; } .ap-month-pocket-card-grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; align-items:stretch; } .ap-month-pocket-story-card{ min-height:100%; border-color:#dbe4ee !important; border-radius:8px !important; box-shadow:0 4px 14px rgba(15,23,42,.06) !important; } .ap-year-month-card .ap-home-front-storycard__link{ display:flex; flex-direction:column; height:100%; position:relative; } .ap-year-month-read-tick, .ap-year-month-read-mark, .ap-year-month-read-badge{ position:absolute !important; top:10px !important; left:10px !important; z-index:5 !important; display:grid !important; align-items:center !important; justify-content:center !important; place-items:center !important; width:28px !important; height:28px !important; min-width:28px !important; padding:0 !important; border-radius:999px !important; border:1px solid #cbd5e1 !important; background:#f8fafc !important; color:#94a3b8 !important; font-size:0 !important; font-weight:900 !important; line-height:1 !important; letter-spacing:0 !important; box-shadow:0 2px 6px rgba(15,23,42,.14) !important; } .ap-year-month-read-tick::after, .ap-year-month-read-mark::after, .ap-year-month-read-badge::after{ content:"✓"; color:#94a3b8; font-size:1rem; font-weight:900; line-height:1; } .ap-year-month-card-media{ margin:0; aspect-ratio:1.35 / 1; overflow:hidden; background:#edf2f7; border-bottom:1px solid #dbe4ee; } .ap-year-month-card-media img{ display:block; width:100%; height:100%; object-fit:cover; } .ap-year-month-card-media--fallback{ display:grid; place-items:end start; padding:18px; background:#eef2f7; } .ap-year-month-card-media--fallback span{ color:#0f172a; font-size:.82rem; font-weight:900; letter-spacing:.08em; line-height:1; text-transform:uppercase; } .ap-month-pocket-story-card .story-card-badge{ position:absolute; left:8px; bottom:8px; } .ap-month-pocket-story-card .story-inner{ padding:14px 16px 16px; } .ap-year-month-card .story-inner{ flex:1 1 auto; } .ap-month-pocket-story-card .time{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:9px; color:#475569; font-size:.78rem; font-weight:900; letter-spacing:.04em; } .ap-month-pocket-story-card .snippet{ display:block; } .ap-month-pocket-story-card .ap-home-front-storycard__title{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:0; color:#0f172a; font-size:1.08rem; line-height:1.16; font-weight:900; } .ap-month-pocket-story-card .ap-home-front-storycard__text{ margin-top:10px; color:#475569; font-size:.92rem; line-height:1.42; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; word-break:break-word; } .ap-month-pocket-point-list{ display:grid; gap:4px; margin:10px 0 0; padding-left:1.08rem; color:#475569; font-size:.92rem; line-height:1.35; } .ap-month-pocket-point-list li::marker{ color:#94a3b8; } .ap-month-meta-section{ display:grid; gap:8px; margin-top:-4px; } .ap-month-meta-section.ap-year-landing__section{ padding:0; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; } .ap-month-meta-section > .story-inner{ padding:0 !important; } .ap-month-meta-section > .story-inner > .time{ margin:0; } .ap-month-meta-section > .story-inner > .snippet{ gap:8px; } .ap-month-meta-section .ap-year-landing__theme-list{ margin-top:0; gap:6px; font-size:.95rem; line-height:1.12; } .ap-month-meta-section .ap-year-landing__name-list{ display:flex; flex-wrap:wrap; gap:6px; } .ap-month-meta-section .ap-year-landing__name-card{ width:auto; min-height:0; padding:6px 7px; border-radius:999px; background:#ffffff; } .ap-month-meta-section .ap-year-landing__bottom-grid{ gap:8px; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); } .ap-month-reference-group{ display:grid; align-content:start; gap:6px; min-width:0; } .ap-month-reference-group .time{ margin:0 0 6px; } .ap-year-landing__hero-meta{ margin:0; color:#64748b; font-size:.82rem; font-weight:700; line-height:1.45; } .ap-year-landing__microcopy{ margin:10px 0 0; color:#64748b; font-size:.84rem; font-weight:700; line-height:1.45; } .ap-year-landing__product-grid, .ap-year-landing__culture-grid, .ap-year-landing__access-grid{ display:grid; gap:12px; grid-template-columns:repeat(3, minmax(0, 1fr)); } .ap-year-landing__product-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .ap-year-landing__stage{ display:grid; gap:16px; align-content:start; padding:24px; border:1px solid rgba(148,163,184,.14); border-radius:28px; background:#0f172a; color:#f8fafc; box-shadow:0 20px 34px rgba(15,23,42,.14); } .ap-year-landing__stage-label{ margin:0; color:#cbd5e1; font-size:.76rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; } .ap-year-landing__stage-title{ margin:0; color:#f8fafc; font-size:clamp(1.7rem, 2.9vw, 2.5rem); font-weight:800; line-height:1; letter-spacing:-.03em; } .ap-year-landing__stage-copy{ margin:0; color:rgba(248,250,252,.9); font-size:.98rem; line-height:1.68; font-weight:500; } .ap-year-landing__stage-note{ margin:-4px 0 0; color:rgba(226,232,240,.84); font-size:.8rem; line-height:1.55; font-weight:700; } .ap-year-landing__stage-actions{ display:grid; gap:10px; } .ap-year-landing__stage-actions .ap-home-entrance__button{ width:100%; min-height:46px; border-width:1.5px; box-shadow:0 4px 12px rgba(15,23,42,.05); } .ap-year-landing__stage-actions .ap-home-entrance__button--primary{ background:#0f172a !important; border-color:#0f172a !important; color:#ffffff !important; } .ap-year-landing__stage-actions .ap-home-entrance__button--primary:hover{ background:#1f2937 !important; border-color:#1f2937 !important; color:#ffffff !important; } .ap-year-landing__stats{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; } .ap-year-landing__stat{ min-width:0; padding:14px; border:1px solid rgba(226,232,240,.1); border-radius:18px; background:rgba(255,255,255,.06); } .ap-year-landing__stat-value{ margin:0; color:#f8fafc; font-size:1.28rem; font-weight:800; line-height:1.08; } .ap-year-landing__stat-label{ margin:5px 0 0; color:#93c5fd; font-size:.74rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; line-height:1.32; } .ap-year-landing__stat-text{ margin:8px 0 0; color:rgba(226,232,240,.84); font-size:.82rem; line-height:1.48; } .ap-year-landing__stage--buy{ position:sticky; top:82px; gap:14px; border:1px solid #dbe4f0; background:#ffffff; color:#0f172a; box-shadow:0 8px 28px rgba(15,23,42,0.06); } .ap-year-landing__stage--buy .ap-year-landing__stage-label{ color:#64748b; } .ap-year-landing__stage--buy .ap-year-landing__stage-title{ color:#0f172a; } .ap-year-landing__stage--buy .ap-year-landing__stage-copy{ color:#334155; } .ap-year-landing__stage--buy .ap-year-landing__stage-note{ color:#64748b; } .ap-year-landing__fact-list{ display:grid; gap:0; } .ap-year-landing__fact{ padding:12px 0; border-top:1px solid #e2e8f0; } .ap-year-landing__fact:first-child{ border-top:0; padding-top:0; } .ap-year-landing__fact-value{ margin:0; color:#0f172a; font-size:.94rem; font-weight:800; line-height:1.35; } .ap-year-landing__fact-text{ margin:4px 0 0; color:#64748b; font-size:.82rem; line-height:1.48; } .ap-year-landing__section{ padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; } .ap-year-landing__section--compact{ height:100%; } .ap-year-landing__section-grid{ display:grid; gap:14px; } .ap-year-landing__section-grid--month{ grid-template-columns:repeat(4, minmax(0, 1fr)); } .ap-year-landing__section-card{ min-width:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; } .ap-year-landing__section-card--full{ grid-column:1 / -1; } .ap-year-landing__section-label{ margin:0 0 8px; color:#0f172a; font-size:.73rem; font-weight:800; letter-spacing:.08em; line-height:1.3; text-transform:uppercase; } .ap-year-landing__section-copy{ margin:0; color:#334155; font-size:.95rem; line-height:1.62; } .ap-year-landing__theme-list{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; } .ap-year-landing__theme-list--tight{ margin-top:4px; } .ap-year-landing__theme-chip{ display:inline-flex; align-items:center; padding:7px 11px; border-radius:999px; background:#e8eefc; color:#0f172a; font-size:.8rem; font-weight:700; line-height:1.2; } .ap-year-landing__spotlight{ display:grid; gap:14px; grid-template-columns:minmax(0, 1.02fr) minmax(0, .98fr); margin-top:14px; } .ap-year-landing__spotlight-panel{ min-width:0; padding:20px; border:1px solid #dbe4f0; border-radius:20px; background:#f3f7fc; } .ap-year-landing__spotlight-title{ margin:0; color:#0f172a; font-size:1.35rem; font-weight:800; line-height:1.08; letter-spacing:-.02em; } .ap-year-landing__spotlight-copy{ margin:12px 0 0; color:#334155; font-size:.96rem; line-height:1.68; } .ap-year-landing__spotlight-package{ margin:12px 0 0; color:#475569; font-size:.9rem; line-height:1.62; } .ap-year-landing__spotlight-meta{ margin:14px 0 0; color:#64748b; font-size:.8rem; font-weight:800; line-height:1.4; text-transform:uppercase; letter-spacing:.06em; } .ap-year-landing__spotlight-points{ display:grid; gap:10px; margin:0; padding:0; list-style:none; } .ap-year-landing__spotlight-point{ position:relative; padding-left:18px; color:#334155; font-size:.92rem; line-height:1.6; } .ap-year-landing__spotlight-point::before{ content:""; position:absolute; top:.62rem; left:0; width:7px; height:7px; border-radius:999px; background:#0f172a; } .ap-year-landing__culture-card{ min-width:0; padding:18px; border:1px solid #e2e8f0; border-radius:18px; background:#f8fafc; } .ap-year-landing__culture-count{ margin:0; color:#0f172a; font-size:1.24rem; font-weight:800; line-height:1; } .ap-year-landing__culture-text{ margin:8px 0 0; color:#475569; font-size:.88rem; line-height:1.55; } .ap-year-landing__culture-list{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; } .ap-year-landing__culture-chip{ display:inline-flex; align-items:center; padding:7px 11px; border-radius:999px; background:#ffffff; border:1px solid #dbe4f0; color:#0f172a; font-size:.82rem; font-weight:700; line-height:1.2; } .ap-year-landing__access-card{ min-width:0; padding:16px 18px; border-radius:18px; background:#f8fafc; border:1px solid #e2e8f0; } .ap-year-landing__access-value{ margin:0; color:#0f172a; font-size:1.24rem; font-weight:800; line-height:1; } .ap-year-landing__access-text{ margin:8px 0 0; color:#475569; font-size:.86rem; line-height:1.55; } .ap-year-landing__chapters{ padding:22px 24px 24px; border:1px solid #e8edf3; border-radius:24px; background:#ffffff; box-shadow:0 8px 28px rgba(15,23,42,0.05); } .ap-year-landing__chapters-count{ color:#0f172a; font-size:.84rem; font-weight:800; line-height:1.3; } .ap-year-landing__chapter-grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; } .ap-year-landing__chapter{ display:grid; gap:8px; min-width:0; padding:16px; border:1px solid #e2e8f0; border-radius:18px; background:#f8fafc; color:#0f172a !important; text-decoration:none !important; transition:border-color .14s ease, box-shadow .14s ease, transform .14s ease; } .ap-year-landing__chapter:hover{ border-color:#cbd5e1; box-shadow:0 10px 20px rgba(15,23,42,.08); transform:translateY(-1px); text-decoration:none !important; } .ap-year-landing__chapter-label{ margin:0; color:#0f172a; font-size:.74rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; line-height:1.3; } .ap-year-landing__chapter-title{ margin:0; color:#0f172a; font-size:1rem; font-weight:800; line-height:1.34; } .ap-year-landing__chapter-text{ margin:0; color:#475569; font-size:.9rem; line-height:1.56; } .ap-year-landing__chapter-meta{ margin:4px 0 0; color:#64748b; font-size:.78rem; font-weight:700; line-height:1.45; } .ap-year-feed-break{ display:grid; gap:10px; margin:0 0 16px; padding:20px 22px; border:1px solid #e2e8f0; border-radius:22px; background:#ffffff; box-shadow:0 8px 28px rgba(15,23,42,0.04); } .ap-year-feed-break__eyebrow{ margin:0; color:#0f172a; font-size:.73rem; font-weight:800; letter-spacing:.08em; line-height:1.3; text-transform:uppercase; } .ap-year-feed-break__title{ margin:0; color:#0f172a; font-size:1.35rem; font-weight:800; line-height:1.08; letter-spacing:-.02em; } .ap-year-feed-break__text{ margin:0; color:#475569; font-size:.95rem; line-height:1.62; max-width:52rem; } @media (max-width: 1023.98px){ .ap-year-landing__hero{ grid-template-columns:minmax(0, 1fr); } .ap-year-landing__product-grid, .ap-year-landing__culture-grid, .ap-year-landing__access-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .ap-year-landing__spotlight{ grid-template-columns:minmax(0, 1fr); } .ap-year-landing__chapter-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .ap-month-pocket-card-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } } @media (max-width: 767.98px){ .ap-month-landing-title{ font-size:2.5rem; } .ap-month-pocket-card-grid{ grid-template-columns:minmax(0, 1fr); } .ap-year-landing__copy, .ap-year-landing__stage, .ap-year-landing__section, .ap-year-landing__chapters{ padding:20px; border-radius:22px; } .ap-year-landing__stats{ grid-template-columns:minmax(0, 1fr); } .ap-year-landing__product-grid, .ap-year-landing__culture-grid, .ap-year-landing__access-grid, .ap-year-landing__chapter-grid{ grid-template-columns:minmax(0, 1fr); } } .ap-landing-breadcrumb{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0 0 4px; color:#64748b; font-size:.82rem; font-weight:700; line-height:1.4; } .ap-landing-breadcrumb__link{ color:#0f172a !important; text-decoration:none !important; } .ap-landing-breadcrumb__current{ color:#0f172a; } .ap-landing-breadcrumb__sep{ color:#94a3b8; } .ap-year-landing__title--volume{ max-width:none; font-size:clamp(3.4rem, 8vw, 5.1rem); line-height:.9; } .ap-year-landing__hero--book{ align-items:start; } .ap-year-landing__hero-collage{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; margin:0 0 18px; } .ap-year-landing__hero-frame{ margin:0; overflow:hidden; border-radius:18px; background:#e2e8f0; aspect-ratio:1.1 / 1; box-shadow:0 8px 24px rgba(15,23,42,0.08); } .ap-year-landing__hero-frame img{ width:100%; height:100%; object-fit:cover; display:block; } .ap-year-landing__proof-bullets{ display:grid; gap:8px; margin:18px 0 0; padding:0; list-style:none; } .ap-year-landing__proof-bullets li{ position:relative; padding-left:18px; color:#334155; font-size:.93rem; font-weight:700; line-height:1.55; } .ap-year-landing__proof-bullets li::before{ content:""; position:absolute; top:.56rem; left:0; width:7px; height:7px; border-radius:999px; background:#0f172a; } .ap-year-landing__fact-label{ margin:4px 0 0; color:#0f172a; font-size:.73rem; font-weight:800; letter-spacing:.08em; line-height:1.3; text-transform:uppercase; } .ap-year-landing__best-months-grid{ display:grid; gap:14px; grid-template-columns:repeat(2, minmax(0, 1fr)); } .ap-year-landing__book-card{ display:grid; grid-template-columns:minmax(170px, .8fr) minmax(0, 1.2fr); gap:14px; padding:16px; border:1px solid #e2e8f0; border-radius:22px; background:#f8fafc; } .ap-year-landing__book-media{ display:block; overflow:hidden; border-radius:18px; background:#dbe4f0; min-height:190px; text-decoration:none !important; } .ap-year-landing__book-media picture, .ap-year-landing__book-media img{ width:100%; height:100%; display:block; } .ap-year-landing__book-media img{ object-fit:cover; } .ap-year-landing__book-media-fallback{ display:grid; place-items:end start; height:100%; padding:16px; background:#eaf1fb; } .ap-year-landing__book-media-fallback span{ color:#0f172a; font-size:.84rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .ap-year-landing__book-copy{ display:grid; align-content:start; gap:8px; } .ap-year-landing__book-label{ margin:0; color:#0f172a; font-size:.74rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .ap-year-landing__book-title{ margin:0; color:#0f172a; font-size:1.22rem; font-weight:800; line-height:1.14; letter-spacing:-.02em; } .ap-year-landing__book-text{ margin:0; color:#475569; font-size:.92rem; line-height:1.58; } .ap-year-landing__book-meta{ margin:0; color:#64748b; font-size:.8rem; font-weight:700; line-height:1.45; } .ap-year-landing__book-actions{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:6px; } .ap-year-landing__text-link{ color:#0f172a !important; font-size:.86rem; font-weight:800; text-decoration:none !important; } .ap-year-landing__filter-bar{ display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 0; } .ap-year-landing__filter{ appearance:none; border:1px solid #dbe4f0; border-radius:999px; background:#f8fafc; color:#0f172a; cursor:pointer; font-size:.82rem; font-weight:800; line-height:1.2; padding:8px 12px; } .ap-year-landing__filter.is-active{ background:#0f172a; border-color:#0f172a; color:#fff; } .ap-year-landing__month-rail{ display:grid; gap:12px; grid-template-columns:repeat(4, minmax(0, 1fr)); margin-top:0; } .ap-year-landing__month-rail--two-col{ gap:10px; grid-template-columns:repeat(2, minmax(0, 1fr)); } .ap-year-landing__month-rail--two-col .ap-year-landing__month-row > .ap-home-front-storycard__link > .story-inner{ padding:13px 15px 14px; } .ap-year-landing__month-row{ display:block; padding:0; border:0; border-radius:0; background:transparent; color:inherit !important; text-decoration:none !important; } .ap-year-landing__month-main{ display:grid; gap:6px; min-width:0; } .ap-year-landing__month-label{ margin:0; color:#0f172a; font-size:.74rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .ap-year-landing__month-title{ margin:0; color:#0f172a; font-size:1.04rem; font-weight:800; line-height:1.25; } .ap-year-landing__chapter-intro{ margin:0 0 14px; max-width:58rem; color:#475569; font-size:.96rem; font-weight:650; line-height:1.6; } .ap-year-landing__month-kicker{ margin:0 0 4px; color:#0f172a; font-size:.72rem; font-weight:800; letter-spacing:.08em; line-height:1.2; text-transform:uppercase; } .ap-year-landing__month-text{ margin:0; color:#475569; font-size:.9rem; line-height:1.55; } .ap-year-landing__month-points{ margin-top:2px; } .ap-year-landing__month-points ul{ display:grid; gap:4px; margin:0; padding-left:18px; color:#334155; font-size:.86rem; font-weight:650; line-height:1.42; } .ap-year-landing__month-points li{ margin:0; } .ap-year-landing__bullet-list{ display:grid; gap:10px; margin:0; padding-left:20px; color:#334155; font-size:.94rem; line-height:1.65; } .ap-year-landing__bullet-list li{ margin:0; } .ap-year-landing__section--point-form .snippet{ display:grid; gap:16px; } .ap-year-landing__point-intro{ margin:0; color:#0f172a; font-size:1.05rem; font-weight:800; line-height:1.5; } .ap-year-landing__point-bullets, .ap-year-landing__pocket-items{ display:grid; gap:8px; margin:0; padding-left:20px; color:#334155; font-size:.96rem; line-height:1.6; } .ap-year-landing__point-bullets li, .ap-year-landing__pocket-items li{ margin:0; } .ap-year-landing__pocket-list{ display:grid; gap:18px; } .ap-year-landing__pocket{ display:grid; gap:8px; padding-top:16px; border-top:1px solid #e2e8f0; } .ap-year-landing__pocket-title{ margin:0; color:#0f172a; font-size:1.08rem; font-weight:900; line-height:1.3; } .ap-year-landing__month-side{ display:grid; justify-items:end; align-content:space-between; gap:12px; min-width:140px; } .ap-year-landing__month-meta{ margin:0; color:#64748b; font-size:.78rem; font-weight:700; line-height:1.45; text-align:right; } .ap-year-landing__month-row .ap-year-landing__month-meta{ margin-top:8px; text-align:left; } .ap-year-landing__month-cta{ display:inline-flex; margin-top:8px; color:#0f172a; font-size:.83rem; font-weight:800; } .ap-year-landing__volume-modules{ display:grid; gap:14px; grid-template-columns:repeat(3, minmax(0, 1fr)); } .ap-year-landing__volume-module{ min-width:0; padding:18px; border:1px solid #e2e8f0; border-radius:20px; background:#f8fafc; } .ap-year-landing__volume-module-title{ margin:0 0 10px; color:#0f172a; font-size:1.12rem; font-weight:800; line-height:1.16; } .ap-year-landing__volume-module-copy{ margin:10px 0 0; color:#475569; font-size:.9rem; line-height:1.6; } .ap-year-landing__name-list{ display:grid; grid-template-columns:repeat(auto-fit, minmax(148px, 1fr)); gap:8px; } .ap-year-landing__name-card{ display:flex; align-items:center; gap:8px; min-width:0; padding:7px 8px; border:1px solid #e2e8f0; border-radius:8px; background:#ffffff; color:inherit !important; text-decoration:none !important; box-shadow:none; } .ap-year-landing__name-photo{ display:block; width:28px; height:28px; border-radius:999px; overflow:hidden; background:#dbe4f0; flex:0 0 auto; } .ap-year-landing__name-photo img{ width:100%; height:100%; object-fit:cover; display:block; } .ap-year-landing__name-copy{ display:grid; gap:1px; min-width:0; } .ap-year-landing__name-copy strong{ color:#0f172a; font-size:.84rem; line-height:1.22; } .ap-year-landing__name-copy span{ color:#64748b; font-size:.7rem; line-height:1.25; } .ap-year-landing__proof-strip{ padding:22px 24px 24px; border:1px solid #e8edf3; border-radius:24px; background:#ffffff; box-shadow:0 8px 28px rgba(15,23,42,0.05); } .ap-year-landing__proof-strip-grid{ display:grid; gap:12px; grid-template-columns:repeat(3, minmax(0, 1fr)); } .ap-year-landing__proof-card{ min-width:0; padding:16px 18px; border:1px solid #e2e8f0; border-radius:18px; background:#f8fafc; } .ap-year-landing__proof-card-title{ margin:0 0 10px; color:#0f172a; font-size:1rem; font-weight:800; line-height:1.2; } .ap-year-landing__book-detail-grid{ display:grid; gap:12px; grid-template-columns:repeat(4, minmax(0, 1fr)); } .ap-year-landing__bottom-grid{ display:grid; gap:12px; grid-template-columns:repeat(4, minmax(0, 1fr)); } .ap-year-landing__bottom-card{ min-width:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; } .ap-year-landing__bottom-title{ margin:0 0 10px; color:#0f172a; font-size:1.05rem; font-weight:800; line-height:1.2; } .ap-year-landing__bottom-copy{ margin:0; color:#475569; font-size:.9rem; line-height:1.58; } .ap-year-landing__related-list{ display:grid; gap:10px; } .ap-year-landing__related-card{ display:grid; gap:3px; padding:12px 14px; border:1px solid #dbe4f0; border-radius:16px; background:#fff; color:#0f172a !important; text-decoration:none !important; } .ap-year-landing__related-card span{ color:#0f172a; font-size:.74rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .ap-year-landing__related-card strong{ font-size:.93rem; line-height:1.35; } .ap-year-landing__related-card em{ color:#64748b; font-size:.8rem; font-style:normal; line-height:1.45; } .ap-landing-card-placeholder{ position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; gap:6px; padding:16px; background:#e7eef8; } .ap-landing-card-placeholder__label{ color:#0f172a; font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .ap-landing-card-placeholder__title{ color:#0f172a; font-size:1rem; font-weight:800; line-height:1.18; max-width:16ch; } @media (max-width: 1023.98px){ .ap-year-landing__best-months-grid, .ap-year-landing__volume-modules, .ap-year-landing__proof-strip-grid, .ap-year-landing__book-detail-grid, .ap-year-landing__section-grid--month, .ap-year-landing__action-rail, .ap-year-landing__month-rail, .ap-year-landing__name-list, .ap-year-landing__bottom-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .ap-year-landing__book-card{ grid-template-columns:minmax(0, 1fr); } .ap-year-landing__month-row{ grid-template-columns:minmax(0, 1fr); } .ap-year-landing__month-side{ justify-items:start; min-width:0; } } @media (max-width: 767.98px){ .ap-year-landing__title--volume{ font-size:clamp(2.5rem, 12vw, 3.7rem); } .ap-year-landing__hero-collage{ gap:8px; } .ap-year-landing__best-months-grid, .ap-year-landing__volume-modules, .ap-year-landing__proof-strip-grid, .ap-year-landing__book-detail-grid, .ap-year-landing__section-grid--month, .ap-year-landing__action-rail, .ap-year-landing__month-rail, .ap-year-landing__name-list, .ap-year-landing__bottom-grid{ grid-template-columns:minmax(0, 1fr); } .ap-year-landing__proof-strip{ padding:20px; border-radius:22px; } } .ap-home-proof-strip{ display:grid; gap:12px; grid-template-columns:repeat(4, minmax(0, 1fr)); } .ap-home-top-strip{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 16px; } .ap-home-top-strip__item{ display:inline-flex; align-items:center; min-height:34px; padding:0 12px; border:1px solid var(--ap-front-line); border-radius:999px; background:var(--ap-front-soft); color:var(--ap-front-accent); font-size:.78rem; font-weight:800; letter-spacing:.03em; line-height:1.15; } .ap-home-mini-person{ display:flex; align-items:center; gap:10px; min-width:0; padding:10px 12px; border:1px solid #e8edf3; border-radius:16px; background:#ffffff; color:#334155 !important; text-decoration:none !important; box-shadow:0 2px 6px rgba(15,23,42,0.05); } .ap-home-mini-person:hover{ border-color:#cbd5e1; box-shadow:0 8px 18px rgba(15,23,42,.08); } .ap-home-mini-person__photo{ width:58px; height:58px; border-radius:14px; overflow:hidden; flex:0 0 auto; background:#e2e8f0; } .ap-home-mini-person__photo img{ display:block; width:100%; height:100%; object-fit:cover; } .ap-home-mini-person__body{ min-width:0; } .ap-home-mini-person__name{ margin:0; color:#0f172a; font-size:.95rem; font-weight:800; line-height:1.15; } .ap-home-mini-person__meta{ margin:4px 0 0; color:#64748b; font-size:.8rem; font-weight:700; line-height:1.35; } .ap-home-entry-days-grid{ display:grid; gap:16px; grid-template-columns:repeat(1, minmax(0, 1fr)); } .ap-home-entry-day-card{ min-width:0; } .ap-home-entry-day-card__link{ display:flex; flex-direction:column; height:100%; border:1px solid #e8edf3; border-radius:18px; overflow:hidden; background:#ffffff; color:#0f172a !important; text-decoration:none !important; box-shadow:0 6px 18px rgba(15,23,42,0.06); } .ap-home-entry-day-card__link:hover{ border-color:#cbd5e1; box-shadow:0 14px 28px rgba(15,23,42,.10); } .ap-home-entry-day-card__media{ position:relative; aspect-ratio:1.04; overflow:hidden; background:#edf2f7; } .ap-home-entry-day-card__media img{ display:block; width:100%; height:100%; object-fit:cover; } .ap-home-entry-day-card__media.is-blurred img{ filter:blur(12px); } .ap-home-entry-day-card__media.is-placeholder{ background:#edf2f7; } .ap-home-entry-day-card__body{ display:flex; flex-direction:column; gap:9px; padding:14px 14px 15px; } .ap-home-entry-day-card__eyebrow{ margin:0; color:var(--ap-front-accent); font-size:.74rem; font-weight:800; letter-spacing:.06em; line-height:1.2; text-transform:uppercase; } .ap-home-entry-day-card__title{ margin:0; color:#0f172a; font-size:.96rem; font-weight:800; line-height:1.18; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-wrap:balance; } .ap-home-entry-day-card__deck{ margin:0; color:#475569; font-size:.84rem; line-height:1.48; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; flex:1 1 auto; } .ap-home-front-door .ap-home-people-grid{ position:relative; min-height:0; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; align-items:stretch; } .ap-home-front-door .ap-front-name-slot{ position:relative; display:grid; min-width:0; min-height:0; isolation:isolate; } .ap-home-front-door .ap-front-name-card-frame{ grid-area:1 / 1; min-width:0; min-height:0; transition:opacity 1.35s ease; } .ap-home-front-door .ap-front-name-card-frame .ap-name-person-card{ height:100%; } .ap-home-front-door .ap-front-name-card-frame--incoming{ opacity:0; pointer-events:none; } .ap-home-front-door .ap-front-name-slot.is-swapping .ap-front-name-card-frame--active{ opacity:0; } .ap-home-front-door .ap-front-name-slot.is-swapping .ap-front-name-card-frame--incoming{ opacity:1; } .ap-home-front-door .ap-front-name-source-track{ display:none; } .ap-home-front-door .ap-home-people-group{ display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin:-4px 0 14px; } .ap-home-front-door .ap-home-people-group__label{ margin:0; color:#64748b; font-size:.72rem; font-weight:800; letter-spacing:.06em; line-height:1.2; text-transform:uppercase; } .ap-home-front-door .ap-home-people-group__value{ display:inline-flex; align-items:center; min-height:30px; padding:0 12px; border:1px solid #dbe7f6; border-radius:999px; background:#f8fafc; color:#0f172a; font-size:.8rem; font-weight:800; line-height:1; transition:opacity .28s ease, transform .28s ease; } .ap-home-front-door .ap-home-people-grid .ap-name-person-card{ min-height:0; grid-template-columns:minmax(0, 1fr); grid-template-rows:auto auto; padding:0; overflow:hidden; opacity:1; transform:none; transition:border-color .18s ease, box-shadow .18s ease; will-change:auto; } .ap-home-front-door .ap-name-person-title{ font-size:.82rem; line-height:1.16; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; } .ap-home-front-door .ap-name-person-role{ font-size:.68rem; line-height:1.22; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; } .ap-home-front-door .ap-name-person-mentions{ font-size:.66rem; line-height:1.14; } .ap-home-front-door .ap-name-person-mentions span{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .ap-home-front-door .ap-name-person-photo-wrap{ width:100%; min-height:0; aspect-ratio:4 / 5; border-radius:0; border-left:0; border-right:0; border-top:0; background:#edf3fb; } .ap-home-front-door .ap-name-person-photo{ object-position:center 18%; transform:scale(1.08); transition:transform .4s ease, filter .22s ease; } .ap-home-front-door .ap-name-person-photo--real-hover{ object-position:center 18%; transform:scale(1.08); transition:opacity .72s ease, transform .4s ease; } .ap-home-front-door .ap-name-person-photo--real-hover.ap-name-person-photo--lehan-logo-focus{ object-position:center 58%; transform:scale(1.02); } .ap-home-front-door .ap-home-people-grid .ap-name-person-card:hover .ap-name-person-photo, .ap-home-front-door .ap-home-people-grid .ap-name-person-card:hover .ap-name-person-photo--real-hover{ transform:scale(1.12); } .ap-home-front-door .ap-home-people-grid .ap-name-person-card:hover .ap-name-person-photo--real-hover.ap-name-person-photo--lehan-logo-focus{ transform:scale(1.04); } .ap-home-front-door .ap-name-person-body{ justify-content:flex-start; gap:.28rem; padding:.5rem .56rem .62rem; } @media (min-width: 700px){ .ap-home-front-door .ap-home-people-grid{ grid-template-columns:repeat(4, minmax(0, 1fr)); } } @media (min-width: 1200px){ .ap-home-front-door .ap-home-people-grid{ grid-template-columns:repeat(8, minmax(0, 1fr)); } } .ap-home-volume-grid{ display:grid; gap:16px; grid-template-columns:repeat(1, minmax(0, 1fr)); align-items:start; } .ap-home-front-block--volumes > .ap-home-front-heading{ margin-bottom:4px; } .ap-home-front-block--volumes > .ap-home-front-intro{ margin-bottom:18px; } .ap-home-front-block--volumes, .ap-home-front-block--names{ display:none !important; } .ap-home-volume-card--news, .ap-home-volume-card--music, .ap-home-volume-card--movies{ display:none !important; } .ap-home-volume-card, .ap-home-price-card, .ap-home-inside-card{ position:relative; display:flex; flex-direction:column; gap:12px; min-width:0; border:1px solid #e8edf3; border-radius:18px; background:#ffffff; padding:20px; color:#0f172a !important; text-decoration:none !important; box-shadow:0 4px 14px rgba(15,23,42,0.05); align-self:start; transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease; } .ap-home-card-cover-link{ position:absolute; inset:0; z-index:0; border-radius:inherit; } .ap-home-shelf-menu{position:absolute;top:8px;right:10px;z-index:4;opacity:0;visibility:hidden;pointer-events:none;} .ap-home-volume-card:hover .ap-home-shelf-menu,.ap-home-volume-card:focus-within .ap-home-shelf-menu,.ap-home-shelf-menu[open]{opacity:1;visibility:visible;pointer-events:auto;} .ap-home-shelf-menu>summary{display:flex;align-items:center;justify-content:center;width:36px;height:32px;list-style:none;border:0;background:transparent;color:#fff;font-size:21px;font-weight:900;letter-spacing:2px;line-height:1;cursor:pointer;text-shadow:0 1px 5px rgba(15,23,42,.95);} .ap-home-shelf-menu>summary::-webkit-details-marker{display:none;} .ap-home-shelf-menu>summary:focus-visible{outline:2px solid currentColor;outline-offset:2px;} @media (hover:none){.ap-home-shelf-menu{opacity:1;visibility:visible;pointer-events:auto;}} .ap-home-shelf-menu__items{position:absolute;top:40px;right:0;min-width:120px;padding:6px;border:1px solid #dbe3ee;border-radius:10px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.18);} .ap-home-shelf-menu__items a,.ap-home-shelf-menu__items button{display:block;width:100%;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:#0f172a;font:inherit;font-size:13px;font-weight:800;text-align:left;text-decoration:none;cursor:pointer;white-space:nowrap;} .ap-home-shelf-menu__items a:hover,.ap-home-shelf-menu__items a:focus-visible,.ap-home-shelf-menu__items button:hover,.ap-home-shelf-menu__items button:focus-visible{background:#eef2f7;} .ap-home-volume-author__link, .ap-home-volume-author__link:visited, .ap-home-volume-author__link:active{ position:relative; z-index:1; color:inherit; text-decoration:none; } .ap-home-volume-author__link:hover{ color:#334155; text-decoration:none; } .ap-home-volume-card--rich{ gap:0; padding:0; overflow:hidden; } .ap-home-volume-card--story{ gap:0; padding:0; overflow:hidden; } .ap-home-volume-card:hover, .ap-home-inside-card:hover{ border-color:#cbd5e1; box-shadow:0 12px 26px rgba(15,23,42,.08); transform:translateY(-2px); } .ap-home-writer-grid{ display:grid; gap:16px; grid-template-columns:repeat(1, minmax(0, 1fr)); align-items:stretch; } .ap-home-published-grid{ display:grid; gap:16px; grid-template-columns:repeat(1, minmax(0, 1fr)); align-items:stretch; } .ap-home-published-card{ display:flex; flex-direction:column; gap:9px; min-width:0; min-height:168px; padding:16px; border:1px solid #e8edf3; border-radius:12px; background:#ffffff; color:#0f172a !important; text-decoration:none !important; box-shadow:0 4px 14px rgba(15,23,42,0.05); } .ap-home-published-card{ gap:0; padding:0; overflow:hidden; } .ap-home-published-card__media{ position:relative; aspect-ratio:7 / 5; overflow:hidden; background:#eef2f7; border-bottom:1px solid #e8edf3; } .ap-home-published-card__media img{ display:block; width:100%; height:100%; object-fit:cover; object-position:center top; } .ap-home-published-card__media--cover{ aspect-ratio:3 / 4; background:#0f172a; } .ap-home-published-card__media--cover img{ box-sizing:border-box; object-fit:contain; object-position:center; padding:8px; } .ap-home-published-card__body{ display:flex; flex:1 1 auto; flex-direction:column; gap:9px; padding:14px 16px 16px; } .ap-home-published-card:hover{ border-color:#cbd5e1; box-shadow:0 10px 24px rgba(15,23,42,.08); } .ap-home-published-link{ display:flex; flex:1 1 auto; flex-direction:column; min-height:0; color:inherit !important; text-decoration:none !important; } .ap-home-published-link--static{ cursor:default; } .ap-home-published-title{ margin:0; color:#0f172a; font-size:18px; font-weight:600; line-height:1.18; } .ap-home-published-byline{ display:block; width:max-content; max-width:calc(100% - 32px); margin:0 16px 16px; color:#64748b; font-size:14px; font-weight:800; line-height:1.2; text-decoration:none; text-transform:uppercase; } .ap-home-published-byline:hover{ color:#0f172a; text-decoration:none; } .ap-home-published-summary{ margin:0; color:#475569; font-size:16px; font-weight:400; line-height:1.5; } .ap-home-published-bio{ margin:0; padding-top:10px; border-top:1px solid #eef2f7; color:#64748b; font-size:16px; font-weight:650; line-height:1.45; } .ap-home-published-meta{ display:flex; flex-wrap:wrap; gap:7px; align-items:center; } .ap-home-published-status{ display:inline-flex; width:max-content; max-width:100%; min-height:28px; align-items:center; margin:0; padding:5px 10px; border:1px solid #dbe3ee; border-radius:999px; background:#ffffff; color:#64748b; font-size:14px; font-weight:850; line-height:1.15; text-transform:uppercase; } .ap-home-published-price{ display:inline-flex; width:max-content; max-width:100%; min-height:28px; align-items:center; margin:0; padding:5px 10px; border:1px solid #cfd7e3; border-radius:999px; background:#f8fafc; color:#0f172a; font-size:14px; font-weight:850; line-height:1.15; } .ap-home-published-art{ background:#f8fafc; } .ap-home-published-art__frame, .ap-home-published-art__mark{ position:absolute; display:block; box-sizing:border-box; } .ap-home-published-art__frame{ inset:24px 26px 20px; border:1px solid #cbd5e1; background:#ffffff; box-shadow:0 18px 30px rgba(15,23,42,.08); } .ap-home-published-art--colombo .ap-home-published-art__frame{ inset:auto 28px 24px; height:56%; border-top:8px solid #334155; } .ap-home-published-art--colombo .ap-home-published-art__mark--one{ left:22%; bottom:24px; width:14%; height:38%; background:#94a3b8; } .ap-home-published-art--colombo .ap-home-published-art__mark--two{ left:40%; bottom:24px; width:18%; height:52%; background:#475569; } .ap-home-published-art--colombo .ap-home-published-art__mark--three{ right:22%; bottom:24px; width:16%; height:32%; background:#cbd5e1; } .ap-home-published-art--history .ap-home-published-art__frame{ inset:26px 38px 22px; border-left:8px solid #475569; } .ap-home-published-art--history .ap-home-published-art__mark--one, .ap-home-published-art--history .ap-home-published-art__mark--two, .ap-home-published-art--history .ap-home-published-art__mark--three{ left:36%; width:42%; height:2px; background:#94a3b8; } .ap-home-published-art--history .ap-home-published-art__mark--one{ top:34%; } .ap-home-published-art--history .ap-home-published-art__mark--two{ top:50%; } .ap-home-published-art--history .ap-home-published-art__mark--three{ top:66%; } .ap-home-published-art--riverston .ap-home-published-art__frame{ inset:28px 28px 22px; border:none; border-bottom:10px solid #334155; background:#eef2f7; box-shadow:none; } .ap-home-published-art--riverston .ap-home-published-art__mark--one, .ap-home-published-art--riverston .ap-home-published-art__mark--two{ bottom:32px; width:44%; height:44%; border-left:4px solid #475569; border-top:4px solid #475569; transform:rotate(45deg); } .ap-home-published-art--riverston .ap-home-published-art__mark--one{ left:19%; } .ap-home-published-art--riverston .ap-home-published-art__mark--two{ right:16%; width:36%; height:36%; border-color:#94a3b8; } .ap-home-published-art--christian .ap-home-published-art__frame{ inset:26px 44px 22px; border-radius:60px 60px 4px 4px; border-top:8px solid #475569; } .ap-home-published-art--christian .ap-home-published-art__mark--one{ left:50%; top:27%; width:4px; height:38%; background:#334155; transform:translateX(-50%); } .ap-home-published-art--christian .ap-home-published-art__mark--two{ left:42%; top:39%; width:16%; height:4px; background:#334155; } .ap-home-published-art--christian .ap-home-published-art__mark--three{ left:34%; right:34%; bottom:20%; height:2px; background:#cbd5e1; } .ap-home-published-art--hangar{ background:#f1f5f9; } .ap-home-published-art--hangar .ap-home-published-art__frame{ inset:26px 24px 18px; border-top:10px solid #334155; border-left:6px solid #64748b; border-right:6px solid #64748b; background:#ffffff; } .ap-home-published-art--hangar .ap-home-published-art__mark--one{ left:27%; bottom:32%; width:46%; height:6px; border-radius:999px; background:#0f172a; } .ap-home-published-art--hangar .ap-home-published-art__mark--two{ left:37%; bottom:29%; width:25%; height:20px; border-top:6px solid #0f172a; border-left:4px solid transparent; border-right:4px solid transparent; } .ap-home-published-art--hangar .ap-home-published-art__mark--three{ right:24%; bottom:20%; width:24px; height:34px; border-radius:14px 14px 10px 10px; background:#92400e; box-shadow:-12px 7px 0 #b45309, -24px -8px 0 rgba(100,116,139,.32); } .ap-home-writer-card{ display:grid; grid-template-columns:minmax(0, 132px) minmax(0, 1fr); gap:16px; min-width:0; min-height:168px; padding:14px; border:1px solid #e8edf3; border-radius:18px; background:#ffffff; color:#0f172a !important; text-decoration:none !important; box-shadow:0 4px 14px rgba(15,23,42,0.05); } .ap-home-writer-card:hover{ border-color:#cbd5e1; box-shadow:0 10px 24px rgba(15,23,42,.08); } .ap-home-writer-media{ position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; min-height:140px; border-radius:14px; background:#eef4fb; } .ap-home-writer-media img{ width:100%; height:100%; min-height:140px; object-fit:cover; display:block; } .ap-home-writer-media img.is-blurred{ filter:blur(14px); transform:scale(1.04); } .ap-home-writer-initial{ display:flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:50%; border:1px solid #dbe6f3; background:#ffffff; color:#0f172a; font-size:1.5rem; font-weight:900; line-height:1; } .ap-home-writer-body{ display:flex; flex-direction:column; gap:9px; min-width:0; } .ap-home-writer-byline{ margin:0; color:#64748b; font-size:14px; font-weight:800; line-height:1.2; text-transform:uppercase; } .ap-home-writer-title{ margin:0; color:#0f172a; font-size:18px; font-weight:600; line-height:1.2; } .ap-home-writer-summary{ margin:0; color:#475569; font-size:16px; font-weight:400; line-height:1.5; } .ap-home-writer-meta{ display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; color:#64748b; font-size:14px; font-weight:800; line-height:1.2; } .ap-home-writer-pill{ display:inline-flex; align-items:center; min-height:24px; padding:4px 8px; border-radius:999px; background:#f1f5f9; color:#334155; } @media (min-width: 900px){ .ap-home-writer-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .ap-home-published-grid{ grid-template-columns:repeat(4, minmax(0, 1fr)); } } @media (max-width: 599.98px){ .ap-home-writer-card{ grid-template-columns:minmax(0, 1fr); } .ap-home-writer-media{ min-height:180px; } } .ap-home-volume-card--complete, .ap-home-price-card{ border-color:#cbd5e1; background:#f8fafc; } .ap-home-volume-card--start{ border-color:#9fbdf1; background:#f8fafc; box-shadow:0 10px 24px rgba(15,23,42,.08); } .ap-home-volume-card--live{ border-color:#d9e4f6; background:#ffffff; } .ap-home-front-block--start .ap-home-volume-card--live{ order:1; } .ap-home-front-block--start .ap-home-volume-card--news{ order:2; } .ap-home-front-block--start .ap-home-volume-card--music{ order:3; } .ap-home-front-block--start .ap-home-volume-card--movies{ order:4; } .ap-home-front-block--start .ap-home-volume-card--food{ order:6; } .ap-home-volume-label, .ap-home-inside-card__label{ margin:0; color:#0f172a; font-size:14px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; line-height:1.25; } .ap-home-volume-label strong{ color:#0f172a; font-weight:900; } .ap-home-volume-title, .ap-home-price-title{ margin:0; color:#0f172a; font-size:18px; font-weight:600; line-height:1.16; } .ap-home-volume-copy, .ap-home-price-copy, .ap-home-inside-card__text{ margin:0; color:#64748b; font-size:16px; font-weight:400; line-height:1.42; } .ap-home-volume-author{ margin:2px 0 0; color:#94a3b8; font-size:24px; font-weight:500; line-height:1.3; } .ap-home-volume-link{ display:none; margin-top:auto; color:#0f172a; font-size:.78rem; font-weight:800; line-height:1.2; } .ap-home-volume-card__media{ position:relative; overflow:hidden; border-bottom:1px solid #e8edf3; background:#f8fafc; } .ap-home-front-block--published-books a.ap-home-volume-card__media:focus-visible{ outline:3px solid #2563eb; outline-offset:-3px; } .ap-home-volume-card__body{ display:flex; flex-direction:column; gap:12px; min-height:0; padding:18px 20px 20px; } .ap-home-volume-card__head{ display:block; } .ap-home-volume-card__head .ap-home-volume-title{ min-width:0; } .ap-home-volume-commerce{ display:flex; flex-wrap:nowrap; gap:8px 10px; align-items:center; margin-top:auto; padding-top:12px; } .ap-home-volume-price{ flex:0 0 auto; margin:0; margin-top:auto; padding-top:12px; color:#0f172a; font-size:16px; font-weight:750; line-height:1.15; white-space:nowrap; } .ap-home-volume-meta{ display:flex; flex-wrap:wrap; gap:6px 10px; align-items:center; min-width:0; margin-top:auto; color:#64748b; font-size:14px; font-weight:650; line-height:1.25; } .ap-home-volume-meta__status{ margin:0; white-space:nowrap; } .ap-home-volume-rating__stars{ display:inline-flex; gap:0; line-height:1; } .ap-home-volume-star{ color:#cbd5e1; font-size:12px; font-style:normal; line-height:1; } .ap-home-volume-star + .ap-home-volume-star{ margin-left:-4px; } .ap-home-volume-star.is-filled{ color:#293e5d; } .ap-home-volume-rating__star{ color:#293e5d; font-size:13px; line-height:1; } .ap-home-volume-rating__dot{ color:#cbd5e1; font-size:13px; line-height:1; } .ap-home-volume-rating{ display:flex; align-items:center; gap:5px; flex-wrap:nowrap; margin:0; min-width:0; white-space:nowrap; } .ap-home-volume-rating__text{ color:#475569; font-size:13px; font-weight:650; line-height:1.2; } .ap-home-volume-metrics{ display:flex; align-items:center; gap:5px; margin:10px 0 0; min-width:0; white-space:nowrap; } .ap-home-front-block--published-books .ap-home-volume-metrics .ap-home-volume-price, .ap-home-game-free-pill{ display:inline-flex; align-items:center; min-height:34px; box-sizing:border-box; margin:0; padding:6px 12px; border:1px solid #e2e8f0; border-radius:999px; background:#f8fafc; color:#0f172a; font-size:16px; font-weight:700; line-height:1.2; } .ap-home-game-free-pill{ width:max-content; margin-top:auto; } .ap-home-volume-commerce .ap-home-volume-price, .ap-home-volume-commerce .ap-home-volume-meta{ margin:0; padding-top:0; } .ap-home-volume-card__media img, .ap-home-volume-card__media video{ display:block; width:100%; height:100%; } .ap-home-volume-card__media--game{ aspect-ratio:2 / 3; background:#161334; } .ap-home-volume-card__media--game picture{ display:block; width:100%; height:100%; } .ap-home-volume-card__media--game img{ display:block; width:100%; height:100%; object-fit:cover; } .ap-home-volume-card__media--game video{ object-fit:cover; } .ap-home-volume-card__media--game video{ pointer-events:none; } .ap-home-volume-card__preview{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; cursor:pointer; } .ap-home-volume-card__preview.is-loaded{ cursor:default; pointer-events:none; } .ap-home-volume-card__preview-pill{ display:inline-flex; align-items:center; gap:6px; padding:8px 12px; border-radius:999px; background:rgba(15,23,42,.58); color:#ffffff; font-size:.74rem; font-weight:700; line-height:1; box-shadow:0 6px 18px rgba(15,23,42,.14); transition:opacity .18s ease, transform .18s ease; } .ap-home-volume-card__preview.is-loaded .ap-home-volume-card__preview-pill{ opacity:0; transform:scale(.96); pointer-events:none; } .ap-home-volume-card__preview-icon{ display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:999px; background:rgba(255,255,255,.12); font-size:.76rem; } .ap-home-volume-card__media--food{ aspect-ratio:16 / 10; padding:10px; background:#f8fafc; } .ap-home-volume-card__media--story{ aspect-ratio:16 / 9; background:#f8fafc; } .ap-home-volume-story-placeholder{ position:absolute; inset:0; display:flex; align-items:flex-end; justify-content:flex-start; padding:18px; background:#f8fafc; color:#0f172a; transition:opacity .18s ease; } .ap-home-volume-story-placeholder span{ font-size:.74rem; font-weight:900; letter-spacing:.08em; line-height:1; text-transform:uppercase; } .ap-home-volume-card--story:hover .ap-home-volume-hover-image, .ap-home-volume-card--story:focus-within .ap-home-volume-hover-image{ opacity:1; } .ap-home-volume-card--story:hover .ap-home-volume-story-placeholder, .ap-home-volume-card--story:focus-within .ap-home-volume-story-placeholder{ opacity:0; } .ap-home-volume-card--story .ap-home-volume-hover-image img{ object-fit:cover; object-position:center; transition:transform .28s ease; } .ap-home-volume-card--story:hover .ap-home-volume-hover-image img, .ap-home-volume-card--story:focus-within .ap-home-volume-hover-image img{ transform:scale(1.035); } .ap-home-volume-card__media--photo{ aspect-ratio:16 / 10; background:#edf3fb; } .ap-home-volume-card__media--photo img{ object-fit:cover; object-position:center; } .ap-home-volume-card__media--logo{ aspect-ratio:16 / 10; display:flex; align-items:center; justify-content:center; background:#ffffff; padding:22px 28px; } .ap-home-volume-card__media--logo img{ width:auto; height:auto; max-width:70%; max-height:72px; object-fit:contain; } .ap-home-volume-card__media--logo-nyt img{ width:auto; height:110px; max-width:100%; max-height:100%; object-fit:contain; } .ap-home-volume-card__media--logo-youtube img{ max-width:88%; max-height:128px; } .ap-home-volume-card__media--cover{ aspect-ratio:2 / 3; background:#edf3fb; } .ap-home-volume-card__media--hero-paper-match{ background:#fdfbf7; } .ap-home-volume-card__media--hero-paper-match .ap-home-volume-hover-image--default img{ mix-blend-mode:multiply; } .ap-home-volume-card__media--live{ aspect-ratio:16 / 10; background:#edf3fb; } .ap-home-volume-card__media--cover img, .ap-home-volume-card__media--live img{ object-fit:cover; object-position:center; } .ap-home-volume-card__media--live img{ object-fit:contain; object-position:center center; transform:none; filter:none; } .ap-home-volume-card__media--live .ap-home-volume-hover-image--default{ opacity:1; } .ap-home-volume-card__media--live .ap-home-volume-hover-image--default img{ transform-origin:center center; transition:transform .32s ease; } .ap-home-volume-hover-image{ position:absolute; inset:0; opacity:0; pointer-events:none; } .ap-home-volume-hover-image picture{ display:block; width:100%; height:100%; } .ap-home-volume-hover-image img{ width:100%; height:100%; display:block; } .ap-home-volume-hover-image--active{ opacity:1; } .ap-home-volume-card__media:hover .ap-home-volume-hover-image, .ap-home-volume-card__media:focus-within .ap-home-volume-hover-image, .ap-home-volume-card__media.is-media-hovered .ap-home-volume-hover-image{ opacity:1; } .ap-home-volume-card__media:hover .ap-home-volume-hover-image--default, .ap-home-volume-card__media:focus-within .ap-home-volume-hover-image--default, .ap-home-volume-card__media.is-media-hovered .ap-home-volume-hover-image--default{ opacity:0; } [data-ap-hover-cover]:not(.is-hover-cover-ready) .ap-home-volume-hover-image--default{ opacity:1; } [data-ap-hover-cover]:not(.is-hover-cover-ready) .ap-home-volume-hover-image--alt{ opacity:0; } .ap-home-volume-card__media--live:hover .ap-home-volume-hover-image--default, .ap-home-volume-card__media--live:focus-within .ap-home-volume-hover-image--default, .ap-home-volume-card__media--live.is-media-hovered .ap-home-volume-hover-image--default{ opacity:1; } .ap-home-volume-card__media--live:hover .ap-home-volume-hover-image--default img, .ap-home-volume-card__media--live:focus-within .ap-home-volume-hover-image--default img, .ap-home-volume-card__media--live.is-media-hovered .ap-home-volume-hover-image--default img{ transform:scale(1.045); filter:none; } .ap-home-volume-card__media--story .ap-home-volume-hover-image--default{ opacity:1; } .ap-home-volume-card__media--story:hover .ap-home-volume-hover-image--default, .ap-home-volume-card__media--story:focus-within .ap-home-volume-hover-image--default, .ap-home-volume-card__media--story.is-media-hovered .ap-home-volume-hover-image--default{ opacity:0; } .ap-home-volume-card__media--story:hover .ap-home-volume-hover-image--hover, .ap-home-volume-card__media--story:focus-within .ap-home-volume-hover-image--hover, .ap-home-volume-card__media--story.is-media-hovered .ap-home-volume-hover-image--hover{ opacity:1; } .ap-home-volume-card__media--song img{ object-position:center 18%; } .ap-home-volume-card__media--movie img{ object-position:center 16%; } .ap-home-volume-card__media--news img{ object-position:center 14%; } .ap-home-volume-food-grid{ display:grid; grid-template-columns:minmax(0, 1.2fr) minmax(0, .8fr); grid-template-rows:repeat(2, minmax(0, 1fr)); gap:8px; height:100%; } .ap-home-volume-food-tile{ position:relative; overflow:hidden; border-radius:14px; background:#e2e8f0; min-height:0; transition:opacity .24s ease, transform .24s ease; } .ap-home-volume-food-tile--burger{ grid-row:1 / span 2; transition:grid-column .24s ease, grid-row .24s ease, opacity .24s ease, transform .24s ease; } .ap-home-volume-card__media--food:hover .ap-home-volume-food-tile--burger, .ap-home-volume-card__media--food:focus-within .ap-home-volume-food-tile--burger, .ap-home-volume-card__media--food.is-media-hovered .ap-home-volume-food-tile--burger{ grid-column:1 / -1; grid-row:1 / -1; } .ap-home-volume-card__media--food:hover .ap-home-volume-food-tile--lemonade, .ap-home-volume-card__media--food:hover .ap-home-volume-food-tile--crisps, .ap-home-volume-card__media--food:focus-within .ap-home-volume-food-tile--lemonade, .ap-home-volume-card__media--food:focus-within .ap-home-volume-food-tile--crisps, .ap-home-volume-card__media--food.is-media-hovered .ap-home-volume-food-tile--lemonade, .ap-home-volume-card__media--food.is-media-hovered .ap-home-volume-food-tile--crisps{ opacity:0; transform:scale(.98); pointer-events:none; } .ap-home-volume-food-tile img{ object-fit:cover; } .ap-home-volume-food-image{ position:absolute; inset:0; width:100%; height:100%; display:block; } .ap-home-volume-food-label{ position:absolute; left:10px; bottom:10px; z-index:2; display:inline-flex; align-items:center; padding:7px 10px; border-radius:999px; background:rgba(255,255,255,.92); color:#0f172a; font-size:.72rem; font-weight:800; line-height:1; box-shadow:0 8px 18px rgba(15,23,42,.12); } .ap-home-volume-media-grid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); grid-template-rows:repeat(2, minmax(0, 1fr)); gap:8px; height:100%; } .ap-home-volume-card__media--cover{ position:relative; isolation:isolate; } .ap-home-volume-card__media--cover .ap-home-volume-media-grid{ position:absolute; inset:0; } .ap-home-volume-media-grid--real{ opacity:0; pointer-events:none; z-index:1; } .ap-home-volume-card:hover .ap-home-volume-media-grid--real, .ap-home-volume-card:focus-within .ap-home-volume-media-grid--real{ opacity:1; } .ap-home-volume-card:hover .ap-home-volume-media-grid--watercolor, .ap-home-volume-card:focus-within .ap-home-volume-media-grid--watercolor{ opacity:0; } .ap-home-volume-media-grid__tile{ position:relative; overflow:hidden; min-height:0; border-radius:14px; background:#e2e8f0; } .ap-home-volume-media-grid__tile img{ object-fit:cover; object-position:center; } .ap-home-volume-card__media--song .ap-home-volume-media-grid__tile--1 img{ object-position:center 24%; } .ap-home-volume-card__media--song .ap-home-volume-media-grid__tile--2 img{ object-position:center 20%; } .ap-home-volume-card__media--song .ap-home-volume-media-grid__tile--3 img{ object-position:center 18%; } .ap-home-volume-card__media--song .ap-home-volume-media-grid__tile--4 img{ object-position:center 22%; } .ap-home-volume-card__media--movie .ap-home-volume-media-grid__tile--1 img{ object-position:center 16%; } .ap-home-volume-card__media--movie .ap-home-volume-media-grid__tile--2 img{ object-position:center 20%; } .ap-home-volume-card__media--movie .ap-home-volume-media-grid__tile--3 img{ object-position:center 16%; } .ap-home-volume-card__media--movie .ap-home-volume-media-grid__tile--4 img{ object-position:center 16%; } .ap-home-volume-card__media--movie .ap-home-volume-media-grid--real .ap-home-volume-media-grid__tile--4 img{ object-position:center 30%; } .ap-home-volume-card__media--news .ap-home-volume-media-grid__tile--1 img{ object-position:center 18%; } .ap-home-volume-card__media--news .ap-home-volume-media-grid__tile--2 img{ object-position:center 18%; } .ap-home-volume-card__media--news .ap-home-volume-media-grid__tile--3 img{ object-position:center 18%; } .ap-home-volume-card__media--news .ap-home-volume-media-grid__tile--4 img{ object-position:center 24%; } .ap-home-price-band{ display:grid; gap:28px; grid-template-columns:minmax(0, 1fr); align-items:start; width:100%; max-width:none; margin:0; padding:0; box-sizing:border-box; } .ap-home-price-band.ap-home-price-band--member{ grid-template-columns:minmax(0, 1fr); } .ap-home-price-band--member .ap-home-price-card{ width:100%; max-width:none; justify-self:stretch; } .ap-home-price-copy-block{ min-width:0; display:flex; width:100%; } .ap-home-account-card{ display:flex; flex-direction:column; gap:14px; min-width:0; width:100%; box-sizing:border-box; padding:20px; border:1px solid #e8edf3; border-radius:18px; background:#ffffff; box-shadow:0 4px 14px rgba(15,23,42,0.05); } .ap-home-account-copy{ margin:0; color:#475569; font-size:16px; line-height:1.5; } .ap-home-account-error{ margin:10px 0 0; padding:8px 12px; border:1px solid #fecaca; border-radius:8px; background:#fef2f2; color:#b91c1c; font-size:.85rem; line-height:1.4; } .ap-home-account-form{ display:grid; gap:18px; grid-template-columns:minmax(0, 1fr); grid-template-areas: "first" "last" "email" "passphrase" "dob" "country" "footer"; align-items:stretch; } .ap-home-account-footer{ grid-area:footer; display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:28px; } .ap-home-account-field{ display:grid; gap:6px; min-width:0; } .ap-home-account-field--first{ grid-area:first; } .ap-home-account-field--last{ grid-area:last; } .ap-home-account-field--email{ grid-area:email; } .ap-home-account-field--passphrase{ grid-area:passphrase; } .ap-home-account-field--dob{ grid-area:dob; position:relative; } .ap-home-account-field--country{ grid-area:country; } .ap-home-account-label{ margin:0; color:#0f172a; font-size:18px; font-weight:800; line-height:1.6; } .ap-home-account-label--inline{ display:inline-flex; align-items:center; gap:6px; } .ap-home-account-help{ display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; border:1px solid #94a3b8; border-radius:999px; background:#ffffff; color:#475569; font-size:11px; font-weight:800; line-height:1; cursor:help; padding:0; } .ap-home-account-help:focus{ outline:2px solid #94a3b8; outline-offset:2px; } .ap-home-account-help-bubble{ position:absolute; left:0; top:24px; z-index:5; display:block; width:min(260px, calc(100vw - 48px)); padding:7px 9px; border:1px solid #cbd5e1; border-radius:8px; background:#ffffff; box-shadow:0 10px 28px rgba(15,23,42,.16); color:#475569; font-size:14px; font-weight:600; line-height:1.35; } .ap-home-account-help-bubble[hidden]{ display:none; } .ap-home-account-input{ width:100%; min-height:44px; padding:0 14px; border:1px solid #cbd5e1; border-radius:12px; background:#ffffff; color:#0f172a; font-size:.95rem; line-height:1.2; } .ap-home-account-card .ap-home-account-input, .ap-home-account-card .ap-home-account-select, .ap-home-account-card .ap-home-account-submit{ font-family:Helvetica, Arial, system-ui, -apple-system, "Segoe UI", sans-serif; } .ap-home-account-card .ap-home-account-input, .ap-home-account-card .ap-home-account-select{ font-size:18px; line-height:1.6; } .ap-home-account-input:focus{ outline:none; border-color:#0f172a; box-shadow:0 0 0 3px rgba(11,61,145,.10); } .ap-home-account-dob-selects{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; } .ap-home-account-select{ width:100%; min-height:44px; padding:0 10px; border:1px solid #cbd5e1; border-radius:12px; background:#ffffff; color:#0f172a; font-size:.92rem; line-height:1.2; } .ap-home-account-select:focus{ outline:none; border-color:#0f172a; box-shadow:0 0 0 3px rgba(11,61,145,.10); } .ap-home-account-submit{ min-height:42px; padding:0 17px; font-size:1rem; flex-shrink:0; width:auto; } .ap-home-account-note{ margin:0; color:#64748b; font-size:.8rem; line-height:1.42; } .ap-home-account-terms{ margin:0; color:#64748b; font-size:14px; line-height:1.35; } .ap-home-account-partner{ margin:.6rem 0 0; color:#64748b; font-size:.78rem; line-height:1.35; } .ap-home-price-scenarios{ display:grid; gap:12px; grid-template-columns:repeat(1, minmax(0, 1fr)); margin-top:20px; } .ap-home-price-scenario{ padding:14px 16px; border:1px solid #e8edf3; border-radius:16px; background:#ffffff; box-shadow:0 4px 14px rgba(15,23,42,0.04); } .ap-home-price-scenario__title{ margin:0; color:#0f172a; font-size:18px; font-weight:600; line-height:1.14; } .ap-home-price-scenario__text{ margin:6px 0 0; color:#64748b; font-size:16px; font-weight:400; line-height:1.42; } .ap-home-price-card{ width:100%; max-width:100%; min-width:0; box-sizing:border-box; container-type:inline-size; overflow:hidden; padding:20px; height:100%; } .ap-home-price-value{ margin:0; color:#0f172a; font-size:1.9rem; font-weight:800; line-height:1; } .ap-home-price-list{ margin:0; padding-left:0; list-style:none; display:grid; gap:8px; color:#475569; font-size:16px; line-height:1.5; } .ap-home-price-list li{ display:grid; grid-template-columns:18px 1fr; gap:10px; align-items:start; } .ap-home-price-list li > span:last-child{ min-width:0; } .ap-home-price-list li + li{ margin-top:0; } .ap-home-price-list__icon{ display:inline-flex; align-items:center; justify-content:center; color:#0f172a; font-size:.92rem; line-height:1; margin-top:3px; } .ap-home-price-actions{ display:flex; flex-wrap:wrap; gap:8px; min-width:0; width:100%; } .ap-home-price-actions form{ min-width:0; max-width:100%; } .ap-home-price-actions .ap-home-entrance__button{ width:auto; min-width:0; max-width:100%; box-sizing:border-box; min-height:32px; padding:0 12px; font-size:.78rem; white-space:nowrap; text-align:center; } @container (max-width: 420px){ .ap-home-price-card{ padding:18px; } .ap-home-price-value{ font-size:clamp(1.9rem, 8cqi, 2.7rem); } .ap-home-price-actions{ grid-template-columns:minmax(0, 1fr); } } .ap-home-inside-grid{ display:grid; gap:14px; grid-template-columns:repeat(1, minmax(0, 1fr)); } .ap-home-inside-card__icon{ width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; border-radius:14px; background:#f8fafc; color:#0f172a; font-size:1.05rem; } .ap-home-feature-band, .ap-home-game-band{ display:grid; gap:18px; grid-template-columns:minmax(0, 1fr); align-items:center; } .ap-home-feature-preview{ border:1px solid #e8edf3; border-radius:22px; background:#f6f9fd; padding:18px; box-shadow:0 10px 28px rgba(15,23,42,0.06); } .ap-home-feature-window{ overflow:hidden; border:1px solid #dbe4ee; border-radius:18px; background:#ffffff; } .ap-home-feature-window__bar{ display:flex; align-items:center; gap:8px; padding:12px 14px; border-bottom:1px solid #e8edf3; background:#f8fafc; } .ap-home-feature-window__dot{ width:9px; height:9px; border-radius:999px; background:#cbd5e1; } .ap-home-feature-window__title{ color:#334155; font-size:.82rem; font-weight:800; line-height:1; } .ap-home-feature-stack{ display:grid; gap:10px; padding:14px; } .ap-home-feature-row{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:12px 14px; border:1px solid #e8edf3; border-radius:16px; background:#ffffff; } .ap-home-feature-row__title{ margin:0; color:#0f172a; font-size:.9rem; font-weight:800; line-height:1.18; } .ap-home-feature-row__meta{ margin:5px 0 0; color:#64748b; font-size:.8rem; line-height:1.38; } .ap-home-feature-row__badge{ display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:0 10px; border-radius:999px; background:#f8fafc; color:#0f172a; font-size:.76rem; font-weight:800; line-height:1; white-space:nowrap; } .ap-home-feature-copy{ min-width:0; } .ap-home-feature-copy p{ margin:0; color:#475569; font-size:.92rem; line-height:1.58; } .ap-home-feature-metrics{ display:grid; gap:12px; grid-template-columns:repeat(1, minmax(0, 1fr)); margin:18px 0; } .ap-home-front-block--start .ap-home-feature-metrics{ grid-template-columns:repeat(2, minmax(0, 1fr)); margin-top:0; } .ap-home-feature-metric{ display:flex; flex-direction:column; gap:8px; padding:14px; border:1px solid #e8edf3; border-radius:16px; background:#ffffff; box-shadow:0 4px 14px rgba(15,23,42,0.04); color:#0f172a !important; text-decoration:none !important; } .ap-home-feature-metric:hover{ border-color:#cbd5e1; box-shadow:0 10px 24px rgba(15,23,42,.08); text-decoration:none !important; } .ap-home-feature-metric__value{ margin:0; color:#0f172a; font-size:1rem; font-weight:800; line-height:1.15; } .ap-home-feature-metric__label{ margin:6px 0 0; color:#64748b; font-size:.82rem; line-height:1.4; } .ap-home-feature-metric__cta{ margin-top:auto; color:#0f172a; font-size:.8rem; font-weight:800; line-height:1.2; } .ap-home-writer-metrics{ display:grid; gap:18px; grid-template-columns:repeat(1, minmax(0, 1fr)); margin:18px 0 0; align-items:start; } .ap-home-writer-card{ display:flex; flex-direction:column; gap:8px; padding:14px; border:1px solid #e8edf3; border-radius:16px; background:#ffffff; box-shadow:0 4px 14px rgba(15,23,42,0.04); } .ap-home-writer-card__kicker{ margin:0; color:#0f172a; font-size:.74rem; font-weight:800; letter-spacing:.06em; line-height:1.2; text-transform:uppercase; } .ap-home-writer-card__title{ margin:0; color:#0f172a; font-size:1rem; font-weight:800; line-height:1.18; } .ap-home-writer-card__copy{ margin:0; color:#64748b; font-size:.82rem; line-height:1.42; } .ap-home-writer-card__tail{ margin:4px 0 0; color:#0f172a; font-size:.8rem; font-weight:800; line-height:1.2; } @media (min-width: 900px){ .ap-home-writer-metrics{ grid-template-columns:repeat(3, minmax(0, 1fr)); } } .ap-home-compare-table-wrap{ overflow-x:auto; border:1px solid #e8edf3; border-radius:18px; background:#ffffff; box-shadow:0 4px 14px rgba(15,23,42,0.05); } .ap-home-compare-table{ width:100%; min-width:760px; border-collapse:separate; border-spacing:0; } .ap-home-compare-table th, .ap-home-compare-table td{ padding:14px 16px; text-align:left; vertical-align:top; border-bottom:1px solid #e8edf3; } .ap-home-compare-table thead th{ background:#f8fafc; color:#0f172a; font-size:.78rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; line-height:1.25; } .ap-home-compare-table tbody th{ width:20%; color:#0f172a; font-size:.82rem; font-weight:800; line-height:1.35; background:#ffffff; } .ap-home-compare-table td{ color:#475569; font-size:16px; line-height:1.5; } .ap-home-compare-table tbody tr:last-child th, .ap-home-compare-table tbody tr:last-child td{ border-bottom:0; } .ap-home-proof-grid{ display:grid; gap:14px; grid-template-columns:repeat(1, minmax(0, 1fr)); } .ap-home-proof-grid--front{ grid-template-columns:repeat(1, minmax(0, 1fr)); } .ap-home-proof-card{ display:grid; grid-template-rows:auto auto; min-width:0; border:1px solid #e8edf3; border-radius:18px; overflow:hidden; background:#ffffff; color:#0f172a !important; text-decoration:none !important; box-shadow:0 6px 18px rgba(15,23,42,0.05); transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease; } .ap-home-proof-card:hover{ border-color:#cbd5e1; box-shadow:0 12px 26px rgba(15,23,42,.08); transform:translateY(-2px); text-decoration:none !important; } .ap-home-proof-card__media{ position:relative; display:flex; align-items:center; justify-content:center; min-height:0; overflow:hidden; background:#f8fafc; } .ap-home-proof-card picture{ display:block; width:100%; height:100%; } .ap-home-proof-card img{ display:block; width:100%; height:100%; object-fit:cover; } .ap-home-proof-card__body{ padding:14px 16px 16px; } .ap-home-proof-card__title{ margin:0; color:#0f172a; font-size:18px; font-weight:600; line-height:1.18; } .ap-home-proof-card__sub{ display:block; margin-top:3px; color:#64748b; font-size:14px; font-weight:500; letter-spacing:.01em; } .ap-home-proof-card__text{ margin:7px 0 0; color:#64748b; font-size:16px; font-weight:400; line-height:1.45; } .ap-home-proof-card__list{ margin:8px 0 0 0; padding:0; list-style:none; color:#64748b; font-size:16px; font-weight:400; line-height:1.5; } .ap-home-proof-card__list li + li{ margin-top:6px; } .ap-home-tier-price-list{ display:grid; gap:6px; margin:10px 0 0; padding:0; list-style:none; } .ap-home-tier-price-list li{ display:flex; flex-wrap:nowrap; gap:8px 10px; align-items:center; color:#64748b; font-size:14px; font-weight:500; line-height:1.35; } .ap-home-tier-price-list span{ display:block; } .ap-home-tier-price-list__label{ color:#64748b; font-size:14px; font-weight:650; line-height:1.25; } .ap-home-tier-price-list__calc{ margin-top:1px; color:#64748b; } .ap-home-tier-price-list strong{ color:#0f172a; font-size:15px; font-weight:800; line-height:1.1; white-space:nowrap; } .ap-home-tier-price-list .ap-home-volume-price, .ap-home-tier-price-list .ap-home-volume-meta{ margin:0; padding-top:0; } .ap-home-proof-card--stat{ grid-template-rows:auto; } .ap-home-proof-card--stat .ap-home-proof-card__media{ padding:0; } .ap-home-proof-card--stat .ap-home-proof-card__body{ display:flex; flex-direction:column; justify-content:center; min-height:100%; padding:22px; gap:10px; } .ap-home-proof-collage{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px; width:100%; padding:12px; min-height:0; background:#f8fafc; } .ap-home-proof-collage__tile{ position:relative; overflow:hidden; border-radius:16px; background:#dbeafe; min-height:136px; } .ap-home-proof-collage__tile::after{ content:""; position:absolute; inset:auto 0 0 0; height:44%; background:rgba(15,23,42,.58); pointer-events:none; } .ap-home-proof-collage__tile img{ width:100%; height:100%; object-fit:cover; } .ap-home-proof-collage__label{ position:absolute; top:10px; left:10px; z-index:2; display:inline-flex; align-items:center; border-radius:999px; background:rgba(255,255,255,.96); color:#0f172a; padding:6px 10px; font-size:14px; font-weight:800; letter-spacing:.03em; line-height:1; box-shadow:0 8px 18px rgba(15,23,42,.12); } .ap-home-proof-collage__stat{ position:absolute; left:12px; bottom:12px; z-index:2; display:inline-flex; align-items:center; gap:8px; border-radius:999px; background:rgba(255,255,255,.94); color:#0f172a; padding:7px 12px; font-size:14px; font-weight:800; box-shadow:0 8px 20px rgba(15,23,42,.08); } .ap-home-proof-collage--names .ap-home-proof-collage__tile::after{ height:36%; } .ap-home-proof-collage--names .ap-home-proof-collage__label{ top:auto; bottom:10px; left:10px; max-width:calc(100% - 20px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .ap-home-proof-card__note-row{ display:flex; flex-wrap:wrap; gap:8px; } .ap-home-proof-card__note{ display:inline-flex; align-items:center; border-radius:999px; background:#f8fafc; color:#0f172a; padding:6px 10px; font-size:14px; font-weight:700; line-height:1; } .ap-home-proof-logos{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; padding:18px; min-height:308px; align-items:center; background:#f8fafc; } .ap-home-proof-logo{ display:flex; align-items:center; justify-content:center; min-height:78px; border:1px solid #e8edf3; border-radius:12px; background:#ffffff; padding:14px; } .ap-home-proof-logo img{ max-width:100%; max-height:38px; width:auto; height:auto; object-fit:contain; } @media (prefers-reduced-motion: reduce){ .ap-home-front-door .ap-home-people-grid .ap-name-person-card{ transition:none; transform:none; } } .ap-home-proof-card--mirror .ap-home-proof-card__media{ padding:0; background:transparent; } .ap-home-proof-card--mirror img{ object-fit:cover; object-position:center top; border-radius:0; background:transparent; box-shadow:none; } .ap-home-proof-card--mirror .ap-home-proof-card__text{ font-size:16px; line-height:1.38; } .ap-machine-readable-press-proof{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); clip-path:inset(50%); white-space:nowrap; border:0; } .ap-home-proof-card--letter .ap-home-proof-card__media{ align-items:flex-start; justify-content:center; height:clamp(282px, 26vw, 408px); padding:14px 18px 18px; box-sizing:border-box; background:#ffffff; } .ap-home-proof-card--letter img{ object-fit:contain; object-position:center top; background:#ffffff; padding:0; box-sizing:border-box; width:96%; height:96%; } .ap-home-volume-card__media--letter-proof{ background:#f8fafc; } .ap-home-volume-card__media--letter-proof img{ object-fit:contain; object-position:center top; } .ap-home-volume-card__media--mirror-proof img{ object-fit:cover; object-position:center; } .ap-home-proof-card--letter .ap-home-proof-card__body{ display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:12px 16px 18px; } .ap-home-proof-card--letter .ap-home-proof-card__title{ font-size:18px; line-height:1.14; width:100%; text-align:center; } .ap-home-finish-card{ display:flex; flex-direction:column; gap:14px; width:100%; max-width:72rem; padding:24px 26px; border:1px solid var(--ap-front-line); border-radius:24px; background:#ffffff; box-shadow:var(--ap-front-shadow); } .ap-home-finish-card .ap-home-price-band{ margin-top:4px; } .ap-home-finish-card .ap-home-price-actions form{ display:flex; margin:0; } .ap-home-front-block--finish .ap-home-front-intro{ margin-bottom:0; max-width:42rem; } .ap-home-front-block--your-turn{ text-align:center; } .ap-home-your-turn-layout{ display:grid; grid-template-columns:minmax(0, 6fr) minmax(280px, 4fr); gap:24px; align-items:stretch; width:100%; max-width:80rem; margin:0 auto; } .ap-home-your-turn{ display:flex; flex-direction:column; max-width:none; width:100%; min-width:0; min-height:100%; margin:0; text-align:left; } .ap-home-your-turn-account{ display:flex; flex-direction:column; min-width:0; } .ap-home-your-turn-account .ap-home-account-card{ flex:1 1 auto; } .ap-home-front-block--your-turn .ap-home-account-card{ align-self:stretch; height:auto; min-height:100%; text-align:left; } .ap-home-front-block--your-turn .ap-home-account-form{ flex:1; align-content:space-between; } .ap-home-front-block--your-turn .ap-home-account-footer{ margin-top:0; } .ap-home-your-turn__kicker{ margin:0 0 14px; color:var(--ap-front-muted); font-size:14px; font-weight:800; letter-spacing:.14em; line-height:1; text-transform:uppercase; } .ap-home-your-turn__heading{ margin:0; color:var(--ap-front-ink); font-size:32px; font-weight:800; letter-spacing:0; line-height:1.12; } .ap-home-your-turn__body{ margin:14px 0 0; max-width:620px; color:var(--ap-front-muted); font-size:16px; font-weight:400; line-height:1.6; } .ap-home-your-turn-photo{ position:relative; flex:1; width:100%; min-width:0; margin:0; aspect-ratio:auto; overflow:hidden; } .ap-home-your-turn-photo > picture:first-child{ position:absolute; inset:0; display:block; } .ap-home-your-turn-photo img{ width:100%; max-width:100%; height:100%; display:block; object-fit:cover; border-radius:18px; border:1px solid var(--ap-front-line, #e2e8f0); } .ap-home-your-turn-photo .ap-home-your-turn-photo__hover{ position:absolute; inset:0; margin:0; opacity:0; pointer-events:none; } .ap-home-your-turn-photo .ap-home-your-turn-photo__hover img{ width:100%; height:100%; object-fit:cover; } @media (hover:hover){ .ap-home-your-turn-photo .ap-home-your-turn-photo__hover{ transition:opacity .22s ease; } .ap-home-your-turn-photo:hover .ap-home-your-turn-photo__hover, .ap-home-your-turn-photo:focus-within .ap-home-your-turn-photo__hover{ opacity:1; } } @media (prefers-reduced-motion:reduce){ .ap-home-your-turn-photo .ap-home-your-turn-photo__hover{ transition:none; } } .ap-home-front-block--your-turn .ap-home-your-turn__heading{ max-width:none; width:100%; margin:0 0 18px; text-align:left; } .ap-home-your-turn-card{ max-width:460px; margin:32px auto 28px; padding:22px 22px 26px; border:1px solid var(--ap-front-line); border-radius:16px; background:#ffffff; box-shadow:var(--ap-front-shadow); text-align:left; } .ap-home-your-turn-card__top{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; padding-bottom:14px; border-bottom:1px solid var(--ap-front-line); color:var(--ap-front-muted); font-size:14px; font-weight:700; letter-spacing:.05em; line-height:1.1; } .ap-home-your-turn-card__free{ display:inline-flex; align-items:center; min-height:24px; padding:3px 10px; border-radius:999px; background:var(--ap-front-soft); color:var(--ap-front-ink); font-weight:800; white-space:nowrap; } .ap-own{ max-width:460px; margin:32px auto 28px; } .ap-own__mock-card{ border:0.5px solid var(--ap-front-line); border-radius:14px; background:#fff; box-shadow:var(--ap-front-shadow); overflow:hidden; } .ap-own__mock-img{ width:100%; height:150px; background:linear-gradient(160deg,#0c1a2e 0%,#152a45 55%,#0d2137 100%); position:relative; overflow:hidden; } .ap-own__mock-img::before{ content:""; position:absolute; inset:0; background:radial-gradient(ellipse at 68% 35%,rgba(255,195,80,.13) 0%,transparent 55%), radial-gradient(ellipse at 20% 80%,rgba(30,80,160,.18) 0%,transparent 50%); } .ap-own__mock-img::after{ content:""; position:absolute; bottom:0;left:0;right:0; height:48px; background:linear-gradient(to top,rgba(12,26,46,.7),transparent); } .ap-own__mock-body{ padding:16px 20px 20px; } .ap-own__mock-byline{ display:flex; align-items:baseline; gap:7px; margin-bottom:10px; } .ap-own__mock-title{ margin:0 0 8px; font-size:21px; font-weight:800; color:var(--ap-front-ink); line-height:1.15; } .ap-own__mock-excerpt{ margin:0 0 14px; font-size:13px; color:var(--ap-front-muted); line-height:1.55; } .ap-own__mock-footer{ display:flex; align-items:center; gap:8px; } .ap-own__mock-badge{ font-size:11px; font-weight:700; padding:2px 10px; border-radius:999px; background:var(--ap-front-soft); color:var(--ap-front-ink); } .ap-own__page{ position:relative; min-height:208px; padding:26px 24px 30px; border:0.5px solid var(--ap-front-line); border-radius:16px; background:#ffffff; box-shadow:var(--ap-front-shadow); opacity:1; transform:none; } .ap-own__byline{ display:flex; align-items:baseline; gap:8px; margin-bottom:22px; } .ap-own__by{ color:var(--ap-front-muted); font-size:12px; font-weight:800; letter-spacing:.14em; opacity:1; transform:none; transform-origin:left center; } .ap-own__name{ color:var(--ap-front-ink); font-size:18px; font-weight:700; opacity:1; transform:none; transform-origin:left center; } .ap-own__lines{ display:flex; flex-direction:column; gap:11px; } .ap-own__line{ height:7px; border-radius:3px; background:var(--ap-front-muted); opacity:1; transform:none; } .ap-own__line:nth-child(1){ width:100%; } .ap-own__line:nth-child(2){ width:94%; } .ap-own__line:nth-child(3){ width:88%; } .ap-own__line:nth-child(4){ width:97%; margin-top:7px; } .ap-own__line:nth-child(5){ width:64%; } .ap-own__page::after{ content:""; position:absolute; inset:0; border-radius:16px; background:var(--ap-front-ink); opacity:.06; pointer-events:none; } .ap-own__lock{ position:absolute; top:50%; left:50%; z-index:2; display:inline-flex; align-items:center; justify-content:center; width:64px; height:64px; border-radius:999px; border:0.5px solid var(--ap-front-line); background:var(--ap-front-soft); color:var(--ap-front-ink); box-shadow:var(--ap-front-shadow); opacity:1; transform:translate(-50%, -50%); } .ap-own.is-playing .ap-own__page{ animation:none; } .ap-own.is-playing .ap-own__page::after{ animation:none; } .ap-own.is-playing .ap-own__by{ animation:none; } .ap-own.is-playing .ap-own__name{ animation:none; } .ap-own.is-playing .ap-own__line{ animation:none; } .ap-own.is-playing .ap-own__line:nth-child(1){ animation-delay:1.0s; } .ap-own.is-playing .ap-own__line:nth-child(2){ animation-delay:1.15s; } .ap-own.is-playing .ap-own__line:nth-child(3){ animation-delay:1.3s; } .ap-own.is-playing .ap-own__line:nth-child(4){ animation-delay:1.45s; } .ap-own.is-playing .ap-own__line:nth-child(5){ animation-delay:1.6s; } .ap-own.is-playing .ap-own__lock{ animation:none; } .ap-own.is-final .ap-own__page, .ap-own.is-final .ap-own__by, .ap-own.is-final .ap-own__name, .ap-own.is-final .ap-own__line{ opacity:1; transform:none; } .ap-own.is-final .ap-own__lock{ opacity:1; transform:translate(-50%, -50%); } .ap-own.is-final .ap-own__page::after{ opacity:.06; } @media (prefers-reduced-motion: reduce){ .ap-own__page, .ap-own__by, .ap-own__name, .ap-own__line{ opacity:1 !important; transform:none !important; animation:none !important; } .ap-own__lock{ opacity:1 !important; transform:translate(-50%, -50%) !important; animation:none !important; } .ap-own__page::after{ opacity:.06 !important; animation:none !important; } } .ap-own-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px;} .ap-demo-ph-line{height:9px;background:#e2e8f0;border-radius:4px;margin:0 0 7px;display:block;} .ap-demo-ph-line:last-child{margin-bottom:0;} .ap-demo-ph-line--title{height:11px;width:55%;background:#cbd5e1;margin-bottom:10px;} .ap-demo-ph-line--short{width:40%;} .ap-demo-card--writing .ap-editorial-card__title::after{content:"|";color:#64748b;animation:ap-demo-blink .9s step-end infinite;} @keyframes ap-demo-blink{0%,100%{opacity:1;}50%{opacity:0;}} .ap-own-demo{position:relative;margin-top:20px;} .ap-own-demo__editor{border:1px solid #e2e8f0;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 4px 18px rgba(15,23,42,.08);} .ap-own-demo__autosave{font-size:11px;font-weight:600;color:#64748b;padding:6px 14px;border-bottom:1px solid #e2e8f0;background:#f8fafc;} .ap-own-demo__toolbar{display:flex;align-items:center;gap:5px;padding:7px 10px;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;} .ap-own-demo__group{display:flex;align-items:center;gap:1px;} .ap-own-demo__group+.ap-own-demo__group{padding-left:7px;border-left:1px solid #dde3ea;margin-left:2px;} .ap-own-demo__btn{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 4px;border-radius:4px;color:#475569;font-size:11px;font-family:inherit;line-height:1;white-space:nowrap;user-select:none;} .ap-own-demo__btn--u{text-decoration:underline;} .ap-own-demo__btn--tag{border:1px solid #c8d3df;font-size:10px;font-weight:700;padding:0 5px;} .ap-own-demo__btn--ai{color:#7c3aed;font-size:10px;font-weight:700;} .ap-own-demo__secbar{display:flex;align-items:center;gap:4px;padding:5px 12px;border-bottom:1px solid #e2e8f0;} .ap-own-demo__secbtn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:#94a3b8;font-size:12px;user-select:none;} .ap-own-demo__rule{height:1px;background:#e8ecf2;margin:0 12px;} .ap-own-demo__content{padding:12px 16px 18px;} .ap-own-demo__title-text{margin:0 0 10px;font-size:16px;font-weight:800;color:#0f172a;line-height:1.3;min-height:1.3em;} .ap-own-demo__body-text{margin:0;font-size:13px;color:#334155;line-height:1.65;min-height:1.5em;} .ap-own-demo__cur{display:inline-block;width:2px;height:14px;background:#334155;border-radius:1px;vertical-align:text-bottom;margin-left:1px;animation:ap-demo-blink .9s step-end infinite;} .ap-own-demo__editor{border-color:#e0e0e0;filter:grayscale(1);} .ap-own-demo__autosave{background:#f7f7f7;color:#777;border-color:#e0e0e0;} .ap-own-demo__toolbar{border-color:#e0e0e0;} .ap-own-demo__btn{color:#555;} .ap-own-demo__btn--ai{color:#555;} .ap-own-demo__btn--tag{border-color:#ccc;color:#555;} .ap-own-demo__group+.ap-own-demo__group{border-color:#ddd;} .ap-own-demo__secbar{border-color:#e0e0e0;} .ap-own-demo__secbtn{color:#bbb;} .ap-own-demo__rule{background:#e5e5e5;} .ap-own-demo__title-text{color:#111;} .ap-own-demo__body-text{color:#333;} .ap-own-demo__cur{background:#444;} .ap-own-demo__pub-cards .ap-editorial-card__teaser{-webkit-line-clamp:3;} #ap-own-demo-paywall .ap-editorial-card__teaser{-webkit-line-clamp:1;} .ap-own-demo__pub{padding:4px 0 0;} .ap-own-demo__pub-story-title{margin:0 0 2px;font-size:19px;font-weight:900;color:#0f172a;line-height:1.15;} .ap-own-demo__pub-date{margin:0 0 10px;font-size:12px;color:#64748b;} .ap-own-demo__pub-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;} .ap-own-demo__sec-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;} .ap-own-demo__sec-card{border:1px solid #e8edf3;border-radius:12px;background:#fff;padding:11px 13px;box-shadow:0 1px 3px rgba(15,23,42,.05);} .ap-own-demo__sec-title{margin:0 0 7px;font-size:13.5px;font-weight:800;color:#0f172a;line-height:1.2;} .ap-own-demo__sec-rule{height:1px;background:#e8ecf2;margin:0 0 8px;} .ap-own-demo__sec-body{margin:0;font-size:11.5px;color:#475569;line-height:1.5;} .ap-own-demo__gate{border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:10px 14px;margin-bottom:8px;} .ap-own-demo__gate-title{margin:0 0 2px;font-size:12.5px;font-weight:700;color:#0f172a;} .ap-own-demo__gate-copy{margin:0 0 8px;font-size:11px;color:#64748b;} .ap-own-demo__gate-btns{display:flex;gap:7px;} .ap-own-demo__gate-btn{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:7px;font-size:11px;font-weight:700;cursor:default;} .ap-own-demo__gate-btn--primary{background:#0f172a;color:#fff;} .ap-own-demo__gate-btn--secondary{border:1px solid #e2e8f0;color:#334155;} .ap-own-demo--js{min-height:390px;} .ap-own-demo--js .ap-own-demo__editor, .ap-own-demo--js .ap-own-demo__pub{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .4s ease;overflow:hidden;} .ap-own-demo--js .ap-own-demo__editor.is-active, .ap-own-demo--js .ap-own-demo__pub.is-active{opacity:1;pointer-events:auto;} .ap-home-your-turn-write{ min-height:1.6em; color:var(--ap-front-ink); font-size:17px; line-height:1.5; } .ap-home-your-turn-write__ghost{ color:var(--ap-front-muted); } .ap-home-your-turn-write__caret{ display:inline-block; width:2px; height:1.05em; margin-left:1px; background:var(--ap-front-ink); vertical-align:-2px; animation:none; } .ap-home-your-turn__cta{ min-height:48px; padding:0 30px; font-size:16px; } @media (prefers-reduced-motion: reduce){ .ap-home-your-turn-write__caret{ animation:none; } } @media (max-width: 767.98px){ .ap-home-your-turn-layout{ grid-template-columns:minmax(0, 1fr); } } .ap-home-game-band{ border:1px solid #e8edf3; border-radius:22px; overflow:hidden; background:#ffffff; box-shadow:0 10px 28px rgba(15,23,42,0.06); text-decoration:none !important; } .ap-home-game-band:hover{ text-decoration:none !important; } .ap-home-game-band__media{ position:relative; background:#0f172a; } .ap-home-game-band__media img, .ap-home-game-band__media video{ display:block; width:100%; height:100%; min-height:260px; object-fit:cover; } .ap-home-game-band__body{ padding:20px; } .ap-home-game-band__body p{ margin:0; color:#475569; font-size:16px; line-height:1.56; } .ap-home-game-list{ margin:16px 0 0; padding-left:18px; color:#475569; font-size:16px; line-height:1.5; } .ap-home-game-list li + li{ margin-top:5px; } @media (min-width: 640px){ .ap-home-entry-days-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .ap-home-volume-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } } @media (min-width: 980px){ .ap-home-front-card-grid{ grid-template-columns:repeat(12, minmax(0, 1fr)); } .ap-home-proof-grid--front{ grid-template-columns:minmax(0, 1fr); } .ap-home-entry-days-grid{ grid-template-columns:repeat(4, minmax(0, 1fr)); } .ap-home-front-door .ap-home-people-batch{ grid-template-columns:repeat(6, minmax(0, 1fr)) !important; } .ap-home-front-door .ap-name-person-photo-wrap{ aspect-ratio:1 / 1.12; } .ap-home-volume-grid{ grid-template-columns:repeat(3, minmax(0, 1fr)); } .ap-home-front-block--member-volumes .ap-home-volume-grid{ grid-template-columns:minmax(0, .95fr) repeat(3, minmax(0, 1fr)); grid-auto-rows:minmax(142px, auto); align-items:stretch; } .ap-home-front-block--member-volumes .ap-home-volume-card{ align-self:stretch; } .ap-home-front-block--member-volumes .ap-home-volume-card--member-live{ grid-column:1; grid-row:span 2; height:100%; } .ap-home-front-block--member-volumes .ap-home-volume-card--member-live .ap-home-volume-card__media--live{ flex:1 1 auto; min-height:240px; aspect-ratio:auto; } .ap-home-front-block--member-volumes .ap-home-volume-card--member-live .ap-home-volume-card__body{ flex:0 0 auto; } .ap-home-front-block--member-start .ap-home-volume-grid{ grid-template-columns:repeat(4, minmax(0, 1fr)); } .ap-home-feature-band, .ap-home-game-band{ grid-template-columns:minmax(0, 1.04fr) minmax(0, .96fr); } .ap-home-price-scenarios{ grid-template-columns:repeat(3, minmax(0, 1fr)); } .ap-home-inside-grid, .ap-home-proof-grid{ grid-template-columns:repeat(3, minmax(0, 1fr)); } .ap-home-proof-grid--front{ grid-template-columns:minmax(0, 1fr); } .ap-home-feature-metrics{ grid-template-columns:repeat(3, minmax(0, 1fr)); } .ap-home-front-block--start .ap-home-feature-metrics{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .ap-home-proof-card__media{ height:clamp(220px, 22vw, 320px); } .ap-home-proof-card--letter .ap-home-proof-card__media{ height:clamp(282px, 26vw, 408px); } .ap-home-proof-collage{ height:clamp(220px, 22vw, 320px); } .ap-home-front-block--story .ap-home-proof-collage{ height:clamp(220px, 18vw, 270px); } } @media (min-width: 1280px){ .ap-home-proof-strip{ grid-template-columns:repeat(4, minmax(0, 1fr)); } .ap-home-proof-grid--front{ grid-template-columns:minmax(0, 1fr); } } @media (max-width: 979.98px){ .ap-home-front-fixed-row{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .ap-home-front-fixed-item--span-2, .ap-home-front-fixed-item--full{ grid-column:span 2; } .ap-home-front-story-cards{ margin-bottom:56px; } #story-cards-row[data-ap-fixed-cards="4"], body.cards-1 #story-cards-row[data-ap-fixed-cards="4"], body.cards-2 #story-cards-row[data-ap-fixed-cards="4"], body.cards-3 #story-cards-row[data-ap-fixed-cards="4"], body.cards-4 #story-cards-row[data-ap-fixed-cards="4"]{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; } .ap-home-front-story-row{ grid-template-columns:minmax(0, 1fr); } .ap-home-front-story-row > .card-col{ grid-column:1 !important; } .ap-home-front-card-grid{ grid-template-columns:minmax(0, 1fr); } .ap-home-front-board{ grid-template-columns:minmax(0, 1fr); } .ap-home-proof-story-pair{ grid-template-columns:minmax(0, 1fr); } .ap-home-front-hero{ grid-template-columns:minmax(0, 1fr); } .ap-home-front-block--proof, .ap-home-front-block--story, .ap-home-front-block--hero, .ap-home-front-block--start, .ap-home-front-block--volumes, .ap-home-front-block--create, .ap-home-front-block--writers, .ap-home-front-block--price{ grid-column:1; } .ap-home-entrance{ grid-template-columns:minmax(0, 1fr); } .ap-home-proof-strip{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .ap-home-proof-grid--front{ grid-template-columns:minmax(0, 1fr); justify-items:stretch; } .ap-home-proof-grid--front .ap-home-proof-card--letter{ width:100%; justify-self:stretch; } .ap-home-proof-grid--front .ap-home-proof-card--mirror{ width:100%; } .ap-home-proof-grid--front .ap-home-proof-card--letter .ap-home-proof-card__media{ aspect-ratio:1407 / 1587; height:auto; padding:10px; overflow:visible; } .ap-home-proof-grid--front .ap-home-proof-card--letter img{ width:100%; height:100%; object-fit:contain; object-position:center top; } } @media (min-width: 1180px){ .ap-home-price-band:not(.ap-home-price-band--member){ grid-template-columns:minmax(0, 1fr) minmax(320px, .92fr); } } @media (max-width: 1179.98px){ .ap-home-price-band{ gap:20px; } } @media (max-width: 1199.98px){ .ap-home-hero-world-stage{ display:flex; flex-direction:column; align-items:stretch; min-height:0; } .ap-home-front-hero__copy{ position:static; order:1; width:100%; padding:clamp(28px, 4vw, 48px) clamp(20px, 6vw, 72px) clamp(24px, 3vw, 36px); box-sizing:border-box; left:0 !important; } .ap-home-hero-world-stage > img{ position:static; order:2; width:100%; max-width:100%; height:auto; max-height:none; object-fit:contain; object-position:center bottom; } .ap-home-hero-world-nav{ right:auto; left:50%; bottom:16px; transform:translateX(-50%); } } @media (max-width: 767.98px){ .ap-home-entrance__brand--truth, .ap-home-entrance__text--truth{ white-space:normal; } .ap-home-front-block{ margin-top:64px; } .ap-home-front-board{ gap:56px 20px; } .ap-home-front-hero{ width:100%; max-width:none; padding:0; } .ap-home-front-block--hero{ padding-block:0; } .ap-home-front-hero__visual{width:100%;} .ap-home-hero-world-stage[data-blank="1"] > img[hidden]{ height:auto; } .ap-home-hero-world-stage{ display:flex; flex-direction:column; align-items:stretch; min-height:0; } .ap-home-front-hero__copy{ position:static; order:1; width:100%; padding:32px 20px 24px; box-sizing:border-box; left:0 !important; } .ap-home-entrance__brand--truth{ font-size:clamp(32px, 11vw, 44px); } .ap-home-entrance__tagline{ font-size:clamp(24px, 7vw, 30px); } .ap-home-hero-world-stage > img{ position:static; order:2; width:100%; max-width:100%; height:auto; max-height:none; object-fit:contain; object-position:center bottom; } .ap-home-hero-world-nav{ right:auto; left:50%; bottom:16px; transform:translateX(-50%); } .ap-home-front-card-grid{ margin-bottom:56px; gap:12px; } .ap-home-front-fixed-row{ grid-template-columns:minmax(0, 1fr); } .ap-home-front-fixed-item--span-2, .ap-home-front-fixed-item--full{ grid-column:1; } .ap-home-front-heading-row{ align-items:flex-start; flex-direction:column; } .ap-year-landing__action-rail{ grid-template-columns:minmax(0, 1fr); } .ap-home-entrance{ padding:18px; border-radius:20px; } .ap-home-finish-card{ padding:20px 18px; border-radius:20px; } .ap-home-front-storycard .story-inner{ padding:14px 14px 16px; } .ap-home-front-storycard--lead .story-inner{ padding:16px; } .ap-home-front-storycard .home-day-content{ padding:14px 14px 16px !important; } .ap-home-front-storycard--lead .home-day-content{ padding:18px 16px 18px !important; } .ap-home-front-storycard__display-title{ font-size:clamp(1.75rem, 9vw, 2.25rem) !important; } .ap-home-front-storycard__display-copy{ font-size:.98rem !important; } .ap-home-front-storycard--person .story-media{ aspect-ratio:4 / 3; } .ap-home-front-mini-people{ grid-template-columns:minmax(0, 1fr); } .ap-home-entrance__actions{ gap:8px; } .ap-home-entrance__button{ width:100%; } .ap-home-account-form{ grid-template-columns:minmax(0, 1fr); grid-template-areas: "first" "last" "email" "passphrase" "dob" "country" "footer"; } .ap-home-account-submit{ justify-self:stretch; width:100%; } .ap-home-price-actions{ display:grid; grid-template-columns:minmax(0, 1fr); } .ap-home-price-actions .ap-home-entrance__button{ width:100%; white-space:normal; } .ap-home-entrance__proof, .ap-home-proof-strip, .ap-home-volume-grid, .ap-home-inside-grid, .ap-home-price-scenarios, .ap-home-feature-metrics, .ap-home-compare-summary, .ap-home-proof-grid{ grid-template-columns:minmax(0, 1fr); } .ap-home-proof-card--letter .ap-home-proof-card__media{ align-items:flex-start; justify-content:center; aspect-ratio:1407 / 1587; height:auto; padding:10px; overflow:visible; } .ap-home-proof-card--letter img{ width:100%; height:100%; object-fit:contain; object-position:center top; } .ap-home-proof-card--letter .ap-home-proof-card__body{ padding:10px 14px 16px; } .ap-home-proof-card--letter .ap-home-proof-card__title{ font-size:18px; } .ap-home-price-band{ padding-left:0; padding-right:0; } } .ap-home-front-door .ap-home-front-heading, .ap-home-front-door .ap-home-pay__headline{ color:var(--ap-front-ink); font-size:32px; font-weight:800; letter-spacing:0; line-height:1.12; } .ap-home-front-door .ap-home-explore-block .ap-page-footer-heading{ font-size:32px !important; font-weight:800; letter-spacing:0; line-height:1.12; } .ap-home-front-door .ap-home-proof-card__title, .ap-home-front-door .ap-home-section5-card__title, .ap-home-front-door .ap-home-compare-card__title, .ap-home-front-door .ap-home-pay-card__title, .ap-home-front-door .ap-home-volume-title, .ap-home-front-door .ap-home-price-title, .ap-home-front-door .ap-home-published-title, .ap-home-front-door .ap-home-writer-title, .ap-home-front-door .ap-home-price-scenario__title, .ap-home-front-door .ap-editorial-card__title, .ap-home-front-door .ap-month-bigstory-card__title, .ap-home-front-door .home-title{ font-size:24px; font-weight:600; letter-spacing:0; line-height:1.18; } .ap-home-front-door .ap-home-front-block--published-books .ap-home-volume-title{ font-size:19px; font-weight:700; } .ap-home-front-door .ap-home-front-block--published-books .ap-home-volume-author{ font-size:17px; font-weight:400; } .ap-home-front-door .ap-home-front-block--published-books .ap-home-volume-rating__text{ font-size:14px; } .ap-home-front-door .ap-home-front-block--published-books .ap-home-volume-price{ font-size:16px; font-weight:700; } .ap-home-front-door .ap-home-story-panel__text, .ap-home-front-door .ap-home-proof-card__text, .ap-home-front-door .ap-home-proof-card__list, .ap-home-front-door .ap-home-section5-card__text, .ap-home-front-door .ap-home-compare-card__text, .ap-home-front-door .ap-home-pay__caption, .ap-home-front-door .ap-home-pay-card__body, .ap-home-front-door .ap-home-pay__example-copy, .ap-home-front-door .ap-home-front-intro, .ap-home-front-door .ap-home-volume-copy, .ap-home-front-door .ap-home-price-copy, .ap-home-front-door .ap-home-inside-card__text, .ap-home-front-door .ap-home-published-summary, .ap-home-front-door .ap-home-published-bio, .ap-home-front-door .ap-home-writer-summary, .ap-home-front-door .ap-home-account-copy, .ap-home-front-door .ap-home-price-list, .ap-home-front-door .ap-home-price-scenario__text, .ap-home-front-door .ap-home-game-band__body p, .ap-home-front-door .ap-home-game-list, .ap-home-front-door .ap-editorial-card__teaser, .ap-home-front-door .ap-month-bigstory-card__summary{ font-size:18px; font-weight:400; } .ap-home-front-door .ap-home-pay__kicker, .ap-home-front-door .ap-home-proof-card__sub, .ap-home-front-door .ap-home-volume-label, .ap-home-front-door .ap-home-inside-card__label, .ap-home-front-door .ap-home-live-feed__count, .ap-home-front-door .ap-home-published-byline, .ap-home-front-door .ap-home-published-status, .ap-home-front-door .ap-home-published-price, .ap-home-front-door .ap-home-writer-byline, .ap-home-front-door .ap-home-writer-meta, .ap-home-front-door .ap-home-proof-card__note, .ap-home-front-door .ap-home-proof-collage__label, .ap-home-front-door .ap-editorial-card__date, .ap-home-front-door .ap-editorial-row__link, .ap-home-front-door .ap-month-bigstory-card__meta, .ap-home-front-door .ap-month-bigstories__kicker, .ap-home-front-door .ap-month-bigstories__count{ font-size:14px; } .ap-home-front-door .ap-home-front-board{ gap:40px 24px; } .ap-home-front-door .ap-home-real-content-grid .ap-home-volume-card__body{ padding:20px; } .ap-home-front-door .ap-home-front-block--published-books .ap-home-real-content-grid{ row-gap:18px; column-gap:10px; } @media (max-width:767.98px){ .ap-home-front-door .ap-home-front-board{ gap:40px 20px; } } .homepage-footer .location-text.ap-landing-promise{ display:block; width:100%; font-size:1rem; font-weight:600; line-height:1.35; letter-spacing:0; } .home-shell.ap-first-landing-promise .homepage-footer .location-text.ap-landing-promise{ font-size: clamp(2.6rem, 5vw, 5.8rem) !important; font-weight:800 !important; line-height:1.08 !important; letter-spacing:-.01em; } @media (max-width: 767.98px){ .home-shell.ap-first-landing-promise .homepage-footer .location-text.ap-landing-promise{ font-size: clamp(2.6rem, 5vw, 5.8rem) !important; line-height:1.12 !important; } } .ap-tier-demo{ display:grid; grid-template-columns:420px 1fr; gap:18px; align-items:stretch; margin:10px 0 0; } @media (max-width:760px){ .ap-tier-demo{ grid-template-columns:1fr; } } .ap-tier-post{ margin:0; } .ap-tier-post__label{ font-size:12.5px; text-transform:uppercase; letter-spacing:.08em; opacity:.6; margin:0 0 10px; } .ap-tier-post__body{ font-size:16px; line-height:1.75; margin:0; color:inherit; } .ap-tag{ border-radius:3px; padding:.02em .12em; background-color:transparent; -webkit-box-decoration-break:clone; box-decoration-break:clone; transition:background-color .5s ease, color .5s ease, opacity .2s ease, box-shadow .2s ease; } .ap-tag--t2.is-tagged{ background-color:#FFF3B0; color:#000; } .ap-tag--t3.is-tagged{ background-color:#ffb0b0; color:#000; } .ap-tag--t4.is-tagged{ background-color:#E6C2FF; color:#000; } .ap-tag--t5.is-tagged{ background-color:#111111; color:#fff; } .ap-tag--ta.is-tagged{ background-color:#c8dcff; color:#000; } .ap-tag--tb.is-tagged{ background-color:#c3ebd5; color:#000; } .ap-tier-cards{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:9px; } @media (max-width:560px){ .ap-tier-cards{ grid-template-columns:repeat(2, minmax(0, 1fr)); } } .ap-home-story-panel.ap-tier-card{ margin:0; padding:22px 24px; gap:8px; border-radius:13px; transition:opacity .2s ease; } .ap-tier-card__head{ display:flex; align-items:center; gap:10px; } .ap-tier-swatch{ width:14px; height:14px; border-radius:4px; flex:0 0 auto; } .ap-tier-swatch--t1{ background-color:transparent; border:1.5px solid currentColor; opacity:.4; } .ap-tier-swatch--t2{ background-color:#FFF3B0; } .ap-tier-swatch--t3{ background-color:#ffb0b0; } .ap-tier-swatch--t4{ background-color:#E6C2FF; } .ap-tier-swatch--t5{ background-color:#111111; } .ap-tier-swatch--ta{ background-color:#5b8def; } .ap-tier-swatch--tb{ background-color:#4caf7d; } .ap-tier-swatch--all{ display:grid; grid-template-columns:1fr 1fr; gap:2px; background:none; } .ap-tier-swatch--all i{ border-radius:2px; } .ap-tier-swatch--all i:nth-child(1){ background:#FFF3B0; } .ap-tier-swatch--all i:nth-child(2){ background:#ffb0b0; } .ap-tier-swatch--all i:nth-child(3){ background:#E6C2FF; } .ap-tier-swatch--all i:nth-child(4){ background:#111111; } .ap-tier-card .ap-home-proof-card__title{ margin:0; font-size:16px; } .ap-tier-card .ap-home-story-panel__text{ margin:0; opacity:.75; font-size:16px; } .ap-tier-post__body--hidden{ display:none; } .ap-tier-dots{ display:flex; gap:10px; justify-content:center; margin:18px 0 0; } .ap-tier-dot{ width:9px; height:9px; border-radius:50%; background:currentColor; opacity:.2; border:none; padding:0; cursor:pointer; transition:opacity .2s, transform .15s; flex:0 0 auto; } .ap-tier-dot:hover{ opacity:.45; transform:scale(1.2); } .ap-tier-dot.is-active{ opacity:.7; transform:scale(1.15); } @media (hover:hover){ .ap-tier-demo[data-hot] .ap-tier-card:not(:hover){ opacity:.45; } .ap-tier-demo[data-hot] .ap-tag.is-tagged{ opacity:.3; } .ap-tier-demo[data-hot="2"] .ap-tag--t2.is-tagged{ opacity:1; box-shadow:0 0 0 2px #d9b500; } .ap-tier-demo[data-hot="3"] .ap-tag--t3.is-tagged{ opacity:1; box-shadow:0 0 0 2px #e06969; } .ap-tier-demo[data-hot="4"] .ap-tag--t4.is-tagged{ opacity:1; box-shadow:0 0 0 2px #b67ce8; } .ap-tier-demo[data-hot="5"] .ap-tag--t5.is-tagged{ opacity:1; box-shadow:0 0 0 2px rgba(17,17,17,.35); } .ap-tier-demo[data-hot="6"] .ap-tag.is-tagged{ opacity:1; } .ap-tier-demo[data-hot="7"] .ap-tag--ta.is-tagged{ opacity:1; box-shadow:0 0 0 2px #4a7de8; } .ap-tier-demo[data-hot="8"] .ap-tag--tb.is-tagged{ opacity:1; box-shadow:0 0 0 2px #3a9e68; } } @media (prefers-reduced-motion: reduce){ .ap-tier-card{ opacity:1 !important; transform:none !important; } .ap-tag{ transition:none !important; } } .ap-card-icon{ width:42px; height:42px; padding:9px; box-sizing:border-box; border-radius:11px; background:rgba(128,128,128,.1); display:block; margin:0 0 14px; } .ap-card-icon.is-playing path{ stroke-dasharray:130; stroke-dashoffset:130; animation:ap-icon-draw .85s ease-out forwards; } .ap-card-icon.is-playing path:nth-of-type(2){ animation-delay:.16s; } .ap-card-icon.is-playing path:nth-of-type(3){ animation-delay:.32s; } .ap-brand-value-logos{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin:0 0 14px; } .ap-brand-value-logo{ display:flex; align-items:center; height:24px; } .ap-brand-value-logo img{ display:block; height:24px; width:auto; max-width:160px; object-fit:contain; opacity:.7; } .ap-card-value-line.ap-card-value-line--ladder span:first-child{ font-size:16px; font-weight:700; color:#334155; } .ap-card-value-line .ap-home-volume-price{ margin:0; padding-top:0; } .ap-card-value-line > .ap-home-volume-price{ margin-top:10px; } .ap-card-value-status{ display:inline-flex; margin-left:6px; color:#64748b; font-size:14px; font-weight:650; line-height:1.25; } @keyframes ap-icon-draw{ to{ stroke-dashoffset:0; } } @media (prefers-reduced-motion: reduce){ .ap-card-icon.is-playing path{ animation:none; stroke-dasharray:none; stroke-dashoffset:0; } }