/* Brand Empire Club. Skalė ~1,6: 14 / 22 / 36 / 57 / 92 / 146. Judesys: Patek kreivė .19,1,.22,1 atskleidimams, Apple .4,0,.6,1 ir .28 s sąsajai. */
:root{--k:#050505;--p:#f4f3ef;--i:#0a0a0a;--t2:#b9b9b9;--t3:#8c8c8c;--h:rgba(255,255,255,.16);
--x:clamp(24px,6.25vw,168px);--y:clamp(96px,16vh,152px);
--d1:clamp(56px,min(9.6vw,18vh),228px);--dc:clamp(52px,min(6.4vw,12vh),152px);--d2:clamp(32px,min(4.4vw,9vh),112px);--d3:clamp(22px,min(2.1vw,4.4vh),34px);
--f:Bodoni,Didot,"Bodoni 72","Times New Roman",serif;--e:cubic-bezier(.19,1,.22,1);--u:cubic-bezier(.4,0,.6,1);
--ar:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='9'%3E%3Cpath d='M0 4.5h25M21 .5l4 4-4 4' fill='none' stroke='%23000'/%3E%3C/svg%3E")}
@font-face{font-family:Inter;src:url(m/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Bodoni;src:url(m/bodoni.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Bodoni;src:url(m/bodoni-i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
*{box-sizing:border-box;margin:0}[hidden]{display:none!important}
html{background:var(--k);scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--k);color:#fff;font:400 17px/1.55 Inter,system-ui,sans-serif;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
img,video{display:block}a{color:inherit;text-decoration:none}
:focus-visible{outline:1px solid currentColor;outline-offset:4px}
.w{margin-inline:var(--x)}

/* Tipografija: didelis romėnas, kursyvas tik vienam žodžiui */
h1,h2{font:400 var(--d1)/1 var(--f);letter-spacing:-.03em;text-wrap:balance}
.sc h2,.lite h2,.ivas h2{font-size:var(--dc)}
em{font-style:italic}
mark{background:none;color:inherit;font-style:italic}
.sa{font:400 var(--d3)/1.22 var(--f);letter-spacing:-.012em;color:#ececec;margin-top:clamp(18px,3vh,30px);text-wrap:pretty}
.nb{display:inline-block}
.big{font:400 var(--d2)/1.1 var(--f);letter-spacing:-.02em;color:#fff;max-width:12em;margin-top:.42em;text-wrap:balance}
.lead{font-size:clamp(17px,1.35vw,20px);line-height:1.55;color:var(--t2);max-width:30em;text-wrap:pretty}
.n{font:italic 400 clamp(22px,2vw,30px)/1 var(--f);color:#d6d6d6;margin-bottom:.3em}

/* Veiksmai: 52 px stačiakampis be apvalinimo, sakinio raidėmis */
.cta{display:inline-flex;align-items:center;min-height:52px;padding:0 30px;margin-top:clamp(24px,3.6vh,34px);border:1px solid rgba(255,255,255,.6);font:500 15px/1 Inter,sans-serif;letter-spacing:-.005em;transition:background-color .28s var(--u),color .28s var(--u),border-color .28s var(--u)}
.lnk{display:inline-flex;align-items:center;min-height:44px;margin-top:20px;font:500 15px/1 Inter,sans-serif;background:linear-gradient(currentColor,currentColor) 0 calc(100% - 9px)/100% 1px no-repeat;transition:background-size .5s var(--e)}
@media(hover:hover){.cta:hover{background:#fff;color:var(--i);border-color:#fff}.lnk:hover{background-size:0 1px;background-position:100% calc(100% - 9px)}}

/* Viršus */
.nav{position:fixed;z-index:9;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,1.8vh,18px) var(--x);transition:transform .6s var(--e),color .28s var(--u)}
.nav.up,.nav.off{transform:translateY(-110%)}.nav.lt{color:var(--i)}
.js .navc{opacity:0;pointer-events:none;transition:opacity .28s var(--u)}.js .nav.in .navc{opacity:1;pointer-events:auto}
.logo{display:inline-flex;align-items:center;min-height:44px;font:400 clamp(13px,.97vw,18px)/1 var(--f);letter-spacing:.22em;text-transform:uppercase}
.navc{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;margin-right:-14px;font:500 14px/1 Inter,sans-serif}

.hero{position:relative;height:100vh;height:100svh;min-height:420px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.hfoto{position:absolute;top:0;right:-3vw;height:100%;width:min(66vw,calc(100svh*1.06))}
.hfoto img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.hfoto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--k),rgba(5,5,5,0) 36%),linear-gradient(180deg,rgba(5,5,5,0) 60%,var(--k))}
.hero .w{position:relative;z-index:1;padding-bottom:clamp(40px,7vh,72px)}
.hero h1{max-width:7em}
.hero .sa{--dl:.5s}.hero .cta{--dl:.65s}

.say{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:var(--y) 0}
.say h2:first-child{color:#737373}.say h2+h2{--d:.45s}

/* Scena. Be JS ir su „reduced motion“ skyriai tiesiog eina vienas po kito */
.st{position:relative;background:var(--k)}
.sc{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:var(--k)}
.ph{position:absolute;inset:0;overflow:hidden}.ph img{width:100%;height:100%;object-fit:cover}.ph::after{content:"";position:absolute;inset:0}
.tx{position:relative;z-index:2;padding-bottom:clamp(44px,8vh,84px)}
.c1 img{object-position:50% 42%}
.c1 .ph::after{background:radial-gradient(52% 58% at 0 100%,rgba(5,5,5,.9),rgba(5,5,5,0)),linear-gradient(180deg,rgba(5,5,5,.5),rgba(5,5,5,0) 18%,rgba(5,5,5,0) 50%,rgba(5,5,5,.9) 74%,var(--k) 88%)}
.c3 img{object-position:50% 50%}
.c3 .ph::after{background:linear-gradient(90deg,var(--k),rgba(5,5,5,0) 44%),linear-gradient(180deg,rgba(5,5,5,0) 62%,var(--k))}
.c2 figure{position:absolute;top:47%;right:calc(var(--x) + 2vw);height:min(86%,1240px);aspect-ratio:4/5;transform:translateY(-50%)}
.c2 .sa{max-width:24em}
.c2 video{width:100%;height:100%;object-fit:cover;object-position:50% 13%;background:var(--k)}
figcaption{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:12px;font-size:13px;line-height:1.3;color:var(--t3);white-space:nowrap}
.pg{display:none}

/* Trys durys: sąrašas kaip kainynas */
.lite{position:relative;background:var(--p);color:var(--i);padding:var(--y) 0}
.doors{margin-top:clamp(36px,5.5vh,60px);border-top:1px solid var(--i)}
.door{display:grid;grid-template-columns:clamp(48px,7vw,104px) 1fr auto;column-gap:16px;row-gap:8px;align-items:baseline;padding:clamp(24px,3.5vh,36px) 0;border-bottom:1px solid rgba(10,10,10,.16)}
.k{font:italic 400 clamp(20px,1.8vw,26px)/1 var(--f);color:#5c5c5c}
.n2{font:400 var(--d2)/1.04 var(--f);letter-spacing:-.022em}
.p{font:400 clamp(20px,2vw,30px)/1.1 var(--f);letter-spacing:-.01em;text-align:right}
.p::after{content:"";display:inline-block;width:26px;height:9px;margin-left:12px;background:currentColor;-webkit-mask:var(--ar) no-repeat;mask:var(--ar) no-repeat;vertical-align:.1em;transition:transform .32s var(--e)}
.d{grid-column:2/-1;font-size:16px;color:#5a5a5a}
@media(hover:hover){.doors:hover .door:not(:hover){opacity:.32}.door{transition:opacity .32s var(--u)}.door:hover .p::after{transform:translateX(6px)}}
.door:active{opacity:.6}
a,button,label{-webkit-tap-highlight-color:transparent}
.door:nth-child(2){--dl:.08s}.door:nth-child(3){--dl:.16s}
.door:focus-visible{outline-offset:-1px}

.ivas{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);min-height:100svh;background:var(--k)}
.if{position:relative;overflow:hidden;min-height:100svh}
.ci,.ci picture{position:absolute;inset:0}.ci img{width:100%;height:100%;object-fit:cover;object-position:46% 30%}
.if::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,var(--k),rgba(5,5,5,0) 30%),linear-gradient(180deg,rgba(5,5,5,0) 70%,var(--k))}
.it{align-self:end;padding:var(--y) var(--x) clamp(56px,10vh,96px) clamp(32px,4vw,72px)}
.it .lead{margin-top:.9em}

/* Aplikacija */
.end{min-height:calc(100svh - 69px);display:flex;flex-direction:column;justify-content:center;padding:clamp(88px,12vh,128px) 0;overflow-anchor:none}
.eg{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:clamp(48px,7vw,128px);align-items:start}
.eh{position:sticky;top:clamp(96px,15vh,152px)}
.eh h2{font-size:clamp(52px,min(8.6vw,18vh),190px)}
.eh .ln+.ln em{margin-left:-.13em}
#apn[data-d]::after{content:" · " attr(data-d)}
.ap{scroll-margin:84px}
@media(min-width:821px){.ap,.done{min-height:556px}.ap{display:flex;flex-direction:column}.ap .apa{margin-top:auto;padding-top:clamp(28px,4.4vh,40px)}}
.apt{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--t3);font-variant-numeric:tabular-nums;margin-bottom:clamp(28px,4.4vh,44px)}
.apb{flex:1;height:1px;background:var(--h)}.apb i{display:block;height:1px;background:#fff;transition:width .6s var(--e)}
.q{border:0;padding:0;min-width:0;outline:0;animation:qin .7s var(--e)}
@keyframes qin{from{opacity:0;transform:translateY(12px)}}
.q legend{padding:0;font:400 clamp(30px,3.1vw,44px)/1.1 var(--f);letter-spacing:-.02em}
.hint{color:var(--t3);font-size:15px;margin-top:12px}
.ap input:not([type=radio]),.ap textarea{display:block;width:100%;margin-top:18px;background:transparent;color:#fff;border:0;border-bottom:1px solid rgba(255,255,255,.42);border-radius:0;padding:12px 0 14px;font:400 clamp(22px,2vw,26px)/1.25 var(--f);letter-spacing:-.005em;resize:none;transition:border-color .24s var(--u),box-shadow .24s var(--u)}
.fl input:not([type=radio]){margin-top:6px}.fl{margin-top:12px}
.ap input::placeholder{color:var(--t3);opacity:1}
.ap input:not([type=radio]):focus-visible,.ap textarea:focus-visible{outline:0;border-color:#fff;box-shadow:0 1px 0 #fff}
.ap input:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;-webkit-box-shadow:0 0 0 100px var(--k) inset;box-shadow:0 0 0 100px var(--k) inset}
.chs{margin-top:22px;border-top:1px solid var(--h)}
.ch{position:relative;display:block;cursor:pointer}.ch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.ch span{display:flex;align-items:center;min-height:58px;border-bottom:1px solid var(--h);font-size:17px;background:linear-gradient(#fff,#fff) 0 0/0 100% no-repeat;transition:background-size .34s var(--e),color .2s var(--u),padding .34s var(--e)}
@media(hover:hover){.ch:hover span{padding-left:10px}}
.ch input:checked+span{background-size:100% 100%;color:var(--i);padding-left:16px}
.ch input:focus-visible+span{outline:1px solid #fff;outline-offset:-1px}
.apa{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:52px;margin-top:clamp(28px,4.4vh,40px)}.apa .btn{margin-left:auto}
.btn{min-height:52px;padding:0 30px;background:#fff;color:var(--i);border:1px solid #fff;border-radius:0;font:500 15px/1 Inter,sans-serif;letter-spacing:-.005em;cursor:pointer;transition:background-color .28s var(--u),color .28s var(--u)}
@media(hover:hover){.btn:not(:disabled):hover{background:transparent;color:#fff}.bk:hover{color:#fff}}
.btn:disabled{opacity:.6;cursor:default}
.bk{min-height:44px;background:none;border:0;color:var(--t2);font:500 15px/1 Inter,sans-serif;padding:0 14px 0 0;cursor:pointer}
.er{font-size:15px;margin-top:14px}.pr{color:var(--t3);font-size:13px;margin-top:20px}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.done{outline:0;animation:qin .9s var(--e)}.done .tag{font:500 14px/1.3 Inter,sans-serif;color:var(--t2);margin-bottom:18px}
.dt{font:400 clamp(44px,5.4vw,84px)/1.04 var(--f);letter-spacing:-.025em;overflow-wrap:anywhere}.done .lead{margin-top:20px}

.foot{display:flex;justify-content:space-between;padding:24px var(--x) calc(24px + env(safe-area-inset-bottom));border-top:1px solid var(--h);color:var(--t3);font-size:13px}

/* Judesys. Klasė .mv atsiranda tik su JS ir kai nėra „reduced motion“ */
main{transition:opacity .28s var(--u)}.cut main{opacity:0}
.sp.ok{display:flow-root}
.ln{display:block;overflow:hidden;padding:.14em .08em .22em;margin:0 -.08em}.ln:first-child{margin-top:-.14em}.ln:last-child{margin-bottom:-.22em}.ln+.ln{margin-top:-.36em}.li{display:block}
.mv .sp{visibility:hidden}.mv .sp.ok{visibility:visible}
.mv .sp .li{transform:translateY(135%)}
.mv .sp.in .li{transform:none;transition:transform 1.3s var(--e) calc(var(--d,0s) + var(--i)*110ms)}
.mv .rv{opacity:0;transform:translateY(18px)}
.mv .rv.in{opacity:1;transform:none;transition:opacity 1s var(--u) var(--dl,0s),transform 1.3s var(--e) var(--dl,0s)}
.mv .hfoto img{opacity:0;transform:scale(1.05)}
.mv.go .hfoto img{opacity:1;transform:none;transition:opacity 2.2s var(--u),transform 4.5s cubic-bezier(.33,0,.2,1)}
.mv .ci{opacity:0}.mv .ci img{transform:scale(1.04)}
.mv .if.in .ci{opacity:1;transition:opacity 1.6s var(--u)}.mv .if.in .ci img{transform:none;transition:transform 3.6s cubic-bezier(.33,0,.2,1)}

.mv .st{height:325vh;height:325svh}
.mv .pn{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.mv .sc{position:absolute;inset:0;min-height:0;opacity:0;z-index:1;transition:opacity 0s .9s}
.mv .sc.vz{opacity:1;z-index:2;transition:opacity .9s var(--u)}
.mv .sc .ph img{transition:transform 0s .9s}
.mv .sc.on .ph img{transform:scale(calc(1 + var(--c,0)*.05));transition:none;will-change:transform}
.mv .sc .sp .li{transition:transform 0s .5s}
.mv .sc.on .sp .li{transform:none;transition:transform 1.3s var(--e) calc(.32s + var(--i)*110ms)}
.mv .sc .tx{opacity:0;transition:opacity .22s var(--u)}.mv .sc.on .tx{opacity:1;transition:opacity .2s var(--u) .24s}
.mv .sc .rv{transition:opacity 0s .5s,transform 0s .5s}
.mv .sc.on .rv{opacity:1;transform:none;transition:opacity 1s var(--u) var(--dl,0s),transform 1.3s var(--e) var(--dl,0s)}
.mv .sc .n{--dl:.3s}.mv .sc .sa,.mv .sc .big{--dl:.62s;min-height:calc(var(--d2)*1.16);margin-top:clamp(20px,3vh,28px)}
.mv .c3 .big{max-width:none;white-space:nowrap}
.mv .pg{display:block;position:absolute;z-index:3;left:var(--x);right:var(--x);bottom:clamp(18px,3vh,30px);height:1px;background:var(--h)}
.pg i{display:block;height:1px;background:rgba(255,255,255,.62);transform:scaleX(0);transform-origin:0 50%}

/* Telefonas ir planšetė */
@media(max-width:820px){
:root{--d1:clamp(52px,15.6vw,112px);--d2:clamp(32px,8.8vw,64px);--d3:clamp(21px,5.7vw,34px)}
.logo{font-size:12.5px}
.sc h2,.lite h2,.ivas h2{font-size:var(--d1)}
.hfoto{width:100%;right:0}.hfoto img{object-position:53% 0}
.hfoto::after{background:linear-gradient(180deg,rgba(5,5,5,0) 40%,rgba(5,5,5,.72) 60%,var(--k) 76%)}
.hero .w{padding-bottom:clamp(28px,5vh,48px)}
.sa{max-width:none}
.sc{min-height:100svh}
.sc .ph{inset:0 0 auto;height:66%}
.c1 img{object-position:27% 50%}.c3 img{object-position:53% 60%}
.c3 .ph{height:80%}
.c1 .ph::after{background:linear-gradient(180deg,rgba(5,5,5,0) 54%,var(--k))}
.c3 .ph::after{background:linear-gradient(180deg,rgba(5,5,5,0) 64%,var(--k) 96%)}
.c2 figure{top:clamp(52px,8vh,72px);left:50%;right:auto;height:calc(60% - clamp(52px,8vh,72px));transform:translateX(-50%)}
figcaption{margin-top:8px;font-size:12px}
.tx{padding-bottom:clamp(44px,6.4vh,64px)}
.c2 .nb{display:inline}
.mv .c2 figure{position:relative;top:auto;left:auto;align-self:center;flex:1 1 0;min-height:0;height:auto;margin:clamp(52px,8vh,72px) 0 40px;transform:none}
.big{max-width:none}
.mv .sc .sa,.mv .sc .big{min-height:calc(var(--d3)*3.7)}.mv .c3 .big{white-space:normal}
.ap{scroll-margin:24px}
.door{grid-template-columns:32px 1fr;column-gap:8px}
.p{grid-column:2;grid-row:2;display:flex;justify-content:space-between;align-items:center;text-align:left}.p::after{margin-left:0}.d{grid-column:2}
.ivas{grid-template-columns:1fr;min-height:0}
.if{min-height:0;aspect-ratio:1/1.07}
.if::after{background:linear-gradient(180deg,rgba(5,5,5,0) 66%,var(--k))}
.it{padding:8px var(--x) clamp(72px,12vh,112px)}
.eg{grid-template-columns:1fr;row-gap:clamp(56px,9vh,88px)}.eh{position:static}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.q,.done{animation:none}.ch span,.lnk{transition:none}}