@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--navy:#071b44;--blue:#275de8;--light:#f2f6ff;--ink:#10234a;--muted:#62718a;--gold:#d9e9ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fff}a{text-decoration:none;color:inherit}button{cursor:pointer}.wrap{max-width:1160px;margin:auto;padding-left:28px;padding-right:28px}.nav{height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-family:Manrope,sans-serif;font-weight:800;font-size:15px;letter-spacing:.05em;white-space:nowrap}.mark{display:inline-grid;place-items:center;background:var(--blue);color:white;border-radius:10px;width:36px;height:36px;margin-right:9px;font-size:22px}.nav nav{display:flex;gap:26px;font-size:13px;font-weight:700}.nav nav a:hover,.textlink:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;border-radius:30px;padding:17px 26px;font-size:13px;font-weight:800;transition:transform .2s}.btn:hover{transform:translateY(-3px)}.btn.small{padding:13px 19px;font-size:12px}.hero{min-height:615px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding-top:55px;padding-bottom:70px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.19em;color:var(--blue)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.055em;line-height:1.13}h1{font-size:clamp(44px,5vw,70px);margin:20px 0}h2{font-size:clamp(36px,4vw,54px);margin:17px 0 22px}h2 em,h1 em{font-style:normal;color:var(--blue)}.hero p,.intro{font-size:16px;line-height:1.8;max-width:520px;color:var(--muted)}.actions{display:flex;gap:23px;align-items:center;margin:30px 0}.textlink{font-size:13px;font-weight:800}.trustline{display:flex;flex-wrap:wrap;gap:14px;font-size:11px;color:var(--muted)}.heroart{height:440px;position:relative;background:linear-gradient(135deg,#dce8ff,#f4f7ff 55%,#bcd0ff);border-radius:25px;display:grid;place-items:center;overflow:hidden}.mock{width:70%;min-height:310px;background:linear-gradient(145deg,#092458,#244b9b);border-radius:8px;padding:35px;color:white;box-shadow:0 30px 60px #081d4b50;transform:rotate(-4deg)}.mock>span{font-size:10px;letter-spacing:.2em}.mock h2{font-size:43px;margin:45px 0 25px;color:#fff}.mockbutton{font-size:10px;background:white;color:#0c2b65;padding:13px;display:inline-block;font-weight:800}.floating{position:absolute;background:white;padding:15px 19px;border-radius:10px;box-shadow:0 8px 25px #12274b2a;font-size:11px;font-weight:800;z-index:1}.floating b{display:block;color:var(--blue);margin-top:5px}.floating.top{top:25px;left:10px}.floating.bottom{bottom:35px;right:15px}.brands{text-align:center;background:#f3f6fc;padding:34px 0}.brandrow{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin:24px 0 5px;color:#7e8ba2;font-family:Manrope;font-weight:800;letter-spacing:.06em}.muted{font-size:11px;color:#9aa5b8;margin-bottom:0}.section{padding-top:105px;padding-bottom:105px}.dark{background:var(--navy);color:white}.light{color:#9fc0ff}.dark h2 em{color:#91b6ff}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:25px}.sectionhead p{max-width:390px;color:#b9c9e5;line-height:1.7}.sliderbuttons{display:flex;gap:8px;margin-bottom:25px}.sliderbuttons button{width:42px;height:42px;border-radius:50%;background:transparent;color:white;border:1px solid #7284a6;font-size:20px}.cards{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 0 25px;scrollbar-color:#5c78b5 transparent}.emailcard{flex:0 0 258px;scroll-snap-align:start;border-radius:12px;overflow:hidden;color:#13244a;background:white}.emailtop{padding:12px;background:#fff;font-size:9px;text-align:center;font-weight:800;letter-spacing:.12em}.emailbody{height:335px;text-align:center;padding:28px 20px;display:flex;flex-direction:column;align-items:center}.emailbody small{letter-spacing:.2em;font-weight:800;font-size:9px}.emailbody h3{font-size:31px;line-height:1.13;margin:16px 0}.emailbody .shape{width:125px;height:125px;border-radius:50%;background:linear-gradient(45deg,#ffffffa0,#284ad58c);box-shadow:inset 10px 10px 25px #ffffff8f;margin:auto;transform:rotate(-25deg)}.emailbody span{font-size:9px;font-weight:800;border-radius:25px;background:#0d2554;color:white;padding:12px 18px}.pink .emailbody{background:#ffe4ee}.blue .emailbody{background:#c8e8fa}.yellow .emailbody{background:#ffebac}.lavender .emailbody{background:#e0d6fa}.emailcard footer{padding:16px;font-weight:800;font-size:12px}.disclaimer{font-size:11px;color:#a7b8d6;line-height:1.7;margin-top:18px}.resultgrid,.reviewgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.result,.review{border:1px solid #e5eaf5;border-radius:16px;padding:22px}.result>span,.services article span{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.12em}.result strong{display:block;font-size:21px;margin:12px 0 22px}.resultvisual{height:170px;background:linear-gradient(140deg,#09255b,#3568db);color:white;border-radius:10px;padding:20px;font-size:11px;font-weight:800}.bars{height:110px;display:flex;align-items:end;gap:10px;padding:12px}.bars i{display:block;flex:1;background:#9dbbff;border-radius:4px 4px 0 0}.bars i:nth-child(1){height:30%}.bars i:nth-child(2){height:46%}.bars i:nth-child(3){height:40%}.bars i:nth-child(4){height:67%}.bars i:nth-child(5){height:77%}.bars i:nth-child(6){height:95%}.result p{font-size:13px;line-height:1.7;color:var(--muted);margin-top:19px}.result small{font-size:10px;color:#8492aa}.pale{background:var(--light)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.services article{padding:25px 5px 25px 0;border-top:1px solid #cad8f1}.services h3{font-size:21px;margin:17px 0 9px}.services p{font-size:14px;line-height:1.75;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px}.philosophy p{color:#b8c9e7;line-height:1.8}.steps>div{padding:17px 0 17px 60px;border-bottom:1px solid #496080;position:relative}.steps b{position:absolute;left:0;top:20px;color:#91b6ff}.steps h3{margin:0 0 5px}.steps p{font-size:13px;margin:0}.review{background:#f8faff}.review span{color:#3768e6}.review h3{margin:22px 0 12px}.review p{color:var(--muted);font-size:14px;line-height:1.7}.review small{font-size:10px;font-weight:800}.faq{max-width:850px;margin-top:40px}details{border-bottom:1px solid #c9d6ec;padding:23px 0}summary{font-size:17px;font-weight:800;cursor:pointer;list-style:none}summary:after{content:'+';float:right;color:var(--blue)}details[open] summary:after{content:'−'}details p{padding-top:18px;color:var(--muted);line-height:1.7}.cta{text-align:center;padding:110px 20px}.cta h2{font-size:clamp(38px,5vw,66px)}.cta p{color:#b7c9e9;line-height:1.7}.gold{background:#d9e9ff;color:#0c2b60;margin-top:16px}.cta .disclaimer{max-width:430px;margin:20px auto 0;font-size:10px}.sitefooter{border-top:1px solid #355079;padding:35px 0}.foot{display:flex;align-items:center;justify-content:space-between;gap:20px}.foot p,.foot small{font-size:11px;color:#a5b9dc;margin-top:12px}.foot>div:nth-child(2){display:flex;gap:18px;font-size:12px}@media(max-width:800px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.heroart{height:350px}.resultgrid,.reviewgrid,.services{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr;gap:25px}.foot{flex-wrap:wrap}}@media(max-width:560px){.wrap{padding-left:20px;padding-right:20px}.nav{height:72px}.logo{font-size:12px}.nav .small{font-size:10px;padding:11px}.hero{gap:20px}.heroart{height:310px}.mock{min-height:230px;padding:25px}.mock h2{font-size:31px;margin:25px 0}.floating{font-size:9px;padding:10px}.section{padding-top:70px;padding-bottom:70px}.resultgrid,.reviewgrid,.services{grid-template-columns:1fr}.sectionhead{align-items:start}.sliderbuttons{margin-top:25px}.emailcard{flex-basis:245px}.brandrow{justify-content:center}.foot>div:nth-child(2){flex-wrap:wrap}}

/* SILVER ENVELOPE - polished additions */
.nav{height:auto;min-height:83px}.nav nav{gap:16px}.nav nav a{white-space:nowrap}.service-links{display:flex;gap:20px;flex-wrap:wrap;margin:0 0 22px}.service-links a{font-size:12px;color:var(--blue);font-weight:800}.showcase .email-preview{height:350px;position:relative;background:var(--tile);overflow:hidden}.email-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;z-index:2}.email-preview img[hidden]{display:none}.sample-art{height:100%;padding:25px 20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center}.sample-art>span{font-size:10px;font-weight:800;letter-spacing:.18em}.sample-art strong{font:800 29px/1.12 Manrope,sans-serif;letter-spacing:-.05em}.sample-art small{font-size:9px;letter-spacing:.12em;font-weight:800}.sample-orb{height:130px;width:130px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#9cb8f0 65%,#2d58ba);box-shadow:0 15px 30px #0d2b6133}.section-subtitle{font:800 26px Manrope,sans-serif;margin:48px 0 20px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:25px 0 40px}.dashboard-card{margin:0;background:#fff;border:1px solid #dbe4f4;border-radius:16px;overflow:hidden;box-shadow:0 12px 35px #0b2a5a0b}.dashboard-preview{height:260px;position:relative;background:#f3f7ff}.dashboard-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2}.dashboard-preview img[hidden]{display:none}.dashboard-art{padding:26px;height:100%;display:flex;flex-direction:column;gap:20px}.dash-line{height:13px;width:40%;border-radius:5px;background:#d5e2f8}.dash-stat{display:flex;gap:12px}.dash-stat span{height:50px;background:#e0eafa;border-radius:8px;flex:1}.dash-chart{height:110px;display:flex;align-items:end;gap:14px;padding:8px 20px;background:#fff;border-radius:9px}.dash-chart i{flex:1;background:linear-gradient(#6593ff,#275de8);border-radius:5px 5px 0 0;height:30%}.dash-chart i:nth-child(2){height:47%}.dash-chart i:nth-child(3){height:39%}.dash-chart i:nth-child(4){height:75%}.dash-chart i:nth-child(5){height:64%}.dash-chart i:nth-child(6){height:90%}.dashboard-card figcaption{padding:17px 20px;font-weight:800;font-size:14px}.dashboard-card figcaption small{display:block;font-weight:500;color:var(--muted);font-size:11px;margin-top:6px}.centered{text-align:center}.mid-cta{padding:85px 0;background:#e7efff;text-align:center}.mid-cta h2{font-size:clamp(36px,4vw,55px)}.mid-cta p{color:var(--muted)}.reviewgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.review{transition:transform .2s,box-shadow .2s}.review:hover{transform:translateY(-4px);box-shadow:0 15px 40px #1a3d7414}.calendar-wrap{max-width:860px;margin:50px auto 0;background:#fff;color:var(--ink);padding:30px;border-radius:20px;min-height:200px}.calendar-wrap h3{font-size:24px}.calendar-wrap p{color:var(--muted)}#calendlyInline{min-width:0}.booking-modal{display:none;position:fixed;inset:0;background:#051330bf;z-index:200;align-items:center;justify-content:center;padding:16px}.booking-modal.open{display:flex}.booking-panel{position:relative;width:min(900px,100%);height:min(740px,94vh);overflow:auto;background:#fff;color:var(--ink);border-radius:20px;padding:30px}.modal-close{position:absolute;right:18px;top:12px;font-size:32px;border:0;background:none;color:var(--ink)}#calendlyPopup{min-height:520px}.subhero{padding:110px 0}.subhero h1{max-width:900px;color:#fff}.subhero p{max-width:700px;color:#bed0ef;line-height:1.8;font-size:18px}.subhero-link{display:inline-block;margin-left:22px;color:#b8c9e7;font-weight:700;font-size:13px}.dark-buttons button{color:var(--blue);border-color:#abc3f0}.subhero h1 em{color:#9bbcff}.nav .btn{border:0}@media(max-width:800px){.nav nav{display:none}.dashboard-grid,.reviewgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.dashboard-grid,.reviewgrid{grid-template-columns:1fr}.subhero{padding:70px 0}.subhero-link{margin:20px 0 0;display:block}.calendar-wrap{padding:20px}.booking-panel{padding:20px}.sectionhead{flex-wrap:wrap}}

/* Real portfolio thumbnails remain the same height regardless of email length. */
.portfolio-tile {display:block;position:relative;transition:transform .2s ease,box-shadow .2s ease;transform-origin:center;overflow:hidden}
.portfolio-tile:hover,.portfolio-tile:focus-visible {transform:translateY(-7px) scale(1.035);box-shadow:0 20px 42px rgba(0,0,0,.25);z-index:2}
.portfolio-tile .email-screenshot {display:block;width:100%;height:335px;object-fit:cover;object-position:top}
.portfolio-tile footer {background:#fff;color:#10234a;min-height:48px}
.dashboard-shot {width:100%;height:100%;object-fit:contain;background:#fff;border-radius:9px}
.resultvisual:has(.dashboard-shot){padding:5px;background:#fff;border:1px solid #e5eaf5}
.calendly-embed{max-width:900px;margin:48px auto 0;text-align:center}
.calendly-embed h3{color:white;font-size:23px;margin-bottom:22px}
.calendly-embed iframe{display:block;width:100%;height:710px;border:0;border-radius:15px;background:#fff}
@media(max-width:600px){.calendly-embed iframe{height:780px}.portfolio-tile:hover{transform:none}}

/* Single-page portfolio refinements */
html{scroll-behavior:smooth;scroll-padding-top:24px}
.cards{padding:32px 6px 48px;gap:26px;overflow-x:auto;overflow-y:hidden}
.emailcard.portfolio-tile{flex:0 0 335px;width:335px;border-radius:14px;overflow:hidden;display:block;background:white;transition:transform .23s ease,box-shadow .23s ease;transform-origin:center;box-shadow:0 9px 28px rgba(0,0,0,.16)}
.portfolio-tile .email-screenshot{display:block;width:100%;height:480px;object-fit:cover;object-position:top;}
.portfolio-tile:hover,.portfolio-tile:focus-visible{transform:translateY(-9px) scale(1.09);box-shadow:0 24px 45px rgba(0,0,0,.42);z-index:3}
.portfolio-cta{margin-top:8px}
.real-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:30px 0 0}
.real-dashboard-card{margin:0;overflow:hidden;border-radius:16px;border:1px solid #e1e7f2;background:#fff;box-shadow:0 12px 30px rgba(20,50,90,.07)}
.dashboard-enlarge{display:block;width:100%;padding:12px;background:#f7f9fd;border:0;cursor:zoom-in}
.dashboard-enlarge img{display:block;width:100%;height:350px;object-fit:contain;object-position:center;background:#fff;border-radius:8px}
.real-dashboard-card figcaption{padding:16px 20px;font-size:15px;font-weight:800;color:#10234a}
.image-lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(3,12,29,.92);padding:55px 22px 24px}
.image-lightbox.open{display:flex}
.image-lightbox img{max-width:96vw;max-height:86vh;object-fit:contain;background:white;border-radius:8px}
.lightbox-close{position:absolute;top:12px;right:25px;border:0;background:transparent;color:white;font-size:40px;cursor:pointer}
.calendly-embed{max-width:960px;margin:42px auto 0}
.calendly-embed h3{color:white;font-size:24px;margin-bottom:20px}
.calendly-embed iframe{display:block;width:100%;height:760px;border:0;background:white;border-radius:14px}
@media(max-width:800px){.real-dashboard-grid{grid-template-columns:1fr}.dashboard-enlarge img{height:auto;max-height:470px}.emailcard.portfolio-tile{flex-basis:290px;width:290px}.portfolio-tile .email-screenshot{height:425px}}
@media(max-width:560px){.emailcard.portfolio-tile{flex-basis:270px;width:270px}.portfolio-tile .email-screenshot{height:400px}.portfolio-tile:hover{transform:none}.calendly-embed iframe{height:790px}}

/* Silver Envelope brand refresh */
:root{--navy:#29051f;--blue:#9c6aff;--light:#f7f2ff;--ink:#25212e;--muted:#696272;--gold:#e9d9ff}
body{font-family:'Brandon Grotesque','Avenir Next','Century Gothic','Trebuchet MS',sans-serif}
h1,h2,h3,.logo,.brandrow{font-family:'Brandon Grotesque','Avenir Next','Century Gothic','Trebuchet MS',sans-serif}
.nav{min-height:86px}.logo{display:flex;align-items:center;line-height:1}.brand-logo{width:210px;max-height:62px;object-fit:contain;object-position:left center;display:block}
.sitefooter .brand-logo{width:225px;max-height:115px}
.heroart{background:linear-gradient(135deg,#efe3ff,#fbf9ff 55%,#d8bcff)}
.mock{background:linear-gradient(145deg,#2e133a,#7d40d7)}
.floating b,.eyebrow,.services article span{color:#8e50ea}
.brands{background:#faf7ff}.dark{background:#29051f}.dark h2 em{color:#c59aff}.light{color:#c9a9ff}
.pale{background:#f7f2ff}.mid-cta{background:#efe5ff}.gold{background:#e9d9ff;color:#31113e}
.btn{background:#9c6aff}.btn.gold{background:#e9d9ff}.btn:hover{background:#8851ec}.btn.gold:hover{background:#d6b8ff}
#work{overflow:hidden;background:#30001f}
#work .wrap{max-width:1200px}
.cards{overflow-x:auto;overflow-y:hidden;scroll-snap-type:none;scrollbar-width:none;gap:22px;padding:30px 8px 42px}
.cards::-webkit-scrollbar{display:none}
.emailcard.portfolio-tile{position:relative;flex:0 0 342px;width:342px;height:510px;border:0;padding:0;appearance:none;text-align:left;cursor:zoom-in;background:#fff;overflow:hidden;border-radius:17px;transform-origin:center;transition:transform .25s ease,box-shadow .25s ease}
.portfolio-tile .email-screenshot{height:100%;width:100%;object-fit:cover;object-position:top}
.emailcard.portfolio-tile::after{content:'';pointer-events:none;position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(48,0,31,.77))}
.email-overlay{position:absolute;z-index:2;left:50%;bottom:25px;transform:translateX(-50%) translateY(8px);white-space:nowrap;background:#e8c7f9;color:#2d0b30;border-radius:40px;padding:13px 23px;font-weight:800;font-size:13px;opacity:0;transition:opacity .25s,transform .25s}
.portfolio-tile:hover .email-overlay,.portfolio-tile:focus-visible .email-overlay{opacity:1;transform:translateX(-50%) translateY(0)}
.portfolio-tile:hover,.portfolio-tile:focus-visible{transform:translateY(-6px) scale(1.035);box-shadow:0 25px 50px #10001270;z-index:3}
.dashboard-enlarge{background:#fbf9ff}.real-dashboard-card{border-color:#e9def5}
.testimonial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:35px}.testimonial{padding:27px;border-radius:18px;border:1px solid #eadff4;background:#fbf8ff}.testimonial .stars{color:#e46c2c;letter-spacing:3px}.testimonial p{font-size:17px;line-height:1.7;margin:18px 0}.testimonial small{font-size:12px;color:#74667d}
.email-viewer{position:fixed;inset:0;z-index:10010;display:none;align-items:center;justify-content:center}.email-viewer.open{display:flex}.viewer-backdrop{position:absolute;inset:0;background:rgba(13,4,18,.9);backdrop-filter:blur(7px)}.viewer-panel{position:relative;z-index:1;width:min(1000px,95vw);height:min(92vh,1050px);background:#f6f0fb;border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 90px #0007}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#fff;border-bottom:1px solid #eadff4}.viewer-count{font-weight:800;color:#36283f}.viewer-close{border:0;background:transparent;color:#302036;font-size:32px;line-height:1;padding:5px 10px}.viewer-stage{position:relative;flex:1;min-height:0;display:flex;align-items:stretch;justify-content:center;padding:0 55px}.viewer-scroll{width:100%;overflow-y:auto;text-align:center;scrollbar-color:#ac87cf #eee4f7}.viewer-scroll img{display:block;width:min(100%,680px);height:auto;margin:auto;box-shadow:0 3px 25px #32123a1b}.viewer-arrow{position:absolute;top:45%;border:0;border-radius:50%;background:#9c6aff;color:white;width:42px;height:42px;font-size:33px;line-height:1}.viewer-arrow.prev{left:8px}.viewer-arrow.next{right:8px}.viewer-arrow:hover{background:#7c42dd}
@media(max-width:800px){.brand-logo{width:165px}.emailcard.portfolio-tile{flex-basis:300px;width:300px;height:455px}.testimonial-grid{grid-template-columns:1fr}}
@media(max-width:560px){.brand-logo{width:155px}.nav .small{font-size:10px}.emailcard.portfolio-tile{flex-basis:265px;width:265px;height:405px}.portfolio-tile:hover{transform:none}.email-overlay{opacity:1;transform:translateX(-50%);bottom:17px}.viewer-panel{width:100vw;height:100dvh;border-radius:0}.viewer-stage{padding:0 40px}.viewer-arrow{width:34px;height:34px;font-size:27px}.viewer-arrow.prev{left:3px}.viewer-arrow.next{right:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portfolio-tile{transition:none}}


/* 2026-10-20 refinements: clean purple / white / charcoal, no maroon */
:root{--navy:#202027;--blue:#9c6aff;--light:#f7f4ff;--ink:#252525;--muted:#686574;--gold:#eee3ff}
body{background:#fff;color:#252525}
.dark{background:#24232a!important;color:#fff}
#work{background:#24232a!important;overflow:hidden}
.dark h2 em,.light{color:#d2b7ff}
.heroart{background:linear-gradient(135deg,#eee5ff,#faf8ff 58%,#e6d5ff)}
.mock{background:linear-gradient(145deg,#302849,#7350aa)}
.pale{background:#f8f5ff}.mid-cta{background:#f1eaff}
.btn{background:#9c6aff;color:#fff}.btn.gold{background:#9c6aff;color:#fff}
.nav{min-height:108px;gap:18px;padding-top:8px;padding-bottom:8px}
.nav .logo{flex:0 0 auto;display:flex;align-items:center;min-width:0}
.nav .brand-logo{display:block;width:300px;max-width:30vw;max-height:94px;height:auto;object-fit:contain;object-position:left center}
.nav nav{gap:16px}
.sitefooter .brand-logo{width:290px;max-width:100%;max-height:155px;height:auto}
/* Four visible cards at desktop width, seamless marquee controlled by JS */
#work .wrap{max-width:1420px}
#designslider{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;scrollbar-width:none;padding:18px 0 38px;touch-action:pan-x;overscroll-behavior-inline:contain}
#designslider::-webkit-scrollbar{display:none}
#designslider .portfolio-tile{box-sizing:border-box;flex:0 0 calc((100% - 48px)/4);width:calc((100% - 48px)/4);height:445px;min-width:0;max-width:none;position:relative;border-radius:14px;background:#fff;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;transform-origin:center}
#designslider .portfolio-tile .email-screenshot{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;margin:0;padding:0}
#designslider .portfolio-tile::after{background:linear-gradient(transparent,rgba(20,17,31,.63));inset:72% 0 0}
#designslider .portfolio-tile:hover,#designslider .portfolio-tile:focus-visible{transform:translateY(-5px) scale(1.025);z-index:3;box-shadow:0 20px 42px #0005}
.email-overlay{background:#9c6aff;color:#fff}
/* Accessible in-page full email viewer */
.email-viewer .viewer-panel{background:#f6f3fb;width:min(1050px,96vw);height:min(94vh,1100px)}
.email-viewer .viewer-toolbar{min-height:64px;gap:14px}
.viewer-top-controls{display:flex;gap:10px;margin-left:auto;margin-right:10px}
.viewer-top-controls button{border:1px solid #e6dcf5;background:#f6efff;color:#352746;border-radius:10px;padding:8px 18px;font-size:21px;cursor:pointer}
.viewer-top-controls button:hover{background:#9c6aff;color:white}
.email-viewer .viewer-stage{padding:0 62px;min-height:0}
.email-viewer .viewer-scroll{background:#f5f1fa;overflow-y:auto;overscroll-behavior:contain}
.email-viewer .viewer-scroll img{display:block;width:min(100%,750px);height:auto;max-height:none;object-fit:initial;box-shadow:0 2px 20px #0001}
.email-viewer .viewer-arrow{z-index:2}
/* Klaviyo viewer: full readable image + image-to-image navigation */
.image-lightbox{background:rgba(15,13,21,.94);flex-direction:column;gap:14px;padding:50px 24px 20px}
.image-lightbox img{max-width:94vw;max-height:calc(90vh - 105px);width:auto;height:auto;object-fit:contain}
.dashboard-viewer-toolbar{display:flex;align-items:center;gap:12px;color:white;font-weight:700}
.dashboard-viewer-toolbar span{margin-right:12px}
.dashboard-viewer-toolbar button{background:#9c6aff;color:#fff;border:0;border-radius:9px;padding:5px 18px;font-size:26px;cursor:pointer}
.dashboard-enlarge img{height:370px}
/* Four reviews / service cards in each of three rows */
.testimonial-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:32px}
.testimonial{padding:20px;border:1px solid #e9e0f3;background:#fff;border-radius:14px;min-width:0}
.testimonial p{font-size:14px;line-height:1.65;margin:12px 0}
.testimonial small,.attribution-note{font-size:11px;color:#6d6874;line-height:1.45}
.attribution-note{display:block;margin-top:12px}
.testimonial .stars{color:#9c6aff}
.highlight-label{font-size:10px;color:#8752cf;font-weight:800;letter-spacing:.13em}
.project-highlight h3{font-size:17px;margin:16px 0 8px}
@media(max-width:1050px){.nav .brand-logo{width:235px;max-width:28vw}.nav nav{gap:10px}.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){#designslider .portfolio-tile{flex-basis:calc((100% - 16px)/2);width:calc((100% - 16px)/2);height:440px}.nav .brand-logo{max-width:none;width:205px}.nav{min-height:90px}}
@media(max-width:560px){#designslider .portfolio-tile{flex-basis:80%;width:80%;height:455px}.testimonial-grid{grid-template-columns:1fr}.nav .brand-logo{width:190px}.viewer-top-controls button{padding:5px 11px}.email-viewer .viewer-stage{padding:0 30px}.email-viewer .viewer-toolbar{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){#designslider .portfolio-tile{transition:none}}

/* Final corrections: white/lilac/charcoal only. */
:root{--navy:#252525;--ink:#252525;--blue:#9C6AFF;--light:#f8f5ff}
body{background:#fff;color:#252525}
.dark,#work,.philosophy,.cta.dark,.sitefooter.dark{background:#f7f3ff!important;color:#252525!important}
.dark h2,.dark h3,.dark p,.dark .disclaimer,.dark .steps p,.dark .steps h3{color:#252525!important}
.dark h2 em,.dark em{color:#9c6aff!important}
.dark .eyebrow.light,.light{color:#8752d7!important}
#work{background:#f7f3ff!important}
#work .sectionhead p{color:#666070!important}
#work .sliderbuttons button{border-color:#d8c8ee!important;color:#4b345e!important;background:#fff!important}
#work .disclaimer{color:#756c7d!important}
.sitefooter{border-top:1px solid #e7def4}
.nav{min-height:112px}
.nav .brand-logo{width:355px!important;max-width:35vw!important;max-height:none!important;height:auto!important}
.nav .logo{width:355px;max-width:35vw}
.sitefooter .brand-logo{width:320px!important;max-height:none!important}
#designslider{scroll-snap-type:none!important;scroll-behavior:auto!important}
#designslider .portfolio-tile{flex:0 0 calc((100% - 48px)/4)!important;width:calc((100% - 48px)/4)!important;height:450px!important}
#designslider .portfolio-tile .email-screenshot{object-fit:cover!important;object-position:center top!important}
#designslider .portfolio-tile::after{background:linear-gradient(transparent,rgba(50,27,70,.4))!important}
.email-viewer.open,.image-lightbox.open{display:flex!important}
.viewer-top-controls{display:flex;gap:10px;margin-left:auto;margin-right:12px}
.viewer-top-controls button{cursor:pointer}
.dashboard-viewer-toolbar{position:relative;z-index:3;order:2}
.image-lightbox>img{order:1;max-height:calc(85vh - 120px)!important}
.image-lightbox .lightbox-close{z-index:4}
#reviews .testimonial-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:1100px){.nav .brand-logo{width:270px!important}.nav .logo{width:270px}}
@media(max-width:800px){#designslider .portfolio-tile{flex-basis:calc((100% - 16px)/2)!important;width:calc((100% - 16px)/2)!important}#reviews .testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.nav .brand-logo{width:220px!important}.nav .logo{width:220px}}
@media(max-width:560px){#designslider .portfolio-tile{flex-basis:80%!important;width:80%!important}#reviews .testimonial-grid{grid-template-columns:1fr!important}.nav .brand-logo{width:190px!important;max-width:none!important}.nav .logo{width:190px;max-width:none}}

/* Verified gallery overrides */
body.modal-active{overflow:hidden}
#work,.sitefooter,.philosophy,.cta.dark{background:#f8f5ff!important;color:#252525!important}
#work h2,#work h2 em{color:#252525}
#work h2 em{color:#9c6aff!important}
#designslider{scroll-snap-type:none!important;scroll-behavior:auto!important;overflow-x:auto!important}
#designslider .portfolio-tile{padding:0!important;border:0!important;appearance:none;cursor:zoom-in}
#designslider .portfolio-tile .email-screenshot{width:100%!important;height:100%!important;object-fit:cover!important;object-position:top center!important}
.email-viewer{z-index:10020!important}
.email-viewer.open{display:flex!important}
.email-viewer .viewer-panel{display:flex!important;flex-direction:column!important;overflow:hidden!important}
.email-viewer .viewer-stage{display:flex!important;flex:1 1 auto!important;min-height:0!important}
.email-viewer .viewer-scroll{height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;display:block!important;flex:1 1 auto!important}
.email-viewer .viewer-scroll img{display:block!important;width:min(100%,750px)!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0 auto!important}
.image-lightbox.open{display:flex!important;z-index:10030!important}
.sitefooter .brand-logo{width:320px!important;height:auto!important;max-height:100px!important;object-fit:contain!important;object-position:left center!important}
@media(max-width:600px){.sitefooter .brand-logo{width:240px!important}}

/* Logo-only correction, October 20: preserve all other site styling */
.nav .header-logo{width:245px!important;max-width:245px!important;min-width:0!important;display:flex!important;flex-direction:column;align-items:flex-start;gap:0;text-decoration:none;flex-shrink:0}
.nav .header-logo-art{display:block;overflow:hidden;width:245px;height:49px;line-height:0}
.nav .header-logo-art .brand-logo{display:block;width:245px!important;max-width:none!important;height:auto!important;max-height:none!important;object-fit:initial!important}
.nav .header-logo-tagline{display:block;margin-top:1px;padding-left:51px;font-family:Arial,Helvetica,sans-serif;font-size:9px;line-height:1.3;font-weight:800;letter-spacing:.11em;color:#252525;white-space:nowrap}
.nav .header-logo-tagline b{color:#9c6aff;padding:0 2px}
.sitefooter .footer-brand-logo{width:215px!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
@media(max-width:1100px){.nav .header-logo{width:210px!important;max-width:210px!important}.nav .header-logo-art{width:210px;height:42px}.nav .header-logo-art .brand-logo{width:210px!important}.nav .header-logo-tagline{font-size:8px;padding-left:44px;letter-spacing:.07em}}
@media(max-width:560px){.nav .header-logo{width:175px!important;max-width:175px!important}.nav .header-logo-art{width:175px;height:35px}.nav .header-logo-art .brand-logo{width:175px!important}.nav .header-logo-tagline{font-size:7px;padding-left:36px;letter-spacing:.025em}.sitefooter .footer-brand-logo{width:190px!important}}

/* New logos and Meta Ads gallery — preserve existing site sections */
.nav .header-logo{width:250px!important;max-width:250px!important}
.nav .header-logo-art{width:250px!important;height:65px!important;overflow:hidden!important;display:flex!important;align-items:center!important}
.nav .header-logo-art .brand-logo{width:250px!important;height:65px!important;max-width:100%!important;object-fit:contain!important;object-position:left center!important}
.nav .header-logo-tagline{margin-top:-3px!important;padding-left:51px!important;font-size:9px!important;white-space:nowrap!important}
.sitefooter .footer-brand-logo{width:220px!important;max-height:210px!important;height:auto!important;object-fit:contain!important}
.meta-gallery{margin-top:60px}.meta-gallery-heading h3{font-size:clamp(26px,3vw,40px);margin:10px 0}.meta-gallery-heading p{color:#686371;max-width:720px}.meta-group{margin-top:36px}.meta-group h4{font-size:19px;margin:0 0 16px;color:#252525}.meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.meta-shot{position:relative;min-width:0;height:205px;padding:10px;border:1px solid #e8e0f5;border-radius:15px;background:#fff;cursor:zoom-in;overflow:hidden;box-shadow:0 6px 24px rgba(54,29,90,.055)}.meta-shot img{width:100%;height:100%;object-fit:contain;display:block}.meta-shot-overlay{position:absolute;bottom:0;left:0;right:0;padding:15px 8px;background:linear-gradient(transparent,rgba(45,28,65,.78));color:white;font-size:13px;font-weight:700;opacity:0;transition:opacity .2s}.meta-shot:hover .meta-shot-overlay,.meta-shot:focus-visible .meta-shot-overlay{opacity:1}
.meta-lightbox{position:fixed;inset:0;background:rgba(20,14,32,.83);z-index:10100;display:none;align-items:center;justify-content:center;padding:22px}.meta-lightbox.open{display:flex}.meta-modal-panel{width:min(1200px,96vw);height:min(92vh,950px);display:flex;flex-direction:column;overflow:hidden;border-radius:18px;background:#fff}.meta-modal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;border-bottom:1px solid #e9e3f3;color:#252525;font-weight:700}.meta-modal-toolbar>div{display:flex;gap:8px}.meta-modal-toolbar button{border:1px solid #e5dcef;border-radius:9px;background:#f7f3ff;color:#252525;font-size:23px;cursor:pointer;min-width:44px;height:40px}.meta-modal-image{flex:1;min-height:0;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:22px}.meta-modal-image img{max-width:100%;height:auto;object-fit:contain;box-shadow:0 2px 14px rgba(0,0,0,.06)}
@media(max-width:950px){.meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-shot{height:165px}.nav .header-logo{width:195px!important;max-width:195px!important}.nav .header-logo-art{width:195px!important;height:53px!important}.nav .header-logo-art .brand-logo{width:195px!important;height:53px!important}.nav .header-logo-tagline{font-size:7px!important;padding-left:39px!important}}
@media(max-width:430px){.meta-grid{gap:10px}.meta-shot{height:140px}.meta-modal-image{padding:10px}}

/* October 20: targeted layout refinement — no site redesign */
/* Cropped header SVG preserves the supplied artwork while removing invisible vertical margins. */
.nav{min-height:100px!important;gap:15px!important}
.nav .header-logo{width:290px!important;max-width:290px!important;flex:0 0 290px!important;align-items:flex-start!important}
.nav .header-logo-art{width:290px!important;height:69px!important;overflow:visible!important;display:block!important}
.nav .header-logo-art .brand-logo{display:block!important;width:290px!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:left center!important}
.nav .header-logo-tagline{display:block!important;margin-top:0!important;padding-left:68px!important;font-family:'DM Sans',Arial,sans-serif!important;font-size:10px!important;line-height:1.4!important;letter-spacing:.055em!important;font-weight:700!important;color:#252525!important;white-space:nowrap!important}
.nav .header-logo-tagline b{color:#9c6aff!important;padding:0 3px!important}
/* Creative title should use available width rather than leaving an awkward empty right side. */
#work .creative-sectionhead{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;column-gap:20px!important;width:100%!important}
#work .creative-sectionhead>div:first-child{min-width:0!important;width:100%!important}
#work .creative-sectionhead h2{max-width:100%!important}
#work .creative-sectionhead p{max-width:750px!important}
#work .creative-sectionhead .sliderbuttons{justify-self:end!important;align-self:end!important;margin:0 0 25px!important}
#work .wrap{max-width:1500px!important}
/* Meta gallery: fewer, wider screenshot previews with native proportions, no cropping. */
#meta .meta-grid-large{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
#meta .meta-shot{height:295px!important;padding:14px!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:center!important}
#meta .meta-shot img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important}
#meta .meta-group{margin-top:46px!important}
@media(max-width:1120px){.nav .header-logo{width:245px!important;max-width:245px!important;flex-basis:245px!important}.nav .header-logo-art{width:245px!important;height:58px!important}.nav .header-logo-art .brand-logo{width:245px!important}.nav .header-logo-tagline{padding-left:57px!important;font-size:8.5px!important}.nav nav{gap:10px!important}}
@media(max-width:850px){#meta .meta-grid-large{grid-template-columns:repeat(2,minmax(0,1fr))!important}#meta .meta-shot{height:270px!important}}
@media(max-width:700px){.nav .header-logo{width:205px!important;max-width:205px!important;flex-basis:205px!important}.nav .header-logo-art{width:205px!important;height:49px!important}.nav .header-logo-art .brand-logo{width:205px!important;height:auto!important}.nav .header-logo-tagline{padding-left:47px!important;font-size:7.5px!important;letter-spacing:0!important}.nav{min-height:85px!important}#work .creative-sectionhead{grid-template-columns:1fr!important}#work .creative-sectionhead .sliderbuttons{justify-self:start!important;margin:0 0 14px!important}}
@media(max-width:520px){#meta .meta-grid-large{grid-template-columns:1fr!important}#meta .meta-shot{height:300px!important}.nav .header-logo{width:190px!important;max-width:190px!important;flex-basis:190px!important}.nav .header-logo-art{width:190px!important;height:45px!important}.nav .header-logo-art .brand-logo{width:190px!important}.nav .header-logo-tagline{padding-left:44px!important;font-size:7px!important}.nav .small{padding:10px 12px!important;font-size:10px!important}}


/* October final: nav, marquee fade, merged Meta gallery and authentic reviews */
.nav{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;min-height:90px!important}
.nav .header-logo{width:225px!important;max-width:225px!important;flex:0 0 225px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.nav .header-logo-art{height:auto!important;width:225px!important;overflow:visible!important}
.nav .header-logo-art img{display:block!important;width:225px!important;height:auto!important;max-height:75px!important;object-fit:contain!important}
.nav .header-logo-tagline{display:none!important}
.hero .eyebrow{letter-spacing:.15em!important}
#work .creative-sectionhead{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:22px!important}
#work .creative-sectionhead>div:first-child{flex:1!important;width:auto!important}
#work .creative-sectionhead p{max-width:750px!important}
#work .sliderbuttons{flex:0 0 auto!important}
#designslider{position:relative}
#work .cards{mask-image:linear-gradient(to bottom,black 0%,black 76%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 76%,transparent 100%)}
#meta .meta-merged-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}
#meta .meta-merged-card{margin:0;min-width:0;background:white;border:1px solid #e8e1f2;border-radius:18px;overflow:hidden;box-shadow:0 8px 25px rgba(35,20,60,.06)}
#meta .meta-merged-card .meta-shot{display:block!important;width:100%!important;height:355px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;background:#fff!important}
#meta .meta-merged-card .meta-shot img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important}
#meta .meta-merged-card figcaption{font-size:16px;font-weight:750;padding:14px 18px;color:#252525}
#reviews .testimonial{height:100%;display:flex;flex-direction:column;justify-content:flex-start}
#reviews .testimonial p{flex:1}
.sitefooter .foot>div:first-child{display:flex;flex-direction:column;align-items:flex-start!important}
.sitefooter .foot>div:first-child p{margin-left:0!important;padding-left:0!important;text-align:left!important}
@media(max-width:900px){.nav .header-logo{width:190px!important;max-width:190px!important;flex-basis:190px!important}.nav .header-logo-art,.nav .header-logo-art img{width:190px!important}#meta .meta-merged-card .meta-shot{height:280px!important}}
@media(max-width:640px){.nav{gap:10px!important}.nav .header-logo{width:155px!important;max-width:155px!important;flex-basis:155px!important}.nav .header-logo-art,.nav .header-logo-art img{width:155px!important}#meta .meta-merged-grid{grid-template-columns:1fr;gap:16px}#meta .meta-merged-card .meta-shot{height:300px!important}#work .creative-sectionhead{flex-wrap:wrap!important}}

/* Refinements: October 20 */
.nav{align-items:center!important;min-height:82px!important}
.nav .header-logo{width:188px!important;max-width:188px!important;flex:0 0 188px!important;align-self:center!important}
.nav .header-logo-art,.nav .header-logo-art img{width:188px!important;height:auto!important;max-height:57px!important}
.hero .eyebrow{font-size:13px!important;letter-spacing:.15em!important;color:#252525!important;font-weight:800!important}
#work .creative-sectionhead{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:24px!important;align-items:end!important}
#work .creative-sectionhead>div:first-child{max-width:900px!important}
#work .creative-sectionhead p{max-width:800px!important}
#work #designslider{position:relative!important;mask-image:linear-gradient(to bottom,#000 0%,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 84%,transparent 100%)}
#meta .meta-merged-card .meta-shot{height:auto!important;min-height:210px!important;aspect-ratio:1.75!important;background:#faf8ff!important}
#meta .meta-merged-card .meta-shot img{object-fit:contain!important;display:block!important}
#meta .meta-merged-grid{align-items:start!important}
#reviews .testimonial-example{background:#f9f7ff;border:1px solid #e6dcfa}
#reviews .testimonial-example .example-label{font-size:10px;letter-spacing:.06em;font-weight:800;color:#70558c;margin-bottom:10px}
.sitefooter .foot>div:first-child{align-items:center!important;text-align:center!important}
.sitefooter .foot>div:first-child p{text-align:center!important;max-width:340px!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:900px){.nav .header-logo{width:170px!important;max-width:170px!important;flex-basis:170px!important}.nav .header-logo-art,.nav .header-logo-art img{width:170px!important}}
@media(max-width:650px){.nav .header-logo{width:148px!important;max-width:148px!important;flex-basis:148px!important}.nav .header-logo-art,.nav .header-logo-art img{width:148px!important}#work .creative-sectionhead{grid-template-columns:1fr!important}#meta .meta-merged-card .meta-shot{min-height:160px!important}}

/* Final focused refinements — header, hero, review order and email viewer */
.nav{min-height:78px!important;align-items:center!important}
.nav .header-logo{width:155px!important;max-width:155px!important;flex:0 0 155px!important;align-self:center!important;margin:0!important;padding:0!important}
.nav .header-logo-art{width:155px!important;height:auto!important;display:flex!important;align-items:center!important}
.nav .header-logo-art img{width:155px!important;max-height:50px!important;height:auto!important;object-fit:contain!important;display:block!important}
.nav nav{align-self:center!important;align-items:center!important}
.hero .eyebrow{font-size:11px!important;letter-spacing:.14em!important;color:#9c6aff!important;font-weight:750!important}
#reviews .service-highlight{background:#faf8ff;border:1px solid #e7def7}
#reviews .service-highlight .service-type{color:#8051d4;font-size:10px;letter-spacing:.1em;font-weight:800}
#reviews .service-highlight h3{font-size:17px;line-height:1.3;margin:8px 0}
#reviews .service-highlight p{font-size:14px;line-height:1.55;margin:0 0 12px}
#reviews .service-highlight small{margin-top:auto}
.email-viewer .viewer-panel{width:min(92vw,750px)!important;max-width:750px!important;height:min(88vh,880px)!important;max-height:88vh!important}
.email-viewer .viewer-stage{min-height:0!important;flex:1!important;overflow:hidden!important}
.email-viewer .viewer-scroll{width:100%!important;max-width:100%!important;min-height:0!important;overflow-y:auto!important}
.email-viewer .viewer-scroll img{width:min(100%,480px)!important;max-width:480px!important;height:auto!important;object-fit:contain!important}
@media(max-width:900px){.nav .header-logo,.nav .header-logo-art,.nav .header-logo-art img{width:145px!important;max-width:145px!important}.nav .header-logo{flex-basis:145px!important}}
@media(max-width:640px){.nav .header-logo,.nav .header-logo-art,.nav .header-logo-art img{width:130px!important;max-width:130px!important}.nav .header-logo{flex-basis:130px!important}.email-viewer .viewer-panel{width:96vw!important;height:92vh!important;max-height:92vh!important}.email-viewer .viewer-scroll img{width:min(100%,440px)!important}}

/* Consistent review-card layout and compact, optically aligned navigation logo */
.nav{min-height:74px!important;display:flex!important;align-items:center!important}
.nav .header-logo{width:166px!important;max-width:166px!important;flex:0 0 166px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;align-self:center!important;line-height:0!important}
.nav .header-logo-art{width:166px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}
.nav .header-logo-art img{width:166px!important;height:auto!important;max-height:40px!important;display:block!important;object-fit:contain!important;object-position:left center!important}
.nav nav{display:flex!important;align-items:center!important;align-self:center!important}
#reviews .testimonial-grid{align-items:stretch!important}
#reviews .testimonial{display:flex!important;flex-direction:column!important;height:100%!important;min-height:192px!important;padding:22px!important;background:#fff!important;border:1px solid #e9e1f2!important;border-radius:16px!important;box-shadow:none!important}
#reviews .testimonial p{font-size:14px!important;line-height:1.7!important;margin:13px 0 16px!important;flex:1!important;color:#252525!important}
#reviews .testimonial small{margin-top:auto!important;font-size:11px!important;line-height:1.4!important;color:#6f6679!important}
#reviews .capability-card .capability-heading{color:#9c6aff!important;font-size:12px!important;font-weight:750!important;letter-spacing:.04em!important;min-height:19px!important}
@media(max-width:900px){.nav .header-logo,.nav .header-logo-art,.nav .header-logo-art img{width:144px!important;max-width:144px!important}.nav .header-logo{flex-basis:144px!important}}
@media(max-width:640px){.nav .header-logo,.nav .header-logo-art,.nav .header-logo-art img{width:124px!important;max-width:124px!important}.nav .header-logo{flex-basis:124px!important}.nav .header-logo-art{height:33px!important}}

/* October 20: final visual corrections */
.nav .header-logo{width:128px!important;max-width:128px!important;flex:0 0 128px!important;height:44px!important;align-items:center!important}
.nav .header-logo-art{width:128px!important;height:34px!important;align-items:center!important}
.nav .header-logo-art img{width:128px!important;max-height:34px!important;object-fit:contain!important}
.nav nav{align-items:center!important}
.heroart .mock h2 em{color:#9c6aff!important;font-style:normal!important}
#work .creative-sectionhead{width:100%!important;max-width:1050px!important;margin-left:0!important;margin-right:auto!important}
#work .creative-sectionhead>div:first-child{max-width:660px!important}
#work .creative-sectionhead p{max-width:520px!important}
#meta .meta-merged-card .meta-shot{height:auto!important;min-height:0!important;aspect-ratio:auto!important;overflow:hidden!important;background:white!important}
#meta .meta-merged-card .meta-shot img{width:100%!important;height:auto!important;object-fit:contain!important;image-rendering:auto!important;display:block!important}
#reviews .capability-card{background:#fff!important;border:1px solid #e9e1f2!important}
#reviews .capability-stars{font-size:12px!important;letter-spacing:.04em!important;font-weight:700!important;color:#9c6aff!important}
@media(max-width:900px){.nav .header-logo,.nav .header-logo-art,.nav .header-logo-art img{width:116px!important;max-width:116px!important}.nav .header-logo{flex-basis:116px!important}}
@media(max-width:640px){.nav .header-logo,.nav .header-logo-art,.nav .header-logo-art img{width:104px!important;max-width:104px!important}.nav .header-logo{flex-basis:104px!important}.nav .header-logo-art{height:30px!important}}

/* Approved final layout: compact nav mark, shared editorial alignment, full-width marquee unchanged */
.nav .header-logo{width:118px!important;max-width:118px!important;flex:0 0 118px!important;height:43px!important;align-self:center!important}
.nav .header-logo-art{width:118px!important;height:37px!important;display:flex!important;align-items:center!important}
.nav .header-logo-art img{width:118px!important;max-width:118px!important;max-height:37px!important;height:auto!important;object-fit:contain!important}
/* The content follows the same 1160px container as the other sections. The slider itself stays 1420px. */
#work .wrap>.eyebrow,#work .creative-sectionhead,#work .wrap>.disclaimer{position:relative!important;left:auto!important;margin-left:auto!important;margin-right:auto!important;width:calc(100% - 0px)!important;max-width:1104px!important}
#work .creative-sectionhead{display:flex!important;align-items:flex-end!important;justify-content:space-between!important}
#work .creative-sectionhead>div:first-child{max-width:620px!important}
#work .creative-sectionhead p{max-width:520px!important}
#work .cards{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
/* Meta opens in the same dark overlay as Klaviyo results, with a fit-to-viewport image and arrows. */
.meta-dashboard-viewer{background:rgba(15,13,21,.94)!important;flex-direction:column!important;gap:14px!important;padding:50px 24px 20px!important;z-index:10200!important}
.meta-dashboard-viewer.open{display:flex!important}
.meta-dashboard-viewer>img{order:1!important;width:auto!important;height:auto!important;max-width:94vw!important;max-height:calc(85vh - 120px)!important;object-fit:contain!important;background:#fff!important;border-radius:8px!important}
.meta-dashboard-viewer .dashboard-viewer-toolbar{order:2!important;display:flex!important;align-items:center!important;gap:12px!important;color:white!important}
.meta-dashboard-viewer .dashboard-viewer-toolbar button{background:#9c6aff!important;color:#fff!important;border:0!important;border-radius:9px!important;padding:5px 18px!important;font-size:26px!important}
.meta-dashboard-viewer .lightbox-close{z-index:4!important}
@media(max-width:900px){.nav .header-logo,.nav .header-logo-art,.nav .header-logo-art img{width:110px!important;max-width:110px!important}.nav .header-logo{flex-basis:110px!important}}
@media(max-width:640px){.nav .header-logo,.nav .header-logo-art,.nav .header-logo-art img{width:100px!important;max-width:100px!important}.nav .header-logo{flex-basis:100px!important}#work .creative-sectionhead{flex-wrap:wrap!important}}

/* Header logo final sizing: 30% smaller, centered with breathing room. */
.nav{min-height:74px!important;align-items:center!important}
.nav .header-logo{width:83px!important;max-width:83px!important;flex:0 0 83px!important;height:38px!important;align-self:center!important;display:flex!important;align-items:center!important}
.nav .header-logo-art{width:83px!important;height:30px!important;display:flex!important;align-items:center!important}
.nav .header-logo-art img{width:83px!important;max-width:83px!important;max-height:30px!important;height:auto!important;object-fit:contain!important;object-position:left center!important}
@media(max-width:900px){.nav .header-logo,.nav .header-logo-art,.nav .header-logo-art img{width:77px!important;max-width:77px!important}.nav .header-logo{flex-basis:77px!important}}
@media(max-width:640px){.nav .header-logo,.nav .header-logo-art,.nav .header-logo-art img{width:70px!important;max-width:70px!important}.nav .header-logo{flex-basis:70px!important}.nav .header-logo-art{height:27px!important}}

/* Final targeted fixes: header, Meta gallery, review hover. */
.nav.wrap{min-height:82px!important;align-items:center!important;}
.nav .header-logo{width:175px!important;max-width:175px!important;flex:0 0 175px!important;height:58px!important;min-height:58px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;align-self:center!important;}
.nav .header-logo-art{width:175px!important;max-width:175px!important;height:50px!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;}
.nav .header-logo-art .brand-logo{width:175px!important;max-width:175px!important;height:auto!important;max-height:46px!important;object-fit:contain!important;object-position:left center!important;display:block!important;}
#meta .meta-merged-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:24px!important;}
#meta .meta-merged-card{display:flex!important;flex-direction:column!important;height:100%!important;min-width:0!important;}
#meta .meta-merged-card .meta-shot{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;flex:0 0 auto!important;width:100%!important;height:310px!important;min-height:310px!important;max-height:310px!important;aspect-ratio:auto!important;padding:12px!important;cursor:zoom-in!important;border:0!important;background:#fff!important;}
#meta .meta-merged-card .meta-shot img{width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;pointer-events:none!important;}
#meta .meta-merged-card figcaption{margin-top:auto!important;}
#reviews .testimonial,#reviews .capability-card{transition:background-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease!important;}
#reviews .testimonial:hover,#reviews .capability-card:hover{background:#8951e8!important;border-color:#8951e8!important;color:#fff!important;transform:translateY(-4px)!important;box-shadow:0 14px 28px rgba(70,34,115,.19)!important;}
#reviews .testimonial:hover *,#reviews .capability-card:hover *{color:#fff!important;}
@media(max-width:900px){.nav .header-logo{width:155px!important;max-width:155px!important;flex-basis:155px!important}.nav .header-logo-art,.nav .header-logo-art .brand-logo{width:155px!important;max-width:155px!important}}
@media(max-width:640px){.nav .header-logo{width:132px!important;max-width:132px!important;flex-basis:132px!important}.nav .header-logo-art,.nav .header-logo-art .brand-logo{width:132px!important;max-width:132px!important}#meta .meta-merged-grid{grid-template-columns:1fr!important}#meta .meta-merged-card .meta-shot{height:250px!important;min-height:250px!important;max-height:250px!important}}

/* 2026-10-20 verified targeted overrides */
.nav.wrap{min-height:82px!important;display:flex!important;align-items:center!important;}
.nav .header-logo{width:122px!important;max-width:122px!important;flex:0 0 122px!important;height:46px!important;min-height:46px!important;align-self:center!important;}
.nav .header-logo-art{width:122px!important;max-width:122px!important;height:42px!important;overflow:hidden!important;display:flex!important;align-items:center!important;}
.nav .header-logo-art .brand-logo{width:122px!important;max-width:122px!important;height:auto!important;max-height:42px!important;object-fit:contain!important;}
#meta .meta-merged-card .meta-shot{height:310px!important;min-height:310px!important;max-height:310px!important;}
#meta .meta-merged-card .meta-shot img{object-fit:contain!important;}
#reviews .testimonial:hover{background-color:#8951e8!important;color:#fff!important;border-color:#8951e8!important;}
#reviews .testimonial:hover .stars,#reviews .testimonial:hover p,#reviews .testimonial:hover small{color:#fff!important;}
@media(max-width:900px){.nav .header-logo,.nav .header-logo-art,.nav .header-logo-art .brand-logo{width:110px!important;max-width:110px!important}.nav .header-logo{flex-basis:110px!important}}
@media(max-width:640px){.nav .header-logo,.nav .header-logo-art,.nav .header-logo-art .brand-logo{width:100px!important;max-width:100px!important}.nav .header-logo{flex-basis:100px!important}#meta .meta-merged-card .meta-shot{height:250px!important;min-height:250px!important;max-height:250px!important}}
