/*
Theme Name: Kraft Consulting
Author: Kraft Consulting
Description: Minimalistička tema s originalnim logom, Kraft paletom, fotografijama i uređivim projektima.
Version: 1.1.1
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kraft-consulting
*/
:root{--paper:#fff;--ink:#000;--body:#4a4a4a;--muted:#686868;--line:#dedede;--accent:#f47c20;--footer:#1b1b1b;--font:"ZT Hakimi",Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:6px}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;height:auto;vertical-align:middle}figure{margin:0}h1,h2,h3,p{margin:0 0 1em}h1,h2,h3{font-weight:400;line-height:1.08;letter-spacing:-.045em;overflow-wrap:anywhere}h1{font-size:clamp(64px,8.8vw,134px)}h2{font-size:clamp(38px,4.2vw,66px)}h3{font-size:25px;letter-spacing:-.025em}p:last-child{margin-bottom:0}.wrap{width:min(1400px,calc(100% - 112px));margin-inline:auto}.section{padding-block:108px}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:108px}.brand{display:block;line-height:1}.brand img{display:block;width:185px;height:auto}.custom-logo{width:auto;max-width:220px;max-height:72px}.menu{display:flex;gap:44px;list-style:none;padding:0;margin:0;font-size:15px}.menu a{padding-block:8px}.menu a[aria-current=page],.current-menu-item>a{border-bottom:2px solid var(--accent)}.menu-toggle{display:none;border:1px solid var(--line);padding:8px 16px;background:#fff}.menu-toggle[hidden]{display:none}.eyebrow{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.12em;line-height:1.5;font-weight:400}.orange-dot{display:inline-block;width:7px;height:7px;margin-right:8px;background:var(--accent);border-radius:50%}.hero{padding-top:42px}.hero-eyebrow{display:flex;justify-content:space-between;margin-bottom:46px}.hero-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.hero h1{max-width:1000px;margin:0 0 20px;font-weight:300}.hero-mark{font-family:Arial,sans-serif;color:var(--accent);font-size:120px;line-height:1;align-self:flex-end;margin-bottom:30px}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:12px 0 38px}.hero-bottom p{max-width:420px;color:var(--body);margin:0}.button{display:inline-flex;gap:50px;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--accent);color:#000;border:1px solid var(--accent);font-size:15px;line-height:1.5}.button:hover{background:#000;color:#fff;border-color:#000;text-decoration:none}.button span{font-family:Arial,sans-serif;font-size:24px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:10px 0;border-bottom:1px solid currentColor;font-size:15px}.text-link span{font-family:Arial,sans-serif}.visual{position:relative}.visual>img{display:block;width:100%;height:auto;object-fit:cover}.visual>figcaption{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.03em;color:var(--muted);margin-top:9px;line-height:1.4}.hero-image>img{aspect-ratio:1.9;object-position:center}.service-strip{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding:28px 0;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.09em;color:var(--body)}.approach{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.approach-image>img{aspect-ratio:1/1;object-fit:cover}.approach-copy h2{margin-top:27px;font-size:clamp(36px,4vw,60px)}.approach-copy .content{color:var(--body);max-width:520px;margin-bottom:30px}.projects-section{background:#f7f7f7}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-heading h2{margin:0}.section-heading .eyebrow{margin-bottom:24px}.concept-intro{display:flex;justify-content:space-between;gap:28px;margin-bottom:28px}.concept-intro>p:first-child{font-size:18px;margin:0}.concept-intro>p:last-child{max-width:410px;font-size:12px;color:var(--body)}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.concept-card .visual>img{aspect-ratio:4/5}.concept-card figcaption{display:none}.project-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px}.project-caption h3{margin:0;font-size:23px}.concept-tag{font-family:Arial,sans-serif;letter-spacing:.07em;font-size:9px;white-space:nowrap;background:#fff;padding:5px 7px;border:1px solid var(--line)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 32px}.project-card a{display:block}.project-image{overflow:hidden;background:#f1f1f1;aspect-ratio:4/3}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.project-card a:hover img{transform:scale(1.025)}.project-meta{font-size:12px;color:var(--muted);margin-top:10px;letter-spacing:.05em}.image-placeholder{height:100%;display:grid;place-items:center;font-size:70px;color:#7a7a7a}.services-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:50px}.services-heading h2{margin:28px 0 0}.services-heading>p{max-width:370px;color:var(--body)}.service-rows>div{display:grid;grid-template-columns:1fr 1fr 40px;align-items:center;gap:30px;padding:29px 0;border-top:1px solid var(--line)}.service-rows>div:last-child{border-bottom:1px solid var(--line)}.service-rows h3,.service-rows p{margin:0}.service-rows p{font-size:15px;color:var(--body)}.service-rows span{font-size:32px;font-family:Arial,sans-serif;color:var(--accent)}.page-intro{padding-top:80px;padding-bottom:50px}.page-intro h1{margin:28px 0}.page-intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px}.lead{max-width:620px;color:var(--body)}.period{color:var(--accent)}.project-list{padding-top:15px}.project-list .concept-card img{aspect-ratio:4/5}.studio-image>img{max-height:650px;aspect-ratio:2/1;object-position:center 55%}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}.about-layout h2{margin:25px 0}.values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding-bottom:100px}.values>div{padding-top:20px;border-top:1px solid var(--line)}.values span{color:var(--muted);font-size:12px}.values h3{font-size:32px;margin:24px 0 18px}.values p{color:var(--body);max-width:300px}.content{overflow-wrap:anywhere}.content p{margin-bottom:1.5em;color:var(--body)}.content h2{font-size:clamp(28px,2.7vw,40px);margin-top:1em}.content h2:first-child{margin-top:0}.content h3{margin-top:1.5em}.content a{text-decoration:underline;text-underline-offset:4px}.content ul,.content ol{padding-left:1.5em}.content table{border-collapse:collapse;width:100%}.content td,.content th{border:1px solid var(--line);padding:12px}.content iframe{max-width:100%}.content pre{overflow:auto}.content blockquote{border-left:2px solid var(--accent);margin:30px 0;padding:10px 30px}.wp-caption-text,.gallery-caption,figcaption{font-size:13px;color:var(--muted)}.wp-block-gallery,.gallery{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px!important}.wp-block-gallery .wp-block-image{width:100%!important;margin:0!important}.wp-block-gallery img,.gallery img{width:100%;height:auto;object-fit:cover}.wp-block-gallery a{display:block}.project-cover img{width:100%;max-height:850px;object-fit:cover}.project-content>p,.project-content>h2,.project-content>h3{max-width:850px}.project-facts{display:flex;gap:70px;flex-wrap:wrap;margin:35px 0}.project-facts dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.project-facts dd{margin:8px 0 0}.contact-banner>img{aspect-ratio:3/1;object-position:center 58%}.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;padding-top:65px}.contact-details>a{display:block;font-size:clamp(18px,2.3vw,32px);margin-top:16px;overflow-wrap:anywhere}.contact-details>p:last-child{margin-top:28px;color:var(--body)}.contact-form{display:grid;gap:10px}.contact-form>label{font-size:14px;margin-top:15px}.contact-form>input,.contact-form>textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #888;border-radius:0;padding:12px 4px;min-height:48px;color:var(--ink)}textarea{resize:vertical}.consent{display:flex;align-items:start;gap:12px}.consent input{margin-top:6px;min-width:18px;min-height:18px;accent-color:var(--ink)}.consent a{text-decoration:underline}.form-help{font-size:12px;color:var(--muted)}.contact-form .button{margin-top:20px}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-notice{padding:20px;border:1px solid var(--ink);margin-bottom:22px}.empty-state{padding:50px 0;border-top:1px solid var(--line);color:var(--muted)}.pagination{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}.page-numbers{padding:8px 15px;border:1px solid var(--line)}.page-numbers.current{background:var(--ink);color:var(--paper)}.site-footer{background:var(--footer);color:#fff}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:80px 0}.footer-top .eyebrow{color:#bdbdbd;margin-bottom:30px}.footer-top h2{font-size:clamp(36px,4.8vw,72px);line-height:1.1;margin:0}.round-link{display:grid;place-items:center;background:var(--accent);color:#000;border-radius:50%;height:100px;width:100px;flex-shrink:0;font-size:46px;font-family:Arial,sans-serif}.round-link:hover{background:#fff;text-decoration:none}.footer-bottom{border-top:1px solid #494949;padding:28px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#ccc}.lightbox{background:#1b1b1b;color:#fff;border:0;width:96vw;max-width:1440px;max-height:96vh;padding:64px 24px 20px}.lightbox::backdrop{background:#000d}.lightbox>img{display:block;margin:auto;max-width:100%;max-height:65vh;object-fit:contain}.lightbox button{background:transparent;color:white;border:1px solid #aaa;padding:10px 16px;min-height:44px}.lightbox-close{position:absolute;right:20px;top:12px}.lightbox-caption{text-align:center;margin:10px 0;font-size:14px}.lightbox-controls{display:flex;gap:24px;align-items:center;justify-content:center}.skip-link{position:absolute;left:20px;top:-120px;z-index:100;background:white;padding:15px}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #924000;outline-offset:5px}.screen-reader-text{clip-path:inset(50%);height:1px;width:1px;position:absolute;overflow:hidden;white-space:nowrap}.alignright{float:right;margin:0 0 20px 25px}.alignleft{float:left;margin:0 25px 20px 0}.aligncenter{margin-inline:auto}.post-summary{padding:40px 0;border-bottom:1px solid var(--line)}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.section{padding-block:75px}.hero-mark{font-size:90px}.approach{gap:40px}.concept-grid{gap:20px}.project-caption{align-items:start;flex-direction:column;gap:10px}.services-heading{gap:40px}.footer-top{padding-block:65px}.menu{gap:28px}.values{gap:25px}.hero h1{font-size:clamp(62px,9.6vw,98px)}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:90px;flex-wrap:wrap;padding-block:18px;gap:14px}.brand img{width:145px}.menu-toggle:not([hidden]){display:block}#site-nav{width:100%}.menu{flex-direction:column;gap:0}.menu a{display:block;padding:12px 0}body.js #site-nav:not(.is-open){display:none}.hero{padding-top:28px}.hero-eyebrow{margin-bottom:30px}.hero-eyebrow>span:last-child{display:none}.eyebrow{font-size:10px}.hero h1{font-size:clamp(54px,12.5vw,84px);line-height:1.04}.hero-mark{display:none}.hero-bottom{align-items:start;flex-direction:column;gap:20px;margin:15px 0 30px}.hero-bottom p{max-width:340px}.hero-image>img{aspect-ratio:1.1;object-position:64% center}.service-strip{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:24px 0;font-size:9px}.section{padding-block:55px}.approach,.about-layout,.contact-layout{grid-template-columns:1fr;gap:38px}.approach-image>img{aspect-ratio:1.25}.approach-copy h2{font-size:40px}.section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:18px}.concept-intro{flex-direction:column;gap:8px}.concept-grid,.project-grid{grid-template-columns:1fr;gap:35px}.concept-card .visual>img,.project-list .concept-card img{aspect-ratio:4/3}.project-caption{flex-direction:row;align-items:center}.project-caption h3{font-size:24px}.services-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:30px}.services-heading>p{max-width:100%}.services-heading h2{margin-top:20px}.service-rows>div{grid-template-columns:1fr 30px;gap:12px}.service-rows p{grid-column:1;grid-row:2}.service-rows span{grid-column:2;grid-row:1/3}.service-rows h3{font-size:25px}.page-intro{padding-top:45px;padding-bottom:30px}.page-intro h1{font-size:66px;margin:22px 0}.page-intro-bottom{align-items:start;flex-direction:column;gap:22px}.studio-image>img{aspect-ratio:1.15}.values{grid-template-columns:1fr;padding-bottom:55px;gap:24px}.values h3{margin-top:15px}.values p{max-width:100%}.project-facts{gap:25px}.wp-block-gallery,.gallery{grid-template-columns:1fr}.contact-banner>img{aspect-ratio:1.6}.contact-layout{padding-top:35px}.contact-details>a{font-size:25px}.footer-top{padding:50px 0;align-items:end}.footer-top h2{font-size:36px}.round-link{width:58px;height:58px;font-size:30px}.footer-bottom{flex-direction:column;gap:8px}.lightbox{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@font-face{font-family:"ZT Hakimi";src:url("assets/fonts/ZTHakimi-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:"ZT Hakimi";src:url("assets/fonts/ZTHakimi-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"ZT Hakimi";src:url("assets/fonts/ZTHakimi-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:"ZT Hakimi";src:url("assets/fonts/ZTHakimi-DemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:"ZT Hakimi";src:url("assets/fonts/ZTHakimi-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:"ZT Hakimi";src:url("assets/fonts/ZTHakimi-Italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap;}