/* GST Legal full site, round 3 (2026-11-15). Built into site/assets/style.css.
   Type: Noto Serif + Noto Serif Georgian (one display family, full width) and FiraGO (Latin + Georgian text).
   Motion: words rise into clip boxes, photos open from the logo's diamond, films and photos melt into the page,
   navy bands end in the logo's chevron. Reduced motion shows everything at rest. */

/* ---------- reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:6rem}
body{margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0;padding:0}
ul[role=list],ol[role=list],nav ul{list-style:none}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
button,input,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--focus,currentColor);outline-offset:3px}
[hidden]{display:none!important}
.sr,.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;left:1rem;top:-4rem;z-index:100;padding:.7rem 1rem;background:#F5F1E8;color:#0b1530;font:600 .9rem/1 var(--sans);text-decoration:none;transition:top .2s}
.skip:focus{top:1rem}
.cl{display:block;width:var(--w);height:var(--h);background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}

/* ---------- fonts ---------- */
@font-face{font-family:'GST Serif';src:url('fonts/noto-serif.woff2') format('woff2');font-weight:100 900;font-style:normal;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:'GST Serif';src:url('fonts/noto-serif-italic.woff2') format('woff2');font-weight:100 900;font-style:italic;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:'GST Serif';src:url('fonts/serif-georgian.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0589,U+10A0-10FF,U+1C90-1CBA,U+1CBD-1CBF,U+205A,U+2D00-2D2F,U+2E31}
@font-face{font-family:'FiraGO';src:url('fonts/firago-light.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'FiraGO';src:url('fonts/firago-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'FiraGO';src:url('fonts/firago-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'FiraGO';src:url('fonts/firago-semibold.woff2') format('woff2');font-weight:600;font-display:swap}

/* ---------- tokens ---------- */
:root{
  --navy:#0A1430;--navy-2:#111E45;--blue:#2B4F96;--pale:#A9BBEA;--yellow:#FFD400;
  --white:#fff;--mist:#F5F1E8;--ink:#0A1430;--text:#27314D;--muted:#5B6680;--line:#D9DDE6;
  --serif:'GST Serif',Georgia,'Times New Roman',serif;--sans:'FiraGO',system-ui,-apple-system,sans-serif;
  --pad:clamp(1.25rem,4vw,4rem);--sec:clamp(5rem,9vw,8.5rem);--cut:clamp(1.25rem,3.6vw,3.5rem);
  --ease:cubic-bezier(.2,.7,.1,1);--ease-io:cubic-bezier(.75,0,.2,1);
  --acc:var(--blue);--focus:var(--blue);
  --lg-a:#fff;--lg-b:var(--pale);--lg-c:var(--yellow);--lg-bg:transparent;
}
body{background:#F5F1E8;color:var(--text);font:400 1.0625rem/1.65 var(--sans);letter-spacing:-.003em;font-variant-numeric:lining-nums}
.dark,.dark-t{--acc:var(--yellow);--text:#C9D3EE;--muted:#93A2C9;--line:rgba(169,187,234,.22);--focus:var(--yellow);--ink:#fff}
.dark{background:var(--navy);color:var(--text)}
.wrap{padding-inline:var(--pad);max-width:96rem;margin-inline:auto}
::selection{background:var(--yellow);color:var(--navy)}
section{position:relative}

/* ---------- type ---------- */
.h1,.h2,.h3{font-family:var(--serif);font-weight:300;color:var(--ink);text-wrap:balance}
.h1{font-size:clamp(3rem,6.4vw,6.4rem);line-height:1.02;letter-spacing:-.03em}
.h2{font-size:clamp(2.3rem,4.3vw,4.1rem);line-height:1.06;letter-spacing:-.025em}
.h2--xl{font-size:clamp(2.6rem,5.6vw,5.4rem);line-height:1.02}
.h3{font-size:clamp(1.3rem,1.75vw,1.6rem);font-weight:400;line-height:1.22;letter-spacing:-.012em}
.is-i{font-style:italic}
.is-a{color:var(--acc)}
.lang-ka .h1{font-size:clamp(2.35rem,4.7vw,4.7rem);line-height:1.16;letter-spacing:-.012em}
.lang-ka .h2{font-size:clamp(1.9rem,3.2vw,3.15rem);line-height:1.2;letter-spacing:-.01em}
.lang-ka .h2--xl{font-size:clamp(2.1rem,4.1vw,4rem)}
.lang-ka .h3{font-size:clamp(1.15rem,1.45vw,1.38rem);line-height:1.35;letter-spacing:0}
.lang-ka .is-i{font-style:normal;font-weight:500}
.lang-ka .lat{font-weight:200;font-size:.92em;letter-spacing:-.01em}
.lang-ka .is-i .lat{font-weight:400}
.lang-ka body,.lang-ka{letter-spacing:0}
.lead{font:300 clamp(1.2rem,1.65vw,1.5rem)/1.5 var(--sans);color:var(--ink);letter-spacing:-.01em}
.lang-ka .lead{font-size:clamp(1.1rem,1.45vw,1.32rem);line-height:1.65;letter-spacing:0}

/* kicker: the logo's yellow facet, then a spaced label */
.kick{display:flex;align-items:center;gap:.7rem;font:500 .75rem/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.kick::before{content:'';flex:none;width:.7rem;height:.6rem;background:var(--yellow);clip-path:polygon(0 0,100% 0,50% 100%)}
.lang-ka .kick{letter-spacing:.07em;font-size:.78rem}

/* ---------- reveal ---------- */
@media (prefers-reduced-motion:no-preference){
  .js [data-r]{opacity:0;translate:0 var(--r-y,1.5rem);transition:opacity 1s var(--ease) calc(var(--i,0)*80ms),translate 1.1s var(--ease) calc(var(--i,0)*80ms)}
  .js [data-r].in{opacity:1;translate:0 0}
  /* headlines: every word rises out of its own clip box */
  .js .hl[data-r]{opacity:1;translate:none;transition:none}
  .js .hl .w>span{translate:0 135%;transition:translate 1.15s var(--ease) calc(var(--i)*55ms + 60ms)}
  .js .hl.in .w>span{translate:0 0}
  /* facet reveal: the frame opens from a small diamond to the full picture */
  .js .fx{clip-path:polygon(50% 40%,60% 50%,50% 60%,40% 50%);transition:clip-path 1.4s var(--ease-io) calc(var(--i,0)*110ms + 120ms)}
  .js .fx img{scale:1.28;transition:scale 1.8s var(--ease) calc(var(--i,0)*110ms + 120ms),filter .7s var(--ease)}
  .js .in .fx,.js .fx.in{clip-path:polygon(50% -62%,162% 50%,50% 162%,-62% 50%)}
  .js .in .fx img,.js .fx.in img{scale:1}
}
.hl__l{display:block}
.w{display:inline-block;clip-path:inset(-.45em -.35em -.32em -.35em)}
.w>span{display:inline-block}
.fx{position:relative;display:block;overflow:hidden;background:var(--navy);isolation:isolate}
.fx img{width:100%;height:100%;object-fit:cover}
/* the logo's yellow facet slides into the corner on hover */
.fx::after{content:'';position:absolute;left:0;top:0;z-index:2;width:clamp(1.6rem,2.6vw,2.4rem);aspect-ratio:1;background:var(--yellow);clip-path:polygon(0 0,100% 0,0 100%);scale:0;transform-origin:0 0;transition:scale .55s var(--ease)}

/* ---------- buttons and links ---------- */
.btn{position:relative;display:inline-flex;align-items:center;gap:.6rem;min-height:3rem;padding:.75rem 1.2rem;border-radius:2px;background:#F5F1E8;color:var(--navy);font:500 .95rem/1.2 var(--sans);text-decoration:none;overflow:hidden;isolation:isolate;transition:color .35s var(--ease)}
.btn::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--yellow);clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:clip-path .55s var(--ease)}
.btn span{display:inline-block;transition:translate .5s var(--ease)}
.btn:hover::before,.btn:focus-visible::before{clip-path:polygon(0 0,115% 0,100% 100%,0 100%)}
.btn:hover span,.btn:focus-visible span{translate:.2rem 0}
.btn:active{scale:.98}
.btn--line{background:transparent;color:var(--white);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.btn--line:hover,.btn--line:focus-visible{color:var(--navy)}
.btn--dark{background:var(--navy);color:var(--white)}
.btn--dark:hover,.btn--dark:focus-visible{color:var(--navy)}
.btn--sm{min-height:2.5rem;padding:.55rem 1rem;font-size:.9rem}
.arw{width:1.1em;height:1.1em;flex:none;transition:translate .45s var(--ease)}
.tlink{display:inline-flex;align-items:center;gap:.55rem;padding-bottom:.35rem;border-bottom:1px solid currentColor;text-decoration:none;font:500 .95rem/1.3 var(--sans);color:var(--ink);transition:color .3s var(--ease),border-color .3s var(--ease)}
.tlink:hover,.tlink:focus-visible{color:var(--acc);border-color:var(--acc)}
.tlink:hover .arw,.tlink:focus-visible .arw{translate:.3rem 0}

/* ---------- header ---------- */
.hd{position:fixed;inset:0 0 auto;z-index:50;color:var(--white);transition:background-color .4s var(--ease),color .4s var(--ease),box-shadow .4s var(--ease)}
.hd__in{display:flex;align-items:center;gap:2rem;padding:1.15rem var(--pad);max-width:96rem;margin-inline:auto;transition:padding .4s var(--ease)}
.logo{display:flex;align-items:center;gap:.7rem;margin-right:auto;text-decoration:none;font:600 1.12rem/1 var(--sans);letter-spacing:.06em}
.logo__w span{font-weight:300;letter-spacing:.02em}
.logo .mark{width:2rem;height:2rem;transition:rotate .8s var(--ease)}
.logo:hover .mark{rotate:180deg}
.nav{display:flex;align-items:center;gap:2rem}
.nav ul{display:flex;gap:1.6rem}
.nav a{position:relative;display:block;padding:.4rem 0;text-decoration:none;font:400 .95rem/1.25 var(--sans)}
.nav li a::after{content:'';position:absolute;left:0;right:0;bottom:.1rem;height:1px;background:currentColor;scale:0 1;transform-origin:100% 50%;transition:scale .45s var(--ease)}
.nav li a:hover::after,.nav li a:focus-visible::after,.nav li a[aria-current=page]::after{scale:1 1;transform-origin:0 50%}
.nav .nav__m{display:none}
.lang-ka .nav ul{gap:1.3rem}
.lang-ka .nav a{font-size:.9rem}
.lng{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem 0;text-decoration:none;font:500 .85rem/1 var(--sans)}
.lng span{opacity:.55}
.lng span::after{content:'/';margin-left:.45rem;opacity:.7}
.lng b{font-weight:500;padding-bottom:.15rem;border-bottom:1px solid currentColor;transition:border-color .3s var(--ease)}
.lng:hover b,.lng:focus-visible b{border-color:var(--yellow)}
.mb{display:none}
.hd.is-stuck,.menu-open .hd,.is-light .hd{color:var(--navy);--lg-a:var(--blue);--lg-b:#8FA6DB;--lg-c:var(--yellow);--focus:var(--blue)}
.hd.is-stuck,.menu-open .hd{background:rgba(245,241,232,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}
.hd.is-stuck .hd__in{padding-block:.7rem}
.hd.is-stuck .btn,.menu-open .hd .btn,.is-light .hd .btn{background:var(--navy);color:var(--white)}
.hd.is-stuck .btn:hover,.is-light .hd .btn:hover{color:var(--navy)}

/* ---------- films ---------- */
.vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--navy)}

/* ---------- home hero ---------- */
.hero{position:relative;display:grid;grid-template-rows:1fr auto;min-height:100svh;color:var(--white);background:var(--navy);--focus:var(--yellow);--acc:var(--yellow);--ink:#fff;--muted:rgba(255,255,255,.78);isolation:isolate}
.hero__bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.hero__bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,20,48,.82) 0%,rgba(10,20,48,.5) 42%,rgba(10,20,48,.1) 75%),linear-gradient(0deg,var(--navy) 0%,rgba(10,20,48,.75) 14%,rgba(10,20,48,0) 45%)}
.hero__in{align-self:center;padding:max(5.5rem,min(8rem,14vh)) var(--pad) 1.5rem;max-width:96rem;width:100%;margin-inline:auto;display:grid;justify-items:start}
.hero .kick{color:#fff;margin-bottom:1.6rem;font-size:clamp(1.05rem,1.45vw,1.45rem);font-weight:600;letter-spacing:.12em;gap:.85rem}
.lang-ka .hero .kick{font-size:clamp(1.05rem,1.45vw,1.45rem);letter-spacing:.06em}
.hero .kick::before{width:1rem;height:.85rem}
.hero .h1{max-width:15ch}
.lang-ka .hero .h1{max-width:19ch}
:where(.hero) .h1{font-size:clamp(2.6rem,min(6.4vw,9.4vh),6.4rem)}
.lang-ka :where(.hero) .h1{font-size:clamp(2.1rem,min(4.7vw,7.6vh),4.7rem)}
.hero__sub{max-width:30rem;margin-top:1.75rem;font:300 clamp(1.1rem,1.5vw,1.35rem)/1.45 var(--sans);color:rgba(255,255,255,.9)}
.hero__row{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;width:100%;margin-top:clamp(2rem,6vh,4.5rem)}
.hero__lines{display:grid;max-width:25rem;text-align:right}
.hero__line{grid-area:1/1;align-self:end;font:300 clamp(1rem,1.2vw,1.12rem)/1.5 var(--sans);color:rgba(255,255,255,.86);opacity:0;translate:0 .6rem;transition:opacity .9s var(--ease),translate .9s var(--ease)}
.hero__line.is-on{opacity:1;translate:0 0}
.hero__line::before{content:'';display:block;width:2.5rem;height:2px;margin:0 0 .9rem auto;background:var(--yellow)}

/* client logos: no box, the strip melts into the navy below; both ends fade out */
.tk{min-width:0;display:flex;align-items:center;gap:2.5rem;max-width:96rem;width:100%;margin-inline:auto;padding:1.4rem var(--pad) 2.2rem;color:rgba(255,255,255,.88)}
.tk__l{flex:none;font:500 .72rem/1.35 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.lang-ka .tk__l{letter-spacing:.05em}
.tk__w{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.tk__u{display:flex;align-items:center;width:max-content;animation:tk 50s linear infinite}
.tk__u li{flex:none;padding-right:clamp(2.5rem,5vw,4.5rem)}
.tk__t{font:600 1rem/1 var(--sans);white-space:nowrap}
.tk:hover .tk__u{animation-play-state:paused}
@keyframes tk{to{translate:-50% 0}}

/* ---------- section heads ---------- */
.sh{margin-bottom:clamp(2.75rem,5vw,4.5rem)}
.sh .kick{padding-bottom:1.4rem;margin-bottom:clamp(1.5rem,2.6vw,2.4rem);border-bottom:1px solid var(--line)}
.sh__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,25rem);gap:2rem 4rem;align-items:end}
.sh__a p{padding-left:1.1rem;border-left:2px solid var(--yellow);color:var(--muted);font-size:1rem;line-height:1.6}
.sh__a .tlink{justify-self:end}
.sh__a{display:grid}
.sh--c{text-align:center}
.sh--c .kick{justify-content:center}
.sh--c .sh__row{grid-template-columns:1fr;justify-items:center;gap:1.2rem}
.sh--c .sh__a p{border:0;padding:0;max-width:32rem}

/* ---------- home: about (navy, ends in the logo's chevron) ---------- */
.about{padding:var(--sec) 0 calc(var(--sec) + var(--cut));clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),50% 100%,0 calc(100% - var(--cut)))}
.about__g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:3rem clamp(3rem,7vw,8rem);align-items:start}
.about__h{position:sticky;top:7rem;display:grid;gap:1.6rem;justify-items:start}
.about__h .kick{color:var(--muted)}
.about__b{display:grid;gap:clamp(2.5rem,4vw,3.5rem)}
.about .lead{color:#fff}
.qls{display:grid;padding:0}
.ql{display:grid;align-content:start;grid-template-columns:3.2rem minmax(0,1fr);column-gap:1rem;row-gap:.6rem;padding:1.6rem 0;border-top:1px solid var(--line)}
.ql:last-child{border-bottom:1px solid var(--line)}
.ql__n{grid-row:span 2;font:400 .95rem/1.7 var(--serif);color:var(--acc)}
.ql p{color:var(--text);max-width:40rem}
.vls{margin-top:clamp(4rem,7vw,6rem)}
.vls .kick{margin-bottom:1.5rem}
.vls ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem clamp(1.5rem,3vw,3rem);padding:0}
.vls li{display:grid;gap:1.4rem;align-content:start;padding-top:1.4rem;border-top:2px solid var(--yellow)}
.vls__n{font:500 .8rem/1 var(--sans);letter-spacing:.12em;color:var(--muted)}
.vls__t{font:300 clamp(1.45rem,2.2vw,2.1rem)/1.2 var(--serif);color:var(--ink);letter-spacing:-.015em;text-wrap:balance}
.lang-ka .vls__t{font-size:clamp(1.25rem,1.8vw,1.7rem);line-height:1.35;letter-spacing:0}

/* ---------- what we do ---------- */
.how,.team,.notes,.faq,.prac{padding-block:var(--sec)}
.how{padding-top:calc(var(--sec) + .5rem)}
.how+.team{padding-top:calc(var(--sec)*.35)}
.wks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2.5rem,4vw,3.75rem) clamp(1rem,1.6vw,1.6rem);padding:0}
.wk{display:grid;align-content:start;grid-template-columns:auto 1fr;column-gap:1rem;row-gap:1.3rem}
.wk__i{grid-column:1/-1;aspect-ratio:4/3}
.wk__i img{filter:saturate(.9)}
.wk__n{font:500 .8rem/1.9 var(--sans);letter-spacing:.1em;color:var(--blue);min-width:1.8rem}
.wk__t{font:400 clamp(1.2rem,1.5vw,1.42rem)/1.3 var(--serif);color:var(--ink);letter-spacing:-.01em;max-width:24rem;text-wrap:balance;transition:translate .6s var(--ease)}
.lang-ka .wk__t{font-size:clamp(1.05rem,1.25vw,1.22rem);line-height:1.45;letter-spacing:0}
@media (hover:hover){
  .wk:hover .fx::after{scale:1}
  .wk:hover .wk__t{translate:.4rem 0}
  .wk:hover .wk__i img{filter:saturate(1.05)}
}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .wk__i img,.nt__i img{animation:drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
    @keyframes drift{from{transform:translateY(-6%) scale(1.14)}to{transform:translateY(6%) scale(1.14)}}
  }
}

/* ---------- team ---------- */
.ppl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,1.6vw,1.6rem);padding:0}
.pp a{display:grid;gap:1.3rem;text-decoration:none;color:inherit}
.pp__i{aspect-ratio:4/5;background:#C9CDD6}
.pp__i img{object-position:50% 14%;transition:scale 1.2s var(--ease),filter .7s var(--ease)}
.pp__c{display:grid;gap:.35rem;justify-items:start}
.pp__n{font:400 clamp(1.4rem,2vw,1.85rem)/1.15 var(--serif);color:var(--ink);letter-spacing:-.015em}
.lang-ka .pp__n{font-size:clamp(1.25rem,1.65vw,1.55rem);letter-spacing:0}
.pp__r{font-size:.95rem;color:var(--muted)}
.pp__x{max-width:26rem;margin-top:.5rem;font-size:.95rem;line-height:1.55;color:var(--text)}
.pp__go{display:inline-flex;align-items:center;gap:.5rem;margin-top:.6rem;font:500 .9rem/1.3 var(--sans);color:var(--blue)}
@media (hover:hover){
  .pp a:hover .fx::after,.pp a:focus-visible .fx::after{scale:1}
  .pp a:hover .pp__go .arw{translate:.3rem 0}
  .ppl:hover .pp a:not(:hover) .pp__i img{filter:saturate(.4) brightness(.85)}
}
.ppl--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ppl--2 .pp a{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:end;gap:clamp(1.25rem,2.5vw,2.5rem)}
.ppl--2 .pp__c{padding-bottom:.5rem}

/* ---------- practice areas: sticky side, the list across ---------- */
.prac__g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3rem clamp(3rem,7vw,8rem);align-items:start}
.prac__s{position:sticky;top:7rem;display:grid;gap:1.6rem;justify-items:start}
.prac__i{color:var(--muted);max-width:26rem}
.dial{width:clamp(8rem,13vw,11.5rem);margin:.5rem 0 .4rem}
.dial__svg{width:100%;overflow:visible}
.fc{fill:var(--blue);opacity:.22;animation:facet 9.6s var(--ease) infinite}
.fc:nth-child(2){animation-delay:2.4s}.fc:nth-child(3){animation-delay:4.8s}.fc:nth-child(4){animation-delay:7.2s}
@keyframes facet{0%,22%{fill:var(--yellow);opacity:1}32%,100%{fill:var(--blue);opacity:.22}}
.ars{padding:0;border-top:1px solid var(--line);counter-reset:ar}
.ar{border-bottom:1px solid var(--line)}
.ar__in{position:relative;display:grid;grid-template-columns:3rem minmax(0,1fr) auto;align-items:baseline;gap:1rem;padding:clamp(1rem,1.5vw,1.35rem) .5rem clamp(1rem,1.5vw,1.35rem) 0;text-decoration:none;isolation:isolate;transition:color .4s var(--ease),padding .55s var(--ease)}
a.ar__in::before{content:'';position:absolute;inset:0 -1rem;z-index:-1;background:var(--navy);clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:clip-path .6s var(--ease)}
.ar__n{font:500 .78rem/1 var(--sans);letter-spacing:.1em;color:var(--muted);transition:color .4s var(--ease)}
.ar__t{font:300 clamp(1.3rem,1.95vw,1.85rem)/1.25 var(--serif);color:var(--ink);letter-spacing:-.015em;transition:color .4s var(--ease)}
.lang-ka .ar__t{font-size:clamp(1.12rem,1.55vw,1.45rem);line-height:1.4;letter-spacing:0}
.ar__a{align-self:center;color:var(--blue);opacity:0;translate:-.6rem 0;transition:opacity .4s var(--ease),translate .5s var(--ease),color .4s var(--ease)}
.ar__a .arw{width:1.4rem;height:1.4rem}
a.ar__in:hover,a.ar__in:focus-visible{padding-left:1rem}
a.ar__in:hover::before,a.ar__in:focus-visible::before{clip-path:polygon(0 0,104% 0,100% 100%,0 100%)}
a.ar__in:hover .ar__t,a.ar__in:focus-visible .ar__t{color:#fff}
a.ar__in:hover .ar__n,a.ar__in:focus-visible .ar__n,a.ar__in:hover .ar__a,a.ar__in:focus-visible .ar__a{color:var(--yellow);opacity:1;translate:0 0}
.ar:target{background:linear-gradient(90deg,rgba(255,212,0,.3),rgba(255,212,0,0) 80%);scroll-margin-top:7rem}
.prac--page{padding-top:clamp(2rem,4vw,3.5rem)}
.prac--page .prac__s{gap:0}
.prac--page .dial{width:clamp(10rem,18vw,16rem);margin:0}

/* ---------- film band: no hard edges anywhere ---------- */
.band{display:grid;place-items:center;height:min(100svh,60rem);min-height:32rem;overflow:hidden;isolation:isolate;color:#fff;background:linear-gradient(180deg,#F5F1E8 0%,#F5F1E8 30%,var(--mist) 70%,var(--mist) 100%)}
.band__f{position:absolute;inset:0;z-index:-1;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.4) 13%,#000 34%,#000 64%,rgba(0,0,0,.92) 70%,rgba(0,0,0,.68) 78%,rgba(0,0,0,.36) 86%,rgba(0,0,0,.1) 94%,rgba(0,0,0,.02) 98%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.4) 13%,#000 34%,#000 64%,rgba(0,0,0,.92) 70%,rgba(0,0,0,.68) 78%,rgba(0,0,0,.36) 86%,rgba(0,0,0,.1) 94%,rgba(0,0,0,.02) 98%,transparent 100%)}
.band__f .vid{background:transparent}
.band__f::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 62% 40% at 50% 50%,rgba(10,20,48,.72) 0%,rgba(10,20,48,.36) 55%,rgba(10,20,48,0) 100%)}
.band__c{position:relative;padding:0 var(--pad);max-width:56rem;text-align:center;font:400 clamp(1.8rem,3.6vw,3.4rem)/1.18 var(--serif);letter-spacing:-.02em;text-wrap:balance;text-shadow:0 2px 30px rgba(10,20,48,.5)}
.lang-ka .band__c{font-size:clamp(1.5rem,2.8vw,2.6rem);line-height:1.35;letter-spacing:0}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .band__f .vid{animation:bandz linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
    @keyframes bandz{from{transform:scale(1.18) translateY(-4%)}to{transform:scale(1.02) translateY(4%)}}
  }
}

/* ---------- articles: a feature beside a list ---------- */
.notes{background:var(--mist)}
.nts{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-auto-rows:auto;gap:clamp(1.25rem,2vw,2rem) clamp(1.5rem,3.5vw,3.5rem);padding:0}
.nt a{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:1.4rem;align-items:center;text-decoration:none;color:inherit;height:100%}
.nt__i{aspect-ratio:4/3}
.nt__b{display:grid;gap:.6rem;justify-items:start}
.nt__m{font:500 .72rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.lang-ka .nt__m{letter-spacing:.04em}
.nt__t{font:400 clamp(1.1rem,1.35vw,1.3rem)/1.3 var(--serif);color:var(--ink);letter-spacing:-.01em;text-wrap:balance}
.lang-ka .nt__t{font-size:clamp(1rem,1.15vw,1.12rem);line-height:1.5;letter-spacing:0}
.nt__a{display:inline-flex;align-items:center;gap:.5rem;font:500 .88rem/1.3 var(--sans);color:var(--muted);transition:color .3s var(--ease)}
.nt--f{grid-row:span 2}
.nts:has(>:nth-child(4)) .nt--f{grid-row:span 3}
.nt--f a{grid-template-columns:1fr;align-items:start;align-content:start}
.nt--f .nt__i{aspect-ratio:16/11}
.nt--f .nt__t{font-size:clamp(1.5rem,2.3vw,2.2rem);line-height:1.18;font-weight:300}
.lang-ka .nt--f .nt__t{font-size:clamp(1.25rem,1.8vw,1.7rem);line-height:1.35}
.nt:not(.nt--f){padding-bottom:clamp(1.25rem,2vw,2rem);border-bottom:1px solid var(--line)}
@media (hover:hover){
  .nt a:hover .fx::after,.nt a:focus-visible .fx::after{scale:1}
  .nt a:hover .nt__a,.nt a:focus-visible .nt__a{color:var(--blue)}
  .nt a:hover .nt__a .arw{translate:.3rem 0}
}
.notes--page{background:#F5F1E8}

/* ---------- faq: the head stays with you ---------- */
.faq__g{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:3rem clamp(3rem,7vw,8rem);align-items:start}
.faq__h{position:sticky;top:7rem;display:grid;gap:1.5rem;justify-items:start}
.faq__i{color:var(--muted);max-width:24rem}
.faq__m{width:clamp(5.5rem,8vw,7rem);margin-top:.5rem}
.faq__m .fc{opacity:.16}
.qs{border-top:1px solid var(--line)}
.q{border-bottom:1px solid var(--line)}
.q summary{display:grid;grid-template-columns:2.6rem minmax(0,1fr) auto;align-items:baseline;gap:1rem;padding:1.6rem 0;cursor:pointer;list-style:none;transition:color .3s var(--ease)}
.q summary::-webkit-details-marker{display:none}
.q__n{font:500 .78rem/1 var(--sans);letter-spacing:.1em;color:var(--muted)}
.q__q{font:400 clamp(1.15rem,1.55vw,1.42rem)/1.35 var(--serif);color:var(--ink);letter-spacing:-.01em;transition:color .3s var(--ease),translate .5s var(--ease)}
.lang-ka .q__q{font-size:clamp(1.02rem,1.25vw,1.18rem);line-height:1.5;letter-spacing:0}
@media (hover:hover){.q summary:hover .q__q{color:var(--blue);translate:.35rem 0}}
.q summary:focus-visible{outline-offset:-2px}
.q summary i{align-self:center;position:relative;width:1rem;height:1rem;transition:rotate .5s var(--ease)}
.q summary i::before,.q summary i::after{content:'';position:absolute;left:0;top:50%;width:100%;height:1.5px;background:currentColor}
.q summary i::after{rotate:90deg;transition:scale .4s var(--ease)}
.q[open] summary i{rotate:180deg}
.q[open] summary i::after{scale:0 1}
.q[open] .q__n{color:var(--blue)}
.q__a{padding:0 2.5rem 1.8rem 3.6rem;color:var(--text);max-width:46rem}
.q::details-content{block-size:0;overflow:clip;transition:block-size .5s var(--ease),content-visibility .5s allow-discrete}
.q[open]::details-content{block-size:auto}
@supports (interpolate-size:allow-keywords){.q{interpolate-size:allow-keywords}}

/* ---------- closing call: the film rises out of the page above ---------- */
.cta{overflow:hidden;isolation:isolate;padding:clamp(10rem,17vw,16rem) 0 clamp(4.5rem,7vw,6.5rem);background:#F5F1E8}
.sec--mist+.cta,.notes:not(.notes--page)+.cta{background:var(--mist)}
.cta__bg{position:absolute;inset:0;z-index:-1;background:var(--navy);-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.04) 5%,rgba(0,0,0,.15) 12%,rgba(0,0,0,.35) 20%,rgba(0,0,0,.65) 29%,rgba(0,0,0,.85) 36%,rgba(0,0,0,.97) 42%,#000 46%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.04) 5%,rgba(0,0,0,.15) 12%,rgba(0,0,0,.35) 20%,rgba(0,0,0,.65) 29%,rgba(0,0,0,.85) 36%,rgba(0,0,0,.97) 42%,#000 46%)}
.cta__bg::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--navy) 0%,rgba(10,20,48,.55) 45%,rgba(10,20,48,.3) 100%),linear-gradient(90deg,rgba(10,20,48,.55),rgba(10,20,48,0) 70%)}
.cta .h2{max-width:16ch}
.lang-ka .cta .h2{max-width:20ch}
.cta__b{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.25rem}

/* ---------- footer ---------- */
.ft{padding-block:3rem 3rem;font-size:.92rem;--text:#C9D3EE}
.ft a{text-decoration:none;transition:color .3s var(--ease)}
.ft a:hover,.ft a:focus-visible{color:var(--yellow)}
.logo--ft{margin-right:0;color:#fff}
.ft__top,.ft__mid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem}
.ft__nav{display:flex;flex-wrap:wrap;gap:.25rem 1.3rem;padding:0;color:#fff}
.ft__nav a,.ft__ka{display:inline-block;padding:.35rem 0}
.ft__mid{margin-top:2rem;padding-bottom:2rem;border-bottom:1px solid var(--line);color:var(--pale)}
.ft__mid address{font-style:normal}
.ft__c{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem}
.ft__c a{padding:.35rem 0}
.ft__bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;margin-top:1.5rem;color:var(--muted);font-size:.85rem}

/* ---------- inner pages: a light head; the photo dissolves into the page ---------- */
.sec{padding-block:var(--sec)}
.sec--mist{background:var(--mist)}
.ph{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(30rem,62vh,42rem);display:grid;align-items:end;padding:clamp(9rem,14vw,12rem) 0 clamp(3rem,5vw,4.5rem);background:#F5F1E8}
.ph__bg{position:absolute;top:4.5rem;right:0;bottom:0;width:66%;z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 26%,#000 58%),linear-gradient(0deg,transparent 0%,#000 42%),linear-gradient(180deg,transparent 0%,#000 18%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 26%,#000 58%),linear-gradient(0deg,transparent 0%,#000 42%),linear-gradient(180deg,transparent 0%,#000 18%);-webkit-mask-composite:source-in;mask-composite:intersect}
.ph__bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}
.ph__in{position:relative;width:100%}
.h1--page{font-size:clamp(2.7rem,5.6vw,5.6rem);max-width:17ch}
.lang-ka .h1--page{font-size:clamp(2.15rem,4vw,4rem);max-width:21ch}
.ph__sub{max-width:38rem;margin-top:1.75rem;font:300 clamp(1.1rem,1.45vw,1.3rem)/1.55 var(--sans);color:var(--text)}
.crumbs{margin-bottom:1.6rem}
.crumbs ol{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;font:500 .72rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.lang-ka .crumbs ol{letter-spacing:.04em}
.crumbs li+li::before{content:'/';margin-right:.5rem;opacity:.5}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--blue)}
@media (prefers-reduced-motion:no-preference){
  .ph__bg img{animation:phin 2.4s var(--ease) both}
  @keyframes phin{from{opacity:0;scale:1.08}}
}

/* long reads: contents at the side, text at a readable measure */
.lr{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,46rem);justify-content:center;gap:clamp(3rem,7vw,7rem);align-items:start}
.toc{position:sticky;top:7rem;display:grid;gap:1.2rem}
.toc ol{display:grid;padding:0;border-top:1px solid var(--line)}
.toc a{display:grid;grid-template-columns:2rem 1fr;gap:.25rem;padding:.75rem 0;border-bottom:1px solid var(--line);font-size:.9rem;line-height:1.4;text-decoration:none;color:var(--muted);transition:color .3s var(--ease)}
.toc a span{font:500 .72rem/1.9 var(--sans);letter-spacing:.08em;color:var(--blue)}
.toc a:hover{color:var(--ink)}
.pr{color:var(--text);font-size:1.08rem;line-height:1.75}
.lang-ka .pr{font-size:1.04rem;line-height:1.9}
.pr>*+*{margin-top:1.3rem}
.pr .lead{color:var(--ink);margin-bottom:2rem}
.pr .pr__h{margin-top:3.25rem;padding-top:1.5rem;border-top:1px solid var(--line);scroll-margin-top:6.5rem}
.pr .pr__h::before{content:'';display:block;width:.7rem;height:.6rem;margin-bottom:1rem;background:var(--yellow);clip-path:polygon(0 0,100% 0,50% 100%)}
.pr .pr__h:first-child{margin-top:0}
.pr ul,.pr ol{padding-left:0;display:grid;gap:.85rem;list-style:none}
.pr li{position:relative;padding-left:1.6rem}
.pr li::before{content:'';position:absolute;left:0;top:.72em;width:.5rem;height:.5rem;background:var(--blue);rotate:45deg}
.pr b{font-weight:500;color:var(--ink)}
.art{padding-top:clamp(3rem,5vw,4.5rem)}

/* about page */
.sec--q .qls{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem)}
.sec--q .ql{grid-template-columns:1fr;border-bottom:0;padding-top:1.5rem}
.sec--q .ql__n{grid-row:auto;color:var(--blue)}
.sec--q{padding-top:clamp(2.5rem,4vw,4rem)}
/* the values band: the logo's two chevrons, top and bottom */
.vband{padding:calc(var(--sec) + var(--cut)) 0;clip-path:polygon(0 var(--cut),50% 0,100% var(--cut),100% calc(100% - var(--cut)),50% 100%,0 calc(100% - var(--cut)))}
.vband .vls{margin-top:0}
.vband .vls__t{font-size:clamp(1.6rem,2.8vw,2.7rem)}
.lang-ka .vband .vls__t{font-size:clamp(1.35rem,2.1vw,2rem)}

/* attorney */
.att{padding:clamp(7.5rem,11vw,10rem) 0 var(--sec)}
.att__g{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:3rem clamp(3rem,6vw,7rem);align-items:start}
.att__p{position:sticky;top:6.5rem;aspect-ratio:4/5;background:var(--navy-2)}
.att__p img{object-position:50% 14%}
.att__t{display:grid;justify-items:start;padding-top:.5rem}
.att .kick{margin-bottom:1.2rem}
.att .h1--page{margin-bottom:2.25rem;max-width:none}
.att__bio{display:grid;gap:1.2rem;max-width:42rem}
.att__bio .lead{color:#fff}
.att__cr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem;width:100%;padding:0;margin-top:2.5rem;border-top:1px solid var(--line)}
.att__cr li{position:relative;padding:.9rem 0 .9rem 1.4rem;border-bottom:1px solid var(--line);font-size:.95rem;line-height:1.45;color:#E4E9F7}
.att__cr li::before{content:'';position:absolute;left:0;top:1.35rem;width:.45rem;height:.45rem;background:var(--yellow);rotate:45deg}
.att__dl{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:1rem 3.5rem;margin:2.5rem 0 0}
.att__dl dt{font:500 .72rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.45rem}
.lang-ka .att__dl dt{letter-spacing:.04em}
.att__dl dd{margin:0;color:#fff}
.att__dl a{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
.att__dl a:hover{color:var(--yellow);border-color:var(--yellow)}

/* contact */
.ctc__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.2vw,1.1rem)}
.ctc__c{position:relative;display:grid;align-content:space-between;gap:3rem;min-height:17rem;padding:1.8rem 1.6rem;border:1px solid var(--line);text-decoration:none;isolation:isolate;overflow:hidden;transition:color .45s var(--ease),border-color .45s var(--ease)}
.ctc__c::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--navy);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);transition:clip-path .6s var(--ease)}
.ctc__c:hover,.ctc__c:focus-visible{color:#fff;border-color:var(--navy)}
.ctc__c:hover .ctc__v{color:#fff}
.ctc__c:hover::before,.ctc__c:focus-visible::before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.ctc__v{font:300 clamp(1.5rem,2.2vw,2.1rem)/1.2 var(--serif);color:var(--ink);letter-spacing:-.015em;overflow-wrap:anywhere;transition:color .45s var(--ease)}
.lang-ka .ctc__v{font-size:clamp(1.25rem,1.7vw,1.6rem);line-height:1.35;letter-spacing:0}
.ctc__c .arw{position:absolute;right:1.6rem;bottom:1.8rem;width:1.5rem;height:1.5rem;color:var(--blue)}
.ctc__c:hover .arw{color:var(--yellow);translate:.3rem 0}
.ctc__m{font-size:.9rem;color:var(--blue)}
.ctc__c:hover .ctc__m{color:var(--yellow)}
.dir{padding:0;border-top:1px solid var(--line)}
.dir li{display:grid;grid-template-columns:4.5rem minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.3fr) auto;gap:.5rem 2rem;align-items:center;padding:1.2rem 0;border-bottom:1px solid var(--line)}
.dir__p{width:4.5rem;aspect-ratio:1;overflow:hidden;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--line)}
.dir__p img{width:100%;height:100%;object-fit:cover;object-position:50% 14%}
.dir a{text-decoration:none}
.dir a:hover{color:var(--blue)}
.dir__n{font:400 1.45rem/1.2 var(--serif);color:var(--ink);letter-spacing:-.01em}
.lang-ka .dir__n{font-size:1.2rem;letter-spacing:0}
.dir__r{color:var(--muted)}

/* ---------- menu (wide breakpoint: the Georgian menu is long) ---------- */
@media (max-width:1180px){
  .hd__cta{display:none}
  .mb{display:grid;place-content:center;gap:6px;width:2.75rem;height:2.75rem;margin-right:-.6rem;padding:0;border:0;background:none;cursor:pointer;color:inherit}
  .mb i{display:block;width:1.5rem;height:1.5px;background:currentColor;transition:translate .4s var(--ease),rotate .4s var(--ease)}
  .menu-open .mb i:first-child{translate:0 3.75px;rotate:45deg}
  .menu-open .mb i:last-child{translate:0 -3.75px;rotate:-45deg}
  .nav{position:fixed;inset:0;z-index:-1;display:grid;align-content:center;gap:2rem;padding:5rem var(--pad) 2rem;background:#F5F1E8;color:var(--navy);visibility:hidden;clip-path:polygon(50% 0,50% 0,50% 0,50% 0);transition:clip-path .6s var(--ease-io),visibility 0s .6s}
  .menu-open .nav{visibility:visible;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path .6s var(--ease-io)}
  .menu-open body{overflow:hidden}
  .nav ul{flex-direction:column;gap:.2rem}
  .nav li a{font:300 clamp(2rem,8.5vw,2.8rem)/1.2 var(--serif);letter-spacing:-.02em;padding:.3rem 0}
  .lang-ka .nav li a{font-size:clamp(1.5rem,6.4vw,2.2rem);letter-spacing:0}
  .nav li a::after{display:none}
  .nav .nav__m{display:block}
  .nav .lng{justify-self:start;font-size:1rem}
}

/* ---------- tablet ---------- */
@media (max-width:1100px){
  .about__g,.prac__g,.faq__g,.att__g{grid-template-columns:1fr}
  .about__h,.prac__s,.faq__h,.att__p{position:static}
  .wks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sec--q .qls{grid-template-columns:1fr}
  .sec--q .ql{grid-template-columns:3.2rem minmax(0,1fr)}
  .sec--q .ql__n{grid-row:span 2}
  .prac__s{grid-template-columns:minmax(0,1fr) auto;align-items:end;width:100%}
  .prac__s>*:not(.dial){grid-column:1}
  .prac__s .dial{grid-column:2;grid-row:1/span 4;width:clamp(6.5rem,16vw,9rem)}
  .prac--page .prac__s{display:none}
  .faq__m{display:none}
  .lr{grid-template-columns:minmax(0,46rem)}
  .toc{position:static}
  .att__p{max-width:30rem}
  .ppl--2 .pp a{grid-template-columns:1fr}
  .ctc__g{grid-template-columns:1fr}
  .ctc__c{min-height:0;gap:1.5rem}
  .dir li{grid-template-columns:4rem minmax(0,1fr) minmax(0,1fr)}
  .dir__p{width:4rem;grid-row:span 2}
}
@media (max-width:900px){
  .sh__row{grid-template-columns:1fr;gap:1.4rem}
  .sh__a .tlink{justify-self:start}
  .nts{grid-template-columns:1fr}
  .nt--f{grid-row:auto}
  .hero__lines{text-align:left}
  .hero__line::before{margin-left:0}
  .ph__bg{width:100%;top:0;bottom:auto;height:62%;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 55%);mask-image:linear-gradient(0deg,transparent 0%,#000 55%)}
  .ph{padding-top:clamp(14rem,48vw,22rem);min-height:0}
  .is-light .hd:not(.is-stuck){color:#fff;--lg-a:#fff;--lg-b:var(--pale)}
  .is-light .hd:not(.is-stuck) .btn{background:#F5F1E8;color:var(--navy)}
  .menu-open.is-light .hd,.menu-open .is-light .hd{color:var(--navy)}
  .ph__bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,48,.78) 0%,rgba(10,20,48,.45) 14%,rgba(10,20,48,0) 34%)}
}

/* ---------- phones ---------- */
@media (max-width:700px){
  .h1{font-size:clamp(2.6rem,12vw,3.8rem)}
  .lang-ka .h1{font-size:clamp(2rem,8.6vw,2.8rem)}
  .h1--page{font-size:clamp(2.4rem,11vw,3.4rem)}
  .lang-ka .h1--page{font-size:clamp(1.85rem,8vw,2.5rem)}
  .hero__in{align-self:end;padding-top:6.5rem;padding-bottom:1.5rem}
  .hero__bg::after{background:linear-gradient(0deg,var(--navy) 0%,rgba(10,20,48,.82) 30%,rgba(10,20,48,.45) 62%,rgba(10,20,48,.2) 85%)}
  .hero__row{flex-direction:column;align-items:flex-start;gap:1.75rem;margin-top:2rem}
  .hero__lines{max-width:none}
  .tk{flex-direction:column;align-items:flex-start;gap:.9rem;padding-block:1rem 1.8rem}
  .tk__w{width:100%}
  .wks,.ppl,.ppl--2,.vls ol{grid-template-columns:1fr}
  .wks{gap:3rem}
  .ppl{gap:3rem}
  .pp__i{aspect-ratio:4/4.4}
  .nt a{grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:1rem}
  .nt--f a{grid-template-columns:1fr}
  .ar__in{grid-template-columns:2.2rem minmax(0,1fr) auto;gap:.6rem}
  .q summary{grid-template-columns:2rem minmax(0,1fr) auto;gap:.6rem}
  .q__a{padding:0 1.5rem 1.6rem 2.6rem}
  .ql{grid-template-columns:2.4rem minmax(0,1fr)}
  .sec--q .ql{grid-template-columns:2.4rem minmax(0,1fr)}
  .band{height:82svh;min-height:26rem}
  .att__cr{grid-template-columns:1fr}
  .att__dl{grid-template-columns:1fr;gap:1.2rem}
  .dir li{grid-template-columns:3.5rem minmax(0,1fr);gap:.3rem 1rem}
  .dir__p{width:3.5rem;grid-row:span 4}
  .ft__mid{flex-direction:column;align-items:flex-start}
  .cta{padding-top:clamp(9rem,40vw,13rem)}
}

/* ---------- short screens: phone on its side, low laptops ---------- */
@media (max-height:520px){
  .hero__in{padding-top:5.5rem;padding-bottom:.75rem}
  .h1{font-size:clamp(2.1rem,5vw,2.8rem)}
  .lang-ka .h1{font-size:clamp(1.7rem,4vw,2.2rem)}
  .hero .kick,.lang-ka .hero .kick{font-size:1rem;margin-bottom:.8rem}
  .hero__sub{display:none}
  .hero__row{margin-top:1.1rem;flex-direction:row;align-items:flex-end}
  .hero__line{font-size:.95rem}
  .hero__line::before{display:none}
  .tk{flex-direction:row;align-items:center;padding-block:.5rem 1rem}
  .band{height:100svh}
}
@media (max-width:400px) and (max-height:760px){
  .h1{font-size:2.5rem}
  .lang-ka .h1{font-size:1.9rem}
  .hero__sub{margin-top:1rem}
  .hero__row{margin-top:1.4rem;gap:1.2rem}
  .hero__line{font-size:.95rem}
}

/* ---------- reduced motion: everything at rest ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
  .tk__u{animation:none;flex-wrap:wrap;gap:1rem 0;width:auto}
  .tk__u li[aria-hidden]{display:none}
  .tk__w{-webkit-mask-image:none;mask-image:none}
  .fc{animation:none}
  .fc:first-child{fill:var(--yellow);opacity:1}
}

@media (max-width:380px){.lang-ka .hero .kick{font-size:.95rem;letter-spacing:.02em}}
@media (min-height:521px) and (max-height:820px){.hero .kick,.lang-ka .hero .kick{margin-bottom:.9rem;font-size:clamp(1rem,1.2vw,1.15rem)}}
@media (max-height:700px) and (max-width:700px){.hero .kick{margin-bottom:.7rem}}
@media (min-height:521px) and (max-height:740px){.hero__row{margin-top:clamp(1.5rem,4vh,2.5rem)}}