*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{max-width:100%;display:block}a{color:inherit}.demo-ribbon{position:fixed;z-index:100;right:14px;bottom:14px;padding:9px 12px;border-radius:99px;background:#151612;color:#fff;font:700 10px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 5px 20px #0003}.demo-ribbon a{margin-left:8px;color:#c9ef49}

/* Mizarstvo Velar — archived 2008-style site */
.old-sever{background:#d8d2c3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M0 0h8v8H0z' fill='%23ded8ca'/%3E%3Cpath d='M0 8L8 0' stroke='%23d2ccbe'/%3E%3C/svg%3E");color:#332b20;font:12px/1.45 Verdana,Arial,sans-serif}.old-sever .shell{width:960px;margin:24px auto;background:#f4f0e7;border:1px solid #8b806b;box-shadow:0 2px 12px #423b2f55}.old-sever header{height:116px;padding:20px 26px;background:linear-gradient(#6c593e,#3f3324);color:#fff;display:flex;justify-content:space-between;align-items:center}.old-sever .logo{font:700 27px Georgia,serif;letter-spacing:.04em}.old-sever .logo small{display:block;margin-top:5px;font:10px Verdana,sans-serif;letter-spacing:.18em;color:#d8c9aa}.old-sever .top-contact{text-align:right;font-size:11px;color:#e5dccb}.old-sever .top-contact b{display:block;font-size:17px}.old-sever nav{background:linear-gradient(#c8b791,#9a8359);border-block:1px solid #6f5c3c}.old-sever nav ul{display:flex;list-style:none;margin:0;padding:0 20px}.old-sever nav a{display:block;padding:12px 19px;border-right:1px solid #806a45;color:#211b13;text-decoration:none;font-weight:bold}.old-sever nav a:hover{background:#dfd2b5}.old-sever .old-hero{height:300px;display:grid;grid-template-columns:2fr 1fr;border-bottom:5px solid #77603c}.old-sever .photo{background:url('../assets/cases/mizarstvo-velar-triptych.webp') left center/300% 100% no-repeat}.old-sever .hero-copy{padding:28px 24px;background:#e9e0cd}.old-sever h1{font:700 27px/1.15 Georgia,serif;color:#5b472b;margin:0 0 14px}.old-sever .hero-copy p{color:#5d5548}.old-sever .more{display:inline-block;margin-top:12px;padding:7px 10px;background:#6a5434;color:#fff;text-decoration:none;border:1px outset #a4916f}.old-sever .content{display:grid;grid-template-columns:220px 1fr;gap:25px;padding:25px}.old-sever aside{background:#e2d8c4;border:1px solid #b8aa8f;padding:14px}.old-sever aside h3,.old-sever main h2{font-family:Georgia,serif;color:#5b472b}.old-sever aside ul{padding-left:18px;line-height:2}.old-sever .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.old-sever .tile{border:1px solid #b3a68d;background:#fff;padding:8px}.old-sever .tile .thumb{height:82px;background:url('../assets/cases/mizarstvo-velar-triptych.webp') center/300% 100% no-repeat}.old-sever .tile:nth-child(1) .thumb{background-position:left}.old-sever .tile:nth-child(3) .thumb{background-position:right}.old-sever footer{padding:18px 25px;background:#493b29;color:#d9cfbd;font-size:10px;text-align:center}

/* Termo Linija — archived 2011-style site */
.old-termo{background:#b7c7d1;color:#243845;font:12px/1.45 Arial,sans-serif}.old-termo .page{width:980px;margin:16px auto;background:#fff;border:1px solid #708d9f;box-shadow:0 0 18px #18384c55}.old-termo header{height:112px;background:linear-gradient(135deg,#0b4b72,#117aa9);color:#fff;padding:18px 24px;display:flex;align-items:center;justify-content:space-between}.old-termo .logo{font-size:30px;font-weight:bold;font-style:italic}.old-termo .logo span{color:#f39b29}.old-termo .slogan{font-size:11px}.old-termo .phone{padding:12px;background:#083954;border:1px solid #4e9ac0;text-align:right}.old-termo .phone b{display:block;font-size:20px;color:#ffd16c}.old-termo nav{background:linear-gradient(#364e5d,#1c303c);border-bottom:4px solid #f39b29}.old-termo nav ul{display:flex;list-style:none;margin:0;padding:0}.old-termo nav a{display:block;padding:13px 20px;color:#fff;text-decoration:none;border-right:1px solid #526874;font-weight:bold}.old-termo .banner{height:268px;position:relative;background:url('../assets/cases/termo-linija-triptych.webp') left center/300% 100% no-repeat}.old-termo .banner-box{position:absolute;left:35px;top:35px;width:345px;padding:20px;background:#fffE;border:1px solid #9cacb6}.old-termo h1{margin:0 0 10px;font-size:28px;color:#0c577f}.old-termo .orange{color:#d96c00}.old-termo .columns{display:grid;grid-template-columns:200px 1fr 215px;gap:18px;padding:22px}.old-termo .sidebox{margin-bottom:14px;border:1px solid #9cb0bc}.old-termo .sidebox h3{margin:0;padding:9px;background:linear-gradient(#eef3f6,#c7d5dd);font-size:13px;color:#0c577f}.old-termo .sidebox div{padding:11px}.old-termo .sidebox ul{padding-left:18px;margin:0;line-height:1.9}.old-termo article h2{margin-top:0;color:#0c577f}.old-termo .service-row{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:12px 0;border-bottom:1px dotted #8da2af}.old-termo .service-row .pic{height:62px;background:url('../assets/cases/termo-linija-triptych.webp') center/300% 100% no-repeat}.old-termo .notice{padding:12px;background:#fff4d5;border:1px solid #e4bd63;color:#6a4a00}.old-termo footer{padding:18px;background:#173747;color:#d4e0e7;text-align:center;font-size:10px}

/* Studio Pika — archived 2014-style site */
.old-pika{background:#ededed;color:#444;font:13px/1.55 'Trebuchet MS',Arial,sans-serif}.old-pika .page{width:1060px;margin:0 auto;background:#fff;box-shadow:0 0 25px #0002}.old-pika .topbar{height:32px;padding:7px 24px;background:#333;color:#ddd;text-align:right;font-size:10px}.old-pika header{height:122px;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;background:#fff}.old-pika .logo{font-size:38px;font-weight:bold;color:#d62a74}.old-pika .logo i{color:#46a1c8}.old-pika .tag{color:#888}.old-pika nav{background:#d62a74}.old-pika nav ul{display:flex;margin:0;padding:0 20px;list-style:none}.old-pika nav a{display:block;padding:15px 22px;color:#fff;text-decoration:none;text-transform:uppercase;font-size:11px;border-right:1px solid #b71b60}.old-pika .slider{height:330px;position:relative;background:url('../assets/cases/studio-pika-triptych.webp') left center/300% 100% no-repeat;border-bottom:8px solid #46a1c8}.old-pika .caption{position:absolute;left:34px;bottom:30px;width:460px;padding:18px;background:#222D;color:#fff}.old-pika .caption h1{font-size:30px;margin:0 0 6px}.old-pika .intro{text-align:center;padding:30px 70px;border-bottom:1px solid #ddd}.old-pika .intro h2{color:#d62a74;margin:0 0 10px}.old-pika .services{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:28px}.old-pika .service{border:1px solid #d4d4d4;background:linear-gradient(#fff,#eee);padding:13px;text-align:center}.old-pika .icon{width:62px;height:62px;margin:0 auto 10px;border-radius:50%;background:#d62a74;color:#fff;display:grid;place-items:center;font-size:25px}.old-pika .service h3{font-size:14px;color:#333}.old-pika .portfolio{padding:24px 28px;background:#f5f5f5}.old-pika .thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.old-pika .thumb{height:120px;background:url('../assets/cases/studio-pika-triptych.webp') center/300% 100% no-repeat;border:5px solid #fff;box-shadow:0 1px 4px #0004}.old-pika .thumb:first-child{background-position:left}.old-pika .thumb:last-child{background-position:right}.old-pika footer{padding:22px;background:#333;color:#bbb;text-align:center;font-size:10px}

/* Mizarstvo Velar — redesigned */
.new-sever{--ink:#28261f;--cream:#eee9dd;--sage:#79816d;background:var(--cream);color:var(--ink);font:16px/1.55 Arial,sans-serif}.new-sever header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #28261f22}.new-sever .brand{font:500 22px Georgia,serif;letter-spacing:.08em}.new-sever nav{display:flex;gap:28px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.new-sever .hero{min-height:740px;display:grid;grid-template-columns:1fr 1.08fr}.new-sever .hero-copy{padding:9vw 7vw 7vw;display:flex;flex-direction:column;justify-content:center}.new-sever .eyebrow,.new-termo .eyebrow{font-size:11px;font-weight:bold;letter-spacing:.15em;text-transform:uppercase}.new-sever h1{font:400 clamp(58px,7vw,108px)/.88 Georgia,serif;letter-spacing:-.055em;margin:24px 0}.new-sever .hero-copy p{font-size:19px;max-width:540px;color:#666256}.new-sever .cta{display:inline-flex;align-self:flex-start;margin-top:22px;padding:14px 20px;border-radius:99px;background:var(--ink);color:#fff;text-decoration:none;font-size:12px}.new-sever .hero-image{margin:24px 24px 24px 0;border-radius:4px;background:url('../assets/cases/mizarstvo-velar-triptych.webp') left center/300% 100% no-repeat}.new-sever .strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #28261f22}.new-sever .strip article{padding:36px 5vw;border-right:1px solid #28261f22}.new-sever .strip article:last-child{border:0}.new-sever .strip span{font:500 27px Georgia,serif}.new-sever .section{padding:120px 6vw}.new-sever .projects{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.new-sever .project-photo{min-height:520px;background:url('../assets/cases/mizarstvo-velar-triptych.webp') center/300% 100% no-repeat}.new-sever .project-photo:last-child{background-position:right}.new-sever .section h2{font:400 clamp(44px,6vw,78px)/.95 Georgia,serif;margin:0 0 45px}.new-sever .contact{padding:100px 6vw;background:#2f362d;color:#fff;display:flex;justify-content:space-between;align-items:end;gap:40px}.new-sever .contact h2{font:400 clamp(46px,6vw,78px)/.95 Georgia,serif;margin:0;max-width:760px}.new-sever footer{padding:25px 6vw;background:#2f362d;color:#aaa;border-top:1px solid #fff2}

/* Termo Linija — redesigned */
.new-termo{--navy:#092738;--blue:#0d6f91;--ice:#eaf2f4;--orange:#f69b49;background:#f8faf9;color:var(--navy);font:15px/1.55 Arial,sans-serif}.new-termo .urgent{height:36px;padding:9px 4vw;background:var(--orange);font-size:11px;font-weight:bold;text-align:center}.new-termo header{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff}.new-termo .brand{font-size:21px;font-weight:900;letter-spacing:.05em}.new-termo .brand span{color:#77d1e8}.new-termo nav{display:flex;align-items:center;gap:25px;font-size:12px}.new-termo .call{padding:11px 15px;border:1px solid #ffffff55;border-radius:5px}.new-termo .hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:650px;background:var(--ice)}.new-termo .hero-copy{padding:8vw 6vw}.new-termo h1{font-size:clamp(52px,6.5vw,92px);line-height:.94;letter-spacing:-.055em;margin:18px 0 25px}.new-termo .hero-copy p{font-size:18px;max-width:570px;color:#48616c}.new-termo .actions{display:flex;gap:10px;margin-top:28px}.new-termo .btn{padding:14px 18px;border-radius:5px;background:var(--navy);color:#fff;text-decoration:none;font-size:12px;font-weight:bold}.new-termo .btn.alt{background:#fff;color:var(--navy);border:1px solid #b9cdd3}.new-termo .hero-image{background:url('../assets/cases/termo-linija-triptych.webp') left center/300% 100% no-repeat}.new-termo .trust{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-block:1px solid #d8e3e6}.new-termo .trust div{padding:25px 3vw;border-right:1px solid #d8e3e6;font-size:12px}.new-termo .trust b{display:block;font-size:25px;color:var(--blue)}.new-termo .services{padding:105px 5vw}.new-termo .services h2{font-size:clamp(42px,5vw,68px);line-height:1;margin:0 0 45px}.new-termo .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.new-termo .card{padding:28px;border-radius:8px;background:#fff;border:1px solid #d5e1e4;min-height:220px}.new-termo .card span{color:var(--blue);font-weight:bold}.new-termo .feature{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:#fff}.new-termo .feature-photo{min-height:530px;background:url('../assets/cases/termo-linija-triptych.webp') right center/300% 100% no-repeat}.new-termo .feature-copy{padding:7vw}.new-termo .feature h2{font-size:clamp(43px,5vw,70px);line-height:1;margin:0 0 25px}.new-termo footer{padding:27px 5vw;background:#061d2a;color:#90a7b1}

/* Studio Pika — redesigned */
.new-pika{--blue:#1748f5;--coral:#ff5e4d;--yellow:#ffd74a;--ink:#111;background:#f6f1e8;color:var(--ink);font:16px/1.5 Arial,sans-serif}.new-pika header{height:86px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #111}.new-pika .brand{font-size:25px;font-weight:900;letter-spacing:-.05em}.new-pika .brand i{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--coral)}.new-pika nav{display:flex;gap:25px;font-size:12px;font-weight:bold;text-transform:uppercase}.new-pika .hero{min-height:680px;display:grid;grid-template-columns:1.08fr .92fr;border-bottom:2px solid #111}.new-pika .hero-copy{padding:7vw 5vw}.new-pika .label{display:inline-block;padding:6px 9px;background:var(--yellow);border:2px solid #111;transform:rotate(-2deg);font-size:11px;font-weight:bold;text-transform:uppercase}.new-pika h1{font-size:clamp(60px,8vw,125px);line-height:.82;letter-spacing:-.075em;margin:30px 0}.new-pika .hero-copy p{font-size:19px;max-width:520px}.new-pika .hero-image{margin:28px 28px 28px 0;background:url('../assets/cases/studio-pika-triptych.webp') left center/300% 100% no-repeat;border:2px solid #111;box-shadow:12px 12px 0 var(--blue)}.new-pika .marquee{padding:18px;overflow:hidden;white-space:nowrap;background:var(--yellow);border-bottom:2px solid #111;font-size:14px;font-weight:900;text-transform:uppercase;word-spacing:30px}.new-pika .work{padding:110px 4vw}.new-pika .work h2{font-size:clamp(50px,7vw,100px);line-height:.9;letter-spacing:-.065em;margin:0 0 50px}.new-pika .work-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.new-pika .work-photo{min-height:500px;background:url('../assets/cases/studio-pika-triptych.webp') center/300% 100% no-repeat;border:2px solid #111}.new-pika .work-photo:last-child{background-position:right}.new-pika .services{display:grid;grid-template-columns:repeat(3,1fr);border-block:2px solid #111}.new-pika .services article{padding:45px 4vw;border-right:2px solid #111}.new-pika .services article:last-child{border:0}.new-pika .services b{font-size:30px}.new-pika .contact{padding:110px 4vw;background:var(--blue);color:#fff;display:flex;justify-content:space-between;align-items:end}.new-pika .contact h2{font-size:clamp(48px,7vw,100px);line-height:.86;letter-spacing:-.065em;margin:0;max-width:850px}.new-pika footer{padding:25px 4vw;background:#111;color:#bbb}

@media(max-width:800px){.demo-ribbon{left:10px;right:10px;text-align:center}.old-sever .shell,.old-termo .page,.old-pika .page{width:100%;margin:0;box-shadow:none}.old-sever .old-hero,.old-termo .columns,.new-sever .hero,.new-termo .hero,.new-termo .feature,.new-pika .hero{grid-template-columns:1fr}.old-sever .old-hero{height:auto}.old-sever .photo,.old-termo .banner,.old-pika .slider{height:280px}.old-sever .content{grid-template-columns:1fr}.old-termo .columns{padding:15px}.old-termo header,.old-pika header{height:auto;gap:15px}.old-pika .services{grid-template-columns:1fr 1fr}.new-sever nav,.new-termo nav,.new-pika nav{display:none}.new-sever .hero-image,.new-pika .hero-image{height:520px;margin:0 18px 18px}.new-sever .strip,.new-termo .trust,.new-termo .cards,.new-pika .services{grid-template-columns:1fr 1fr}.new-sever .projects,.new-pika .work-grid{grid-template-columns:1fr}.new-sever .contact,.new-pika .contact{display:block}.new-pika .contact h2{margin-bottom:35px}}
@media(max-width:520px){.old-sever header,.old-termo header,.old-pika header{display:block;text-align:center}.old-sever .top-contact,.old-termo .phone{margin-top:12px;text-align:center}.old-sever nav ul,.old-termo nav ul,.old-pika nav ul{overflow:auto;padding:0}.old-sever nav a,.old-termo nav a,.old-pika nav a{white-space:nowrap}.old-sever .tiles,.old-pika .services,.old-pika .thumbs,.new-sever .strip,.new-termo .trust,.new-termo .cards,.new-pika .services{grid-template-columns:1fr}.old-pika .caption{left:12px;right:12px;width:auto}.old-pika .intro{padding:25px}.new-sever .hero-copy,.new-termo .hero-copy,.new-pika .hero-copy{padding:70px 24px}.new-sever .hero-image,.new-pika .hero-image{height:360px}.new-sever .section,.new-termo .services,.new-pika .work{padding:75px 24px}.new-sever .contact,.new-pika .contact{padding:75px 24px}.new-pika .work-photo{min-height:350px}}

/* Mizarstvo Velar — editorial atelier direction */
.new-velar{--paper:#e8e2d6;--ink:#24251f;--moss:#343d31;background:var(--paper);color:var(--ink);font:15px/1.55 Arial,sans-serif}.velar-rail{position:absolute;z-index:5;left:0;right:0;top:0;height:112px;padding:22px 3.5vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;color:#f5f1e9}.velar-rail a{text-decoration:none}.velar-brand{font:600 22px/1 Georgia,serif;letter-spacing:.16em}.velar-rail>span{text-align:center;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.velar-rail nav{justify-self:end;display:flex;gap:24px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.velar-opening{position:relative;min-height:900px;color:#fff}.velar-hero-image{position:absolute;inset:0;background:linear-gradient(90deg,#182019aa 0%,#18201933 50%,#18201900),url('../assets/cases/mizarstvo-velar-triptych.webp') left center/300% 100% no-repeat}.velar-intro{position:relative;z-index:1;padding:240px 6vw 150px;max-width:1000px}.velar-kicker{font-size:10px;letter-spacing:.2em;text-transform:uppercase}.velar-intro h1{font:400 clamp(66px,8.2vw,130px)/.84 Georgia,serif;letter-spacing:-.055em;margin:24px 0 38px}.velar-intro h1 em{font-weight:400;color:#d5c2a1}.velar-intro p{max-width:440px;margin-left:34vw;font-size:17px}.velar-opening aside{position:absolute;z-index:1;bottom:35px;left:3.5vw;right:3.5vw;display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid #ffffff66;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.velar-manifesto{padding:160px 8vw 130px}.velar-manifesto>p{font:italic 25px Georgia,serif;color:#777369}.velar-manifesto h2{max-width:1040px;font:400 clamp(52px,6.5vw,96px)/.96 Georgia,serif;letter-spacing:-.045em;margin:15px 0 95px}.velar-manifesto>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aaa397}.velar-manifesto>div span{padding:18px 10px 0 0;font-size:11px;text-transform:uppercase;letter-spacing:.09em}.velar-projects{padding:40px 4vw 170px;display:grid;grid-template-columns:1.25fr .65fr;gap:9vw;align-items:center}.velar-projects .photo{background-image:url('../assets/cases/mizarstvo-velar-triptych.webp');background-size:300% 100%;background-repeat:no-repeat}.velar-project-main .photo{height:700px;background-position:center}.velar-project-side .photo{height:480px;background-position:right}.velar-projects header{display:flex;justify-content:space-between;gap:25px;margin-top:16px}.velar-projects header span{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.velar-projects h3{font:400 30px/1.05 Georgia,serif;margin:0;max-width:330px}.velar-project-side header{display:block;margin:0 0 18px}.velar-project-side h3{margin-top:10px}.velar-contact{padding:130px 6vw;background:var(--moss);color:#fff}.velar-contact>span{font-size:11px;text-transform:uppercase;letter-spacing:.13em}.velar-contact h2{font:400 clamp(65px,9vw,140px)/.85 Georgia,serif;letter-spacing:-.055em;margin:35px 0 75px}.velar-contact .velar-demo-contact{display:inline-block;padding-bottom:8px;border-bottom:1px solid #fff;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.1em}.velar-footer{padding:30px 4vw;background:var(--moss);color:#acaeaa;border-top:1px solid #ffffff22;font:600 13px/1 Arial,sans-serif;letter-spacing:.15em}.velar-footer span{float:right;font-size:9px;font-weight:400;text-transform:uppercase}

/* Termo Linija — operational service direction */
.new-termo-v2{--navy:#071d2a;--cyan:#dff6f4;--lime:#b9ed57;--line:#b8c8ce;background:#f4f7f6;color:var(--navy);font:15px/1.45 Arial,sans-serif}.termo-status{height:34px;padding:8px 4vw;display:flex;justify-content:space-between;background:var(--navy);color:#fff;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.termo-status i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--lime)}.termo-header{height:86px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:#fff}.termo-logo{font-size:20px;font-weight:900;text-decoration:none;letter-spacing:-.04em}.termo-logo span{color:#0b7794}.termo-header nav{display:flex;gap:28px;font-size:11px}.termo-header nav a{text-decoration:none}.termo-call{justify-self:end;padding:12px 17px;background:var(--lime);text-decoration:none;font-size:11px;font-weight:bold}.termo-dashboard{min-height:690px;padding:90px 6vw;display:grid;grid-template-columns:1.15fr .7fr;gap:9vw;align-items:center;background:linear-gradient(120deg,var(--cyan),#f4f7f6 64%)}.termo-code{font:700 10px/1 Arial,sans-serif;letter-spacing:.16em}.termo-pitch h1{font-size:clamp(57px,7vw,108px);line-height:.88;letter-spacing:-.065em;margin:25px 0 30px}.termo-pitch>p{max-width:590px;font-size:18px;color:#435860}.termo-badges{display:flex;gap:10px;margin-top:40px}.termo-badges span{padding:9px 12px;border:1px solid #8fa5aa;border-radius:99px;font-size:10px;text-transform:uppercase}.termo-selector{padding:30px;background:#fff;border:1px solid #8fa5aa;box-shadow:12px 12px 0 var(--navy)}.termo-selector h2{font-size:25px;margin:14px 0 24px}.termo-selector label{display:block;padding:13px 0;border-top:1px solid #d3dcde}.termo-selector input{accent-color:#0b7794;margin-right:9px}.termo-selector button{width:100%;margin-top:12px;padding:15px;border:0;background:var(--navy);color:#fff;font-weight:bold;cursor:pointer}.termo-selector small{display:block;margin-top:10px;color:#718289;font-size:9px}.termo-demo-status{margin:12px 0 0;padding:12px;background:var(--cyan);font-size:11px}.termo-service-table{padding:120px 5vw;background:#fff}.termo-service-table>header{display:grid;grid-template-columns:.6fr 1.4fr;margin-bottom:65px}.termo-service-table h2{font-size:clamp(42px,5vw,72px);line-height:.95;letter-spacing:-.045em;margin:0}.termo-rows{border-top:2px solid var(--navy)}.termo-rows article{display:grid;grid-template-columns:70px 1fr 1fr 90px;align-items:center;gap:25px;padding:26px 10px;border-bottom:1px solid var(--line)}.termo-rows h3{font-size:20px;margin:0}.termo-rows p{margin:0;color:#597078}.termo-rows article>span{text-align:right;font-size:10px;font-weight:bold;text-transform:uppercase}.termo-process{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:#fff}.termo-tech-photo{min-height:650px;background:url('../assets/cases/termo-linija-triptych.webp') right center/300% 100% no-repeat}.termo-process>div:last-child{padding:90px 6vw}.termo-process ol{list-style:none;padding:0;margin:50px 0 0}.termo-process li{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:24px 0;border-top:1px solid #ffffff33}.termo-process li>b{color:var(--lime)}.termo-process li strong{display:block;margin-bottom:4px;font-size:18px}.termo-process li span{color:#b9c7cd}.termo-process li strong{color:#fff}.termo-footer{padding:30px 4vw;display:flex;justify-content:space-between;background:#03131c;color:#95a6ad;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.termo-footer b{color:#fff}

/* Studio Pika — typographic collage direction */
.new-pika-v2{--acid:#d9ff43;--pink:#ff5c8a;--ink:#111;background:#f2efe8;color:var(--ink);font:16px/1.4 Arial,sans-serif}.pika-header{height:90px;padding:0 3vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-bottom:3px solid var(--ink)}.pika-logo{font-size:30px;font-weight:950;letter-spacing:-.08em;text-decoration:none}.pika-logo span{color:var(--pink)}.pika-header p{text-align:center;font-size:10px;font-weight:bold;text-transform:uppercase;letter-spacing:.12em}.pika-contact-link{justify-self:end;border:0;background:none;color:inherit;text-decoration:none;font-size:11px;font-weight:bold}.pika-splash{position:relative;min-height:790px;padding:70px 3vw 40px;overflow:hidden}.pika-title{position:relative;z-index:2}.pika-title>span{font-size:14px;font-weight:bold;text-transform:uppercase}.pika-title h1{font-size:clamp(105px,18vw,270px);line-height:.67;letter-spacing:-.095em;margin:35px 0 0}.pika-title h1 span{color:var(--pink)}.pika-collage{position:absolute;inset:130px 3vw 30px}.pika-photo-a,.pika-photo-b{position:absolute;background-image:url('../assets/cases/studio-pika-triptych.webp');background-size:300% 100%;background-repeat:no-repeat;border:3px solid var(--ink)}.pika-photo-a{right:2vw;top:0;width:30vw;height:330px;background-position:left;transform:rotate(3deg)}.pika-photo-b{left:4vw;bottom:0;width:24vw;height:260px;background-position:right;transform:rotate(-4deg)}.pika-sticker{position:absolute;z-index:3;right:25vw;bottom:5px;width:155px;height:155px;display:grid;place-items:center;border-radius:50%;background:var(--acid);border:3px solid var(--ink);text-align:center;font-size:12px;font-weight:900;transform:rotate(8deg)}.pika-intro{position:absolute;z-index:3;right:6vw;bottom:50px;width:300px;font-size:19px;font-weight:bold}.pika-ticker{display:flex;overflow:hidden;border-block:3px solid var(--ink);background:var(--acid);white-space:nowrap}.pika-ticker span{padding:17px 30px;font-size:18px;font-weight:950;word-spacing:20px}.pika-work{padding:125px 3vw}.pika-work>header{display:flex;justify-content:space-between;align-items:start}.pika-work>header>span{font-size:10px;font-weight:bold;letter-spacing:.12em}.pika-work h2{font-size:clamp(65px,9vw,140px);line-height:.8;letter-spacing:-.075em;margin:0 0 80px}.pika-grid{display:grid;grid-template-columns:1.2fr .8fr .65fr;gap:18px;align-items:end}.pika-grid article .image,.pika-type{border:3px solid var(--ink)}.pika-grid .wide .image{height:560px}.pika-grid article:not(.wide) .image,.pika-type{height:390px}.pika-grid .image{background-image:url('../assets/cases/studio-pika-triptych.webp');background-size:300% 100%;background-repeat:no-repeat}.pika-grid .one{background-position:center}.pika-grid .two{background-position:right}.pika-type{padding:25px;background:var(--pink);font-size:100px;font-weight:950;line-height:.8;letter-spacing:-.1em}.pika-grid article>span{display:block;margin-top:12px;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.pika-grid h3{font-size:20px;margin:5px 0}.pika-offer{padding:100px 3vw;display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:#fff}.pika-offer h2{font-size:clamp(53px,7vw,100px);line-height:.86;letter-spacing:-.06em;margin:0}.pika-offer>div{border-top:1px solid #fff}.pika-offer .offer-row{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid #ffffff66;text-decoration:none;font-size:20px}.pika-offer b{color:var(--acid);font-size:11px}.pika-contact{padding:120px 3vw;background:var(--pink);position:relative}.pika-contact>span{font-size:11px;font-weight:bold;letter-spacing:.12em}.pika-contact h2{font-size:clamp(90px,16vw,240px);line-height:.65;letter-spacing:-.1em;margin:70px 0}.pika-contact h2 i{margin-left:25vw;font-style:normal}.pika-contact .pika-demo-contact{position:absolute;right:5vw;bottom:80px;width:190px;height:190px;display:grid;place-items:center;border-radius:50%;background:var(--acid);border:3px solid var(--ink);text-align:center;text-decoration:none;font-size:11px;font-weight:bold}.pika-footer{padding:26px 3vw;background:var(--ink);color:#fff;font-size:20px;font-weight:950}.pika-footer span{float:right;color:#aaa;font-size:9px;font-weight:400;text-transform:uppercase;letter-spacing:.1em}

@media(max-width:800px){.velar-rail{grid-template-columns:1fr 1fr}.velar-rail>span{display:none}.velar-intro p{margin-left:0}.velar-projects{grid-template-columns:1fr;gap:80px}.velar-manifesto>div{grid-template-columns:1fr 1fr}.termo-header{grid-template-columns:1fr 1fr}.termo-header nav{display:none}.termo-dashboard,.termo-process{grid-template-columns:1fr}.termo-dashboard{gap:60px}.termo-service-table>header{grid-template-columns:1fr;gap:25px}.termo-rows article{grid-template-columns:45px 1fr}.termo-rows article p,.termo-rows article>span{display:none}.pika-splash{min-height:690px}.pika-photo-a{width:42vw}.pika-photo-b{width:36vw}.pika-intro{width:240px}.pika-grid{grid-template-columns:1fr 1fr}.pika-grid .wide{grid-column:1/-1}.pika-offer{grid-template-columns:1fr;gap:60px}}
@media(max-width:520px){.velar-rail nav{display:none}.velar-opening{min-height:700px}.velar-intro{padding:180px 24px 100px}.velar-intro h1{font-size:55px}.velar-manifesto{padding:90px 24px}.velar-manifesto h2{font-size:46px;margin-bottom:55px}.velar-manifesto>div{grid-template-columns:1fr}.velar-projects{padding:20px 24px 90px}.velar-project-main .photo{height:450px}.velar-contact{padding:90px 24px}.velar-contact h2{font-size:60px}.termo-status{padding-inline:18px}.termo-header{padding:0 18px}.termo-dashboard{padding:70px 24px}.termo-pitch h1{font-size:52px}.termo-badges{flex-wrap:wrap}.termo-selector{box-shadow:7px 7px 0 var(--navy)}.termo-service-table{padding:80px 24px}.termo-process>div:last-child{padding:70px 24px}.termo-tech-photo{min-height:430px}.termo-footer{display:block}.termo-footer span{display:block;margin-top:8px}.pika-header{padding:0 20px}.pika-header p{display:none}.pika-splash{min-height:850px;padding:60px 20px}.pika-title h1{font-size:88px;line-height:.72}.pika-photo-a{top:90px;right:0;width:58vw;height:260px}.pika-photo-b{left:0;bottom:auto;top:450px;width:48vw;height:220px}.pika-sticker{right:5px;bottom:105px;width:112px;height:112px}.pika-intro{left:20px;right:auto;bottom:28px;width:245px;padding:10px;background:#f2efe8;border:2px solid var(--ink);font-size:14px}.pika-work{padding:80px 20px}.pika-work>header{display:block}.pika-work h2{font-size:58px;margin-top:25px}.pika-grid{grid-template-columns:1fr}.pika-grid .wide{grid-column:auto}.pika-grid .wide .image,.pika-grid article:not(.wide) .image,.pika-type{height:380px}.pika-offer{padding:80px 20px}.pika-offer h2{font-size:52px}.pika-contact{padding:90px 20px}.pika-contact h2{font-size:88px}.pika-contact .pika-demo-contact{position:static;width:150px;height:150px;margin-left:auto}.pika-footer{padding:25px 20px}.pika-footer span{display:block;float:none;margin-top:8px}}