/*
Theme Name: Value+ 2026
Author: Value+
Description: Jasny motyw Value+ z natywnym blogiem WordPressa.
Version: 1.2.10
Requires at least: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: valueplus
*/
@font-face{font-family:"Playfair Display";src:url("assets/fonts/playfair-display-variable.woff2") format("woff2");font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:"Playfair Display";src:url("assets/fonts/playfair-display-italic-variable.woff2") format("woff2");font-style:italic;font-weight:400 900;font-display:swap}
@font-face{font-family:"Manrope";src:url("assets/fonts/manrope-variable.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap}
:root{--red:#b52d40;--red-dark:#922132;--ink:#303237;--muted:#62666c;--line:#e7e7e7;--pale:#f7f8f9;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:110px;}
body{margin:0;background:#fff;color:var(--ink);}
img{display:block;max-width:100%;}
a{color:inherit;text-underline-offset:5px;}
a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:5px;}
.container{max-width:1190px;margin:0 auto;padding:0 40px;}
.draft{background:#f4f4f4;color:#686b70;border-bottom:1px solid var(--line);}
.draft .container{display:flex;justify-content:space-between;padding-top:5px;padding-bottom:5px;}
.draft a{text-decoration:none;}
.skip{position:fixed;left:16px;top:-80px;padding:12px 20px;background:#fff;z-index:9;}
.skip:focus{top:12px;}
header{background:#fff;position:sticky;top:0;z-index:5;border-bottom:1px solid #eee;box-shadow:0 3px 12px #00000004;}
.navigation{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:35px;}
.logo{width:160px;flex-shrink:0;}
.logo img{width:160px;height:auto;}
#primary-nav{display:flex;align-items:center;gap:30px;}
#primary-nav a{text-decoration:none;text-transform:uppercase;padding:31px 0 27px;border-bottom:3px solid transparent;}
#primary-nav a:hover,#primary-nav a.active{border-color:var(--red);color:var(--red);}
.menu-button{display:none;background:#fff;border:1px solid var(--line);padding:7px 13px;color:var(--ink);}
.hero{position:relative;overflow:hidden;isolation:isolate;background:#f6f6f6;}
.hero-art{position:absolute;z-index:-2;top:0;right:-7%;height:100%;width:79%;max-width:none;object-fit:cover;object-position:58% center;}
.hero-wash{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#fafafa 0%,#fafafa 27%,#fafafaf0 38%,#fafafa8c 51%,#fafafa00 74%);}
.hero-inner{min-height:570px;display:flex;align-items:center;padding-top:62px;padding-bottom:68px;}
.hero-copy{width:570px;max-width:55%;}
.eyebrow{text-transform:uppercase;color:#686a6e;margin:0 0 24px;}
.eyebrow strong{color:var(--red);}
h1{margin:0 0 25px;}
h1 em{color:var(--red);}
.hero-description{max-width:440px;color:#53575c;margin:0;}
.hero-description strong{color:#34383e;}
.hero-actions{margin-top:30px;display:flex;gap:25px;align-items:center;flex-wrap:wrap;}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--red);padding:13px 26px;text-decoration:none;color:#fff;border:1px solid var(--red);transition:background .15s;}
.button:hover{background:var(--red-dark);border-color:var(--red-dark);}
.button.secondary{background:transparent;color:var(--ink);border-color:#b5b5b5;}
.button.secondary:hover{background:#f5f5f5;}
.simple-link{text-decoration:none;border-bottom:1px solid #a2a2a2;}
.hero-location{margin:26px 0 0;color:#65696f;}
.hero-location span{color:var(--red);margin:0 7px;}
.specializations{border-bottom:1px solid var(--line);}
.specializations-inner{display:grid;grid-template-columns:repeat(3,1fr);padding-top:26px;padding-bottom:26px;}
.specializations-inner a{display:flex;align-items:center;gap:16px;text-decoration:none;border-right:1px solid var(--line);padding:0 25px;}
.specializations-inner a:first-child{padding-left:0;}
.specializations-inner a:last-child{border:0;}
.service-mark{width:32px;height:32px;flex-shrink:0;color:var(--red);}
.specializations-inner strong{display:block;}
.specializations-inner small{display:block;color:var(--muted);margin-top:3px;}
.section{padding-top:82px;padding-bottom:82px;}
.section-heading{text-align:center;max-width:700px;margin:0 auto 48px;}
.overline{color:var(--red);text-transform:uppercase;margin:0 0 11px;}
h2{margin:0 0 18px;}
.section-heading h2:after{content:"";display:block;width:42px;height:2px;background:var(--red);margin:22px auto 0;}
.section-heading p:last-child{color:var(--muted);margin:20px 0 0;}
.intro{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:75px;}
.intro-visual{position:relative;min-height:320px;background:#fbfbfb;display:grid;place-items:center;}
.intro-visual img{width:320px;height:300px;object-fit:contain;}
.visual-label{position:absolute;left:25px;bottom:15px;text-transform:uppercase;color:#61666b;}
.intro h2{max-width:520px;}
.intro h2 span{color:var(--red);}
.intro-text{margin:0 0 18px;color:#4d5055;}
.body-copy{color:var(--muted);margin:0 0 25px;}
.offer{background:var(--pale);border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;}
.service{padding:0 0 8px;}
.service-icon{display:flex;align-items:center;justify-content:center;width:59px;height:59px;color:var(--red);margin-bottom:23px;}
.service-icon svg{width:49px;height:49px;}
.service h3{margin:0 0 17px;}
.service p{color:var(--muted);margin:0 0 20px;}
.service a{text-decoration:none;color:var(--red);border-bottom:1px solid #d5a1a9;padding-bottom:4px;}
.service a:hover{color:var(--red-dark);}
.scope{border-top:1px solid #dfe2e5;padding-top:15px;color:#656a70;}
.secondary-service{margin-top:45px;padding-top:28px;border-top:1px solid #dfe2e5;display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:25px;}
.secondary-service .service-icon{margin:0;}
.secondary-service h3{margin:0 0 7px;}
.secondary-service p{color:var(--muted);margin:0;max-width:690px;}
.secondary-service a{white-space:nowrap;color:var(--red);}
.callout{background:var(--red);color:#fff;}
.callout-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:38px;padding-bottom:38px;}
.callout p{margin:0 0 7px;color:#f9e7ea;}
.callout h2{margin:0;}
.button.light{background:#fff;color:var(--red);border-color:#fff;white-space:nowrap;}
.button.light:hover{background:#fbeef0;}
.about{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;}
.about-image{background:#f7f7f7;position:relative;}
.about-image img{width:100%;aspect-ratio:1.06;object-fit:cover;object-position:40% center;}
.image-caption{color:var(--muted);margin:12px 0 0;}
.about p.body-copy{margin-bottom:18px;}
.benefit-list{padding:0;list-style:none;margin:22px 0 0;display:grid;gap:11px;}
.benefit-list li{position:relative;padding-left:27px;}
.benefit-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--red);}
.experience{display:flex;gap:18px;align-items:center;border-top:1px solid var(--line);margin-top:25px;padding-top:19px;}
.experience strong{color:var(--red);}
.experience span{color:var(--muted);}
.mix{background:#fafafa;}
.mix-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;}
.mix-item{background:#fff;border:1px solid #ededed;}
.mix-image{height:200px;display:flex;justify-content:center;align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;padding:25px;}
.mix-image img{height:100%;width:100%;object-fit:contain;}
.mix-copy{padding:24px 25px 26px;}
.mix-copy h3{margin:0 0 12px;}
.mix-copy p{color:var(--muted);margin:0;}
.local{background:#fff;}
.local-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;}
.local-inner p{color:var(--muted);margin:0;}
.local-cities{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}
.local-cities span{border:1px solid var(--line);padding:4px 12px;color:#65676d;transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s;}
.local-cities span:hover{color:var(--red);background-color:#b52d400c;border-color:#b52d4080;box-shadow:0 3px 12px #b52d4012;}
.contact{background:#f4f5f6;border-top:1px solid #e7e8e9;}
.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;}
.contact p{color:var(--muted);margin:0 0 24px;}
.contact-details{padding:0;margin:0;list-style:none;display:grid;gap:20px;}
.contact-details li{display:grid;grid-template-columns:65px 1fr;gap:18px;align-items:baseline;}
.contact-details span{text-transform:uppercase;color:#6d7176;}
.contact-details a{text-decoration:none;overflow-wrap:anywhere;}
.contact-details a:hover{color:var(--red);}
.contact-invite{border-left:2px solid var(--red);padding-left:30px;align-self:center;}
.contact-invite h3{margin:0 0 15px;}
.contact-invite p{max-width:380px;margin-bottom:23px;}
.contact .contact-location{margin-top:26px;color:#666d74;}
footer{padding:26px 0 25px;border-top:1px solid var(--line);background:white;}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;}
.footer-inner img{width:116px;height:auto;}
.footer-links{display:flex;gap:22px;color:#73777b;}
.footer-links a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px;transition:color .2s,text-decoration-color .2s;}
.footer-links a:hover,.footer-links a:focus-visible{color:var(--red);text-decoration-color:var(--red);}
.footer-inner>a img{transition:filter .2s;}
.footer-inner>a:hover img,.footer-inner>a:focus-visible img{filter:drop-shadow(0 0 7px #b52d4050);}
.footer-note{color:#85898d;text-align:right;margin:0;}
.footer-note span{display:block;}
@media(min-width:1400px){.hero-art{width:75%;right:-2%;}
.hero-inner{min-height:620px;}}
@media(max-width:1000px){.container{padding-left:30px;padding-right:30px;}
.navigation{gap:25px;}
#primary-nav{gap:20px;}
.hero-copy{max-width:59%;}
.hero-art{right:-13%;width:85%;}
.hero-wash{background:linear-gradient(90deg,#fafafa 0%,#fafafa 26%,#fafafae6 45%,#fafafa66 66%,transparent 85%);}
.intro{gap:40px;}
.service-grid{gap:27px;}
.about{gap:40px;}
.mix-grid{gap:22px;}
.mix-copy{padding:22px 20px;}
.secondary-service{grid-template-columns:55px 1fr;gap:20px;}
.secondary-service>a{grid-column:2;}
.local-inner{gap:35px;}
.footer-links{display:none;}}
@media(max-width:760px){html{scroll-padding-top:95px;}
.navigation{min-height:76px;position:relative;}
.logo,.logo img{width:140px;}
.menu-button{display:block;}
#primary-nav{display:none;position:absolute;top:76px;right:0;left:0;background:white;padding:10px 30px 22px;border-bottom:1px solid var(--line);box-shadow:0 10px 15px #00000009;}
#primary-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0;}
#primary-nav a{padding:12px 0;border:0;}
.hero{display:flex;flex-direction:column;}
.hero-inner{order:1;min-height:0;padding-top:43px;padding-bottom:25px;width:100%;}
.hero-copy{max-width:100%;width:100%;}
h1{max-width:570px;}
.eyebrow{margin-bottom:20px;}
.hero-description{max-width:520px;}
.hero-location{margin-top:23px;}
.hero-art{order:2;position:relative;inset:auto;width:100%;height:285px;object-fit:cover;object-position:center 53%;z-index:0;mask-image:linear-gradient(0deg,#000 82%,transparent 100%);}
.hero-wash{display:none;}
.specializations-inner{padding-top:22px;padding-bottom:22px;}
.specializations-inner a{gap:10px;padding:0 15px;}
.service-mark{width:24px;height:24px;}
.section{padding-top:58px;padding-bottom:58px;}
.section-heading{margin-bottom:35px;}
.intro{gap:30px;grid-template-columns:.75fr 1.25fr;}
.intro-visual{min-height:280px;}
.intro-visual img{height:240px;object-fit:contain;}
.service-grid{grid-template-columns:1fr;gap:34px;}
.service{display:grid;grid-template-columns:60px 1fr;column-gap:20px;}
.service-icon{grid-row:1 / 5;margin:0;}
.service h3{margin-bottom:12px;}
.service p{margin-bottom:16px;}
.service a{justify-self:start;}
.scope{margin-top:16px;grid-column:2;}
.about{grid-template-columns:1fr;gap:35px;}
.about-image{max-width:560px;}
.about-image img{aspect-ratio:1.5;object-position:center 40%;}
.callout-inner{gap:20px;}
.callout .button{padding:11px 19px;}
.mix-grid{grid-template-columns:1fr;gap:22px;}
.mix-item{display:grid;grid-template-columns:160px 1fr;}
.mix-image{height:100%;min-height:185px;border-bottom:0;border-right:1px solid #eee;padding:20px;}
.mix-copy{padding:23px;}
.local-inner{grid-template-columns:1fr;gap:8px;}
.local-inner h2{max-width:500px;}
.contact-inner{grid-template-columns:1fr;gap:35px;}
.contact-invite{padding-left:24px;}}
@media(max-width:480px){.container{padding-left:23px;padding-right:23px;}
.draft .container{gap:12px;}
.hero-inner{padding-top:32px;}
.hero h1{margin-bottom:22px;}
.hero-actions{gap:21px;margin-top:24px;}
.button{padding:12px 22px;}
.hero-art{height:225px;}
.hero-location{max-width:310px;}
.specializations-inner{grid-template-columns:1fr;gap:18px;padding-top:23px;padding-bottom:23px;}
.specializations-inner a,.specializations-inner a:first-child{border-right:0;padding:0;gap:15px;}
.specializations-inner small{display:none;}
.service-mark{height:25px;width:25px;}
.intro{grid-template-columns:1fr;gap:26px;}
.intro-visual{min-height:220px;order:2;}
.intro-visual img{height:220px;width:270px;}
.service{grid-template-columns:40px 1fr;gap:0 16px;}
.service-icon,.service-icon svg{height:35px;width:35px;}
.secondary-service{grid-template-columns:40px 1fr;gap:16px;}
.callout-inner{flex-direction:column;align-items:flex-start;padding-top:30px;padding-bottom:30px;}
.about-image img{aspect-ratio:1.2;}
.mix-item{grid-template-columns:105px 1fr;}
.mix-image{padding:12px;min-height:190px;}
.mix-copy{padding:21px 17px;}
.contact-details li{grid-template-columns:1fr;gap:0;}
.footer-inner{gap:20px;}
.footer-inner img{width:100px;}
.footer-note{max-width:200px;}}
/* Subtelne interakcje — bez bibliotek i animacji działających w pętli. */
.button{position:relative;isolation:isolate;overflow:hidden;--pull-x:0px;--pull-y:0px;--press:1;transform:translate3d(var(--pull-x),var(--pull-y),0) scale(var(--press));transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;}
.button::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle 85px at var(--button-x,50%) var(--button-y,50%),#ffffff40,transparent 80%);opacity:0;transition:opacity .25s;}
.button:focus-visible::before{opacity:1;}
.button:focus-visible{box-shadow:0 7px 22px #b52d4022;}
.button:active{--press:.985;}
.button>span[aria-hidden=true]{transition:transform .2s;}
.button:focus-visible>span[aria-hidden=true]{transform:translateX(4px);}
.button.secondary::before,.button.light::before{background:radial-gradient(circle 90px at var(--button-x,50%) var(--button-y,50%),#b52d401c,transparent 85%);}
.service{position:relative;isolation:isolate;scroll-margin-top:130px;transition:transform .25s;}
.service::before{content:"";position:absolute;inset:-18px -16px;z-index:-1;background:#fff;border:1px solid #e8d9dc;border-radius:6px;box-shadow:0 10px 28px #2d162107;opacity:0;transition:opacity .25s;}
.service::after{content:"";position:absolute;top:-18px;left:0;width:38px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .25s;}
.service:focus-within::before,.service:target::before{opacity:1;}
.service:focus-within::after,.service:target::after{transform:scaleX(1);}
.specializations-inner a{transition:color .2s;}
.specializations-inner a:focus-visible{color:var(--red);}
.specializations-inner a svg{transition:transform .25s;}
.mix-item{transition:border-color .25s,box-shadow .25s;}
.mix-image{overflow:hidden;}
.mix-image img{transition:transform .4s;}
.math-scene{position:relative;isolation:isolate;}
.math-scene>.container,.hero-inner{position:relative;z-index:1;}
.math-field{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none;user-select:none;}
.math-field::before{content:"";position:absolute;inset:0;background:radial-gradient(circle 165px at var(--math-x,50%) var(--math-y,50%),#b52d4009,transparent);opacity:0;transition:opacity .35s;}
.math-scene.is-tracking>.math-field::before{opacity:1;}
.math-formula{position:absolute;left:var(--fx);top:var(--fy);white-space:nowrap;color:var(--red);opacity:calc(.09 + var(--energy,0)*.57);transform:rotate(var(--angle,0deg));text-shadow:0 0 16px #527b2100;transition:opacity .22s,color .22s,text-shadow .22s;}
.math-formula.is-lit{color:var(--green);text-shadow:0 0 19px #527b2130;}
.math-scene:focus-within>.math-field .math-formula:nth-child(3n){color:var(--green);opacity:.2;}
@media(hover:hover) and (pointer:fine){.button:hover{box-shadow:0 7px 22px #b52d4022;}
.button:hover::before{opacity:1;}
.button:hover>span[aria-hidden=true]{transform:translateX(4px);}
.service:hover{transform:translateY(-3px);}
.service:hover::before{opacity:1;}
.service:hover::after{transform:scaleX(1);}
.specializations-inner a:hover{color:var(--red);}
.specializations-inner a:hover svg{transform:translateY(-3px);}
.mix-item:hover{border-color:#dcb5bc;box-shadow:0 7px 24px #30323708;}
.mix-item:hover .mix-image img{transform:scale(1.035);}}
@media(max-width:760px){.math-formula{opacity:calc(.065 + var(--energy,0)*.48);}
.math-formula:nth-child(n/**/+5){display:none;}
.hero .math-field{clip-path:inset(0 0 285px);}
.service::before{inset:-14px -11px;}
.service::after{top:-14px;}}
@media(max-width:480px){.hero .math-field{clip-path:inset(0 0 225px);}}
/* Kierunek 04: spójna typografia i bardziej wyraziste przyciski. */
:root{--ink:#292b34;--red:#b52d40;--red-dark:#922132;--ease:cubic-bezier(.2,.8,.2,1);}
h1,h2,h3{text-wrap:balance;}
.hero h1{margin-bottom:27px;}
.hero h1 em{color:#b32742;background:linear-gradient(120deg,#c92f4c 10%,#941c39 90%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.hero-copy{width:580px;}
.hero-inner{min-height:610px;}
.hero-actions{gap:14px;margin-top:32px;}
.eyebrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.eyebrow:before{content:"";width:19px;height:3px;background:var(--red);border-radius:2px;flex-shrink:0;}
.section-heading h2:after{width:62px;height:3px;border-radius:3px;background:linear-gradient(90deg,#c92f4c,#941c39);margin-top:24px;}
.overline{display:inline-flex;align-items:center;gap:7px;padding:3px 10px;background:#b52d4008;border:1px solid #b52d4017;border-radius:999px;margin-bottom:16px;}
.overline:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0;}
.intro-visual{border-radius:16px;}
.service-icon{width:64px;height:64px;background:linear-gradient(135deg,#fff,#fceff2);border:1px solid #ead6db;border-radius:18px;box-shadow:0 5px 12px #99223b05;}
.service-icon svg{width:39px;height:39px;stroke-width:1.6;}
.service::before{border-radius:15px;}
.service::after{width:44px;height:3px;border-radius:2px;}
.secondary-service .service-icon{background:transparent;border:0;box-shadow:none;}
.mix-item{border-radius:14px;overflow:hidden;}
.local-cities span{border-radius:999px;padding:5px 13px;}
.contact-invite{border-left:3px solid var(--red);padding-left:28px;}
.callout{background:linear-gradient(115deg,#b42a43,#98203c);}
#primary-nav{gap:27px;}
#primary-nav a{text-transform:none;}
#primary-nav a:last-child{padding:10px 17px;border:1px solid #e7c9d0;border-radius:11px;background:#fcf4f6;color:var(--red);}
#primary-nav a:last-child:hover,#primary-nav a:last-child.active{background:var(--red);color:white;border-color:var(--red);}
.menu-button{border-radius:10px;}
.button{min-height:56px;padding:8px 9px 8px 23px;gap:18px;border:1px solid #ab263f;border-radius:14px;background:linear-gradient(115deg,#c4324e,#a32340);box-shadow:0 7px 18px #aa23402b,inset 0 1px 0 #ffffff30;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s var(--ease);}
.button>span[aria-hidden=true]{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;flex-shrink:0;border-radius:50%;background:#fff;color:#a12640;transform:rotate(-35deg);transition:transform .25s var(--ease),background .25s,color .25s;}
.button:hover,.button:focus-visible{background:linear-gradient(115deg,#ba2946,#8e1a35);border-color:#93203a;box-shadow:0 10px 24px #aa23403b,inset 0 1px 0 #ffffff30;}
.button:hover>span[aria-hidden=true],.button:focus-visible>span[aria-hidden=true]{transform:rotate(0deg);}
.button::before{background:radial-gradient(circle 110px at var(--button-x,50%) var(--button-y,50%),#ffffff30,transparent 80%);}
.button.secondary{border-color:#dfd4d7;background:linear-gradient(120deg,#fff,#fff9fa);color:#38343b;box-shadow:0 4px 12px #42243406,inset 0 1px 0 #fff;}
.button.secondary>span[aria-hidden=true]{background:#f5e5e9;color:var(--red);}
.button.secondary:hover,.button.secondary:focus-visible{border-color:#c68191;background:#fdf2f5;box-shadow:0 7px 18px #8b203812;}
.button.secondary:hover>span[aria-hidden=true],.button.secondary:focus-visible>span[aria-hidden=true]{background:var(--red);color:#fff;}
.button.light{border-color:#fff;background:#fff;color:#9e233d;box-shadow:0 7px 20px #4e092523,inset 0 1px 0 #fff;}
.button.light>span[aria-hidden=true]{background:#b52d40;color:#fff;}
.button.light:hover,.button.light:focus-visible{background:#fff4f7;border-color:#fff;box-shadow:0 10px 24px #4e092533;}
.button.light:hover>span[aria-hidden=true],.button.light:focus-visible>span[aria-hidden=true]{background:#922132;}
.service>a{display:inline-flex;align-items:center;justify-self:start;align-self:start;width:fit-content;gap:9px;padding:8px 10px 8px 13px;border:1px solid #e6cdd3;border-radius:10px;background:#fff;transition:color .2s,background .2s,border-color .2s;}
.service>a>span{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;flex-shrink:0;background:#fbecf0;border-radius:50%;transition:background .2s,color .2s,transform .2s;}
.service>a:hover,.service>a:focus-visible{border-color:#bf657b;background:#fcf0f4;color:#98203c;}
.service>a:hover>span,.service>a:focus-visible>span{background:var(--red);color:#fff;transform:rotate(35deg);}
@media(min-width:1400px){.hero-inner{min-height:650px;}}
@media(max-width:1000px){.hero-inner{min-height:580px;}
.hero-copy{max-width:59%;}
#primary-nav{gap:21px;}}
@media(max-width:760px){.hero h1{max-width:580px;}
.hero-inner{min-height:0;}
.hero-copy{max-width:100%;}
.service-icon{width:54px;height:54px;border-radius:15px;}
.service-icon svg{width:34px;height:34px;}
.callout-inner{gap:25px;}
.callout .button{padding:8px 9px 8px 20px;}
.button{min-height:54px;}
#primary-nav{gap:0;}
#primary-nav a{padding:13px 0;}
#primary-nav a:last-child{margin-top:6px;padding:11px 14px;align-self:flex-start;}}
@media(max-width:480px){.hero-actions{gap:12px;align-items:stretch;}
.hero-actions .button{gap:12px;padding-left:18px;}
.eyebrow{gap:6px;}
.eyebrow:before{width:13px;}
.button{min-height:52px;border-radius:12px;padding:8px 8px 8px 19px;gap:15px;}
.button>span[aria-hidden=true]{width:32px;height:32px;}
.service{grid-template-columns:44px 1fr;column-gap:15px;}
.service-icon{width:42px;height:42px;border-radius:12px;}
.service-icon svg{width:28px;height:28px;}
.service>a{padding:7px 8px 7px 10px;gap:7px;}
.service>a>span{width:21px;height:21px;}}
/* Kierunek 05: kontrast typograficzny i dzielone przyciski inspirowane Mason. */
.hero h1{margin-bottom:29px;}
.hero-line{display:block;}
.hero h1 em{color:var(--red);background:none;-webkit-text-fill-color:currentColor;}
.hero-copy{width:640px;max-width:64%;}
.hero-inner{min-height:675px;padding-top:60px;padding-bottom:65px;}
.hero-wash{background:linear-gradient(90deg,#fafafa 0%,#fafafa 31%,#fafafaf2 45%,#fafafa91 59%,transparent 83%);}
.hero-description{max-width:445px;}
.hero-actions{gap:17px;margin-top:32px;}
.eyebrow:before{height:2px;border-radius:0;width:19px;}
.overline{padding:0;background:none;border:0;border-radius:0;gap:10px;margin-bottom:20px;}
.overline:before{width:13px;height:1px;border-radius:0;}
.section-heading{max-width:760px;margin-bottom:54px;}
.section-heading h2:after{width:44px;height:2px;margin-top:25px;}
.section-heading p:last-child{max-width:620px;margin-left:auto;margin-right:auto;}
.service h3{margin-bottom:20px;}
.service-icon{width:56px;height:56px;background:none;border:0;box-shadow:none;border-radius:0;margin-bottom:25px;}
.service-icon svg{width:44px;height:44px;stroke-width:1.35;}
.service-index{position:absolute;right:0;top:9px;color:#8d747a;}
.service::before{border-radius:14px;}
.local-cities span{padding:5px 11px;border-radius:5px;}
.callout p{max-width:650px;}
.callout{background:#a72640;}
.button,.button.secondary,.button.light{gap:5px;padding:0;min-height:54px;border:0;border-radius:999px;background:transparent;color:var(--red);box-shadow:none;}
.button:hover,.button:focus-visible,.button.secondary:hover,.button.secondary:focus-visible,.button.light:hover,.button.light:focus-visible{background:transparent;border:0;box-shadow:none;}
.button::before,.button.secondary::before,.button.light::before{display:none;}
.button{overflow:visible;isolation:auto;}
.button>.button-label{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:54px;padding:16px 24px;border:1px solid var(--red);border-radius:999px;background:var(--red);color:#fff;text-transform:uppercase;transition:background .25s,color .25s,border-color .25s;}
.button>.button-label::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle 110px at var(--button-x,50%) var(--button-y,50%),#ffffff30,transparent 80%);opacity:0;transition:opacity .25s;}
.button>span[aria-hidden=true]{width:54px;height:54px;border:1px solid var(--red);border-radius:50%;background:var(--red);color:white;transform:none;transition:transform .25s var(--ease),background .25s,color .25s,border-color .25s;}
.button:hover>.button-label,.button:focus-visible>.button-label{background:#8f1c35;border-color:#8f1c35;}
.button:hover>.button-label::before,.button:focus-visible>.button-label::before{opacity:1;}
.button:hover>span[aria-hidden=true],.button:focus-visible>span[aria-hidden=true]{background:#8f1c35;border-color:#8f1c35;transform:rotate(45deg);}
.button.secondary>.button-label{border-color:#d8c9ce;background:#fff;color:#4a3c42;}
.button.secondary>span[aria-hidden=true]{border-color:#d8c9ce;background:#fff;color:var(--red);}
.button.secondary:hover>.button-label,.button.secondary:focus-visible>.button-label{background:#f9edf1;border-color:#bd7286;color:#92253f;}
.button.secondary:hover>span[aria-hidden=true],.button.secondary:focus-visible>span[aria-hidden=true]{background:var(--red);border-color:var(--red);color:#fff;}
.button.light>.button-label{background:#fff;border-color:#fff;color:#9d233d;}
.button.light>span[aria-hidden=true]{background:#fff;border-color:#fff;color:#9d233d;}
.button.light:hover>.button-label,.button.light:focus-visible>.button-label,.button.light:hover>span[aria-hidden=true],.button.light:focus-visible>span[aria-hidden=true]{background:#fae5ec;border-color:#fae5ec;color:#801d34;}
.callout .button{padding:0;gap:5px;}
.service>a{gap:10px;padding:0;background:transparent;border:0;border-radius:0;color:#a22944;}
.service>a>span{width:30px;height:30px;border:1px solid #e4bdc8;background:#fbf0f4;border-radius:50%;}
.service>a:hover,.service>a:focus-visible{background:transparent;border:0;color:#7e1d34;}
.service>a:hover>span,.service>a:focus-visible>span{background:var(--red);border-color:var(--red);color:#fff;transform:rotate(45deg);}
#primary-nav a{text-transform:uppercase;}
#primary-nav a:last-child{display:flex;gap:3px;padding:0;border:0;background:none;border-radius:999px;color:white;}
#primary-nav a:last-child:hover,#primary-nav a:last-child.active{background:none;border:0;color:white;}
.nav-contact-label{padding:8px 15px;border-radius:999px;background:var(--red);transition:background .2s;}
.nav-contact-arrow{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--red);transition:transform .25s,background .2s;}
#primary-nav a:last-child:hover .nav-contact-label,#primary-nav a:last-child:hover .nav-contact-arrow,#primary-nav a:last-child:focus-visible .nav-contact-label,#primary-nav a:last-child:focus-visible .nav-contact-arrow{background:#8f1c35;}
#primary-nav a:last-child:hover .nav-contact-arrow,#primary-nav a:last-child:focus-visible .nav-contact-arrow{transform:rotate(45deg);}
@media(min-width:1400px){.hero-inner{min-height:710px;}}
@media(max-width:1000px){.hero-copy{max-width:67%;width:610px;}
.hero-inner{min-height:640px;}
.hero-description{max-width:410px;}
.hero-wash{background:linear-gradient(90deg,#fafafa 0%,#fafafa 30%,#fafafae8 50%,#fafafa80 68%,transparent 90%);}
#primary-nav{gap:18px;}}
@media(max-width:760px){.hero h1{max-width:650px;}
.hero-copy{width:100%;max-width:100%;}
.hero-inner{min-height:0;padding-top:40px;padding-bottom:30px;}
.hero-description{max-width:520px;}
.hero-actions{gap:12px;}
.hero-wash{display:none;}
.service-icon{width:54px;height:54px;}
.service-icon svg{width:38px;height:38px;}
.service-index{right:0;top:6px;}
.button>.button-label{min-height:50px;padding:14px 20px;}
.button>span[aria-hidden=true]{height:50px;width:50px;}
.button,.button.secondary,.button.light{min-height:50px;}
#primary-nav{gap:0;}
#primary-nav a{padding:13px 0;}
#primary-nav a:last-child{margin-top:10px;padding:0;align-self:flex-start;}}
@media(max-width:480px){.hero-actions{gap:11px;}
.hero-actions .button{gap:4px;padding:0;}
.hero-actions .button>.button-label{padding:13px 17px;min-height:47px;}
.hero-actions .button>span[aria-hidden=true]{height:47px;width:47px;}
.service h3{padding-right:17px;}
.service-index{top:3px;}
.service-icon{width:42px;height:42px;}
.service-icon svg{height:31px;width:31px;}
.service>a{gap:8px;}
.service>a>span{width:27px;height:27px;}}
:root{--green:#527b21;--green-bright:#c8f060;}
h1,h2,h3{transition:color .25s,text-shadow .25s;}
.hero h1 em,.intro h2 span{transition:color .25s;}
h1:hover,h2:hover,h3:hover,.hero:focus-within h1,.intro:focus-within h2,.offer:focus-within .section-heading h2,.contact:focus-within h2{color:var(--green);text-shadow:0 0 22px #a6cf6720;}
.hero h1:hover em,.hero:focus-within h1 em,.intro h2:hover span,.intro:focus-within h2 span{color:var(--green);-webkit-text-fill-color:currentColor;}
.section-heading h2:hover:after,.offer:focus-within .section-heading h2:after{background:var(--green);}
.callout h2:hover,.callout:focus-within h2{color:var(--green-bright);text-shadow:0 0 24px #c8f06020;}
.hero-motion-toggle{position:absolute;right:4%;bottom:24px;z-index:2;display:inline-flex;align-items:center;gap:7px;border:1px solid #d4d5d3;border-radius:999px;padding:8px 12px;background:#ffffffed;color:#4b5053;cursor:pointer;box-shadow:0 2px 10px #00000005;}
.hero-motion-toggle:hover{border-color:#9eae8b;color:var(--green);}
.hero-motion-toggle[hidden]{display:none;}
.intro-visual{background:linear-gradient(140deg,#fbfcfa,#f3f8ee);min-height:340px;padding:12px 18px 42px;border:1px solid #edf1e8;}
.growth-chart{display:block;width:100%;max-width:420px;height:auto;overflow:visible;}
.growth-grid{stroke:#dce5d5;stroke-width:1;fill:none;}
.growth-axis{stroke:#c1cfb8;stroke-width:1.3;fill:none;}
.growth-ghost{stroke:#d6e2cc;stroke-width:2;fill:none;stroke-linejoin:round;}
.growth-path{stroke:#699931;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:1;stroke-dashoffset:0;}
.growth-tip{stroke:#699931;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;fill:none;}
.growth-target{stroke:#82aa54;stroke-width:1.2;fill:#e9f2df;}
.growth-point{fill:#fff;stroke:#699931;stroke-width:2;}
.growth-end{fill:#699931;}
.chart-replay{position:absolute;right:14px;bottom:10px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #d9e4cf;border-radius:50%;background:#fff;color:var(--green);cursor:pointer;transition:background .2s,border-color .2s,transform .2s;}
.chart-replay:hover{background:#eaf3df;border-color:#93b36c;transform:rotate(-25deg);}
.chart-replay:focus-visible{outline:2px solid var(--green);outline-offset:4px;}
.chart-replay[hidden]{display:none;}
.intro-visual .visual-label{max-width:calc(100% - 90px);left:20px;bottom:19px;color:#67755e;}
@media(max-width:760px){.hero-motion-toggle{right:30px;bottom:16px;}
.intro-visual{min-height:280px;padding:8px 12px 48px;}
.intro-visual .visual-label{left:15px;bottom:19px;}
.chart-replay{right:10px;}}
@media(max-width:480px){.hero-motion-toggle{right:23px;bottom:13px;padding:7px 10px;}
.intro-visual{min-height:260px;padding:8px 20px 42px;}
.growth-chart{max-width:340px;}
.intro-visual .visual-label{max-width:calc(100% - 80px);}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}
*,*::before,*::after{transition:none!important;animation:none!important;}
.button,.button>span[aria-hidden=true],.service,.mix-image img,.specializations-inner a svg,.service>a>span,.nav-contact-arrow,.chart-replay{transform:none!important;}
.math-field::before{display:none;}
.math-formula{opacity:.075!important;color:var(--red)!important;text-shadow:none!important;}
.hero-motion-toggle,.chart-replay{display:none!important;}}
/* Kadr animacji analityki i monetyzacji. */
@media(min-width:761px){.hero-art{width:88%;right:-6%;object-position:58% center;}
.hero-wash{background:linear-gradient(90deg,#fafafa 0%,#fafafa 34%,#fafafaf2 44%,#fafafa99 55%,#fafafa18 70%,transparent 83%);}}
@media(max-width:760px){.hero-art{object-position:center center;}}
/* Manrope jak w liście zalet: teksty, menu, etykiety i przyciski. */
/* Akapity wprowadzenia: typografia zgodna z listą zalet. */
.intro .intro-text,.intro .body-copy{margin-bottom:11px;}
/* Jedyny zestaw reguł typografii: wspólne role w całej witrynie. */
:root{
  --font:'Playfair Display',Georgia,serif;
  --body-font:Manrope,'Avenir Next',Arial,sans-serif;
  --text-size:13px;
  --label-size:10px;
  --action-size:12px;
  --heading-size:52px;
  --subheading-size:30px;
}
body{font-family:var(--body-font);font-size:var(--text-size);font-weight:500;line-height:1.85;letter-spacing:normal;font-synthesis:none}
button,input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}
p,li{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:normal}
strong,b{font-weight:700}
h1,h2,h3{font-family:var(--font);font-weight:400;font-style:normal;letter-spacing:-.035em;line-height:1.12}
h1{font-size:clamp(48px,6.1vw,80px);line-height:1.02;letter-spacing:-.045em}
h2{font-size:var(--heading-size)}
h3{font-size:var(--subheading-size)}
h1 em,.intro h2 span,.callout h2 em{font-family:var(--font);font-weight:400;font-style:italic}
.hero-description,.intro-text,.body-copy,.section-heading p,.service p,.secondary-service p,.mix-copy p,.local-inner p,.contact p,.callout p,.benefit-list li{font-family:var(--body-font);font-size:var(--text-size);font-weight:500;line-height:1.85;letter-spacing:normal}
.intro-text,.intro .body-copy{margin-bottom:11px}
.eyebrow,.eyebrow strong,.overline,.scope,.service-index,.contact-details span,.specializations-inner small,.draft,.footer-note,.local-cities span,.hero-location,.image-caption,.experience span,.intro-visual .visual-label,.contact .contact-location{font-family:var(--body-font);font-size:var(--label-size);font-weight:500;line-height:1.7;letter-spacing:.015em}
.eyebrow,.overline{letter-spacing:.08em}
#primary-nav a,.menu-button{font-family:var(--body-font);font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.015em}
.nav-contact-label{font-size:11px;line-height:20px}
.button,.button>.button-label,.service>a,.secondary-service>a,.simple-link,.hero-motion-toggle{font-family:var(--body-font);font-size:var(--action-size);font-weight:500;line-height:1.5;letter-spacing:.015em}
.specializations-inner strong{font-family:var(--body-font);font-size:15px;font-weight:600;line-height:1.4;letter-spacing:normal}
.contact-details a{font-family:var(--body-font);font-size:21px;font-weight:500;line-height:1.5;letter-spacing:normal}
.experience strong{font-family:var(--font);font-size:41px;font-weight:400;font-style:italic;line-height:1.2;letter-spacing:-.035em}
.math-formula{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:var(--fs,24px);line-height:1.3;letter-spacing:.02em}
.button>span[aria-hidden=true]{font-family:Arial,sans-serif;font-size:24px;font-weight:400;line-height:1}
.service>a>span{font-size:17px;font-weight:400;line-height:1}
.nav-contact-arrow{font-size:18px;font-weight:400;line-height:1}
.chart-replay{font-size:24px;line-height:1}
.hero-motion-toggle{font-size:var(--label-size)}
.hero-motion-toggle span[aria-hidden=true]{font-family:Arial,sans-serif;font-size:12px;line-height:1}
@media(max-width:1000px){:root{--heading-size:46px;--subheading-size:28px}}
@media(max-width:760px){:root{--heading-size:42px}.hero h1{font-size:clamp(40px,8.5vw,65px)}}
@media(max-width:480px){:root{--text-size:12px;--action-size:11px;--heading-size:38px;--subheading-size:26px}.hero h1{font-size:clamp(37px,10.5vw,49px);line-height:1.07}.contact-details a{font-size:19px}.button>span[aria-hidden=true]{font-size:22px}}

/* Delikatne wzory w dolnych sekcjach i ilustracja współpracy. */
.lower-math>:not(.math-field){position:relative;z-index:1}
.lower-math>.math-field .math-formula{opacity:calc(.065 + var(--energy,0)*.32)}
.lower-math>.math-field .math-formula.is-lit{color:var(--green);text-shadow:0 0 16px #527b2120}
.contact-inner{align-items:center}
.deal-visual{margin:0 0 26px;overflow:hidden;border-radius:16px;border:1px solid #e9dedc;background:#ede5dc;box-shadow:0 12px 30px #4032260c}
.deal-visual img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}
@media(max-width:760px){.lower-math>.math-field .math-formula{font-size:clamp(12px,2.5vw,17px);opacity:calc(.05 + var(--energy,0)*.24)}.deal-visual{max-width:560px;margin-bottom:24px}}

/* Mapa lokalizacji: etykiety HTML zachowują czytelność na małych ekranach. */
.region-map{position:relative;margin:38px 0 0;border:1px solid #e4e1da;border-radius:18px;overflow:hidden;background:#f8f7f2;box-shadow:0 10px 28px #322d2305}
.region-map-top{position:absolute;left:24px;right:24px;top:21px;z-index:2;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.region-map-kicker{padding:7px 12px;border:1px solid #e6e1d8;border-radius:999px;background:#ffffffde;color:#61665e;font:500 10px/1.5 var(--body-font);letter-spacing:.06em;text-transform:uppercase}
.region-map-north{color:#85887d;font:500 12px/1.5 var(--body-font)}
.region-map-canvas{position:relative;aspect-ratio:1120 / 520;width:100%;isolation:isolate}
.region-map-base{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill}
.region-map-place{position:absolute;left:var(--map-x);top:var(--map-y);z-index:1;display:block;width:24px;height:24px;transform:translate(-50%,-50%);border-radius:50%;text-decoration:none;color:var(--ink)}
.region-map-dot{position:absolute;left:6px;top:6px;width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:#b52d40;box-shadow:0 0 0 1px #b52d4066,0 2px 6px #49262b20;transition:box-shadow .2s}
.region-map-label{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:block;white-space:nowrap;padding:9px 14px;border:1px solid #e5dfd7;border-radius:12px;background:#fffffff2;box-shadow:0 4px 12px #3d30200b;font:500 14px/1.4 var(--body-font);letter-spacing:normal;transition:border-color .2s,color .2s}
.region-map-label strong{font-weight:600}.region-map-label small{display:block;margin-top:3px;color:var(--red);font:500 10px/1.4 var(--body-font)}
.region-map-miloszyce .region-map-dot{width:16px;height:16px;left:4px;top:4px;box-shadow:0 0 0 7px #b52d401a,0 0 0 1px #b52d4080}
.region-map-miloszyce .region-map-label{border-color:#d9abb3;color:var(--red)}
.region-map-jelcz .region-map-label{bottom:auto;top:30px}
.region-map-place:hover .region-map-label,.region-map-place:focus-visible .region-map-label{color:var(--red);border-color:#b52d4090}
.region-map-place:hover .region-map-dot,.region-map-place:focus-visible .region-map-dot{box-shadow:0 0 0 9px #b52d4025,0 0 0 1px #b52d4080}
.region-map figcaption{position:relative;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 22px;background:#ffffffdc;border-top:1px solid #e5e1d9;color:var(--muted);font:500 10px/1.7 var(--body-font)}
.region-map figcaption a{color:var(--red);white-space:nowrap;text-decoration:none}.region-map figcaption a:hover{text-decoration:underline}
@media(max-width:760px){.region-map{margin-top:28px}.region-map-canvas{aspect-ratio:1.6}.region-map-label{font-size:12px;padding:8px 10px}.region-map-top{left:16px;right:16px;top:15px}.region-map-kicker{font-size:9px;padding:6px 10px}.region-map figcaption{align-items:flex-start;flex-direction:column;gap:5px;padding:13px 16px}}
@media(max-width:480px){.region-map-canvas{aspect-ratio:1.25}.region-map-label{font-size:11px;padding:8px 9px}.region-map-label small{font-size:9px}.region-map-miloszyce .region-map-label{transform:translateX(-65%)}.region-map-wroclaw .region-map-label{bottom:auto;top:30px}}

/* Lokalizacja: opis i mapa tworzą jedną kompozycję. */
.local-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center}
.local-copy{min-width:0}
.local-copy .overline{margin-bottom:22px}
.local-copy h2{margin-bottom:25px}
.local-copy h2>span{display:block}
.local-copy h2 em{display:block;margin-top:16px;font-family:var(--font);font-size:var(--subheading-size);font-weight:400;font-style:italic;line-height:1.25;letter-spacing:-.02em;color:var(--red);transition:color .25s}
.local-copy h2:hover em,.local-copy:focus-within h2 em{color:var(--green)}
.local-copy p:not(.overline){margin:0 0 17px;color:var(--muted)}
.local-copy .local-cities{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);gap:8px}
.local-layout>.region-map{min-width:0;margin:0;box-shadow:0 14px 36px #322d2308}
.local-layout .region-map-canvas{aspect-ratio:1.4}
.local-layout .region-map figcaption{flex-direction:column;align-items:flex-start;gap:5px;padding:16px 20px}
@media(max-width:1100px){.local-layout{gap:32px}}
@media(max-width:920px){.local-layout{grid-template-columns:1fr;gap:30px}.local-copy{max-width:690px}.local-copy h2{max-width:650px}.local-layout .region-map-canvas{aspect-ratio:1.8}}
@media(max-width:760px){.local-layout{gap:26px}.local-copy h2 em{margin-top:13px}.local-copy .local-cities{margin-top:21px;padding-top:17px}.local-layout .region-map-canvas{aspect-ratio:1.6}}
@media(max-width:480px){.local-layout .region-map-canvas{aspect-ratio:1.25}.local-layout .region-map figcaption{padding:13px 16px}.local-copy h2{margin-bottom:21px}}

/* Cztery obszary marketing mix: dwa rzędy czytelnych kafelków. */
.mix-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.mix-item{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:stretch}
.mix-image{height:100%;min-height:230px;padding:18px;border-bottom:0;border-right:1px solid #f0f0f0}
.mix-copy{padding:26px 24px}
@media(max-width:1000px){.mix-grid{gap:22px}.mix-item{grid-template-columns:120px minmax(0,1fr)}.mix-copy{padding:23px 20px}}
@media(max-width:760px){.mix-grid{grid-template-columns:1fr}.mix-item{grid-template-columns:160px minmax(0,1fr)}.mix-image{min-height:200px;padding:20px}}
@media(max-width:480px){.mix-item{grid-template-columns:105px minmax(0,1fr)}.mix-image{padding:12px;min-height:190px}.mix-copy{padding:21px 17px}}

body.admin-bar header{top:32px}.stage-notice{background:#fff1f3;border-bottom:1px solid #ead5d9;padding:8px 24px;text-align:center;font:500 12px/1.6 Manrope,sans-serif;color:#922132}
.blog-shell{padding-top:68px;padding-bottom:76px}.blog-heading{max-width:850px;margin-bottom:45px}.blog-heading h1{font:400 clamp(42px,5.5vw,76px)/1.1 'Playfair Display',serif;letter-spacing:-.04em}.blog-heading h1 em{color:var(--red)}.blog-heading>p:last-child{max-width:650px;font:500 16px/1.85 Manrope,sans-serif;color:var(--muted)}
.blog-topics{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 38px}.blog-topics a{border:1px solid var(--line);padding:9px 17px;border-radius:30px;text-decoration:none}.blog-topics a:hover,.blog-topics a[aria-current]{color:var(--red);border-color:var(--red);background:#fff1f3}
.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.post-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;transition:transform .25s,border-color .25s,box-shadow .25s}.post-card:hover{transform:translateY(-5px);border-color:#b52d4070;box-shadow:0 15px 35px #3032370b}.post-cover{display:block;overflow:hidden;background:#f6f4f3}.post-cover img{width:100%;aspect-ratio:1.55;object-fit:cover;transition:transform .4s}.post-card:hover .post-cover img{transform:scale(1.03)}.post-card-copy{padding:26px}.post-card h2{font-size:30px;line-height:1.2;letter-spacing:-.025em;margin:13px 0}.post-card h2 a{text-decoration:none}.post-card h2 a:hover{color:var(--red)}.post-card p{margin:0 0 22px;color:var(--muted)}.post-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font:500 11px/1.6 Manrope,sans-serif;color:var(--muted)}.post-meta .category{color:var(--red);text-transform:uppercase;letter-spacing:.07em}.post-read{color:var(--red);text-decoration:none;border-bottom:1px solid #d5a1a9;padding-bottom:4px}.post-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr}.post-card.featured .post-cover{height:100%}.post-card.featured .post-cover img{height:100%;min-height:350px;aspect-ratio:auto}.post-card.featured .post-card-copy{align-self:center;padding:42px}.post-card.featured h2{font-size:43px}
.blog-search{display:flex;align-items:center;gap:10px;max-width:500px;margin:38px 0}.blog-search input{min-width:0;flex:1;padding:13px 17px;border:1px solid #ddd;border-radius:30px;font:500 14px Manrope,sans-serif}.blog-search button{border:0;border-radius:30px;background:var(--red);color:#fff;padding:14px 20px;font:600 13px Manrope,sans-serif;cursor:pointer}.screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pagination{margin:35px 0}.pagination .nav-links{display:flex;gap:16px;justify-content:center}.blog-callout{margin-top:55px;padding:35px;border-radius:18px;background:#f7f5f4;display:flex;align-items:center;justify-content:space-between;gap:30px}.blog-callout h2{font-size:35px;max-width:650px;margin:0}.blog-teaser{border-top:1px solid var(--line);padding-bottom:70px}.blog-teaser .section-heading{max-width:800px}
.article-shell{padding-top:50px;padding-bottom:80px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:12px;margin-bottom:35px}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{color:var(--red)}.article-header{max-width:900px;margin:0 auto 35px;text-align:center}.article-header h1{font:400 clamp(38px,5vw,66px)/1.12 'Playfair Display',serif;letter-spacing:-.035em;margin:20px 0}.article-header .post-meta{justify-content:center}.article-hero{max-width:1050px;margin:0 auto 42px;border-radius:20px;overflow:hidden;background:#f8f6f4}.article-hero img{width:100%;max-height:430px;object-fit:cover}.article-layout{max-width:790px;margin:0 auto}.article-body{font:500 17px/1.85 Manrope,sans-serif;overflow-wrap:anywhere}.article-body p,.article-body li,.article-body blockquote,.article-body td,.article-body th{font:inherit;letter-spacing:normal}.article-body h2{font:400 39px/1.2 'Playfair Display',serif;letter-spacing:-.025em;margin:45px 0 20px}.article-body h3{font-size:29px;margin:32px 0 15px}.article-body a{color:var(--red)}.article-body ul,.article-body ol{padding-left:25px}.article-body li{margin-bottom:9px}.article-body .wp-block-table{overflow-x:auto}.article-body table{width:100%;border-collapse:collapse}.article-body td,.article-body th{padding:12px;border:1px solid var(--line);text-align:left}.article-body blockquote{border-left:3px solid var(--red);padding-left:25px;margin:28px 0;color:#62666c}.article-draft{border:1px solid #e7ccd1;background:#fff6f7;color:#922132;border-radius:10px;padding:12px 18px;margin-bottom:25px;font:500 13px/1.7 Manrope,sans-serif}.article-author{border-top:1px solid var(--line);margin-top:35px;padding-top:24px}.article-author strong{color:var(--red)}.related-posts{margin-top:60px}.related-posts h2{font-size:38px}.related-posts .posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-copy{max-width:820px}.page-copy>h1{font-size:62px}.site-error{padding:100px 0;min-height:55vh}
@media(max-width:1000px){.posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-card.featured h2{font-size:35px}.post-card.featured .post-card-copy{padding:28px}}
@media(max-width:782px){body.admin-bar header{top:46px}.blog-callout{display:block}.blog-callout .button{margin-top:25px}}
@media(max-width:640px){.posts-grid,.related-posts .posts-grid{grid-template-columns:1fr}.post-card.featured{display:block}.post-card.featured .post-cover img{min-height:0;aspect-ratio:1.55}.blog-shell{padding-top:40px}.article-shell{padding-top:30px}.article-body{font-size:16px}.article-body h2{font-size:32px}.article-header h1{font-size:40px}.post-card.featured h2{font-size:32px}.blog-callout{padding:26px}.blog-callout h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.post-card,.post-cover img{transition:none}.post-card:hover,.post-card:hover .post-cover img{transform:none}}

.article-header{position:static;top:auto;background:transparent;box-shadow:none;border:0;z-index:auto}.breadcrumbs a{padding:0;border:0;text-transform:none}.pagination{min-height:0;display:block}.pagination a{padding:8px 12px;text-transform:none}.pagination .nav-links{min-height:0}.blog-topics a{text-transform:none}.post-cover:focus-visible{outline:3px solid var(--red)}

#primary-nav a[aria-current=page]{color:var(--red);border-bottom-color:var(--red)}

.blog-shell .posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-card.featured .post-cover img{object-fit:contain}.article-hero img{object-fit:contain}@media(max-width:640px){.blog-shell .posts-grid{grid-template-columns:1fr}}

/* Obrazy zachowują proporcje także przy atrybutach wymiarów HTML. */
.post-cover img{height:auto}.article-hero img{height:auto}.page-copy>h1{font-size:clamp(38px,5.4vw,62px)}

@media(max-width:640px){.post-card.featured .post-cover img{height:auto}}


/* Ustawienia opcjonalnego pomiaru. */
.privacy-open{border:0;background:none;color:inherit;padding:0;font:inherit;cursor:pointer;text-align:left}.privacy-open:hover{color:var(--red)}
.privacy-dialog{border:1px solid #e4dce0;border-radius:20px;width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:36px;color:var(--ink);box-shadow:0 28px 90px #24212b26;overflow:auto}.privacy-dialog::backdrop{background:#24212b66;backdrop-filter:blur(3px)}.privacy-dialog h2{font-size:38px;margin:0 36px 20px 0}.privacy-dialog p{font-size:14px;line-height:1.8}.privacy-preview{background:#fff1f3;border-radius:9px;padding:10px 14px;color:var(--red)}.privacy-choice{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:18px 0;font-size:15px;cursor:pointer}.privacy-choice small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.privacy-choice input{width:21px;height:21px;flex-shrink:0;accent-color:var(--red)}.privacy-essential{color:var(--muted)}.privacy-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.privacy-actions button{flex:1 1 150px;padding:12px 16px;border:1px solid #d7bfc4;border-radius:30px;background:#fff;color:var(--red);font-size:12px;cursor:pointer}.privacy-actions button:hover{background:#fff1f3;border-color:var(--red)}.privacy-actions button[data-vp-choice="all"]{background:var(--red);color:#fff;border-color:var(--red)}.privacy-close{position:absolute;right:20px;top:18px;border:0;background:none;color:var(--muted);font-size:28px;cursor:pointer}@media(max-width:480px){.privacy-dialog{padding:26px 22px}.privacy-dialog h2{font-size:30px}.privacy-actions button{flex-basis:100%}}


/* Krótki formularz kontaktowy */
.contact-inner{align-items:start}
.vp-contact-form{margin-top:26px}
.vp-contact-form label{display:grid;gap:7px;font:500 13px/1.6 var(--body-font);color:var(--ink,#282a32)}
.vp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.vp-contact-form input,.vp-contact-form textarea{box-sizing:border-box;width:100%;min-width:0;padding:12px 14px;border:1px solid #cdd0d4;border-radius:10px;background:#fff;color:#282a32;font:500 14px/1.6 var(--body-font);transition:border-color .2s,box-shadow .2s}
.vp-contact-form textarea{resize:vertical;min-height:110px}
.vp-contact-form input:focus,.vp-contact-form textarea:focus{outline:2px solid var(--red);outline-offset:2px;border-color:var(--red)}
.contact .vp-form-note,.contact .vp-form-status{font:500 12px/1.7 var(--body-font);margin:14px 0}
.vp-form-note a{color:inherit;text-underline-offset:3px}
.vp-form-note a:hover{color:var(--red)}
.vp-contact-form .button{border:0;cursor:pointer}
.vp-contact-form .button:disabled{opacity:.7;cursor:default}
.vp-form-trap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.contact .deal-visual{max-height:180px;overflow:hidden;margin:28px 0 0;border-radius:16px}
.contact .deal-visual img{width:100%;height:180px;object-fit:cover}
@media(max-width:480px){.vp-form-row{grid-template-columns:1fr}.vp-contact-form input,.vp-contact-form textarea{font-size:16px}}

/* Linki do szczegółowych ofert w sekcji Mój mix. */
.mix-copy{display:flex;flex-direction:column;align-items:flex-start}
.mix-copy p{margin-bottom:22px}
.mix-link{display:inline-flex;align-items:center;gap:12px;margin-top:auto;padding:8px 0;color:var(--red);font:600 13px/1.6 var(--body-font);text-decoration:none;text-underline-offset:5px}
.mix-link span{display:inline-block;transition:transform .2s}
.mix-link:hover{text-decoration:underline}.mix-link:hover span{transform:translate(3px,-3px)}
.mix-link:focus-visible{outline:2px solid var(--red);outline-offset:5px;border-radius:2px}
@media(prefers-reduced-motion:reduce){.mix-link span{transition:none}.mix-link:hover span{transform:none}}

/* Cztery świadome wybory; pola zgody pozostają niezaznaczone. */
.privacy-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.privacy-actions button{min-height:44px;line-height:1.5;font-family:var(--body-font)}
.privacy-actions button:focus-visible{outline:2px solid var(--red);outline-offset:3px}
@media(max-width:480px){.privacy-actions{grid-template-columns:1fr}}

/* Footer feedback and readable technical examples. */
.footer-note{transition:color .2s ease}
.footer-note:hover{color:var(--red)}
.article-body pre{max-width:100%;overflow-x:auto;padding:22px;background:#f8f6f5;border:1px solid var(--line);border-radius:14px;white-space:pre;overflow-wrap:normal;font-size:14px;line-height:1.7}
.article-body pre code{font:inherit;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;overflow-wrap:normal}
@media(prefers-reduced-motion:reduce){.footer-note{transition:none}}

/* Attribution labels remain within the intro background on small screens. */
@media(max-width:760px){.intro>.math-field .math-formula:nth-child(1){top:10px}.intro>.math-field .math-formula:nth-child(2){left:48%;top:50px}.intro>.math-field .math-formula:nth-child(3){left:3%;top:96%}.intro>.math-field .math-formula:nth-child(4){left:48%;top:96%}}