.social-lead{max-width:100rem;padding:clamp(3rem, 5vw, 5rem) var(--space-page);background:var(--color-value-surface);color:var(--color-value-text);grid-template-columns:minmax(0,1fr) minmax(20rem,.7fr);align-items:center;gap:clamp(2rem,5vw,5rem);margin-inline:auto;display:grid}.social-lead h1{letter-spacing:-.04em;text-wrap:balance;max-width:14ch;margin:0;font-size:clamp(3rem,5.4vw,5rem);font-weight:670;line-height:1.02}.social-lead-copy>p{max-width:54ch;color:var(--color-value-muted);margin:1.7rem 0 0;font-size:1.15rem;line-height:1.7}.social-lead-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:2rem;display:flex}.social-instagram{min-height:44px;color:var(--color-value-text);text-underline-offset:.3em;align-items:center;font-size:.96rem;display:inline-flex}.social-portrait{width:100%;max-width:29rem;margin-inline:auto}.social-portrait-frame{aspect-ratio:768/680;background:var(--color-lime);margin:0;position:relative;overflow:hidden}.social-portrait-frame img{object-fit:cover;object-position:center top;opacity:1;width:100%;height:100%;transition:opacity .25s,transform .25s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translateY(0)}.social-portrait-frame img[aria-hidden=true]{opacity:0;pointer-events:none;transform:translateY(6px)}.social-portrait-controls{gap:.5rem;margin-top:.9rem;display:flex}.social-portrait-controls button{border:1px solid var(--color-value-rule);min-height:44px;color:var(--color-value-muted);cursor:pointer;background:0 0;flex:1;padding:.65rem .4rem;font-size:.84rem;transition:color .2s,background-color .2s}.social-portrait-controls button:is(:hover,[aria-pressed=true]){border-color:var(--color-lime);background:var(--color-lime);color:var(--color-action-foreground)}.social-portrait-caption{color:var(--color-value-muted);margin:1rem 0 0;font-size:.85rem;line-height:1.5}.social-content-width{width:min(100%,100rem);padding-inline:var(--space-page);margin-inline:auto}.social-content-width h2{letter-spacing:-.035em;text-wrap:balance;max-width:25ch;margin:0 0 1.5rem;font-size:clamp(2.15rem,3.8vw,3.6rem);font-weight:650;line-height:1.1}.social-content-width p{max-width:68ch;color:var(--color-muted);font-size:1.08rem;line-height:1.75}.social-story{padding-block:clamp(4rem,7vw,6rem)}.social-story>h2{max-width:24ch}.social-story p{max-width:70ch}.social-story-link{text-underline-offset:.3em;align-items:center;gap:1rem;min-height:44px;margin-top:1rem;font-weight:700;display:inline-flex}.social-deliveries{background:var(--color-value-surface);color:var(--color-value-text);padding-block:clamp(4rem,7vw,6rem)}.social-deliveries>div{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(2rem,6vw,6rem);display:grid}.social-deliveries ul{border-top:1px solid var(--color-value-rule);margin:0;padding:0;list-style:none}.social-deliveries li{border-bottom:1px solid var(--color-value-rule);color:var(--color-value-muted);padding:1.1rem 0;font-size:1.1rem;line-height:1.45}.social-deliveries li:before{content:"↗";color:var(--color-lime);margin-right:.9rem}.social-process{padding-block:clamp(4rem,7vw,6rem)}.social-process ol{counter-reset:social-step;border-bottom:1px solid var(--color-border);margin:2.5rem 0 0;padding:0;list-style:none}.social-process li{counter-increment:social-step;border-top:1px solid var(--color-border);grid-template-columns:3rem minmax(10rem,.5fr) minmax(0,1fr);align-items:baseline;gap:clamp(1rem,3vw,3rem);padding:1.7rem 0;display:grid}.social-process li:before{content:counter(social-step, decimal-leading-zero);color:var(--color-coral-text);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.social-process h3{letter-spacing:-.025em;margin:0;font-size:1.7rem;font-weight:650}.social-process li p{margin:0}.social-fit{background:var(--color-lime);color:var(--color-action-foreground);padding-block:clamp(4rem,7vw,6rem)}.social-fit p{color:var(--color-action-foreground)}.social-monthly{padding-block:clamp(4rem,7vw,6rem)}.social-monthly .reading-button{margin-top:1.5rem}@media (width<=900px){.social-lead{grid-template-columns:minmax(0,1fr);gap:3rem}.social-lead h1{max-width:18ch;font-size:clamp(3rem,7.5vw,4.6rem)}.social-portrait{max-width:25rem}.social-deliveries>div{grid-template-columns:1fr;gap:2rem}}@media (width<=600px){.social-lead h1{font-size:clamp(2.75rem,10.5vw,3.7rem)}.social-portrait-controls{gap:.4rem}.social-process li{grid-template-columns:2rem minmax(0,1fr);gap:.6rem 1rem}.social-process li p{grid-column:2}.social-content-width h2{font-size:clamp(2rem,8.5vw,2.75rem)}}@media (prefers-reduced-motion:reduce){.social-portrait-frame img,.social-portrait-controls button{transition:none}}