.we-case{--se-bg:#133e43;--se-secondary:#15343e}.we-case .cs-hero-word{font-size:clamp(52px,10.5vw,175px)}.we-case .se-hero-composition>img{height:clamp(340px,51vw,780px)}.we-learning{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;padding:60px var(--pad,clamp(22px,4.5vw,84px));background:#18333e}.we-learning>div{border-top:1px solid #ffffff35;padding-top:23px}.we-learning span{font-size:10px;letter-spacing:.13em;color:#f0cb43}.we-learning h2{font-size:clamp(23px,2.2vw,34px);font-weight:500;line-height:1.15;letter-spacing:-.03em;margin:20px 0 18px}.we-learning p{font-size:15px;line-height:1.7;color:#c0cdcf}.we-case .we-program{padding-block:85px;background:#133e43}.we-program h2{font-size:clamp(42px,5vw,80px);font-weight:500}.we-program-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ffffff30;border-left:1px solid #ffffff30}.we-program-nav a{display:flex;gap:13px;align-items:center;min-height:95px;padding:22px 20px;border-right:1px solid #ffffff30;border-bottom:1px solid #ffffff30;font-size:10px;letter-spacing:.06em;line-height:1.7;text-decoration:none;color:#f5f4ed}.we-program-nav span{color:#f0cb43;font-size:11px}.we-program-nav i{font-size:19px;font-style:normal;margin-left:auto;color:#24c6d9}.we-case .we-session{padding-block:90px;background:#15343e;scroll-margin-top:90px}.we-case .we-session.we-reverse{background:#133e43}.we-session-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(40px,6vw,120px);align-items:center}.we-reverse .we-session-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.we-reverse .we-copy{order:2}.we-reverse .we-photos{order:1}.we-copy{min-width:0}.we-number{display:block;font-size:clamp(60px,7vw,100px);font-weight:500;letter-spacing:-.06em;line-height:1;color:#f0cb43;margin-bottom:30px}.we-copy h2{font-size:clamp(32px,3.2vw,52px);line-height:1.12;font-weight:500;letter-spacing:-.045em;margin:23px 0 28px}.we-copy>p:not(.cs-eyebrow){font-size:16px;line-height:1.85;color:#c0cdcf;margin-bottom:22px}.we-copy .cs-eyebrow{font-size:10px!important;line-height:1.8!important}.we-report{display:flex;gap:25px;justify-content:space-between;align-items:center;width:max-content;max-width:100%;border-bottom:1px solid #24c6d9;padding:13px 0;font-size:12px;color:inherit;text-decoration:none;margin-top:20px}.we-report>span{font-size:20px;color:#24c6d9}.we-photos{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.we-photos figure:first-child{grid-column:1/-1}.we-photos figure:nth-child(2){grid-column:2;position:relative}.we-photos figure:nth-child(2):before{content:'UČIMO.\a RAZGOVARAMO.\a PRIMJENJUJEMO.';white-space:pre;position:absolute;right:calc(100% + 20px);top:50%;transform:translateY(-50%);font-size:clamp(10px,1.1vw,17px);line-height:1.8;letter-spacing:.09em;color:#a6c1c5;width:100%}.we-photos a{display:block;position:relative;background:#102831}.we-photos img{display:block;width:100%;height:auto;filter:none;transform:none}.we-photos a>span{position:absolute;bottom:13px;right:13px;width:33px;height:33px;display:grid;place-items:center;background:#123c43d9;color:#fff;font-size:22px}.we-photos figcaption{font-size:8px;letter-spacing:.12em;color:#adc1c3;margin-top:12px;line-height:1.6}.we-case .cs-outcome h2{font-size:clamp(45px,6.3vw,98px)}.we-case .cs-outcome .cs-tags{align-content:start;margin-top:0}.we-case .cs-contact{background:#24c6d9}.project-card[href$="/iok-zagreb-edukacije-i-radionice"] .project-picture{background:radial-gradient(ellipse at 70% 25%,#2d747b,transparent 65%),#133e43}.project-card[href$="/iok-zagreb-edukacije-i-radionice"] .project-picture>img{object-fit:contain;padding:5%;transform:none}
@media(max-width:800px){.we-case .se-hero-composition>img{height:clamp(300px,67vw,530px)}.we-learning{grid-template-columns:1fr;gap:26px;padding-block:45px}.we-learning h2{font-size:27px;margin:16px 0 13px}.we-program-nav{grid-template-columns:1fr 1fr}.we-program-nav a{padding:18px 12px;min-height:90px;font-size:9px;gap:10px}.we-case .we-program{padding-block:55px}.we-case .we-session{padding-block:55px}.we-session-grid,.we-reverse .we-session-grid{grid-template-columns:1fr;gap:30px}.we-reverse .we-copy{order:0}.we-reverse .we-photos{order:1}.we-copy h2{font-size:clamp(32px,7.5vw,47px)}.we-number{font-size:64px;margin-bottom:25px}.we-copy>p:not(.cs-eyebrow){font-size:15px}.we-photos{gap:16px}.we-photos figure:nth-child(2):before{right:calc(100% + 16px);font-size:10px}.we-case .cs-outcome h2{font-size:clamp(39px,8.5vw,65px)}}