/* Pepful editorial marketing direction. Scoped to the landing page. */
.editorial { --cr-surface-canvas:#fcfaf6; --cr-text-primary:#352630; --cr-text-secondary:#665760; --cr-action-primary:#573342; --cr-action-hover:#40222e; --cr-border-subtle:#dcd1d2; --cr-max:1320px; --cr-gutter:48px; color:#352630; }
.editorial h1,.editorial h2,.editorial .display { font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.045em; }
.editorial em { font-weight:400; color:#805762; }
.editorial .launch-note { background:#573342; color:#fff8f0; padding:9px 48px; display:flex; justify-content:space-between; font-size:13px; letter-spacing:.025em; }
.editorial .site-header { position:relative; background:#fcfaf6; backdrop-filter:none; box-shadow:none; }
.editorial .site-header .wrap { min-height:88px; }
.editorial .wordmark img { width:200px; }
.editorial .nav { gap:32px; }
.editorial .nav a:not(.cr-btn) { font-size:15px; font-weight:400; }
.editorial .cr-btn { border-radius:2px; font-weight:500; padding-inline:24px; }
.editorial section { padding:100px 0; }
.editorial .eyebrow { font-family:var(--cr-font-body); font-size:12px; font-weight:600; letter-spacing:.14em; margin-bottom:24px; }
.editorial .hero-full { display:grid; grid-template-columns:1fr 1fr; background:#eee1e0; min-height:0; padding:0; overflow:visible; }
.editorial .hero-photo { position:relative; inset:auto; grid-column:2; grid-row:1; border-radius:0; box-shadow:none; min-height:640px; }
.editorial .hero-photo img { height:100%; width:100%; object-position:64% center; transform:none; animation:none; }
.editorial .hero-inner { grid-column:1; grid-row:1; padding:66px 48px 66px max(48px,calc((100vw - 1224px)/2)); width:100%; }
.editorial .hero-copy { max-width:490px; }
.editorial .hero-copy .display { font-size:clamp(56px,5.75vw,88px); line-height:.99; margin-bottom:32px; }
.editorial .hero-copy .display em { display:block; }
.editorial .hero-copy .lead { font-size:20px; line-height:1.5; max-width:33ch; margin-bottom:32px; color:#51414b; }
.editorial .hero-actions { gap:24px; align-items:center; }
.editorial .text-link { font-size:16px; text-decoration:none; border-bottom:1px solid #876e77; padding:10px 0; color:#573342; }
.editorial .text-link span { margin-left:12px; }
.editorial .rise,.editorial .reveal { opacity:1; transform:none; animation:none; transition:none; }
.editorial .record { background:#fcfaf6; padding:72px 0; border-bottom:1px solid #dcd1d2; }
.editorial .record-grid { grid-template-columns:5fr 7fr; gap:100px; }
.editorial .record .display { font-size:44px; line-height:1.08; max-width:16ch; }
.editorial .record .eyebrow { margin-bottom:18px; }
.editorial .record .lead { font-size:19px; line-height:1.6; }
.editorial .record p.dark { color:#665760; }
.editorial .how-head { max-width:760px; display:block; margin-bottom:48px; } /* One left-aligned stack: label, heading, then the paragraph beneath it. */
.editorial .how-head .eyebrow { grid-column:1/-1; }
.editorial .how-head h2 { font-size:60px; line-height:1.03; }
.editorial .how-head .lead { margin:20px 0 0; max-width:56ch; font-size:19px; }
.editorial .preparation-grid { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:repeat(4,auto); gap:0 100px; }
.editorial .cell { border-radius:0; border:0; box-shadow:none; padding:24px 0; background:transparent; color:#352630; transition:none; }
.editorial .cell:hover { transform:none; box-shadow:none; }
.editorial .cell-phone { grid-column:1; grid-row:1/5; background:#f0e8e4; padding:40px; align-content:center; gap:22px; }
.editorial .cell-phone .phone { transform:none; box-shadow:0 10px 30px #35263012; border:1px solid #cbbcc0; max-width:330px; border-radius:24px; }
.editorial .cell-text { grid-column:2; border-top:1px solid #dcd1d2; position:relative; padding-left:44px; }
.editorial .step-number { position:absolute; top:27px; left:0; font-family:Georgia,serif; color:#805762; font-size:18px; }
.editorial .cell-text h3 { color:#352630; font-size:18px; line-height:1.4; margin:0 0 10px; letter-spacing:-.02em; }
.editorial .cell-text p { color:#665760; font-size:17px; line-height:1.5; max-width:40ch; }
.editorial .caption { color:#665760; font-size:13px; margin:0; }
.editorial .task { box-shadow:none; border:1px solid #e5dcda; }
.editorial .recover { padding-top:0; }
.editorial .recover-grid { grid-template-columns:5fr 7fr; gap:90px; }
.editorial .recover-copy .display { font-size:54px; line-height:1.05; max-width:14ch; }
.editorial .rule { background:#b89395; width:64px; height:1px; }
.editorial .stack-art,.editorial .stack-left .stack-art { padding:0; }
.editorial .stack-back { display:none; }
.editorial .stack-front { margin:0; border-radius:0; box-shadow:none; }
.editorial .stack-front img { aspect-ratio:5/4; }
.editorial .recover-copy p:not(.eyebrow) { color:#665760; font-size:18px; line-height:1.5; }
.editorial .supporters { background:#eee1e0; }
.editorial .supporters-grid { grid-template-columns:1fr 1fr; gap:100px; }
.editorial .supporters .stack-front img { aspect-ratio:4/5; object-position:42% center; }
.editorial .supporters h2 { font-size:64px; line-height:1.03; }
.editorial .supporters p { font-size:18px; line-height:1.55; }
.editorial .supporters .eyebrow { font-size:12px; }
.editorial .commit { background:none; color:#352630; border-radius:0; border-top:1px solid #bea6ad; margin-top:28px; padding:24px 0 0; }
.editorial .commit h3 { color:#573342; font-size:17px; margin-bottom:10px; }
.editorial .commit p { font-size:16px; line-height:1.5; color:#665760; margin:0; }
.editorial .updates { background:#fcfaf6; }
.editorial .updates-grid { grid-template-columns:1fr 1fr; gap:100px; align-items:start; }
.editorial .updates .display { font-size:62px; line-height:1.05; max-width:12ch; }
.editorial .updates-form { padding:0; border-radius:0; background:transparent; box-shadow:none; }
.editorial .field input:not([type=radio]):not([type=checkbox]) { border-radius:2px; background:transparent; }
.editorial .choices { display:flex; flex-wrap:wrap; column-gap:22px; }
.editorial .choices legend { margin-bottom:10px; }
.editorial .choice { font-size:15px; gap:8px; }
.editorial .site-footer { background:#eee8e4; }
.editorial .site-footer a { font-weight:400; }
@media(min-width:1500px) { .editorial .hero-photo { min-height:700px; } }
@media(max-width:1050px) {
 .editorial { --cr-gutter:32px; }
 .editorial .hero-inner { padding:48px 32px; }.editorial .hero-photo { min-height:590px; }
 .editorial .hero-copy .display { font-size:64px; }
 .editorial .record-grid,.editorial .preparation-grid,.editorial .recover-grid,.editorial .supporters-grid,.editorial .updates-grid,.editorial .how-head { gap:40px; }
 .editorial .cell-phone { padding:28px 20px; }
}
@media(max-width:767px) {
 .editorial { --cr-gutter:24px; }
 .editorial .launch-note { justify-content:center; padding:7px 16px; font-size:12px; }.editorial .launch-note > span { display:none; }
 .editorial .site-header .wrap { min-height:74px; gap:12px; }.editorial .wordmark img { width:156px; }.editorial .nav { gap:0; }.editorial .nav .nav-secondary { display:none; }.editorial .nav .cr-btn { font-size:14px; min-height:44px; padding:10px 14px; }
 .editorial section { padding:64px 0; }
 .editorial .hero-full { display:flex; flex-direction:column; padding:0; }.editorial .hero-inner { order:-1; padding:46px 24px 40px; }
 .editorial .hero-copy { max-width:520px; }.editorial .hero-copy .display { font-size:58px; line-height:1.02; margin-bottom:24px; }.editorial .hero-copy .lead { font-size:18px; margin-bottom:24px; max-width:36ch; }
 .editorial .hero-actions { gap:20px; }.editorial .hero-actions .cr-btn { padding:12px 18px; min-height:48px; }.editorial .text-link { font-size:15px; }.editorial .text-link span { margin-left:5px; }
 .editorial .hero-photo { min-height:0; height:390px; margin:0 24px 24px; }.editorial .hero-photo img { height:100%; aspect-ratio:auto; max-height:none; object-position:center 36%; }
 .editorial .record { padding:48px 0; }.editorial .record-grid,.editorial .how-head,.editorial .recover-grid,.editorial .supporters-grid,.editorial .updates-grid { grid-template-columns:1fr; gap:28px; }
 .editorial .record .display { font-size:38px; max-width:18ch; }.editorial .record .lead { font-size:18px; }.editorial .record p:last-child { margin-bottom:0; }
 .editorial .how-head { gap:0; margin-bottom:32px; }.editorial .how-head h2 { font-size:46px; }.editorial .how-head .lead { margin-top:20px; font-size:18px; }
 .editorial .preparation-grid { grid-template-columns:1fr; gap:0; }.editorial .cell-phone { grid-column:1; grid-row:auto; margin-bottom:24px; padding:32px 20px; }.editorial .cell-text { grid-column:1; padding-top:24px; padding-bottom:24px; }
 .editorial .recover { padding-top:8px; }.editorial .recover-copy .display { font-size:44px; max-width:16ch; }.editorial .recover-grid { gap:28px; }
 .editorial .supporters-grid .stack-left { order:2; }.editorial .supporters h2 { font-size:48px; }.editorial .supporters .stack-front img { aspect-ratio:1/1; }
 .editorial .updates .display { font-size:48px; }.editorial .updates .eyebrow { margin-bottom:20px; }.editorial .updates-grid { gap:32px; }
 .editorial .site-footer { padding:32px 0; }
}
@media(max-width:360px) { .editorial .hero-copy .display { font-size:51px; }.editorial .hero-actions { gap:12px; }.editorial .site-header .wrap { padding-inline:16px; } }

@media(max-width:360px) { .editorial .wordmark img { width:128px; } }

/* Product proof and connected preparation. */
.editorial .hero-copy .display { font-size:clamp(48px,5.2vw,78px); line-height:1.03; }
.editorial .hero-copy .lead { max-width:36ch; }
.editorial .product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:56px 36px; }
.editorial .product-card { min-width:0; }
.editorial .product-image { background:#f0e8e4; padding:24px; margin-bottom:28px; border:1px solid #e5dad6; }
.editorial .product-image img { width:100%; max-width:390px; height:auto; margin:auto; border:1px solid #ded3ce; border-radius:12px; box-shadow:0 8px 24px #3526300e; }
.editorial .product-card .eyebrow { margin:0 0 10px; font-size:11px; }
.editorial .product-card h3 { margin:0 0 12px; font-size:19px; line-height:1.4; }
.editorial .product-card p:not(.eyebrow) { font-size:17px; line-height:1.55; color:#665760; }
.editorial .proof-footer { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:24px; flex-wrap:wrap; }
.editorial .connected { background:#eee8e4; }
.editorial .connected-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; }
.editorial .connected h2,.editorial .launch-faq h2 { font-size:56px; line-height:1.08; margin-bottom:24px; }
.editorial .connected .lead { margin-bottom:20px; }
.editorial .connected p { color:#665760; }
.editorial .story-steps { margin:0; padding:0; list-style:none; }
.editorial .story-steps li { display:flex; gap:22px; padding:22px 0; border-top:1px solid #cbbbc0; }
.editorial .story-steps li:first-child { padding-top:0; border-top:0; }
.editorial .story-number { color:#805762; font:24px/1.4 Georgia,serif; }
.editorial .story-steps h3 { font-size:18px; margin-bottom:8px; }
.editorial .story-steps p { margin:0; font-size:17px; line-height:1.5; }
.editorial .season-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.editorial .season-grid article { border-top:1px solid #cbbbc0; padding-top:24px; }
.editorial .season-grid h3 { font-size:18px; margin-bottom:12px; }
.editorial .season-grid p { color:#665760; font-size:17px; line-height:1.5; }
.editorial .faq-layout { display:grid; grid-template-columns:1fr 1fr; gap:100px; }
.editorial .faq-list details { padding:20px 0; border-top:1px solid #dcd1d2; }
.editorial .faq-list details:last-child { border-bottom:1px solid #dcd1d2; }
.editorial summary { cursor:pointer; font-size:18px; font-weight:600; line-height:1.5; }
.editorial details p { margin:14px 0 0; color:#665760; font-size:17px; }
.editorial .launch-faq { padding-bottom:0; }
.editorial .choices { row-gap:10px; }
.editorial .optional { font-weight:400; color:#665760; }
.editorial .updates .display { max-width:14ch; }
.cr-btn:disabled { cursor:wait; opacity:.75; }
.doc .faq h2 { font-size:20px; line-height:1.4; margin-bottom:12px; }
@media(max-width:1050px) {
 .editorial .product-grid { gap:22px; }
 .editorial .product-image { padding:16px; }
 .editorial .connected-grid,.editorial .faq-layout { gap:40px; }
 .editorial .season-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:767px) {
 .editorial .hero-copy .display { font-size:54px; }
 .editorial .product-grid { grid-template-columns:1fr; gap:40px; }
 .editorial .product-image { max-width:360px; margin:0 auto 24px; padding:20px; }
 .editorial .product-card h3 { font-size:20px; }
 .editorial .connected-grid,.editorial .faq-layout { grid-template-columns:1fr; gap:32px; }
 .editorial .connected h2,.editorial .launch-faq h2 { font-size:44px; }
 .editorial .season-grid { gap:22px; }
 .editorial .supporters .stack-front { order:2; }
 .editorial .launch-faq { padding-bottom:0; }
 .editorial .proof-footer { align-items:flex-start; gap:12px; }
 .editorial .hero-actions .text-link { font-size:14px; }
 .site-header .nav .cr-btn { padding-inline:12px; font-size:14px; }
}
@media(max-width:380px) {
 .editorial .hero-copy .display { font-size:47px; }
 .editorial .season-grid { grid-template-columns:1fr; }
 .editorial .site-header .wordmark img { width:120px; }
 .site-header .wordmark img { width:120px; }
 .site-header .wrap { gap:8px; }
}
.editorial .product-image img { aspect-ratio:390/844; object-fit:contain; }

/* September 23 · consumer review: situations, parent commitments, follow-up questions, phone CTA. */
.editorial .hero-note { margin:22px 0 0; font-size:14px; color:#665760; letter-spacing:.01em; }
.editorial .situations { padding-bottom:40px; }
.editorial .situations h2 { font-size:60px; line-height:1.03; }
.editorial .situation-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; }
.editorial .situation img { width:100%; aspect-ratio:4/3; object-fit:cover; display:block; margin-bottom:22px; }
.editorial .situation .eyebrow { margin:0 0 10px; font-size:11px; }
.editorial .situation h3 { font-size:19px; line-height:1.35; margin:0 0 10px; }
.editorial .situation p:not(.eyebrow) { color:#665760; font-size:17px; line-height:1.5; margin:0; }
.editorial .situation a { color:#573342; }
.editorial .season-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.editorial .commit-list { list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.editorial .commit-list li { display:block; font-size:16px; line-height:1.5; color:#665760; padding-left:22px; position:relative; }
.editorial .commit-list li::before { content:""; position:absolute; left:0; top:.62em; width:8px; height:8px; border-radius:50%; background:#805762; }
.editorial .commit-list strong { color:#352630; font-weight:600; }
.editorial .signup-col { display:grid; gap:24px; align-content:start; }
.editorial .followup { border-top:1px solid #dcd1d2; padding-top:24px; }
.editorial .followup-intro { font-size:16px; line-height:1.5; color:#665760; margin:0 0 18px; }
.editorial .followup-intro strong { color:#352630; }
.editorial .followup .choices { margin-bottom:18px; }
.editorial .choices.stacked { display:grid; grid-template-columns:1fr 1fr; gap:10px 20px; }
.editorial .followup-actions { display:flex; gap:20px; align-items:center; flex-wrap:wrap; }
.editorial .as-button { background:none; border:0; border-bottom:1px solid #876e77; cursor:pointer; font:inherit; }
.editorial .mobile-cta { display:none; }
@media(max-width:1050px) {
 .editorial .situation-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 24px; }
 .editorial .season-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:767px) {
 .editorial .situations h2 { font-size:46px; }
 .editorial .situation-grid { grid-template-columns:1fr; gap:36px; }
 .editorial .choices.stacked { grid-template-columns:1fr; }
 .editorial .hero-note { font-size:13px; }
 .editorial .mobile-cta:not([hidden]) { display:flex; position:fixed; left:16px; right:16px; bottom:calc(12px + env(safe-area-inset-bottom)); z-index:50; justify-content:center; min-height:52px; box-shadow:0 8px 24px #35263033; }
 .editorial .site-footer { padding-bottom:96px; }
}
@media(max-width:380px) { .editorial .season-grid { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:no-preference) { .editorial .mobile-cta { transition:opacity .2s; } }
.editorial .faq-group + .faq-group { margin-top:40px; }
.editorial .faq-group-title { font-family:var(--cr-font-body); font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#805762; margin:0 0 4px; }

/* October 6 · competitive and acquisition pass: coaches & directors, balanced FAQ, exclusive accordion. */
.editorial .partners { background:#fcfaf6; border-top:1px solid #dcd1d2; }
.editorial .partners-grid { display:grid; grid-template-columns:5fr 7fr; gap:100px; align-items:start; }
.editorial .partners h2 { font-size:56px; line-height:1.08; margin-bottom:24px; }
.editorial .partners .lead { font-size:19px; line-height:1.55; margin-bottom:18px; }
.editorial .partners-intro p:not(.eyebrow):not(.lead) { color:#665760; font-size:17px; line-height:1.55; }
.editorial .partners-actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:28px; }
.editorial .partner-points { list-style:none; margin:0; padding:0; }
.editorial .partner-points li { padding:24px 0; border-top:1px solid #cbbbc0; }
.editorial .partner-points li:first-child { padding-top:0; border-top:0; }
.editorial .partner-points h3 { font-size:18px; margin:0 0 8px; }
.editorial .partner-points p { margin:0; color:#665760; font-size:17px; line-height:1.55; }
.editorial .supporters .text-link { display:inline-block; margin-top:24px; }

.editorial .faq-layout { grid-template-columns:5fr 7fr; gap:100px; align-items:start; }
.editorial .faq-intro { position:sticky; top:32px; }
.editorial .faq-lead { color:#665760; font-size:18px; line-height:1.55; margin:0 0 28px; max-width:34ch; }
.editorial .faq-nav { display:grid; border-top:1px solid #dcd1d2; margin-bottom:28px; max-width:380px; }
.editorial .faq-nav a { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:13px 0; border-bottom:1px solid #dcd1d2; color:#573342; text-decoration:none; font-size:16px; font-weight:500; }
.editorial .faq-nav a:hover { color:#352630; }
.editorial .faq-count { font-size:13px; color:#805762; min-width:28px; text-align:right; font-variant-numeric:tabular-nums; }
.editorial .faq-note { background:#f3ebe8; border-left:2px solid #805762; padding:14px 18px; font-size:15px; line-height:1.55; color:#51414b; margin:0 0 18px; max-width:380px; }
.editorial .faq-help { font-size:15px; color:#665760; margin:0; }
.editorial .faq-help a { color:#573342; }
.editorial .faq-group-title { scroll-margin-top:24px; }
.editorial .faq-list summary { list-style:none; position:relative; padding-right:44px; }
.editorial .faq-list summary::-webkit-details-marker { display:none; }
.editorial .faq-list summary::before,.editorial .faq-list summary::after { content:""; position:absolute; right:6px; top:.75em; width:14px; height:1.5px; background:#805762; border-radius:1px; }
.editorial .faq-list summary::after { transform:rotate(90deg); }
.editorial .faq-list details[open] > summary::after { transform:rotate(0deg); }
.editorial .faq-list summary:hover { color:#573342; }
.editorial .faq-list details[open] > summary { color:#573342; }
.editorial .faq-answer p { max-width:62ch; }
@media (prefers-reduced-motion:no-preference) {
 .editorial .faq-list summary::after { transition:transform .2s ease; }
 .editorial .faq-list details[open] > .faq-answer { animation:faq-in .22s ease-out; }
}
@keyframes faq-in { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:none; } }
@media(max-width:1180px) { .editorial .nav { gap:22px; } .editorial .nav a[href="#faq"] { display:none; } }
@media(max-width:960px) { .editorial .nav a[href="#partners"] { display:none; } }
@media(max-width:1050px) {
 .editorial .partners-grid,.editorial .faq-layout { gap:48px; }
 .editorial .partners h2 { font-size:48px; }
}
@media(max-width:767px) {
 .editorial .partners-grid,.editorial .faq-layout { grid-template-columns:1fr; gap:32px; }
 .editorial .partners h2 { font-size:44px; }
 .editorial .faq-intro { position:static; }
 .editorial .faq-nav,.editorial .faq-note { max-width:none; }
 .editorial .faq-lead { font-size:17px; }
 .editorial .faq-list summary { font-size:17px; }
}

/* Product showcase: one phone, four areas (replaces four stacked screenshots). */
.showcase { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,360px); gap:48px; align-items:center; margin-top:40px; }
.showcase-tabs { display:grid; gap:4px; }
.showcase-tab { display:grid; gap:4px; text-align:left; padding:18px 20px; border:0; border-left:3px solid transparent; background:transparent; border-radius:0 12px 12px 0; font:inherit; color:inherit; cursor:pointer; }
.showcase-tab .eyebrow { margin:0; font-size:11px; }
.showcase-tab-title { font-size:19px; line-height:1.35; font-weight:600; color:#3d2d33; }
.showcase-tab-desc { font-size:16px; line-height:1.55; color:#665760; display:none; }
.showcase-tab[aria-selected="true"] { border-left-color:#76565A; background:#f0e8e4; }
.showcase-tab[aria-selected="true"] .showcase-tab-desc { display:block; }
.showcase-tab:hover .showcase-tab-title { text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; }
.showcase-tab:focus-visible { outline:2px solid #76565A; outline-offset:2px; }
.showcase-phone { background:#f0e8e4; border:1px solid #e5dad6; padding:24px; border-radius:4px; }
.showcase-panel img { display:block; width:100%; max-width:330px; height:auto; margin:auto; border:1px solid #ded3ce; border-radius:22px; box-shadow:0 8px 24px #3526300e; }
.showcase-panel-desc { display:none; }
@media (prefers-reduced-motion:no-preference){ .showcase-panel:not([hidden]) img { animation:showcase-in .25s ease-out; } @keyframes showcase-in { from { opacity:.4; transform:translateY(4px); } to { opacity:1; transform:none; } } }
@media (max-width:820px){
  .showcase { grid-template-columns:1fr; gap:16px; margin-top:24px; }
  .showcase-tabs { display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; margin:0 -20px; padding:2px 20px; }
  .showcase-tabs::-webkit-scrollbar { display:none; }
  .showcase-tab { flex:none; padding:10px 16px; border:1px solid #e5dad6; border-left-width:1px; border-radius:999px; background:#fff; }
  .showcase-tab .eyebrow, .showcase-tab-desc, .showcase-tab[aria-selected="true"] .showcase-tab-desc { display:none; }
  .showcase-tab-title { font-size:15px; white-space:nowrap; }
  .showcase-tab[aria-selected="true"] { background:#76565A; border-color:#76565A; }
  .showcase-tab[aria-selected="true"] .showcase-tab-title { color:#fff; }
  .showcase-phone { padding:16px; }
  .showcase-panel img { max-width:280px; max-height:480px; object-fit:cover; object-position:top; border-radius:18px; -webkit-mask-image:linear-gradient(#000 85%,transparent); mask-image:linear-gradient(#000 85%,transparent); }
  .showcase-panel-desc { display:block; font-size:16px; line-height:1.55; color:#665760; margin:12px 0 0; }
}
.showcase-tab-name { display:none; }
.showcase { grid-template-columns:minmax(0,520px) minmax(260px,360px); justify-content:space-between; }
@media (max-width:820px){ .showcase { grid-template-columns:1fr; } .showcase-tab-title { display:none; } .showcase-tab-name { display:block; font-size:15px; font-weight:600; white-space:nowrap; color:#3d2d33; } .showcase-tab[aria-selected="true"] .showcase-tab-name { color:#fff; } }
@media (max-width:820px){ .showcase-tab { padding:8px 12px; } .showcase-tab-name { font-size:14px; } .showcase-tabs { gap:6px; } }