/*
Theme Name: MiniLab Modern
Theme URI: https://minilab.io
Author: MiniLab
Description: Moderni portfolio i tehnički blog Jasmina Halilovića.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: minilab-modern
*/
:root{--ink:#111310;--paper:#f1f0e9;--lime:#c8ff3d;--orange:#ff6846;--muted:#686b63;--line:#c9c9bf;--dark:#171a16;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(241,240,233,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;gap:36px}.brand{font-size:1.45rem;font-weight:900;letter-spacing:-.07em;text-transform:uppercase}.brand:before{content:"";display:inline-block;width:10px;height:10px;background:var(--orange);border-radius:50%;margin-right:9px}.brand span{font-weight:400}.primary-navigation{margin-left:auto}.primary-menu{display:flex;align-items:center;gap:3px;list-style:none;margin:0;padding:0}.primary-menu li{position:relative}.primary-menu>li>a{display:block;padding:9px 13px;font-size:.76rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.primary-menu>li>a:hover{background:var(--ink);color:var(--paper)}.primary-menu .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;list-style:none;padding:8px;margin:0;background:var(--ink);color:var(--paper)}.primary-menu li:hover>.sub-menu,.primary-menu li:focus-within>.sub-menu{display:block}.primary-menu .sub-menu a{display:block;padding:8px 10px}.menu-toggle{display:none;margin-left:auto;background:var(--ink);border:0;color:#fff;padding:9px 12px;font:inherit;font-weight:800}.hero{padding:90px 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.eyebrow i{display:block;width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(255,104,70,.15)}.hero-kicker{margin:32px 0 8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.hero h1{font-size:clamp(4.6rem,10.5vw,9.4rem);line-height:.76;letter-spacing:-.09em;margin:28px 0 44px;text-transform:uppercase}.hero h1 span{color:transparent;-webkit-text-stroke:2px var(--ink)}.hero-lead{max-width:750px;font-size:clamp(1.08rem,1.6vw,1.35rem);line-height:1.5}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.btn{display:inline-flex;justify-content:space-between;gap:35px;min-width:215px;padding:15px 17px;border:1px solid var(--ink);font-size:.77rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--orange);border-color:var(--orange)}.btn-secondary:hover{background:var(--lime)}.terminal-card{background:var(--dark);color:#d9ded1;border-radius:3px;box-shadow:18px 18px 0 var(--lime);transform:rotate(1.5deg)}.terminal-top{height:43px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid #363a34}.terminal-top span{width:9px;height:9px;border-radius:50%;background:#4d5249}.terminal-top span:first-child{background:var(--orange)}.terminal-top span:nth-child(2){background:#f5cc52}.terminal-top span:nth-child(3){background:var(--lime)}.terminal-top small{margin-left:auto;color:#858a80}.terminal-body{padding:27px;font:14px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.terminal-body p{color:#777e72;margin:14px 0 1px}.terminal-body b{color:var(--lime)}.terminal-body ul{list-style:none;padding:0;margin:12px 0}.terminal-body li{padding:9px 0;border-bottom:1px dashed #353a32}.terminal-body li span{color:#687064;margin-right:12px}.terminal-body .accent{color:var(--lime)}.hero-marquee{margin-top:95px;background:var(--lime);border-block:1px solid var(--ink);overflow:hidden;white-space:nowrap;transform:rotate(-1deg) scale(1.01)}.hero-marquee span{display:block;width:max-content;padding:12px 0;font-size:.74rem;font-weight:900;letter-spacing:.16em;animation:marquee 30s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:115px 0;border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:260px 1fr;gap:80px}.section-label{font-size:.72rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.section-label span{color:var(--orange);margin-right:12px}.intro-copy h2,.expertise-head h2,.blog-head h2,.contact h2{font-size:clamp(3rem,6vw,6rem);line-height:.95;letter-spacing:-.07em;margin:0 0 46px;text-transform:uppercase}.intro-copy h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;text-transform:none}.intro-copy>p{font-size:1.14rem;max-width:850px}.quick-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:58px}.quick-facts div{background:var(--paper);padding:26px}.quick-facts strong{display:block;font-size:2.8rem;line-height:1;letter-spacing:-.07em}.quick-facts span{font-size:.73rem;text-transform:uppercase;color:var(--muted)}.expertise{background:var(--dark);color:#f4f5ee}.expertise .section-label{color:#f4f5ee}.expertise-head{display:grid;grid-template-columns:1fr 380px;align-items:end;gap:60px;margin:55px 0}.expertise-head h2{margin:0}.expertise-head p{color:#9ea398}.service{display:grid;grid-template-columns:70px 1fr 50px;gap:25px;padding:32px 0;border-top:1px solid #3a3e37;align-items:start;transition:.2s}.service:hover{padding-left:16px;background:#1e221c}.service-num{color:var(--lime);font:13px ui-monospace,monospace}.service h3{font-size:clamp(1.45rem,2.6vw,2.4rem);line-height:1.1;margin:0 0 10px;letter-spacing:-.04em}.service p{color:#afb4aa;max-width:730px;margin:0 0 13px}.service small{color:var(--lime);font:11px ui-monospace,monospace;text-transform:uppercase}.service-arrow{font-size:1.5rem}.timeline article{display:grid;grid-template-columns:170px 1fr;gap:35px;padding:0 0 55px 35px;border-left:1px solid var(--ink);position:relative}.timeline article:before{content:"";position:absolute;left:-6px;top:6px;width:11px;height:11px;border-radius:50%;background:var(--orange)}.timeline-date{font:12px ui-monospace,monospace;text-transform:uppercase}.timeline h3{font-size:2rem;line-height:1;margin:0 0 8px;letter-spacing:-.04em}.timeline .role{color:var(--orange);font-weight:800}.timeline p{color:var(--muted);max-width:700px}.projects .section-label{margin-bottom:50px}.project-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.project{border:1px solid var(--ink);background:#e8e6dc}.project-featured{grid-row:span 2}.project-visual{min-height:250px;position:relative;overflow:hidden;background:#d6d3c5;border-bottom:1px solid var(--ink)}.project-featured .project-visual{min-height:520px}.project-copy{padding:25px}.project-copy small{font:11px ui-monospace,monospace;color:var(--orange);text-transform:uppercase}.project-copy h3{font-size:1.7rem;line-height:1.1;margin:12px 0}.project-copy p{color:var(--muted);margin-bottom:0}.homelab-visual{background:var(--lime);display:grid;place-items:center}.homelab-visual>span{position:absolute;top:18px;left:18px;font:11px ui-monospace,monospace}.rack{width:55%;padding:22px;background:var(--dark);box-shadow:15px 15px 0 var(--orange);transform:perspective(500px) rotateY(-8deg)}.rack i{display:block;height:58px;margin:9px;background:repeating-linear-gradient(90deg,#2b3028 0 8px,#151814 8px 14px);border:1px solid #50564b;position:relative}.rack i:after{content:"";position:absolute;right:9px;top:22px;width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:-13px 0 var(--orange)}.network-visual{background:var(--orange)}.nodes i{position:absolute;width:18px;height:18px;background:var(--ink);border-radius:50%}.nodes i:nth-child(1){left:15%;top:22%}.nodes i:nth-child(2){left:62%;top:17%}.nodes i:nth-child(3){left:42%;top:55%}.nodes i:nth-child(4){left:80%;top:70%}.nodes i:nth-child(5){left:14%;top:78%}.network-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(27deg,transparent 49%,var(--ink) 49.5% 50%,transparent 50.5%),linear-gradient(155deg,transparent 49%,var(--ink) 49.5% 50%,transparent 50.5%);opacity:.4}.backup-visual{display:grid;place-items:center;background:var(--ink)}.backup-ring{display:grid;place-items:center;width:145px;height:145px;border:12px solid var(--lime);border-right-color:var(--orange);border-radius:50%;color:#fff;font-size:2rem;font-weight:900}.blog-head{display:flex;justify-content:space-between;align-items:end;margin:40px 0}.blog-head h2{margin:0}.blog-head a{font-size:.75rem;font-weight:900;text-transform:uppercase;border-bottom:1px solid}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-card,.note-card{border-top:2px solid var(--ink);padding-top:18px}.post-thumb{aspect-ratio:16/9;display:block;background:#d9d7cd}.post-thumb img{width:100%;height:100%;object-fit:cover}.post-body{padding-top:15px}.meta,.note-card small{font:11px ui-monospace,monospace;text-transform:uppercase;color:var(--orange)}.post-card h3,.note-card h3{font-size:1.45rem;line-height:1.2;margin:11px 0}.post-card p,.note-card p{color:var(--muted)}.note-card>span{float:right;font-size:3rem;line-height:1;color:#d0cfc7;font-weight:900}.contact{background:var(--lime);padding:110px 0 70px}.contact h2{margin:35px 0 65px}.contact h2 em{display:inline-block}.contact-row{display:grid;grid-template-columns:1fr 1fr 1fr;border-block:1px solid var(--ink)}.contact-row>*{margin:0;padding:24px 20px;border-right:1px solid var(--ink);font-size:.9rem;font-weight:800}.contact-row>*:last-child{border:0}.contact-row a{display:flex;justify-content:space-between}.cv-link{display:flex;justify-content:space-between;margin-top:60px;padding:20px 0;border-bottom:3px solid var(--ink);font-size:1.2rem;font-weight:900;text-transform:uppercase}.cv-link span{font:11px ui-monospace,monospace}.site-footer{background:var(--dark);color:#9ca195;padding:35px 0}.footer-row{display:flex;justify-content:space-between;gap:20px;font-size:.75rem;text-transform:uppercase}.content-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:35px;padding:80px 0}.article{max-width:850px}.article h1{font-size:clamp(3rem,6vw,5.5rem);line-height:.95;letter-spacing:-.06em}.article h2{font-size:2rem}.article pre{background:var(--dark);color:#fff;padding:20px;overflow:auto}.sidebar .widget{border-top:2px solid;padding:15px 0;margin-bottom:30px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-marquee span{animation:none}}@media(max-width:900px){.hero-grid,.split,.expertise-head{grid-template-columns:1fr}.terminal-card{max-width:540px}.split{gap:45px}.project-grid{grid-template-columns:1fr 1fr}.project-featured{grid-column:1/-1;grid-row:auto}.grid{grid-template-columns:1fr 1fr}.contact-row{grid-template-columns:1fr}.contact-row>*{border-right:0;border-bottom:1px solid}.content-shell{grid-template-columns:1fr}.sidebar{display:none}}@media(max-width:760px){.wrap{width:min(100% - 30px,var(--max))}.nav{min-height:66px}.menu-toggle{display:inline-flex}.primary-navigation{display:none;position:absolute;top:66px;left:15px;right:15px;background:var(--ink);color:#fff;padding:12px}.primary-navigation.open{display:block}.primary-menu{display:block}.primary-menu>li>a{padding:13px}.primary-menu .sub-menu{display:block;position:static;padding-left:15px}.hero{padding-top:65px}.hero-grid{gap:55px}.hero h1{font-size:clamp(4rem,22vw,6.5rem)}.terminal-card{margin-right:16px}.section{padding:80px 0}.intro-copy h2,.expertise-head h2,.blog-head h2,.contact h2{font-size:clamp(2.7rem,14vw,4.6rem)}.quick-facts,.grid,.project-grid{grid-template-columns:1fr}.service{grid-template-columns:38px 1fr}.service-arrow{display:none}.timeline article{grid-template-columns:1fr;padding-left:25px}.project-featured{grid-column:auto}.project-featured .project-visual{min-height:340px}.contact{padding-top:80px}.contact-row a{overflow-wrap:anywhere}.cv-link{gap:15px}.footer-row{flex-direction:column}}