/* Didonna v2 — frog-inspired system. Black/white, light editorial serif + grotesk. */
@font-face{font-family:Newsreader;font-weight:300;font-style:normal;font-display:swap;src:url(fonts/newsreader-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:Newsreader;font-weight:300;font-style:normal;font-display:swap;src:url(fonts/newsreader-latin-ext-300-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Newsreader;font-weight:300;font-style:italic;font-display:swap;src:url(fonts/newsreader-latin-300-italic.woff2) format("woff2")}
@font-face{font-family:Newsreader;font-weight:400;font-style:normal;font-display:swap;src:url(fonts/newsreader-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-weight:400;font-display:swap;src:url(fonts/inter-tight-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-weight:400;font-display:swap;src:url(fonts/inter-tight-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter Tight";font-weight:500;font-display:swap;src:url(fonts/inter-tight-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-weight:600;font-display:swap;src:url(fonts/inter-tight-latin-600-normal.woff2) format("woff2")}
:root{
	--ink:#000;--paper:#fff;--fog:#9a9a9a;--line:rgba(255,255,255,.22);--line-d:rgba(0,0,0,.18);
	--sage1:#c9d3cc;--sage2:#e6e1d6;--coral:#ff5033;
	--serif:"Newsreader",Georgia,serif;--sans:"Inter Tight",system-ui,sans-serif;
	--wrap:min(1180px,calc(100vw - 2*var(--gut)));--gut:clamp(20px,5vw,72px);
}
body.v2 *,body.v2 *:before,body.v2 *:after{box-sizing:border-box}
body.v2 #main-content :where(h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote){margin:0}
body.v2 #main-content :where(ul,ol){padding:0}
body.v2{margin:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.v2{background:var(--ink);color:var(--paper);font:400 18px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
:where(body.v2 img,body.v2 video){display:block;max-width:100%;height:auto}
:where(body.v2 svg){max-width:100%}
:where(body.v2 a){color:inherit;text-decoration:none}
:where(body.v2 button){font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--paper);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:var(--paper);color:var(--ink);padding:8px 14px;z-index:99}
.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{width:var(--wrap);margin-inline:auto}

/* type */
.serif{font-family:var(--serif);font-weight:300;letter-spacing:-.015em;line-height:1.05}
.serif.xl{font-size:clamp(40px,5.6vw,78px)}
.serif.l{font-size:clamp(36px,4.4vw,60px)}
.serif.m{font-size:clamp(30px,3.4vw,48px)}
.serif.s{font-size:clamp(26px,2.6vw,36px)}
.lead{font-size:clamp(18px,1.4vw,20px);max-width:34em;margin-top:28px;color:rgba(255,255,255,.86)}
.arrow{display:inline-flex;align-items:center;gap:12px;font-weight:500;font-size:18px;margin-top:28px}
.arrow:after{content:"";width:28px;height:1.5px;background:currentColor;position:relative;transition:width .25s}
.arrow:hover:after{width:40px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 40px;border:1.5px solid var(--paper);font-weight:500;font-size:19px;transition:background .2s,color .2s}
.btn:hover{background:var(--paper);color:var(--ink)}
.btn.dark{border-color:var(--ink);color:var(--ink)}
.btn.dark:hover{background:var(--ink);color:var(--paper)}

/* header */
.hdr{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .3s}
.hdr.solid{background:var(--ink)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;height:78px}
.brand img{height:34px;width:auto}
.nav{display:flex;align-items:center;gap:28px;font-weight:500;font-size:16px}
.nav a{position:relative;padding:6px 0}
.nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav a:hover:after{transform:scaleX(1)}
.nav-cta{border:1.5px solid var(--paper);border-radius:999px;padding:7px 18px!important}
.burger{display:none;width:40px;height:40px;position:relative}
.burger span{position:absolute;left:8px;right:8px;height:1.5px;background:var(--paper)}
.burger span:nth-child(1){top:15px}.burger span:nth-child(2){top:24px}
.mnav[hidden]{display:none!important}
.mnav{display:flex;flex-direction:column;padding:12px var(--gut) 28px;background:var(--ink);font-family:var(--serif);font-weight:300;font-size:34px;gap:8px}

/* showreel */
.reel{position:relative;height:100svh;min-height:560px;overflow:hidden;background:#000}
.reel-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.5) contrast(1.08);transition:filter .8s}
.reel-shade{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,0,0,0) 30%,rgba(0,0,0,.55) 100%);transition:opacity .8s}
.reel-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center}
.reel-word{display:flex;align-items:baseline;gap:.28em;font:300 italic clamp(44px,6.4vw,92px)/1 var(--serif);color:rgba(255,255,255,.82)}
.reel-logo{height:.62em;width:auto;opacity:.82;transform:translateY(.04em)}
.reel-play{position:absolute;width:clamp(96px,10vw,150px);aspect-ratio:1;border:1.5px solid rgba(255,255,255,.9);border-radius:50%;display:grid;place-items:center;transition:transform .3s}
.reel-play svg{width:34%;fill:#fff;margin-left:6%}
.reel-title:hover .reel-play{transform:scale(1.06)}
.reel.full .reel-v{filter:none}
.reel.full .reel-shade,.reel.full .reel-title{opacity:0;pointer-events:none}
.reel-title{transition:opacity .5s}
.reel-close{position:absolute;right:var(--gut);bottom:32px;border:1.5px solid #fff;padding:10px 22px;font-weight:500}

/* featured slider */
.feat{position:relative;height:min(88svh,860px);min-height:520px;overflow:hidden;background:#000}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;pointer-events:none}
.slide.on{opacity:1;pointer-events:auto}
.slide video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.65) contrast(1.05)}
.slide-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,0) 35%,rgba(0,0,0,.72) 82%)}
.slide-tx{position:absolute;left:0;right:0;bottom:120px}
.slide-tx h2{max-width:11em}
.slide-tx p{max-width:30em;margin-top:22px;color:rgba(255,255,255,.88)}
.bars{position:absolute;left:0;right:0;bottom:44px;display:flex;gap:14px}
.bars button{width:56px;height:20px;display:flex;align-items:center}
.bars i{display:block;width:100%;height:2px;background:rgba(255,255,255,.3);position:relative;overflow:hidden}
.bars i:after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.bars button[aria-selected=true] i:after{animation:bar var(--dur,7s) linear forwards}
.bars button.done i:after{transform:scaleX(1)}
@keyframes bar{to{transform:scaleX(1)}}

/* sections */
.sec{padding:clamp(96px,12vw,170px) 0}
.intro .lead{max-width:30em}

/* work grid: staggered like a studio contact sheet */
.work{background:var(--paper);color:var(--ink)}
.work .lead{color:rgba(0,0,0,.72)}
.grid{width:var(--wrap);margin:clamp(56px,7vw,96px) auto 0;display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;row-gap:clamp(48px,6vw,72px);align-items:start}
.tile{display:block}
.tile-img{display:block;overflow:hidden;background:#f1f1f1}
.tile-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.1,1)}
.tile:hover img{transform:scale(1.03)}
.tile-t{display:block;font-weight:500;font-size:20px;margin-top:16px}
.tile-c{display:block;font-size:16px;color:rgba(0,0,0,.6);margin-top:4px}
.t0{grid-column:1/8}.t0 .tile-img{aspect-ratio:4/3}
.t1{grid-column:9/13;margin-top:14%}.t1 .tile-img{aspect-ratio:4/5}
.t2{grid-column:2/7}.t2 .tile-img{aspect-ratio:1/1}
.t3{grid-column:8/13;margin-top:10%}.t3 .tile-img{aspect-ratio:4/3}
.more{margin-top:clamp(64px,8vw,110px)}
.work .btn{border-color:var(--ink);color:var(--ink)}
.work .btn:hover{background:var(--ink);color:var(--paper)}

/* together */
.together{padding:clamp(80px,9vw,120px) 0;border-top:1px solid var(--line)}
.together-in{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.together p{max-width:32em;margin-top:22px;color:rgba(255,255,255,.86)}

/* how we work: soft field */
.how{background:radial-gradient(120% 140% at 0% 0%,#b9c8c4 0%,var(--sage1) 30%,var(--sage2) 75%,#efe9dd 100%);color:var(--ink);padding:clamp(96px,11vw,160px) 0 0;overflow:hidden}
.how-in{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,80px);align-items:end}
.how-tx{padding-bottom:clamp(96px,11vw,160px)}
.how .dark{color:var(--ink);margin-top:36px}
.how-tx>p:not(.serif){max-width:31em;margin:28px 0 40px;color:rgba(0,0,0,.78)}
.how-img img{width:100%;aspect-ratio:4/5;object-fit:cover;-webkit-mask:linear-gradient(180deg,#000 70%,transparent);mask:linear-gradient(180deg,#000 75%,transparent)}

/* insights rail */
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,30%);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:clamp(48px,6vw,80px) max(var(--gut),calc((100vw - 1180px)/2)) 12px;scroll-padding-inline:max(var(--gut),calc((100vw - 1180px)/2));scrollbar-width:thin}
.card{scroll-snap-align:start}
.card-img{display:block;aspect-ratio:4/3;overflow:hidden;background:#151515}
.card-img img{width:100%;height:100%;object-fit:cover}
.card-img.alt img{filter:grayscale(1) contrast(1.05)}
.card-img.empty{display:flex;align-items:flex-end;padding:24px;background:radial-gradient(120% 120% at 100% 0%,#2b2b2b,#0d0d0d 70%)}
.card-img.empty .serif{font-size:28px;line-height:1.1;color:rgba(255,255,255,.85)}
.card-k{display:block;font-weight:500;font-size:20px;margin-top:20px}
.card-t{display:block;color:rgba(255,255,255,.8);margin-top:6px;max-width:26em}
.card .arrow{margin-top:18px}

/* principles */
.prin-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:start}
.prin h2{margin-bottom:40px}
details{border-top:1px solid var(--line)}
details:last-of-type{border-bottom:1px solid var(--line)}
summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-weight:500;font-size:20px;cursor:pointer}
summary::-webkit-details-marker{display:none}
summary i{width:18px;height:18px;position:relative;flex:none}
summary i:before,summary i:after{content:"";position:absolute;left:0;right:0;top:8px;height:1.5px;background:currentColor;transition:transform .25s}
summary i:after{transform:rotate(90deg)}
details[open] summary i:after{transform:rotate(0)}
details p{padding:0 0 26px;max-width:30em;color:rgba(255,255,255,.82)}
.prin-img img{width:100%;aspect-ratio:4/5;object-fit:cover}

/* close */
.close{padding:clamp(80px,9vw,130px) 0;border-top:1px solid var(--line)}
.close-in{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.close p{margin-top:20px;color:rgba(255,255,255,.82);max-width:30em}
.close-cta{display:flex;flex-direction:column;align-items:flex-start;gap:6px}

/* ===================================================================
   v2 site-wide (2.0): shell, page templates, theme pages, forms
   =================================================================== */
body.v2 #main-content{display:block;padding-top:78px;min-height:60vh}
body.v2.v2-overlay #main-content{padding-top:0}
body.v2.admin-bar .hdr{top:32px}
@media (max-width:782px){body.v2.admin-bar .hdr{top:46px}}
.nav a[aria-current=page]:after{transform:scaleX(1)}
.kicker{display:block;font:500 15px/1.4 var(--sans);letter-spacing:.01em;color:var(--fog);margin-bottom:22px;text-transform:none}
.kicker a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.serif.xxl{font-size:clamp(46px,7.4vw,112px);line-height:1}
.serif em,.serif i{font-style:italic}
.lead.big{font-size:clamp(22px,2vw,28px);line-height:1.4;max-width:none;margin-top:0;color:#fff}
.sec.tight{padding:clamp(40px,5vw,72px) 0 clamp(80px,9vw,130px)}
.paper{background:var(--paper);color:var(--ink)}
.paper .lead,.paper p{color:rgba(0,0,0,.76)}
.paper .kicker{color:#6b6b6b}
.paper details,.paper .lrow,.paper .col{border-color:var(--line-d)}
.sage{background:radial-gradient(120% 140% at 0% 0%,#b9c8c4 0%,var(--sage1) 30%,var(--sage2) 75%,#efe9dd 100%);color:var(--ink)}
.sage .kicker{color:rgba(0,0,0,.55)}
.sage p{color:rgba(0,0,0,.76)}
.note{font-size:15px;color:var(--fog);margin-top:32px;max-width:52em}
.note a{text-decoration:underline}
.acts{display:flex;flex-wrap:wrap;align-items:center;gap:20px 36px;margin-top:40px}
.acts .arrow{margin-top:0}

/* page hero */
.phero{padding:clamp(80px,11vw,170px) 0 clamp(48px,6vw,90px)}
.phero h1{max-width:13em}
.phero .lead{margin-top:36px;max-width:36em}

/* split, columns, rows, steps */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,110px);align-items:start}
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,56px);margin-top:clamp(48px,6vw,80px)}
.col{border-top:1px solid var(--line);padding-top:26px}
.n{display:block;font:300 italic 22px/1 var(--serif);color:var(--fog);margin-bottom:18px}
.col h3,.steps h3{font:500 21px/1.3 var(--sans);margin-bottom:12px}
.col p{color:rgba(255,255,255,.76)}
.paper .col p{color:rgba(0,0,0,.72)}
.rows{margin-top:clamp(48px,6vw,80px);border-bottom:1px solid var(--line-d)}
.lrow{display:grid;grid-template-columns:70px minmax(0,1.1fr) minmax(0,1.4fr) 40px;gap:24px;align-items:baseline;padding:28px 0;border-top:1px solid var(--line-d)}
.lrow .n{margin:0}
.lrow-t{font:300 clamp(24px,2.4vw,34px)/1.1 var(--serif);letter-spacing:-.01em}
.lrow-d{color:rgba(0,0,0,.7)}
.lrow-a{width:28px;height:1.5px;background:currentColor;justify-self:end;align-self:center;transition:width .25s}
a.lrow:hover .lrow-a{width:40px}
a.lrow:hover .lrow-t{font-style:italic}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,44px);margin-top:clamp(48px,6vw,80px)}
.steps.three{grid-template-columns:repeat(3,1fr)}
.steps li{border-top:1px solid rgba(0,0,0,.25);padding-top:24px}
.steps .n{color:rgba(0,0,0,.5)}
.ticks{list-style:none;margin-top:30px}
.ticks li{position:relative;padding:12px 0 12px 34px;border-top:1px solid var(--line)}
.ticks li:last-child{border-bottom:1px solid var(--line)}
.paper .ticks li{border-color:var(--line-d)}
.ticks li:before{content:"";position:absolute;left:0;top:24px;width:18px;height:1.5px;background:currentColor}

/* landing hero */
.lp-hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#000;padding:140px 0 56px}
.lp-media{position:absolute;inset:0}
.lp-media .ddx-media{position:absolute;inset:0;aspect-ratio:auto;border-radius:0}
.lp-media img,.lp-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.06) brightness(.82)}
.lp-media .ddx-hero-video{opacity:0;transition:opacity 1s}
.lp-media .ddx-hero-video.is-on{opacity:1}
.lp-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.88) 100%)}
.lp-hero-tx{position:relative}
.lp-hero h1{max-width:12em}
.lp-hero .lead{max-width:34em}
.lp-hero .kicker{color:rgba(255,255,255,.75)}
.lp-cap{position:relative;font-size:14px;color:rgba(255,255,255,.55);margin-top:56px!important}
.lp-cap a{text-decoration:underline}

/* sectors (hub) */
.sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(36px,4vw,56px) 24px;margin-top:clamp(48px,6vw,80px)}
.sector-img{display:block;aspect-ratio:4/3;overflow:hidden;background:#111}
.sector-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .5s,transform .6s cubic-bezier(.2,.7,.1,1)}
.sector:hover img{filter:none;transform:scale(1.03)}
.sector-t{display:block;font:300 clamp(24px,2.2vw,30px)/1.1 var(--serif);margin-top:18px}
.sector-d{display:block;color:rgba(0,0,0,.66);margin-top:8px;font-size:16px}

/* faq, related */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,96px)}
.rel{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.rel a{border:1.5px solid currentColor;border-radius:999px;padding:10px 20px;font-weight:500;transition:background .2s,color .2s}
.rel a:hover{background:var(--paper);color:var(--ink)}
.related{border-top:1px solid var(--line);padding:clamp(56px,6vw,80px) 0}

/* forms (Contact Form 7) */
.formbox{min-width:0}
.formbox>.kicker{margin-bottom:10px}
body.v2 .wpcf7 form>p,body.v2 .wpcf7 form .dd-field,body.v2 .wpcf7 label{display:block;margin:0 0 18px;font-size:15px;font-weight:500;color:inherit}
body.v2 .wpcf7 br{display:none}
body.v2 .wpcf7 :is(input[type=text],input[type=email],input[type=tel],input[type=url],input[type=number],select,textarea){display:block;width:100%;margin-top:8px;background:transparent;border:0;border-bottom:1.5px solid currentColor;border-radius:0;padding:12px 0;font:400 18px/1.4 var(--sans);color:inherit;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none}
body.v2 .wpcf7 select{background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 14px) 52%,calc(100% - 8px) 52%;background-size:6px 6px;background-repeat:no-repeat;padding-right:28px}
body.v2 .wpcf7 select option{color:#000}
body.v2 .wpcf7 textarea{min-height:120px;resize:vertical}
body.v2 .wpcf7 :is(input,select,textarea):focus{border-bottom-width:2.5px}
body.v2 .wpcf7 ::placeholder{color:currentColor;opacity:.45}
body.v2 .wpcf7 .wpcf7-acceptance,body.v2 .wpcf7 .wpcf7-list-item{display:block;margin:0;font-weight:400;font-size:14px;line-height:1.45}
body.v2 .wpcf7 .wpcf7-list-item label{display:flex;gap:12px;align-items:flex-start;font-weight:400}
body.v2 .wpcf7 input[type=checkbox]{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:currentColor}
body.v2 .wpcf7 input[type=submit],body.v2 .wpcf7 button[type=submit]{display:inline-flex;min-height:58px;padding:0 44px;margin-top:10px;background:currentColor;border:1.5px solid currentColor;border-radius:0;font:500 19px/1 var(--sans);cursor:pointer;transition:opacity .2s;-webkit-appearance:none}
body.v2 .paper .wpcf7 input[type=submit],body.v2 .paper .wpcf7 button[type=submit]{background:#000;color:#fff;border-color:#000}
body.v2 :not(.paper)>.wrap .wpcf7 input[type=submit],body.v2 .wpcf7 input[type=submit]{background:#fff;color:#000;border-color:#fff}
body.v2 .paper .wpcf7 input[type=submit]{background:#000;color:#fff;border-color:#000}
body.v2 .wpcf7 input[type=submit]:hover{opacity:.8}
body.v2 .wpcf7-not-valid-tip{font-size:14px;margin-top:6px;color:var(--coral)}
body.v2 .wpcf7 form .wpcf7-response-output{margin:20px 0 0;padding:14px 18px;border:1.5px solid currentColor;font-size:15px}
body.v2 .wpcf7-spinner{margin:0 0 0 16px;vertical-align:middle}

/* contacts */
.facts{display:grid;gap:0;border-top:1px solid var(--line)}
.facts div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.facts dt{color:var(--fog);font-size:15px;padding-top:4px}
.facts dd{font:300 clamp(22px,2vw,28px)/1.25 var(--serif)}
.facts a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}

/* studio */
.duo{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;width:var(--wrap);margin:0 auto;align-items:end}
.duo img{width:100%;object-fit:cover;filter:grayscale(1)}
.duo-a img{aspect-ratio:16/10}.duo-b img{aspect-ratio:4/5}
.lines{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);margin-top:clamp(48px,6vw,80px)}
.line{border-top:1px solid var(--line);padding-top:28px}
.line>p{color:rgba(255,255,255,.76);margin-top:14px}
.sign .gio{width:min(300px,70vw);margin-top:40px;color:#000}
.sign .gio .gd{fill:var(--coral)}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:clamp(28px,4vw,48px)}
.chips button,.chips a{border:1.5px solid rgba(255,255,255,.4);border-radius:999px;padding:8px 18px;font-weight:500;font-size:15px;transition:border-color .2s,background .2s,color .2s}
.chips button:hover,.chips a:hover{border-color:#fff}
.chips [aria-pressed=true],.chips [aria-current=page]{background:#fff;color:#000;border-color:#fff}
.work.tight{padding-top:clamp(56px,6vw,90px)}
.grid.all{margin-top:0}
.tile[hidden]{display:none}
.grid.all.filtered{grid-template-columns:repeat(3,1fr)}
.grid.all.filtered .tile{grid-column:auto;margin-top:0}
.grid.all.filtered .tile-img{aspect-ratio:4/3}

/* project */
.proj .phero h1{max-width:16em}
.proj-hero{margin:0}
.proj-hero img{width:100%;max-height:92vh;object-fit:cover}
.proj-text{columns:2 340px;column-gap:clamp(32px,5vw,80px)}
.proj-text p{color:rgba(255,255,255,.82);margin:0 0 18px;break-inside:avoid}
.proj-text h2{margin:10px 0 16px;break-after:avoid;column-span:none}
.gal{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;width:var(--wrap);margin:0 auto;padding-bottom:clamp(80px,9vw,130px);align-items:start}
.gal figure{margin:0}
.gal img{width:100%;height:auto;background:#111}
.gal .g0{grid-column:1/-1}
.gal .g1{grid-column:1/7}
.gal .g2{grid-column:7/13;margin-top:12%}
.next{position:relative;display:block;height:min(70vh,620px);overflow:hidden;border-top:1px solid var(--line)}
.next-img{position:absolute;inset:0}
.next-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.45);transition:transform .8s cubic-bezier(.2,.7,.1,1),filter .6s}
.next:hover img{transform:scale(1.03);filter:grayscale(.3) brightness(.55)}
.next-tx{position:absolute;left:0;right:0;bottom:56px}
.next-tx .kicker{color:rgba(255,255,255,.75)}

/* insight list */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(40px,5vw,64px) 24px}
.post{display:block}
.post-img{display:block;aspect-ratio:4/3;overflow:hidden;background:#151515}
.post-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.1,1)}
.post-img.alt img{filter:grayscale(1) contrast(1.05)}
.post:hover .post-img img{transform:scale(1.03)}
.post-k{display:block;font-size:14px;color:var(--fog);margin-top:18px}
.post-t{display:block;font-size:clamp(22px,1.9vw,27px);line-height:1.15;margin-top:8px}
.post-e{display:block;color:rgba(255,255,255,.76);margin-top:16px;max-width:34em}
.post .arrow{margin-top:16px}
.post.first{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px,4vw,56px);align-items:end;padding-bottom:clamp(40px,5vw,64px);border-bottom:1px solid var(--line)}
.post.first .post-t{font-size:clamp(32px,3.6vw,54px);line-height:1.05}
.pager{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(56px,6vw,90px)}
.pager .page-numbers{border:1.5px solid rgba(255,255,255,.4);border-radius:999px;padding:8px 16px;font-weight:500;font-size:15px}
.pager .current{background:#fff;color:#000;border-color:#fff}

/* article */
.wrap.narrow{width:min(760px,calc(100vw - 2*var(--gut)))}
.art-h h1{max-width:none}
.meta{color:var(--fog);font-size:15px;margin-top:28px!important}
.art-img{margin:0 auto clamp(48px,6vw,80px)}
.art-img img{width:100%;height:auto;max-height:80vh;object-fit:cover}
.prose{font-size:19px;line-height:1.7;color:rgba(255,255,255,.88)}
.prose>*+*{margin-top:1.1em!important}
.prose :is(h2,h3,h4){font-family:var(--serif);font-weight:300;letter-spacing:-.01em;line-height:1.12;color:#fff;margin-top:2em!important}
.prose h2{font-size:clamp(30px,3vw,40px)}
.prose h3{font-size:clamp(24px,2.2vw,30px)}
.prose h4{font-size:22px}
.prose a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.prose :is(ul,ol){padding-left:1.3em!important}
.prose li+li{margin-top:.45em}
.prose strong{font-weight:600;color:#fff}
.prose blockquote{border-left:1.5px solid #fff;padding-left:24px;font:300 italic 26px/1.35 var(--serif);color:#fff}
.prose img{height:auto}
.prose figure figcaption{font-size:14px;color:var(--fog);margin-top:10px}
.prose table{width:100%;border-collapse:collapse;font-size:16px}
.prose :is(th,td){border-bottom:1px solid var(--line);padding:10px 12px 10px 0;text-align:left;vertical-align:top}
.prose hr{border:0;border-top:1px solid var(--line)}
.prose .wp-block-button__link{background:#fff;color:#000;border-radius:0;padding:16px 32px;text-decoration:none;font-weight:500}
.art-cta{margin-top:clamp(64px,7vw,100px)!important;padding:clamp(32px,4vw,48px) 0;border-top:1px solid #fff;margin-bottom:clamp(40px,5vw,72px)!important}
.art-cta>p:not(.serif){color:rgba(255,255,255,.76);margin:16px 0 28px;max-width:34em}
.e404 .rel{margin-top:48px}

/* footer (2.0) */
.ftr{position:relative;overflow:hidden;padding:clamp(80px,9vw,130px) 0 40px;border-top:1px solid var(--line)}
.glow{position:absolute;left:-20%;bottom:-70%;width:80%;height:140%;background:radial-gradient(closest-side,rgba(255,80,51,.28),rgba(120,40,160,.18) 55%,transparent);filter:blur(30px);pointer-events:none}
.ftr-top{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-bottom:clamp(64px,7vw,100px);border-bottom:1px solid var(--line)}
.ftr-top .serif{max-width:12em}
.ftr-cta{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.ftr-in{position:relative;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-top:56px}
.ftr-logo{height:40px;width:auto;margin-bottom:22px}
.ftr-l p{color:rgba(255,255,255,.66);font-size:15px;line-height:1.6}
.ftr-l p+p{margin-top:14px}
.ftr-l a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.ftr-n{display:flex;flex-direction:column;gap:10px;font-size:16px;font-weight:500}
.ftr-n span{color:var(--fog);font-weight:400;font-size:14px;margin-bottom:4px}
.ftr-n a:hover{text-decoration:underline;text-underline-offset:3px}
.ftr-sign{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:56px}
.gio{width:min(260px,60vw);color:#f2f0ea}
.gio .gm,.gio .gu{stroke-dasharray:1000;stroke-dashoffset:1000;opacity:0}
.gio .gd{fill:var(--coral);transform-box:fill-box;transform-origin:center;transform:scale(0)}
.gio.go .gm{opacity:1;animation:draw 1.25s cubic-bezier(.55,.06,.35,1) forwards}
.gio.go .gu{animation:draw .5s cubic-bezier(.6,0,.3,1) 1.3s forwards,show 0s 1.3s forwards}
.gio.go .gd{animation:pop .4s cubic-bezier(.3,1.7,.5,1) 1.8s forwards}
@keyframes draw{to{stroke-dashoffset:0}}@keyframes show{to{opacity:1}}@keyframes pop{to{transform:scale(1)}}
.ftr-sign .gio{order:2}
.legal{font-size:14px;color:rgba(255,255,255,.5)}
.legal a{text-decoration:underline}

/* ===================================================================
   Theme pages kept as they are (servizi, listino, stampa 3D, Dieline Magic,
   service pages, privacy...): same content, v2 look.
   =================================================================== */
body.v2 .dd-reveal{opacity:1!important;transform:none!important;visibility:visible!important}
body.v2 .dd-wrap{width:var(--wrap)!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}
body.v2 .dd-section{padding:clamp(72px,9vw,140px) 0!important;background:transparent!important;border:0!important}
body.v2 .dd-section+.dd-section{border-top:1px solid var(--line)!important}
body.v2 .dd-page-hero,body.v2 .dd-service-hero,body.v2 .dd-pharma-hero,body.v2 .dd-tool-hero{padding:clamp(80px,11vw,170px) 0 clamp(40px,5vw,72px)!important;background:transparent!important;min-height:0!important}
body.v2:not(.v2-tpl) #main-content :is(h1,h2,h3,h4){font-family:var(--serif)!important;font-weight:300!important;text-transform:none!important;letter-spacing:-.015em!important;color:inherit}
body.v2:not(.v2-tpl) #main-content h1{font-size:clamp(46px,7.4vw,112px)!important;line-height:1!important;max-width:13em}
body.v2:not(.v2-tpl) #main-content :is(.dd-title,h2){font-size:clamp(34px,4.4vw,60px)!important;line-height:1.05!important}
body.v2:not(.v2-tpl) #main-content h3{font-size:clamp(22px,2vw,28px)!important;line-height:1.15!important}
body.v2:not(.v2-tpl) #main-content :is(h1,h2,h3) span{color:inherit!important;-webkit-text-fill-color:currentColor!important;background:none!important}
body.v2:not(.v2-tpl) #main-content :is(h1,h2) span{font-style:italic}
body.v2:not(.v2-tpl) #main-content :is(.dd-kicker,.dd-eyebrow,.ddp-kicker,.ddx-cta__k){font:500 15px/1.4 var(--sans)!important;text-transform:none!important;letter-spacing:.01em!important;color:var(--fog)!important;margin-bottom:22px!important}
body.v2:not(.v2-tpl) #main-content :is(.dd-kicker,.dd-eyebrow,.ddp-kicker):before,body.v2:not(.v2-tpl) #main-content :is(.dd-kicker,.dd-eyebrow):after{display:none!important}
body.v2:not(.v2-tpl) #main-content :is(p,li,dd,td){font-family:var(--sans)}
body.v2:not(.v2-tpl) #main-content :is(.dd-lead,.dd-service-lead,.dd-pharma-lead,.ddp-lead){font-size:clamp(18px,1.4vw,21px)!important;line-height:1.55!important;color:rgba(255,255,255,.84)!important;max-width:36em;margin-top:28px!important}
body.v2:not(.v2-tpl) #main-content :is(.dd-button,.ddx-cta__btn,.wp-block-button__link,.dd-lf-submit,.dd-tool-actions button,.dd-tool-actions a){display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 36px!important;border:1.5px solid #fff!important;border-radius:0!important;background:#fff!important;color:#000!important;font:500 18px/1 var(--sans)!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;transition:opacity .2s}
body.v2:not(.v2-tpl) #main-content :is(.dd-button-secondary,.dd-tool-actions .dd-button-secondary){background:transparent!important;color:#fff!important}
body.v2:not(.v2-tpl) #main-content :is(.dd-button,.ddx-cta__btn):hover{opacity:.82}
body.v2:not(.v2-tpl) #main-content :is(.dd-text-link,.ddx-textlink,.dd-vertical-link){font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;color:inherit!important;text-transform:none!important}
body.v2:not(.v2-tpl) #main-content .dd-content{font-size:18px;line-height:1.65;color:rgba(255,255,255,.86);max-width:46em}
body.v2:not(.v2-tpl) #main-content .dd-content :is(h2,h3){margin:1.6em 0 .5em!important}
body.v2:not(.v2-tpl) #main-content .dd-content p+p{margin-top:1em}
body.v2:not(.v2-tpl) #main-content .dd-content a{text-decoration:underline}
body.v2:not(.v2-tpl) #main-content .dd-content :is(ul,ol){padding-left:1.3em;margin:1em 0}

/* card grids from the theme → hairline columns */
body.v2:not(.v2-tpl) #main-content :is(.dd-services,.dd-pharma-problems,.dd-pharma-services,.dd-pharma-process,.dd-sector-grid,.dd-quote-grid,.dd-news-grid,.dd-project-grid,.ddp-grid){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:clamp(28px,3vw,44px) 24px!important;margin-top:clamp(40px,5vw,72px)!important;background:none!important;border:0!important}
body.v2:not(.v2-tpl) #main-content :is(.dd-service,.dd-pharma-card,.dd-sector-card,.dd-pharma-process>*,.dd-news-card,.dd-project,.ddp-card,.dd-panel,.dd-info,.dd-result){background:transparent!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;padding:24px 0 0!important;color:inherit!important;transform:none!important}
body.v2:not(.v2-tpl) #main-content :is(.dd-service,.dd-pharma-card,.dd-sector-card,.ddp-card,.dd-pharma-process>*) :is(h3,h4){font-size:clamp(22px,2vw,27px)!important;margin:6px 0 10px!important}
body.v2:not(.v2-tpl) #main-content :is(.dd-service,.dd-pharma-card,.dd-sector-card,.ddp-card,.dd-pharma-process>*) p{color:rgba(255,255,255,.74)!important;font-size:17px}
body.v2:not(.v2-tpl) #main-content :is(.dd-service-index,.dd-pharma-card>span,.dd-pharma-process span){display:block;font:300 italic 22px/1 var(--serif)!important;color:var(--fog)!important;background:none!important;border:0!important;padding:0!important;letter-spacing:0!important}
body.v2:not(.v2-tpl) #main-content .dd-service-arrow{display:none!important}
body.v2:not(.v2-tpl) #main-content a.dd-service:hover h3{font-style:italic}
body.v2:not(.v2-tpl) #main-content :is(.dd-contact-grid,.dd-cta-grid,.dd-service-hero-grid,.ddx-lead-grid,.dd-tool-shell){display:grid!important;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px)!important;align-items:start}
body.v2:not(.v2-tpl) #main-content .dd-tool-shell{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
body.v2:not(.v2-tpl) #main-content :is(.dd-service-visual,.dd-pharma-gallery-main,.dd-project-media) img{filter:grayscale(1)}
body.v2:not(.v2-tpl) #main-content :is(.dd-contact-list){list-style:none!important;padding:0!important;margin-top:28px!important}
body.v2:not(.v2-tpl) #main-content .dd-contact-list li{padding:12px 0!important;border-top:1px solid var(--line)!important}
body.v2:not(.v2-tpl) #main-content .dd-pharma-faq-list details{border-top:1px solid var(--line)}
body.v2:not(.v2-tpl) #main-content .dd-related-grid{display:flex!important;flex-wrap:wrap;gap:12px}
body.v2:not(.v2-tpl) #main-content .dd-related-grid a{border:1.5px solid currentColor!important;border-radius:999px!important;padding:10px 20px!important;font-weight:500;background:none!important}
body.v2:not(.v2-tpl) #main-content .dd-related-grid a span{display:none}
/* listino, Dieline Magic: accent orange becomes white */
body.v2:not(.v2-tpl) #main-content :is(.ddp,.dd-tool-page,.dd-pharma){--accent:#fff;--orange:#fff;--dd-orange:#fff}
body.v2:not(.v2-tpl) #main-content :is(.ddp-price,.ddp-tag){color:#fff!important;font-family:var(--serif)!important;font-weight:300!important}
body.v2:not(.v2-tpl) #main-content .ddp-tag{font-family:var(--sans)!important;font-weight:500!important;font-size:13px!important;border:1px solid rgba(255,255,255,.5)!important;background:none!important;border-radius:999px!important}
body.v2:not(.v2-tpl) #main-content :is(.dd-controls,.dd-preview,.dd-canvas-wrap,.ddp-gate,.dd-tool-content){background:#0b0b0b!important;border:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important}
body.v2:not(.v2-tpl) #main-content :is(.dd-controls,.dd-tool-page) :is(input,select){background:transparent!important;color:#fff!important;border:0!important;border-bottom:1.5px solid rgba(255,255,255,.6)!important;border-radius:0!important;font-family:var(--sans)!important}
body.v2:not(.v2-tpl) #main-content :is(.dd-controls,.dd-tool-page) select option{color:#000}
body.v2 .ddx-modal__box{background:#000!important;color:#fff!important;border:1px solid var(--line)!important;border-radius:0!important}
body.v2 .ddx-modal__h{font-family:var(--serif)!important;font-weight:300!important;text-transform:none!important}
body.v2 .wp-block-columns{gap:clamp(24px,3vw,48px)}

/* responsive (2.0) */
@media (max-width:900px){
	.split,.faq,.lines,.duo{grid-template-columns:1fr}
	.cols3,.steps,.steps.three,.sectors,.posts{grid-template-columns:1fr}
	.sectors{grid-template-columns:1fr 1fr}
	.lrow{grid-template-columns:44px 1fr;gap:6px 14px}
	.lrow-d{grid-column:2}.lrow-a{display:none}
	.post.first{grid-template-columns:1fr}
	.gal .g1,.gal .g2{grid-column:1/-1;margin-top:0}
	.ftr-top{flex-direction:column;align-items:flex-start}
	.ftr-in{grid-template-columns:1fr 1fr}
	.ftr-l{grid-column:1/-1}
	.ftr-sign{flex-direction:column;align-items:flex-start}.ftr-sign .gio{order:0}
	.grid.all.filtered{grid-template-columns:1fr 1fr}
	.facts div{grid-template-columns:1fr;gap:4px}
	body.v2:not(.v2-tpl) #main-content :is(.dd-contact-grid,.dd-cta-grid,.dd-service-hero-grid,.ddx-lead-grid,.dd-tool-shell){grid-template-columns:1fr!important}
	.lp-hero{padding-top:120px}
}
@media (max-width:560px){
	.sectors{grid-template-columns:1fr}
	.ftr-in{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
	*{transition:none!important;animation:none!important;scroll-behavior:auto!important}
	.gio .gm,.gio .gu{stroke-dashoffset:0;opacity:1}.gio .gd{transform:none}
	.bars button[aria-selected=true] i:after{transform:scaleX(1)}
	.lp-media .ddx-hero-video{display:none}
}
/* modal (Dieline Magic download) + lead form grid */
body.v2 .ddx-modal{position:fixed;inset:0;z-index:2147483003;display:flex;align-items:center;justify-content:center;padding:16px}
body.v2 .ddx-modal[hidden]{display:none}
body.v2 .ddx-modal__bg{position:absolute;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(6px)}
body.v2 .ddx-modal__box{position:relative;width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:clamp(24px,4vw,44px)}
body.v2 .ddx-modal__x{position:absolute;top:12px;right:14px;width:40px;height:40px;font-size:28px;line-height:1}
body.v2 .ddx-modal__h{font-size:clamp(28px,3.4vw,40px)!important;line-height:1.05!important;margin:0 0 12px!important;color:#fff!important}
body.v2 .ddx-modal__p{color:rgba(255,255,255,.7);font-size:15px;margin:0 0 20px}
body.v2 .ddx-modal .ddx-cta__k{font-size:14px;color:var(--fog);margin-bottom:12px}
body.v2 .dd-lf-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
body.v2 .dd-lf-full{grid-column:1/-1}
body.v2 .dd-lf-consent{font-size:13px;line-height:1.5;color:rgba(255,255,255,.66);margin:12px 0}
body.v2 .dd-lf-consent a{text-decoration:underline}
body.v2 .dd-lf-submit{width:100%}
@media (max-width:560px){body.v2 .dd-lf-grid{grid-template-columns:1fr}}

body.v2:not(.v2-tpl) #main-content :is(a.dd-service,.dd-services a,a.dd-sector-card,a.dd-news-card,a.dd-project,.ddp-card a){text-decoration:none!important}
.proj-text h2{font-size:clamp(24px,2.2vw,30px)}
/* CF7 layouts used by the studio forms */
body.v2 .wpcf7 .dd-form-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:0 24px}
body.v2 .wpcf7 :is(.dd-field-full,.dd-lf-full,.dd-consent,.dd-form-note){grid-column:1/-1}
body.v2 .wpcf7 .dd-field,body.v2 .wpcf7 .dd-field label{min-width:0;width:100%}
body.v2 .wpcf7 .dd-form-note{font-size:14px;color:var(--fog)}
body.v2 .wpcf7 .dd-consent{margin:6px 0 10px}
@media (max-width:560px){body.v2 .wpcf7 .dd-form-grid{grid-template-columns:1fr}}
/* tool panels: smaller headings */
body.v2:not(.v2-tpl) #main-content :is(.dd-controls,.dd-preview,.dd-panel,.ddp-gate) :is(h2,h3){font-size:clamp(26px,2.4vw,34px)!important}

/* bootstrap grid used inside CF7 forms (bootstrap CSS is not loaded in v2) */
body.v2 .wpcf7 .row{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0}
body.v2 .wpcf7 .row>*{grid-column:1/-1;min-width:0;padding:0}
body.v2 .wpcf7 .row>:is(.col-lg-6,.col-md-6,.col-sm-6,.col-6){grid-column:auto}
@media (max-width:560px){body.v2 .wpcf7 .row>*{grid-column:1/-1!important}}

/* showreel with the Firefly film */
.reel.film .reel-v{filter:saturate(.85) brightness(.7) contrast(1.04)}
.reel.film .reel-shade{background:radial-gradient(ellipse at center,rgba(0,0,0,.05) 30%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,0) 22%)}
.reel.film.full .reel-v{filter:none}
/* responsive (home components, restored) */
@media (max-width:900px){
	.nav{display:none}.burger{display:block}
	.together-in,.close-in{flex-direction:column;align-items:flex-start}
	.how-in,.prin-in{grid-template-columns:1fr}
	.how-tx{padding-bottom:40px}
	.grid{grid-template-columns:1fr 1fr;column-gap:16px}
	.t0,.t3{grid-column:1/-1;margin-top:0}
	.t1,.t2{grid-column:auto;margin-top:0}
	.t2{margin-top:22%}
	.rail{grid-auto-columns:82%}
	.slide-tx{bottom:96px}
	.hdr-in{height:64px}
	.brand img{height:28px}
	body.v2 #main-content{padding-top:64px}
	body.v2.v2-overlay #main-content{padding-top:0}
	.phero{padding:56px 0 40px}
}
@media (max-width:600px){.reel-word{font-size:40px}.reel-play{width:84px}}
/* inline-styled pages (stampa 3D, listino, Dieline Magic): old palette mapped to v2 */
body.v2 #main-content :is(.dd3d,.ddp,.dd-tool-page,.dd-tool-shell){--a:#fff!important;--d:#000!important;--p:#fff!important;--m:#9a9a9a!important}
body.v2 #main-content .dd3d .btn{border-radius:0!important;font:500 17px/1 var(--sans)!important;text-transform:none!important;letter-spacing:0!important;text-decoration:none!important}
body.v2 #main-content .dd3d .btn.primary{background:#fff!important;color:#000!important;border:1.5px solid #fff!important}
body.v2 #main-content .dd3d .btn:not(.primary){background:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.7)!important}
/* floating WhatsApp link from the theme */
body.v2 .dd-whatsapp{position:fixed;left:20px;bottom:20px;z-index:60;display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 18px;border:1.5px solid rgba(255,255,255,.75);border-radius:999px;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);color:#fff;font:500 15px/1 var(--sans);text-decoration:none}
body.v2 .dd-whatsapp svg{width:20px!important;height:20px!important;flex:none;fill:currentColor}
body.v2 .dd-whatsapp:hover{background:#fff;color:#000}
@media (max-width:600px){body.v2 .dd-whatsapp span{display:none}body.v2 .dd-whatsapp{width:48px;padding:0;justify-content:center;bottom:16px;left:16px}}