/* Science at YSU — Home. Tokens = Figma "YSU v2 · Design System" (5 colours, GHEA type scale, 8-pt spacing, leaf radius). */
@font-face{font-family:"GHEA Mariam";src:url(../fonts/GHEAMariam.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"GHEA Mariam";src:url(../fonts/GHEAMariam-Bold.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"GHEA Grapalat";src:url(../fonts/GHEAGrapalat.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"GHEA Grapalat";src:url(../fonts/GHEAGrapalat-Bold.woff) format("woff");font-weight:700;font-display:swap}

:root{
  --navy:#0F3F76; --white:#FFFFFF; --tint:#EBF0FA; --line:#D5DCE6; --muted:#5B6B80;
  --mariam:"GHEA Mariam","Noto Sans Armenian",Arial,sans-serif;
  --grapalat:"GHEA Grapalat","Noto Serif Armenian",Georgia,serif;
  --leaf:1.25rem 0;            /* 20px top-left + bottom-right, like ysu.am buttons */
  /* responsive tokens — mobile first (board 07) */
  --m:1.25rem;                 /* side margin 20 */
  --sec:3.5rem;                /* section padding 56 */
  --display:2.25rem; --display-lh:2.75rem;   /* 36/44 */
  --h2:1.625rem; --h2-lh:2.25rem;            /* 26/36 */
  --h3:1.25rem; --h3-lh:1.75rem;             /* 20/28 */
  --hdr:4rem;
}
@media (min-width:768px){:root{--m:2.5rem;--sec:4.5rem;--display:2.75rem;--display-lh:3.5rem;--h2:1.75rem;--h2-lh:2.5rem;--h3:1.375rem;--h3-lh:2rem;--hdr:5.5rem}}
@media (min-width:1024px){:root{--m:4rem;--sec:5.5rem;--display:3.25rem;--display-lh:4rem;--h2:1.875rem;--h2-lh:2.5rem}}
@media (min-width:1440px){:root{--m:6rem;--sec:6rem;--display:3.5rem;--display-lh:4.5rem;--h2:2rem;--h2-lh:2.75rem}}
@media (min-width:2560px){html{font-size:20px}}   /* wide screens: whole layout x1.25 */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--navy);font:400 1rem/1.5rem var(--mariam);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3,p{margin:0}
button,input{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
.ic{width:1.25rem;height:1.25rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.hero :focus-visible,.hdr-main :focus-visible,.ftr :focus-visible,.menu :focus-visible{outline-color:var(--white)}
.skip{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:.75rem 1rem;z-index:100}
.skip:focus{left:1rem}
.wrap{width:100%;max-width:calc(78rem + 2*var(--m));margin:0 auto;padding:0 var(--m)}
.center{text-align:center}
.nowrap{white-space:nowrap}

/* type scale */
.display{font:700 var(--display)/var(--display-lh) var(--mariam)}
.h2{font:700 var(--h2)/var(--h2-lh) var(--mariam)}
.h3{font:700 var(--h3)/var(--h3-lh) var(--mariam)}
.lead{font:400 1.0625rem/1.75rem var(--mariam)}
.body-l{font:400 1.0625rem/1.75rem var(--mariam)}
.meta{font:400 .875rem/1.25rem var(--grapalat);color:var(--muted)}
.meta--ink{color:var(--navy)}
.sub{font:400 .875rem/1.25rem var(--grapalat);color:var(--muted);margin-top:.5rem}
.note{font:400 .875rem/1.25rem var(--grapalat);color:var(--muted)}
@media (min-width:768px){.lead{font-size:1.25rem;line-height:1.875rem}.sub{font:400 1rem/1.5rem var(--mariam)}.note{font-size:1rem;line-height:1.5rem}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:3rem;padding:.5625rem 2.25rem;border:1px solid var(--navy);border-radius:var(--leaf);font:400 1rem/1.5rem var(--grapalat);color:var(--navy);transition:background .15s,color .15s}
.btn .ic{width:1.625rem;height:1.625rem}
.btn--primary{background:var(--navy);color:var(--white)}
.btn--primary:hover{background:rgba(15,63,118,.88)}
.btn--arrow:hover{background:var(--tint)}
.link-arrow{display:inline-flex;align-items:center;gap:.5rem;font:400 1rem/1.5rem var(--grapalat);white-space:nowrap}
.link-arrow .ic{width:1.375rem;height:1.375rem;transition:transform .15s}
.link-arrow:hover .ic{transform:translateX(3px)}

/* ---------- header ---------- */
.hdr-main{background:var(--navy);color:var(--white)}
.hdr-main__in{display:flex;align-items:center;gap:1rem;min-height:var(--hdr)}
.brand{display:flex;align-items:center;gap:.75rem;flex:none}
.brand__logo{display:none;width:7.625rem;height:auto}
.brand__seal{width:2.5rem;height:2.5rem}
.brand__div{display:none;width:1px;height:2.5rem;background:rgba(255,255,255,.35)}
.brand__name{font:400 .8125rem/1.125rem var(--grapalat)}
.main-nav{display:none}
.hdr-tools{margin-left:auto;display:flex;align-items:center;gap:.5rem}
.icon-btn{display:inline-grid;place-items:center;width:3rem;height:3rem}
.icon-btn .ic{width:1.5rem;height:1.5rem;stroke-width:1.75}
.menu-btn{display:inline-flex;align-items:center;gap:.5rem;height:3rem;padding:0 .75rem}
.menu-btn .ic{width:1.625rem;height:1.625rem;stroke-width:1.75}
.menu-btn span{display:none;font:400 1rem/1.5rem var(--grapalat)}
.hdr-sec{display:none}
@media (min-width:768px){
  .brand__logo{display:block}.brand__seal{display:none}.brand__div{display:block}
  .brand__name{font-size:.875rem;line-height:1.25rem}
  .menu-btn{border:1px solid rgba(255,255,255,.5);border-radius:1rem 0;padding:0 1rem}
  .menu-btn span{display:inline}
}
@media (min-width:1024px){
  .hdr-main__in{min-height:9rem;gap:1.25rem}
  .brand{gap:1.25rem}.brand__logo{width:9.875rem}.brand__div{height:3.25rem}
  .brand__name{font:400 1.0625rem/1.375rem var(--mariam)}
  .main-nav{display:block;margin-left:auto}
  .main-nav > ul{display:flex;gap:1.5rem}
  .hdr-tools{display:none}
  .hdr-sec{display:block;background:var(--white);box-shadow:0 4px 10px rgba(0,0,0,.12);position:relative;z-index:2}
  .hdr-sec__in{display:flex;align-items:center;justify-content:flex-end;gap:2rem;min-height:3.5625rem;font:400 .875rem/1.25rem var(--grapalat)}
  .hdr-sec__in > a{display:inline-flex;align-items:center;gap:.25rem}
  .hdr-sec__in .ic{width:.75rem;height:.75rem}
  .hdr-sec__in .icon-btn{width:auto;height:auto}.hdr-sec__in .icon-btn .ic{width:1.25rem;height:1.25rem}
  .hdr-sec__in .ext .ic{width:.875rem;height:.875rem}
  .hdr-sec__in a:hover{text-decoration:underline;text-underline-offset:4px}
}
@media (min-width:1440px){.main-nav > ul{gap:2.25rem}}

/* mobile menu */
.menu{position:fixed;inset:0;z-index:50;background:var(--navy);color:var(--white);overflow:auto}
.menu[hidden]{display:none}
.menu__bar{display:flex;align-items:center;justify-content:space-between;min-height:var(--hdr)}
.menu__body{padding-top:1.5rem;padding-bottom:3rem}
.menu__search{display:flex;align-items:center;gap:.75rem;height:3.25rem;padding:0 1rem;background:var(--white);color:var(--navy);border-radius:var(--leaf)}
.menu__search input{flex:1;border:0;outline:0;background:none;font:400 1rem/1.5rem var(--mariam)}
.menu__search input::placeholder{color:var(--muted)}
.menu__main{margin-top:1.5rem}
.menu__main a{display:flex;align-items:center;justify-content:space-between;min-height:3.75rem;border-bottom:1px solid rgba(255,255,255,.2);font:400 1.125rem/1.6875rem var(--mariam);text-transform:uppercase}
.menu__sec{margin-top:1.5rem}
.menu__sec a{display:block;padding:.625rem 0;font:400 1rem/1.5rem var(--grapalat)}
.menu__lang{display:flex;align-items:center;gap:.5rem;margin-top:1.5rem}
.menu__lang a{padding:.375rem .875rem;border:1px solid rgba(255,255,255,.5);border-radius:.75rem 0;font:400 .875rem/1.25rem var(--grapalat)}
.menu__lang a.is-on{background:var(--white);color:var(--navy);border-color:var(--white)}
body.menu-open{overflow:hidden}

/* ---------- hero ---------- */
.hero{position:relative;color:var(--white);background:var(--navy) url(../img/hero.jpg) center/cover no-repeat;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;background:var(--navy);opacity:.55;z-index:-1}
.hero .wrap{padding-top:3rem;padding-bottom:3rem}
.hero__content{max-width:47.5rem}
.hero__kicker{font:400 .875rem/1.25rem var(--grapalat)}
.hero h1{margin-top:.5rem}
.hero .lead{margin-top:.75rem;max-width:44rem}
.scope{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:1.5rem}
.scope button{padding:.5rem .875rem;border-radius:.875rem 0;background:rgba(255,255,255,.12);font:400 .875rem/1.25rem var(--grapalat);color:var(--white)}
.scope button[aria-selected=true]{background:var(--white);color:var(--navy)}
.scope button:hover:not([aria-selected=true]){background:rgba(255,255,255,.22)}
.search{position:relative;margin-top:.75rem;display:grid;gap:.75rem}
.search__field{display:flex;align-items:center;gap:.75rem;height:3.5rem;padding:0 1rem;background:var(--white);color:var(--navy);border-radius:var(--leaf)}
.search__field .ic{width:1.375rem;height:1.375rem;stroke-width:1.75}
.search__field input{flex:1;min-width:0;border:0;outline:0;background:none;font:400 1rem/1.5rem var(--mariam);color:var(--navy)}
.search__field input::placeholder{color:var(--muted)}
.search__field:focus-within{box-shadow:inset 0 0 0 2px var(--navy)}
.search__field input:focus,.search__field input:focus-visible{outline:none}
.search__btn{height:3.25rem;border-radius:var(--leaf);background:var(--white);color:var(--navy);font:400 1rem/1.5rem var(--grapalat)}
.search__btn:hover{background:var(--tint)}
.popular{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:1rem;font:400 .875rem/1.25rem var(--grapalat)}
.popular a:hover{text-decoration:underline;text-underline-offset:3px}
.suggest{position:absolute;left:0;right:0;top:3.75rem;z-index:5;background:var(--white);color:var(--navy);border-radius:0 0 1.5rem 0;box-shadow:0 12px 28px rgba(0,0,0,.18);padding:.5rem 0}
.suggest h4{margin:0;padding:.625rem 1.5rem .25rem;font:400 .8125rem/1.125rem var(--grapalat);color:var(--muted);text-transform:uppercase}
.suggest a{display:flex;justify-content:space-between;gap:.75rem;padding:.625rem 1.5rem;font:400 1rem/1.5rem var(--mariam)}
.suggest a small{font:400 .875rem/1.25rem var(--grapalat);color:var(--muted);white-space:nowrap}
.suggest a:hover,.suggest a.is-active{background:var(--tint)}
.suggest .suggest__all{border-top:1px solid var(--line);margin-top:.25rem;justify-content:flex-start;gap:.5rem;font-family:var(--grapalat)}
.suggest .empty{padding:.75rem 1.5rem;font:400 .875rem/1.25rem var(--grapalat);color:var(--muted)}
@media (min-width:768px){
  .hero .wrap{padding-top:4.5rem;padding-bottom:4.5rem}
  .hero__kicker{font-size:1rem;line-height:1.5rem}
  .hero .lead{margin-top:1rem}
  .scope{margin-top:2rem}.scope button{padding:.5rem 1rem;font-size:1rem;line-height:1.5rem}
  .search{grid-template-columns:1fr auto;gap:0}
  .search__field{height:3.75rem;padding:0 .75rem 0 1.25rem;border-radius:1.375rem 0 0 0}
  .search__btn{height:3.75rem;width:8.75rem;border-radius:0 0 1.375rem 0;background:var(--navy);color:var(--white);border:1px solid rgba(255,255,255,.5)}
  .search__btn:hover{background:#0c3563}
  .search__field input{font-size:1.0625rem}
  .popular{font-size:1rem;line-height:1.5rem}
  .suggest{top:3.75rem;right:0}
}
@media (min-width:1024px){
  .hero{min-height:35rem;display:flex;align-items:center}.hero .wrap{padding-top:5rem;padding-bottom:5rem}
  .hero h1{margin-top:.5rem}.scope{margin-top:2.5rem}
  .search__field{height:4rem;border-radius:1.5rem 0 0 0;padding-left:1.5rem}
  .search__btn{height:4rem;width:10rem;border-radius:0 0 1.5rem 0}
  .popular{margin-top:1.25rem}
}
@media (min-width:1440px){.hero{min-height:37.5rem}}

/* ---------- sections ---------- */
.sec{padding:var(--sec) 0}
.sec--tint{background:var(--tint)}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}
.sec-head .link-arrow{display:none}
@media (min-width:1024px){.sec-head{margin-bottom:2.5rem}.sec-head .link-arrow{display:inline-flex}.more-btn{display:none!important}}
.more-btn{margin-top:1.5rem;width:100%;justify-content:space-between}
@media (min-width:768px){.more-btn{width:auto;justify-content:center}}

/* fields */
.fields{display:grid;grid-template-columns:1fr}
.fields li > a,.fields li > span{display:flex;align-items:center;gap:1rem;min-height:5rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.fields b{display:block;font:400 1rem/1.5rem var(--mariam)}
.fields small{display:block;margin-top:.25rem;font:400 .8125rem/1.125rem var(--grapalat);color:var(--muted)}
.fields span{flex:1}
.fields .ic{width:1.5rem;height:1.5rem;transition:transform .15s}
.fields a:hover .ic{transform:translateX(3px)}
.fields a:hover b{text-decoration:underline;text-underline-offset:4px}
.fields .is-empty b{color:var(--muted)}
.fields .is-empty > span{flex-direction:column;align-items:flex-start;justify-content:center;gap:0}
.fields li:nth-child(n+7){display:none}
@media (min-width:768px){
  .fields{grid-template-columns:1fr 1fr;column-gap:1.5rem}
  .fields li:nth-child(n+7){display:block}.fields li:nth-child(n+9){display:none}
  .fields li > a,.fields li > span{min-height:6rem;padding:0}
  .fields b{font-size:1.0625rem;line-height:1.75rem}.fields small{font-size:.875rem;line-height:1.25rem}
}
@media (min-width:1024px){
  .fields{grid-template-columns:repeat(3,1fr);column-gap:3rem}
  .fields li:nth-child(n+9){display:block}
  .fields li > a,.fields li > span{min-height:6.5rem}
}

/* publications */
.pub-grid{display:grid;gap:3.5rem}
.tabs{display:flex;gap:1.5rem;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:none;padding-bottom:.625rem;margin-bottom:-1px;border-bottom:2px solid transparent;font:400 .875rem/1.25rem var(--grapalat);color:var(--muted);white-space:nowrap}
.tabs button[aria-selected=true]{color:var(--navy);border-bottom-color:var(--navy)}
.tabs button:hover{color:var(--navy)}
.pub{padding:1.5rem 0;border-bottom:1px solid var(--line);display:grid;gap:.375rem}
.pub[hidden]{display:none}
.pub__title{font:700 1.125rem/1.75rem var(--mariam)}
.pub__title a:hover{text-decoration:underline;text-underline-offset:4px}
.pub__mt{font:400 .875rem/1.25rem var(--grapalat)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.375rem}
.chip{display:inline-block;padding:.1875rem .75rem;border:1px solid var(--line);border-radius:.625rem 0;background:var(--white);font:400 .8125rem/1.125rem var(--grapalat);color:var(--muted)}
.chip--strong{border-color:var(--navy);color:var(--navy)}
.pubs .btn--primary{margin-top:1.5rem;width:100%}
.empty-note{padding:1.5rem 0;font:400 1rem/1.5rem var(--grapalat);color:var(--muted)}
.updates .meta{margin:.5rem 0 1.25rem}
.updates ul{display:grid;gap:1.25rem}
.updates li{display:flex;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.updates time{flex:none;display:grid;place-content:center;width:5.5rem;height:4rem;border:1px solid var(--navy);border-radius:3px;background:var(--white);text-align:center;font:400 .875rem/1.25rem var(--grapalat)}
.updates time b{font:700 1.125rem/1.75rem var(--mariam)}
.updates li a{font:400 .875rem/1.25rem var(--grapalat);text-transform:uppercase}
.updates li a:hover{text-decoration:underline}
@media (min-width:768px){
  .tabs{gap:1.75rem}.tabs button{font-size:1rem;line-height:1.5rem;padding-bottom:.75rem}
  .pubs .btn--primary{width:auto}
  .updates ul{grid-template-columns:1fr 1fr;column-gap:1.5rem}
}
@media (min-width:1024px){
  .pub-grid{grid-template-columns:minmax(0,45rem) minmax(0,1fr);gap:3rem}
  .pubs .btn--primary{margin-top:2.5rem}
  .updates ul{grid-template-columns:1fr}
  .updates{padding-top:0}
}
@media (min-width:1440px){.pub-grid{grid-template-columns:49rem minmax(0,1fr);gap:4rem}}

/* people */
.people{display:grid}
.people a{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}
.ini{flex:none;display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:3px;background:var(--navy);color:var(--white);font:700 1.25rem/1.75rem var(--mariam)}
.people__body{flex:1;display:grid;gap:.25rem}
.people__body b{font:700 1.25rem/1.75rem var(--mariam)}
.people__body span{font:400 .875rem/1.25rem var(--grapalat)}
.people__body small{font:400 .8125rem/1.125rem var(--grapalat);color:var(--muted)}
.people .ic{width:1.75rem;height:1.75rem;transition:transform .15s}
.people a:hover .ic{transform:translateX(3px)}
.people a:hover b{text-decoration:underline;text-underline-offset:4px}
.people li:nth-child(n+3){display:none}
@media (min-width:768px){.people li:nth-child(3){display:block}.ini{width:4.5rem;height:4.5rem;font-size:1.375rem;line-height:2rem}.people__body b{font-size:1.375rem;line-height:2rem}}
@media (min-width:1024px){.people{grid-template-columns:1fr 1fr;column-gap:3rem}.people li:nth-child(n+3){display:block}}

/* plain language */
.plain{display:grid;gap:1.5rem}
.plain__photo img{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover}
.plain__text{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}
.plain__text .rows{align-self:stretch}
.rows a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--line);font:400 1rem/1.5rem var(--mariam)}
.rows .ic{width:1.75rem;height:1.75rem;transition:transform .15s}
.rows a:hover .ic{transform:translateX(3px)}
.plain .btn{width:100%;justify-content:space-between}
@media (min-width:768px){.plain .btn{width:auto;justify-content:center}}
@media (min-width:1024px){
  .plain{grid-template-columns:minmax(0,32.5rem) minmax(0,1fr);gap:3rem;align-items:stretch}
  .plain__photo img{aspect-ratio:auto;height:100%}
}
@media (min-width:1440px){.plain{grid-template-columns:35rem minmax(0,1fr);gap:4rem}}

/* numbers */
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}
.tiles li{display:grid;place-content:center;justify-items:center;gap:.375rem;min-height:8rem;background:var(--navy);color:var(--white);text-align:center}
.tiles b{font:400 2.5rem/3.25rem var(--mariam)}
.tiles span{font:400 1rem/1.5rem var(--mariam)}
.tiles + .note{margin-top:1.5rem}
@media (min-width:768px){.tiles{grid-template-columns:repeat(4,1fr)}.tiles li{min-height:9.5rem}}
@media (min-width:1024px){.tiles{gap:2rem;margin-top:2.5rem}.tiles li{min-height:12.5rem}.tiles span{font-size:1.25rem;line-height:1.875rem}.tiles + .note{margin-top:2rem}}

/* ---------- footer ---------- */
.ftr__body{background:var(--navy);color:var(--white);padding:3rem 0 2rem}
.ftr__h{font:700 1.125rem/1.75rem var(--mariam)}
.quick{display:grid;grid-template-columns:repeat(3,1fr);row-gap:1.5rem;margin-top:1.25rem}
.quick a{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;font:400 .8125rem/1.125rem var(--grapalat)}
.quick a:hover{text-decoration:underline;text-underline-offset:3px}
.quick .ic{width:1.75rem;height:1.75rem}
.ftr__cols{margin-top:2rem}
.ftr__col summary{display:flex;align-items:center;justify-content:space-between;min-height:3.5rem;border-top:1px solid rgba(255,255,255,.2);font:700 1.125rem/1.75rem var(--mariam);cursor:pointer;list-style:none}
.ftr__col summary::-webkit-details-marker{display:none}
.ftr__col summary .ic{transition:transform .2s}
.ftr__col[open] summary .ic{transform:rotate(180deg)}
.ftr__col ul{display:grid;gap:.75rem;padding:0 0 1.25rem;font:400 .875rem/1.25rem var(--grapalat)}
.ftr__col a:hover{text-decoration:underline}
.ftr__lang{border-top:1px solid rgba(255,255,255,.2);padding-top:1.5rem}
.ftr__lang .ftr__h{display:none}
.ftr__lang ul{display:flex;gap:1.25rem;flex-wrap:wrap}
.ftr__lang a[aria-current]{font-family:var(--mariam);font-weight:700}
.ftr__bottom{display:grid;gap:1.5rem;margin-top:1.5rem;font:400 .8125rem/1.125rem var(--grapalat)}
.ftr__copy{display:flex;align-items:center;gap:1rem}
.ftr__copy img{width:3.25rem;height:3.25rem}
.ftr__addr{padding:1rem 0;font:400 .875rem/1.25rem var(--grapalat)}
.ftr__addr .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1.25rem}
.ftr__addr .sep{width:1px;height:1.25rem;background:var(--line)}
.ftr__addr span:first-child{flex-basis:100%}
.ftr__addr .sep:first-of-type{display:none}
@media (min-width:768px){
  .ftr__body{padding:3.5rem 0 2.5rem}
  .quick{display:flex;justify-content:space-between}
  .quick a{font-size:.875rem;line-height:1.25rem}.quick .ic{width:1.875rem;height:1.875rem}
  .ftr__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:2.5rem}
  .ftr__col summary{border:0;min-height:auto;margin-bottom:.75rem;pointer-events:none}
  .ftr__col summary .ic{display:none}
  .ftr__lang{border:0;padding:0}.ftr__lang .ftr__h{display:block;margin-bottom:.75rem}
  .ftr__lang ul{display:grid;gap:.75rem}
  .ftr__bottom{grid-template-columns:minmax(0,40rem) auto;justify-content:space-between;align-items:end;margin-top:2.5rem}
  .ftr__copy{flex-direction:column;align-items:flex-end;gap:.75rem}
  .ftr__addr span:first-child{flex-basis:auto}.ftr__addr .sep:first-of-type{display:block}
}
@media (min-width:1024px){
  .ftr__body{padding:3.5rem 0 3rem}
  .quick{justify-content:flex-start;gap:2.5rem}
  .ftr__cols{display:flex;gap:6rem}
  .ftr__bottom{margin-top:3rem}
  .ftr__addr{padding:1.125rem 0}
}

/* ---------- dropdown navigation ---------- */
.has-dd{position:static}
.nav-trigger{display:inline-flex;align-items:center;gap:.375rem;cursor:pointer}
.nav-trigger .ic{transition:transform .25s ease}
.nav-trigger[aria-expanded=true] .ic{transform:rotate(180deg)}
.dd[hidden]{display:none}
@media (min-width:1024px){
  .main-nav .nav-trigger{font:400 1.125rem/1.6875rem var(--mariam);text-transform:uppercase;white-space:nowrap;color:var(--white);padding:.5rem 0}
  .main-nav .nav-trigger .ic{width:1rem;height:1rem;stroke-width:2}
  .main-nav .nav-trigger:hover,.main-nav .nav-trigger[aria-expanded=true]{text-decoration:underline;text-underline-offset:6px}
  .hdr-main{position:relative;z-index:30}
  .dd--mega{position:absolute;left:0;right:0;top:100%;background:var(--white);color:var(--navy);box-shadow:0 18px 40px rgba(15,63,118,.18);border-top:1px solid var(--line);animation:ddIn .22s ease}
  .dd__in{display:grid;grid-template-columns:minmax(0,20rem) minmax(0,1fr);gap:4rem;padding-top:2.5rem;padding-bottom:3rem}
  .dd__title{font:700 1.375rem/2rem var(--mariam)}
  .dd__sub{margin-top:.5rem;font:400 .875rem/1.25rem var(--grapalat);color:var(--muted)}
  .dd__intro .link-arrow{margin-top:1.5rem}
  .dd__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 3rem}
  .dd__col li a{display:block;padding:.75rem 0;border-bottom:1px solid var(--line);font:400 1rem/1.5rem var(--mariam);transition:padding .2s ease,background .2s ease}
  .dd__col li a:hover{background:var(--tint);padding-left:.75rem}
  .has-dd--small{position:relative}
  .hdr-sec__in .nav-trigger{font:400 .875rem/1.25rem var(--grapalat);color:var(--navy);padding:.5rem 0}
  .hdr-sec__in .nav-trigger .ic{width:.75rem;height:.75rem}
  .hdr-sec__in .nav-trigger:hover,.hdr-sec__in .nav-trigger[aria-expanded=true]{text-decoration:underline;text-underline-offset:4px}
  .dd--small{position:absolute;top:calc(100% + .75rem);left:-1rem;min-width:15rem;background:var(--white);border:1px solid var(--line);border-radius:0 0 1.25rem 0;box-shadow:0 14px 30px rgba(15,63,118,.16);padding:.5rem 0;z-index:40;animation:ddIn .2s ease}
  .dd--small a{display:block;padding:.625rem 1.25rem;font:400 .9375rem/1.375rem var(--mariam);white-space:nowrap}
  .dd--small a:hover{background:var(--tint)}
}
@keyframes ddIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}


/* hover bridge: triggers fill the bar height, panels touch the bar (no gap that closes the menu) */
@media (min-width:1024px){
  .hdr-main__in{align-items:stretch}
  .hdr-main__in > .brand{align-self:center}
  .main-nav{display:flex;align-self:stretch}
  .main-nav > ul{align-items:stretch}
  .main-nav > ul > li{display:flex;align-items:center}
  .hdr-sec__in{align-items:stretch}
  .hdr-sec__in > *{align-self:center}
  .hdr-sec__in > .has-dd--small{align-self:stretch;display:flex;align-items:center}
  .dd--small{top:100%}
  .dd--small::before{content:"";position:absolute;left:0;right:0;top:-.75rem;height:.75rem}
}

/* search seam: shared backing so no photo pixels show between field and button */
@media (min-width:768px){
  .search{background:var(--navy);border-radius:1.375rem 0}
  .search__btn{margin-left:-1px;position:relative}
}
@media (min-width:1024px){.search{border-radius:1.5rem 0}}
/* ---------- selection ---------- */
::selection{background:var(--navy);color:var(--white)}
.hero ::selection,.hdr-main .main-nav > ul > li > .nav-trigger::selection,.ftr__body ::selection,.menu ::selection,.tiles ::selection,.brand ::selection{background:var(--white);color:var(--navy)}

/* ---------- smooth scrolling (Lenis) ---------- */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}

/* ---------- hover polish ---------- */
a,button{transition:color .2s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease}
.btn{transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.btn:active{transform:translateY(1px)}
.btn--arrow .ic{transition:transform .2s ease}.btn--arrow:hover .ic{transform:translateX(4px)}
.icon-btn{border-radius:.75rem 0;transition:background .2s ease}
.hdr-main .icon-btn:hover,.menu .icon-btn:hover,.menu-btn:hover{background:rgba(255,255,255,.12)}
.hdr-sec__in .icon-btn:hover{background:var(--tint)}
.fields li > a,.people a,.rows a{transition:background .25s ease,padding .25s ease}
.updates time{transition:background .25s ease,color .25s ease}
.updates li:hover time{background:var(--navy);color:var(--white)}
.plain__photo{overflow:hidden}
.plain__photo img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.plain:hover .plain__photo img{transform:scale(1.03)}
.quick .ic{transition:transform .25s ease}.quick a:hover .ic{transform:translateY(-3px)}
.menu__main a{transition:padding .2s ease}.menu__main a:hover{padding-left:.5rem}
@media (hover:hover){
  .fields li > a:hover,.people a:hover,.rows a:hover{background:var(--tint);padding-left:1rem;padding-right:1rem}
  .sec--tint .rows a:hover,.sec--tint .people a:hover{background:var(--white)}
  .pub:hover .pub__title a{text-decoration:underline;text-underline-offset:4px}
  .tiles li{transition:transform .3s ease}
  .tiles.is-in li:hover,.no-js .tiles li:hover{transform:translateY(-4px)}
}

/* ---------- loading + reveal ---------- */
.loader{display:none}
.js:not(.seen) .loader{display:grid;place-content:center;justify-items:center;gap:1.5rem;position:fixed;inset:0;z-index:200;background:var(--navy);transition:opacity .5s ease,visibility .5s ease}
.loader img{width:4.5rem;height:4.5rem;animation:seal 1.6s ease-in-out infinite}
.loader__bar{display:block;width:7.5rem;height:2px;background:rgba(255,255,255,.2);overflow:hidden}
.loader__bar span{display:block;height:100%;width:40%;background:var(--white);animation:bar 1.1s ease-in-out infinite}
@keyframes seal{0%,100%{opacity:.6;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}
@keyframes bar{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}
.is-loaded .loader{opacity:0;visibility:hidden}
.js [data-in]{opacity:0;transform:translateY(16px)}
.js.is-loaded [data-in]{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.js.is-loaded .lead[data-in]{transition-delay:.08s}.js.is-loaded .display[data-in]{transition-delay:.04s}
.js.is-loaded .scope[data-in]{transition-delay:.16s}.js.is-loaded .search[data-in]{transition-delay:.24s}.js.is-loaded .popular[data-in]{transition-delay:.32s}
.js [data-reveal]:not([data-stagger]){opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.js [data-reveal].is-in:not([data-stagger]){opacity:1;transform:none}
.js [data-stagger] > li{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1),background .25s ease}
.js [data-stagger].is-in > li{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .js:not(.seen) .loader{display:none}
  .js [data-in],.js [data-reveal],.js [data-stagger] > li{opacity:1!important;transform:none!important;transition:none!important}
  .plain:hover .plain__photo img,.tiles li:hover{transform:none!important}
  .dd--mega,.dd--small{animation:none}
}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}