/*
Theme Name: Imbir Media
Theme URI: https://imbir.media/
Author: IMBIR MEDIA
Description: Lekka, mobilna strona portfolio IMBIR MEDIA.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: imbir-media
*/
:root{--cream:#fbf6ed;--paper:#fffdf9;--ink:#29231f;--muted:#71645b;--spice:#bc4e32;--spice-dark:#963b26;--peach:#f0c6a3;--line:#e8dfd2;--olive:#536347;--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--wrap:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit}button{font:inherit}.wrap{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:1rem;background:#fff;padding:1rem;z-index:200}.skip-link:focus{left:1rem}.topline{background:var(--ink);color:#fff;padding:.45rem 20px;text-align:center;font-size:.82rem;letter-spacing:.04em}.topline a{text-decoration:none}.site-header{position:sticky;top:0;z-index:30;background:rgba(251,246,237,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(41,35,31,.09)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:inline-flex;align-items:center;gap:.72rem;text-decoration:none;font-weight:750;letter-spacing:.045em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--spice);color:white;border-radius:50% 50% 50% 12%;font-family:var(--serif);font-size:1.15rem}.brand small{display:block;font-weight:500;color:var(--muted);font-size:.66rem;letter-spacing:.22em;margin-top:-.28rem}.nav-links{display:flex;align-items:center;gap:1.6rem}.nav-links a{text-decoration:none;color:#4e443d;font-size:.93rem}.nav-links a:hover{color:var(--spice-dark)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid var(--spice);border-radius:999px;background:var(--spice);color:#fff;text-decoration:none;padding:.86rem 1.35rem;font-weight:650;transition:transform .2s,background .2s,box-shadow .2s;box-shadow:0 8px 20px rgba(188,78,50,.14)}.button:hover{background:var(--spice-dark);transform:translateY(-2px);box-shadow:0 12px 24px rgba(188,78,50,.2)}.button-ghost{background:transparent;color:var(--ink);border-color:var(--line);box-shadow:none}.button-ghost:hover{background:#fff;color:var(--spice-dark);border-color:var(--spice)}.eyebrow{display:flex;align-items:center;gap:.65rem;color:var(--spice-dark);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;font-weight:750}.eyebrow:before{content:'';width:28px;height:1px;background:currentColor}.hero{padding:clamp(48px,8vw,105px) 0 70px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:clamp(30px,6vw,90px)}.hero h1{font:400 clamp(3.2rem,7vw,6.7rem)/.97 var(--serif);letter-spacing:-.055em;margin:1.1rem 0 1.35rem;max-width:760px}.hero h1 em{color:var(--spice);font-weight:400}.hero-lead{max-width:580px;color:#5f554d;font-size:clamp(1.05rem,1.7vw,1.25rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.hero-note{margin-top:1.2rem;color:var(--muted);font-size:.88rem}.hero-visual{position:relative;min-height:490px;display:grid;place-items:center}.hero-shape{position:absolute;width:min(88%,490px);aspect-ratio:1;border-radius:47% 53% 42% 58%/44% 40% 60% 56%;background:var(--peach);transform:rotate(-8deg)}.hero-photo{position:relative;z-index:1;width:min(77%,390px);height:min(510px,66vw);min-height:360px;object-fit:cover;object-position:center 25%;border-radius:44% 44% 25px 25px;box-shadow:0 24px 60px rgba(41,35,31,.16)}.hero-stamp{position:absolute;z-index:2;right:1%;bottom:8%;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--olive);color:white;font:1rem/1.18 var(--serif);transform:rotate(9deg);box-shadow:0 10px 25px #0002}.hero-stamp b{font-size:1.4rem;display:block}.section{padding:clamp(66px,9vw,120px) 0}.section-head{max-width:730px;margin-bottom:2.6rem}.section h2{font:400 clamp(2.4rem,5vw,4.4rem)/1.05 var(--serif);letter-spacing:-.04em;margin:.6rem 0 1rem}.section-intro{max-width:650px;color:var(--muted);font-size:1.05rem}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(35px,8vw,120px);align-items:start}.about-note{background:#f2e8da;border-radius:26px;padding:1.8rem;position:sticky;top:112px}.about-note strong{font:400 1.7rem/1.2 var(--serif);display:block}.about-note p{color:#65594f;margin-bottom:0}.about-copy p:first-child{margin-top:0}.text-link{color:var(--spice-dark);font-weight:700;text-underline-offset:4px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:1.55rem;min-height:195px}.service-number{font:1rem var(--serif);color:var(--spice)}.service-card h3{font:400 1.55rem/1.15 var(--serif);margin:.75rem 0}.service-card p{font-size:.96rem;color:var(--muted);margin:0}.section-dark{background:#2d2925;color:#fff}.section-dark .eyebrow{color:#f3b789}.section-dark .section-intro{color:#d3c8bd}.portfolio-section{background:#f2e8da}.filter-row{display:flex;flex-wrap:wrap;gap:.55rem;margin:2rem 0}.filter-button{border:1px solid #d8c9b8;background:transparent;border-radius:999px;padding:.65rem 1rem;color:#4e443d;cursor:pointer;font-size:.9rem}.filter-button[aria-pressed=true],.filter-button:hover{background:var(--ink);border-color:var(--ink);color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.work-card{min-width:0}.work-link{display:block;position:relative;overflow:hidden;aspect-ratio:4/5;border-radius:18px;background:#ded1c0;text-decoration:none}.work-link img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.work-link:hover img{transform:scale(1.045)}.work-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:1rem;color:#fff;background:linear-gradient(transparent 42%,rgba(20,16,14,.7));opacity:.96}.play-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:rgba(255,253,249,.92);color:var(--spice-dark);font-size:1.05rem;box-shadow:0 6px 24px #0002}.work-caption{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.72rem .15rem 0}.work-caption strong{font-size:.92rem}.work-caption span{font-size:.78rem;color:var(--muted)}.ig-note{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.2rem 1.4rem;margin-top:2rem;background:rgba(255,255,255,.57);border:1px solid #e5d8c8;border-radius:18px}.ig-note p{margin:0;color:#5f554d}.karo-cta{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(28px,6vw,86px);align-items:center;background:#f2e8da;border-radius:34px;padding:clamp(22px,5vw,64px)}.karo-photo-wrap{position:relative;max-width:350px}.karo-photo-wrap img{aspect-ratio:4/5;object-fit:cover;object-position:center 22%;border-radius:48% 48% 20px 20px}.speech{position:absolute;top:9%;right:-23%;max-width:220px;background:#fffdf9;padding:.95rem 1.15rem;border-radius:20px 20px 4px 20px;box-shadow:0 10px 30px #39271c18;font-weight:650;animation:float 4s ease-in-out infinite}.speech:after{content:'';position:absolute;right:16px;bottom:-9px;border-width:10px 0 0 12px;border-style:solid;border-color:transparent transparent transparent #fffdf9}.karo-copy h2{font:400 clamp(2.5rem,5vw,4.5rem)/1 var(--serif);letter-spacing:-.04em;margin:.55rem 0 1.15rem}.karo-copy p{color:#62564e;max-width:540px}.contact-strip{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.7rem}.contact-strip .button{min-width:190px}.instagram-link{font-weight:700;color:var(--ink);text-decoration-thickness:1px;text-underline-offset:5px}.site-footer{padding:34px 0 90px;color:#6f6258;border-top:1px solid var(--line);font-size:.9rem}.footer-row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.floating-karo{position:fixed;z-index:40;right:20px;bottom:20px;display:flex;align-items:center;gap:10px;max-width:min(360px,calc(100vw - 30px));text-decoration:none}.floating-karo img{width:62px;height:62px;object-fit:cover;object-position:center 20%;border-radius:50%;border:3px solid #fff;box-shadow:0 8px 24px #0003}.floating-copy{background:#fffdf9;border:1px solid var(--line);border-radius:18px 18px 4px 18px;padding:.7rem .95rem;box-shadow:0 8px 25px #0002;color:var(--ink);font-size:.83rem;line-height:1.35;animation:float 4s ease-in-out infinite}.floating-copy strong{display:block;color:var(--spice-dark)}.floating-karo:hover .floating-copy{background:#fff}.mobile-menu{display:none}.notice{color:var(--muted);font-size:.9rem}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:900px){.hero-grid{gap:20px}.hero-visual{min-height:430px}.hero-photo{height:440px}.service-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-links{gap:1rem}.nav-links a{font-size:.85rem}}
@media(max-width:650px){body{font-size:16px}.wrap{width:min(calc(100% - 30px),var(--wrap))}.topline{font-size:.72rem}.nav{min-height:65px}.brand-mark{width:38px;height:38px}.nav-links{display:none}.nav-links.is-open{display:flex;position:absolute;top:64px;left:0;right:0;align-items:stretch;flex-direction:column;gap:0;padding:10px 20px 18px;background:var(--cream);border-bottom:1px solid var(--line);box-shadow:0 14px 18px #0000000d}.nav-links.is-open a{padding:.75rem 0;border-bottom:1px solid var(--line);font-size:1rem}.nav-links.is-open .button{margin-top:.85rem;text-align:center}.mobile-menu{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:1.25rem}.hero{padding:43px 0 55px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(3.25rem,15vw,5.2rem);margin:.8rem 0 1rem}.hero-visual{min-height:380px;margin-top:8px}.hero-photo{height:370px;min-height:330px;width:min(76%,330px)}.hero-stamp{width:92px;height:92px;font-size:.84rem;right:4%;bottom:4%}.hero-stamp b{font-size:1.2rem}.hero-actions .button{flex:1}.hero-note{font-size:.8rem}.section{padding:65px 0}.about-grid{grid-template-columns:1fr;gap:1.5rem}.about-note{position:static}.service-grid{grid-template-columns:1fr}.service-card{min-height:unset;padding:1.3rem}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.work-link{border-radius:14px}.work-caption{display:block}.work-caption span{display:block;margin-top:.12rem}.ig-note{align-items:flex-start;flex-direction:column}.karo-cta{grid-template-columns:1fr;border-radius:25px;padding:22px}.karo-photo-wrap{max-width:270px;margin:0 auto}.speech{right:-9%;max-width:175px;font-size:.88rem}.karo-copy h2{font-size:3rem}.contact-strip{align-items:stretch;flex-direction:column}.contact-strip .button{width:100%}.floating-karo{right:11px;bottom:11px;gap:7px}.floating-karo img{width:53px;height:53px}.floating-copy{padding:.58rem .75rem;font-size:.75rem;max-width:230px}.site-footer{padding-bottom:92px}.footer-row{display:block}.footer-row>*{margin:.25rem 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}