/* Each case study retains its own visual system inside the portfolio shell. */
.px-experience{padding-block:65px 95px}.px-intro{max-width:920px;margin-bottom:30px}.px-intro h2{font-size:clamp(40px,5.5vw,82px);letter-spacing:-.055em;line-height:1.04;margin:22px 0}.px-intro>p:last-child{font-size:18px;max-width:660px}.px-notice{font-size:13px;max-width:900px;margin-bottom:20px;color:#bdbdbd}.px-frame{border:1px solid #ffffff30;border-radius:14px;overflow:hidden}.px-frame *{min-width:0}.px-frame h4{margin:0}.px-frame :is(h3,h4,p,button,legend,dd){overflow-wrap:anywhere}.px-frame p{color:inherit}.px-frame button,.px-frame select,.px-frame input{font-family:Inter,Arial,sans-serif}.px-frame button{cursor:pointer}.px-frame button:disabled{cursor:not-allowed;opacity:.4}.px-frame button:focus-visible,.px-frame input:focus-visible,.px-frame select:focus-visible,.px-frame summary:focus-visible,.px-frame a:focus-visible{outline:3px solid #439cdb;outline-offset:4px}.px-frame [hidden]{display:none!important}.px-kicker{font:500 12px/1.5 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.px-fine{font-size:12px!important;line-height:1.6!important;opacity:.8}.px-source-link{margin-top:30px;white-space:normal}.px-originals-container{padding-bottom:80px}.px-originals{padding:24px;border:1px solid var(--line);border-radius:12px}.px-originals>summary{font-size:18px;color:var(--aqua);cursor:pointer}.px-originals[open]>summary{margin-bottom:30px}.px-originals .gallery{padding-bottom:0}.px-original-hero{margin-bottom:35px}.px-player-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 30px}.px-player-controls button{flex-shrink:0;width:48px;height:48px;border-radius:50%;border:1px solid currentColor;color:inherit;background:transparent;font-size:22px}.px-player-controls button:hover{background:#ffffff22}.px-player-controls p{font-size:13px;text-align:center}.px-controls{padding:0;margin:0;border:0;display:flex;gap:8px;flex-wrap:wrap}.px-controls legend{font-size:12px;margin-bottom:10px}.px-controls label{position:relative;cursor:pointer}.px-controls input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0}.px-controls label span{display:block;padding:9px 16px;border:1px solid #ffffff50;border-radius:5px;font-size:13px}.px-controls input:checked+span{background:#fff;color:#111}.px-controls input:focus-visible+span{outline:3px solid #439cdb;outline-offset:3px}.px-progress{display:flex;align-items:center;gap:8px;margin:30px 0 16px}.px-progress span{display:grid;place-items:center;flex:1;height:8px;background:#0002;font-size:0;border-radius:4px}.px-progress .is-current{background:currentColor}.px-progress .is-complete{background:currentColor;opacity:.4}.px-step-status{font-size:12px;margin-bottom:25px}.px-step-content fieldset{padding:0;margin:0;border:0;display:grid;gap:12px}.px-step-content legend{font-size:22px;line-height:1.25;font-weight:500;margin-bottom:24px;max-width:520px}.px-step-content label{position:relative;cursor:pointer}.px-step-content input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0}.px-step-content label span{display:block;border:1px solid #0003;background:#fff;padding:16px 20px;border-radius:5px;font-size:15px}.px-step-content input:checked+span{background:var(--choice-fill,#008844);color:#fff;border-color:var(--choice-fill,#008844)}.px-step-content input:focus-visible+span{outline:3px solid #439cdb;outline-offset:3px}.px-step-content dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;font-size:14px}.px-step-content dt{opacity:.7}.px-step-content dd{margin:0;font-weight:500}.px-step-content h4{font-size:28px;line-height:1.2}.px-step-actions{display:flex;justify-content:space-between;gap:15px;margin-top:25px}.px-step-actions button{border:1px solid currentColor;border-radius:24px;padding:12px 23px;background:transparent;color:inherit;font-size:14px}.px-step-actions button:last-child{margin-left:auto;background:var(--choice-fill,#008844);border-color:var(--choice-fill,#008844);color:#fff}.px-journey:focus{outline:none}.px-journey:focus-visible{outline:2px solid #439cdb;outline-offset:8px}
/* Subway: green, yellow, directional lines and a clear sequential journey. */
.sw-demo{--choice-fill:#008b42;background:#fff;color:#163a27}.sw-top{display:flex;justify-content:space-between;align-items:center;padding:22px 36px;gap:20px;font-size:13px}.sw-top strong{font:800 30px/1 Montserrat,sans-serif;color:#008b42;letter-spacing:-.06em}.sw-top strong span{font-size:12px;vertical-align:top}.sw-lead{display:grid;grid-template-columns:1.1fr 1fr;background:#008b42;color:white}.sw-lead>div{padding:clamp(30px,4vw,48px);display:flex;flex-direction:column;justify-content:center}.sw-lead h3{font-size:clamp(30px,4vw,58px);line-height:1.02;letter-spacing:-.05em;text-transform:uppercase;margin-top:20px}.sw-lead em{font-style:normal;color:#ffdc00}.sw-lead img{width:100%;height:100%;min-height:360px;object-fit:cover;object-position:40% center}.sw-wizard{padding:0;background:#fff}.sw-wizard>h3{font-size:clamp(28px,3vw,45px);text-transform:uppercase;line-height:1.05;color:#008b42;margin:0;padding:clamp(32px,4vw,50px) 9%;background:#ffc914}.sw-wizard>h3>span{display:block;max-width:640px}.sw-wizard .px-journey{margin:40px 9%;background:#fff;padding:32px 40px;box-shadow:0 10px 40px #13241613}.sw-path{padding:45px;background:#008b42;color:#fff}.sw-path h3{font-size:34px;margin:15px 0 30px;letter-spacing:-.04em}.sw-milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sw-milestones button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #ffffff70;background:transparent;color:white;padding:18px;font-size:14px}.sw-milestones button span{color:#ffe000;font-size:12px}.sw-milestones button[aria-pressed=true]{background:#ffda00;color:#174b2b;border-color:#ffda00}.sw-milestones button[aria-pressed=true] span{color:#174b2b}.sw-milestone-copy{margin-top:28px;min-height:100px}.sw-milestone-copy h4{font-size:24px;margin-bottom:10px}
/* HairClub: editorial serifs, deep burgundy and soft blue calls to action. */
.hc-demo{--choice-fill:#476576;background:white;color:#352a29}.hc-top{padding:23px 35px;display:flex;justify-content:space-between;gap:20px;align-items:center}.hc-top strong{font:bold 25px Arial,sans-serif;color:#530601}.hc-top sup{font-size:10px}.hc-top>span{font-size:12px}.hc-demo h3,.hc-demo h4{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.025em}.hc-lead{display:grid;grid-template-columns:1fr 1fr;background:#4b0200;color:#fff;align-items:center}.hc-lead>div{padding:45px}.hc-lead h3{font-size:clamp(32px,3.6vw,54px);line-height:1.06;margin:20px 0 30px}.hc-lead img{width:100%;height:100%;object-fit:cover}.hc-button{display:inline-block;background:#fff;color:#530601;padding:13px 22px;border-radius:30px;font-size:14px}.hc-solutions{padding:45px}.hc-solutions>h3{font-size:36px;margin-bottom:30px}.px-tablist{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid #ddd;padding-bottom:15px}.px-tablist button{border:0;background:#eaf0f4;color:#3e5967;padding:13px 20px;border-radius:25px;font-size:14px}.px-tablist button[aria-selected=true]{background:#476576;color:white}#hc-solution-panel{padding:30px 0 0;min-height:260px}#hc-solution-panel h4{font-size:32px;margin:12px 0}#hc-solution-panel>p{max-width:740px;font-size:17px;line-height:1.7}#hc-solution-panel details{margin-top:25px;border-block:1px solid #ddd;padding:18px 0}#hc-solution-panel summary{cursor:pointer;font-size:14px}#hc-solution-panel details p{padding-top:18px;font-size:15px;max-width:700px}.hc-details-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:45px;background:#edf1f3}.hc-details-grid h3{font-size:32px;line-height:1.1;margin:15px 0 25px}.hc-comparison{max-width:420px}.hc-compare-images{position:relative;overflow:hidden;aspect-ratio:218/275;border-radius:12px;max-width:330px}.hc-compare-images img{width:100%;height:100%;object-fit:cover}.hc-after{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}.hc-compare-images:before,.hc-compare-images:after{position:absolute;z-index:2;bottom:12px;color:#fff;background:#0009;padding:4px 10px;border-radius:4px;font-size:12px}.hc-compare-images:before{content:'Now';left:12px}.hc-compare-images:after{content:'Before';right:12px}.hc-comparison label{display:block;font-size:13px;margin-top:20px}.hc-comparison output{float:right}.hc-comparison input{padding:0;width:100%;accent-color:#476576;border:0;min-height:44px}.hc-comparison .px-fine{max-width:330px}.hc-demo .px-step-content legend{font-size:18px}.hc-demo .px-step-content label span{border-radius:8px}.hc-demo .px-step-content h4{font-size:30px}
/* Consumer Reports: research photography, green identity, bold campaign type. */
.cr-demo{--cr-accent:#00ad50;background:#050d0b;color:#fff}.cr-top{padding:25px 35px;background:var(--cr-accent);color:#07120b;display:flex;align-items:center;justify-content:space-between;gap:20px}.cr-top strong{font:800 45px/1 Inter,sans-serif;letter-spacing:-.08em}.cr-top strong span{font:500 12px Inter,sans-serif;letter-spacing:0;display:inline-block;width:70px;margin-left:9px}.cr-top>span{font-size:13px}.cr-directions{display:flex;padding:25px 35px;gap:10px;flex-wrap:wrap}.cr-directions button{background:transparent;color:#eee;border:1px solid #ffffff60;padding:12px 18px;border-radius:3px;font-size:14px}.cr-directions button[aria-pressed=true]{color:#05120b;background:var(--cr-accent);border-color:var(--cr-accent)}.cr-stage{display:grid;grid-template-columns:1fr 1fr;min-height:430px;outline-offset:-4px}.cr-native{padding:35px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.cr-kicker{color:var(--cr-accent)!important;margin-bottom:25px}.cr-message{font-size:clamp(30px,3.5vw,52px);line-height:1.05;letter-spacing:-.045em;text-transform:uppercase;position:relative;z-index:1}.cr-frame-number{font-size:130px;line-height:1;color:var(--cr-accent);opacity:.12;position:absolute;right:20px;bottom:-10px;pointer-events:none}.cr-lines{height:40px;width:70%;margin-top:35px;background:repeating-linear-gradient(0deg,transparent 0 5px,var(--cr-accent) 5px 6px);opacity:.6}.cr-art{margin:0;padding:20px 30px 20px 0;align-self:center}.cr-art img{width:100%;max-height:420px;object-fit:contain}.cr-art figcaption{font-size:12px;color:#a5b3ab;padding-top:15px}.cr-timeline{display:flex;gap:8px;padding:25px 35px 0}.cr-timeline button{flex:1;color:#aaa;background:transparent;border:0;border-top:3px solid #ffffff35;padding:13px 0;text-align:left;font-size:13px}.cr-timeline button[aria-pressed=true]{border-color:var(--cr-accent);color:var(--cr-accent)}.cr-notes{padding:0 35px 35px;color:#b7c7bd!important;font-size:14px;line-height:1.8}
/* Jägermeister: forest green, cream cards, direct language and orange accents. */
.jm-demo{background:#082417;color:#f1edd9}.jm-top{display:flex;justify-content:space-between;align-items:center;padding:25px 35px;border-bottom:1px solid #f1edd940}.jm-top strong{font:700 28px Georgia,serif}.jm-top>span{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.jm-layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:35px;padding:40px}.jm-voice h3{font-size:clamp(55px,6vw,90px);line-height:.95;text-transform:uppercase;letter-spacing:-.055em;margin:20px 0 30px}.jm-tones{display:flex;flex-wrap:wrap;gap:10px}.jm-tones button{background:transparent;border:1px solid #f1edd980;color:#f1edd9;padding:10px 15px;font-size:13px}.jm-tones button[aria-pressed=true]{background:#ec682b;border-color:#ec682b;color:#082417}.jm-principle{background:#f1edd9;color:#082417;padding:27px;border-radius:0 14px 14px;margin:30px 0 20px;min-height:220px;box-shadow:8px 8px 0 #f1edd920}.jm-principle h4{font-size:27px;line-height:1.1;margin-bottom:18px;letter-spacing:-.025em}.jm-principle p{font-size:17px;line-height:1.7}.jm-posts>.px-kicker{margin-bottom:22px}.jm-post-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.jm-post-grid figure{margin:0;min-width:0}.jm-post-grid img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#05150f;border:1px solid #f1edd925}.jm-post-grid figcaption{font-size:11px;padding-top:12px;color:#c8c7b9}.jm-posts .px-player-controls{padding-inline:0}
/* Email: real responsive modules and each client's own color/type treatment. */
.em-demo{background:#151515}.em-toolbar,.dk-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 30px;border-bottom:1px solid #ffffff30;background:#1d1d1d;color:#eee}.em-toolbar>label,.dk-toolbar>label{display:flex;align-items:center;gap:18px;font-size:13px}.px-frame select{padding:11px 35px 11px 13px;border:1px solid #ffffff50;border-radius:4px;background:#171717;color:#fff;font-size:14px;max-width:100%}.em-workspace{display:grid;grid-template-columns:220px 1fr}.em-options{padding:30px 24px;border-right:1px solid #ffffff25;color:#ddd}.em-options>.px-kicker{margin-bottom:22px}.em-options>label{display:flex;align-items:center;gap:10px;font-size:14px;margin:18px 0}.em-options input[type=checkbox]{width:18px;height:18px;min-height:0;padding:0;accent-color:var(--aqua)}.em-options .em-name-label{display:block;margin-top:35px;font-size:12px}.em-options input[type=text],.em-options input:not([type]){font-size:14px;margin-top:10px;padding:10px 0;min-height:40px}.em-options button{margin-top:25px;border:1px solid #ffffff60;color:#eee;background:transparent;padding:10px 16px;font-size:13px}.em-canvas{padding:35px 25px;background:#242424;overflow:hidden}.em-email{--email-accent:#009ca6;--email-ink:#fff;width:600px;max-width:100%;margin:auto;background:#fff;color:#333;container-type:inline-size;transition:width .5s var(--ease)}.em-email[data-email-width=mobile]{width:320px}.em-brand-name{background:var(--email-accent);color:var(--email-ink);text-align:center;font-weight:800;font-size:22px;padding:16px 20px;letter-spacing:.025em}.em-email-content{padding:30px}.em-title{font-size:34px;line-height:1.02;text-transform:uppercase;letter-spacing:-.04em;color:var(--email-accent);margin:15px 0}.em-subtitle{font:italic 25px/1.2 Georgia,serif;color:#667!important;margin:16px 0 25px}.em-hero{width:100%;height:240px;object-fit:cover;margin:20px 0}.em-body{line-height:1.8;font-size:15px;margin:20px 0}.em-greeting:not(:empty){font-weight:500;margin-bottom:12px}.em-cta{border:0;background:var(--email-accent);color:var(--email-ink);padding:14px 20px;text-transform:uppercase;letter-spacing:.04em;font-size:13px;width:100%;font-weight:500}.em-cta:hover{filter:brightness(.88)}.em-feedback{font-size:13px;line-height:1.6;margin-top:14px}.em-email footer{font-size:11px;color:#777;border-top:1px solid #ddd;margin-top:30px;padding-top:20px;text-align:center}.em-email[data-email-theme=subway]{--email-accent:#008542;--email-ink:#fff;background:#ffdb15;color:#093824}.em-email[data-email-theme=subway] .em-title{font-size:42px;text-transform:uppercase;color:#073a21}.em-email[data-email-theme=subway] .em-subtitle{font:500 17px Inter,sans-serif;color:#183a27!important}.em-email[data-email-theme=subway] .em-hero{height:350px;object-fit:contain;background:#20170b}.em-email[data-email-theme=mutual]{--email-accent:#19384f;--email-ink:#fff;background:#fafafa}.em-email[data-email-theme=mutual] .em-title{text-transform:none;font-size:30px;letter-spacing:-.025em}.em-email[data-email-theme=mutual] .em-brand-name{text-transform:none;background:#fff;color:#19384f;border-bottom:3px solid #29b7c4}.em-email[data-email-theme=mutual] .em-subtitle{font:400 16px/1.6 Inter,sans-serif;color:#555!important}
/* Presentations: reconstructed layouts, not flattened images. */
.dk-demo{background:#151515}.dk-toolbar>span{font-size:12px;color:#aaa;max-width:220px}.dk-slide{position:relative;min-height:540px;padding:50px;color:var(--deck-ink);background:var(--deck-fill);overflow:hidden;display:flex;flex-direction:column;justify-content:center;outline-offset:-4px;--deck-fill:#ffd700;--deck-ink:#182a31;--deck-accent:#ec004c}.dk-slide[data-deck-theme=s50]{--deck-fill:#3d0878;--deck-ink:#fff;--deck-accent:#ff6937}.dk-slide[data-deck-theme=afterdark]{--deck-fill:#082419;--deck-ink:#f2eacd;--deck-accent:#f57431}.dk-slide h3{font-size:clamp(38px,5vw,76px);line-height:1.02;text-transform:uppercase;letter-spacing:-.045em;max-width:820px;position:relative;z-index:1;margin:20px 0}.dk-slide>.px-kicker{position:relative;z-index:1}.dk-body{font-size:22px;line-height:1.5;max-width:600px;position:relative;z-index:1}.dk-slide[data-layout=cover] h3,.dk-slide[data-layout=cover] .dk-body{max-width:55%}.dk-slide[data-layout=cover]>img{position:absolute;right:0;top:0;width:42%;height:100%;object-fit:cover}.dk-slide[data-deck-theme=s50][data-layout=cover]{background:radial-gradient(circle at 85% 90%,#ff6937 0 20%,transparent 20.2%),#3d0878}.dk-slide[data-deck-theme=s50][data-layout=cover] h3{max-width:80%}.dk-items{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.dk-items button{background:#ffffffdc;color:#15242a;border:0;padding:25px;text-align:left;font-size:20px;font-weight:500;min-height:140px;transition:transform .3s,background .3s}.dk-items button[aria-pressed=true]{background:var(--deck-accent);color:#fff;transform:translateY(-5px)}.dk-item-number{display:block;font-size:12px;letter-spacing:.1em;margin-bottom:20px}.dk-slide[data-layout=process] .dk-items{grid-template-columns:repeat(4,1fr)}.dk-slide[data-layout=process] .dk-items button{border-radius:50%;aspect-ratio:1;min-height:0;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:16px;padding:22px}.dk-slide[data-deck-theme=s50][data-layout=process] .dk-items{grid-template-columns:repeat(5,1fr)}.dk-item-note{min-height:50px;margin-top:25px;font-size:17px}.dk-chapters{display:flex;gap:8px;padding:22px 30px 0;flex-wrap:wrap}.dk-chapters button{background:transparent;color:#ddd;border:1px solid #ffffff40;border-radius:4px;padding:10px 15px;font-size:13px}.dk-chapters button[aria-pressed=true]{background:#f5f5f5;color:#111}.dk-reference{padding:0 30px 25px}.dk-reference summary{font-size:13px;color:#aaa;cursor:pointer}.dk-reference img{width:100%;max-width:700px;margin:20px auto 0}.cr-message,.dk-slide h3{animation:px-enter .45s var(--ease)}@keyframes px-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@container(max-width:380px){.em-email-content{padding:22px}.em-title{font-size:30px}.em-hero{height:190px}.em-email[data-email-theme=subway] .em-title{font-size:34px}}
@media(max-width:950px){.jm-layout{grid-template-columns:1fr;gap:30px}.jm-voice h3{font-size:65px}.jm-principle{min-height:0}.jm-post-grid img{max-height:480px}.hc-details-grid{gap:25px;padding:30px}.em-workspace{grid-template-columns:180px 1fr}.em-options{padding:25px 18px}.dk-slide[data-layout=process] .dk-items,.dk-slide[data-deck-theme=s50][data-layout=process] .dk-items{grid-template-columns:repeat(3,1fr)}.dk-slide{padding:35px}.dk-items button{padding:20px;font-size:17px}}
@media(max-width:650px){.px-experience{padding-block:45px 65px}.px-intro h2{font-size:42px}.px-notice{font-size:12px}.px-player-controls{padding:18px}.sw-top,.hc-top,.jm-top,.cr-top{padding:20px;flex-wrap:wrap}.sw-lead,.hc-lead,.cr-stage,.hc-details-grid{grid-template-columns:1fr}.sw-lead>div,.hc-lead>div{padding:30px}.sw-lead img{height:auto;min-height:0;max-height:none;aspect-ratio:16/9;object-position:center}.sw-wizard .px-journey{margin:28px 20px;padding:24px 20px}.sw-wizard>h3{font-size:30px;padding:30px 20px}.sw-path{padding:30px 20px}.sw-milestones{grid-template-columns:1fr 1fr}.sw-milestones button{padding:14px;font-size:13px}.px-step-content legend{font-size:19px}.px-step-content dl{grid-template-columns:1fr;gap:7px}.px-step-content dd{margin-bottom:10px}.hc-solutions{padding:30px 22px}.hc-solutions>h3{font-size:30px}.hc-lead img{max-height:240px}.hc-details-grid{padding:30px 22px;gap:45px}.hc-comparison{max-width:none}.hc-compare-images{margin:auto;max-width:330px}.cr-directions{padding:20px}.cr-native{padding:30px 24px}.cr-message{font-size:clamp(23px,7.5vw,37px)}.cr-art{padding:0 24px 20px}.cr-art img{max-height:280px}.cr-timeline{padding:15px 24px 0}.cr-notes{padding:0 24px 25px}.jm-layout{padding:25px}.jm-post-grid{gap:10px}.jm-principle{padding:23px}.em-toolbar,.dk-toolbar{padding:20px;flex-direction:column;align-items:stretch}.em-toolbar>label,.dk-toolbar>label{flex-direction:column;align-items:stretch;gap:10px}.em-workspace{grid-template-columns:1fr}.em-options{border-right:0;border-bottom:1px solid #ffffff25;display:flex;flex-wrap:wrap;gap:12px 18px;padding:20px}.em-options>.px-kicker,.em-options .em-name-label,.em-options .px-fine{width:100%}.em-options>label{margin:0}.em-options .em-name-label{margin-top:10px}.em-options button{margin-top:0}.em-canvas{padding:25px 12px}.em-email-content{padding:22px}.dk-slide{padding:28px 24px;min-height:520px}.dk-slide h3{font-size:38px}.dk-body{font-size:18px}.dk-slide[data-layout=cover]{padding-top:28px;padding-bottom:255px;justify-content:start}.dk-slide[data-layout=cover] h3,.dk-slide[data-layout=cover] .dk-body{max-width:100%}.dk-slide[data-layout=cover]>img{top:auto;bottom:0;width:100%;height:220px}.dk-slide[data-deck-theme=s50][data-layout=cover]{padding-bottom:120px}.dk-items{grid-template-columns:1fr}.dk-items button{min-height:100px}.dk-slide[data-layout=process] .dk-items,.dk-slide[data-deck-theme=s50][data-layout=process] .dk-items{grid-template-columns:repeat(2,1fr)}.dk-slide[data-layout=process] .dk-items button{font-size:14px;padding:16px}.dk-chapters{padding:18px 20px 0}.dk-chapters button{font-size:12px;padding:8px 12px}.px-originals{padding:18px}}
@media(prefers-reduced-motion:reduce){.cr-message,.dk-slide h3{animation:none}.em-email,.dk-items button{transition:none}}
/* Preserve source imagery and keep narrow-screen examples readable. */
.em-email .em-hero{height:auto;object-fit:contain}
@media(max-width:450px){.jm-post-grid{grid-template-columns:1fr}.jm-post-grid img{max-height:none}.dk-slide h3{font-size:clamp(29px,8vw,38px)}}
@supports(font-size:1cqi){.cr-native{container-type:inline-size}.cr-message{font-size:clamp(18px,9cqi,52px)}}
.em-email[data-email-theme=mutual] .em-hero{aspect-ratio:597/144;object-fit:cover;object-position:top}
.dk-slide[data-deck-theme=s50] .dk-items button[aria-pressed=true],.dk-slide[data-deck-theme=afterdark] .dk-items button[aria-pressed=true]{color:#15242a}

/* Content spacing: headings must not inherit browser margins inside cards. */
.px-journey>.px-progress{margin-top:0}
.px-step-content h4{margin-bottom:20px}
.em-feedback:empty{display:none}
.jm-post-grid figure{width:100%;max-width:328px;justify-self:center}
.hc-compare-images{max-width:218px}
.em-email[data-email-theme=subway] .em-hero{max-width:420px;margin-inline:auto}
@media(max-width:650px){#hc-solution-panel{min-height:0}.sw-milestone-copy{min-height:0}.hc-compare-images{max-width:218px}}

.hc-compare-images{margin-inline:auto}
/* Cover photos follow the copy so short mobile headings cannot leave a large void. */
@media(max-width:650px){
 .dk-slide[data-layout=cover]{min-height:0;padding-bottom:28px}
 .dk-slide[data-layout=cover]>img{position:static;flex-shrink:0;width:calc(100% + 48px);max-width:none;height:220px;margin:28px -24px -28px;object-fit:cover}
 .dk-slide[data-deck-theme=s50][data-layout=cover]{padding-bottom:64px}
}