@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=IBM+Plex+Sans+Condensed:wght@300;400;500&family=Inter:wght@300;400;500;600&display=swap');

:root{--soc-bg:#F8F8F6;--soc-bg2:#F1EDE9;--soc-ink:#1A1A1A;--soc-ink2:#6f6c66;--soc-red:#7A1F1F;--soc-red2:#9B2C2C;--soc-serif:'Cormorant Garamond',Georgia,serif;--soc-cond:'IBM Plex Sans Condensed',Arial,sans-serif;--soc-sans:'Inter',-apple-system,sans-serif;--soc-bw:grayscale(1) sepia(.22) contrast(.93) brightness(1.05)}

.soc-wrap{background:var(--soc-bg);color:var(--soc-ink);font-family:var(--soc-sans);font-weight:400;font-size:16px;line-height:1.5;letter-spacing:.005em;overflow-x:hidden}
.soc-wrap a{color:inherit;text-decoration:none}
.soc-inner{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,64px)}
.soc-sec{padding:clamp(96px,11.2vw,192px) 0}
.soc-sec.alt{background:var(--soc-bg2)}

.soc-subnav{position:sticky;top:0;z-index:60;background:rgba(248,248,246,.95);backdrop-filter:blur(8px);border-bottom:1px solid rgba(26,26,26,.1)}
.soc-subnav-in{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;gap:26px;height:56px;overflow-x:auto;scrollbar-width:none}
.soc-subnav-in::-webkit-scrollbar{display:none}
.soc-subnav .soc-mark{font-family:var(--soc-cond);font-weight:400;letter-spacing:.3em;font-size:13px;white-space:nowrap}
.soc-subnav a.soc-link{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--soc-ink2);white-space:nowrap;padding:20px 0 18px;border-bottom:1px solid transparent;transition:color .3s}
.soc-subnav a.soc-link:hover{color:var(--soc-ink)}
.soc-subnav a.soc-link.is-active{color:var(--soc-ink);border-bottom-color:var(--soc-red)}
.soc-subnav .soc-issue{margin-left:auto;color:var(--soc-red);font-size:10px;letter-spacing:.2em;white-space:nowrap}

.soc-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--soc-ink2)}
.soc-label.red{color:var(--soc-red)}
.soc-numline{display:flex;align-items:center;gap:16px;margin-bottom:clamp(32px,5vw,64px)}
.soc-numline .n{font-size:14px;letter-spacing:.2em;color:var(--soc-red)}
.soc-numline .l{width:48px;height:1px;background:var(--soc-red)}
.soc-numline .t{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--soc-ink2)}

.soc-display{font-family:var(--soc-cond);font-weight:300;text-transform:uppercase;font-size:clamp(44px,10.3vw,176px);line-height:.9;letter-spacing:.18em;margin:0;text-indent:.18em}
.soc-chapter{font-family:var(--soc-cond);font-weight:300;text-transform:uppercase;font-size:clamp(60px,10.3vw,176px);line-height:.88;letter-spacing:-.025em;margin:0}
.soc-h2s{font-family:var(--soc-serif);font-weight:300;font-size:clamp(44px,4.7vw,80px);line-height:1;letter-spacing:-.02em;margin:0}
.soc-h3s{font-family:var(--soc-serif);font-weight:300;letter-spacing:-.02em;line-height:1.1;margin:0}
.soc-h3s.xl{font-size:clamp(30px,2.4vw,40px)}
.soc-h3s.lg{font-size:clamp(24px,1.8vw,30px)}
.soc-h3s.md{font-size:clamp(20px,1.5vw,24px)}

.soc-statement{font-family:var(--soc-serif);font-weight:300;font-size:clamp(28px,3.3vw,56px);line-height:1.25;letter-spacing:-.025em;margin:0}
.soc-statement .r{color:var(--soc-red2);font-style:italic}
.soc-cap{float:left;font-family:var(--soc-serif);font-weight:300;font-size:96px;line-height:.75;padding:10px 14px 0 0;color:var(--soc-red)}
.soc-body{font-size:16px;line-height:1.8;color:var(--soc-ink);max-width:560px}
.soc-body-muted{font-size:15px;line-height:1.8;color:var(--soc-ink2)}

.soc-im{overflow:hidden;background:var(--soc-bg2);display:block}
.soc-im img{width:100%;height:100%;object-fit:cover;display:block;filter:var(--soc-bw);transition:filter .6s ease}
.soc-im:hover img,a:hover .soc-im img,.soc-card2:hover .soc-im img{filter:none}

.soc-grid{display:grid;gap:clamp(24px,3vw,48px)}
@media(min-width:750px){.soc-g2{grid-template-columns:1fr 1fr}.soc-g3{grid-template-columns:repeat(3,1fr)}.soc-g4{grid-template-columns:repeat(4,1fr)}.soc-g32{grid-template-columns:7fr 5fr}}

.soc-quote-s{font-family:var(--soc-serif);font-weight:300;font-style:italic;font-size:clamp(19px,1.6vw,24px);line-height:1.4;letter-spacing:-.01em}

.soc-cta{display:inline-block;font-size:11px;letter-spacing:.25em;text-transform:uppercase;border:1px solid var(--soc-ink);padding:16px 36px;transition:all .3s}
.soc-cta:hover{background:var(--soc-ink);color:var(--soc-bg)}
.soc-cta2{display:inline-block;font-size:11px;letter-spacing:.25em;text-transform:uppercase;border-bottom:1px solid var(--soc-red);color:var(--soc-red);padding-bottom:4px}
.soc-cta2:hover{opacity:.6}

.soc-hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:var(--soc-ink);color:var(--soc-bg);overflow:hidden}
.soc-hero .bgim{position:absolute;inset:0}
.soc-hero .bgim img{width:100%;height:100%;object-fit:cover;filter:var(--soc-bw)}
.soc-hero .in{position:relative;z-index:2;padding:0 20px}
.soc-hero .k{font-size:11px;letter-spacing:.3em;text-transform:uppercase;opacity:.85}
.soc-hero .lede{font-family:var(--soc-serif);font-weight:300;font-size:clamp(18px,1.6vw,24px);max-width:560px;margin:32px auto 0;line-height:1.5}
.soc-hero .lede .r{color:#c98a8a;font-style:italic}
.soc-hero .scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:2;font-size:10px;letter-spacing:.3em;opacity:.7}
.soc-hero .scroll:after{content:'';display:block;width:1px;height:44px;background:currentColor;margin:10px auto 0;opacity:.6}

.soc-mscreen{min-height:82vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,8vh,96px) 0}
.soc-footer{border-top:1px solid rgba(26,26,26,.12);padding:28px 0;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--soc-ink2)}

.soc-prose{max-width:680px;font-size:16px;line-height:1.8}
.soc-prose h2,.soc-prose h3{font-family:var(--soc-serif);font-weight:300;letter-spacing:-.02em;line-height:1.05;margin:1.6em 0 .5em}
.soc-prose h2{font-size:clamp(30px,3.4vw,48px)}
.soc-prose h3{font-size:clamp(22px,2.2vw,28px)}
.soc-prose blockquote{margin:2em 0;padding:0;border:0;font-family:var(--soc-serif);font-weight:300;font-style:italic;font-size:clamp(22px,2.6vw,32px);line-height:1.3}
.soc-prose blockquote:before{content:'';display:block;width:48px;height:1px;background:var(--soc-red);margin-bottom:20px}
.soc-prose a{color:var(--soc-red);border-bottom:1px solid var(--soc-red)}
.soc-prose img{filter:var(--soc-bw);transition:filter .6s}
.soc-prose img:hover{filter:none}
.soc-prose hr{border:0;height:1px;background:rgba(26,26,26,.12);margin:3em 0}

.soc-fig{margin:0}
.soc-fig .im{overflow:hidden;background:var(--soc-bg2)}
.soc-fig img{width:100%;display:block;filter:var(--soc-bw);transition:filter .6s ease}
.soc-fig:hover img{filter:none}
.soc-fig figcaption{font-size:13px;color:var(--soc-ink2);margin-top:12px;max-width:560px}

.soc-list-item{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:baseline;padding:28px 0;border-bottom:1px solid rgba(26,26,26,.1)}
.soc-list-item h3{font-family:var(--soc-serif);font-weight:300;font-size:clamp(28px,4vw,52px);letter-spacing:-.02em;margin:0;transition:color .3s}
.soc-list-item:hover h3{color:var(--soc-red)}
.soc-list-item .meta{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--soc-ink2)}
.soc-list-item .n{font-size:12px;letter-spacing:.2em;color:var(--soc-red)}