/* Real campaigns, one readable scene at a time. */
.campaign-demo{--demo-accent:#ed713b;margin-top:64px;padding-top:36px;border-top:1px solid #dedede;color:#222}.demo-heading{max-width:780px}.demo-heading h3{font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.15;letter-spacing:-.045em;margin:12px 0 16px}.demo-heading>p{font-size:1rem;line-height:1.7;color:#626262}.demo-heading .eyebrow{font-size:.6875rem;letter-spacing:.1em}.demo-concept{font-size:.75rem!important;margin-top:12px;color:#777!important}
.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:27px 0 18px}.demo-campaigns{display:flex;flex-wrap:wrap;gap:7px}.demo-case-button{border:1px solid #ddd;border-radius:30px;background:white;color:#555;padding:11px 17px;font:inherit;font-size:.8125rem;line-height:1.35}.demo-case-button[data-demo-active=true]{background:#222;border-color:#222;color:white}.demo-case-button:hover{border-color:#555}.campaign-demo button:disabled{cursor:default}.campaign-demo button:focus-visible{outline:2px solid #315fc6;outline-offset:3px}.campaign-motion-toggle{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid #ddd;border-radius:50%;background:white;color:#555;padding:8px}.campaign-motion-toggle:hover{color:#111;border-color:#555}.campaign-motion-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}.campaign-motion-toggle>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.campaign-motion-toggle .demo-play-icon{display:none}.campaign-motion-toggle[data-paused=true] .demo-play-icon{display:block}.campaign-motion-toggle[data-paused=true] .demo-pause-icon{display:none}
.demo-step-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #dedede;border-radius:12px 12px 0 0;overflow:hidden;background:white}.demo-step-button{position:relative;display:flex;align-items:center;gap:11px;padding:19px 17px;min-width:0;min-height:68px;border:0;border-right:1px solid #e7e7e7;background:white;color:#777;font:inherit;font-size:.875rem;text-align:left}.demo-step-button:last-child{border-right:0}.demo-step-button[data-demo-active=true]{color:#222;background:#fafafa}.demo-step-button:hover{background:#f7f7f7;color:#222}.demo-step-button::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--demo-accent);transform:scaleX(0);transform-origin:left}.demo-step-button[data-demo-active=true]::after{transform:scaleX(var(--step-progress,0))}.demo-step-number,.demo-step-no{font-size:.65rem;color:#888;flex-shrink:0}.demo-step-button[data-demo-active=true] .demo-step-number{color:var(--demo-accent)}
.demo-workspace{border:1px solid #dedede;border-top:0;border-radius:0 0 12px 12px;overflow:hidden;background:white}.demo-panel-inner{display:grid;grid-template-columns:minmax(190px,.74fr) minmax(0,2fr);align-items:center;gap:34px;padding:34px;min-height:554px}.demo-copy{min-width:0}.demo-kicker{font-size:.625rem!important;color:#777!important;letter-spacing:.12em;text-transform:uppercase;line-height:1.5!important;margin-bottom:15px}.demo-copy h4{font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.18;letter-spacing:-.04em;font-weight:500;margin:0 0 18px}.demo-copy>p{font-size:.875rem;line-height:1.75;color:#626262}.demo-campaign-name{display:block;font-size:.6875rem!important;font-weight:600;color:#555!important;margin-top:27px;padding-top:16px;border-top:1px solid #e4e4e4}.demo-stage{min-width:0;min-height:436px;display:grid;align-content:center;gap:16px;padding:22px;background:#f6f7f8;border-radius:10px;overflow:hidden}.demo-stage h5{font-size:.8125rem;line-height:1.4;font-weight:600;margin:0 0 12px}.demo-stage p{line-height:1.6}.demo-photo,.demo-video{display:block;width:100%;object-fit:cover}.demo-format,.demo-label{display:block;font-size:.625rem;letter-spacing:.07em;text-transform:uppercase;color:#777}.demo-stage strong{font-weight:600}
.demo-plan-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:17px}.demo-chat{display:flex;flex-direction:column;gap:12px;min-width:0}.demo-message{max-width:95%;padding:12px 14px;border:1px solid #e2e2e2;border-radius:13px 13px 13px 3px;background:white;font-size:.8125rem;line-height:1.65}.demo-message.is-client{align-self:flex-end;background:#242424;color:white;border-color:#242424;border-radius:13px 13px 3px 13px}.demo-message-author{display:block;font-size:.625rem;font-weight:600;opacity:.65;margin-bottom:4px}.demo-brief{border:1px solid #e3e3e3;border-radius:9px;overflow:hidden;background:white;min-width:0;box-shadow:0 7px 23px #15151507}.demo-brief-photo{height:115px}.demo-brief-heading{padding:14px 15px 0}.demo-brief dl{margin:6px 15px 15px;font-size:.75rem}.demo-brief dl>div{padding-block:8px;border-top:1px solid #eee}.demo-brief dt{font-size:.625rem;color:#777;margin-bottom:3px}.demo-brief dd{margin:0;color:#333;line-height:1.45}
.demo-create-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.75fr);align-items:center;gap:20px}.demo-creative{background:white;border:1px solid #e3e3e3;border-radius:9px;overflow:hidden;min-width:0}.demo-creative>.demo-photo{height:222px}.demo-creative-content{padding:15px 17px}.demo-ad-headline{font-size:1.15rem;line-height:1.2!important;letter-spacing:-.025em;margin:6px 0 9px}.demo-ad-caption{font-size:.75rem;color:#626262;line-height:1.6;margin-top:8px}.demo-ad-cta{display:inline-block;font-size:.625rem;font-weight:600;margin-top:13px;padding:8px 11px;border-radius:4px;background:#242424;color:white}.demo-phone{position:relative;width:100%;max-width:216px;border:5px solid white;border-radius:19px;overflow:hidden;box-shadow:0 8px 24px #20202016;background:#222;justify-self:center;color:white}.demo-phone-screen{position:relative;aspect-ratio:9/16;overflow:hidden}.demo-phone-screen>.demo-video,.demo-phone-screen>.demo-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.demo-phone-screen::after{content:'';position:absolute;inset:43% 0 0;background:linear-gradient(transparent,#000b);pointer-events:none}.demo-phone .demo-ad-headline{position:absolute;z-index:1;bottom:49px;left:13px;right:13px;font-size:1.12rem;line-height:1.12!important;margin:0;color:white}.demo-phone .demo-ad-caption{position:absolute;z-index:1;bottom:17px;left:13px;right:13px;font-size:.625rem;color:white;margin:0;line-height:1.35}.demo-phone .demo-format{position:absolute;z-index:1;top:13px;left:12px;right:12px;color:white;font-size:.6rem}.demo-phone>.demo-format{position:static;color:#ddd;padding:8px 10px;font-size:.6rem}
.demo-publish-layout{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:13px}.demo-feedback{grid-column:1/-1;font-size:.75rem;line-height:1.6;padding:12px 14px;background:white;border:1px solid #e1e1e1;border-radius:8px}.demo-feedback strong{font-size:.625rem;color:#777;display:block;margin-bottom:3px}.demo-approval{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid #c5dacd;background:#f2f8f4;color:#2a563b;border-radius:7px;font-size:.75rem}.demo-approval svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7}.demo-approval-status{font-weight:600}.demo-calendar{padding:15px;background:white;border:1px solid #e1e1e1;border-radius:8px;min-width:0}.demo-calendar ol,.demo-calendar ul{list-style:none;padding:0;margin:0}.demo-calendar-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eee;font-size:.7rem}.demo-calendar-item:last-child{border:0}.demo-calendar-item img{width:58px;height:17px;object-fit:contain;flex-shrink:0}.demo-calendar-copy{min-width:0}.demo-calendar-copy small,.demo-calendar-copy time{display:block;font-size:.625rem;line-height:1.5;color:#777}.demo-platforms{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.demo-platforms img{display:block;width:60px;height:18px;object-fit:contain}.demo-mini-preview{background:white;border:1px solid #e1e1e1;border-radius:9px;overflow:hidden;min-width:0}.demo-mini-preview>.demo-photo,.demo-mini-preview>.demo-video{height:145px}.demo-mini-preview .demo-platforms{padding:12px}.demo-mini-preview .demo-ad-headline{font-size:1rem;line-height:1.22;margin:12px}.demo-mini-preview .demo-ad-caption{font-size:.7rem;margin:10px 12px 14px}.demo-mini-preview .demo-format{margin:12px}
.demo-analytics-layout{display:grid;gap:14px}.demo-dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.demo-dashboard-head h5{margin:0}.demo-illustrative{font-size:.625rem;color:#737373;line-height:1.5}.demo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.demo-metrics>div{background:white;border:1px solid #e1e1e1;border-radius:7px;padding:12px 10px;min-width:0}.demo-metrics dt{font-size:.625rem;line-height:1.4;color:#777;min-height:28px}.demo-metrics dd{font-size:1.35rem;line-height:1.2;letter-spacing:-.04em;margin:8px 0 0}.demo-chart{background:white;border:1px solid #e1e1e1;border-radius:8px;padding:16px}.demo-chart h5{margin-bottom:13px}.demo-bar-row{display:grid;grid-template-columns:70px 1fr 40px;align-items:center;gap:10px;margin-top:12px}.demo-bar-label,.demo-bar-value{font-size:.6875rem;color:#666;line-height:1.4}.demo-bar-value{text-align:right}.demo-bar-track{background:#f3f3f3;height:9px;border-radius:6px;overflow:hidden}.demo-bar-fill{display:block;height:100%;width:var(--bar,50%);background:var(--demo-accent);border-radius:6px;transform-origin:left}.demo-insight{padding:12px 14px;background:white;border-left:2px solid var(--demo-accent);font-size:.75rem;line-height:1.65}.demo-insight strong{display:block;font-size:.7rem;margin-bottom:4px}
.demo-improve-layout{display:grid;gap:14px}.demo-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.demo-comparison>div,.demo-comparison>figure{background:white;border:1px solid #e1e1e1;border-radius:9px;overflow:hidden;min-width:0}.demo-comparison .demo-photo{height:134px}.demo-comparison h5,.demo-comparison .demo-ad-headline{font-size:1rem;line-height:1.25;margin:12px 14px 8px}.demo-comparison p{font-size:.7rem;line-height:1.6;margin:8px 14px 14px;color:#626262}.demo-comparison .demo-label,.demo-comparison .demo-format{margin:12px 14px;font-size:.6rem}.demo-comparison>div:last-child,.demo-comparison>figure:last-child{border-color:#e6aa8e;box-shadow:0 0 0 1px #e6aa8e}.demo-recrop{object-position:65% center;transform:scale(1.08)}.demo-next-draft{padding:12px 14px;background:white;border-left:2px solid var(--demo-accent)}.demo-draft-status{font-size:.7rem;line-height:1.6;color:#666}.demo-draft-status::before{content:'';display:inline-block;width:6px;height:6px;background:var(--demo-accent);border-radius:50%;margin-right:8px}.campaign-status{font-size:.7rem;line-height:1.5;color:#777;margin-top:12px;min-height:1.5em}
/* These opt-in timelines follow the user's explicit automatic-playback choice. */
.campaign-demo[data-demo-running=true] [data-demo-active=true] .demo-stage{animation:demo-arrive .55s ease both!important}.campaign-demo[data-demo-running=true] [data-demo-active=true] .demo-message{animation:demo-arrive .5s ease both!important}.campaign-demo[data-demo-running=true] [data-demo-active=true] .demo-message:nth-child(2){animation-delay:1s!important}.campaign-demo[data-demo-running=true] [data-demo-active=true] .demo-message:nth-child(3){animation-delay:2.3s!important}.campaign-demo[data-demo-running=true] [data-demo-active=true] .demo-brief{animation:demo-arrive .65s 3.3s ease both!important}.campaign-demo[data-demo-running=true] [data-demo-active=true] .demo-phone{animation:demo-arrive .6s .7s ease both!important}.campaign-demo[data-demo-running=true] [data-demo-active=true] .demo-approval{animation:demo-arrive .5s 1s ease both!important}.campaign-demo[data-demo-running=true] [data-demo-active=true] .demo-calendar{animation:demo-arrive .6s 2.3s ease both!important}.campaign-demo[data-demo-running=true] [data-demo-active=true] .demo-bar-fill{animation:demo-bar-grow 1.6s .5s ease both!important}.campaign-demo[data-demo-running=true] [data-demo-active=true] .demo-next-draft{animation:demo-arrive .7s 1.2s ease both!important}@keyframes demo-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes demo-bar-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:761px) and (max-width:1100px){.demo-panel-inner{grid-template-columns:1fr;gap:22px;padding:26px;min-height:700px}.demo-copy{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px}.demo-kicker{grid-column:1/-1;margin:0}.demo-copy h4{margin:0}.demo-campaign-name{display:none!important}.demo-step-button{padding:16px 11px;gap:6px}.demo-stage{min-height:425px}}
@media(max-width:760px){.campaign-demo{margin-top:42px;padding-top:27px}.demo-heading h3{font-size:1.85rem}.demo-heading>p{font-size:.9375rem}.demo-toolbar{gap:10px;margin:22px 0 15px}.demo-campaigns{gap:5px}.demo-case-button{padding:9px 10px;font-size:.65rem}.campaign-motion-toggle{width:32px;height:32px}.demo-step-button{flex-direction:column;justify-content:center;gap:5px;padding:12px 3px;min-height:65px;font-size:.625rem;line-height:1.3;text-align:center;overflow-wrap:anywhere}.demo-panel-inner{display:flex;flex-direction:column;align-items:stretch;gap:21px;padding:21px 13px;min-height:0}.demo-copy h4{font-size:1.45rem;margin-bottom:11px}.demo-copy>p{font-size:.8125rem;line-height:1.7}.demo-kicker{font-size:.6rem!important;margin-bottom:8px}.demo-campaign-name{display:none!important}.demo-stage{min-height:390px;padding:13px;gap:12px;border-radius:8px}.demo-plan-layout{gap:12px}.demo-message{font-size:.72rem;padding:10px 11px;max-width:100%}.demo-message-author{font-size:.6rem}.demo-brief-photo{height:94px}.demo-brief-heading{padding:12px 12px 0}.demo-brief dl{font-size:.6875rem;margin:6px 12px 12px}.demo-brief dt{font-size:.6rem}.demo-brief dd{font-size:.6875rem}.demo-create-layout{grid-template-columns:1.1fr .8fr;gap:11px}.demo-creative>.demo-photo{height:180px}.demo-creative-content{padding:12px}.demo-ad-headline{font-size:.95rem}.demo-ad-caption{font-size:.65rem}.demo-ad-cta{font-size:.6rem;padding:7px 8px}.demo-phone{border-width:3px;border-radius:12px}.demo-phone .demo-ad-headline{font-size:.9rem;left:9px;right:9px;bottom:40px}.demo-phone .demo-ad-caption{font-size:.55rem;left:9px;right:9px;bottom:12px}.demo-phone .demo-format{font-size:.5rem;top:10px;left:9px}.demo-publish-layout{gap:11px}.demo-calendar{padding:11px}.demo-calendar-item{gap:5px;align-items:flex-start;flex-wrap:wrap;font-size:.65rem}.demo-calendar-item img{width:50px;height:15px}.demo-approval{padding:10px;font-size:.65rem}.demo-feedback{font-size:.6875rem;padding:10px 12px}.demo-platforms{gap:8px}.demo-platforms img{width:49px;height:16px}.demo-mini-preview>.demo-photo,.demo-mini-preview>.demo-video{height:128px}.demo-mini-preview .demo-ad-headline{font-size:.9rem;margin:10px}.demo-mini-preview .demo-ad-caption{font-size:.65rem;margin:10px}.demo-mini-preview .demo-platforms{padding:10px}.demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.demo-metrics>div{padding:10px}.demo-metrics dt{min-height:0}.demo-metrics dd{font-size:1.3rem}.demo-chart{padding:12px}.demo-bar-row{grid-template-columns:60px 1fr 36px;gap:7px}.demo-insight{font-size:.6875rem}.demo-comparison{gap:10px}.demo-comparison .demo-photo{height:103px}.demo-comparison .demo-ad-headline,.demo-comparison h5{font-size:.875rem;margin:10px}.demo-comparison p{margin:8px 10px 12px;font-size:.65rem}.demo-comparison .demo-format{margin:10px;font-size:.6rem}.demo-next-draft{padding:11px}.demo-draft-status{font-size:.65rem}.campaign-status{font-size:.65rem}}
@media(max-width:430px){.demo-plan-layout{grid-template-columns:1fr}.demo-chat{gap:8px}.demo-brief{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center}.demo-brief-photo{height:100%;min-height:157px;grid-row:1/4}.demo-brief-heading{padding:10px 11px 0}.demo-brief-heading h5{margin-bottom:0}.demo-brief dl{margin:6px 11px 11px}.demo-brief dl>div{padding-block:5px}.demo-brief dd{font-size:.625rem}}
/* Readable authored content within the scene renderer's wrappers. */
.demo-eyebrow{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#777}.demo-intro{font-size:1rem;line-height:1.7;color:#626262}.demo-concept{display:block}.demo-case-button{display:inline-flex;align-items:center;gap:9px}.demo-case-button>span{font-size:.7rem}.demo-case-button>strong{font-size:.75rem;font-weight:600}.campaign-motion-toggle .demo-motion-icon{position:static;width:auto;height:auto;clip:auto;margin:0;overflow:visible;white-space:normal;font-size:.7rem;line-height:1}.demo-campaign-name strong,.demo-campaign-name>span{display:block}.demo-campaign-name>span{margin-top:6px;font-weight:400;font-size:.6875rem;line-height:1.5;color:#777}.demo-brief-heading{display:flex;flex-direction:column;gap:4px;padding:13px 15px}.demo-brief-heading>span{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:#777}.demo-brief-heading>strong{font-size:.8125rem;font-weight:500}.demo-brief-photo{overflow:hidden}.demo-brief-photo>.demo-photo{height:100%}.demo-creative-photo{height:218px;position:relative;overflow:hidden}.demo-creative-photo>.demo-photo{height:100%}.demo-creative-photo>.demo-format{position:absolute;top:12px;left:12px;color:#333;background:white;padding:5px 8px;border-radius:3px;font-size:.55rem}.demo-ad-brand{font-size:.65rem;font-weight:600;letter-spacing:.06em}.demo-creative-content .demo-ad-headline{font-size:1.1rem}.demo-phone-caption{position:absolute;z-index:1;bottom:18px;left:13px;right:13px;display:flex;flex-direction:column;gap:12px}.demo-phone-caption strong{font-size:1.1rem;font-weight:500;line-height:1.16;letter-spacing:-.025em}.demo-phone-caption>span{font-size:.625rem;padding:7px 8px;text-align:center;background:white;border-radius:4px;color:#222;align-self:flex-start}.demo-feedback{margin:0}.demo-feedback>span{display:block;font-size:.625rem;color:#777;margin-bottom:5px}.demo-approval-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#d9ebdf;flex-shrink:0}.demo-approval-status{display:flex;flex-wrap:wrap;gap:6px 13px}.demo-approval-status>span{font-weight:600}.demo-approval-status strong{font-size:.7rem;font-weight:400}.demo-calendar{grid-column:1/-1}.demo-calendar>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-calendar>header>span{font-size:.625rem;color:#777}.demo-calendar-item .demo-mini-preview{width:61px;height:42px;flex-shrink:0;border:0;border-radius:4px}.demo-calendar-item .demo-mini-preview>.demo-photo{height:100%;width:100%;object-fit:cover}.demo-calendar-copy{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-calendar-copy>strong{font-size:.7rem;font-weight:500}.demo-calendar-copy>strong>span{font-size:.625rem;color:#777;font-weight:400;margin-left:6px}.demo-calendar-copy>span{font-size:.6875rem;color:#626262;text-align:right}.demo-calendar-mark{font-size:.7rem;color:#557b61}.demo-platforms{grid-column:1/-1;list-style:none;margin:0;padding:1px 0;justify-content:space-between}.demo-platforms li{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.45rem;letter-spacing:.05em;color:#777}.demo-bar-fill{width:var(--bar-width,50%)}.demo-metric-note,.demo-attribution-note{font-size:.625rem;line-height:1.6!important;color:#777}.demo-insight>span{display:block;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:#777;margin-bottom:5px}.demo-dashboard-head>strong{font-size:.8125rem}.demo-comparison>article{border:1px solid #e1e1e1;border-radius:8px;overflow:hidden;background:white;padding:13px}.demo-comparison>article>span{font-size:.6rem;color:#777;display:block;letter-spacing:.06em;text-transform:uppercase}.demo-comparison>article>p{font-size:.875rem;line-height:1.45;margin:8px 0 0;color:#333}.demo-comparison>article:last-child{border-color:#e6aa8e;box-shadow:0 0 0 1px #e6aa8e}.demo-next-draft{padding:0;overflow:hidden;border:1px solid #e2e2e2;border-radius:9px}.demo-photo-card{position:relative;overflow:hidden;height:198px;background:#222;color:white}.demo-photo-card>.demo-photo{height:100%;width:100%}.demo-photo-card::after{content:'';position:absolute;inset:20% 0 0;background:linear-gradient(transparent,#000b)}.demo-photo-card>.demo-format{position:absolute;z-index:1;left:16px;top:14px;color:#fff;font-size:.6rem}.demo-photo-card>.demo-ad-headline{position:absolute;z-index:1;left:16px;right:16px;bottom:15px;font-size:1.2rem;line-height:1.2;font-weight:500;margin:0}.demo-next-reason{font-size:.75rem;padding:13px 16px;color:#626262}.demo-next-draft .demo-draft-status{padding:0 16px 14px}.demo-draft-status>span{font-size:.6rem;font-weight:600;color:#555}.demo-draft-status>p{font-size:.6875rem;line-height:1.5;margin-top:4px}
@media(max-width:760px){.demo-case-button{gap:5px;flex-direction:column;align-items:flex-start;padding:9px 11px}.demo-case-button>span{font-size:.55rem}.demo-case-button>strong{font-size:.625rem}.demo-intro{font-size:.875rem}.demo-creative-photo{height:172px}.demo-creative-content .demo-ad-headline{font-size:.9rem}.demo-phone-caption{left:9px;right:9px;bottom:11px;gap:9px}.demo-phone-caption strong{font-size:.86rem}.demo-phone-caption>span{font-size:.55rem;padding:5px 6px}.demo-calendar-copy{flex-direction:column;align-items:flex-start;gap:4px}.demo-calendar-copy>span{text-align:left;font-size:.65rem}.demo-calendar-copy>strong{font-size:.65rem}.demo-calendar-copy>strong>span{font-size:.6rem}.demo-calendar-item .demo-mini-preview{width:43px;height:37px}.demo-calendar>header{align-items:flex-start}.demo-calendar>header h5{font-size:.75rem}.demo-calendar>header>span{font-size:.55rem}.demo-platforms{gap:7px}.demo-platforms img{width:45px;height:16px}.demo-comparison>article{padding:10px}.demo-comparison>article>p{font-size:.75rem}.demo-photo-card{height:176px}.demo-photo-card>.demo-ad-headline{font-size:1.1rem}.demo-next-reason{font-size:.6875rem;padding:12px}.demo-next-draft .demo-draft-status{padding:0 12px 12px}}
@media(max-width:430px){.demo-brief-photo{grid-column:1;grid-row:1/3;min-height:170px;height:100%}.demo-brief-heading{grid-column:2;padding:11px 11px 0}.demo-brief dl{grid-column:2}.demo-brief-heading>strong{font-size:.7rem}}
/* Narrow screens lead with a readable moving portrait, then the matching ad. */
@media(max-width:430px){.demo-create-layout{grid-template-columns:minmax(0,1fr);gap:16px}.demo-create-layout .demo-phone{grid-row:1;width:190px;max-width:100%}.demo-create-layout .demo-phone-caption strong{font-size:1rem}.demo-create-layout .demo-phone-caption>span{font-size:.625rem;padding:7px 8px}.demo-create-layout .demo-phone .demo-format{font-size:.55rem}.demo-create-layout .demo-creative{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.demo-create-layout .demo-creative-photo{height:100%;min-height:190px}.demo-create-layout .demo-creative-content{padding:12px 10px}.demo-create-layout .demo-creative-photo>.demo-format{top:8px;left:6px;padding:4px 5px;font-size:.5rem}.demo-create-layout .demo-ad-cta{max-width:100%;overflow-wrap:anywhere}}