/*
Theme Name: Dubetsky Studio
Theme URI: https://giant-transform-341664.framer.app/
Author: Dubetsky Studio
Description: Home, project catalogue and responsive navigation for Dubetsky Studio.
Version: 0.22.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: dubetsky-home
*/

:root{--green:#26d346;--ink:#0d0d0d;--grey:#999;--nav-h:48px;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink)}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}img{display:block;max-width:100%}[hidden]{display:none!important}
.site-main{min-height:100vh;padding-bottom:var(--nav-h);overflow:hidden}.home-marquee{height:285px;overflow:hidden;display:flex;align-items:flex-start;user-select:none;white-space:nowrap}.marquee-track{display:flex;width:max-content;animation:marquee-shift 31s linear infinite}.marquee-group{display:flex;gap:80px;padding-right:80px;flex:none}.marquee-word{font-size:clamp(155px,20vw,278px);letter-spacing:.012em;line-height:1;white-space:nowrap;font-weight:900;transition:color .2s}.home-marquee:hover .marquee-word--brand{color:var(--green)}@keyframes marquee-shift{to{transform:translateX(-50%)}}
.work-strip{margin-top:53px;width:100%;position:relative}.projects-viewport{overflow:hidden;width:100%;padding-top:12px;margin-top:-12px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;outline:none}.projects-viewport.is-dragging{cursor:grabbing}.projects-track{display:flex;align-items:flex-start;width:max-content;will-change:transform}.projects-group{display:flex;align-items:flex-start;gap:10px;padding-right:10px;width:max-content;flex:none}.project-card{width:400px;flex:none;display:block;position:relative;z-index:0;transform-origin:center top;transition:transform .22s ease}.project-card:hover,.project-card:focus-visible{transform:translateY(-7px) scale(1.025);z-index:2}.project-cover{width:100%;aspect-ratio:1/1;overflow:hidden;display:grid;place-items:center;background:#dedede}.project-cover img{width:100%;height:100%;object-fit:cover}.project-caption{display:block;height:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 5px 0;text-align:center;color:var(--ink);font-size:clamp(19px,1.5vw,27px);line-height:1.2;letter-spacing:-.035em;font-weight:400;opacity:0;transition:opacity .18s ease}.project-card:hover .project-caption,.project-card:focus-visible .project-caption{opacity:1}.project-card:focus-visible{outline-offset:-3px}.project-empty{height:400px;display:grid;place-items:center;width:100vw;color:#999}
.filters{width:max-content;max-width:calc(100% - 60px);display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:47px 0 0 31px}.filter-button{appearance:none;border:0;background:none;padding:0;text-align:left;color:#999;line-height:1.06;font-size:clamp(19px,1.95vw,24px);font-weight:800;letter-spacing:-.045em;white-space:nowrap;transition:color .15s}.filter-button:hover,.filter-button.is-active{color:var(--ink)}.filter-button sup{font-size:.48em;vertical-align:super;font-weight:650;letter-spacing:-.02em;padding-left:4px;transition:color .15s}.filter-button:hover sup,.filter-button.is-active sup{color:var(--green)}
.desktop-nav{z-index:30;position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);display:flex;align-items:center;gap:28px;padding:0 30px;background:#fff;border:0;font-size:14px;line-height:1;font-weight:900;white-space:nowrap}.desktop-nav .nav-group{display:flex;align-items:center;gap:23px;margin-left:auto}.desktop-nav .nav-group a:hover,.desktop-nav .nav-group button:hover{color:var(--green)}.desktop-nav button{border:0;background:transparent;padding:0;font-weight:inherit}.desktop-nav .nav-order{margin-left:24px}.desktop-nav .nav-lang{color:var(--green)}.desktop-nav .nav-brand{display:block;flex:none;width:128px}.desktop-nav .nav-brand img{display:block;width:100%;height:auto;aspect-ratio:168 / 33.07;object-fit:contain}
.mobile-nav{display:none}.mobile-drawer{display:none}.contact-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.79);z-index:100;display:grid;place-items:center;padding:20px}.contact-modal{background:#fff;width:min(430px,100%);padding:24px 28px 27px;max-height:calc(100dvh - 40px);overflow-y:auto}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-kicker{font-size:11px;color:#777;text-transform:uppercase;font-weight:700}.contact-kicker:before{content:"";display:inline-block;background:var(--green);width:13px;height:13px;border-radius:50%;margin-right:8px;vertical-align:-2px}.modal-close{font-size:28px;line-height:1;border:0;background:none;padding:0}.contact-modal h2{font-size:clamp(31px,5vw,50px);line-height:.95;letter-spacing:-.055em;margin:32px 0 18px;font-weight:900}.contact-modal p{font-size:14px;line-height:1.4;color:#888;margin:0 0 26px}.contact-links{display:flex;flex-direction:column;gap:9px}.contact-links a{font-size:16px;font-weight:800;padding:15px 16px;border:1px solid #ddd;display:flex;justify-content:space-between}.contact-links a:first-child{background:var(--green);border-color:var(--green)}.contact-links a:hover{border-color:#111}.contact-footnote{font-size:11px!important;margin:24px 0 0!important}
.contact-page{padding:8vw 30px;max-width:800px;margin:auto}.contact-page h1{font-size:clamp(44px,10vw,110px);line-height:.95;letter-spacing:-.07em;margin:12vh 0 40px}.contact-page .back-link{font-size:14px;font-weight:800}.contact-page .contact-links{max-width:480px}
@media(max-width:1199px){.home-marquee{height:235px}.marquee-word{font-size:190px}.work-strip{margin-top:45px}.project-card{width:340px}.desktop-nav{gap:12px;padding:0 20px}.desktop-nav .nav-group{gap:13px}.desktop-nav .nav-order{margin-left:5px}}
@media(max-width:809px){:root{--nav-h:0px}.site-main{padding-top:55px;padding-bottom:0;min-height:100dvh}.home-marquee{display:none}.work-strip{margin-top:0}.projects-viewport{cursor:grab}.project-card{width:min(100vw,480px)}.project-cover{aspect-ratio:1/1}.project-overlay{font-size:18px}.filters{margin:33px 20px 0;gap:11px;max-width:calc(100% - 40px)}.filter-button{font-size:clamp(18px,5vw,22px);white-space:normal}.home-signature{margin:46px 20px 38px;width:145px}.desktop-nav{display:none}.mobile-nav{display:flex;position:fixed;top:0;left:0;right:0;z-index:51;align-items:center;justify-content:space-between;height:55px;padding:0 20px;background:#fff}.mobile-nav .nav-brand{width:110px}.mobile-nav .nav-brand img{width:100%;height:auto}.mobile-toggle{border:0;background:transparent;width:34px;height:34px;padding:4px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center}.mobile-toggle span{width:24px;height:2px;background:#111;display:block;transition:transform .2s,opacity .2s}.mobile-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.mobile-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-drawer{display:flex;position:fixed;inset:55px 0 0;z-index:50;background:#fff;flex-direction:column;padding:38px 20px 24px}.mobile-drawer a{font-size:clamp(31px,10vw,54px);line-height:1.22;font-weight:850;letter-spacing:-.055em}.mobile-drawer a:hover{color:var(--green)}.mobile-drawer .mobile-order{margin-top:auto;background:var(--green);font-size:23px;letter-spacing:-.03em;text-align:center;padding:16px}.mobile-language{display:flex;gap:15px;margin:25px 0}.mobile-language span{font-weight:800}.mobile-language .current{color:var(--green)}body.menu-open{overflow:hidden}.contact-page{padding:55px 20px}.contact-page h1{margin-top:14vh}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none!important}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}

.contact-links a span{display:inline-block;width:19px;height:19px;flex:none;font-size:0;background:url("assets/arrow.svg") center/contain no-repeat}.contact-links a:first-child span,.mobile-order img{filter:brightness(0)}.mobile-order img{display:inline-block;vertical-align:baseline}
@media(hover:none){.project-caption{opacity:1}}

/* On touch-sized layouts, cards remain clean and the final category has room to breathe. */
@media(max-width:1199px){
    .project-caption{display:none}
    .project-card:hover,.project-card:focus-visible{transform:none}
    .filters{padding-bottom:80px}
    .desktop-nav .nav-group .nav-order:hover,.desktop-nav .nav-group .nav-order:active{color:var(--ink)}
}
@media(min-width:1200px){.project-caption{font-size:clamp(17px,1.2vw,22px)}}
@media(max-width:809px){
    .filters{padding-bottom:104px}
    .mobile-toggle{width:38px;height:38px;-webkit-tap-highlight-color:transparent}
    .mobile-toggle span{width:26px;height:3px;border-radius:0}
    .mobile-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
    .mobile-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
    .mobile-drawer{opacity:0;transform:translateY(-16px);transition:opacity .2s ease,transform .38s cubic-bezier(.2,1.14,.35,1)}
    .mobile-drawer.is-open{opacity:1;transform:translateY(0)}
    .mobile-drawer.is-closing{opacity:0;transform:translateY(-7px);transition-duration:.18s}
    .mobile-drawer .mobile-order,.mobile-drawer .mobile-order:hover,.mobile-drawer .mobile-order:active,.mobile-drawer .mobile-order:focus,.mobile-drawer .mobile-order:visited{color:var(--ink);background:var(--green);-webkit-tap-highlight-color:transparent}
}

/* Native case blocks: a full-bleed section background with a readable inner text width. */
.case-content > .wp-block-group.dub-case-text{width:100%;max-width:none;margin:0;padding:clamp(56px,6.5vw,120px) clamp(20px,5vw,96px);--wp--style--global--content-size:1440px}
.case-content .dub-case-text > :where(h1,h2,h3,h4,p,ul,ol,blockquote){width:100%;max-width:1440px;margin-left:auto;margin-right:auto}
.case-content .dub-case-text :where(h1,h2,h3,h4,p,ul,ol,blockquote){text-align:left}
.case-content .dub-case-text :where(h1,h2,h3,h4){font-size:clamp(36px,3.4vw,88px);font-weight:700;line-height:1.08;margin-block:0 8px}
.case-content .dub-case-text :where(p,ul,ol){font-size:clamp(23px,2.25vw,60px);font-weight:600;line-height:1.4;margin-block:0}
.case-content .dub-case-text :where(p,ul,ol)+:where(h1,h2,h3,h4){margin-block-start:36px}
.case-empty-media{width:100%;min-height:330px;aspect-ratio:1.6;display:grid;place-items:center;background:#dedede;color:#666;font:500 clamp(15px,1.4vw,21px)/1.4 Inter,Arial,sans-serif;text-align:center;padding:25px}
.case-empty-video{aspect-ratio:16/9;background:#c9c9c9}
@media(max-width:809px){.case-content > .wp-block-group.dub-case-text{padding:65px 20px}.case-empty-image{aspect-ratio:1.1;min-height:260px}}

/* Laptop windows: compact the entire Home rhythm so categories clear the nav. */
@media (hover:hover) and (min-width:810px) and (max-width:1600px){
    .filters{margin-top:20px;gap:4px;padding-bottom:52px}
    .filter-button{font-size:clamp(17px,1.5vw,20px);line-height:1.03}
}
@media (hover:hover) and (min-width:810px) and (max-width:1600px) and (max-height:900px){
    .home-marquee{height:clamp(170px,24vh,220px)}
    .marquee-word{font-size:clamp(150px,16.5vw,220px)}
    .work-strip{margin-top:clamp(18px,3vh,35px)}
    .project-card{width:clamp(270px,36vh,340px)}
}

/* A previously edited demo text section keeps its content while gaining full-width color controls. */
.case-content .case-sample-copy{width:100%;max-width:none;padding:clamp(56px,6.5vw,120px) clamp(20px,5vw,96px)}
.case-content .case-sample-copy > :where(h2,p){max-width:1440px;margin-left:auto;margin-right:auto}
.case-content .case-sample-copy > :where(h2,p){text-align:left}

/* About: one editable portrait and text, with the same navigation and contact dialog. */
@media(min-width:810px){
    .dub-about-page .desktop-nav{position:sticky;top:0;bottom:auto}
    .admin-bar.dub-about-page .desktop-nav{top:32px}
}
.about-main{overflow:visible;padding-bottom:0;min-height:100vh}
.about-hero{padding:clamp(22px,2.4vw,44px) 30px 50px}
.about-heading-row{display:flex;align-items:flex-start;gap:clamp(12px,1.7vw,35px);margin:0 0 16px}
.about-title{margin:0;white-space:nowrap;text-transform:uppercase;font-size:clamp(95px,14.5vw,275px);font-weight:900;letter-spacing:-.008em;line-height:.92}
.about-star{flex:none;color:var(--green);font:900 clamp(85px,10vw,180px)/.9 Inter,Arial,sans-serif;transform:translateY(-.02em)}
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.about-photo-block{margin:0;min-width:0}
.about-portrait{width:100%;aspect-ratio:1/1;overflow:hidden;background:#dedede}
.about-portrait-image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--portrait-x,50%) var(--portrait-y,50%)}
.about-portrait-placeholder{height:100%;display:grid;place-items:center;color:#777;font-size:clamp(16px,1.6vw,23px);font-weight:600}
.about-caption{display:flex;flex-direction:column;gap:4px;margin-top:17px;font-size:clamp(15px,1.2vw,20px);line-height:1.3}
.about-caption strong{font-weight:900}
.about-story{min-width:0}
.about-statement{margin:0 0 24px;font-size:clamp(41px,4.4vw,88px);letter-spacing:-.018em;line-height:.93;font-weight:900}
.about-copy{font-size:clamp(15px,1.12vw,21px);line-height:1.58;font-weight:500}
.about-copy p{margin:0 0 28px}
.about-copy p:last-child{margin-bottom:20px}
.about-points{list-style:none;padding:0;margin:0;border-top:1px solid #111}
.about-points li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:0;align-items:baseline;border-bottom:1px solid #111;padding:13px 0 14px}
.about-point-number{color:var(--green);font-size:clamp(22px,2vw,33px);font-weight:900;letter-spacing:-.045em}
.about-point-label{font-size:clamp(21px,2.05vw,34px);font-weight:900;line-height:1.08;letter-spacing:-.045em}
.about-cta{border-top:1px solid #111;padding:25px 30px 30px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.about-cta h2{font-size:clamp(62px,6.1vw,122px);line-height:.95;letter-spacing:-.018em;font-weight:900;margin:0}
.about-cta button{border:0;background:var(--green);color:#111;display:flex;align-items:center;justify-content:center;gap:9px;min-width:min(360px,38vw);min-height:80px;padding:18px 22px;font-size:17px;font-weight:900;white-space:nowrap}
.about-cta button img{filter:brightness(0)}
.about-cta button:hover{background:#16bd35}
@media(max-width:1050px){
    .about-title{font-size:clamp(85px,14vw,145px)}
    .about-star{font-size:clamp(75px,10vw,110px)}
    .about-statement{font-size:clamp(38px,4.3vw,54px)}
    .about-points li{grid-template-columns:55px minmax(0,1fr)}
}
@media(min-width:810px) and (max-width:1199px){
    .about-cta{display:block}
    .about-cta button{margin-top:28px}
}
@media(max-width:900px){
    .about-grid{grid-template-columns:1fr;gap:37px}
    .about-photo-block{max-width:650px}
    .about-statement{font-size:clamp(42px,7.3vw,70px)}
    .about-copy{font-size:17px}
    .about-cta h2{font-size:clamp(48px,7vw,76px)}
}
@media(max-width:809px){
    .about-hero{padding:22px 20px 50px}
    .about-heading-row{gap:8px;margin-bottom:23px}
    .about-title{font-size:clamp(42px,10vw,78px);letter-spacing:-.008em}
    .about-star{font-size:clamp(37px,9vw,72px)}
    .about-photo-block{max-width:none}
    .about-caption{font-size:15px;margin-top:13px}
    .about-story{margin-top:0}
    .about-statement{font-size:clamp(40px,8.5vw,69px);margin-bottom:24px}
    .about-copy{font-size:16px;line-height:1.55}
    .about-copy p{margin-bottom:20px}
    .about-points li{grid-template-columns:60px minmax(0,1fr);padding:15px 0}
    .about-point-number{font-size:22px}
    .about-point-label{font-size:clamp(20px,5.4vw,28px)}
    .about-points li:last-child{border-bottom:0}
    .about-cta{display:block;border-top:0;padding:28px 20px 30px}
    .about-cta h2{font-size:clamp(29px,7.8vw,66px);margin-bottom:32px}
    .about-cta button{width:100%;min-width:0;min-height:68px;font-size:16px}
}

/* Contact dialog uses two deliberate heading and intro lines. */
.contact-modal{width:min(590px,100%);padding:26px clamp(20px,4vw,36px) 30px}
.contact-modal h2{font-size:clamp(47px,6vw,80px);line-height:.92;letter-spacing:-.075em;margin:38px 0 26px}
.contact-modal .contact-intro{font-size:clamp(14px,3.2vw,20px);line-height:1.45;margin-bottom:36px}
.contact-intro span{white-space:nowrap}
.contact-page-content{margin:clamp(65px,9vh,120px) auto 0;max-width:590px}
.contact-page h1{font-weight:900;font-size:clamp(48px,7vw,80px);line-height:.92;letter-spacing:-.075em;margin:36px 0 24px}
.contact-page .contact-intro{font-size:clamp(16px,2vw,20px);line-height:1.45;color:#888;margin:0 0 34px}
.contact-page .contact-links{max-width:none}
.contact-page .contact-footnote{color:#888}
@media(max-width:600px){
    .contact-backdrop{padding:12px}
    .contact-modal{max-height:calc(100dvh - 24px);padding:23px 20px 28px}
    .contact-modal h2{margin:43px 0 25px}
    .contact-page-content{margin-top:clamp(55px,9vh,95px)}
    .contact-page h1{font-size:clamp(46px,11vw,62px);margin:32px 0 22px;overflow-wrap:normal}
    .contact-page .contact-intro{font-size:16px;margin-bottom:29px}
}

/* Individual case: shared top navigation, per-project palette and freely ordered blocks. */
@media(min-width:810px){
    .single-dub_project .desktop-nav{position:sticky;top:0;bottom:auto}
    .admin-bar.single-dub_project .desktop-nav{top:32px}
}
.case-main{min-height:0;padding:0;background:var(--case-bg,#fff);color:var(--case-ink,#0d0d0d);font-family:var(--case-font,Inter,Arial,sans-serif)}
.single-dub_project .case-return{display:none!important}
.case-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.case-content{width:100%;font:inherit}
.case-content > :where(.wp-block-image,.wp-block-video,.wp-block-cover,.wp-block-gallery,.wp-block-group){margin:0;width:100%;max-width:none}
.case-content :where(.wp-block-image,.wp-block-video,.wp-block-gallery) :where(img,video){display:block;width:100%;height:auto;max-width:none;object-fit:contain}
.case-content :where(.wp-block-image,.wp-block-video) figcaption{text-align:center;font-size:14px;padding:10px 20px;color:inherit}
.case-content > :where(h1,h2,h3,h4,p,ul,ol,blockquote){width:min(1100px,calc(100% - 60px));margin:0 auto;padding:clamp(18px,2vw,36px) 0;line-height:1.45}
.case-content > :where(h1,h2,h3,h4){line-height:1.1}
.case-content .case-sample-media{width:100%;min-height:380px;aspect-ratio:1.6;display:grid;place-items:center;background:#dedede;color:#666;font-family:Inter,Arial,sans-serif;text-align:center;padding:30px}
.case-content .case-sample-media p{font-size:clamp(15px,1.5vw,22px);line-height:1.4;max-width:700px;margin:auto}
.case-content .case-sample-video{aspect-ratio:16/9;background:#c9c9c9}
.case-content .case-sample-copy{width:min(1100px,calc(100% - 60px));margin:0 auto;padding:clamp(55px,8vw,140px) 0}
.case-content .case-sample-copy h2{font-size:clamp(36px,3.4vw,88px);font-weight:700;margin:0 0 8px}
.case-content .case-sample-copy p{font-size:clamp(23px,2.25vw,60px);font-weight:600;line-height:1.4;margin:0}
@media(max-width:809px){
    .case-main{padding-top:55px}
    .case-content .case-sample-media{min-height:300px;aspect-ratio:1.05}
    .case-content .case-sample-copy{width:calc(100% - 40px);padding:60px 0}
    .case-content > :where(h1,h2,h3,h4,p,ul,ol,blockquote){width:calc(100% - 40px)}
}

/* The shared mobile menu uses three bars and folds into an X. */
@media(max-width:809px){
    .mobile-toggle[aria-expanded=true] span:first-child{transform:translateY(8px) rotate(45deg)}
    .mobile-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
    .mobile-toggle[aria-expanded=true] span:last-child{transform:translateY(-8px) rotate(-45deg)}
}

/* The three-line control sits optically level with the compact mobile wordmark. */
@media(max-width:809px){
    .mobile-toggle{width:35px;height:35px;gap:4px;transform:translateY(-2px)}
    .mobile-toggle span{display:block;flex:0 0 3px;width:23px;min-width:23px;max-width:23px;height:3px;min-height:3px;max-height:3px}
    .mobile-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}
    .mobile-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
}

/* Language choices are page-aware Polylang links. */
.nav-language-picker{position:relative;color:var(--green);font:inherit}
.nav-language-picker[open]{z-index:31}
.nav-language-picker summary{list-style:none;cursor:pointer;user-select:none}
.nav-language-picker summary::-webkit-details-marker{display:none}
.nav-language-options{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:0;min-width:75px;padding:8px;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.11);border:1px solid #eee}
.nav-language-options a{display:block;padding:8px;color:#111;text-align:center;font-size:13px}
.nav-language-options a.current,.nav-language-options a:hover{color:var(--green)}
:is(.dub-about-page,.dub-services-page,.dub-blog-page,.single-dub_project) .nav-language-options{top:calc(100% + 16px);bottom:auto}
@media(max-width:809px){.mobile-drawer .mobile-language a{font-size:15px;line-height:1.3;letter-spacing:0;font-weight:800;color:var(--ink)}.mobile-drawer .mobile-language a.current,.mobile-drawer .mobile-language a:hover{color:var(--green)}}

/* Case typography steps down with the screen, keeping images visually dominant. */
@media(min-width:810px) and (max-width:1199px){
    .case-content > .wp-block-group.dub-case-text,
    .case-content .case-sample-copy{padding:clamp(50px,6vw,78px) 7vw}
    .case-content .dub-case-text :where(h1,h2,h3,h4),
    .case-content .case-sample-copy h2{font-size:clamp(32px,3.4vw,44px)}
    .case-content .dub-case-text :where(p,ul,ol),
    .case-content .case-sample-copy p{font-size:clamp(18px,1.9vw,24px);font-weight:500}
}
@media(max-width:809px){
    .case-content > .wp-block-group.dub-case-text,
    .case-content .case-sample-copy{padding:clamp(42px,8vw,64px) 9vw}
    .case-content .case-sample-copy{width:100%;margin:0}
    .case-content .dub-case-text :where(h1,h2,h3,h4),
    .case-content .case-sample-copy h2{font-size:clamp(25px,7vw,34px);line-height:1.13;font-weight:700}
    .case-content .dub-case-text :where(p,ul,ol),
    .case-content .case-sample-copy p{font-size:clamp(16px,4.2vw,19px);line-height:1.48;font-weight:500}
    .case-content .dub-case-text :where(p,ul,ol)+:where(h1,h2,h3,h4){margin-block-start:25px}
}