.social-opening{padding-top:28px;padding-bottom:45px}.social-opening header{display:grid;grid-template-columns:1.25fr 1fr;gap:18px 65px;align-items:end;margin:30px 0}.social-opening header>.eyebrow{grid-column:1/-1}.social-opening h1{font-size:clamp(37px,4.1vw,57px)}.social-context-notes{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:35px;border-top:1px solid var(--line);padding-top:26px}.social-context-notes h2{font-size:27px;margin-bottom:13px}.social-context-notes p{font-size:17px}.social-placement{background:#e4d7c5;border-block:1px solid #c7b398;padding-block:52px 60px}.placement-heading{display:grid;grid-template-columns:1fr 1fr;gap:15px 65px;margin-bottom:35px}.placement-heading>.eyebrow{grid-column:1/-1}.placement-heading>p:last-child{font-size:17px;align-self:end}.storyboard{background:#d5c1a5;border:1px solid #b69c79;box-shadow:inset 0 2px 8px #24222915,0 3px 0 #ae9270;padding:27px}.placement-controls{display:flex;gap:10px;justify-content:flex-end;border-bottom:1px solid #af987b;padding-bottom:23px;margin-bottom:28px}.placement-controls[hidden]{display:none}.placement-controls button{display:flex;justify-content:space-between;align-items:center;gap:35px;background:var(--chalk);border:1px solid #a9957a;box-shadow:0 3px 0 #a78d6a;min-width:155px}.placement-controls button[aria-pressed=true]{background:var(--ink);color:var(--chalk);transform:translateY(-2px);box-shadow:0 4px 0 #111}.storyboard-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:start}.frame-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;padding:12px 5px 25px}.frame-study{margin:0;min-width:0;transition:translate 280ms,opacity 280ms}.frame-study figcaption{font-size:14px;margin-top:22px;line-height:1.4}.frame-study figcaption .eyebrow{font-size:10px;margin-bottom:8px}.square-study{transform:rotate(-4deg);margin-top:35px}.portrait-study{transform:rotate(3deg)}.blank-frame{position:relative;aspect-ratio:1;background:#be3c30;border:1px solid #9a322a;box-shadow:0 3px 0 #8f362d,0 13px 22px #24222925;isolation:isolate;transition:box-shadow 280ms}.blank-frame:before{content:'';position:absolute;inset:10%;border:1px dashed #fff6}.blank-frame i{position:absolute;width:45%;aspect-ratio:1;border:18px solid var(--lilac);border-radius:50%;left:28%;top:23%;box-shadow:2px 5px 8px #24222930,inset 2px 5px 8px #24222930}.blank-frame b{position:absolute;left:15%;right:24%;bottom:24%;height:5px;background:#fff2d5}.blank-frame span{position:absolute;left:15%;right:42%;bottom:17%;height:4px;background:#fff2d599}.portrait-study .blank-frame{aspect-ratio:4/5;background:#c8b8df;border-color:#a58abc;box-shadow:0 3px 0 #a78abc,0 13px 22px #24222925}.portrait-study .blank-frame i{border-color:var(--ink);top:25%}.portrait-study .blank-frame b,.portrait-study .blank-frame span{background:var(--ink)}.frame-study.is-selected{translate:0 -8px}.frame-study.is-selected .blank-frame{outline:2px solid var(--ink);outline-offset:6px;box-shadow:0 4px 0 #9d876d,0 22px 28px #24222935}.placement-guidance{background:var(--chalk);padding:28px;box-shadow:0 3px 0 #bba88f,0 12px 24px #24222917;border-top:5px solid var(--red)}.placement-guidance h3{font-size:29px;margin:15px 0 23px}.placement-guidance dl{margin:0}.placement-guidance dl>div+div{border-top:1px solid var(--line);padding-top:17px;margin-top:17px}.placement-guidance dt{font-family:Bricolage;font-size:19px;font-weight:600}.placement-guidance dd{margin:8px 0 0;font-size:16px}.placement-guidance article+article{border-top:3px solid var(--red);margin-top:30px;padding-top:25px}.placement-guidance article[hidden]{display:none}.placement-guidance article.is-current{margin-top:0;border:0;padding-top:0;animation:placement-change 250ms ease-out}.storyboard-note{font-size:13px;border-top:1px solid #af987b;padding-top:20px;margin-top:28px;max-width:none}.social-testing{padding-top:65px;padding-bottom:65px}.social-testing h2{margin-top:17px}.testing-composition{display:grid;grid-template-columns:1fr 1.1fr;gap:45px;margin-top:35px;align-items:start}.social-art{margin-top:25px;background:#bdad9b;box-shadow:0 4px 0 #a48c70,0 18px 30px #24222923;transform:rotate(-2deg)}.social-art img{width:100%;height:490px;object-fit:cover;object-position:center}.test-notes{position:relative;isolation:isolate;padding:0 7px}.test-notes:before{content:'';position:absolute;z-index:-1;background:#c8b8df;inset:30px -9px -17px 20px;transform:rotate(2deg)}.test-notes>div{background:#fbf7ed;border:1px solid #ded1bf;padding:26px 28px;box-shadow:0 3px 0 #c5b7a3,0 9px 16px #24222915}.test-notes>div+div{margin-top:22px}.test-notes>div:nth-child(2){margin-left:18px}.test-notes h3{font-size:24px;margin:14px 0}.test-notes p{font-size:17px}.social-scope{padding-top:45px;padding-bottom:70px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.15fr;gap:65px}.social-scope h2{margin:18px 0 24px}.social-scope .primary-action{margin-top:25px}.social-scope-questions{border-top:2px solid var(--ink)}.social-scope-questions details{border-bottom:1px solid var(--line)}.social-scope-questions summary{font:500 24px/1.25 Bricolage;cursor:pointer;padding:23px 0;min-height:65px}.social-scope-questions details[open] summary{color:var(--red)}.social-scope-questions details p{font-size:17px;padding-bottom:25px}.social-scope-questions>a{display:flex;align-items:center;min-height:44px;font-size:15px;margin-top:16px}@keyframes placement-change{from{opacity:.6;translate:0 6px}to{opacity:1;translate:0 0}}@media(hover:hover){.placement-controls button:hover{translate:0 -3px}.social-scope-questions summary:hover{color:var(--red)}}@media(max-width:900px){.storyboard-layout{grid-template-columns:1fr 1fr;gap:25px}.frame-pair{gap:14px}.blank-frame i{border-width:12px}.placement-guidance{padding:23px}.social-opening header,.placement-heading,.social-scope{gap:25px}.testing-composition{gap:25px}.social-art img{height:560px}}@media(max-width:600px){.social-opening header,.social-context-notes,.placement-heading,.storyboard-layout,.testing-composition,.social-scope{display:block}.social-opening header>.eyebrow{margin-bottom:17px}.social-opening header>p:last-child{margin-top:22px}.social-context-notes>div+div{border-top:1px solid var(--line);padding-top:23px;margin-top:23px}.social-opening{padding-bottom:35px}.social-placement{padding-block:35px}.placement-heading h2{margin:15px 0 23px}.storyboard{padding:17px}.placement-controls{justify-content:stretch;margin-bottom:28px;gap:10px}.placement-controls button{flex:1;min-width:0;gap:10px;padding-inline:15px}.frame-pair{padding:10px 9px 32px;gap:23px;max-width:350px;margin:auto}.frame-study figcaption{font-size:13px}.frame-study figcaption .eyebrow{font-size:9px}.blank-frame i{border-width:12px}.square-study{margin-top:25px}.frame-study.is-selected{translate:0 -4px}.placement-guidance{padding:23px}.placement-guidance h3{font-size:27px}.storyboard-note{font-size:13px;margin-top:24px}.social-testing{padding-block:42px 48px}.social-art{margin:0 5px 32px;transform:rotate(-1deg)}.social-art img{height:280px}.test-notes{padding:0 3px}.test-notes>div{padding:24px}.test-notes>div:nth-child(2){margin-left:9px}.test-notes:before{right:0}.social-scope{padding-block:35px 45px}.social-scope-questions{margin-top:30px}.social-scope-questions summary{font-size:23px}}@media(prefers-reduced-motion:reduce){.frame-study,.social-art,.placement-controls button{transform:none!important;translate:none!important}.placement-guidance article.is-current{animation:none}}