:root{
  --bg:#f4f7f9;         /* high pale sky */
  --bg-2:#e9f0f2;       /* mist band */
  --surface:#ffffff;    /* cloud white */
  --line:#d3e0e4;       /* soft horizon line */
  --ink:#2c3e46;        /* slate — like distant rock */
  --ink-dim:#6f8790;    /* hazed blue-grey */
  --spore:#5b93b0;      /* still-water blue (primary accent) */
  --spore-2:#83b3ae;    /* shallows teal */
  --violet:#c9a9c8;     /* alpenglow */
  --gold:#e7c9a0;       /* first light on the peaks */
  --radius:6px; --maxw:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:'Cormorant Garamond',Georgia,serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.mono{font-family:'Jost',system-ui,sans-serif;letter-spacing:.02em}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.eyebrow{font-family:'Jost',system-ui,sans-serif;font-weight:400;font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--spore)}
.dim{color:var(--ink-dim)}

header{position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(14px);background:rgba(244,247,249,.72);border-bottom:1px solid transparent;transition:border-color .3s}
header.scrolled{border-bottom:1px solid var(--line)}
nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:600;letter-spacing:.01em}
.brand svg{display:block}
.navlinks{display:flex;gap:32px;align-items:center}
.navlinks a{font-family:'Jost',sans-serif;font-size:14px;letter-spacing:.04em;color:var(--ink-dim);transition:color .2s}
.navlinks a:hover,.navlinks a.active{color:var(--ink)}
.navlinks a.active{color:var(--spore)}
.btn{font-family:'Jost',sans-serif;font-size:14px;letter-spacing:.06em;padding:12px 24px;border-radius:var(--radius);border:1px solid var(--spore);background:var(--spore);color:#fff;font-weight:400;cursor:pointer;transition:transform .2s,box-shadow .3s;display:inline-block}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(91,147,176,.28)}
.btn.ghost{background:transparent;color:var(--spore)}
.btn.ghost:hover{box-shadow:none;background:rgba(91,147,176,.09)}
.nav-cta{display:flex;gap:12px;align-items:center}
.langbtn{font-family:'Jost',sans-serif;font-size:13px;letter-spacing:.08em;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink-dim);cursor:pointer;transition:border-color .2s,color .2s;flex:none}
.langbtn:hover{border-color:var(--spore);color:var(--spore)}

.pagehead{padding:160px 0 66px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.pagehead.has-img{padding:180px 0 80px}
.pagehead.has-img::before{content:"";position:absolute;inset:0;z-index:0;background-image:var(--head-img);background-size:cover;background-position:center;opacity:1}
.pagehead.has-img::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(244,247,249,.94) 0%,rgba(244,247,249,.78) 45%,rgba(244,247,249,.28) 100%)}
.pagehead.has-img .wrap{position:relative;z-index:2}
.pagehead h1{font-size:clamp(46px,7vw,86px);line-height:1.02;letter-spacing:-.01em;font-weight:500;margin:20px 0 20px}
.pagehead h1 em{font-style:italic;color:var(--spore);font-weight:500}
.pagehead p{font-size:21px;color:var(--ink-dim);max-width:580px;font-weight:400}

.sec{padding:96px 0}
.sec-head{max-width:660px;margin-bottom:52px}
.sec-head h2{font-size:clamp(32px,4.4vw,50px);line-height:1.08;letter-spacing:-.01em;margin:14px 0 16px;font-weight:500}
.sec-head p{color:var(--ink-dim);font-size:19px;font-weight:400}

footer{border-top:1px solid var(--line);padding:60px 0 42px;background:var(--bg-2)}
.foot-grid{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:40px}
.foot-col h5{font-family:'Jost',sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:15px;font-weight:400}
.foot-col a{display:block;font-size:16px;color:var(--ink);margin-bottom:9px;transition:color .2s}
.foot-col a:hover{color:var(--spore)}
.foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-dim)}
.foot-bottom .mono{font-size:12px;letter-spacing:.08em}

@media(max-width:620px){.navlinks{display:none}.nav-cta .btn.ghost{display:none}}