/*
Theme Name: TWE Bloki
Author: TWE
Version: 0.2.1
Requires at least: 6.5
Description: Edytowalny motyw blokowy TWE.
*/
:root{--ink:#15243b;--paper:#f6f5ef;--white:#fff;--orange:#fa704b;--cyan:#22bcc4;--line:#d9dfdf;--muted:#546274}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}header{background:var(--paper);border-bottom:1px solid var(--line)}.wrap{max-width:1180px;margin:auto;padding:0 28px}.nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{text-decoration:none;font-size:32px;font-weight:950;letter-spacing:-.09em;line-height:1}.logo span{color:var(--orange)}.logo small{display:block;font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:var(--muted);margin-top:5px}.nav nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.nav nav a{text-decoration:none;font-size:14px;font-weight:750}.nav nav a:hover,.nav nav a[aria-current=page]{color:#bd4b2d}.nav .cta{background:var(--ink);color:white;padding:10px 17px;border-radius:6px}.nav .cta:hover{color:white;background:#334b6c}.hero{background:var(--ink);color:white;overflow:hidden}.hero-grid{min-height:580px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px}.eyebrow{font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.16em;color:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2{line-height:1.08;letter-spacing:-.055em}h1{font-size:clamp(52px,7.4vw,106px);margin:18px 0 24px}h2{font-size:clamp(35px,4.4vw,62px);margin:12px 0 23px}h3{font-size:24px;line-height:1.2;letter-spacing:-.025em}.hero p{font-size:20px;color:#d5e1e8;max-width:640px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;padding:13px 19px;border-radius:5px;text-decoration:none;font-weight:800;background:var(--orange);color:#172337}.button.secondary{border:1px solid #8da1b0;background:transparent;color:white}.disc{aspect-ratio:1;border:1px solid #6c8798;border-radius:50%;position:relative;display:grid;place-items:center;max-width:420px;margin:auto;box-shadow:0 0 0 34px #20354e,0 0 0 35px #405771}.disc:before,.disc:after{content:"";position:absolute;background:var(--orange);border-radius:50%;width:22%;aspect-ratio:1;top:3%;right:7%}.disc:after{background:var(--cyan);width:13%;top:auto;right:auto;bottom:8%;left:7%}.disc span{font-size:clamp(110px,19vw,255px);font-weight:950;letter-spacing:-.12em;line-height:1;color:white}.section{padding:92px 0}.section.alt{background:white}.lead{font-size:20px;max-width:760px;color:var(--muted)}.two{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.card{padding:28px;min-height:255px;background:white;border:1px solid var(--line);border-top:7px solid var(--accent,var(--cyan));display:flex;flex-direction:column}.card p{color:var(--muted)}.card a{font-weight:800;margin-top:auto;text-decoration-thickness:2px;text-underline-offset:4px}.number{font-size:14px;font-weight:850;color:#8d4c36;letter-spacing:.1em}.card h3{margin:15px 0 12px}.band{background:var(--orange);padding:70px 0}.band h2{max-width:800px}.band .button{background:var(--ink);color:white}.page-head{padding:85px 0 70px;background:var(--ink);color:white}.page-head h1{font-size:clamp(48px,6vw,84px);max-width:950px}.page-head p{max-width:720px;color:#d5e1e8;font-size:20px}.copy{max-width:780px}.copy p,.copy li{font-size:19px}.copy h2{margin-top:56px;font-size:36px}.list{list-style:none;padding:0;margin:28px 0}.list li{border-bottom:1px solid var(--line);padding:18px 0}.list li:first-child{border-top:1px solid var(--line)}.pill{display:inline-block;border:1px solid currentColor;border-radius:100px;padding:5px 12px;font-size:13px;font-weight:800;margin:4px}.topic{background:var(--accent);border-radius:6px;padding:22px;min-height:140px;font-weight:850;font-size:25px;display:flex;align-items:end}.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}.contact{padding:40px;background:white;border:1px solid var(--line);border-radius:6px}.contact a{font-weight:850;font-size:clamp(22px,3vw,36px);overflow-wrap:anywhere}.small{font-size:14px;color:var(--muted)}footer{padding:56px 0;background:#101e32;color:#d9e5ec}footer .two{gap:20px}footer p{color:#b4c5ce}footer nav{display:flex;gap:20px;flex-wrap:wrap}footer a{text-underline-offset:4px}.skip{position:absolute;left:-999px;top:8px;background:white;color:var(--ink);padding:8px}.skip:focus{left:8px;z-index:99}@media(max-width:760px){.wrap{padding:0 20px}.nav{padding:18px 0;align-items:flex-start;flex-direction:column}.nav nav{gap:12px 18px}.nav nav a{font-size:13px}.hero-grid{grid-template-columns:1fr;padding-top:75px;padding-bottom:90px;min-height:auto}.disc{width:58%;min-width:200px;margin-top:35px;box-shadow:0 0 0 18px #20354e,0 0 0 19px #405771}.section{padding:64px 0}.two,.grid{grid-template-columns:1fr}.topics{grid-template-columns:repeat(2,1fr)}.page-head{padding:65px 0}.card{min-height:210px}}@media(max-width:400px){.topics{grid-template-columns:1fr}.hero p,.lead,.copy p{font-size:17px}}
.hero-grid{grid-template-columns:1fr 1fr;gap:48px}.hero-photo{margin:0;align-self:center}.hero-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:6px}.hero-photo figcaption,.story-photo figcaption{font-size:14px;line-height:1.5;color:#c5d8e2;margin-top:10px}.story-photo{margin:64px 0 0;max-width:900px}.story-photo img{display:block;width:100%;height:auto;border-radius:6px}.story-photo figcaption{color:var(--muted)}footer .two{grid-template-columns:1.2fr 1fr 1fr}footer a:hover{text-decoration-color:var(--orange)}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;gap:24px}.hero-photo{width:100%}.story-photo{margin:45px 0 0}footer .two{grid-template-columns:1fr}}

/* Gutenberg layout adapters */
.site-header{border-bottom:1px solid #d9dfdf;background:#f6f5ef}.header-inner{min-height:86px;align-items:center;gap:25px}.brand-title a{text-decoration:none;color:#15243b;font-size:32px;font-weight:950}.site-header .wp-block-navigation a{text-decoration:none;font-size:14px;font-weight:750}.site-footer{background:#101e32;color:#d9e5ec;padding:56px 0}.site-footer a{color:#d9e5ec}.site-footer .wp-block-columns{max-width:1180px;margin:auto}.wp-block-post-content>.wp-block-group{margin:0}.wp-block-group.hero,.wp-block-group.page-head,.wp-block-group.section,.wp-block-group.band{width:100%;max-width:none}.wp-block-group .wrap{max-width:1180px;margin:auto}.wp-block-group.hero-grid,.wp-block-group.two,.wp-block-group.grid{display:grid}.wp-block-group.hero-grid{grid-template-columns:1fr 1fr}.wp-block-group.two{grid-template-columns:1fr 1fr}.wp-block-group.grid{grid-template-columns:repeat(3,1fr)}.wp-block-group.card{display:flex;flex-direction:column}.wp-block-group.card .wp-block-paragraph:last-child{margin-top:auto}.wp-block-group.hero .wp-block-heading,.wp-block-group.page-head .wp-block-heading{color:white}.wp-block-group .wp-block-buttons{margin:22px 0}.wp-block-button.button .wp-block-button__link{background:#fa704b;color:#15243b;border-radius:5px;font-weight:800}.wp-block-button.button.secondary .wp-block-button__link{background:transparent;color:#fff;border:1px solid #8da1b0}.wp-block-group.hero img,.wp-block-group.story-photo img{width:100%;height:auto;object-fit:cover;border-radius:6px}.wp-block-group.article-layout{padding-top:65px;padding-bottom:65px}.wp-block-post-content .wp-block-group.section.alt{background:white}.wp-block-group .wp-block-group{min-width:0}.wp-block-group .wp-block-image{margin:0}.wp-block-group .wp-block-image img{height:auto;max-width:100%}.wp-block-group.card{border-top:7px solid var(--accent,#22bcc4)}.wp-block-group.band .wp-block-heading{color:#15243b}.wp-block-group.page-head p{color:#d5e1e8}.wp-block-group.hero p{color:#d5e1e8}
.accent-orange{--accent:#fa704b}.accent-cyan{--accent:#22bcc4}.accent-lilac{--accent:#c3b9f7}.wp-block-group.band .eyebrow{color:#15243b}
.site-header .brand-title{font-size:32px;line-height:1;letter-spacing:-.07em;font-weight:950;margin:0;white-space:nowrap}.site-header .brand-title a{text-decoration:none;color:#15243b}
@media(max-width:760px){.wp-block-group.hero-grid,.wp-block-group.two,.wp-block-group.grid{grid-template-columns:1fr}.header-inner{padding-top:16px;padding-bottom:16px}}