/* September direction preview. Local only until client approval. */
:root { --sek: clamp(90px,10vw,160px); --max: 1560px; --pad: clamp(24px,4.6vw,88px); }
.d2 { font-weight: 400; letter-spacing: -.055em; font-size: clamp(44px,5.4vw,82px); line-height: 1.04; }
.mk::before { height: 1px; bottom: -.03em; }
.oz { font-size: 10px; letter-spacing: .13em; }
.nav { border-bottom: 1px solid #12110b12; }
.nav--tlo { background: #faf7f5ed; backdrop-filter: blur(16px); }
.hero-title-block { left: var(--pad); top: 24%; width: 88%; }
.hero--landscape .d1 { max-width: 22ch; font-size: clamp(60px,7.3vw,116px); line-height: .99; font-weight: 400; }
.hero--landscape .hero-eyebrow { margin-bottom: 32px; }
.hero-intro-note { right: var(--pad); bottom: 13%; width: 290px; }
.hero--landscape .hero-work-link { box-shadow: none; padding: 17px 26px; }
.hero--landscape .hero-z-p { filter: contrast(1.5); }
.hero--landscape.tece { height: 195svh; }
.izj { height: 135svh; }
.izj-t { font-size: clamp(36px,4.9vw,74px); font-weight: 400; line-height: 1.18; }
.izj .doo { display: none; }
.icbl { padding-block: 60px; border-block: 1px solid var(--linija); }
.icbl-znak { border-radius: 24px; box-shadow: none; background: transparent; min-height: 170px; }
.icbl-kopija h2 { font-size: clamp(30px,3.2vw,48px); }
.work-editorial .rd-g { align-items: end; border: 0; padding-bottom: 10px; }
.work-editorial .wk-r:first-child { grid-template-columns: 1fr 1fr; gap: 64px 32px; }
.work-editorial .wk-r:first-child .wk-k:first-child { grid-column: 1 / -1; grid-row: auto; }
.work-editorial .wk-r:first-child .wk-k:first-child .wk-o { aspect-ratio: 1.85; }
.work-editorial .wk-r:first-child .wk-k:not(:first-child) .wk-o { aspect-ratio: 1.4; }
.work-editorial .wk-o,.work-editorial a.wk-k:hover .wk-o { border: 1px solid #ded9d1; border-radius: 22px; box-shadow: none; padding: clamp(16px,2.6vw,40px); background: #eeeae4; display: flex; align-items: center; justify-content: center; }
.work-editorial .wk-o img { width: 100%; height: 100%; object-fit: contain; object-position: center !important; border-radius: 7px; transform: none; }
.work-editorial a.wk-k:hover .wk-o img { transform: none; filter: none; }
.work-editorial .wk-r:first-child .wk-k:first-child .wk-t { grid-template-columns: 1fr 1fr; align-items: baseline; }
.work-editorial .wk-r:first-child .wk-k:first-child .wk-t b { font-size: 40px; grid-row: 1 / 3; }
.work-editorial .wk-t b { font-weight: 400; letter-spacing: -.035em; }
.work-editorial .wk-t em { color: #69665e; }
.work-editorial .wk-r:not(:first-child) { gap: 32px; padding-top: 36px; border-top: 1px solid var(--linija); }
.work-editorial .wk { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 64px 32px; }
.work-editorial .wk-r { display: contents; }
@media(max-width:700px) {
 .work-editorial .wk { grid-template-columns: 1fr; gap: 40px; }
 .work-editorial .wk-o { padding: 14px; border-radius: 16px; }
}
.gsa { border-radius: 36px; }
.gsa-home .gsa-home-eu { width: min(100%,500px); align-self: center; margin-bottom: 56px; }
.gsa-home-heading { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }
.gsa-home-heading > img { width: 80px; height: 96px; object-fit: contain; }
.gsa-home-heading h2 { font: 400 clamp(36px,5vw,72px)/1.1 var(--display); letter-spacing: -.045em; }
.gsa-home-heading .dug { margin-left: auto; }
.gsa-home-brands { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; list-style: none; margin-top: 40px; }
.gsa-home-brands li { display: grid; place-items: center; padding: 28px; min-height: 130px; border-radius: 24px; background: #fff9; }
.gsa-home-brands img { max-width: 100%; width: 140px; height: 65px; object-fit: contain; }
.gsa-home-mrcafe { filter: invert(1); }
.gsa-home-companies { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; list-style: none; margin-top: 30px; font-size: 14px; }
@media(max-width:700px) { .gsa-home-brands { grid-template-columns: 1fr 1fr; gap: 12px; } .gsa-home-heading { gap: 20px; } .gsa-home-heading .dug { margin-left: 0; } .gsa-home-companies { grid-template-columns: 1fr; gap: 16px; } }
.gsa > .u { display: flex; flex-direction: column; }
.gsa-vrh { order: -3; }
.gsa-showcase { order: -1; }
.gsa-glavno { order: 0; }
.gsa-film-title { order: -2; font: 400 clamp(56px,8vw,120px)/1 var(--display); letter-spacing: -.06em; margin-top: 48px; }
.gsa-pecat,.gsa-stub,.gsa-stub + .gsa-stub,.gsa-eu,.gsa-showcase-image { box-shadow: none; border-radius: 26px; }
.gsa .gsa-eu { order: -5; margin: 0 0 48px; padding: clamp(24px,3vw,44px); grid-template-columns: 1fr 1fr; gap: 48px; background: #fff; }
.gsa .gsa-eu h3 { max-width: 22ch; font-size: clamp(25px,2.5vw,38px); }
.gsa-mandat { order: -2; padding-block: 36px 16px; }
.gsa-mandat h3 { font: 400 clamp(32px,4vw,58px)/1.08 var(--display); letter-spacing: -.04em; margin-top: 22px; }
.gsa-mandat > p:last-of-type { max-width: 70ch; font-size: 17px; line-height: 1.7; margin-top: 24px; }
@media(max-width:700px) { .gsa .gsa-eu { grid-template-columns: 1fr; gap: 26px; } }
.gsa-pecat-logo { filter: none; }
.gsa-showcase { grid-template-columns: 1.4fr 1fr; gap: 48px; }
.gsa-showcase figure:last-child { padding-top: 100px; }
.gsa-showcase figcaption b { font-family: var(--display); }
.gd { height: 110svh; }
.process-editorial { display: grid; grid-template-columns: .9fr 1.1fr; column-gap: 8vw; padding-inline: var(--pad); }
.process-editorial .hz-g { position: sticky; top: 130px; align-self: start; padding: 0; margin: 0; }
.process-editorial .hz-red { display: block; }
.process-editorial .hz-g .d2 { font-size: clamp(44px,5vw,76px); margin-top: 24px; }
.process-editorial .hz-g .vod { max-width: 34ch; margin-top: 26px; font-size: 16px; }
.process-editorial .hz-t { display: block; padding: 0; width: 100%; }
.process-editorial .hz-k { display: grid; grid-template-columns: 58px 1fr; gap: 20px; border: 0; border-top: 1px solid #ffffff30; border-radius: 0; background: transparent; box-shadow: none; padding: 38px 0; }
.process-editorial .hz-f { position: relative; aspect-ratio: auto; border: 0; overflow: visible; background: transparent; }
.process-editorial .hz-f img { display: none; }
.process-editorial .hz-f::before,.process-editorial .hz-f::after { display: none; }
.process-editorial .hz-b { position: static; font: 12px/1.6 var(--mono); color: var(--zar); text-shadow: none; }
.process-editorial .hz-c { padding: 0; }
.process-editorial .hz-k h3 { font-size: 32px; letter-spacing: -.035em; }
.process-editorial .hz-k p { font-size: 15px; max-width: 42ch; }
.process-editorial .hz-k .kut { border: 0; color: #8f9188; padding: 0; }
.process-editorial .hz-k--kraj { display: block; padding: 38px; margin-top: 28px; background: var(--zar); border-radius: 26px; }
.process-editorial .hz-k--kraj .kut { padding: 16px 20px; color: white; }
.zp-d { box-shadow: none; overflow: hidden; border-radius: 26px; }
.zp-z,.zp-p { border-radius: 18px; }
.services-editorial .tk-sadrzaj { display: block; }
.services-heading { margin-bottom: 72px; grid-template-columns: 1.45fr .55fr; gap: 32px; }
.services-heading .d2 { max-width: 22ch; font-size: clamp(44px,4.8vw,74px); }
.agency-feature { display: grid; grid-template-columns: 1.4fr 1fr; margin: 64px 0 100px; background: #eae4d8; overflow: hidden; }
.agency-feature-media { display: grid; place-items: center; min-width: 0; background: #f8f7f3; overflow: hidden; }
.agency-feature-media img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.agency-feature-note { padding: 48px; display: flex; flex-direction: column; align-items: start; gap: 24px; }
.agency-feature-note h3 { font: 400 clamp(44px,5.4vw,82px)/.98 var(--display); letter-spacing: -.055em; }
.agency-feature-note p { font-size: 15px; line-height: 1.6; }
.agency-feature-note > img { width: 100%; height: 160px; object-fit: cover; margin-top: 12px; }
.agency-feature-link { display: flex; gap: 44px; align-items: center; border-bottom: 1px solid #12110b55; padding-bottom: 10px; font-size: 13px; }
.agency-feature-link > span { transition: transform .3s; }
.agency-feature:hover .agency-feature-link > span { transform: translate(3px,-3px); }
.agency-feature:focus-visible { outline: 3px solid var(--zar); outline-offset: 6px; }
.services-editorial .tk-u,.services-editorial .tk-u:last-child { display: grid; grid-template-columns: 56px 1fr 1fr 180px; gap: 18px 28px; border-top: 1px solid var(--linija); border-bottom: 0; padding: 34px 0; align-items: start; }
.services-editorial .tk-u .tk-br,.services-editorial .tk-u:last-child .tk-br { position: static; grid-column: 1; grid-row: 1; background: none; padding: 10px 0 0; border-radius: 0; }
.services-editorial .tk-br span { display: none; }
.services-editorial .tk-u h3,.services-editorial .tk-u:last-child h3 { grid-column: 2; grid-row: 1; font-size: clamp(34px,3.5vw,54px); font-weight: 400; margin: 0; }
.services-editorial .tk-u .tk-v,.services-editorial .tk-u:last-child .tk-v { grid-column: 3; grid-row: 1; font-size: 14px; margin: 6px 0 0; }
.services-editorial .tk-u .tk-p,.services-editorial .tk-u:last-child .tk-p { grid-column: 3; grid-row: 2; gap: 5px 14px; }
.services-editorial .tk-p li { border: 0; padding: 0; color: #716d64; }
.services-editorial .tk-u .service-image,.services-editorial .tk-u:last-child .service-image { grid-column: 4; grid-row: 1 / 3; width: 100%; height: 130px; aspect-ratio: auto; border: 0; border-radius: 18px; box-shadow: none; margin: 0; }
.pst-l li { background: none; padding-inline: 0; }
.pst-l b,.inv-br div b { text-shadow: none; }
.vn-r { background: none; border-radius: 0; padding-inline: 0; }
.team-editorial .tm-f { border: 0; border-radius: 22px; box-shadow: none; overflow: hidden; }
.team-editorial .tm-k { border-top: 1px solid var(--linija); padding-top: 28px; }
.dug,.inv-d { box-shadow: none; }
@media(max-width:1000px) {
 .services-editorial .tk-u,.services-editorial .tk-u:last-child { grid-template-columns: 36px 1fr 1fr; }
 .services-editorial .tk-u .service-image,.services-editorial .tk-u:last-child .service-image { display: none; }
 .process-editorial { gap: 40px; }
}
@media(max-width:700px) {
 .izj-lj > .u { width: 100%; min-width: 0; }
 .izj-t { font-size: clamp(30px,8.4vw,44px); overflow-wrap: anywhere; }
 .inv-vrh > *, .vp-vrh > *, .team-heading > * { min-width: 0; }
 .d2 { overflow-wrap: anywhere; }
 .mk { white-space: normal; }
 .d2 { font-size: clamp(38px,10vw,54px); }
 .hero-title-block { top: 21%; width: calc(100% - 48px); }
 .hero--landscape .d1 { font-size: clamp(43px,11.5vw,72px); max-width: 16ch; line-height: 1.04; }
 .hero-intro-note { width: 75%; bottom: 15%; }
 .hero--landscape.tece { height: 185svh; }
 .hero--landscape .hero-eyebrow { margin-bottom: 22px; }
 .work-editorial .wk-r:first-child { grid-template-columns: 1fr; gap: 40px; }
 .work-editorial .wk-r:first-child .wk-k:first-child .wk-o { aspect-ratio: 1.25; }
 .work-editorial .wk-r:first-child .wk-k:first-child .wk-t { display: grid; grid-template-columns: 1fr; }
 .work-editorial .wk-r:first-child .wk-k:first-child .wk-t b { grid-row: auto; font-size: 32px; }
 .gsa-showcase { grid-template-columns: 1fr; }
 .gsa-showcase figure:last-child { padding: 0; }
 .process-editorial { display: block; }
 .process-editorial .hz-g { position: static; margin-bottom: 50px; }
 .process-editorial .hz-k { grid-template-columns: 34px 1fr; gap: 14px; }
 .process-editorial .hz-k h3 { font-size: 27px; }
 .process-editorial .hz-k--kraj { display: block; padding: 28px; }
 .services-heading { margin-bottom: 40px; }
 .services-heading { grid-template-columns: 1fr; }
 .services-heading .d2 { font-size: clamp(38px,10vw,54px); }
 .agency-feature { grid-template-columns: 1fr; margin-block: 40px 64px; }
 .agency-feature-media { aspect-ratio: 1.2; }
 .agency-feature-note { padding: 28px; gap: 20px; }
 .agency-feature-note h3 { font-size: 52px; }
 .agency-feature-note > img { height: 150px; }
 .services-editorial .tk-u,.services-editorial .tk-u:last-child { grid-template-columns: 30px 1fr; gap: 18px; }
 .services-editorial .tk-u h3 { font-size: 38px; }
 .services-editorial .tk-u .tk-v,.services-editorial .tk-u:last-child .tk-v { grid-column: 2; grid-row: 2; }
 .services-editorial .tk-u .tk-p,.services-editorial .tk-u:last-child .tk-p { grid-column: 2; grid-row: 3; }
}