/* NEWLINE LUX — header, footer, newsletter, help popup */
.lx-hdr{position:relative;
  & .hd{position:relative;z-index:50;background:var(--hbg,var(--slate));color:var(--hfg,#fff);height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:var(--pad)}
  & .hd nav{display:flex;gap:26px}
  & .hd nav a,& .hd__r>a{font-size:11.5px;letter-spacing:.06em;opacity:.82;transition:opacity .3s;position:relative;white-space:nowrap}
  & .hd nav a{padding-block:20px}
  & .hd nav a:hover,& .hd nav a.on,& .hd__r>a:hover,& .hd__r>a.on{opacity:1}
  & .hd nav a:before,& .hd__r>a:before{content:"";position:absolute;left:0;right:0;height:1px;background:var(--clay);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
  & .hd nav a:before{bottom:13px}
  & .hd__r>a:before{bottom:-7px}
  & .hd nav a:hover:before,& .hd__r>a:hover:before,& .hd nav a.on:before,& .hd__r>a.on:before,& .hd nav a.open:before{transform:scaleX(1);transform-origin:left}
  & .hd nav a[data-m]:after{content:"";display:inline-block;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-3px) rotate(45deg);margin-left:8px;transition:transform .4s var(--ease)}
  & .hd nav a.open:after{transform:translateY(0) rotate(-135deg)}
  & .hd__logo{justify-self:center}
  & .hd__logo img{height:var(--lh,32px);width:auto;object-fit:contain}
  & .hd__logo span{font-size:15px;letter-spacing:.3em;text-transform:uppercase;font-weight:500}
  & .hd__r{display:flex;justify-content:flex-end;gap:20px;align-items:center}
  & .hd__icons{display:flex;gap:16px;align-items:center}
  & .hd__icons a,& .hd__icons button{display:grid;place-items:center;position:relative}
  & .hd__r svg,& .hd__burger svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.3}
  & .hd__burger{display:none}
  & .hd__cnt{position:absolute;top:-6px;right:-8px;min-width:16px;height:16px;border-radius:999px;background:var(--clay);color:#fff;font-size:9.5px;line-height:16px;display:grid;place-items:center;padding:0 4px;transform:scale(0);transition:transform .45s var(--ease)}
  & .hd__cnt.on{transform:scale(1)}
  & .hd__cnt.bump{animation:lxBump .5s var(--ease)}
  & .mg{position:absolute;left:0;right:0;top:100%;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .7s var(--ease),visibility 0s .7s;z-index:2}
  & .mg.on{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .7s var(--ease),visibility 0s}
  & .mg__in{display:grid;grid-template-columns:200px var(--c2,200px) 1fr;gap:clamp(24px,4vw,64px);padding:34px var(--pad) 38px}
  & .mg h5{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--mute);margin-bottom:14px}
  & .mg ul{display:grid;gap:9px}
  & .mg li{opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
  & .mg.on li{opacity:1;transform:none}
  & .mg li a{font-size:13px;display:flex;align-items:center;gap:10px;transition:color .25s,gap .35s var(--ease)}
  & .mg li a:hover{color:var(--clay);gap:14px}
  & .mg li a i{width:10px;height:10px;flex:none;background:var(--c)}
  & .mg__in>div{display:block}
  & .mg__imgs{display:grid!important}
  & .mg li.all a{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;margin-top:8px;border-bottom:1px solid currentColor;display:inline-flex;padding-bottom:2px}
  & .mg__imgs{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:620px;justify-self:end;width:100%}
  & .mg__card{display:block}
  & .mg__f{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--stone)}
  & .mg__f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s,transform 1.2s var(--ease)}
  & .mg__card:hover .mg__f img{transform:scale(1.04)}
  & .mg__card p{display:flex;justify-content:space-between;font-size:12px;padding-top:8px}
  & .mg__card p span{color:var(--mute)}
  & .scrim{position:fixed;inset:0;background:rgba(35,42,43,.28);opacity:0;pointer-events:none;transition:opacity .5s;z-index:-1}
  & .scrim.on{opacity:1}
  & .dr{position:fixed;inset:0;z-index:100;pointer-events:none}
  & .dr__bg{position:absolute;inset:0;background:rgba(35,42,43,.4);opacity:0;transition:opacity .4s}
  & .dr__p{position:absolute;top:0;bottom:0;left:0;width:min(86vw,360px);background:var(--paper);transform:translateX(-100%);transition:transform .6s var(--ease);display:flex;flex-direction:column;overflow-y:auto}
  & .dr.on{pointer-events:auto}
  & .dr.on .dr__bg{opacity:1}
  & .dr.on .dr__p{transform:none}
  & .dr__top{display:flex;justify-content:space-between;align-items:center;height:50px;padding:0 var(--pad);background:var(--slate);color:#fff}
  & .dr__top img{height:28px;width:auto;object-fit:contain}
  & .dr__top button svg{width:16px;height:16px;stroke:#fff;stroke-width:1.3;fill:none}
  & .dr__l{padding:8px var(--pad)}
  & .dr__l>li{border-bottom:1px solid var(--line)}
  & .dr__l>li>a,& .dr__l>li>button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:13px 0;font-size:12.5px;text-align:left}
  & .dr__l>li>button i{width:9px;height:9px;position:relative}
  & .dr__l>li>button i:before,& .dr__l>li>button i:after{content:"";position:absolute;left:0;top:4px;width:9px;height:1px;background:currentColor;transition:transform .4s var(--ease)}
  & .dr__l>li>button i:after{transform:rotate(90deg)}
  & .dr__l>li.op>button i:after{transform:none}
  & .dr__sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
  & .dr__l>li.op .dr__sub{grid-template-rows:1fr}
  & .dr__sub>ul{overflow:hidden;display:grid;gap:11px}
  & .dr__l>li.op .dr__sub>ul{padding-bottom:16px}
  & .dr__sub a{font-size:12.5px;display:flex;align-items:center;gap:10px}
  & .dr__ft{margin-top:auto;padding:18px var(--pad) 24px;display:grid;gap:8px;font-size:12px;color:var(--mute)}
  @media(max-width:860px){
    & .hd{height:50px;grid-template-columns:40px 1fr auto}
    & .hd nav,& .hd__r>a{display:none}
    & .hd__burger{display:block}
    & .hd__logo img{height:var(--lhm,24px)}
    & .mg{display:none}
  }
}
.lx-ftr{
  & .ft{background:var(--bg,var(--slate));color:var(--fg,#fff);padding:var(--pt,52px) var(--pad) 26px}
  & .ft__g{display:grid;grid-template-columns:1.4fr repeat(var(--cols,3),1fr);gap:30px}
  & .ft__logo img{height:var(--lh,34px);width:auto;object-fit:contain;margin-bottom:16px}
  & .ft p{opacity:.7;max-width:30ch;font-size:12px}
  & .ft h4{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;opacity:.55;margin-bottom:14px}
  & .ft ul{display:grid;gap:8px;font-size:12px}
  & .ft ul a{opacity:.85;padding-bottom:3px;background:linear-gradient(var(--clay),var(--clay)) no-repeat 0 100%/0 1px;transition:opacity .3s,background-size .45s var(--ease)}
  & .ft ul a:hover{opacity:1;background-size:100% 1px}
  & .ft__b{display:flex;justify-content:space-between;gap:10px;margin-top:46px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16);font-size:11px;opacity:.6}
  & .ft__b a:hover{color:var(--clay)}
  @media(max-width:860px){
    & .ft__g{grid-template-columns:1fr 1fr}
    & .ft__g>div:first-child{grid-column:1/-1}
    & .ft__b{flex-direction:column;gap:6px}
  }
}
.lx-nw{
  & .nw{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding-inline:var(--pad)}
  & .nw .h2{color:var(--fg,#fff)}
  & .nw p{opacity:.72;margin-top:10px;max-width:46ch}
  & .nw form{display:flex;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:5px 5px 5px 20px;max-width:460px;justify-self:end;width:100%;transition:border-color .3s}
  & .nw form:focus-within{border-color:rgba(255,255,255,.6)}
  & .nw input{flex:1;background:none;border:0;outline:0;color:var(--fg,#fff);font-size:13px;min-width:0;padding:8px 0}
  & .nw input::placeholder{color:rgba(255,255,255,.55)}
  & .nw button{width:42px;height:42px;border-radius:50%;background:var(--clay);display:grid;place-items:center;color:#fff;flex:none;transition:background .3s,color .3s}
  & .nw button:hover{background:#fff;color:var(--clay)}
  & .nw button svg{width:15px;height:9px}
  & .nw small{display:block;font-size:11px;opacity:.55;margin-top:10px;text-align:right}
  & .nw__ok{font-size:13px}
  @media(max-width:860px){
    & .nw{grid-template-columns:1fr;gap:20px}
    & .nw form{justify-self:stretch}
    & .nw small{text-align:left}
  }
}
.lx-help{
  & .fh{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;align-items:center;gap:10px;background:var(--slate-d);color:#fff;border-radius:999px;padding:5px 16px 5px 5px;font-size:12px;box-shadow:0 12px 30px rgba(20,28,30,.25);opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .5s,transform .6s var(--ease),background .3s}
  & .fh.on{opacity:1;transform:none;pointer-events:auto}
  & .fh:hover,& .fh.open{background:var(--clay)}
  & .fh img{width:32px;height:32px;border-radius:50%;object-fit:cover;object-position:top}
  & .fh i{position:absolute;left:29px;top:5px;width:8px;height:8px;border-radius:50%;background:#7fb07a;box-shadow:0 0 0 2px var(--slate-d)}
  & .qs{position:fixed;right:18px;bottom:76px;z-index:81;width:min(360px,calc(100vw - 24px));pointer-events:none}
  & .qs__p{background:var(--paper);border-radius:18px;box-shadow:0 30px 70px rgba(20,28,30,.28);overflow:hidden;opacity:0;transform:translateY(18px) scale(.97);transform-origin:bottom right;transition:opacity .45s var(--ease),transform .6s var(--ease)}
  & .qs.on{pointer-events:auto}
  & .qs.on .qs__p{opacity:1;transform:none}
  & .qs__h{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--slate-d);color:#fff;padding:14px 14px 14px 16px}
  & .qs__who{display:flex;align-items:center;gap:10px}
  & .qs__who img{width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:top}
  & .qs__who b{display:block;font-weight:500;font-size:13.5px}
  & .qs__who span{display:flex;align-items:center;gap:6px;font-size:10.5px;opacity:.7;margin-top:2px}
  & .qs__who span i{width:6px;height:6px;border-radius:50%;background:#7fb07a}
  & .qs__x{width:32px;height:32px;flex:none;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;transition:background .3s,border-color .3s,transform .5s var(--ease)}
  & .qs__x svg{width:10px;height:10px;stroke:#fff;stroke-width:1.4;fill:none}
  & .qs__x:hover{background:var(--clay);border-color:var(--clay);transform:rotate(90deg)}
  & .qs__b{padding:16px 16px 18px;max-height:min(70vh,560px);overflow:auto}
  & .qs__t{font-size:12.5px;color:#3b3e3d;line-height:1.6;margin-bottom:12px}
  & .qs .fm{grid-template-columns:1fr;gap:12px;margin-top:12px}
  & .qs .atc{height:46px}
  & .qs.sent .qs__b{display:none}
  & .qs__ok{display:none;padding:28px 18px 30px;text-align:center}
  & .qs.sent .qs__ok{display:block}
  & .qs__ok i{display:inline-grid}
  @media(max-width:860px){
    & .fh{right:12px;bottom:12px;font-size:11px}
    & .qs{right:12px;bottom:62px}
  }
}
.lx-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 18px;font:12px/1.4 var(--lxf);opacity:0;pointer-events:none;transition:all .5s var(--ease);z-index:200;border-radius:999px}
.lx-toast.on{opacity:1;transform:translate(-50%,0)}