/* Layout refresh. Every rule is scoped so the original design remains available. */
html[data-design="new"]{--layout-gutter:clamp(24px,5.5vw,96px);--layout-section:clamp(76px,8vw,124px)}
html[data-design="new"] .page-shell{overflow:clip}
html[data-design="new"] .site-header{position:sticky;top:0;height:80px;padding-inline:var(--layout-gutter);background:var(--paper);z-index:30}
html[data-design="new"] .brand{font-size:14px;gap:12px}
html[data-design="new"] .brand-mark{width:39px;height:39px}
html[data-design="new"] .nav{gap:clamp(18px,2.2vw,34px)}
html[data-design="new"] .nav-cta{background:var(--ink);color:var(--paper);padding:11px 20px}
html[data-design="new"] .nav-cta:hover{background:var(--acid);color:var(--ink);opacity:1}
html[data-design="new"] .button{min-height:50px;padding-inline:23px}
html[data-design="new"] .section{padding:var(--layout-section) var(--layout-gutter);scroll-margin-top:100px}
html[data-design="new"] .hero{min-height:calc(100svh - 80px);padding:clamp(54px,6vw,92px) var(--layout-gutter) 60px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(30px,4vw,74px);align-items:center}
html[data-design="new"] .hero>div:first-child{position:relative;z-index:1}
html[data-design="new"] .hero h1{font-size:clamp(54px,6.8vw,116px);line-height:.98;letter-spacing:-.07em;margin-bottom:27px}
html[data-design="new"] .hero .eyebrow{font-size:10px;margin-bottom:28px}
html[data-design="new"] .hero-intro{max-width:560px;font-size:17px;line-height:1.75;margin:0 0 30px}
html[data-design="new"] .hero-actions{gap:26px}
html[data-design="new"] .hero-meta{gap:26px;margin-top:40px;flex-wrap:wrap;line-height:1.7}
html[data-design="new"] .hero:after{opacity:.4}
html[data-design="new"] .hero-visual{max-width:480px;padding:10px 10px 18px;border:1px solid var(--line);background:var(--paper);border-radius:240px 240px 26px 26px;transform:rotate(2deg)}
html[data-design="new"] .hero-visual:before{right:-7%;top:-6%;width:110%;opacity:.6}
html[data-design="new"] .hero-visual:after{right:-3%;top:12%}
html[data-design="new"] .portrait{height:auto;aspect-ratio:4/5;border-radius:230px 230px 18px 18px}
html[data-design="new"] .portrait small{left:18px;bottom:20px;font-size:8px;letter-spacing:.05em;padding:10px 13px}
html[data-design="new"] .visual-note{margin:14px 10px 0;font-size:8px;justify-content:flex-end;text-align:right}
html[data-design="new"] .ticker{height:54px}
html[data-design="new"] .section-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:50px;margin-bottom:50px}
html[data-design="new"] .section h2{font-size:clamp(44px,5.5vw,82px);line-height:1.04;letter-spacing:-.06em}
html[data-design="new"] .section-heading>p{max-width:390px;justify-self:end;border-left:1px solid var(--line);padding-left:24px;font-size:14px;line-height:1.8}
html[data-design="new"] .project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:42px 28px}
html[data-design="new"] .project-card{grid-column:span 6}
html[data-design="new"] .card-art{height:auto;aspect-ratio:4/3;border-radius:16px}
html[data-design="new"] .card-copy{padding:20px 2px 0;gap:5px 15px}
html[data-design="new"] .card-copy h3{font-size:30px;line-height:1.15;letter-spacing:-.05em}
html[data-design="new"] .card-copy p{font-size:13px;line-height:1.75;max-width:500px;margin-top:6px}
html[data-design="new"] .project-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.25fr .75fr;border:1px solid var(--line);border-radius:18px;overflow:hidden}
html[data-design="new"] .project-card:first-child .card-art{border-radius:0;aspect-ratio:16/10;height:100%;min-height:340px}
html[data-design="new"] .project-card:first-child .card-copy{padding:clamp(28px,4vw,58px);grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr auto;align-items:start}
html[data-design="new"] .project-card:first-child .card-copy:before{content:'FEATURED WORK';grid-column:1/-1;font:9px/1.5 var(--mono);letter-spacing:.12em;color:var(--muted);margin-bottom:28px}
html[data-design="new"] .project-card:first-child .card-copy h3{font-size:clamp(42px,4.7vw,68px);margin-top:12px}
html[data-design="new"] .project-card:first-child .card-copy p{grid-column:1/-1;font-size:15px;margin-top:18px}
html[data-design="new"] .project-card:first-child .round-arrow{margin-top:25px}
html[data-design="new"] .project-card:first-child .card-copy:after{content:'Explore case study ↗';grid-column:1/-1;align-self:end;font-size:12px;font-weight:600;margin-top:32px;border-bottom:1px solid var(--line);padding-bottom:8px;width:fit-content}
html[data-design="new"] .more-work{margin-top:64px;padding-top:28px;grid-template-columns:200px 1fr}
html[data-design="new"] .more-work>p:last-child{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
html[data-design="new"] .more-work a{text-decoration:none;border-bottom:1px solid var(--line);padding:2px 0;font-size:13px}
html[data-design="new"] .more-work b{margin:0}
html[data-design="new"] .about-top{grid-template-columns:.65fr 1.35fr;gap:60px}
html[data-design="new"] .about-top>.eyebrow{border-top:1px solid var(--line);padding-top:16px;max-width:230px}
html[data-design="new"] .about-top>div>p{max-width:680px;font-size:16px;line-height:1.9}
html[data-design="new"] .principles{margin-top:64px}
html[data-design="new"] .principles article{padding:28px 30px 0 0}
html[data-design="new"] .principles article+article{padding-left:30px}
html[data-design="new"] .principles h3{font-size:22px;line-height:1.25;letter-spacing:-.035em}
html[data-design="new"] .principles p{max-width:340px;font-size:13px;line-height:1.8}
html[data-design="new"] .services-heading{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:55px;margin-bottom:48px}
html[data-design="new"] .services-heading>p{justify-self:end;max-width:430px;font-size:15px}
html[data-design="new"] .services-grid{gap:28px}
html[data-design="new"] .service-card{padding:clamp(28px,3.4vw,48px);border-radius:18px}
html[data-design="new"] .service-card h3{font-size:clamp(28px,3vw,44px);letter-spacing:-.045em}
html[data-design="new"] .service-description{line-height:1.85}
html[data-design="new"] .service-inclusions li{padding-block:12px}
html[data-design="new"] .services-closing{margin-top:40px;padding-top:30px}
html[data-design="new"] .testimonials-heading{margin-bottom:46px}
html[data-design="new"] .testimonials-grid{gap:0}
html[data-design="new"] .testimonial-card{padding:22px clamp(22px,2.5vw,40px) 0;background:transparent;border:0;border-radius:0}
html[data-design="new"] .testimonial-card:first-child{padding-left:0}
html[data-design="new"] .testimonial-card:last-child{padding-right:0}
html[data-design="new"] .testimonial-card+article,html[data-design="new"] .testimonial-card+figure{border-left:1px solid var(--line)}
html[data-design="new"] .testimonial-card blockquote{font-size:clamp(18px,1.4vw,22px);line-height:1.8;letter-spacing:-.025em}
html[data-design="new"] .testimonial-topline{margin-bottom:16px}
html[data-design="new"] .testimonial-author{padding-top:24px}
html[data-design="new"] .notes-band{padding:var(--layout-section) var(--layout-gutter);gap:clamp(35px,8vw,120px);align-items:center}
html[data-design="new"] .notes-band h2{font-size:clamp(40px,5.3vw,78px);line-height:1.05}
html[data-design="new"] .notes-band>div:last-child{max-width:560px;justify-self:end}
html[data-design="new"] .notes-band>div:last-child:before{content:'';display:block;aspect-ratio:16/9;background:url('assets/prd-global-teams-cover.png') center 65%/cover;border-radius:12px;margin-bottom:26px}
html[data-design="new"] .notes-band strong{font-size:clamp(22px,2.4vw,32px);max-width:540px;margin-top:12px;line-height:1.25}
html[data-design="new"] .contact h2{font-size:clamp(46px,7.2vw,104px);max-width:1160px;margin-bottom:34px}
html[data-design="new"] .site-footer{padding:80px var(--layout-gutter) 30px}
html[data-design="new"] .footer-main{grid-template-columns:1.4fr .6fr;gap:70px;align-items:end}
html[data-design="new"] .site-footer h2{max-width:850px;font-size:clamp(48px,6.2vw,92px);line-height:1.02}
html[data-design="new"] .footer-socials{justify-self:end}
html[data-design="new"] .footer-socials a{font-size:22px}
html[data-design="new"] .footer-wordmark{max-width:1500px;margin-inline:auto}

/* Notes, long-form writing, and detailed project pages. */
html[data-design="new"] .blog-index{padding:76px var(--layout-gutter) 100px}
html[data-design="new"] .blog-index>.blog-index{padding:0}
html[data-design="new"] .blog-heading{display:grid;grid-template-columns:1.5fr .7fr;gap:50px;align-items:end;margin-bottom:50px}
html[data-design="new"] .blog-heading h1{font-size:clamp(42px,5vw,82px);line-height:1.05}
html[data-design="new"] .blog-heading .notes-lede{font-size:15px;line-height:1.9;margin:0;max-width:360px}
html[data-design="new"] .blog-toolbar{padding:17px 0;margin-bottom:32px}
html[data-design="new"] .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
html[data-design="new"] .blog-card:only-child{grid-column:1/-1;display:grid;grid-template-columns:.85fr 1.15fr;grid-template-rows:auto auto 1fr auto;gap:0 clamp(32px,6vw,88px)}
html[data-design="new"] .blog-card:only-child .blog-cover{grid-column:1;grid-row:1/5;height:auto;aspect-ratio:4/5;max-height:610px;border-radius:16px}
html[data-design="new"] .blog-card:only-child .blog-cover-image{object-position:center;object-fit:cover}
html[data-design="new"] .blog-card:only-child .blog-meta{grid-column:2;grid-row:1;font-size:9px;margin-top:24px;margin-bottom:26px;flex-wrap:wrap}
html[data-design="new"] .blog-card:only-child h2{grid-column:2;grid-row:2;font-size:clamp(30px,3.8vw,58px);line-height:1.1;letter-spacing:-.055em;margin-bottom:24px;max-width:720px}
html[data-design="new"] .blog-card:only-child>p{grid-column:2;grid-row:3;font-size:16px;line-height:1.9;max-width:600px}
html[data-design="new"] .blog-card:only-child .blog-read-link{grid-column:2;grid-row:4;align-self:end;justify-self:start;padding-bottom:10px;border-bottom:1px solid var(--ink);margin-bottom:24px}
html[data-design="new"] .blog-pagination{margin-top:44px;padding-top:22px}
html[data-design="new"] .note-article{max-width:none;padding:50px var(--layout-gutter) 100px}
html[data-design="new"] .note-article-header{max-width:1060px;margin:55px auto 45px}
html[data-design="new"] .note-article-header h1{font-size:clamp(46px,6.5vw,92px);line-height:1.02;letter-spacing:-.065em;max-width:1060px}
html[data-design="new"] .note-standfirst{max-width:800px;font-size:17px;line-height:1.85}
html[data-design="new"] .note-byline{max-width:800px;padding-top:20px;margin-top:30px}
html[data-design="new"] .note-article-cover{max-width:none;min-height:340px;height:clamp(340px,46vw,640px);border-radius:16px}
html[data-design="new"] .note-body{max-width:760px;margin-top:70px}
html[data-design="new"] .note-body p,html[data-design="new"] .note-body li{font-size:17px;line-height:1.95}
html[data-design="new"] .note-body h2{margin-top:44px;line-height:1.15}
html[data-design="new"] .note-next{max-width:1060px;padding-top:24px}
html[data-design="new"] :is(.jb-hero,.ks-hero,.sn-hero,.sw-hero,.sb-hero,.case-hero){max-width:none;padding:45px var(--layout-gutter) 70px}
html[data-design="new"] :is(.jb-hero-copy,.ks-heading>div:first-child,.sn-head>div:first-child,.sw-head>div:first-child,.sb-head>div:first-child){max-width:1120px}
html[data-design="new"] :is(.jb-hero h1,.ks-heading h1,.sn-head h1,.sw-head h1,.sb-head h1){font-size:clamp(62px,8.7vw,132px);line-height:.98;letter-spacing:-.07em}
html[data-design="new"] :is(.ks-deck,.sn-deck,.sw-deck,.sb-deck,.jb-hero-deck){font-size:17px;line-height:1.85;max-width:780px}
html[data-design="new"] :is(.jb-hero-image,.ks-art,.sn-visual,.sw-visual,.sb-visual){max-width:none;margin-top:38px;border-radius:18px;overflow:hidden}
html[data-design="new"] :is(.jb-hero-image img,.ks-art img,.sn-visual img,.sw-visual img,.sb-visual img){max-height:none}
html[data-design="new"] :is(.jb-toc,.ks-toc,.sn-toc,.sw-toc,.sb-toc){top:80px;padding:17px var(--layout-gutter);z-index:20}
html[data-design="new"] :is(.jb-section,.ks-section,.sn-section,.sw-section,.sb-section,.case-story){max-width:none;padding:var(--layout-section) var(--layout-gutter);grid-template-columns:minmax(140px,.35fr) minmax(0,1.65fr);gap:clamp(36px,7vw,110px);scroll-margin-top:140px}
html[data-design="new"] :is(.jb-body,.ks-body,.sn-body,.sw-body,.sb-body,.story-content){max-width:900px}
html[data-design="new"] :is(.jb-label,.ks-label,.sn-label,.sw-label,.sb-label){max-width:none;justify-self:stretch}
html[data-design="new"] :is(.jb-body,.ks-body,.sn-body,.sw-body,.sb-body)>h2{font-size:clamp(36px,4.2vw,60px);line-height:1.1}
html[data-design="new"] :is(.jb-body,.ks-body,.sn-body,.sw-body,.sb-body)>p{font-size:16px;line-height:1.9}
html[data-design="new"] .contact-page{padding:72px var(--layout-gutter) 100px;grid-template-columns:1.1fr 1fr}
html[data-design="new"] .contact-details{padding-right:clamp(35px,7vw,100px)}
html[data-design="new"] .contact-details h1{font-size:clamp(64px,7.4vw,120px);line-height:1.02}
html[data-design="new"] .contact-panel{border-left:0}
html[data-design="new"] .contact-panel-intro{padding:12px 0 36px;gap:22px}
html[data-design="new"] .contact-form-panel{border-radius:16px;padding:clamp(28px,3.5vw,50px)}
html[data-design="new"] .contact-fields{gap:28px 24px}
html[data-design="new"] .contact-fields input,html[data-design="new"] .contact-fields select{min-height:52px}

/* The comparison controls are local-preview tools and never mount on public hosting. */
html[data-design-preview="true"]{scroll-padding-bottom:90px}
.design-preview-toolbar{position:fixed;z-index:1000;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;width:max-content;max-width:calc(100vw - 24px);padding:7px;background:var(--ink);color:var(--paper);border:1px solid var(--line);border-radius:99px;box-shadow:0 8px 40px #15171530;font-family:var(--sans)}
.design-preview-label{font:8px/1.5 var(--mono);letter-spacing:.08em;padding:0 12px;white-space:nowrap}
.design-preview-toolbar button{appearance:none;border:0;border-radius:99px;padding:11px 17px;min-height:40px;font:600 12px/1.4 var(--sans);color:var(--paper);background:transparent;cursor:pointer;white-space:nowrap}
.design-preview-toolbar button[aria-pressed="true"]{background:var(--acid);color:var(--ink)}
.design-preview-toolbar button:focus-visible{outline:2px solid var(--acid);outline-offset:2px}

@media(max-width:1100px){
  html[data-design="new"] .testimonials-grid{grid-template-columns:1fr;gap:36px}
  html[data-design="new"] .testimonial-card{padding:0}
  html[data-design="new"] .testimonial-card+figure{border-left:0;border-top:1px solid var(--line);padding:32px 0 0}
  html[data-design="new"] .hero{grid-template-columns:1.15fr .85fr;gap:34px}
  html[data-design="new"] .hero h1{font-size:clamp(54px,6.5vw,80px)}
  html[data-design="new"] .hero-visual{max-width:410px}
  html[data-design="new"] .project-card:first-child{grid-template-columns:1.1fr .9fr}
  html[data-design="new"] .project-card:first-child .card-copy{padding:30px}
  html[data-design="new"] .project-card:first-child .card-copy h3{font-size:46px}
  html[data-design="new"] .project-card:first-child .card-copy:before{margin-bottom:14px}
  html[data-design="new"] .blog-heading{grid-template-columns:1fr;gap:26px}
  html[data-design="new"] .blog-heading .notes-lede{max-width:620px}
}
@media(max-width:900px){
  html[data-design="new"] .site-header{height:72px}
  html[data-design="new"] .nav{gap:0;padding-inline:var(--layout-gutter)}
  html[data-design="new"] .nav-cta{margin-top:12px}
  html[data-design="new"] .hero{min-height:auto;padding-top:50px;gap:30px}
  html[data-design="new"] .hero h1{font-size:clamp(48px,6.5vw,65px)}
  html[data-design="new"] .hero-intro{font-size:15px}
  html[data-design="new"] .hero-meta{font-size:8px;gap:12px;margin-top:28px}
  html[data-design="new"] .hero-visual{padding:7px 7px 14px}
  html[data-design="new"] .visual-note{font-size:7px;margin-inline:4px}
  html[data-design="new"] .services-heading{grid-template-columns:1fr;gap:22px}
  html[data-design="new"] .services-heading>p{justify-self:start;max-width:600px;margin:0}
  html[data-design="new"] .blog-card:only-child{grid-template-columns:.9fr 1.1fr;gap:0 32px}
  html[data-design="new"] .blog-card:only-child h2{font-size:34px}
  html[data-design="new"] :is(.jb-toc,.ks-toc,.sn-toc,.sw-toc,.sb-toc){top:72px}
  html[data-design="new"] .contact-page{grid-template-columns:1fr;gap:44px}
  html[data-design="new"] .contact-details{padding-right:0}
}
@media(max-width:800px){
  html[data-design="new"] .section-heading{grid-template-columns:1fr;gap:26px}
  html[data-design="new"] .section-heading>p{justify-self:start;max-width:600px}
  html[data-design="new"] .project-card:first-child{grid-template-columns:1fr}
  html[data-design="new"] .project-card:first-child .card-art{aspect-ratio:16/10;min-height:0}
  html[data-design="new"] .project-card:first-child .card-copy{grid-template-rows:auto auto auto auto;padding:28px}
  html[data-design="new"] .project-card:first-child .card-copy p{max-width:600px}
  html[data-design="new"] .project-card:first-child .card-copy:after{margin-top:24px}
  html[data-design="new"] .about-top{grid-template-columns:1fr;gap:30px}
  html[data-design="new"] .services-grid{grid-template-columns:1fr}
  html[data-design="new"] .service-card h3,html[data-design="new"] .service-description{min-height:0}
  html[data-design="new"] .testimonials-grid{grid-template-columns:1fr;gap:40px}
  html[data-design="new"] .testimonial-card{padding:0}
  html[data-design="new"] .testimonial-card+figure{border-left:0;border-top:1px solid var(--line);padding:34px 0 0}
  html[data-design="new"] .notes-band{grid-template-columns:1fr;gap:38px}
  html[data-design="new"] .notes-band>div:last-child{max-width:none;justify-self:stretch}
  html[data-design="new"] .notes-band>div:last-child:before{max-height:340px}
  html[data-design="new"] .footer-main{grid-template-columns:1fr;gap:36px}
  html[data-design="new"] .footer-socials{justify-self:start}
  html[data-design="new"] :is(.jb-section,.ks-section,.sn-section,.sw-section,.sb-section,.case-story){grid-template-columns:1fr;gap:24px}
  html[data-design="new"] :is(.jb-body,.ks-body,.sn-body,.sw-body,.sb-body,.story-content){max-width:none}
}
@media(max-width:650px){
  html[data-design="new"]{--layout-gutter:22px;--layout-section:70px}
  html[data-design="new"] .hero{display:grid;grid-template-columns:1fr;padding-top:42px;padding-bottom:46px;gap:42px}
  html[data-design="new"] .hero h1{font-size:clamp(45px,9.3vw,62px);line-height:1.02;letter-spacing:-.065em;margin-bottom:24px}
  html[data-design="new"] .hero .eyebrow{font-size:8px;margin-bottom:24px}
  html[data-design="new"] .hero-intro{font-size:15px;max-width:480px}
  html[data-design="new"] .hero-actions{gap:22px;flex-wrap:wrap}
  html[data-design="new"] .hero-meta{font-size:7px;gap:16px}
  html[data-design="new"] .hero-visual{max-width:360px;justify-self:center;width:88%;transform:rotate(1.5deg)}
  html[data-design="new"] .portrait{aspect-ratio:4/4.8}
  html[data-design="new"] .portrait small{font-size:7px;padding:9px 10px;left:12px;bottom:16px}
  html[data-design="new"] .section h2{font-size:clamp(40px,9vw,58px)}
  html[data-design="new"] .project-grid{grid-template-columns:1fr;gap:32px}
  html[data-design="new"] .project-card,html[data-design="new"] .project-card:first-child{grid-column:1}
  html[data-design="new"] .project-card:first-child .card-copy{padding:24px}
  html[data-design="new"] .project-card:first-child .card-copy h3{font-size:42px}
  html[data-design="new"] .project-card:first-child .card-copy p{font-size:14px}
  html[data-design="new"] .card-art{aspect-ratio:4/3}
  html[data-design="new"] .card-copy h3{font-size:28px}
  html[data-design="new"] .more-work{grid-template-columns:1fr;gap:20px;margin-top:46px}
  html[data-design="new"] .about-top h2 br{display:none}
  html[data-design="new"] .principles{grid-template-columns:1fr;margin-top:40px}
  html[data-design="new"] .principles article,html[data-design="new"] .principles article+article{padding:24px 0;border-left:0;border-bottom:1px solid var(--line)}
  html[data-design="new"] .principles h3{margin-top:14px}
  html[data-design="new"] .principles p{max-width:none}
  html[data-design="new"] .services-heading,html[data-design="new"] .testimonials-heading{margin-bottom:32px}
  html[data-design="new"] .service-card{padding:25px}
  html[data-design="new"] .service-inclusions li{font-size:12px}
  html[data-design="new"] .service-enquiry{padding-inline:17px}
  html[data-design="new"] .testimonial-card blockquote{font-size:19px}
  html[data-design="new"] .notes-band h2{font-size:44px}
  html[data-design="new"] .site-footer{padding-top:60px;padding-bottom:90px}
  html[data-design="new"] .site-footer h2{font-size:clamp(43px,10vw,66px)}
  html[data-design="new"] .footer-socials a{font-size:18px}
  html[data-design="new"] .blog-index{padding-top:48px;padding-bottom:80px}
  html[data-design="new"] .blog-heading h1{font-size:clamp(31px,8.7vw,50px)}
  html[data-design="new"] .blog-card:only-child{display:flex;gap:0}
  html[data-design="new"] .blog-card:only-child .blog-cover{width:100%;height:auto;aspect-ratio:4/5;max-height:none}
  html[data-design="new"] .blog-card:only-child h2{font-size:32px;margin-bottom:16px}
  html[data-design="new"] .blog-card:only-child>p{font-size:15px}
  html[data-design="new"] .blog-card:only-child .blog-read-link{margin:8px 0 0}
  html[data-design="new"] .blog-card:only-child .blog-meta{font-size:8px;gap:10px}
  html[data-design="new"] .blog-pagination{gap:18px;flex-wrap:wrap}
  html[data-design="new"] .note-article{padding-top:30px;padding-bottom:76px}
  html[data-design="new"] .note-article-header{margin-top:38px}
  html[data-design="new"] .note-article-header h1{font-size:clamp(40px,10vw,60px)}
  html[data-design="new"] .note-standfirst{font-size:16px}
  html[data-design="new"] .note-article-cover{min-height:300px;height:auto;padding:28px;border-radius:12px}
  html[data-design="new"] .note-cover-title{font-size:40px}
  html[data-design="new"] .note-article-cover i{display:none}
  html[data-design="new"] .note-body{margin-top:44px}
  html[data-design="new"] .note-body p,html[data-design="new"] .note-body li{font-size:16px;line-height:1.9}
  html[data-design="new"] :is(.jb-hero,.ks-hero,.sn-hero,.sw-hero,.sb-hero,.case-hero){padding-top:28px;padding-bottom:42px}
  html[data-design="new"] :is(.jb-hero h1,.ks-heading h1,.sn-head h1,.sw-head h1,.sb-head h1){font-size:clamp(49px,12.5vw,76px)}
  html[data-design="new"] :is(.ks-deck,.sn-deck,.sw-deck,.sb-deck,.jb-hero-deck){font-size:15px}
  html[data-design="new"] :is(.jb-toc,.ks-toc,.sn-toc,.sw-toc,.sb-toc){padding-block:14px}
  html[data-design="new"] :is(.jb-section,.ks-section,.sn-section,.sw-section,.sb-section)>div>h2{font-size:36px}
  html[data-design="new"] .contact-page{padding-top:42px;padding-bottom:70px}
  html[data-design="new"] .contact-details h1{font-size:66px}
  html[data-design="new"] .contact-form-panel{padding:28px 22px}
  html[data-design="new"] .contact-fields{grid-template-columns:1fr;gap:24px}
  .design-preview-toolbar{bottom:10px;gap:4px;padding:5px}
  .design-preview-label{display:none}
  .design-preview-toolbar button{padding:11px 16px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){html[data-design="new"]{scroll-behavior:auto}html[data-design="new"] *{transition:none!important}}