main.page-top.soc{--soc-cream:#f3f1eb;--soc-sand:#f1ead8;--soc-ink:#16120f;--soc-ink-2:#4b443d;--soc-line:#d3ccbf;--soc-edge:#8b8278;--soc-blue:#6f97e4;--soc-blue-ink:#0a1620;--soc-warm:#ffd9a0;--soc-green:#4fb06d;--soc-chip:#0a1620;--soc-gut:clamp(16px, 5vw, 40px);background-color:var(--soc-sand);color:var(--soc-ink);padding-bottom:0;font-size:18px;line-height:1.5;overflow-x:clip}.soc *,.soc :before,.soc :after{box-sizing:border-box}:where(.soc) :is(p,h1,h2,h3,ul,figure){margin:0;padding:0}:where(.soc) ul{list-style:none}.soc :focus-visible{outline:3px solid var(--soc-ink);outline-offset:3px;border-radius:6px}.soc-wrap{max-width:1180px;padding:0 var(--soc-gut);margin:0 auto}.soc [id]{scroll-margin-top:9rem}.soc-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--soc-ink);border-left:4px solid var(--soc-blue);margin-bottom:18px;padding:4px 0 4px 10px;font-size:13px;font-weight:800;line-height:1;display:inline-block}.soc-h1{font-family:var(--font-archivo), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.04em;text-wrap:balance;max-width:14ch;color:var(--soc-ink);font-size:clamp(36px,6.2vw,72px);font-weight:800;line-height:1}.soc-h1 em{letter-spacing:-.02em;text-decoration:underline;-webkit-text-decoration-color:var(--soc-blue);text-decoration-color:var(--soc-blue);text-underline-offset:.12em;font-style:italic;font-weight:600;text-decoration-thickness:.08em}.soc-h2{font-family:var(--font-archivo), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.03em;text-wrap:balance;color:var(--soc-ink);font-size:clamp(28px,4vw,46px);font-weight:800;line-height:1.04}.soc-lede{max-width:32em;color:var(--soc-ink);margin-top:18px;font-size:clamp(18px,2vw,21px);line-height:1.4}.soc-sub{max-width:38em;color:var(--soc-ink-2);margin-top:10px;margin-bottom:34px}.soc-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.soc-actions--center{justify-content:center}.soc-btn{background:var(--soc-blue);min-height:48px;color:var(--soc-blue-ink);border:2px solid var(--soc-blue-ink);white-space:nowrap;box-shadow:4px 4px 0 var(--soc-blue-ink);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:16px;font-weight:800;line-height:1;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.soc-btn:hover{box-shadow:6px 6px 0 var(--soc-blue-ink);background:var(--soc-blue);transform:translate(-1px,-1px)}.soc-btn:active{box-shadow:1px 1px 0 var(--soc-blue-ink);transform:translate(2px,2px)}.soc-btn--ghost{color:var(--soc-ink);border-color:var(--soc-ink);box-shadow:none;background:0 0}.soc-btn--ghost:hover{background:var(--soc-ink);color:var(--soc-cream);box-shadow:none}.soc-hero{padding:6px 0 clamp(40px,6vw,80px);overflow:clip}.soc-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(28px,5vw,72px);padding-top:clamp(8px,3vw,36px);display:grid}.soc-hero__text{min-width:0}.soc-stack{aspect-ratio:1/.95;width:100%;min-width:0;padding:0 14px 14px 0;position:relative}.soc-plate{border:2px solid var(--soc-ink);box-shadow:12px 12px 0 var(--soc-blue), 0 22px 30px -22px #16120f8c;background:#fff;border-radius:12px;position:absolute;overflow:hidden}.soc-plate img{width:100%;height:auto;display:block}.soc-plate--a{width:66%;top:0;left:0;transform:rotate(-2.2deg)}.soc-plate--b{width:60%;box-shadow:12px 12px 0 var(--soc-warm), 0 22px 30px -22px #16120f8c;top:29%;right:14px;transform:rotate(2.2deg)}.soc-plate--c{width:48%;box-shadow:10px 10px 0 var(--soc-green), 0 22px 30px -22px #16120f8c;bottom:14px;left:8%;transform:rotate(-1deg)}.soc-sec{background:var(--soc-cream);padding:clamp(44px,6vw,84px) 0}.soc-sec--sand{background:var(--soc-sand)}.soc-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px);display:grid}.soc-cards li{min-width:0;display:flex}.soc-card{--soc-c:var(--soc-blue);min-height:220px;color:var(--soc-ink);border:2px solid var(--soc-ink);box-shadow:8px 8px 0 var(--soc-c);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .35s linear(0, .157 4.2%, .474 9.2%, .776 15.3%, .94 21%, 1.023 27.2%, 1.04 31.5%, 1.036 36.6%, 1.011 47.8%, .998 61.2%, 1), box-shadow .15s ease;background:#fff;border-radius:16px;flex-direction:column;flex:1;gap:12px;padding:24px 24px 22px 28px;text-decoration:none;display:flex;position:relative}.soc-card:before{content:"";background:var(--soc-c);border-right:2px solid var(--soc-ink);border-radius:14px 0 0 14px;width:8px;position:absolute;top:0;bottom:0;left:0}.soc-card--warm{--soc-c:var(--soc-warm)}.soc-card--green{--soc-c:var(--soc-green)}.soc-card:hover{transform:translate(-2px, -2px) perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));box-shadow:11px 11px 0 var(--soc-c)}.soc-chip,.soc-card__go{transition:transform .35s,background-color .15s,color .15s}@media (hover:hover) and (pointer:fine){.soc-card:hover .soc-chip{transform:translateZ(28px)}.soc-card:hover .soc-card__go{transform:translateZ(14px)}}.soc-chip{background:var(--soc-chip);width:58px;height:58px;color:var(--soc-c);border:2px solid var(--soc-c);border-radius:14px;place-items:center;display:grid}.soc-card:hover .soc-chip{background:var(--soc-c);color:var(--soc-blue-ink)}.soc-card__h{font-family:var(--font-archivo), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1.1}.soc-card__handle{color:var(--soc-ink-2);font-size:16px;font-weight:600;line-height:1.3}.soc-card__what{color:var(--soc-ink);font-size:16px;line-height:1.45}.soc-card__go{text-decoration:underline;-webkit-text-decoration-color:var(--soc-blue);text-decoration-color:var(--soc-blue);text-underline-offset:5px;align-items:center;gap:8px;margin-top:auto;font-size:15px;font-weight:800;line-height:1;text-decoration-thickness:3px;display:inline-flex}.soc-card__go svg{transition:transform .15s}.soc-card:hover .soc-card__go svg{transform:translate(4px)}.soc-samples{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(26px,3vw,44px) clamp(20px,2.6vw,36px);padding:0 14px 14px 0;display:grid}.soc-sample{--soc-c:var(--soc-blue);min-width:0}.soc-sample--warm{--soc-c:var(--soc-warm)}.soc-sample--green{--soc-c:var(--soc-green)}.soc-pic{border:2px solid var(--soc-ink);box-shadow:10px 10px 0 var(--soc-c), 0 20px 28px -22px #16120f8c;background:#fff;border-radius:12px;overflow:hidden}.soc-pic img{width:100%;height:auto;display:block}.soc-sample figcaption{color:var(--soc-ink);margin-top:20px;font-size:16px;font-weight:800;line-height:1.3}.soc-sample figcaption span{color:var(--soc-ink-2);margin-top:2px;font-size:15px;font-weight:500;display:block}.soc-cta{text-align:center;background:var(--soc-ink);color:#fff;padding:clamp(52px,7vw,96px) 0}.soc-cta .soc-h2{color:#fff;max-width:16em;margin-inline:auto}.soc-cta__p{color:#e6e0d6;max-width:32em;margin:14px auto 0}.soc-cta .soc-btn{box-shadow:4px 4px 0 var(--soc-blue);border-color:var(--soc-blue)}.soc-cta .soc-btn:hover{box-shadow:6px 6px 0 var(--soc-blue)}.soc-cta .soc-btn--ghost-ink{color:#fff;box-shadow:none;background:0 0;border-color:#f3f1eb}.soc-cta .soc-btn--ghost-ink:hover{color:var(--soc-ink);box-shadow:none;background:#f3f1eb}.soc-cta :focus-visible{outline-color:#fff}@media (max-width:960px){.soc-hero__grid{grid-template-columns:minmax(0,1fr)}.soc-stack{max-width:560px;margin-inline:auto}.soc-cards,.soc-samples{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.soc-cards{grid-template-columns:minmax(0,1fr)}.soc-card{min-height:0}.soc-samples{grid-template-columns:minmax(0,1fr);padding-right:12px}.soc-plate{box-shadow:8px 8px 0 var(--soc-blue), 0 16px 24px -18px #16120f8c}.soc-plate--b{box-shadow:8px 8px 0 var(--soc-warm), 0 16px 24px -18px #16120f8c}.soc-plate--c{box-shadow:7px 7px 0 var(--soc-green), 0 16px 24px -18px #16120f8c}.soc-actions .soc-btn{flex:auto}}@media (prefers-reduced-motion:reduce){.soc-btn,.soc-card,.soc-chip,.soc-card__go svg{transition:none}.soc-btn:hover,.soc-card:hover,.soc-card:hover .soc-card__go svg,.soc-card:hover .soc-chip,.soc-card:hover .soc-card__go{transform:none}}