body{margin:0;background:#fff}
a{color:#9a2276}a:hover{color:#7c1a5f}
.pg{--ovw:105.6%;container-type:inline-size;font-family:'Archivo',system-ui,sans-serif;color:#14141f;background:#fff}
/* sisu laius 1200px (+ 48px külgvahe) */
.wrap{max-width:1296px;margin:0 auto;padding:0 48px;box-sizing:border-box}
/* Päis sinu kavandi järgi: logo vasakul, menüü paremal, EN, sticky klaasjas valge taust */
.top{position:sticky;top:0;z-index:800;isolation:isolate}
.top::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.top.is-stuck{border-bottom:1px solid #ededed}
.hdr{display:flex;align-items:center;column-gap:4.5%;height:68px}
/* päis täislaiuses: logo vasakus, menüü paremas ekraaniservas */
.top .wrap.hdr{max-width:none;padding:0 48px}
@container (max-width:900px){.top .wrap.hdr{padding:0 20px}}
@media (min-width:1200px){.hdr{height:128px}}
.top-logo{font-size:28px;font-weight:800;letter-spacing:.06em;color:#000;text-decoration:none;transition:opacity .1s linear}.top-logo:hover{opacity:.62}
.nav{margin-left:auto}
.nav-r{display:flex;align-items:center;margin:0 -20px 0 0;padding:0;list-style:none}
.nav-r > li{display:flex;align-items:center;position:relative}
.nav-lnk{display:block;padding:2px 20px;font-size:17px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:#000;text-decoration:none;transition:color .2s}
.nav-r > li:hover > .nav-lnk,.nav-lnk:focus-visible{color:#9a2276}
.nav-dd-btn{width:30px;height:32px;margin:0 10px 0 -12px;border:0;background:none;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .2s}
.nav-dd-btn .custom-icon{font-size:9px;width:auto}
.nav-sub{position:absolute;left:0;top:100%;z-index:806;width:16em;margin:0;padding:24px 24px 22px 26px;list-style:none;background:#fff;border:1px solid #ededed;visibility:hidden;opacity:0;transition:visibility 0s linear .3s,opacity .3s linear}
.nav-sub li:not(:last-child){margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f4f4f4}
.nav-sub a{color:#14141f;text-decoration:none;font-size:16px}.nav-sub a:hover{color:#9a2276}
.nav-dd.is-open .nav-sub{visibility:visible;opacity:1;transition-delay:0s}
.nav-dd.is-open .nav-dd-btn{transform:rotate(-180deg)}
@media (hover:hover){.nav-dd:hover .nav-sub{visibility:visible;opacity:1;transition-delay:0s}.nav-dd:hover .nav-dd-btn{transform:rotate(-180deg)}}
.lang{display:flex}
.lang-sq{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1.5px solid #000;border-radius:999px;box-sizing:border-box;color:#000;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s}
.lang-sq:hover{background:#000;color:#fff}
.menuBtn{display:none}
.menu-bd{display:none}
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:56px;align-items:center;padding-top:104px;padding-bottom:96px}
.h1{font-size:clamp(50px,5.4vw,78px);line-height:1.08;letter-spacing:-0.035em}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.band-sec{overflow-x:clip;padding:64px 0 120px;margin-bottom:-300px}
/* band ja comp: sama veerujaotus kui päisel; parem veerg 96% laiusega keskel – täpselt nagu päise video ovaal */
.band{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:56px;align-items:center;position:relative;isolation:isolate}
/* sinine riba ainult sisu laiuses: foto tagant teksti lõpuni */
/* kihiline: tumesinine ovaal foto taga, nihutatud alla paremale */
.band-photo{position:relative}
/* foto taga: teine video sama kujuga (ülevalt ümar, alt 64px nurgad) */
.band-back{position:absolute;z-index:-1;top:50%;left:0;height:var(--pw,100%);aspect-ratio:var(--par2,0.72);transform:translateY(-50%);background:transparent;border:2px solid #0b215b;box-sizing:border-box;border-radius:999px 999px 64px 64px;overflow:hidden}
.band-back video{width:100%;height:100%;object-fit:cover;display:block}
/* tekst vasakule joondatud, vertikaalselt foto keskel */
.band > div:last-child{box-sizing:border-box;height:var(--sw,528px);padding:0 0 0 40px;justify-content:center;align-items:flex-start;text-align:left;width:var(--ovw);justify-self:center}
/* sama suur kui hero video ovaal (96% veerust, 0.72), lihtsalt pikali; parem serv veeru serval, vasakult võib ekraanist välja minna */
.band-img{position:relative;--w:calc(0.6 * (min(100vw, 1296px) - 152px));width:var(--w);margin-left:calc(max(calc(var(--sw, 528px) - 48px - var(--w)), calc((min(100vw, 1296px) - 100vw) / 2 - 48px)) + 60px);aspect-ratio:var(--ar,1/0.72);border-radius:999px;overflow:hidden;background:transparent;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black);transform:translateZ(0)}
.band-h{font-size:52px;line-height:1.12;letter-spacing:-0.03em}
/* sama veerujaotus kui ülemisel plokil, loetelu joondub ülemise tekstiga */
.comp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:56px;align-items:center}
.comp > div:last-child{box-sizing:border-box;width:var(--ovw);justify-self:center;padding-left:40px}
.row{display:flex;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid #e4e4ea;text-decoration:none;color:#0b215b}
.row:hover{color:#9a2276}
/* kaardid sama suured kui 24px vahega, vahe 80px – ulatuvad mõlemalt poolt 56px tekstialast välja */
/* tööde slaider: 3 korraga nähtaval, noolega edasi-tagasi */
/* servast serva: rida algab sisu vasakult servalt ja jookseb ekraani paremasse serva */
.works-slider{--cl:calc((100vw - min(100vw,1296px)) / 2 + 24px);position:relative;margin:0 calc(50% - 50vw)}
.works{--gap:12px;display:flex;gap:var(--gap);margin:-32px 0;padding:32px var(--cl);scroll-padding-left:var(--cl);list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.works::-webkit-scrollbar{display:none}
.work{flex:0 0 calc((min(100vw,1296px) - 48px - 2 * var(--gap)) / 2.4);scroll-snap-align:start}
.work > a{display:block;text-decoration:none}
.work__img{display:block;position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;background:#0b215b;isolation:isolate;transform:translateZ(0)}
.work__img img{width:100%;height:100%;object-fit:cover;display:block}
.work:nth-child(3n+2) > a{position:relative;display:block}
.works-nav{position:absolute;right:calc((100vw - min(100vw,1296px)) / 2 + 48px);top:-88px;display:flex;gap:12px}
.works-btn{width:44px;height:44px;border:0;background:none;color:#0b215b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;padding:0;transition:color .2s,opacity .2s,transform .2s}
.works-btn:hover{color:#9a2276}
.works-next:hover{transform:translateX(3px)}
.works-prev:hover{transform:translateX(-3px)}
.works-btn:focus-visible{outline:3px solid #f2a7d8;outline-offset:3px}
.works-btn[disabled]{opacity:.25;cursor:default;color:#0b215b;transform:none}
.logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cta-h{font-size:64px;line-height:1;letter-spacing:-0.03em}
.foot{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}
@container (max-width:900px){
  .wrap{padding:0 20px}
  .hero{grid-template-columns:minmax(0,1fr);gap:40px;padding-top:24px;padding-bottom:64px}
  .h1{font-size:46px}
  .band,.comp{grid-template-columns:minmax(0,1fr);gap:32px}
  .comp > div:last-child,.band > div:last-child{width:100%;padding-left:0}
  .band-img{width:100%!important;margin-left:0!important;aspect-ratio:1/0.72!important}
  .band-sec{padding:0}
  .band{padding:0 20px 48px}
  .band-photo{left:0}
  .band-back{left:auto;right:8%;height:130%!important}
  .band > div:last-child{height:auto;padding:0}
  .band-h{font-size:30px}
  .band{padding-bottom:0}
  .band-h,.cta-h{font-size:38px}
  .steps{grid-template-columns:minmax(0,1fr)}
  .works-slider{--cl:20px}
  .works{--gap:24px}
  .work{flex-basis:78%}
  .works-nav{position:static;justify-content:flex-end;margin-top:8px}
  .logos{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* Nuppude hover */
.btn{transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.btn svg{transition:transform .2s ease}
.btn:hover svg{transform:translateX(4px)}
.btn:focus-visible{outline:3px solid #f2a7d8;outline-offset:3px}
.btn-primary:hover{background:#7c1a5f!important;color:#fff!important}
.btn-outline:hover{background:#0b215b!important;color:#fff!important}
.btn-light:hover{background:#fff!important;color:#7c1a5f!important}
.btn-navy:hover{background:#9a2276!important}
.lnk-more .arr{display:inline-block;transition:transform .2s ease}
.lnk-more:hover{color:#9a2276!important}
.lnk-more:hover .arr{transform:translateX(4px)}
.row svg{transition:transform .2s ease}
.row:hover svg{transform:translateX(6px)}
/* Esimene plokk (päis + hero) valge, täislaiuses */
.hero{border-image:none}
/* Joonovaalid: sama kuju (0.72) kui video, ainult joon */
.line-oval{position:absolute;aspect-ratio:0.72;border-radius:999px;pointer-events:none}
.line-oval--comp{width:300px;left:-200px;top:20px;border:2px solid #0b215b;opacity:.18}
.line-oval--hero{z-index:-1;width:96%;top:-36px;left:calc(2% + 44px);border:2px solid #9a2276;opacity:.5}
.line-oval--hero2{z-index:-1;width:46%;bottom:-80px;right:-60px;border:2px solid #0b215b;opacity:.25;transform:rotate(90deg)}
.line-oval--works{width:260px;right:-120px;top:-40px;border:2px solid #9a2276;opacity:.35;transform:rotate(90deg)}
.line-oval--ft{z-index:-1;width:360px;left:-140px;top:-180px;border:2px solid #f2a7d8;opacity:.3;transform:rotate(90deg)}
.line-oval--ft2{z-index:-1;width:240px;right:8%;bottom:-200px;border:2px solid #d6dcef;opacity:.2}
.line-oval--cta{z-index:-1;width:340px;right:-70px;top:-150px;border:2px solid #f2a7d8;opacity:.55;transform:rotate(90deg)}
.line-oval--cta2{z-index:-1;width:200px;right:180px;bottom:-170px;border:2px solid #f2a7d8;opacity:.35}
@container (max-width:900px){.line-oval--hero2,.line-oval--works,.band-photo::after{display:none}.line-oval--comp{width:180px;left:-80px}.line-oval--cta{width:220px;right:-90px;top:-120px}.line-oval--cta2{display:none}}
.cta-lines{position:absolute;z-index:-1;right:-40px;top:-60px;height:140%;opacity:.6;pointer-events:none}
@container (max-width:900px){.cta-lines{right:-160px;opacity:.35}}
/* tööde info ilmub hoveril */
.work-info{position:absolute;inset:-2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18%;text-align:center;background:#0b215b;color:#fff;opacity:0;transition:opacity .3s ease}
.work-info__tag{font-size:13px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#f2a7d8}
.work-info__name{font-size:28px;font-weight:800;line-height:1.1}
.work > a:hover .work-info,.work > a:focus-visible .work-info{opacity:1}
/* hoveril pilt peitu ja taust tumesiniseks, et ümara serva äärest ei paistaks pildi heledat joont */
.work__img img{transition:opacity .3s ease}
.work > a:hover .work__img img,.work > a:focus-visible .work__img img{opacity:0}
@media (hover:none){.work-info{opacity:1;inset:auto 0 0 0;padding:20px 24px 28px;background:linear-gradient(transparent,rgba(11,33,91,.9))}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* teine video: pikali ovaal (sama suur kui foto), paremal, võib ekraanist välja ulatuda */
.exp-r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.exp-h{font-size:36px;line-height:1.15;letter-spacing:-0.02em}
.exp-vid{width:var(--ovH,734px);aspect-ratio:1/0.72;border-radius:999px;overflow:hidden;background:#0b215b;margin-left:40px}
@container (max-width:900px){.exp-r{grid-template-columns:minmax(0,1fr);gap:32px}.exp-h{font-size:30px}.exp-vid{width:100%;margin-left:0}}
/* Jalus sinu kavandi moodi: tumesinine keskele joondatud plokk + valge riba hallide siltlinkidega */
.ft-main{position:relative;isolation:isolate;overflow:hidden;background:#061338;color:#fff;margin-top:0;padding:112px 0 112px}
/* videote muster jaluse taustal, tumesinise kihi all (nagu sinu kavandi jaluse taustapilt) */
.ft-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.ft-main::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(6,19,56,.93)}
.ft-legal{border-top:1px solid #dcdcdc;padding:24px 0}
.ft-legal ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.ft-legal a{display:block;padding:8px 20px;border-radius:999px;background:#f4f4f4;color:#14141f;font-size:13px;text-decoration:none;transition:background-color .2s ease}
.ft-legal a:hover{background:#e8e8ee}
.ft-legal p{margin:16px 0 0;text-align:center;font-size:13px;color:#6b6b78}
@container (max-width:900px){.ft-main{margin-top:0;padding:72px 0 72px}.ft-legal ul{flex-direction:column;align-items:stretch;text-align:center}}
/* inimeste foto kompetentside juures: pikali ovaal */
/* inimeste foto päise video keskel: väiksem püsti ovaal (0.72) */
.hero-photo{position:absolute;left:50%;top:50%;width:63.6%;aspect-ratio:0.72;transform:translate(-50%,-50%);border-radius:999px;overflow:hidden;background:#f1f1f4}
/* nool sinu kavandist (ikoonifont glyphs, ) */
@font-face{font-family:'glyphs';src:url('/uus2026/fonts/fontello.woff2?85731134') format('woff2'),url('/uus2026/fonts/fontello.woff?85731134') format('woff');font-weight:normal;font-style:normal}
.custom-icon{font-family:'glyphs';font-style:normal;font-weight:normal;display:inline-block;width:1em;line-height:normal;text-align:center;font-size:.8em;-webkit-font-smoothing:antialiased;transition:transform .2s ease}
.btn:hover .custom-icon,.row:hover .custom-icon{transform:translateX(4px)}
.row .custom-icon{font-size:15px}
/* loetelu kitsamaks, et nool oleks tekstile lähemal */
.comp > div:last-child > div{max-width:440px}
svg.custom-icon{width:.7em;height:.7em;flex:0 0 auto;vertical-align:middle}
/* mobiil: hamburger + tumesinine paneel paremalt (nagu sinu kavandis) */
@media screen and (max-width:1199px){
  .lang{margin-left:auto}
  .menuBtn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:52px;height:52px;margin-right:-8px;padding:0 13px;border:0;background:none;cursor:pointer}
  .menuBtn span{display:block;height:2px;background:#000;border-radius:2px;transition:transform .3s,opacity .3s}
  .menuBtn[aria-expanded="true"] span:nth-child(1),.menuBtn[aria-expanded="true"] span:nth-child(4){opacity:0}
  .menuBtn[aria-expanded="true"] span:nth-child(2){transform:translateY(3.5px) rotate(45deg)}
  .menuBtn[aria-expanded="true"] span:nth-child(3){transform:translateY(-3.5px) rotate(-45deg)}
  .nav{position:fixed;top:68px;right:0;bottom:0;width:min(350px,100%);margin:0;background:#0b215b;transform:translateX(100%);visibility:hidden;transition:transform .5s,visibility 0s linear .5s;overflow-y:auto;display:flex;flex-direction:column;justify-content:center}
  .top.menu-open .nav{transform:none;visibility:visible;transition:transform .5s}
  .nav-r{flex-direction:column;align-items:stretch;margin:0}
  .nav-r > li{flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.06)}
  .nav-lnk{flex:1;padding:18px 48px;color:#fff;font-size:20px}
  .nav-r > li:hover > .nav-lnk{color:#f2a7d8}
  .nav-dd-btn{color:#fff;width:48px;height:48px;margin:0 24px 0 0}
  .nav-sub{position:static;width:100%;border:0;padding:0 48px 16px;background:none;display:none;visibility:visible;opacity:1}
  .nav-dd.is-open .nav-sub{display:block}
  .nav-sub li{border:0!important;margin:0!important;padding:8px 0!important}
  .nav-sub a{color:#d6dcef}
  .menu-bd{display:block;position:fixed;inset:68px 0 0 0;z-index:799;background:rgba(0,0,0,.5);visibility:hidden;opacity:0;transition:visibility 0s linear .3s,opacity .3s}
  .menu-bd.shown{visibility:visible;opacity:1;transition-delay:0s}
}
/* keskmise tööde ovaali ümber veidi suurem rõngas */
/* „Tere!“ jutumullina: magenta pill + saba all vasakul, avamisel pehme hüpe */
.tere{position:relative;align-self:flex-start;margin:4px 0 -24px -14px;padding:0;color:#9a2276;font-family:'Homemade Apple',cursive;font-size:76px;font-weight:400;line-height:1.3;transform:rotate(-5deg);transform-origin:0 100%}

.tere::after{display:none}

@media (prefers-reduced-motion:reduce){.tere{animation:none}}
@container (max-width:900px){.tere{font-size:48px}}
.ft-copy{margin:96px 0 0;text-align:center;font-size:13px;color:#33416b}
/* päise tekst veidi kõrgemale video suhtes */
.hero > div:first-child{position:relative;top:-80px}
@container (max-width:900px){.hero > div:first-child{top:0}}
@media (max-width:1299px){.br-lg{display:none}}
.comp .row:first-child{border-top:1px solid #e4e4ea}
/* kolm ülemist plokki: veerud veidi lähemale (kumbki veerg 14px keskele) */
@media (min-width:901px){
  .hero > :first-child,.band > :first-child,.comp > :first-child{translate:14px 0}
  .hero > :last-child,.band > :last-child,.comp > :last-child{translate:-14px 0}
}
/* jaluse tekstilink nupu all */
.ft-more{display:inline-flex;align-items:center;gap:8px;font-size:20px;line-height:1.7;color:#d6dcef;text-decoration:none;transition:color .2s}
.ft-more .custom-icon{font-size:14px;transition:transform .2s}
.ft-more:hover{color:#fff}
.ft-more:hover .custom-icon{transform:translateX(3px)}
/* 24 – suur number video peal */
.yrs-num{font-size:clamp(80px,8vw,120px);font-weight:800;opacity:.55;line-height:.85;letter-spacing:-0.05em}
.yrs-txt{margin-top:10px;font-size:16px;font-weight:600;opacity:.55;letter-spacing:.01em}
@container (max-width:900px){.yrs-num{font-size:80px}.yrs-txt{font-size:15px}}
/* kursor: väike täpp; klikitava peal kasvab läbipaistvaks rõngaks */
/* tööd: avanevad ribad – hoveril riba laieneb */
.acc{display:flex;gap:8px;height:360px;margin:0 calc(50% - 50vw);padding:0 12px}
.acc-i{position:relative;flex:1 1 0;min-width:0;border-radius:6px;overflow:hidden;text-decoration:none;color:#fff;background:#0b215b;transition:flex-grow 1.1s cubic-bezier(.25,.8,.25,1)}
.acc-i:first-child{flex-grow:3.5}
.acc:hover .acc-i:first-child,.acc:focus-within .acc-i:first-child{flex-grow:1}
.acc .acc-i:hover,.acc .acc-i:focus-visible{flex-grow:3.5}
.acc-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.acc-m{position:absolute;left:16px;bottom:16px;max-width:calc(100% - 32px);padding:0 8px;background:none;color:#fff;display:flex;flex-direction:column;gap:2px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.acc-i:first-child .acc-m{opacity:1;transform:none}
.acc:hover .acc-i:first-child .acc-m,.acc:focus-within .acc-i:first-child .acc-m{opacity:0}
.acc .acc-i:hover .acc-m,.acc .acc-i:focus-visible .acc-m{opacity:1;transform:none;transition:opacity .7s .45s,transform .7s .45s}
.acc-t{font-size:22px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-c{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.85);white-space:nowrap}
@container (max-width:900px){
  .acc{flex-direction:column;height:auto;margin:0;padding:0}
  .acc-i{flex:none!important;height:200px}
  .acc-m{opacity:1!important}
  #tood{padding:72px 0 80px!important}
}
/* kompetentsid: sisse ilmumine kerimisel (pealkiri üles, read ükshaaval paremalt) */
.js-reveal #teenused .comp > div:first-child,.js-reveal #teenused .row{opacity:0;transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1),color .2s,padding-left .3s ease}
.js-reveal #teenused .comp > div:first-child{transform:translate(14px,24px)}
.js-reveal #teenused .row{transform:translateX(32px)}
.js-reveal #teenused.in .comp > div:first-child{opacity:1;transform:translate(14px,0)}
.js-reveal #teenused.in .row{opacity:1;transform:none}
#teenused .row{transition-delay:calc(var(--i,0) * 90ms + 150ms),calc(var(--i,0) * 90ms + 150ms),0s,0s}
.row{transition:color .2s,padding-left .3s ease}
@media (max-width:900px){.js-reveal #teenused .comp > div:first-child,.js-reveal #teenused.in .comp > div:first-child{transform:none}}
@media (prefers-reduced-motion:reduce){.js-reveal #teenused .comp > div:first-child,.js-reveal #teenused .row{opacity:1!important;transform:none!important}}
.band-sec{position:relative}
/* ainult teine video kõrgemale */
@media (min-width:901px){.band > .band-photo{translate:calc(364px - var(--bandW, 755px) / 11 - 70px) -200px}}
@media (min-width:901px){.band > div:last-child{translate:-11.6px -230px}}
@container (max-width:900px){.band-sec{margin-bottom:0}}
/* kompetentsid: suured read ilma joonteta, hoveril pilt kursori juures */
.comp .row-big{border:0!important;padding:6px 0;gap:16px}
.comp .row:first-child{border-top:0!important}
.row-t{flex-grow:1;font-size:clamp(30px,3vw,42px);font-weight:400;letter-spacing:-0.025em;line-height:1.15}
.row-big .custom-icon{font-size:18px!important;opacity:0;transition:opacity .25s,transform .25s}
.row-big:hover .custom-icon,.row-big:focus-visible .custom-icon{opacity:1}
.comp-float{position:fixed;left:0;top:0;width:200px;aspect-ratio:.72;border-radius:999px;overflow:hidden;pointer-events:none;z-index:60;opacity:0;transform:translate(-50%,-50%) scale(.85);transition:opacity .3s,transform .35s cubic-bezier(.2,.7,.2,1)}
.comp-float.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.comp-float img{width:100%;height:100%;object-fit:cover;display:block}
@media (hover:none){.comp-float{display:none}.row-big .custom-icon{opacity:1}}
@container (max-width:900px){.row-t{font-size:28px}}
/* ainult kompetentside loetelu ovaali sees */
@media (min-width:901px){
  #teenused .comp > div:last-child{position:relative;isolation:isolate;width:var(--bandW,544px)!important;justify-self:start;aspect-ratio:1/.6804;padding:0!important;display:flex;flex-direction:column;justify-content:center;align-items:center}
  #teenused .comp > div:last-child::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(rgba(6,19,56,.88),rgba(6,19,56,.88)),url("/uus2026/images/jalus-muster.jpg") center/cover no-repeat,#0b215b;border-radius:999px}
  #teenused .comp > div:last-child .row{color:#fff}
  #teenused .comp > div:last-child .row:hover{color:#f2a7d8}
  #teenused .comp > div:last-child .row-big{width:250px;white-space:nowrap}
  #teenused .comp > div:last-child .row-t{font-size:30px}
}
/* plokkides 2 ja 3 pooled vahetatud (vasak <-> parem) */
@media (min-width:901px){
  #teenused .comp,.band-sec .band{direction:rtl}
  #teenused .comp > *,.band-sec .band > *{direction:ltr}
}
@media (min-width:901px){#teenused .comp > div:first-child{translate:120px -60px}}
/* logo: magenta ovaal valge kirjaga (nagu imago.ee logo, aga pill-kujuline) */
/* pikali ovaal, sama proportsioon (0.72) nagu esimesel videol, lihtsalt pikali */
.logo-pill{display:inline-flex;align-items:center;justify-content:center;width:112px;height:70px;padding-bottom:3px;box-sizing:border-box;border-radius:999px;background:#9a2276;color:#fff;font-size:23px;font-weight:500;letter-spacing:-0.01em;line-height:1;text-transform:lowercase}
.btn-navy-fill:hover{background:#061338!important;border-color:#061338!important;color:#fff!important}
@media (max-width:1199px){.logo-pill{width:118px;height:72px;font-size:26px}}
/* logo: rohkem õhku ümber, menüü joondub logo keskele */
@media (min-width:1200px){.top .wrap.hdr{padding:0 56px 0 36px}}
/* ovaalid ilmuvad alles siis, kui nende koht on arvutatud (ei hüppa) */
@media (min-width:901px){
  #teenused .comp > div:last-child,.band-photo{opacity:0;transition:opacity .4s ease}
  .ovals-placed #teenused .comp > div:last-child,.ovals-placed .band-photo{opacity:1}
}
.btn-turq:hover{background:#0bc9c0!important;border-color:#0bc9c0!important;color:#0b215b!important}
/* lehe algus: pehme värviline gradient, mis läheb alla valgeks */
.pg{background:
  radial-gradient(60% 55% at 85% 8%, rgba(18,230,220,.22), rgba(18,230,220,0) 70%),
  radial-gradient(55% 50% at 10% 0%, rgba(154,34,118,.14), rgba(154,34,118,0) 70%),
  radial-gradient(70% 60% at 55% 30%, rgba(79,54,224,.12), rgba(79,54,224,0) 70%),
  linear-gradient(#fff,#fff)!important;
  background-repeat:no-repeat!important;background-size:100% 850px,100% 850px,100% 850px,100% 100%!important}
.top::before{background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background-color .3s}
.top.is-stuck::before{background:rgba(255,255,255,.92)!important;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
/* ===== mobiil ===== */
html,body{overflow-x:clip;max-width:100%}
.pg{overflow-x:clip}
@media (max-width:1199px){
  .menuBtn{position:relative;z-index:2;width:44px!important;height:44px!important;margin-right:0!important;padding:0 11px!important;border:1.5px solid #000!important;border-radius:999px!important;box-sizing:border-box;gap:4px!important;-webkit-appearance:none;appearance:none;background:none}
  .menuBtn span{width:20px;height:2px!important;flex:0 0 2px;background:#000!important}
  .lang{gap:8px}
  .top{padding-top:10px}
  .hdr{height:86px!important;align-items:center}
  .nav{top:96px!important}
  .menu-bd{inset:96px 0 0 0!important}
}
@container (max-width:900px){
  #hero-oval{width:min(100%,380px)!important;margin-top:32px}
  .tere{margin:0 0 -30px 0!important}
  .hero{padding-top:64px!important}
  #teenused{padding:0!important;margin-top:-24px}
  #teenused .comp{gap:40px!important}
  #teenused .comp > div:first-child{gap:8px!important}
  #teenused .comp > div:first-child > div{padding-top:4px!important}
  #teenused .comp > div:last-child{width:100%!important;justify-self:start!important;margin-left:0!important;aspect-ratio:.72!important;padding:0 20px 150px!important;display:flex!important;flex-direction:column;justify-content:center;align-items:center;translate:none!important;opacity:1!important;position:relative;isolation:isolate}
  #teenused .comp > div:last-child::before{content:"";position:absolute;z-index:-1;inset:0;background:#0b215b;border-radius:999px}
  #teenused .comp > div:last-child .row-big{width:auto!important;min-width:0}
  #teenused .comp > div:last-child .row{color:#fff}
  #teenused .comp > div:last-child .row-t{font-size:19px}
  .band-photo{opacity:1!important;translate:none!important}
  .band-img{width:100%!important;margin-left:0!important;border-radius:999px!important;aspect-ratio:.72!important}
  .band-sec{padding:0 0 40px!important;margin-bottom:0!important;margin-top:-170px!important;position:relative;z-index:2}
  .band{row-gap:48px!important}
  .band > div:last-child{translate:none!important}
  .ft-more{display:inline-block!important;max-width:18em;line-height:1.5!important}
  .ft-more .custom-icon{display:inline-block;margin-left:4px}
  #tood{padding-top:16px!important;padding-bottom:8px!important}
  .acc{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;height:auto!important;margin:0 calc(50% - 50vw)!important;padding:0 8px!important}
  .acc-i{height:auto!important;aspect-ratio:1;flex:none!important}
  .acc-m{left:12px!important;bottom:10px!important;max-width:calc(100% - 24px)!important;padding:0!important}
  .acc-t{font-size:15px!important;white-space:normal!important;line-height:1.15}
  .acc-c{font-size:9px!important}
  .acc-i:nth-child(n+7){display:none!important}
}
/* mobiil: kompetentside loetelu teise video sees (nagu foto esimeses videos) */
.band-list{display:none}
.yrs-mob{display:none}
@container (max-width:900px){
  #teenused .comp > div:last-child{display:none!important}
  .band-sec{margin-top:0!important;padding-top:32px!important}
  .band-list{display:flex;position:absolute;left:50%;top:50%;width:63.6%;aspect-ratio:.72;transform:translate(-50%,-50%);border-radius:999px;background:#0b215b;z-index:3;align-items:center;justify-content:center}
  .band-list nav{display:flex;flex-direction:column;gap:6px}
  .bl-row{color:#fff;text-decoration:none;font-size:18px;line-height:1.25;white-space:nowrap}
  .bl-row:active,.bl-row:hover{color:#f2a7d8}
  .band-img > .float{inset:auto 0 11% 0!important;margin:0 auto!important;transform:translateY(50%)!important;opacity:1!important;flex-direction:column!important;align-items:center!important;gap:0}
  .band-img > .float .yrs-num{font-size:26px!important;opacity:1!important;line-height:.85!important;margin-bottom:-1px}
  .band-img > .float .yrs-txt{font-size:10px!important;margin-top:0!important;opacity:1!important;line-height:1.25!important;text-align:center}
  .yrs-mob-off{display:flex!important;align-items:center;justify-content:center;gap:12px;margin:20px 0 0;color:#0b215b}
  .yrs-mob-n{font-size:56px;font-weight:800;line-height:1;letter-spacing:-0.04em;color:#9a2276}
  .yrs-mob-t{font-size:14px;font-weight:600;line-height:1.35;text-align:left}
}
.tere-t{font-family:'La Belle Aurore',cursive;font-size:1.25em}
/* kompetentside loetelu täppidega */
#teenused .row-big .row-t,.bl-row{position:relative;padding-left:1.05em}
#teenused .row-big .row-t::before,.bl-row::before{content:"";position:absolute;left:0;top:50%;width:.42em;height:.42em;border-radius:50%;background:#12e6dc;transform:translateY(-40%)}
/* jalus: koostööpartnerite logod (valged) */
.ft-partners{margin:56px auto 0;padding-top:32px;border-top:1px solid rgba(255,255,255,.08);max-width:720px;text-align:center}
.ft-partners-t{margin:0 0 18px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8f9bc4}
.ft-partners-r{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px 56px}
.ft-partners-r a{display:block;opacity:.7;transition:opacity .2s}
.ft-partners-r a:hover{opacity:1}
.ft-partners-r img{display:block;width:auto;filter:brightness(0) invert(1)}

#cursor-dot{opacity:0;position:fixed;top:0;left:0;z-index:9999;width:0;height:0;pointer-events:none;transition:opacity .2s ease}
#cursor-dot::before{content:"";position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#9a2276;transition:all .25s ease}
#cursor-dot.is-link::before{left:-22px;top:-22px;width:44px;height:44px;background:rgba(154,34,118,.12);border:1.5px solid rgba(154,34,118,.6);box-sizing:border-box}
#cursor-dot.is-text::before{opacity:0}

/* ===== sisulehed ===== */

/* ===== Sisulehed (vana sisu uues raamis) ===== */
.sub{padding:72px 0 140px}
.sub .wrap{max-width:1296px}
.sub-inner{max-width:1000px;margin:0 auto}
.sub h1,.sub .page-title{margin:0 0 32px;font-size:clamp(40px,3.6vw,52px);line-height:1.08;letter-spacing:-0.03em;font-weight:800;color:#0b215b;text-transform:none}
.sub h2,.sub .as-h1{margin:40px 0 16px;font-size:clamp(24px,2.2vw,32px);line-height:1.2;letter-spacing:-0.015em;font-weight:800;color:#0b215b}
.sub h2 b{font-weight:800}
.sub p,.sub li{font-size:19px;line-height:1.7;color:#3a3a4a}
.sub p:empty{display:none}
.sub a{color:#9a2276;text-decoration:underline;text-underline-offset:4px}
.sub img{max-width:100%;height:auto;border-radius:16px;display:block}
.sub article,.sub .text-block{display:block}
.sub section + section{margin-top:56px}
/* töö galerii (projektilehed) */
.sub #projects{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.sub #projects img{width:100%;margin:0!important}
/* tööde nimekiri */
/* tööde võrk servast serva */
.sub #gallery{margin:0 calc(50% - 50vw);padding:0 24px}
.sub #gallery ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}
.sub #gallery li{position:relative}
.sub #gallery .thumb{display:block;aspect-ratio:1;overflow:hidden;background:#0b215b;border-radius:6px}
.sub #gallery .thumb img{width:100%;height:100%;object-fit:cover;border-radius:0}
/* nimi ei ole pildi all, vaid ilmub hoveril pildi peale (nagu avalehel) */
.sub #gallery .overlay{position:absolute;inset:-2px;display:flex;align-items:center;justify-content:center;padding:18%;text-align:center;font-size:26px;font-weight:800;line-height:1.15;color:#fff;text-decoration:none;background:#0b215b;border-radius:6px;opacity:0;transition:opacity .3s ease}
.sub #gallery li:hover .overlay,.sub #gallery .overlay:focus-visible{opacity:1}
@media (hover:none){.sub #gallery .overlay{opacity:1;inset:auto 0 0 0;padding:20px 24px 28px;font-size:20px;background:linear-gradient(transparent,rgba(11,33,91,.9));border-radius:0 0 6px 6px!important}}
/* kompetentsid */
.sub .title-box h2{font-size:clamp(28px,2.6vw,40px);margin-top:64px}
.sub .what-we-do{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.sub .what-we-do h2{font-size:21px;margin:0 0 10px}
.sub .what-we-do p{font-size:17px}
/* kontakt */
.sub #main-banner{background:none!important}
.sub #main-banner .title{margin:0 0 16px}
.sub #main-banner p{font-size:22px}
.sub #main-banner{text-align:center}
.sub #contact{text-align:center!important}
.sub .custom-form{margin-left:auto!important;margin-right:auto!important;text-align:left}
.sub .custom-form input[type=submit]{display:block;margin:8px auto 0}
.sub #contact .page-title{font-size:clamp(28px,2.6vw,40px)}
.sub .custom-form{margin-top:24px;max-width:560px}
.sub .element-container{margin-bottom:18px}
.sub .element-name{font-size:15px;font-weight:700;color:#0b215b;margin-bottom:6px}
.sub .required{color:#9a2276}
.sub input[type=text],.sub textarea{width:100%;box-sizing:border-box;padding:14px 18px;border:1.5px solid #c9d0da;border-radius:16px;font:inherit;font-size:17px}
.sub textarea{min-height:140px;border-radius:24px}
.sub input[type=submit]{appearance:none;border:0;cursor:pointer;background:#9a2276;color:#fff;font:inherit;font-weight:800;font-size:18px;padding:18px 32px;border-radius:999px}
.sub input[type=submit]:hover{background:#7c1a5f}
.sub-inner:has(#gallery){max-width:none}
.sub .custom-form .row,.sub .element-container{border:0!important;padding:0;margin-left:0;margin-right:0}
.sub .input-wrap,.sub .element-content{width:100%!important;float:none!important}
.sub-note-unused{margin:0 0 40px;padding:12px 18px;border-radius:999px;background:#fdf1f8;color:#7c1a5f;font-size:14px;display:inline-block}
@container (max-width:900px){
  .sub{padding:40px 0 80px}
  .sub .what-we-do{grid-template-columns:minmax(0,1fr)}
  .sub #gallery{padding:0 12px}
  .sub #gallery ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}

.sub .wrap{max-width:1296px}

/* suur jooksev tekst; eraldajaks väike Imago ovaal, kerimine kiirendab ja pöörab suunda */
.mq{overflow:hidden;padding:24px 0 120px;white-space:nowrap;user-select:none}
.mq-r{display:inline-flex;align-items:center;will-change:transform}
.mq-t{display:inline-flex;align-items:center;font-size:clamp(64px,11vw,176px);font-weight:800;letter-spacing:-0.045em;line-height:1;color:#f4f4f7}
.mq-t i{font-style:normal;color:inherit}
.mq-o{flex:0 0 auto;width:.42em;aspect-ratio:.72;margin:0 .32em;border:.04em solid #f4f4f7;border-radius:999px;box-sizing:border-box}
.mq-o--f{background:#f4f4f7}
@container (max-width:900px){.mq{display:none}}

/* kontaktileht: Erki foto ovaalis */
.sub .erki{width:240px;aspect-ratio:.72;margin:24px auto 36px;border-radius:999px;overflow:hidden;background:#f1f1f4}
.sub .erki img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;border-radius:0}
@container (max-width:900px){.sub .erki{width:180px}}

/* avalehe hero (2026-10-23): „Tere!“ kirjutatakse vasakult paremale */
.hero .tere{clip-path:inset(-20% 100% -20% -10%);animation:dA-write 1.1s cubic-bezier(.6,.1,.3,1) .25s forwards}
@keyframes dA-write{to{clip-path:inset(-20% -10% -20% -10%)}}
.hero #hero-oval{opacity:0;animation:dA-fade 1.6s ease .4s forwards}
@keyframes dA-fade{to{opacity:1}}
@media (prefers-reduced-motion:reduce){.hero .tere,.hero #hero-oval{animation:none;opacity:1;transform:none;clip-path:none}}

/* manifesti leht /mis-juhtub (2026-10-23) */
.mf{padding-bottom:40px}
.mf-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-top:56px;padding-bottom:96px}
.mf-script{margin:0 0 -6px -6px;color:#9a2276;font-family:'Homemade Apple',cursive;font-size:56px;line-height:1.3;transform:rotate(-5deg);transform-origin:0 100%;position:relative;z-index:2}
@keyframes mfw{to{clip-path:inset(-20% -10% -20% -10%)}}
.mf-h1{font-size:clamp(40px,4vw,60px)!important}
.mf-script+h1{margin-top:12px!important}
.mf-lead{margin:28px 0 0;font-size:22px;line-height:1.7;max-width:28em;color:#000}
.mf-oval{position:relative;justify-self:center;width:min(100%,420px);aspect-ratio:.72;border-radius:999px;overflow:hidden}
.mf-oval video{width:100%;height:100%;object-fit:cover;display:block}
.mf-oval-in{position:absolute;inset:16% 17%;border-radius:999px;overflow:hidden}
.mf-oval-in img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1)}
.mf-intro{display:grid;grid-template-columns:1fr;gap:20px;padding-bottom:48px}
.mf-intro h2{white-space:nowrap}
.mf-intro p{max-width:42em;margin:0;font-size:20px;line-height:1.7;color:#000}
.mf-grid{display:grid;grid-template-columns:1fr;gap:20px}
.mf-card{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,1.25fr);column-gap:40px;align-items:start}
.mf-card h3{margin-top:4px!important}
.mf-card .mf-sub{grid-column:2}
.mf-card p:last-child{grid-column:3;grid-row:1 / span 2;padding-top:8px}
.mf-card{background:#f4f2f8;border-radius:40px;padding:44px 44px 48px;transition:background .3s}
.mf-card:hover{background:#ecf9f8}
.mf-n{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:999px;background:#0b215b;color:#fff;font-weight:800;font-size:22px}
.mf-card h3{margin:28px 0 6px;font-size:34px;line-height:1.15;font-weight:800;letter-spacing:-0.025em;color:#000}
.mf-sub{margin:0 0 18px;font-size:18px;font-weight:700;color:#9a2276}
.mf-card p:last-child{margin:0;font-size:17px;line-height:1.7;color:#222}
.mf-statement{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding-top:112px;padding-bottom:72px}
.mf-btn{display:inline-flex;align-items:center;gap:12px;color:#0b215b;text-decoration:none;font-weight:800;font-size:18px;padding:19px 28px;border-radius:999px;border:2px solid #0b215b;white-space:nowrap}
@media (max-width:900px){.mf-intro h2{white-space:normal}.mf-card{grid-template-columns:1fr!important}.mf-card .mf-sub,.mf-card p:last-child{grid-column:1!important;grid-row:auto!important}.mf-card h3{margin-top:24px!important}.mf-h1{font-size:36px!important}.mf-hero,.mf-intro,.mf-grid{grid-template-columns:1fr}.mf-hero{padding-top:24px;padding-bottom:56px}.mf-script{font-size:40px}.mf-oval{width:min(100%,320px)}.mf-card{padding:32px 26px 36px;border-radius:32px}.mf-card h3{font-size:28px}.mf-statement{flex-direction:column;align-items:flex-start;padding-top:72px}.mf-lead,.mf-intro p{font-size:18px}}
@media (prefers-reduced-motion:reduce){.mf-script{animation:none;clip-path:none}}

/* lihtsam: ilma kastide ja ringideta read */
.mf-grid{gap:0!important}
.mf-card:last-child{border-bottom:1px solid #e3e1ea}
.mf-card{background:none!important;border-radius:0!important;border-top:1px solid #e3e1ea;padding:40px 0!important;grid-template-columns:48px minmax(0,1fr) minmax(0,1.25fr)!important}
.mf-n{width:auto!important;height:auto!important;background:none!important;color:#9a2276!important;font-size:18px!important;padding-top:10px;justify-content:flex-start!important}
.mf-card h3{font-size:30px!important}
.mf-sub{color:#555!important;font-weight:400!important;font-size:17px!important}
@media (max-width:900px){.mf-card{padding:28px 0!important}.mf-card h3{margin-top:8px!important;font-size:26px!important}.mf-n{padding-top:0}}
.mf-pic{padding-bottom:56px}
.mf-pic img{display:block;width:100%;height:auto;border-radius:40px}
@media (max-width:900px){.mf-pic{padding-bottom:32px}.mf-pic img{border-radius:24px}}
.mf .wrap{max-width:1096px}
.mf-intro h2{font-size:48px!important}
@media (max-width:900px){.mf-intro h2{font-size:30px!important}}
.mf-h1{font-size:clamp(40px,3.6vw,52px)!important}
.mf-hero{grid-template-columns:1.25fr .75fr!important}
@media (max-width:900px){.mf-hero{grid-template-columns:1fr!important}.mf-h1{font-size:36px!important}}
@media (max-width:900px){.mf-hero{padding-top:56px!important}}
@media (max-width:900px){.mf-card{grid-template-columns:1fr!important;padding:28px 0!important}.mf-card .mf-sub,.mf-card p:last-child{grid-column:1!important;grid-row:auto!important}.mf-card p:last-child{padding-top:4px}}
.mf-eyebrow{margin:0 0 20px;font-size:19px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9a2276}
.mf-lead{font-size:33px!important;font-weight:700;line-height:1.35!important;letter-spacing:-0.015em}@media (max-width:900px){.mf-lead{font-size:24px!important}}
.mf-oval{width:min(100%,300px)!important}@media (max-width:900px){.mf-oval{width:min(100%,240px)!important}}
.mf-hero .mf-h1,.mf-hero .mf-lead{color:#0b215b!important}
.mf-hero .mf-h1{text-transform:uppercase}
@media (max-width:900px){.sub h1,.sub .page-title{font-size:36px}}
.sub h1.title{text-transform:uppercase}
.mf-hero{align-items:start!important;padding-top:72px!important}.mf-oval{margin-top:8px}@media (max-width:900px){.mf-hero{padding-top:40px!important}}
.mf-pic img{border-radius:16px!important}
.mf-hero .mf-lead{font-size:clamp(24px,2.2vw,32px)!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-0.015em!important;margin-top:40px!important}
.sub .erki img{filter:grayscale(1)}
.mf-pic{padding-bottom:48px!important}
.mf-oval{width:min(100%,240px)!important}@media (max-width:900px){.mf-oval{width:min(100%,200px)!important}}
.sub #featuring-block-2{margin-top:0}.sub #featuring-block-2 > .title-box:first-child h2{margin-top:48px}
.mf-hr{border:0;border-top:1px solid #e3e1ea;margin:0 0 72px}.mf-hero{padding-bottom:72px!important}@media (max-width:900px){.mf-hr{margin-bottom:48px}.mf-hero{padding-bottom:48px!important}}
.sub .title-box h2{margin-bottom:32px!important}
.mf-hero{grid-template-columns:1fr!important;gap:0!important}.mf-hero .mf-oval{display:none}.mf-hero .mf-lead{max-width:none!important}
.sub article > h1:first-child ~ h2:first-of-type{padding-bottom:72px;border-bottom:1px solid #e3e1ea;margin-bottom:72px}@media (max-width:900px){.sub article > h1:first-child ~ h2:first-of-type{padding-bottom:48px;margin-bottom:48px}}
.sub h2 br[type="_moz"]{display:none}
/* kontakt: Erki pilt + kontaktid kõrvuti, tekst vasakule (2026-10-23) */
.sub #contact{display:grid;grid-template-columns:auto 1fr;column-gap:56px;align-items:start}
.sub #contact > *{grid-column:1/-1}
.sub #contact > .erki{grid-column:1;grid-row:1 / span 2;margin:0}
.sub #contact > .page-title{grid-column:2;grid-row:1;text-align:left;align-self:end;margin:0 0 20px}
.sub #contact > .page-title + h2{grid-column:2;grid-row:2;text-align:left;align-self:start;margin:0}
@media (max-width:900px){.sub #contact{grid-template-columns:1fr}.sub #contact > .erki{grid-column:1;grid-row:auto;margin:0 0 28px}.sub #contact > .page-title,.sub #contact > .page-title + h2{grid-column:1;grid-row:auto}}
.mf-sub{font-size:20px!important;line-height:1.45!important}.mf-card{grid-template-rows:auto 1fr}@media (max-width:900px){.mf-sub{font-size:18px!important}.mf-card{grid-template-rows:none}}
.sub #contact{grid-template-columns:auto auto;justify-content:center}@media (max-width:900px){.sub #contact{grid-template-columns:1fr}}
.sub #main-banner p.small{display:none}
.sub #contact > .erki{grid-row:1 / span 3}
.sub #contact > .erki-intro{grid-column:2;grid-row:1;align-self:end;margin:0 0 24px;max-width:26em;text-align:left;font-size:19px;line-height:1.6;color:#3a3a4a}
.sub #contact > .page-title{grid-row:2;align-self:start}
.sub #contact > .page-title + h2{grid-row:3}
@media (max-width:900px){.sub #contact > .erki,.sub #contact > .erki-intro,.sub #contact > .page-title,.sub #contact > .page-title + h2{grid-column:1;grid-row:auto}}
.sub #contact{margin-top:48px}
.sub #contact{grid-template-columns:1fr auto auto 1fr!important;justify-content:normal!important;margin-top:80px}
.sub #contact > .erki{grid-column:2!important}
.sub #contact > .erki-intro,.sub #contact > .page-title,.sub #contact > .page-title + h2{grid-column:3!important}
.sub .custom-form{max-width:640px!important;width:100%}
@media (max-width:900px){.sub #contact{grid-template-columns:1fr!important;margin-top:48px}.sub #contact > *{grid-column:1!important}}
/* Erki plokk kahe halli joone vahel */
.sub #contact::before,.sub #contact::after{content:"";grid-column:1/-1;border-top:1px solid #e3e1ea;display:block}
.sub #contact::before{grid-row:1;margin-bottom:64px}
.sub #contact::after{grid-row:5;margin-top:64px}
.sub #contact > .erki{grid-row:2 / span 3!important}
.sub #contact > .erki-intro{grid-row:2!important}
.sub #contact > .page-title{grid-row:3!important}
.sub #contact > .page-title + h2{grid-row:4!important}
.sub #contact{margin-top:56px!important}
@media (max-width:900px){.sub #contact::before{margin-bottom:40px}.sub #contact::after{margin-top:40px}.sub #contact > .erki,.sub #contact > .erki-intro,.sub #contact > .page-title,.sub #contact > .page-title + h2{grid-row:auto!important}.sub #contact::after{grid-row:auto}}
.sub #contact > h2:empty,.sub #contact > p:empty{display:none}.sub #contact > h2:not(:empty) > br{display:none}.sub #contact > .page-title + h2 ~ h2:not(:empty){margin-top:64px}
.sub #contact > .page-title + h2{display:none}.sub #contact > .page-title{margin-bottom:0!important}
@media (max-width:900px){.sub #contact{grid-template-columns:1fr!important;margin-top:40px!important}.sub #contact > .erki,.sub #contact > .erki-intro,.sub #contact > .page-title{grid-column:1!important;grid-row:auto!important}.sub #contact > .erki{margin:0 auto 28px!important}.sub #contact > .erki-intro,.sub #contact > .page-title{text-align:center!important;margin-left:auto;margin-right:auto}.sub #contact::before,.sub #contact::after{grid-row:auto}}
@media (max-width:900px){.sub #contact > .page-title ~ *{order:1}.sub #contact::after{order:0;margin:8px 0 0}.sub #contact > .page-title + h2 ~ h2:not(:empty){margin-top:40px}}
@media (max-width:900px){.sub #contact::after{margin:40px 0 0!important}}