/* Social Apples native homepage — Red Vineyard 1.1.0 */ body.red-vineyard-socialapples-home #inner-wrap{ width:100%; max-width:none; margin:0; padding:0; } body.red-vineyard-socialapples-home #inner-wrap > .content-container, body.red-vineyard-socialapples-home #inner-wrap > .site-container{ width:100%; max-width:none; margin:0; padding:0; } #rv-sa-home{ --rv-red:#c62434; --rv-red-dark:#a01d2a; --rv-red-text:var(--rv-red); --rv-warning:#b45309; --rv-success:#15803d; --rv-info:#1d4ed8; --rv-black:#09090a; --rv-black2:#141416; --rv-ink:#161618; --rv-muted:#696970; --rv-bg:#f5f5f6; --rv-white:#fff; --rv-line:#e4e4e7; --rv-max:1180px; color:var(--rv-ink); background:#fff; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow:clip; } #rv-sa-home *,#rv-sa-home *::before,#rv-sa-home *::after{box-sizing:border-box} #rv-sa-home a{color:inherit;text-decoration:none} #rv-sa-home img{display:block;max-width:100%;height:auto} #rv-sa-home .rv-wrap{width:min(var(--rv-max),92%);margin-inline:auto} #rv-sa-home .rv-kicker{display:block;margin:0 0 10px;color:var(--rv-red-text);font-size:11px;letter-spacing:1.8px;line-height:1.3;font-weight:900;text-transform:uppercase} #rv-sa-home h1,#rv-sa-home h2,#rv-sa-home h3{font-family:inherit;text-wrap:balance} #rv-sa-home h1{margin:0 0 18px;color:#fff;font-size:clamp(40px,5vw,68px);line-height:1.03;letter-spacing:-.034em;font-weight:900} #rv-sa-home h2{margin:0 0 13px;font-size:clamp(29px,3.3vw,44px);line-height:1.09;letter-spacing:-1.3px;font-weight:900} #rv-sa-home h3{margin:0 0 8px;font-size:20px;line-height:1.25;font-weight:850} #rv-sa-home .rv-section{padding:78px 0} #rv-sa-home .rv-alt{background:var(--rv-bg)} #rv-sa-home .rv-section{content-visibility:auto;contain-intrinsic-size:1px 760px} #rv-sa-home .rv-hero{content-visibility:visible} /* Hero */ #rv-sa-home .rv-hero{position:relative;overflow:hidden;padding:86px 0 78px;color:#fff;background:radial-gradient(900px 520px at 82% -10%,rgba(198,36,52,.28),transparent 60%),radial-gradient(700px 420px at 8% 110%,rgba(198,36,52,.10),transparent 62%),var(--rv-black);border-bottom:4px solid transparent;border-image:linear-gradient(90deg,var(--rv-red),var(--rv-red-dark)) 1} #rv-sa-home .rv-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(70% 60% at 70% 20%,#000,transparent 75%);mask-image:radial-gradient(70% 60% at 70% 20%,#000,transparent 75%)} #rv-sa-home .rv-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:52px;align-items:center} #rv-sa-home .rv-hero-copy{max-width:560px;margin:0;color:#b9b9c2;font-size:17px;line-height:1.6}#rv-sa-home h1 .rv-mark{position:relative;display:inline-block;color:#fff}#rv-sa-home h1 .rv-mark::after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:.1em;border-radius:99px;background:linear-gradient(90deg,var(--rv-red),#ff6269)}#rv-sa-home .rv-hero-search{display:flex;align-items:center;gap:11px;max-width:530px;margin:28px 0 0;padding:6px 6px 6px 17px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:999px;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}#rv-sa-home .rv-hero-search:focus-within{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);box-shadow:0 0 0 4px rgba(198,36,52,.22)}#rv-sa-home .rv-hero-search>svg{flex:0 0 auto;width:18px;height:18px;color:#9a9aa5}#rv-sa-home .rv-hero-search:focus-within>svg{color:#ff8f94}#rv-sa-home .rv-hero-search>input[type=search]{-webkit-appearance:none;appearance:none;flex:1 1 auto;min-width:0;height:42px;margin:0;padding:0;border:0;border-radius:0;background:0 0;color:#fff;font-size:15px;font-weight:500;outline:0;box-shadow:none}#rv-sa-home .rv-hero-search>input[type=search]::placeholder{color:#86868f}#rv-sa-home .rv-hero-search>input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}#rv-sa-home .rv-hero-search>button{flex:0 0 auto;height:42px;min-height:0;margin:0;padding:0 22px;border:0;border-radius:999px;background:var(--rv-red);color:#fff;font-size:14px;font-weight:800;line-height:1;cursor:pointer;box-shadow:none;transition:background .18s ease}#rv-sa-home .rv-hero-search>button:hover{background:var(--rv-red-dark);box-shadow:none}#rv-sa-home .rv-hero-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}#rv-sa-home .rv-chips-label{margin-right:3px;color:#7b7b86;font-size:10.5px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase}#rv-sa-home .rv-hero-chips a{display:inline-flex;align-items:center;padding:7px 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.05);color:#d2d2db;font-size:12.5px;font-weight:650;transition:background .18s ease,border-color .18s ease,color .18s ease}#rv-sa-home .rv-hero-chips a:hover{background:var(--rv-red);border-color:var(--rv-red);color:#fff} #rv-sa-home .rv-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px} #rv-sa-home .rv-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:13px 20px;border-radius:9px;font-size:14px;font-weight:800;transition:background-color .18s ease,color .18s ease,border-color .18s ease} #rv-sa-home .rv-btn-red{background:var(--rv-red);color:#fff} #rv-sa-home .rv-btn-red:hover{background:var(--rv-red-dark)} #rv-sa-home .rv-btn-white{background:#fff;color:#111} #rv-sa-home .rv-btn-white:hover{background:#ececee} #rv-sa-home .rv-btn-outline{color:#fff;border:1px solid #4a4a50;background:transparent} #rv-sa-home .rv-btn-outline:hover{background:#fff;color:#111;border-color:#fff} /* Featured */ #rv-sa-home .rv-featured{position:relative;overflow:hidden;background:#121214;color:#fff;border-radius:18px;border:1px solid rgba(255,255,255,.1);box-shadow:0 34px 80px rgba(0,0,0,.5)}#rv-sa-home .rv-featured::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(9,9,10,0) 30%,rgba(9,9,10,.55) 60%,rgba(9,9,10,.95) 100%)} #rv-sa-home .rv-featured-media{display:block;overflow:hidden;background:#222;aspect-ratio:4/3.1} #rv-sa-home .rv-featured-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease} #rv-sa-home .rv-featured:hover img{transform:scale(1.025)} #rv-sa-home .rv-featured-body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:24px} #rv-sa-home .rv-featured-tag{display:inline-block;padding:5px 11px;border-radius:999px;background:var(--rv-red);color:#fff;font-size:10px;letter-spacing:.9px;font-weight:900;text-transform:uppercase} #rv-sa-home .rv-featured h2{margin:12px 0 0;color:#fff;font-size:23px;line-height:1.26;letter-spacing:-.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#rv-sa-home .rv-featured h2 a{color:#fff} #rv-sa-home .rv-featured p{display:none} #rv-sa-home .rv-read{display:inline-flex;align-items:center;margin-top:13px;color:#fff;font-size:13px;font-weight:800}#rv-sa-home .rv-featured:hover .rv-read{color:#ff8f94} /* Section headings */ #rv-sa-home .rv-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:31px} #rv-sa-home .rv-head p{max-width:660px;margin:6px 0 0;color:var(--rv-muted);font-size:15px} #rv-sa-home .rv-viewall{color:var(--rv-red);font-size:13px;font-weight:900;white-space:nowrap} /* Post cards */ #rv-sa-home .rv-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px} #rv-sa-home .rv-post{position:relative;overflow:hidden;background:#fff;border:1px solid var(--rv-line);border-radius:8px;transition:transform .2s ease,box-shadow .2s ease} #rv-sa-home .rv-post:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(0,0,0,.08)} #rv-sa-home .rv-post-media{display:block;overflow:hidden;background:#1a1a1c;aspect-ratio:16/9} #rv-sa-home .rv-post-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease} #rv-sa-home .rv-post:hover img{transform:scale(1.025)} #rv-sa-home .rv-post-body{padding:20px} #rv-sa-home .rv-meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:8px;color:var(--rv-red-text);font-size:10px;letter-spacing:.8px;font-weight:900;text-transform:uppercase} #rv-sa-home .rv-meta span:not(:first-child){color:var(--rv-muted);font-weight:800} #rv-sa-home .rv-post h3{font-size:20px;letter-spacing:-.4px} #rv-sa-home .rv-excerpt{margin:0 0 13px;color:var(--rv-muted);font-size:13px} #rv-sa-home .rv-post-link{display:inline-block;font-size:12px;font-weight:900;color:var(--rv-red-text)} #rv-sa-home .rv-post h3 a::after{content:"";position:absolute;inset:0;z-index:1} #rv-sa-home .rv-post h3 a:focus-visible{outline:none} #rv-sa-home .rv-post:has(h3 a:focus-visible){outline:3px solid var(--rv-red);outline-offset:2px} #rv-sa-home .rv-post:hover .rv-post-link{color:var(--rv-red)} #rv-sa-home .rv-empty{grid-column:1/-1;padding:30px;text-align:center;color:#777;background:#fff;border:1px dashed #cfcfd3;border-radius:6px} /* Topics */ #rv-sa-home .rv-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} /* per-tile accent, drawn from the site-wide semantic tokens */ #rv-sa-home .rv-cat-red{--cat:var(--sa-red,#c62434)} #rv-sa-home .rv-cat-info{--cat:var(--sa-info,#1d4ed8)} #rv-sa-home .rv-cat-success{--cat:var(--sa-success,#15803d)} #rv-sa-home .rv-cat-warning{--cat:var(--sa-warning,#b45309)} #rv-sa-home .rv-cat-ink{--cat:var(--sa-ink,#161618)} #rv-sa-home .rv-topic{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding:20px;background:#fff;border:1px solid var(--rv-line);border-radius:12px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} #rv-sa-home .rv-topic:hover{transform:translateY(-3px);border-color:var(--cat);box-shadow:0 12px 30px rgba(0,0,0,.08)} #rv-sa-home .rv-topic:focus-visible{outline:3px solid var(--cat);outline-offset:3px} #rv-sa-home .rv-topic-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#f3f3f5;background:color-mix(in srgb,var(--cat) 11%,#fff);color:var(--cat);line-height:1;transition:background .18s ease,color .18s ease} #rv-sa-home .rv-topic:hover .rv-topic-icon{background:var(--cat);color:#fff} #rv-sa-home .rv-topic-icon .rv-icon{width:22px;height:22px;display:block} #rv-sa-home .rv-topic strong{font-size:16px;line-height:1.25;letter-spacing:-.2px;color:var(--rv-ink)} #rv-sa-home .rv-topic span:last-child{display:flex;align-items:center;gap:6px;margin-top:auto;color:var(--rv-muted);font-size:12.5px;font-weight:600;letter-spacing:0} #rv-sa-home .rv-topic span:last-child::after{content:"\2192";color:var(--cat);font-weight:800;transition:transform .18s ease} #rv-sa-home .rv-topic:hover span:last-child{color:var(--rv-ink)} #rv-sa-home .rv-topic:hover span:last-child::after{transform:translateX(3px)} /* Editor */ #rv-sa-home .rv-editor-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px} #rv-sa-home .rv-editor-main{min-height:370px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;background:#111;color:#fff;border-radius:8px} #rv-sa-home .rv-editor-media{display:block;min-height:100%} #rv-sa-home .rv-editor-main img{width:100%;height:100%;object-fit:cover;background:#252529} #rv-sa-home .rv-editor-copy{display:flex;flex-direction:column;justify-content:center;padding:33px} #rv-sa-home .rv-editor-copy .rv-kicker{color:#ff6269} #rv-sa-home .rv-editor-copy h2{color:#fff;font-size:31px;line-height:1.1} #rv-sa-home .rv-editor-copy p{color:#b6b6bc;font-size:14px} #rv-sa-home .rv-trending{display:grid;gap:10px} #rv-sa-home .rv-trending-item{display:grid;grid-template-columns:43px minmax(0,1fr);gap:14px;padding:17px;background:#fff;border:1px solid var(--rv-line);border-radius:6px;transition:transform .18s ease,border-color .18s ease} #rv-sa-home .rv-trending-item:hover{transform:translateX(3px);border-color:#d2d2d6} #rv-sa-home .rv-num{color:#d3d3d6;font-size:28px;line-height:1;font-weight:900} #rv-sa-home .rv-trending-item:hover .rv-num{color:var(--rv-red)} #rv-sa-home .rv-trending-item strong{display:block;font-size:15px;line-height:1.3} #rv-sa-home .rv-trending-item span{display:block;margin-top:5px;color:var(--rv-muted);font-size:11px} /* Founder */ #rv-sa-home .rv-founder{background:#fff;padding:46px 0} #rv-sa-home .rv-founder-grid{display:grid;grid-template-columns:92px minmax(0,1fr);gap:22px;align-items:start;padding:26px 28px;background:var(--rv-bg);border:1px solid var(--rv-line);border-radius:14px} #rv-sa-home .rv-founder-photo{position:relative;width:92px} #rv-sa-home .rv-founder-photo::before{display:none} #rv-sa-home .rv-founder-photo img{position:relative;z-index:2;width:92px;height:92px;object-fit:cover;object-position:center top;border-radius:50%;border:1px solid var(--rv-line)} #rv-sa-home .rv-founder .rv-kicker{margin-bottom:7px;color:var(--rv-red)} #rv-sa-home .rv-founder h2{margin:0 0 6px;color:var(--rv-ink);font-size:21px;letter-spacing:-.5px;line-height:1.2} #rv-sa-home .rv-founder-bio{max-width:620px;margin:10px 0 0;color:var(--rv-muted);font-size:14.5px;line-height:1.6} #rv-sa-home .rv-founder-name{display:inline;font-size:14.5px;font-weight:800;color:var(--rv-ink)} #rv-sa-home .rv-founder-role{display:inline;color:var(--rv-muted);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}#rv-sa-home .rv-founder-role::before{content:"\00b7";margin:0 7px;color:#c2c2cb}#rv-sa-home .rv-founder .rv-actions{gap:8px;margin-top:16px}#rv-sa-home .rv-founder .rv-btn{min-height:38px;padding:9px 15px;font-size:13px;border-radius:8px;font-weight:700}#rv-sa-home .rv-founder .rv-btn-red{background:transparent;color:var(--rv-red);border:1px solid var(--rv-line)}#rv-sa-home .rv-founder .rv-btn-red:hover{background:var(--rv-red);color:#fff;border-color:var(--rv-red)}#rv-sa-home .rv-founder .rv-btn-outline{background:transparent;color:var(--rv-ink);border:1px solid var(--rv-line)}#rv-sa-home .rv-founder .rv-btn-outline:hover{background:#fff;color:var(--rv-red);border-color:var(--rv-red)} /* Search */ /* Accessibility */ #rv-sa-home a:focus-visible,#rv-sa-home button:focus-visible,#rv-sa-home input:focus-visible{outline:3px solid rgba(198,36,52,.42);outline-offset:3px} /* Elementor shortcode fallback: break out of boxed content only for this homepage block. */ body.elementor-page #rv-sa-home{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)} @media(max-width:1020px){ #rv-sa-home .rv-hero{padding:68px 0 64px} #rv-sa-home .rv-hero-grid,#rv-sa-home .rv-editor-grid{grid-template-columns:1fr} #rv-sa-home .rv-hero-grid{gap:34px} #rv-sa-home .rv-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #rv-sa-home .rv-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #rv-sa-home .rv-founder-grid{grid-template-columns:92px minmax(0,1fr);gap:20px} #rv-sa-home .rv-editor-main{min-height:340px} } @media(max-width:760px){ #rv-sa-home .rv-section{padding:62px 0} #rv-sa-home .rv-head{align-items:flex-start;flex-direction:column;margin-bottom:24px} #rv-sa-home .rv-viewall{white-space:normal} } @media(max-width:680px){ #rv-sa-home .rv-wrap{width:94%} #rv-sa-home .rv-hero{padding:54px 0 52px} #rv-sa-home h1{font-size:clamp(32px,9vw,46px);letter-spacing:-.03em} #rv-sa-home h2{font-size:clamp(28px,9vw,38px)} #rv-sa-home .rv-hero-copy{font-size:16px} #rv-sa-home .rv-hero-search{max-width:none;margin-top:24px;padding-left:15px} #rv-sa-home .rv-hero-search>button{padding:0 17px;font-size:13px} #rv-sa-home .rv-hero-search>input[type=search]{font-size:16px} #rv-sa-home .rv-featured-media{aspect-ratio:16/11} #rv-sa-home .rv-featured-body{padding:18px} #rv-sa-home .rv-featured h2{font-size:20px;-webkit-line-clamp:2} #rv-sa-home .rv-featured .rv-read{margin-top:10px} #rv-sa-home .rv-post-grid{grid-template-columns:1fr} #rv-sa-home .rv-editor-main{grid-template-columns:1fr;min-height:0} #rv-sa-home .rv-editor-media{aspect-ratio:16/9;min-height:0} #rv-sa-home .rv-editor-main img{height:100%} #rv-sa-home .rv-editor-copy{padding:26px 22px} #rv-sa-home .rv-founder-grid{grid-template-columns:68px minmax(0,1fr);gap:15px;padding:20px}#rv-sa-home .rv-founder-photo,#rv-sa-home .rv-founder-photo img{width:68px;height:68px}#rv-sa-home .rv-founder h2{font-size:19px} #rv-sa-home .rv-btn{width:100%} } @media(max-width:420px){ #rv-sa-home .rv-section{padding:52px 0} #rv-sa-home .rv-featured-body,#rv-sa-home .rv-post-body{padding:18px} #rv-sa-home .rv-post h3{font-size:18px} #rv-sa-home .rv-topic{padding:16px;gap:11px} #rv-sa-home .rv-topic-grid{gap:10px} #rv-sa-home .rv-trending-item{grid-template-columns:36px minmax(0,1fr);padding:14px;gap:10px} #rv-sa-home .rv-num{font-size:23px} } @media(max-width:680px){ #rv-sa-home .rv-actions{gap:9px;margin-top:24px} } @media(max-width:430px){ #rv-sa-home .rv-hero{padding:44px 0 42px} #rv-sa-home .rv-hero-copy{font-size:15.5px} #rv-sa-home .rv-hero-chips{gap:7px;margin-top:15px} #rv-sa-home .rv-hero-chips a{padding:6px 11px;font-size:12px} #rv-sa-home .rv-hero-search{padding:5px 5px 5px 13px;gap:9px} #rv-sa-home .rv-hero-search>button{padding:0 15px} #rv-sa-home .rv-hero-search>input[type=search]{height:40px} } @media(prefers-reduced-motion:reduce){ #rv-sa-home *,#rv-sa-home *::before,#rv-sa-home *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important} } /* hero trust line */ #rv-sa-home .rv-hero-meta{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0 0;color:#84848e;font-size:12px;font-weight:600} #rv-sa-home .rv-hero-meta span{position:relative;padding-left:13px;white-space:nowrap} #rv-sa-home .rv-hero-meta span::before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:var(--rv-red)} #rv-sa-home .rv-hero-meta span:last-child{color:#6f6f79} @media(max-width:760px){ #rv-sa-home .rv-hero-meta{gap:12px;margin-top:16px;font-size:11.5px} } /* founder block: second paragraph + forum handle */ #rv-sa-home .rv-founder-bio+.rv-founder-bio{margin-top:8px} #rv-sa-home .rv-founder-handle{margin:11px 0 0;color:#8a8a93;font-size:12.5px;font-weight:600} #rv-sa-home .rv-founder-handle strong{color:var(--rv-ink);font-weight:800} /* hero: soft marker band instead of the flat baseline bar */ #rv-sa-home h1 .rv-mark{display:inline;position:static;padding:.02em .2em;color:#fff;background-image:linear-gradient(180deg,transparent 46%,rgba(198,36,52,.4) 46%,rgba(198,36,52,.52) 93%,transparent 93%);-webkit-box-decoration-break:clone;box-decoration-break:clone} #rv-sa-home h1 .rv-mark::after{content:none}