@font-face{font-family:"IT";src:url(fonts/intertight-latin.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212}
@font-face{font-family:"IT";src:url(fonts/intertight.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}
/* valdas.eu tema — 1 šeima, 1 storis, 3 dydžiai, vienas tarpo vienetas */
:root{
  --bg:#fff;--fg:#000;--mute:rgba(0,0,0,.4);--ph:rgba(0,0,0,.1);--acc:#ff2d0a;
  --u:10px;--s-small:30px;--s-medium:40px;--s:78px;--s-big:110px;--s-enormous:180px;
  --small:12.5px;--text:15px;--big:40px;
  --t1:all .1s ease-in-out;
}
@media(max-width:767px){:root{--u:8px;--s-small:18px;--s:40px;--s-big:70px;--s-enormous:110px;--text:12.5px;--big:26px}}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--fg);font:400 var(--text)/1.2 "IT","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;transition:var(--t1)}
a:hover{opacity:.6}
img{display:block;max-width:100%}
.grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--u);padding:0 var(--u)}
.small{font-size:var(--small);line-height:1.2}
.small span,.small a{display:block}
.big{font-size:var(--big);line-height:1.14;letter-spacing:-.02em;font-weight:400}
.big p+p{text-indent:1.1em}
em{font-style:normal}
.ph{color:var(--mute)}
.lnk{display:inline-block;font:inherit;font-size:var(--big);line-height:1.14;letter-spacing:-.02em;color:inherit;background:none;border:0;border-bottom:1px solid currentColor;cursor:pointer;padding:0;transition:var(--t1)}
.lnk:hover{opacity:.6}
.lnk i{font-style:normal}

/* header: nav ties 7-a kolona, dešinė grupė prie krašto */
.hd{position:fixed;inset:0 0 auto;z-index:20;display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--u);padding:5px var(--u);font-size:var(--small);line-height:1.2;pointer-events:none}
.hd a{pointer-events:auto}
.hd__nav{grid-column:7/10;display:flex;gap:1em}
.hd__nav--r{grid-column:10/13;justify-content:flex-end}

/* logo */
.hero{padding:0 var(--u) 0 0;overflow-x:clip}
.hero__h{font:inherit;margin:0}
.hero__mark{display:block;font-weight:700;color:var(--acc);width:46vw;font-size:17.3vw;margin-top:-.075em;line-height:.76;letter-spacing:-.06em;margin-left:-.02em;white-space:nowrap;transition:transform .2s ease-in-out,opacity .2s ease-in-out}
.hero__word{display:inline-flex;overflow:hidden;padding-bottom:.06em}
.hero__word span{display:inline-block;transform:translateY(105%);animation:rise .6s cubic-bezier(.2,.7,.1,1) forwards}
.hero__word span:nth-child(2){animation-delay:.04s}.hero__word span:nth-child(3){animation-delay:.08s}.hero__word span:nth-child(4){animation-delay:.12s}.hero__word span:nth-child(5){animation-delay:.16s}.hero__word span:nth-child(6){animation-delay:.2s}
@keyframes rise{to{transform:none}}
.hero__sub{padding-left:var(--u);opacity:0;animation:fade .2s .5s ease-in-out forwards}
.hero__sub span:last-child{padding-left:1em}
@keyframes fade{to{opacity:1}}
body.scrolled .hero__mark{transform:translateY(-30%);opacity:0}

/* intro */
.intro{margin-top:var(--s-enormous);align-items:end}
.intro__text{grid-column:1/8}
.intro__img{grid-column:10/13}

/* paveikslai: 4:5, pilkas fonas .1, opacity .2s su 150ms */
.img{position:relative;overflow:hidden;background:var(--ph);aspect-ratio:4/5}
.img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease-in-out 150ms}
.img.in img{opacity:1}

/* darbai */
.work{margin-top:var(--s)}
.work__grid{row-gap:var(--s-small)}
.card{grid-column:span 3;display:block}
.card:hover{opacity:1}
.card figcaption{margin-top:var(--u)}
.more{grid-column:7/13;justify-self:start;margin-top:var(--s-big)}

.sec-h{margin-bottom:var(--s-small);color:var(--fg)}
.sec-h span:nth-child(1){grid-column:1/7}.sec-h span:nth-child(2){grid-column:7/10}.sec-h span:nth-child(3){grid-column:10/13}
.services .sec-h span:nth-child(3),.index .sec-h span:nth-child(3){text-align:left}

/* indeksas: be linijų, hover paveikslų juosta */
.index{margin-top:var(--s-enormous)}
.index__wrap{position:relative}
.index__list{grid-column:1/13;list-style:none}

.index__list:hover a:hover{color:var(--fg)}
.index__film{position:absolute;left:calc((100% - var(--u)*13)/12*4 + var(--u)*4);width:calc((100% - var(--u)*13)/12*2 + var(--u));top:0;aspect-ratio:4/5;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .2s ease-in-out;z-index:2}
.index__film.on{opacity:1}
.index__reel{transition:transform .2s ease-in-out}
.index__reel div{aspect-ratio:4/5;background:var(--ph) center/cover}

/* paslaugos */
.services{margin-top:var(--s-enormous)}
.svc{list-style:none;padding:0 var(--u)}
.svc li{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--u);margin-bottom:var(--s-small)}
.svc__n{grid-column:1/7}
.svc__n sup{display:none}
.svc__t{grid-column:7/10;padding-top:.55em;max-width:30ch}
.svc__p{grid-column:10/13;padding-top:.55em}

/* apie — pastraipos su įtrauka, visu pločiu */
.about{margin-top:var(--s-enormous)}
.about__text{grid-column:1/13;max-width:24em}
.about__text .lnk{margin-top:var(--s-small)}
.quote{margin-top:var(--s-big)}
.quote>.small{grid-column:1/7}
.quote blockquote{grid-column:7/13}
.quote cite{font-style:normal;margin-top:var(--u);display:block}

/* pokalbis */
.cta{margin-top:var(--s-enormous)}
.cta__l{grid-column:1/7}
.cta__l h2{max-width:12em}
.cta__note{margin-top:var(--u)}
.form{grid-column:7/13;display:grid;gap:var(--u)}
.form label{display:block;border-bottom:1px solid var(--ph)}
.form input,.form select,.form textarea{display:block;width:100%;border:0;background:none;font:inherit;font-size:var(--big);letter-spacing:-.02em;line-height:1.14;color:var(--fg);padding:2px 0 4px;outline:0;resize:none;border-radius:0;-webkit-appearance:none;appearance:none}
.form button{justify-self:start;margin-top:var(--s-small)}
.form__ok{display:none}.form.sent .form__ok{display:block}

/* footer: 4 kolonos smulkiu tekstu */
.ft{margin-top:var(--s-big);padding-bottom:var(--u)}
.ft>div{grid-column:span 3}

/* reveal: tik opacity, .2s */
.r{opacity:0;transition:opacity .2s ease-in-out 150ms}
.r.in{opacity:1}

@media(max-width:1023px){.intro__text{grid-column:1/10}.index__film{display:none}}
@media(max-width:767px){
  .grid,.hd{grid-template-columns:repeat(2,1fr)}
  .hd{position:absolute}
  .hd__nav{grid-column:1/2;gap:.8em}
  .hd__nav--r{grid-column:2/3}
  .hero{padding-top:24px}
  .hero__mark{width:100vw;font-size:37vw;margin-top:-.06em}
  .hero__sub{margin-top:4px}
  .intro{margin-top:calc(var(--s-enormous) + var(--s-medium))}
  .intro__text{grid-column:1/3}
  .intro__img{display:none}
  .work{margin-top:var(--s-medium)}
  .card{grid-column:span 1}
  .more{grid-column:1/3;margin-top:var(--s)}
  .sec-h span:nth-child(n){grid-column:auto}.sec-h span:nth-child(2){display:none}.sec-h span:nth-child(3){text-align:right!important}
  .svc li{grid-template-columns:1fr auto;row-gap:4px}
  .svc__n{grid-column:1/2}.svc__p{grid-column:2/3;text-align:right}
  .svc__t{grid-column:1/3;padding-top:0}
  .about__text,.quote blockquote,.quote>.small,.cta__l,.form{grid-column:1/3}
  .quote blockquote{margin-top:var(--u)}
  .form{margin-top:var(--s)}
  .ft>div{grid-column:span 1;margin-bottom:var(--s-small)}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .hero__word span,.hero__sub,.r,.img img{opacity:1!important;transform:none!important}
}
.static .hero__word span,.static .hero__sub,.static .r,.static .img img{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}

/* puslapiai */
html.js:not(.static) body{opacity:0;transition:opacity .2s ease-in-out}
html.js body.ready{opacity:1}
.hd__nav a[aria-current]{opacity:.4}
.hero__mark:hover{opacity:1}
.related{margin-top:var(--s-enormous)}
.index{margin-top:var(--s-enormous)}
.idx-row{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--u);padding:0 var(--u);align-items:baseline}
.idx-row>span:nth-child(1){grid-column:1/2}.idx-row>span:nth-child(2){grid-column:2/7}.idx-row>span:nth-child(3){grid-column:7/9}.idx-row>span:nth-child(4){grid-column:9/12}.idx-row>span:nth-child(5){grid-column:12/13;text-align:right}
.index__list .idx-t{font-size:var(--big);line-height:1.14;letter-spacing:-.02em}
.index__film{left:calc(var(--u) + (100% - var(--u)*13)/12*3 + var(--u)*3)}
.lists{margin-top:var(--s-big)}
.lists__h{grid-column:1/7}.lists__c{grid-column:7/13;list-style:none;columns:2;column-gap:var(--u)}
.contact>div{margin-bottom:var(--s-small)}
.contact span,.contact a{display:block}
.cta{margin-top:var(--s)}
.img--wide{aspect-ratio:16/10}
.wp__top{margin-top:var(--s-enormous);align-items:start}
.wp__t{grid-column:1/7}
.wp__d{grid-column:span 2}.wp__d:nth-of-type(1){grid-column:7/9}
.wp__k{color:var(--mute)}
.wp__text{margin-top:var(--s)}
.wp__text>.big{grid-column:7/13}
.wp__site{grid-column:7/13;justify-self:start;margin-top:var(--s-small)}
.wp__gal{margin-top:var(--s);row-gap:var(--u)}
.wp__hero{grid-column:1/13}
.wp__g{grid-column:span 6}
.wp__g:last-child:nth-child(2){grid-column:4/10}
.wp__next{margin-top:var(--s-big);align-items:baseline}
.wp__next>span{grid-column:1/7}.wp__next>a{grid-column:7/13;justify-self:start}
@media(max-width:767px){
  .idx-row{grid-template-columns:auto 1fr auto;column-gap:var(--u)}
  .idx-row>span:nth-child(n){grid-column:auto}
  .idx-row>span:nth-child(3),.idx-row>span:nth-child(4){display:none}
  .index__list li{margin-bottom:6px}
  .lists__h,.lists__c{grid-column:1/3}.lists__c{margin-top:var(--u)}
  .wp__t{grid-column:1/3;margin-bottom:var(--s-small)}
  .wp__d,.wp__d:nth-of-type(1){grid-column:span 1;margin-bottom:var(--u)}
  .wp__d:nth-of-type(1){grid-column:1/3}
  .wp__text>.big,.wp__site,.wp__hero,.wp__g,.wp__g:last-child:nth-child(2),.wp__next>span,.wp__next>a{grid-column:1/3}
  .wp__next>a{margin-top:var(--u)}
}

.ph,.small .ph,.contact .ph{display:inline!important}
.index__list{list-style:none}
.index__list a{display:grid}
.index__list:hover a{color:var(--mute)}.index__list:hover a:hover{color:var(--fg);opacity:1}
.index .sec-h{display:grid}
.sec-h.idx-row>span:nth-child(1){grid-column:1/2}.sec-h.idx-row>span:nth-child(2){grid-column:2/7}.sec-h.idx-row>span:nth-child(3){grid-column:7/9;display:block}.sec-h.idx-row>span:nth-child(4){grid-column:9/12;display:block}.sec-h.idx-row>span:nth-child(5){grid-column:12/13;text-align:right}
@media(max-width:767px){.sec-h.idx-row>span:nth-child(n){grid-column:auto}.sec-h.idx-row>span:nth-child(3),.sec-h.idx-row>span:nth-child(4){display:none}}
.index__film{left:calc(var(--u) + ((100% - var(--u)*13)/12 + var(--u))*4)}
@media(max-width:767px){
  .idx-row{grid-template-columns:3.4em 1fr auto}
  .sec-h.idx-row>span:nth-child(2){display:block}
}

/* intro „fake GIF“: 0.5s kadrui, linear, kietas kirpimas, sticky apačioje */
:root{--fg-step:.5s}
.intro__img.fg{position:sticky;bottom:var(--u);align-self:end}
.fg img{opacity:0;transition:none!important}
.fg.in img{animation:fg calc(var(--n) * var(--fg-step)) infinite linear}
.fg.in img:first-child{opacity:1}
@media(prefers-reduced-motion:reduce){.fg img{animation:none!important;opacity:0!important}.fg img:first-child{opacity:1!important}}
.static .fg img{animation:none!important;opacity:0!important}.static .fg img:first-child{opacity:1!important}

/* case card hover: zoom 1.013, all 150ms ease-in-out, tik ≥1024px; antra ir trečia parašo eilutės → rgba(0,0,0,.4) */
.card .img{overflow:hidden}
.card .img img{transition:all 150ms ease-in-out}
@media(min-width:1024px){.card:hover .img img{transform:scale(1.013,1.013)}}
.card:hover figcaption span:nth-child(n+2){color:var(--mute)}

/* theme: optional project video (same box as img) */
.img video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease-in-out 150ms}
.img.in video,.static .img video{opacity:1}
.card .img video{transition:all 150ms ease-in-out}
@media(min-width:1024px){.card:hover .img video{transform:scale(1.013,1.013)}}
.index__reel div{position:relative;overflow:hidden}.index__reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(prefers-reduced-motion:reduce){.img video{opacity:1!important;transition:none!important;transform:none!important}}

/* preliminarus turinys — švelniai pilka, be ženklų */
.pre{color:rgba(0,0,0,.55)}
blockquote.pre,blockquote.pre cite{color:rgba(0,0,0,.4)}
.pre{display:inline!important}

/* WP QA fixes 2026-10-16 */
@media(max-width:767px){.hd__nav a{display:inline}.hd__langs{display:inline}.hd__nav--r .hd__soc{display:none}}
@media(min-width:768px){.index__list .idx-row>span:nth-child(2){grid-column:2/5}}
@media(max-width:767px){.svc__p{grid-row:1;grid-column:2}.svc__t{grid-row:2}}
.big p,.big h1,.big h2,h1.big{text-wrap:pretty}
.contact .lnk.big{display:inline-block;margin-bottom:var(--s-small)}
@media print{.img img,.img video{opacity:1!important}}
.ft a .s-l{display:inline!important}.contact .s-s,.ft .s-s{display:none!important}
@media(max-width:767px){.ft a .s-l{display:none!important}.ft .s-s{display:inline!important}}

.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* paveikslai matosi iš karto */
.img:not(.fg) img,.r{opacity:1!important;transition:none!important}
/* neužpildyti tarpai nerodomi */
body .ph,body .small .ph,body .contact .ph{display:none!important}
/* poraštė ekrano apačioje */
body{min-height:100vh;display:flex;flex-direction:column}
body>main{flex:1 0 auto}

/* kalbos jungiklis lt / en */
.hd__langs{white-space:nowrap}
.hd__nav .hd__lang[aria-current]{opacity:1}
.hd__lang--off{opacity:.4}
.hd__lang--off:hover{opacity:.6}
.hd__sep{opacity:.4}
/* projekto puslapio video (su garsu ir valdikliais) */
.wp__vid{margin:0}
.wp__vid video{display:block;width:100%;height:auto;background:var(--ph);object-fit:cover}
.wp__vid video:not([width]){aspect-ratio:16/10}
.wp__vid--tall{justify-self:center;width:100%;max-width:420px}
@media(max-width:767px){.wp__vid--tall{max-width:none}}