.social-module{--sv:#8643fc;--sm:#88f2e0;--sl:#e8e3ff;--si:#17171c;--sw:#fff;--s-muted:#77767d}.social-module h2{font-size:clamp(25px,2.4vw,36px);font-weight:450;line-height:1.2;letter-spacing:-.045em}.social-module h3{font-weight:500}.social-module p{line-height:1.65}.s-eyebrow{display:block;font-size:10px;font-weight:550;letter-spacing:.12em;margin-bottom:18px;text-transform:uppercase;color:var(--text-secondary)}.s-note{font-size:11px;line-height:1.6;color:var(--text-secondary);margin:18px 0}.s-section{padding:48px 0;border-top:1px solid var(--border-subtle);margin-top:24px}.s-section-heading{max-width:780px;margin-bottom:28px}.s-section-heading h2{margin:0 0 15px}.s-section-heading p{font-size:14px;color:var(--text-secondary)}.s-direction-hero{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:45px;padding:30px 0 50px}.s-direction-copy h2{font-size:clamp(37px,4vw,62px);font-weight:400;line-height:1.08;letter-spacing:-.055em}.s-direction-copy p{font-size:14px;color:var(--text-secondary);margin:24px 0}.s-direction-pieces{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.s-direction-pieces>.social-art{box-shadow:0 8px 35px #17171c0a;border:1px solid #efedf1}.s-direction-pieces>.social-art:last-child{transform:translateY(30px)}
/* Artboards deliberately retain the white brand composition in both UI appearances. */
.social-art{position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:3/4;overflow:hidden;background:#fff;color:#17171c;text-align:left;display:flex;flex-direction:column;padding:7.5%;font-family:var(--font-family-brand);border-radius:2px}.social-art.s-story{aspect-ratio:9/16}.s-paper-accent{position:absolute;bottom:-2%;right:-5%;width:85%;height:21%;background:url('/reference/social/aquarela-acento.png') bottom right/100% 100% no-repeat;opacity:.55;z-index:-1;pointer-events:none}.s-art-head{display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative;z-index:3;flex-shrink:0}.s-brand{display:inline-flex;gap:5px;align-items:center;color:inherit}.s-brand img{display:block;width:19px;height:19px;object-fit:contain;border-radius:5px}.s-brand>span{font-size:clamp(11px,4cqw,18px);font-weight:650;letter-spacing:-.06em}.s-art-head>span:last-child{font-size:clamp(6px,2.1cqw,9px);letter-spacing:.02em;max-width:47%;text-align:right;line-height:1.3}.s-art-copy{position:relative;z-index:2;margin-top:10%}.s-art-copy h3,.s-portrait-title h3{font-size:clamp(18px,8.5cqw,43px);line-height:1.1;font-weight:420;letter-spacing:-.045em;margin:0 0 6%;color:inherit}.s-art-copy p{font-size:clamp(9px,3.7cqw,17px);line-height:1.4;margin:0;color:#78777e;font-weight:400}.s-art-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:clamp(7px,2.5cqw,11px);margin-top:auto;z-index:4;padding-top:6%;flex-shrink:0}.s-arrow{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#17171c;color:white;font-size:15px;flex-shrink:0}.s-format-icon{position:absolute;right:4%;top:3%;color:currentColor;font-size:16px;display:none;z-index:5}.s-feed-tile .s-format-icon{display:block}.s-feed-tile .s-art-head>span:last-child{padding-right:13px}.s-glass{background:linear-gradient(145deg,#ffffffeb,#ffffffb8 50%,#ffffff8c);border:1px solid #fff;box-shadow:0 5px 22px #5542730b,inset 0 1px 0 #fff,inset 0 -1px 0 #e6e0ee66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:13px;color:#17171c}.s-glass:before{pointer-events:none}.s-flow{position:relative;z-index:2;margin-top:auto;padding-top:9%}.s-flow-top{display:grid;grid-template-columns:repeat(3,1fr);gap:5%}.s-node{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:14% 12%;font-size:clamp(8px,3cqw,14px);border:1px solid #eeebf380}.s-node .icon{width:16px;height:16px;color:var(--sv)}.s-flow-lines{display:block;height:auto;width:100%;margin-top:-1px;margin-bottom:-6%}.s-flow-lines path{stroke:#d6cedf;stroke-width:1.2;fill:none}.s-flow-result{position:relative;text-align:center;padding:12% 5% 7%;border:1px solid #eeebf380;display:flex;flex-direction:column;gap:7px;align-items:center}.s-flow-result>img{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:17%;border:6px solid #fff;border-radius:15px;box-shadow:0 4px 15px #3322550a}.s-flow-result small{font-size:clamp(8px,2.7cqw,13px);color:#8c8892}.s-flow-result strong{font-size:clamp(15px,6cqw,28px);font-weight:450;letter-spacing:-.04em}.s-mini-status{font-size:clamp(7px,2.2cqw,10px);padding:4px 8px;background:#f0ebfc;color:#6e3ec1;border-radius:20px}.s-series{font-size:clamp(18px,8.4cqw,39px);font-weight:750;line-height:.88;letter-spacing:-.065em;margin-top:10%;width:48%;position:relative;z-index:2}.s-series>span{position:absolute;left:95%;top:0;font-weight:400;border:1px solid #bbb;border-radius:50%;padding:7px;font-size:16px}.s-cutout{position:absolute;bottom:-1%;right:-20%;width:91%;height:80%;object-fit:contain;object-position:bottom center;z-index:1}.s-portrait-title{margin-top:14%;width:56%;position:relative;z-index:2}.s-portrait-title h3{font-size:clamp(18px,8.1cqw,38px);line-height:1.12;margin-bottom:11%}.s-nameplate{padding:7% 8%;border-radius:8px;margin-right:2%}.s-nameplate>span{font-size:clamp(8px,3.1cqw,14px);display:block;line-height:1.3}.s-nameplate small{font-size:clamp(6px,2.3cqw,10px);line-height:1.35;display:block;color:#8a858d;margin-top:3px}.s-portrait .s-art-foot{max-width:60%;font-size:clamp(7px,2.4cqw,10px)}.s-portrait .s-art-foot .s-arrow{display:none}.s-portrait .s-paper-accent{width:100%;right:0;height:24%;opacity:.7}.s-scene-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:66% center;z-index:-2}.s-cover,.s-speaker{color:white}.s-cover:after,.s-speaker:after{position:absolute;content:'';inset:0;background:linear-gradient(180deg,#1513188a 0%,#15131815 45%,#15131894 100%);z-index:-1}.s-cover .s-paper-accent,.s-speaker .s-paper-accent{display:none}.s-cover .s-art-copy{text-align:center;margin-top:10%}.s-cover .s-art-copy h3{font-size:clamp(23px,11cqw,50px);font-weight:400}.s-cover .s-art-copy p{color:#ffffffc9;font-size:clamp(10px,4.2cqw,18px);max-width:90%;margin:auto}.s-cover .s-art-foot{font-size:clamp(9px,3.8cqw,16px)}.s-cover .s-arrow,.s-speaker .s-arrow{background:#ffffff26;backdrop-filter:blur(12px);border:1px solid #fff8}.s-speaker .s-art-copy{margin-top:auto;margin-bottom:16%;text-align:center}.s-speaker .s-art-copy h3{font-size:clamp(23px,10cqw,47px);font-weight:450}.s-speaker .s-art-copy p{color:#fff}.s-speaker .s-art-foot{margin-top:0}.s-speaker .s-scene-photo{object-position:75% center}.s-message{margin:auto 0 2%;padding:9%;position:relative;display:flex;flex-direction:column;gap:14px;transform:rotate(-3deg);border:1px solid #ece8f2}.s-message .icon{color:var(--sv);height:22px;width:22px}.s-message>span{font-size:clamp(13px,5.6cqw,24px);font-weight:450;line-height:1.3;letter-spacing:-.025em}.s-message small{font-size:clamp(7px,2.6cqw,11px);color:#8b8791}.s-device{margin:auto -3% 2%;border:5px solid #28262a;border-radius:13px 13px 6px 6px;background:#fff;transform:perspective(600px) rotateY(-15deg) rotateX(5deg) rotateZ(-4deg);box-shadow:10px 15px 25px #25202d12;overflow:hidden}.s-device-bar{display:flex;gap:8px;align-items:center;padding:6px;background:#fafafa;color:#888;font-size:7px}.s-device-bar i{width:5px;height:5px;border-radius:50%;background:#a194b6}.s-device-bar span:last-child{margin-left:auto}.s-device-body{display:grid;grid-template-columns:12% 1fr;min-height:155px}.s-device-sidebar{font-size:12px;line-height:2.8;text-align:center;background:#f7f5fb;color:#9c87c0}.s-device-body>div{padding:9%}.s-device-body small{font-size:clamp(6px,2.2cqw,9px);display:block;color:#9c91ae;letter-spacing:.03em}.s-device h4{font-size:clamp(15px,6cqw,27px);font-weight:450;letter-spacing:-.04em;line-height:1.2;margin:8px 0 16px}.s-lesson{display:flex;gap:8px;align-items:center;font-size:clamp(7px,2.4cqw,10px);border:1px solid #eee9f3;padding:7px;border-radius:6px}.s-lesson>span{width:25px;height:25px;border-radius:6px;background:#e8e3ff;color:#8643fc;display:grid;place-items:center}.s-lesson small{margin-top:4px;letter-spacing:0;font-size:6px}.s-progress{height:3px;background:#eee;margin-top:10px;border-radius:3px}.s-progress>span{display:block;background:#8643fc;width:45%;height:100%}.s-tiny-cards{display:flex;gap:6px;margin-top:12px}.s-tiny-cards>i{height:25px;flex:1;border-radius:4px;background:#f4f1f8}.s-survey{margin:auto 0 3%;position:relative}.s-feedback{padding:11%;transform:rotate(-4deg);border:1px solid #eeebf3}.s-feedback small{font-size:clamp(8px,3cqw,13px);color:#8e859b}.s-feedback h4{font-size:clamp(15px,6.4cqw,27px);font-weight:450;line-height:1.2;margin:14px 0 20px;letter-spacing:-.04em}.s-rating{display:flex;gap:8px;justify-content:space-between}.s-rating span{color:#b9aec9;font-size:25px}.s-rating .s-selected{color:#8643fc}.s-feedback-line{display:block;height:5px;width:80%;background:#f3f0f6;margin-top:18px;border-radius:4px}.s-feedback-note{padding:10px;font-size:clamp(8px,2.8cqw,12px);display:flex;align-items:center;gap:6px;position:relative;margin:-2% -2% 0 12%;border:1px solid #eeebf3;transform:rotate(2deg)}.s-feedback-note .icon{width:14px;color:#8643fc}.s-question{padding:10%;margin:auto 0;text-align:center;border:1px solid #ece7f4}.s-question>span{font-size:clamp(14px,5cqw,24px)}.s-question>div{background:#f5f2f9;padding:10%;font-size:clamp(10px,3.5cqw,16px);color:#8a8493;margin-top:12px;border-radius:7px}
.s-rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.s-rules-grid h3{font-size:17px;margin:0 0 12px}.s-rules-grid p{font-size:13px;color:var(--text-secondary)}.s-reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 18px}.s-reference a{color:var(--text-primary);text-decoration:none;font-size:12px}.s-reference img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;border:1px solid var(--border-subtle);margin-bottom:13px;border-radius:3px}.s-reference a>span{display:block;font-weight:550}.s-reference p{font-size:11px;line-height:1.55;margin:10px 0;color:var(--text-secondary)}.s-comparison{display:grid;grid-template-columns:1fr 1fr .85fr;gap:22px;align-items:start}.s-comparison>div>span{display:block;font-size:11px;color:var(--text-secondary);margin-bottom:15px}.s-comparison>div>a>img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:2px}.s-comparison-notes h3{font-size:16px;margin:30px 0 12px}.s-comparison-notes .rules{font-size:12px}.s-palette{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:12px}.s-palette>div>span{height:72px;display:block;border:1px solid #ddd;border-radius:8px;margin-bottom:14px}.s-palette strong,.s-palette code,.s-palette small{display:block;font-size:11px;line-height:1.6}.s-palette small{color:var(--text-secondary)}
/* Feed: compact chrome, continuous grid, image first. */
.s-feed-shell{max-width:1100px;margin:0 auto}.s-profile{display:grid;grid-template-columns:120px 1fr;gap:35px;align-items:center;max-width:790px;margin:35px auto}.s-profile-avatar{width:112px;height:112px;object-fit:contain;border-radius:28px}.s-profile-name{display:flex;align-items:center;gap:18px}.s-profile-name h2{font-size:24px;letter-spacing:-.025em;margin:0;font-weight:550}.s-profile-name>span{font-size:10px;color:var(--text-secondary);border:1px solid var(--border-subtle);padding:5px 9px;border-radius:6px}.s-profile p{font-size:12px;margin:8px 0;line-height:1.6}.s-profile .s-profile-title{font-weight:600;margin-top:18px}.s-profile a{font-size:12px;color:var(--action-text);text-decoration:none}.s-highlights{display:flex;gap:25px;max-width:790px;margin:28px auto 40px;overflow-x:auto;padding:3px 0 10px}.s-highlights button{border:0;background:transparent;color:var(--text-primary);font:inherit;font-size:10px;display:flex;align-items:center;flex-direction:column;gap:9px;cursor:pointer;min-width:74px}.s-highlights button>span{width:68px;height:68px;border:1px solid var(--border-strong);padding:8px;border-radius:50%;background:linear-gradient(150deg,#fff9,#eee7ff55);box-shadow:inset 0 1px 0 #fff7}.s-highlights img{width:100%;height:100%;object-fit:contain;border-radius:13px}.s-highlights button[aria-pressed=true]>span{outline:2px solid var(--sv);outline-offset:3px}.s-feed-toolbar{border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.s-feed-tabs{display:flex;gap:22px;align-items:center}.s-feed-tabs button{padding:16px 0 13px;border:0;border-top:2px solid transparent;margin-top:-1px;background:none;color:var(--text-secondary);font:inherit;font-size:11px;cursor:pointer}.s-feed-tabs button[aria-pressed=true]{border-top-color:var(--text-primary);color:var(--text-primary);font-weight:600}.s-feed-toolbar select{font-size:11px;padding:5px 8px;min-height:32px;width:auto}.s-feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;align-items:start}.s-feed-tile{width:100%;border:0;padding:0;background:none;font:inherit;cursor:pointer;position:relative;overflow:hidden;display:block}.s-feed-tile .social-art{aspect-ratio:3/4;border-radius:0}.s-feed-hover{position:absolute;inset:0;background:#17171c44;color:white;display:flex;align-items:center;justify-content:center;font-size:12px;gap:7px;opacity:0;transition:opacity .18s}.s-feed-tile:hover .s-feed-hover,.s-feed-tile:focus-visible .s-feed-hover{opacity:1}.s-feed-tile .s-feed-hover .icon{width:16px}.s-feed-grid:empty:after{content:'Nenhuma peça nesta combinação. Selecione outro formato ou público.';display:block;grid-column:1/-1;padding:40px;text-align:center;color:var(--text-secondary);font-size:14px}.s-carousel-layout{display:grid;grid-template-columns:minmax(220px,420px) 1fr;gap:50px;align-items:center;max-width:850px;margin:auto}.s-carousel-controls{display:flex;gap:20px;align-items:center;justify-content:center;margin-top:20px;font-size:12px}.s-slide-outline{font-size:14px;line-height:2.3;padding-left:20px}.s-large-dialog{width:min(1160px,calc(100vw - 40px))!important;max-width:1160px!important}.s-large-dialog .dialog-heading{margin-bottom:16px}.s-large-dialog .dialog-heading h2{font-size:17px;font-weight:500}.s-post-modal{display:grid;grid-template-columns:minmax(240px,.95fr) 1fr;gap:32px;align-items:start}.s-modal-art{max-height:74vh;overflow:auto}.s-modal-art .social-art{max-width:100%;min-height:0}.s-modal-account{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:550;padding-bottom:18px;border-bottom:1px solid var(--border-subtle)}.s-modal-account img{width:36px;height:36px;object-fit:contain;border-radius:8px}.s-modal-account small{display:block;font-size:10px;color:var(--text-secondary);font-weight:400;margin-top:4px}.s-modal-caption>h3{font-size:23px;letter-spacing:-.04em;line-height:1.2;margin:25px 0 18px}.s-modal-caption p{font-size:13px;line-height:1.7}.s-modal-production{margin:25px 0;padding-top:20px;border-top:1px solid var(--border-subtle)}.s-modal-production h4{font-size:12px;font-weight:600;margin-bottom:10px}.s-modal-production p{font-size:11px;color:var(--text-secondary)}.s-modal-production a{font-size:11px;color:var(--action-text)}.s-modal-pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;font-size:11px;color:var(--text-secondary)}.s-modal-caption .button-row{gap:8px}.s-modal-caption .button{font-size:11px}
/* Reel storyboard and motion. */
.s-video-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.s-video-tabs button{font-size:11px}.s-video-tabs button[aria-pressed=true]{background:var(--action-primary);color:var(--on-action);border-color:var(--action-primary)}.s-video-layout{display:grid;grid-template-columns:minmax(240px,350px) 1fr;gap:50px;max-width:1050px;margin:35px auto}.s-motion-stage{position:relative;overflow:hidden;border:1px solid #eee;border-radius:9px}.s-motion-stage .social-art{aspect-ratio:9/16}.s-motion-stage .s-art-copy{margin-top:13%}.s-motion-stage .s-flow{margin-top:auto;margin-bottom:15%}.s-motion-stage .s-art-foot{margin-bottom:8%}.s-motion-stage .s-device{margin-top:auto;margin-bottom:20%}.s-motion-stage .s-portrait-title{margin-top:20%}.s-motion-stage .s-cutout{height:72%;width:105%;right:-25%}.s-motion-time{position:absolute;top:40px;right:12px;background:#ffffffc9;backdrop-filter:blur(12px);border:1px solid #fff9;border-radius:20px;font-size:8px;padding:4px 8px;color:#756782;z-index:5}.s-video-controls{display:flex;gap:10px;align-items:center;margin-top:16px}.s-video-controls .button{font-size:12px}.s-safe-toggle{font-size:11px;display:flex;gap:8px;align-items:center;margin-top:18px}.s-safezone{display:none;position:absolute;top:12%;left:8%;right:8%;bottom:20%;border:1px dashed #8643fc;z-index:6;pointer-events:none}.show-safe .s-safezone{display:block}.s-video-script h2{font-size:30px;margin-bottom:18px}.s-ref-link{font-size:12px;color:var(--action-text)}.s-scenes{display:grid;gap:10px;margin:26px 0}.s-scenes button{display:grid;grid-template-columns:50px 1fr;gap:15px;text-align:left;color:var(--text-primary);background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:10px;padding:16px;font:inherit;cursor:pointer}.s-scenes button>span{font-size:11px;color:var(--text-secondary)}.s-scenes strong{font-size:13px;font-weight:550}.s-scenes p{font-size:12px;margin:7px 0 0;color:var(--text-secondary)}.s-scenes button[aria-pressed=true]{border-color:var(--action-primary);box-shadow:inset 3px 0 var(--action-primary)}.s-reference-inline{display:flex;gap:16px;margin-top:30px;padding-top:25px;border-top:1px solid var(--border-subtle);align-items:center}.s-reference-inline img{width:90px;aspect-ratio:3/4;object-fit:cover;border-radius:3px}.s-reference-inline small{font-size:9px;color:var(--text-secondary);letter-spacing:.06em}.s-reference-inline p{font-size:12px;margin-top:10px}.is-playing .s-art-copy{animation:s-reveal .6s both}.is-playing .s-node{animation:s-reveal .65s both}.is-playing .s-node-1{animation-delay:.22s}.is-playing .s-node-2{animation-delay:.44s}.is-playing .s-flow-result{animation:s-reveal .8s .7s both}.is-playing .s-flow-lines path{stroke-dasharray:210;animation:s-draw 1.4s .4s both}.is-playing .s-device,.is-playing .s-feedback{animation:s-reveal .8s .25s both}.is-playing .s-cutout{animation:s-reveal .7s both}.stage-0 .s-flow{opacity:.35}.stage-1 .s-flow-result{opacity:.4}.stage-3 .s-flow-result{box-shadow:0 0 0 1px #e8e3ff}.s-voice-hero{padding:48px;background:#fff;color:#17171c;border:1px solid #ece9f0;border-radius:12px;position:relative;isolation:isolate;margin:30px 0;overflow:hidden}.s-voice-hero:after{position:absolute;content:'';bottom:-5%;right:0;width:65%;height:30%;background:url('/reference/social/aquarela-acento.png') bottom/contain no-repeat;z-index:-1;opacity:.6}.s-voice-hero h2{font-size:clamp(32px,4vw,52px);font-weight:400}.s-voice-hero .s-eyebrow{color:#8a8293}.s-voice-hero p{color:#8a8293;margin-top:25px}.s-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0}.s-copy-grid small{font-size:11px;color:var(--text-secondary)}.s-copy-grid p{font-size:19px;letter-spacing:-.025em;font-weight:400;margin-top:12px}.social-module button:focus-visible,.social-module a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}@keyframes s-reveal{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes s-draw{from{stroke-dashoffset:210}to{stroke-dashoffset:0}}
@media(min-width:1500px){.s-direction-hero{gap:65px}.s-direction-pieces{max-width:680px}}@media(max-width:1050px){.s-direction-hero{grid-template-columns:1fr;gap:25px}.s-direction-copy{max-width:650px}.s-direction-copy h2 br{display:none}.s-direction-copy h2{font-size:43px}.s-direction-pieces{max-width:680px;margin:auto;width:100%}.s-direction-pieces>.social-art:last-child{transform:none}.s-reference-grid{grid-template-columns:repeat(3,1fr)}.s-comparison{grid-template-columns:1fr 1fr}.s-comparison-notes{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px}.s-comparison-notes h3{margin:15px 0 0}.s-comparison-notes .rules{grid-row:2}.s-rules-grid{grid-template-columns:repeat(2,1fr)}.s-video-layout{gap:28px}.s-feed-grid{gap:4px}.s-feed-tabs{gap:15px}.s-device-body{min-height:120px}.s-brand img{width:16px;height:16px}.s-portrait-title{margin-top:12%}}
@media(max-width:700px){.s-profile{grid-template-columns:72px 1fr;gap:20px;margin:25px 0}.s-profile-avatar{width:72px;height:72px;border-radius:20px}.s-profile-name{gap:10px;flex-wrap:wrap}.s-profile-name h2{font-size:21px}.s-profile-name>span{font-size:8px}.s-profile p{font-size:11px}.s-highlights{gap:17px;margin:20px 0;justify-content:flex-start}.s-highlights button{min-width:58px;font-size:9px}.s-highlights button>span{width:55px;height:55px;padding:6px}.s-feed-toolbar{align-items:flex-start;flex-direction:column;gap:0}.s-feed-tabs{width:100%;justify-content:space-between;gap:8px}.s-feed-toolbar>label{margin-bottom:10px;align-self:flex-end}.s-feed-grid{gap:3px}.s-feed-tile .s-art-copy h3,.s-feed-tile .s-portrait-title h3{font-size:8.5cqw}.s-feed-tile .s-art-copy p{font-size:3.7cqw}.s-feed-tile .s-art-head>span:last-child{display:none}.s-feed-tile .s-brand img{width:10px;height:10px;border-radius:3px}.s-feed-tile .s-brand>span{font-size:4cqw}.s-feed-tile .s-series{font-size:8.4cqw}.s-feed-tile .s-series>span{padding:2px;font-size:7px}.s-feed-tile .s-nameplate>span{font-size:3.1cqw}.s-feed-tile .s-nameplate small{font-size:2.3cqw}.s-feed-tile .s-nameplate{border-radius:4px}.s-feed-tile .s-art-foot{font-size:2.5cqw}.s-feed-tile .s-arrow{width:14px;height:14px;font-size:10px}.s-feed-tile .s-cover .s-art-copy h3{font-size:11cqw}.s-feed-tile .s-format-icon{font-size:11px}.s-feed-tile .s-node{font-size:3cqw;border-radius:5px;gap:4px}.s-feed-tile .s-node .icon{width:9px;height:9px}.s-feed-tile .s-flow-result{border-radius:6px;gap:3px}.s-feed-tile .s-flow-result>img{border-width:2px;border-radius:5px}.s-feed-tile .s-flow-result strong{font-size:6cqw}.s-feed-tile .s-flow-result small{font-size:2.7cqw}.s-feed-tile .s-mini-status{font-size:2.2cqw;padding:2px 4px}.s-feed-tile .s-message{gap:7px;padding:8%;border-radius:6px}.s-feed-tile .s-message>span{font-size:5.6cqw}.s-feed-tile .s-message small{font-size:2.6cqw}.s-feed-tile .s-message .icon{width:13px;height:13px}.s-feed-tile .s-device{border-width:3px;border-radius:7px;transform:rotate(-4deg)}.s-feed-tile .s-device-bar{font-size:4px;padding:4px;gap:3px}.s-feed-tile .s-device-body{min-height:65px}.s-feed-tile .s-device-sidebar{font-size:6px}.s-feed-tile .s-device h4{font-size:6cqw;margin:4px 0 8px}.s-feed-tile .s-device-body small{font-size:2.2cqw}.s-feed-tile .s-lesson{font-size:2.4cqw;padding:3px;gap:3px}.s-feed-tile .s-lesson>span{width:13px;height:13px}.s-feed-tile .s-lesson small{font-size:3px}.s-feed-tile .s-tiny-cards>i{height:12px}.s-feed-tile .s-tiny-cards{gap:3px;margin-top:5px}.s-feed-tile .s-feedback{border-radius:6px}.s-feed-tile .s-feedback h4{font-size:6.4cqw;margin:7px 0 9px}.s-feed-tile .s-feedback small{font-size:3cqw}.s-feed-tile .s-rating{gap:3px}.s-feed-tile .s-rating span{font-size:12px}.s-feed-tile .s-feedback-line{height:3px;margin-top:9px}.s-feed-tile .s-feedback-note{font-size:2.8cqw;border-radius:5px;padding:5px;gap:3px}.s-feed-tile .s-feedback-note .icon{width:7px}.s-feed-tile .s-question{border-radius:7px}.s-feed-tile .s-question>span{font-size:5cqw}.s-feed-tile .s-question>div{font-size:3.5cqw;padding:8%;margin-top:6px}.s-feed-hover{font-size:9px}.s-feed-hover .icon{display:none}.s-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.s-rules-grid{gap:22px}.s-palette{grid-template-columns:repeat(3,1fr)}.s-section{padding:32px 0}.s-direction-copy h2{font-size:35px}.s-direction-pieces{gap:8px}.s-direction-pieces .s-art-copy h3,.s-direction-pieces .s-portrait-title h3{font-size:8.5cqw}.s-direction-pieces .s-art-copy p{font-size:3.7cqw}.s-comparison{gap:12px}.s-comparison .s-portrait-title h3{font-size:8.1cqw}.s-comparison-notes{display:block}.s-carousel-layout,.s-video-layout,.s-copy-grid{grid-template-columns:1fr;gap:28px}.s-carousel{max-width:400px;width:100%;margin:auto}.s-carousel-layout>div:last-child{max-width:400px;margin:auto}.s-video-layout>div:first-child{max-width:350px;margin:auto;width:100%}.s-video-tabs{display:grid;grid-template-columns:1fr 1fr}.s-video-tabs .button{white-space:normal;justify-content:flex-start;text-align:left;font-size:10px}.s-post-modal{grid-template-columns:1fr;gap:20px}.s-modal-art{max-width:400px;width:100%;margin:auto;max-height:none}.s-large-dialog{width:calc(100vw - 20px)!important;max-height:94dvh}.s-voice-hero{padding:28px}.s-modal-pagination{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.is-playing *{animation:none!important}.s-feed-hover{transition:none}}
/* Keep the entire artboard visible in the post viewer. */
.s-modal-art{width:min(100%,calc(68dvh * .75));max-height:none;overflow:visible;margin:0 auto}.s-modal-art .social-art{width:100%}.s-modal-caption>h3{font-weight:450}.s-art-copy h3,.s-portrait-title h3{font-weight:400;letter-spacing:-.035em}@media(max-width:700px){.s-modal-art{width:100%;max-width:350px}.s-post-modal{gap:22px}}