/*
Theme Name: Winny Druk
Version: 1.3.9
Author: Winny Druk
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--cream:#f8f5ec;--ink:#242135;--purple:#6239b8;--orange:#ef7342;--line:#dbd7cf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:5px}header{max-width:1440px;margin:auto;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:1px;font-size:20px}.brand img{height:62px;width:53px;object-fit:contain}.brand small{display:block;font-size:10px;letter-spacing:1.3px}nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.button{display:inline-flex;justify-content:center;align-items:center;gap:15px;background:var(--purple);border:0;border-radius:5px;color:white;padding:15px 23px;font-weight:600;cursor:pointer}.button:hover{background:#452180}.small{padding:11px 18px}.textlink{font-weight:700;border-bottom:1px solid;padding-bottom:4px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.7px;display:block;margin-bottom:20px}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.13;margin:0;letter-spacing:-.055em}h1{font-size:clamp(42px,5.3vw,78px);font-weight:800}h2{font-size:clamp(32px,3.5vw,50px)}h3{font-size:23px;letter-spacing:-.035em}em{font-style:normal;color:var(--purple)}p{color:#595563}section{max-width:1440px;margin:auto;padding:80px 5%}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;padding-top:64px;padding-bottom:64px;align-items:center}.hero p{font-size:18px;margin:28px 0}.actions{display:flex;align-items:center;gap:26px}.heroimage{height:465px;position:relative;border-radius:120px 8px 8px 8px;background:var(--purple)}.heroimage:before{content:'';position:absolute;width:80%;height:110%;top:-5%;right:-4%;background:linear-gradient(90deg,#673ab7 0 25%,#ad3f94 25% 50%,#ef7342 50% 75%,#f0b84e 75%);border-radius:130px 12px 12px 12px;transform:rotate(5deg);z-index:-1}.heroimage img{width:100%;height:100%;object-fit:cover;border-radius:inherit;object-position:50% 55%}.imagebadge{position:absolute;bottom:24px;left:-25px;background:var(--cream);padding:18px 24px;border-radius:4px;font-size:12px;line-height:1.5;letter-spacing:1.3px}.imagebadge strong{font-size:16px}.ribbon{background:var(--ink);color:white;display:flex;justify-content:space-evenly;padding:20px;gap:15px;font-size:12px;letter-spacing:1.8px}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.sectionhead p{max-width:370px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 28px}.photo{position:relative;overflow:hidden;border-radius:6px}.photo img{width:100%;height:235px;object-fit:cover;display:block;transition:transform .4s}.service:hover img{transform:scale(1.035)}.cardtitle{display:flex;align-items:center;gap:14px;margin-top:20px}.cardtitle h3{flex:1;font-size:21px}.number{color:var(--purple);font-size:12px}.service p{font-size:15px;margin-bottom:0}.caption{font-size:12px;color:#544d60}.photo .caption{position:absolute;bottom:8px;left:10px;background:#fffE;padding:2px 7px;border-radius:3px}.more{margin-top:50px;border-top:1px solid var(--line);padding-top:30px;max-width:850px}.portfolio{background:#eee9e1;max-width:none}.portfolio>.sectionhead,.projects{max-width:1296px;margin-left:auto;margin-right:auto}.projects{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:25px}figure{margin:0}figure img{width:100%;height:320px;object-fit:cover;border-radius:5px}figcaption{font-size:16px;line-height:1.5;margin-top:15px}figcaption span{display:block;font-size:11px;letter-spacing:1.5px;color:#696375;margin-top:5px}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px}.lead{font-size:23px;line-height:1.5;color:var(--ink)}.about p:first-child{margin-top:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:20px}.steps>div{border-top:1px solid var(--line);padding-top:25px}.steps b{color:var(--purple);font-size:14px;display:block;margin-bottom:18px}.steps p{font-size:15px}.business{background:var(--purple);color:white;border-radius:9px;max-width:1296px;padding:60px;position:relative;overflow:hidden}.business p{color:#f4eafa;max-width:660px}.business .button{background:var(--cream);color:var(--purple)}.business:after{content:'';position:absolute;right:-60px;top:0;width:180px;height:120%;background:linear-gradient(90deg,#a746a0 0 33%,#ed754c 33% 66%,#efb74e 66%);transform:rotate(25deg)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}.phone{font-size:30px;font-weight:700;display:block;margin-top:30px}form{display:grid;gap:15px}label{font-size:14px;font-weight:600;display:grid;gap:7px}input,textarea,select{width:100%;padding:12px 14px;border:1px solid #cec8d2;background:#fffcf7;border-radius:4px;color:var(--ink)}form small{font-size:12px;color:#655c6c}footer{background:var(--ink);color:#fff;padding:35px 5%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;font-size:14px}.servicehero{padding-top:55px}.servicehero h1{font-size:clamp(40px,5vw,65px)}.servicehero .lead{max-width:800px}.servicehero>img{display:block;width:100%;max-height:620px;object-fit:cover;margin-top:40px;border-radius:8px}.faq{margin-top:40px}.faq details{padding:20px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600;font-size:18px}section .steps{padding-left:0;padding-right:0;margin-top:30px}.servicehero+section{padding-top:0}
@media(min-width:1600px){.heroimage{height:520px}}@media(max-width:1000px){.brand small{display:none}nav{gap:16px}.hero{gap:25px}.heroimage{height:370px}.services{grid-template-columns:repeat(2,1fr)}.actions{gap:15px;flex-wrap:wrap}.projects{grid-template-columns:1fr 1fr}.projects figure:last-child{display:none}.business{margin:0 5%}.business:after{opacity:.35}.business>*{position:relative;z-index:1}}@media(max-width:650px){header{padding:15px 5%;gap:10px}.brand{font-size:16px;gap:7px}.brand img{height:45px;width:37px}nav>a:not(.button){display:none}nav .button{font-size:12px;padding:10px}section{padding:50px 6%}.hero{grid-template-columns:1fr;padding-top:38px;gap:35px}.eyebrow{font-size:10px;letter-spacing:1.3px}.hero p{font-size:16px}.heroimage{height:330px;margin-left:10px;margin-right:12px}.imagebadge{left:-12px}.ribbon{flex-wrap:wrap;font-size:10px;padding:16px;gap:10px 22px}.sectionhead{display:block;margin-bottom:25px}.services{gap:30px 16px}.photo img{height:165px}.cardtitle{gap:6px}.cardtitle h3{font-size:17px}.number{display:none}.service p{font-size:14px}.projects{grid-template-columns:1fr}.projects figure:last-child{display:block}figure img{height:290px}.about,.contact{grid-template-columns:1fr;gap:30px}.lead{font-size:20px}.steps{grid-template-columns:1fr;gap:20px}.business{padding:36px 25px}.business:after{display:none}.servicehero>img{max-height:380px}.contact{gap:35px}footer{flex-direction:column}.button{font-size:14px}}
.service-type{min-height:130px;display:flex;align-items:end;padding:25px;background:#ece3f5;border-top:5px solid var(--purple);border-radius:5px;font-size:12px;letter-spacing:1.2px;color:#593484}.servicecopy{max-width:1050px;padding-top:0}.servicecopy>div:not(.faq){margin-bottom:38px}.servicecopy h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.04em}.servicecopy p{font-size:17px;max-width:790px}.related{border-top:1px solid var(--line);margin-top:40px;padding-top:25px}.related a{display:inline-block;margin:15px 25px 0 0;text-decoration:underline}.servicehero>img{height:auto}.photo:has(img[src*="tablica-plan"]){background:#e7e5df}.photo img[src*="tablica-plan"]{object-fit:contain}.heroimage{isolation:isolate}.heroimage:before{z-index:-1}.servicehero .caption{font-size:13px}.brand small{font-size:12px;letter-spacing:.4px}.eyebrow{font-size:13px}.ribbon{font-size:13px}.cardtitle .number{font-size:13px}figcaption span{font-size:12px}@media(max-width:650px){.eyebrow{font-size:12px}.ribbon{font-size:12px}.servicecopy p{font-size:16px}.service-type{min-height:165px;padding:16px}.photo img[src*="tablica-plan"]{object-fit:contain}}

/* A single flowing retro accent frames the introduction. */
.hero{position:relative;isolation:isolate;padding-top:92px;padding-bottom:90px;overflow:hidden}.retro-lines{position:absolute;left:0;bottom:0;width:100%;height:125px;pointer-events:none;z-index:-1;opacity:.8}.herocopy,.heroimage{z-index:1}.heroimage:before{display:none}.heroimage{border-radius:100px 8px 8px 8px}.herocopy{padding-bottom:15px}@media(max-width:650px){.hero{padding-top:38px;padding-bottom:70px}.retro-lines{height:70px;opacity:.75}.heroimage{border-radius:70px 8px 8px 8px}}

.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:40px}.blog-card{border-top:3px solid var(--purple);padding-top:20px}.blog-card img{width:100%;height:220px;object-fit:cover;border-radius:6px;margin-bottom:22px}.blog-card h3{font-size:24px;line-height:1.3;letter-spacing:-.03em}.blog-card p{font-size:16px}.blog-note{margin-top:40px;font-size:14px}@media(max-width:800px){.blog-grid{grid-template-columns:1fr}.blog-card img{height:260px}}@media(max-width:650px){header{flex-wrap:wrap}nav{flex-wrap:wrap}nav>a.blog-nav{display:inline-block;font-size:14px}}

@media(prefers-reduced-motion:no-preference) and (pointer:fine){.heroimage{transform:translate(var(--mx,0px),var(--my,0px));transition:transform .18s ease-out}.retro-lines{transform:translateX(var(--mx,0px));transition:transform .25s ease-out}}

/* Approved light future-retro hero */
:root{--cream:#fbf7ee}header{border-bottom:0}.brand img{width:104px;height:118px}header nav{font-size:16px}.hero-future{max-width:1600px;grid-template-columns:0.85fr 1.3fr;gap:0;padding:22px 3% 55px 5%;min-height:660px;overflow:hidden;isolation:isolate}.hero-future .herocopy{position:relative;z-index:2}.hero-future h1{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.055em;font-size:clamp(54px,6.5vw,100px);line-height:.99;color:#290d3e}.hero-future .eyebrow{font-size:13px;letter-spacing:.22em}.hero-future p{color:#290d3e;font-size:clamp(21px,2.25vw,32px);line-height:1.35;margin:32px 0}.hero-future .heroimage{height:auto;aspect-ratio:4/3;width:112%;margin-left:-7%;border-radius:0;background:transparent}.hero-future .heroimage:before{display:none}.hero-future .heroimage img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0;mix-blend-mode:multiply}.hero-future .button,header .button{border-radius:40px;background:#ed3e29;color:#fff}.hero-future .button:hover,header .button:hover{background:#b52c21}.hero-future .textlink{border:1px solid #290d3e;border-radius:40px;padding:14px 22px;color:#290d3e}.hero-future .actions{gap:16px;flex-wrap:wrap}.hero-future .textlink:hover{background:#efe4f1}@media(max-width:1000px){.hero-future{min-height:540px}.hero-future h1{font-size:clamp(48px,6.6vw,72px)}}@media(max-width:760px){header{flex-wrap:wrap}.brand img{width:70px;height:80px}header nav{flex-wrap:wrap;gap:13px;width:100%}header nav>a:not(.button){display:block;font-size:14px}.hero-future{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:28px 6% 32px}.hero-future h1{font-size:clamp(48px,11.5vw,76px);line-height:1.02}.hero-future .heroimage{width:112%;margin:20px -6% 0;aspect-ratio:4/3;height:auto}.hero-future p{font-size:23px;margin:23px 0}.hero-future .eyebrow{font-size:12px}.hero-future .actions{gap:12px}.hero-future .button,.hero-future .textlink{font-size:14px;padding:13px 18px}}

/* Compact hero, aligned to approved composition */
header{padding-top:12px;padding-bottom:12px}.brand img{width:74px;height:86px}
.hero-future{min-height:0;height:clamp(460px,40vw,590px);padding:0 3% 0 5%;grid-template-columns:43% 57%;overflow:hidden;align-items:center}
.hero-future .herocopy{align-self:center;padding-bottom:16px}.hero-future h1{font-size:clamp(66px,7.2vw,110px);line-height:.95;letter-spacing:-.06em}.hero-future .eyebrow{margin-bottom:18px}.hero-future p{font-size:clamp(22px,2.1vw,30px);margin:24px 0}.hero-future .heroimage{position:relative;height:100%;aspect-ratio:auto;width:124%;margin-left:-17%;align-self:start;z-index:0;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 97%,transparent 100%)}.hero-future .heroimage img{object-fit:contain;object-position:center top}.hero-future .actions{gap:14px}.hero-future .button,.hero-future .textlink{padding:12px 21px}.ribbon{padding:16px 5%;font-size:12px;letter-spacing:1.5px}
@media(max-width:1000px) and (min-width:761px){.hero-future h1{font-size:7.2vw}.hero-future{height:460px}.hero-future .actions{gap:8px}.hero-future .button,.hero-future .textlink{font-size:13px;padding:10px 14px}}
@media(max-width:760px){.hero-future{height:auto;display:flex;padding:22px 6% 0}.hero-future .herocopy{padding-bottom:0}.hero-future h1{font-size:clamp(48px,11.8vw,78px);line-height:.98}.hero-future p{font-size:22px;margin:20px 0}.hero-future .heroimage{height:auto;aspect-ratio:3/2;width:112%;margin:8px -6% 0}.ribbon{gap:10px;padding:15px 5%;flex-wrap:wrap;justify-content:center;font-size:10px;text-align:center}header nav{gap:12px}.brand img{height:64px;width:56px}}

/* Content must determine hero height, including zoomed text. */
.hero-future{height:auto;min-height:clamp(460px,40vw,590px);overflow:visible;align-items:center}.hero-future .herocopy{min-width:0;padding-top:22px;padding-bottom:28px}.hero-future h1{font-size:clamp(52px,6.3vw,94px);overflow-wrap:normal}.hero-future .heroimage{height:auto;aspect-ratio:3/2;align-self:center;max-height:none;overflow:hidden}.hero-future .actions{position:relative;z-index:3}.ribbon{position:relative;clear:both}
@media(min-width:761px){.hero-future .herocopy{container-type:inline-size}.hero-future h1{font-size:clamp(48px,17cqi,94px)}}
@media(max-width:760px){.hero-future{min-height:0;height:auto}.hero-future .herocopy{padding-top:0;padding-bottom:12px}.hero-future h1{font-size:clamp(46px,11vw,76px)}}

/* Match the supplied compact layout: top-aligned copy and raised artwork. */
.hero-future{min-height:0;align-items:start;grid-template-columns:46% 54%}
.hero-future .herocopy{align-self:start;padding-top:18px;padding-bottom:26px}
.hero-future h1{font-size:clamp(42px,16cqi,102px);line-height:.95;margin-top:0}
.hero-future h1 span{display:block;white-space:nowrap}
.hero-future .heroimage{align-self:start;aspect-ratio:1.8;width:131%;margin-left:-24%}
.hero-future .heroimage img{object-fit:fill}
.hero-future p{margin:22px 0}
@media(max-width:760px){.hero-future .herocopy{align-self:stretch;padding-top:0;container-type:inline-size}.hero-future h1{font-size:16cqi}.hero-future .heroimage{width:112%;margin:0 -6%;aspect-ratio:1.8}.hero-future p{margin:20px 0}}

.hero-future .heroimage{aspect-ratio:auto}.hero-future .heroimage img{height:auto;object-fit:contain}

/* Small-screen layout: readable cards and controls without horizontal overflow. */
.services{grid-template-columns:repeat(3,minmax(0,1fr))}.service,.cardtitle h3,.contact>*{min-width:0}
input,select,textarea{min-width:0;max-width:100%}
@media(max-width:1000px){.services{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.services{grid-template-columns:minmax(0,1fr)}.photo img{height:auto;aspect-ratio:4/3;object-fit:cover}.cardtitle h3{font-size:22px}.service p{font-size:16px}.servicehero h1{font-size:clamp(32px,9vw,46px);overflow-wrap:anywhere}.related a{overflow-wrap:anywhere}header nav>a:not(.button){min-height:44px;display:flex;align-items:center}input,select,textarea{font-size:16px}.wd-article table{display:block;overflow-x:auto}}

.wd-article{max-width:960px}.blog-card h2{font-size:24px;line-height:1.3;letter-spacing:-.03em}.wd-article>section>img{display:block;margin:28px 0;border-radius:6px}.wd-article table{max-width:100%}.wd-article h2{font-size:32px;margin:40px 0 20px}.wd-article h3{margin:25px 0 15px}.wd-article img{max-width:100%;height:auto}.wd-article table{width:100%;border-collapse:collapse}.wd-article td,.wd-article th{padding:12px;border:1px solid var(--line)}.wd-article a{text-decoration:underline}.wd-honey{position:absolute;left:-10000px}.wd-status{padding:16px;border:1px solid var(--purple)}@media(max-width:650px){header nav{width:100%;justify-content:space-between}header nav>a:not(.button){display:block;font-size:14px}header nav{gap:10px;flex-wrap:wrap}}