:root{
  --ink:#141414;
  --coal:#1C1C1C;
  --steel:#4F4D48;
  --mute:#6E6B65;
  --paper:#FBFAF7;
  --off:#F3F1EB;
  --warm:#EFEBE2;
  --line:#E1DED6;

  --red:#C61A2C;
  --orange:#D9631F;
  --copper:#A2672F;
  --blue:#2A5FA8;

  --display:'Archivo',system-ui,sans-serif;
  --body:'Source Sans 3',system-ui,sans-serif;
  --pad:clamp(20px,5vw,82px);
  --gap:clamp(64px,8vw,116px);

  --t1:clamp(38px,5.4vw,80px);
  --t2:clamp(28px,3.5vw,50px);
  --t3:clamp(20px,1.9vw,25px);
  --t4:22px;
  --t5:17px;
  --t6:12.5px;

  --cur:url(img/cur.png) 6 6, auto;
  --curp:url(img/cur_r.png) 6 6, pointer;
  --arch:50% 50% 6px 6px / 26% 26% 2% 2%;
  --bevel:polygon(0 0,calc(100% - 56px) 0,100% 56px,100% 100%,0 100%);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
body{cursor:var(--cur);font-family:var(--body);color:var(--ink);background:var(--paper);font-size:var(--t4);line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a,button,.g{cursor:var(--curp)}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:1300px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}

h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.035em;line-height:1.05}
h2.caps,h3.caps{text-transform:uppercase;letter-spacing:-.025em}
h2{font-size:var(--t2)}
h3{font-size:var(--t3);letter-spacing:-.02em;line-height:1.25}
p{color:var(--steel);font-weight:300;max-width:60ch}
.kicker{font-family:var(--display);font-size:var(--t6);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);display:flex;align-items:center;gap:10px}
.kicker::before{content:"";width:13px;height:13px;background:var(--red);flex:none;clip-path:polygon(0 100%,100% 0,100% 100%)}
.num{font-family:var(--display);font-weight:700;font-size:clamp(15px,1.3vw,17px);letter-spacing:.16em;color:var(--c,var(--red))}
.rule{width:0;height:4px;background:var(--c,var(--red));margin-top:24px;transition:width 1s cubic-bezier(.2,.8,.25,1) .25s}
.rv.in .rule{width:72px}

.prog{position:fixed;top:0;left:0;height:3px;width:0;background:var(--red);z-index:99;transition:width .1s linear}

/* header */
header{position:fixed;top:0;left:0;right:0;z-index:80;transition:background .4s,box-shadow .4s}
header.stuck,header.light{background:rgba(251,250,247,.95);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:20px;height:84px}
.brand{position:relative;display:flex;align-items:center;flex:none;height:24px}
.brand img{height:24px;width:auto;transition:opacity .35s}
.brand img.k{position:absolute;left:0;top:0;opacity:0}
header.stuck .brand img.w,header.light .brand img.w{opacity:0}
header.stuck .brand img.k,header.light .brand img.k{opacity:1}
nav.main{display:flex;gap:28px;align-items:center}
nav.main a{font-family:var(--display);font-size:13.5px;font-weight:600;letter-spacing:.05em;color:#fff;position:relative;padding:7px 0;transition:color .35s}
header.stuck nav.main a,header.light nav.main a{color:var(--ink)}
nav.main a::after{content:"";position:absolute;left:0;bottom:1px;height:2px;width:0;background:var(--red);transition:width .3s}
nav.main a:hover::after,nav.main a.here::after{width:100%}
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--display);font-size:13.5px;font-weight:700;letter-spacing:.05em;padding:15px 26px;background:var(--red);color:#fff;transition:background .25s,transform .25s,box-shadow .25s}
.btn:hover{background:var(--ink);transform:translateY(-3px);box-shadow:0 14px 28px rgba(20,20,20,.2)}
.btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}
.btn.ghost:hover{background:#fff;color:var(--ink);box-shadow:none}
.btn.dark{background:var(--ink)}
.btn.dark:hover{background:var(--red)}
.burger{display:none;background:none;border:0;padding:10px}
.burger span{display:block;width:25px;height:2px;background:#fff;margin:6px 0;transition:background .35s}
header.stuck .burger span,header.light .burger span{background:var(--ink)}

/* hero */
.hero{position:relative;min-height:86svh;overflow:hidden;background:var(--ink);display:flex;flex-direction:column;justify-content:center;padding:120px 0 0}
.hero .bg{position:absolute;inset:-6% 0;background-size:cover;background-position:center}
.hero .glow{position:absolute;inset:0;background:radial-gradient(58% 45% at 18% 76%,rgba(198,26,44,.24),transparent 70%),radial-gradient(50% 40% at 86% 24%,rgba(42,95,168,.16),transparent 70%);mix-blend-mode:screen;animation:drift 15s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate3d(-3%,2%,0) scale(1.08)}}
.hero .veil{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(12,12,12,.86) 0%,rgba(12,12,12,.66) 34%,rgba(12,12,12,.22) 62%,rgba(12,12,12,.12) 100%),
  linear-gradient(180deg,rgba(12,12,12,.55) 0%,rgba(12,12,12,.05) 32%,rgba(12,12,12,.05) 62%,rgba(12,12,12,.5) 100%)}
.hero .in{width:100%;align-self:stretch;position:relative;z-index:3;color:#fff;padding-bottom:clamp(180px,24vh,260px)}
.hero .kicker{color:#fff}
.hero .fixed{font-family:var(--display);font-weight:600;font-size:clamp(19px,1.8vw,26px);color:#fff;text-shadow:0 2px 22px rgba(0,0,0,.85);margin-top:20px;letter-spacing:-.01em}
.rotor{font-size:clamp(42px,9.2vw,132px);height:1.16em;line-height:1;overflow:hidden;position:relative;margin-top:6px}
.rotor .w{position:absolute;inset:0;display:flex;align-items:flex-end;font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.05em;font-size:1em;color:#fff;opacity:0;text-shadow:0 6px 50px rgba(0,0,0,.7);transform:translateY(55%) skewY(2.5deg);transition:opacity .45s,transform .7s cubic-bezier(.16,.9,.3,1)}
.rotor .w.on{opacity:1;transform:none}
.rotor .w.out{opacity:0;transform:translateY(-50%) skewY(-2.5deg);transition:opacity .3s,transform .5s}
.rotor .w em{font-style:normal;color:var(--red)}
.hero p.sub{color:#EAE8E4;text-shadow:0 2px 22px rgba(0,0,0,.8);font-size:clamp(18px,1.45vw,22px);max-width:52ch;margin-top:26px;line-height:1.55}
.hero .cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.figs{position:absolute;left:0;right:0;bottom:0;z-index:4;background:var(--red);clip-path:polygon(0 42px,100% 0,100% 100%,0 100%)}
.figs .in{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:64px var(--pad) 26px;max-width:1300px;margin:0 auto}
.figs .n{font-family:var(--display);font-weight:800;font-size:clamp(26px,3.2vw,44px);line-height:1;letter-spacing:-.035em;color:#fff}
.figs .k{font-size:14.5px;color:rgba(255,255,255,.86);margin-top:5px;line-height:1.35;font-weight:300}

/* activites */
.act{padding:var(--gap) 0}
.act.warm{background:var(--warm)}
.act.off{background:var(--off)}
.act.red{background:var(--red);color:#fff}
.act.red h2{color:#fff}
.act.red p{color:rgba(255,255,255,.92)}
.act.red .idx{color:#fff;opacity:.45}
.act.red .rule{background:#fff}
.act h2{margin-top:10px;max-width:16ch}
.act p{margin-top:18px;font-size:var(--t4);line-height:1.6}
.shot{overflow:hidden;background:var(--off)}
.shot img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.8,.25,1)}
.shot:hover img{transform:scale(1.05)}

/* activites : blocs cote a cote, alternes, photos rectangulaires */
.act .g2{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(28px,4.5vw,76px);align-items:center}
.act.alt .g2{direction:rtl}
.act.alt .g2>*{direction:ltr}
.act .shot img{height:clamp(300px,38vw,480px)}
.act .idx{font-family:var(--display);font-weight:800;font-size:clamp(46px,5vw,74px);line-height:1;letter-spacing:-.05em;color:var(--c);opacity:.32}

/* sections sombres et rouges, pour la page formation */
.dark{background:var(--ink);color:#fff}
.dark h2,.dark h3{color:#fff}
.dark p{color:#C7C4BF}
.dark .kicker{color:#B8B5B0}
.dark ol.list{border-top-color:#2A2A2A}
.dark ol.list li{border-bottom-color:#2A2A2A}
.dark ol.list li span{color:#fff}
.dark ol.list li:hover span{color:var(--red)}
.redsec{background:var(--warm);padding:var(--gap) 0}
.redsec .huge{display:block;font-family:var(--display);font-weight:800;letter-spacing:-.035em;line-height:1.12;font-size:clamp(24px,3.2vw,46px);color:var(--ink);margin-top:clamp(22px,2.6vw,34px);word-break:break-word;transition:transform .25s,color .25s}
.redsec .huge:hover{color:var(--red);transform:translateX(10px)}
.redsec .meta{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,40px);margin-top:clamp(40px,5vw,66px);border-top:1px solid var(--line);padding-top:28px}
.redsec .meta .l{font-family:var(--display);font-size:var(--t6);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.redsec .meta .v{margin-top:9px;font-size:var(--t5);font-weight:300;line-height:1.55;color:var(--ink)}
.redsec .btn{margin-top:30px}

/* marques */
.marks{background:var(--ink);color:#fff;padding:var(--gap) 0}
.marks h2{color:#fff}
.marks .kicker{color:#bdbab5}
.marks .intro{max-width:60ch;color:#C9C6C1;margin-top:18px;font-size:var(--t4)}
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,26px);margin-top:clamp(32px,4vw,54px)}
.mk{background:#fff;color:var(--ink);display:flex;flex-direction:column;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.25,1),box-shadow .4s;clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%)}
.mk:hover{transform:translateY(-8px);box-shadow:0 26px 52px rgba(0,0,0,.35)}
.mk .ph{overflow:hidden;height:clamp(180px,17vw,230px)}
.mk .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.25,1)}
.mk:hover .ph img{transform:scale(1.06)}
.mk .in2{padding:clamp(22px,2.4vw,32px);display:flex;flex-direction:column;flex:1}
.mk .lgw{height:38px;display:flex;align-items:center}
.mk .lgw img{max-height:38px;width:auto}
.mk .lgw img.rx{max-height:31px}
.mk .lgw span.txt{font-family:var(--display);font-weight:700;font-size:25px;letter-spacing:.12em}
.mk h3{margin-top:18px}
.mk p{margin-top:12px;font-size:var(--t5);line-height:1.55;color:var(--steel)}
.mk .go{margin-top:auto;padding-top:22px;font-family:var(--display);font-size:var(--t6);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--c);display:flex;align-items:center;gap:9px}
.mk .go .a{display:inline-block;transition:transform .3s}
.mk:hover .go .a{transform:translateX(9px)}

.strip{position:relative;overflow:hidden;background:var(--ink)}
.strip img{width:100%;height:clamp(230px,30vw,400px);object-fit:cover;opacity:.42}
.strip .over{position:absolute;inset:0;display:flex;align-items:center;overflow:hidden}
.strip .tk{display:flex;width:max-content;animation:slide 32s linear infinite}
.strip .tk span{font-family:var(--display);font-weight:800;font-size:clamp(32px,5.6vw,86px);text-transform:uppercase;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.6px rgba(255,255,255,.6);padding:0 .28em;white-space:nowrap}
.strip .tk span:nth-child(even){color:#fff;-webkit-text-stroke:0}
@keyframes slide{to{transform:translateX(-50%)}}
.strip:hover .tk{animation-play-state:paused}

/* showroom */
.show{padding:var(--gap) 0}
.sgrid{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(28px,4vw,66px);align-items:center}
.smos{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.smos button{padding:0;border:0;background:var(--off);overflow:hidden;display:block}
.smos img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.25,1)}
.smos button:hover img{transform:scale(1.06)}
.smos button:first-child{grid-column:1/3;clip-path:polygon(0 0,calc(100% - 52px) 0,100% 52px,100% 100%,0 100%)}
.smos button:first-child img{width:100%;height:auto;object-fit:contain;background:var(--off)}
.smos button:nth-child(2){margin-top:clamp(10px,1.6vw,22px)}
.smos button:nth-child(2) img{height:clamp(170px,22vw,270px)}
.smos button:nth-child(3){margin-top:clamp(30px,4.4vw,62px)}
.smos button:nth-child(3) img{height:clamp(170px,22vw,270px)}
.smos img{will-change:transform}
ul.ticks{list-style:none;margin-top:26px;display:grid;gap:15px;max-width:52ch}
ul.ticks li{display:flex;gap:14px;align-items:flex-start;font-size:var(--t5)}
ul.ticks li::before{content:"";width:12px;height:12px;background:var(--red);flex:none;margin-top:7px;clip-path:polygon(0 100%,100% 0,100% 100%)}
ul.ticks b{font-weight:600;color:var(--ink)}
ul.ticks span{color:var(--mute)}
.vrow{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(26px,4vw,60px);align-items:center;margin-top:clamp(40px,5vw,72px);padding-top:clamp(34px,4vw,56px);border-top:1px solid var(--line)}
.player{position:relative;max-width:330px;width:100%;background:#000;overflow:hidden;margin:0 auto;transition:transform .4s}
.player:hover{transform:translateY(-5px)}
.player img,.player video{width:100%;display:block;aspect-ratio:9/16;object-fit:cover}
.player video{display:none}
.player.on img,.player.on .play{display:none}
.player.on video{display:block}
.play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.22);border:0;transition:background .3s}
.play:hover{background:rgba(0,0,0,.06)}
.play i{width:74px;height:74px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s;position:relative}
.play i::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--red);animation:pulse 2.6s infinite}
@keyframes pulse{0%{transform:scale(1);opacity:.65}100%{transform:scale(1.75);opacity:0}}
.play:hover i{transform:scale(1.09)}
.play i::after{content:"";width:0;height:0;border-left:21px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:6px}

/* contact */
.contact{background:var(--warm);padding:var(--gap) 0}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);align-items:start;margin-top:clamp(30px,4vw,50px)}
.coord{display:grid;gap:0}
.coord .row{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);align-items:baseline}
.coord .row:first-child{border-top:1px solid var(--line)}
.coord .l{font-family:var(--display);font-size:var(--t6);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.coord .v{font-size:var(--t5);line-height:1.55;color:var(--ink)}
.coord .v a{border-bottom:2px solid var(--red);padding-bottom:2px;font-weight:600}
.coord .v a:hover{color:var(--red)}
.ccard{background:#fff;padding:clamp(26px,3vw,40px);border:1px solid var(--line)}
.ccard p{margin-top:14px;font-size:var(--t5);line-height:1.55}
.ccard .btn{margin-top:24px}
.mapbox{margin-top:20px;position:relative;aspect-ratio:1/1;background:var(--warm);overflow:hidden;border:1px solid var(--line)}
.mapbox iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.25) contrast(1.03)}
.mapbox .fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;font-size:var(--t5);color:var(--mute);z-index:0}
.maplink{display:inline-flex;align-items:center;gap:9px;margin-top:16px;font-family:var(--display);font-size:var(--t6);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red);border-bottom:2px solid var(--red);padding-bottom:5px}
.maplink .a{transition:transform .3s;display:inline-block}
.maplink:hover .a{transform:translateX(8px)}

.socs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.soc{--c:var(--red);padding:clamp(22px,2.6vw,34px) clamp(18px,2.2vw,30px);border-right:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;transition:background .35s,color .35s}
.soc:last-child{border-right:0}
.soc:hover{background:var(--c);color:#fff}
.soc span{font-family:var(--display);font-weight:700;font-size:var(--t3)}
.soc svg{width:23px;height:23px;flex:none}

/* modules */
ol.list{list-style:none;counter-reset:m;border-top:1px solid var(--line);margin-top:clamp(26px,3.4vw,44px)}
ol.list li{counter-increment:m;border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:clamp(16px,2.6vw,40px);padding:clamp(15px,1.8vw,24px) 0;transition:padding-left .4s cubic-bezier(.2,.8,.25,1)}
ol.list li::before{content:counter(m,decimal-leading-zero);font-family:var(--display);font-weight:700;font-size:var(--t6);color:var(--red);flex:none;letter-spacing:.08em}
ol.list li span{font-family:var(--display);font-weight:600;font-size:var(--t3);letter-spacing:-.02em;line-height:1.3}
ol.list li:hover{padding-left:clamp(10px,1.4vw,24px)}
ol.list li:hover span{color:var(--red)}
.qual{background:var(--warm);padding:clamp(26px,3vw,40px);margin-top:clamp(30px,4vw,48px);display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap}
.qual .badge{font-family:var(--display);font-weight:800;font-size:13.5px;letter-spacing:.12em;color:#fff;background:var(--red);padding:10px 15px;flex:none}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,22px)}
.duo .shot img{height:clamp(280px,32vw,430px)}
.duo .shot:first-child{clip-path:polygon(0 0,calc(100% - 44px) 0,100% 44px,100% 100%,0 100%)}

footer{border-top:1px solid var(--line);padding:34px 0;background:var(--paper)}
.foot{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;font-size:var(--t5);color:var(--mute)}
.foot img{height:19px}
.foot .lk{display:flex;gap:22px;flex-wrap:wrap}
.foot a:hover{color:var(--red)}

.lb{position:fixed;inset:0;z-index:200;background:rgba(251,250,247,.97);display:flex;align-items:center;justify-content:center;padding:clamp(20px,5vw,64px)}
.lb[hidden]{display:none}
.lb img{max-width:100%;max-height:100%;object-fit:contain}
.lbx{position:absolute;top:16px;right:22px;background:none;border:0;color:var(--ink);font-size:42px;line-height:1;padding:6px 14px}
.lbx:hover{color:var(--red)}

.clipup{overflow:hidden}
.clipup>i{display:block;font-style:normal;transform:translateY(105%);transition:transform 1s cubic-bezier(.16,.9,.3,1)}
.rv.in .clipup>i{transform:none}
.rv{opacity:0;transform:translateY(32px);transition:opacity .85s cubic-bezier(.16,.9,.3,1),transform .85s cubic-bezier(.16,.9,.3,1)}
.rv.in{opacity:1;transform:none}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}

@media (max-width:960px){
  body,a,button,.g{cursor:auto}
  .act .g2,.mgrid,.sgrid,.vrow,.cgrid,.duo,.redsec .meta{grid-template-columns:1fr}
  .act.alt .g2{direction:ltr}
  .act .shot img{height:clamp(260px,60vw,380px)}
  .figs .in{grid-template-columns:1fr 1fr;gap:14px;padding:56px var(--pad) 24px}
  .smos button:nth-child(2),.smos button:nth-child(3){margin-top:0}
  .smos button:nth-child(2) img,.smos button:nth-child(3) img{height:clamp(140px,32vw,210px)}
  .coord .row{grid-template-columns:1fr;gap:6px}
  .socs{grid-template-columns:1fr}
  .soc{border-right:0;border-bottom:1px solid var(--line)}
  nav.main{position:fixed;inset:84px 0 auto;background:rgba(20,20,20,.97);flex-direction:column;align-items:flex-start;padding:24px var(--pad) 34px;gap:2px;transform:translateY(-140%);transition:transform .45s cubic-bezier(.2,.8,.25,1)}
  nav.main.open{transform:none}
  nav.main a,header.stuck nav.main a{font-size:21px;padding:12px 0;width:100%;color:#fff}
  .burger{display:block}
  .bar .btn{display:none}
}
@media (max-width:560px){ .figs .in{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.001ms!important}
  .rv{opacity:1;transform:none}.rv.in .rule{width:72px}
}

/* mentions legales */
.legal{padding:calc(84px + var(--gap)) 0 var(--gap)}
.legal h1{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(30px,4vw,54px);margin-top:16px}
.legal h2{font-size:clamp(21px,1.9vw,26px);margin-top:clamp(38px,4vw,56px);text-transform:uppercase;letter-spacing:-.02em}
.legal p{margin-top:14px;font-size:var(--t5);line-height:1.65;max-width:70ch}
.legal .tbl{margin-top:16px;max-width:760px}
.legal .tbl .row{display:grid;grid-template-columns:230px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);align-items:baseline}
.legal .tbl .row:first-child{border-top:1px solid var(--line)}
.legal .tbl .l{font-family:var(--display);font-size:var(--t6);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.legal .tbl .v{font-size:var(--t5);color:var(--ink)}
.legal a{border-bottom:2px solid var(--red);padding-bottom:2px;font-weight:600}
.legal a:hover{color:var(--red)}
@media (max-width:900px){.legal .tbl .row{grid-template-columns:1fr;gap:5px}}