:root{--lc:#7D7062;--lc-d:#5E5348;--lc-t:#EFE8DE}
.h2 em{color:var(--taupe)}
/* ================= DEMO 1 — Magazine ================= */
.m-hero{background:var(--white);padding:46px 0 0}
.m-hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(54px,7.6vw,118px);line-height:.95;letter-spacing:-.02em;margin:40px 0 0;max-width:1100px}
.m-hero h1 em{font-style:italic;color:var(--taupe)}
.m-hero .row{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:34px 0 46px;flex-wrap:wrap}
.m-hero .row p{max-width:520px}
.m-hero .row .sig{display:flex;gap:14px;align-items:center;font-size:13px;color:var(--taupe)}
.m-hero .row .sig i{width:44px;height:44px;border-radius:50%;background:var(--sand);display:grid;place-items:center;font-style:normal;font-family:var(--serif);font-size:18px;color:var(--ink)}
.m-hero .row .sig b{display:block;color:var(--ink);font-weight:500;font-size:14px}
.m-img{height:560px;border-radius:28px 28px 0 0}
.m-img .play{position:absolute;left:32px;bottom:32px;z-index:2}
.m-img .cap{position:absolute;left:104px;bottom:48px;z-index:2;color:#fff;font-size:13.5px}
.m-strip{display:flex;height:6px}.m-strip i{flex:1}
.m-sec{padding:120px 0}
.m-ix{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.2em;color:var(--taupe);margin-bottom:18px}
.m-ix::after{content:"";width:60px;height:1px;background:currentColor}
.m-mv{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:50px}
.m-mv div{border-radius:24px;padding:40px;background:var(--white)}
.m-mv div.dk{background:var(--esp);color:var(--cream)}
.m-mv small{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--taupe)}
.m-mv div.dk small{color:var(--taupe-l)}
.m-mv p{font-family:var(--serif);font-weight:300;font-size:30px;line-height:1.25;margin-top:16px}
.m-val{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
.m-val div{position:relative;border-radius:22px;padding:28px 24px;min-height:250px;background:var(--k);color:#fff;overflow:hidden;display:flex;flex-direction:column}
.m-val div.y{color:var(--ink)}
.m-val b{position:absolute;right:-6px;bottom:-50px;font-family:var(--serif);font-weight:300;font-size:220px;line-height:1;opacity:.18}
.m-val h4{font-family:var(--serif);font-weight:300;font-size:34px;margin-top:auto;position:relative}
.m-val p{font-size:14px;line-height:1.55;opacity:.9;margin-top:6px;position:relative}
.m-val small{font-size:11px;letter-spacing:.22em;text-transform:uppercase;opacity:.85}
.m-hist{background:var(--white)}
.m-tl{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:60px;border-top:1px solid var(--stone)}
.m-tl div{padding:0 26px 0 0;position:relative}
.m-tl div::before{content:"";position:absolute;left:0;top:-7px;width:13px;height:13px;border-radius:50%;background:var(--k)}
.m-tl .ph{aspect-ratio:4/3;border-radius:18px;margin:34px 0 20px}
.m-tl b{font-family:var(--serif);font-weight:300;font-size:56px;line-height:1;color:var(--k2,var(--k))}
.m-tl h5{font-family:var(--serif);font-weight:400;font-size:22px;margin:10px 0 6px}
.m-tl p{font-size:14px;color:var(--taupe-d);line-height:1.6}
.m-head .g{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.m-head .ph{aspect-ratio:4/5;border-radius:26px}
.m-head blockquote{font-family:var(--serif);font-weight:300;font-size:clamp(26px,2.6vw,36px);line-height:1.3;margin-top:24px}
.m-head blockquote em{font-style:italic;color:var(--taupe)}
.m-head .lead{margin-top:24px}
.m-head .sg{margin-top:30px;display:flex;align-items:center;gap:16px}
.m-head .sg span{font-family:var(--serif);font-style:italic;font-size:34px;color:var(--taupe-d)}
.m-head .sg div{border-left:1px solid var(--stone);padding-left:16px;font-size:13px;color:var(--taupe)}
.m-head .sg b{display:block;color:var(--ink);font-weight:500;font-size:14px}
.m-team{background:var(--sand)}
.m-team .g{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:50px}
.m-team .c .ph{aspect-ratio:3/4;border-radius:18px}
.m-team .c .ph::before{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--k);z-index:2}
.m-team h5{font-family:var(--serif);font-weight:400;font-size:21px;margin-top:14px}
.m-team small{font-size:12.5px;color:var(--taupe)}
.m-camp .g{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:12px;margin-top:50px}
.m-camp .ph{border-radius:18px}
.m-camp .ph.w{grid-column:span 2}.m-camp .ph.t{grid-row:span 2}
.m-camp .ph span.n{position:absolute;left:18px;bottom:16px;z-index:2;color:#fff;font-family:var(--serif);font-size:22px}
.m-acc{padding:0 0 110px}
.m-acc .g{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:30px}
.m-acc .g div{height:110px;border:1px dashed var(--stone);border-radius:16px;display:grid;place-items:center;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe-l)}
.m-end{background:var(--esp);color:var(--cream)}
.m-end .wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:90px;padding-bottom:90px}
.m-end a.box{border-radius:24px;padding:40px;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .4s}
.m-end a.box:hover{transform:translateY(-5px)}
.m-end a.box h3{font-family:var(--serif);font-weight:300;font-size:40px;line-height:1.05}
.m-end a.box h3 em{font-style:italic}
.m-end a.box span{display:flex;justify-content:space-between;align-items:center;font-size:14px}
.m-end a.box span i{font-style:normal;width:46px;height:46px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center}
/* ================= DEMO 2 — Story with sticky year ================= */
.s-hero{background:var(--esp);color:var(--cream);position:relative;overflow:hidden}
.s-hero .wrap{position:relative;padding-top:40px;padding-bottom:90px}
.s-hero .bc{color:rgba(247,243,238,.6)}
.s-hero .yr{font-family:var(--serif);font-weight:300;font-size:min(34vw,460px);line-height:.8;letter-spacing:-.04em;margin-top:40px;background:linear-gradient(90deg,var(--c-oo),var(--yel) 35%,#D9465C 65%,var(--c-lise));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
.s-hero .g{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-top:20px}
.s-hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(40px,4.6vw,66px);line-height:1.05}
.s-hero h1 em{font-style:italic;color:var(--taupe-l)}
.s-hero p{color:rgba(247,243,238,.75);line-height:1.7;font-size:16.5px;max-width:460px}
.s-hero .glow{position:absolute;width:800px;height:800px;right:-300px;top:-300px;border-radius:50%;background:radial-gradient(closest-side,rgba(253,200,33,.12),transparent)}
.s-story{background:var(--cream)}
.s-story .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding-top:120px;padding-bottom:60px}
.s-yr{position:sticky;top:130px;align-self:start}
.s-yr .eyebrow{display:block}
.s-yr b{display:block;font-family:var(--serif);font-weight:300;font-size:200px;line-height:.9;margin-top:20px;color:var(--yc,var(--c-oo));transition:color .5s}
.s-yr .bar{height:4px;background:var(--stone);border-radius:4px;margin-top:30px;overflow:hidden}
.s-yr .bar i{display:block;height:100%;width:25%;background:var(--yc,var(--c-oo));transition:width .5s,background .5s}
.s-yr p{margin-top:16px;font-size:13px;color:var(--taupe)}
.s-ch{padding:0 0 120px}
.s-ch .ph{aspect-ratio:16/10;border-radius:24px}
.s-ch small{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--taupe);margin-top:26px}
.s-ch h3{font-family:var(--serif);font-weight:300;font-size:40px;line-height:1.1;margin:10px 0 12px}
.s-ch p{color:var(--taupe-d);line-height:1.7}
.s-mis{background:var(--white)}
.s-mis .wrap{padding-top:120px;padding-bottom:120px}
.s-mis .top{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.s-mis .top p.big{font-family:var(--serif);font-weight:300;font-size:32px;line-height:1.3}
.s-mis .top p.big em{font-style:italic;color:var(--taupe)}
.s-mis ol{margin-top:70px;border-top:1px solid var(--stone)}
.s-mis li{border-bottom:1px solid var(--stone)}
.s-mis li button{width:100%;display:grid;grid-template-columns:80px 1fr 40px;align-items:center;gap:20px;padding:26px 0;text-align:left}
.s-mis li .n{font-family:var(--serif);font-size:20px;color:var(--k)}
.s-mis li h4{font-family:var(--serif);font-weight:300;font-size:44px;line-height:1;transition:color .3s,padding .3s}
.s-mis li button:hover h4{color:var(--k);padding-left:8px}
.s-mis li i{width:40px;height:40px;border-radius:50%;border:1px solid var(--stone);display:grid;place-items:center;font-style:normal;transition:.3s}
.s-mis li.open i{background:var(--k);border-color:var(--k);color:#fff;transform:rotate(45deg)}
.s-mis li .bd{display:grid;grid-template-columns:80px 1fr 1fr;gap:20px;max-height:0;overflow:hidden;transition:max-height .5s ease}
.s-mis li.open .bd{max-height:300px}
.s-mis li .bd p{grid-column:2;color:var(--taupe-d);line-height:1.7;padding-bottom:30px}
.s-mis li .bd .ph{grid-column:3;height:150px;border-radius:16px;margin-bottom:30px}
.s-head{background:var(--sand)}
.s-head .wrap{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0 32px;max-width:1376px}
.s-head .ph{min-height:640px;border-radius:0}
.s-head .tx{padding:90px 70px;background:var(--white);display:flex;flex-direction:column;justify-content:center}
.s-head .tx .mk{font-family:var(--serif);font-size:140px;line-height:.5;color:var(--stone);height:50px}
.s-head .tx p.q{font-family:var(--serif);font-weight:300;font-size:30px;line-height:1.3;margin-top:20px}
.s-head .tx p.l{color:var(--taupe-d);line-height:1.7;margin-top:20px}
.s-head .tx .sg{margin-top:28px;font-size:13px;color:var(--taupe)}
.s-head .tx .sg b{display:block;font-family:var(--serif);font-style:italic;font-weight:400;font-size:28px;color:var(--ink)}
.s-team .wrap{padding-top:120px;padding-bottom:120px}
.s-team .g{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px;margin-top:50px}
.s-team .c{position:relative;border-radius:22px;overflow:hidden;min-height:260px;color:#fff}
.s-team .c .ph{position:absolute;inset:0}
.s-team .c::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.55))}
.s-team .c.big{grid-row:span 2}
.s-team .c div{position:absolute;left:20px;bottom:18px;right:20px;z-index:2}
.s-team .c h5{font-family:var(--serif);font-weight:400;font-size:24px}
.s-team .c small{font-size:12.5px;opacity:.85;display:flex;align-items:center;gap:8px}
.s-team .c small i{width:8px;height:8px;border-radius:50%;background:var(--k)}
.s-camp{background:var(--esp);color:var(--cream);overflow:hidden}
.s-camp .wrap{padding-top:110px;padding-bottom:40px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.s-camp .eyebrow{color:var(--taupe-l)}
.s-camp .h2 em{color:var(--taupe-l)}
.s-camp .nav{display:flex;gap:8px}
.s-camp .nav button{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.3);color:#fff}
.s-camp .nav button:hover{background:#fff;color:var(--ink)}
.s-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(32px,calc((100vw - 1240px)/2 + 32px));scrollbar-width:none;padding:0 max(32px,calc((100vw - 1240px)/2 + 32px)) 110px;scroll-behavior:smooth}
.s-track::-webkit-scrollbar{display:none}
.s-track article{flex:0 0 380px;scroll-snap-align:start}
.s-track .ph{aspect-ratio:4/5;border-radius:22px}
.s-track h5{font-family:var(--serif);font-weight:400;font-size:24px;margin-top:16px}
.s-track p{font-size:14px;color:rgba(247,243,238,.65);margin-top:4px;line-height:1.55}
.s-end{padding:110px 0}
.s-end .in{text-align:center}
.s-end h2{max-width:800px;margin:16px auto 30px}
.s-end .act{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.s-end .act .btn.o{color:var(--ink);border-color:var(--stone)}
/* ================= DEMO 3 — Letters & tabs ================= */
.l-hero{background:var(--white);padding:46px 0 80px;overflow:hidden}
.l-hero .g{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:30px}
.l-hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(46px,5.4vw,80px);line-height:1;letter-spacing:-.015em}
.l-hero h1 em{font-style:italic;color:var(--taupe)}
.l-hero .lead{margin-top:22px;max-width:480px}
.l-let{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.l-let button{position:relative;aspect-ratio:3/4.6;border-radius:20px;background:var(--k);color:#fff;overflow:hidden;text-align:left;padding:18px 16px;display:flex;flex-direction:column;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.l-let button.y{color:var(--ink)}
.l-let button b{font-family:var(--serif);font-weight:300;font-size:120px;line-height:.8}
.l-let button span{margin-top:auto;font-family:var(--serif);font-size:24px;line-height:1}
.l-let button small{font-size:12px;opacity:.85;margin-top:6px}
.l-let button:hover,.l-let button.on{transform:translateY(-12px);box-shadow:0 30px 40px -24px rgba(38,33,29,.5)}
.l-def{margin-top:18px;min-height:76px;border-left:3px solid var(--dk,var(--c-oo));padding:4px 0 4px 18px;transition:border-color .3s}
.l-def b{font-family:var(--serif);font-weight:400;font-size:22px}
.l-def p{font-size:14.5px;color:var(--taupe-d);margin-top:4px;line-height:1.55}
.l-tabs{position:sticky;top:80px;z-index:40;background:rgba(255,253,250,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--stone);border-top:1px solid var(--stone)}
.l-tabs .wrap{display:flex;gap:4px;height:64px;align-items:stretch;overflow-x:auto;scrollbar-width:none}
.l-tabs button{position:relative;padding:0 22px;font-size:14.5px;color:var(--taupe);white-space:nowrap}
.l-tabs button::after{content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:3px;background:var(--tc,var(--ink));transform:scaleX(0);transition:transform .3s}
.l-tabs button.on{color:var(--ink);font-weight:500}
.l-tabs button.on::after{transform:scaleX(1)}
.l-pane{display:none;padding:100px 0 110px;animation:lf .5s ease}
.l-pane.on{display:block}
@keyframes lf{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.l-story .g{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.l-story .lead+.lead{margin-top:18px}
.l-story .nums{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:40px}
.l-story .nums div{background:var(--white);border-radius:18px;padding:24px;border-top:4px solid var(--k)}
.l-story .nums b{font-family:var(--serif);font-weight:300;font-size:48px;line-height:1}
.l-story .nums small{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe);margin-top:8px}
.l-story .ph{border-radius:24px;aspect-ratio:4/5}
.l-tl{margin-top:90px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.l-tl div{background:var(--white);border-radius:20px;padding:26px;position:relative;overflow:hidden}
.l-tl div::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--k)}
.l-tl b{font-family:var(--serif);font-weight:300;font-size:44px;line-height:1}
.l-tl h5{font-size:15.5px;font-weight:500;margin:12px 0 4px}
.l-tl p{font-size:13.5px;color:var(--taupe-d);line-height:1.55}
.l-mis .g{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.l-mis .card{border-radius:26px;padding:46px;min-height:300px;display:flex;flex-direction:column;justify-content:space-between}
.l-mis .card.a{background:var(--esp);color:var(--cream)}
.l-mis .card.b{background:var(--white)}
.l-mis .card small{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--taupe-l)}
.l-mis .card p{font-family:var(--serif);font-weight:300;font-size:32px;line-height:1.25}
.l-mis .vals{margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.l-mis .vals div{border:1px solid var(--stone);border-radius:22px;padding:26px;background:var(--white)}
.l-mis .vals i{display:block;width:12px;height:12px;border-radius:50%;background:var(--k);margin-bottom:40px}
.l-mis .vals h5{font-family:var(--serif);font-weight:400;font-size:26px}
.l-mis .vals p{font-size:14px;color:var(--taupe-d);margin-top:6px;line-height:1.55}
.l-lead .head{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;background:var(--white);border-radius:28px;overflow:hidden}
.l-lead .head .ph{height:100%;min-height:460px}
.l-lead .head .tx{padding:50px 50px 50px 0}
.l-lead .head p.q{font-family:var(--serif);font-weight:300;font-size:30px;line-height:1.3}
.l-lead .head p.q em{font-style:italic;color:var(--taupe)}
.l-lead .head p.l{color:var(--taupe-d);line-height:1.7;margin-top:18px}
.l-lead .head .sg{margin-top:24px;font-size:13px;color:var(--taupe)}
.l-lead .head .sg b{display:block;font-size:15px;color:var(--ink);font-weight:500}
.l-lead .g{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
.l-lead .g div{background:var(--white);border-radius:20px;padding:14px 14px 20px}
.l-lead .g .ph{aspect-ratio:1;border-radius:14px}
.l-lead .g h5{font-family:var(--serif);font-weight:400;font-size:20px;margin:14px 4px 2px}
.l-lead .g small{font-size:12.5px;color:var(--taupe);margin:0 4px;display:flex;gap:8px;align-items:center}
.l-lead .g small i{width:8px;height:8px;border-radius:50%;background:var(--k)}
.l-camp .g{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.l-camp .c{background:var(--white);border-radius:22px;overflow:hidden}
.l-camp .c .ph{aspect-ratio:16/11}
.l-camp .c div.t{padding:22px 24px 26px}
.l-camp .c h5{font-family:var(--serif);font-weight:400;font-size:23px}
.l-camp .c p{font-size:14px;color:var(--taupe-d);margin-top:6px;line-height:1.55}
.l-camp .c small{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--k);font-weight:500}
.l-end{background:var(--sand)}
.l-end .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;padding-top:80px;padding-bottom:80px}
.l-end .act{display:flex;gap:12px;flex-wrap:wrap}
.l-end .act .btn.o{color:var(--ink);border-color:var(--taupe-l)}
@media (max-width:1100px){
  .m-team .g{grid-template-columns:repeat(3,1fr)}
  .m-val,.l-mis .vals,.l-lead .g{grid-template-columns:1fr 1fr}
}
@media (max-width:1000px){
  .m-mv,.m-head .g,.m-end .wrap,.s-hero .g,.s-story .wrap,.s-mis .top,.s-head .wrap,.l-hero .g,.l-story .g,.l-mis .g,.l-lead .head{grid-template-columns:1fr;gap:40px}
  .m-img{height:380px}
  .m-tl,.l-tl{grid-template-columns:1fr 1fr;gap:40px 20px}
  .m-camp .g{grid-template-columns:1fr 1fr;grid-auto-rows:180px}
  .m-acc .g{grid-template-columns:repeat(3,1fr)}
  .s-yr{position:static}
  .s-yr b{font-size:120px}
  .s-head .wrap{padding:0}
  .s-head .ph{min-height:360px}
  .s-head .tx{padding:60px 32px}
  .s-team .g{grid-template-columns:1fr 1fr}
  .s-team .c.big{grid-row:auto;grid-column:1/3}
  .s-mis li .bd{grid-template-columns:80px 1fr}
  .s-mis li .bd .ph{display:none}
  .l-tabs{top:70px}
  .l-lead .head .tx{padding:0 30px 40px}
  .l-lead .head .ph{min-height:320px}
  .l-camp .g{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .m-sec{padding:80px 0}
  .m-mv div{padding:28px}
  .m-mv p{font-size:24px}
  .m-val{grid-template-columns:1fr 1fr;gap:10px}
  .m-val div{min-height:200px;padding:20px 18px}
  .m-val h4{font-size:26px}
  .m-tl,.l-tl{grid-template-columns:1fr}
  .m-team .g{grid-template-columns:1fr 1fr}
  .m-camp .g{grid-template-columns:1fr 1fr;grid-auto-rows:140px}
  .m-camp .ph.w{grid-column:span 2}
  .m-acc .g{grid-template-columns:1fr 1fr}
  .m-end a.box{padding:28px;min-height:190px}
  .m-end a.box h3{font-size:32px}
  .s-hero .yr{font-size:42vw}
  .s-ch h3{font-size:30px}
  .s-mis .top p.big{font-size:24px}
  .s-mis li h4{font-size:30px}
  .s-mis li button{grid-template-columns:44px 1fr 40px}
  .s-mis li .bd{grid-template-columns:44px 1fr}
  .s-team .g{grid-template-columns:1fr}
  .s-team .c.big{grid-column:auto}
  .s-track article{flex-basis:78vw}
  .s-track{padding:0 20px 80px;scroll-padding-inline:20px}
  .l-let button b{font-size:80px}
  .l-let button span{font-size:17px}
  .l-let button small{display:none}
  .l-pane{padding:70px 0 80px}
  .l-mis .card{padding:30px;min-height:auto;gap:30px}
  .l-mis .card p{font-size:24px}
  .l-mis .vals,.l-lead .g,.l-camp .g{grid-template-columns:1fr}
  .l-story .nums b{font-size:38px}
}
@media (max-width:1000px){.hd-menu,.hd>.wrap>.hd-cta{display:none}.hd-bgr{display:flex}.hd>.wrap{height:70px}.hd-logo img{height:36px}.ftx-mid .wrap{grid-template-columns:1fr;gap:40px}}
@media (max-width:640px){.wrap{padding:0 20px}html{scroll-padding-top:120px}.sw span,.sw em{display:none}.sw button{padding:0 12px;font-size:12px}.ftx-nav{grid-template-columns:1fr 1fr}.ftx-bot .wrap{flex-direction:column}.l-let{gap:6px}.l-let button{padding:12px 9px}.l-let button span{font-size:14px}}