@font-face{font-family:"Montserrat";src:url("/fonts/montserrat-var.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
:root{--navy:#0F172A;--paper:#F8FAFC;--kraft:#C69C6D;--kraft-soft:#EADBC8;--muted:#475569;--line:rgba(15,23,42,.18);--wrap:1120px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1.0625rem;line-height:1.65;color:var(--navy);background:var(--paper)}
img,svg{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--kraft);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--navy);color:var(--paper);padding:.75rem 1rem;z-index:20}
.skip:focus{left:0}
.wrap{width:min(var(--wrap),100% - 2.5rem);margin-inline:auto}
h1,h2,h3{font-weight:800;line-height:1.1;margin:0;letter-spacing:-.01em}
h1{font-size:clamp(2.2rem,5.6vw,4.2rem)}
h2{font-size:clamp(1.6rem,3.4vw,2.4rem)}
h3{font-size:1.2rem;line-height:1.25}
p{margin:0 0 1em;max-width:62ch}
.top{background:var(--paper);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:.9rem}
.brand img{height:36px;width:auto}
nav{display:flex;align-items:center;gap:1.6rem;font-weight:500;font-size:.95rem}
nav a{text-decoration:none}
nav a:not(.btn):hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.btn{display:inline-block;font:inherit;font-weight:700;font-size:1rem;text-decoration:none;text-align:center;padding:.9rem 1.5rem;border:2px solid var(--navy);border-radius:4px;background:var(--navy);color:var(--paper);cursor:pointer}
.btn:hover{background:#1e293b}
.btn-kraft{background:var(--kraft);border-color:var(--kraft);color:var(--navy)}
.btn-kraft:hover{background:#d4ae83;border-color:#d4ae83}
.btn-ghost{background:transparent;color:var(--paper);border-color:rgba(248,250,252,.5)}
.btn-ghost:hover{background:rgba(248,250,252,.1)}
.btn-small{padding:.55rem 1rem;font-size:.9rem}
.hero{background:var(--navy);color:var(--paper);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:2rem;padding-block:clamp(2.5rem,6vw,4.5rem)}
.hero p{font-size:1.15rem;color:#CBD5E1;margin-top:1.4rem}
.hero .actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}
.stamp{width:min(520px,100%);justify-self:end;transform:rotate(-9deg) translateX(10%)}
.sec{padding-block:clamp(3rem,7vw,5.5rem)}
.sec-kraft{background:var(--kraft-soft)}
.sec-navy{background:var(--navy);color:var(--paper)}
.sec-navy p{color:#CBD5E1}
.sec h2{margin-bottom:1.6rem}
.rows{border-top:2px solid var(--navy)}
.row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:1.5rem;padding-block:1.6rem;border-bottom:1px solid var(--line)}
.row p{margin:0}
.row .soon{font-weight:500;color:var(--muted)}
.steps{list-style:none;margin:0;padding:0;counter-reset:s;border-top:2px solid var(--navy)}
.steps li{counter-increment:s;display:grid;grid-template-columns:3.2rem 1fr;gap:1rem;padding-block:1.5rem;border-bottom:1px solid rgba(15,23,42,.25)}
.steps li::before{content:counter(s);font-weight:800;font-size:2.2rem;line-height:1}
.steps h3{margin-bottom:.4rem}
.steps p{margin:0}
.links{display:grid;gap:0;border-top:1px solid rgba(248,250,252,.3)}
.links a{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding-block:1.3rem;border-bottom:1px solid rgba(248,250,252,.3);text-decoration:none}
.links strong{font-size:1.5rem;font-weight:800}
.links span{color:#CBD5E1;font-size:.95rem}
.links a:hover strong{text-decoration:underline;text-decoration-color:var(--kraft);text-decoration-thickness:3px;text-underline-offset:6px}
.page-head{background:var(--navy);color:var(--paper);padding-block:clamp(2.5rem,6vw,4.5rem)}
.page-head p{color:#CBD5E1;font-size:1.15rem;margin:1.2rem 0 0}
.list{margin:0 0 1.2rem;padding-left:1.2rem;max-width:62ch}
.list li{margin-bottom:.5rem}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,4rem)}
.slip{background:#fff;border:2px solid var(--navy);padding:clamp(1.2rem,4vw,2.4rem);position:relative}
.slip::before{content:"";position:absolute;inset:6px;border:1px dashed rgba(15,23,42,.35);pointer-events:none}
.field{margin-bottom:1.1rem;position:relative}
label,legend{display:block;font-weight:700;font-size:.95rem;margin-bottom:.35rem;padding:0}
input,select,textarea{width:100%;font:inherit;color:var(--navy);background:var(--paper);border:2px solid var(--navy);border-radius:4px;padding:.7rem .8rem}
textarea{min-height:130px;resize:vertical}
fieldset{border:0;margin:0 0 1.1rem;padding:0}
.check{display:flex;gap:.7rem;align-items:flex-start;font-weight:500;font-size:.95rem}
.check input{width:1.2rem;height:1.2rem;margin-top:.25rem;flex:none}
.hint{font-size:.9rem;color:var(--muted);margin:.3rem 0 0}
.err{color:#9F1239;font-weight:700;font-size:.9rem;margin:.3rem 0 0}
.notice{border-left:4px solid var(--kraft);padding:.2rem 0 .2rem 1rem;margin:1.4rem 0;max-width:62ch}
.legal h2{font-size:1.35rem;margin:2.2rem 0 .7rem}
.legal p,.legal li{max-width:70ch}
footer{background:var(--navy);color:#CBD5E1;padding-block:2.5rem;font-size:.95rem}
footer .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem}
footer img{height:30px;width:auto;margin-bottom:1rem}
footer p{margin:0 0 .5rem}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
footer a{color:var(--paper)}
@media (max-width:820px){
 .hero .wrap{grid-template-columns:1fr}
 .stamp{width:62%;justify-self:center;transform:rotate(-9deg);margin-top:.5rem}
 .row,.two,footer .wrap{grid-template-columns:1fr}
 .row{gap:.4rem}
 nav{gap:1rem;font-size:.85rem}
 nav a.hide-m{display:none}
}
@media (max-width:480px){.brand img{height:28px}nav .btn-small{padding:.5rem .7rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.mt{margin-top:1.6rem}
.mt2{margin-top:2.2rem}
.flush{margin:0}
@font-face{font-family:"Source Serif 4";src:url("/fonts/sourceserif4-var.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("/fonts/sourceserif4-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
::selection{background:var(--kraft);color:var(--navy)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sym{display:block;width:76px;height:36px}
.fine{font-size:.82rem;color:#94A3B8;max-width:46ch;margin-top:1rem!important}
.btn-ghost-dark{background:transparent;color:var(--navy)}
.btn-ghost-dark:hover{background:rgba(15,23,42,.08)}
.band{background:var(--paper);border-bottom:1px solid var(--line)}
.band .wrap{padding-block:clamp(2rem,5vw,3.2rem)}
.band-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.6rem 2rem;margin-bottom:1.6rem}
.band-head h2{font-size:clamp(1.3rem,2.6vw,1.8rem);margin:0}
.band-head p{margin:0;color:var(--muted)}
.band-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,1fr);border-top:2px solid var(--navy)}
.band-list li{padding:1rem .4rem .2rem;display:flex;flex-direction:column;align-items:center;gap:.55rem;text-align:center;border-right:1px solid var(--line)}
.band-list li:last-child{border-right:0}
.band-list span{font-size:.78rem;font-weight:600;line-height:1.25}
.feat{display:block;text-decoration:none;border-left:5px solid var(--kraft);padding:.4rem 0 .4rem 1.2rem;margin-bottom:1.4rem}
.feat strong{display:block;font-size:1.35rem;line-height:1.2;font-weight:800}
.feat span{display:block;margin-top:.4rem;color:var(--muted)}
.feat:hover strong{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.glist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.glist a{display:block;padding:.85rem 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:500}
.glist a:hover{text-decoration:underline;text-underline-offset:5px}
.hub{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(1.5rem,5vw,4rem);border-top:2px solid var(--navy)}
.hub li{border-bottom:1px solid var(--line)}
.hub a{display:block;padding:1.5rem 0;text-decoration:none}
.hub h2{font-size:1.25rem;line-height:1.25;margin:0 0 .5rem}
.hub p{margin:0;color:var(--muted);font-size:.98rem}
.hub a:hover h2{text-decoration:underline;text-decoration-color:var(--kraft);text-decoration-thickness:3px;text-underline-offset:5px}
.art-head{background:var(--navy);color:var(--paper);padding-block:clamp(2.2rem,5vw,3.8rem)}
.art-head h1{font-size:clamp(1.9rem,4.4vw,3.2rem);max-width:22ch}
.crumb{margin:0 0 1rem;font-weight:600;font-size:.9rem}
.crumb a{color:var(--kraft)}
.meta{margin:1.2rem 0 0;color:#94A3B8;font-size:.92rem}
.art-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem);padding-block:clamp(2rem,5vw,3.5rem)}
.toc{position:sticky;top:1.2rem;align-self:start;font-size:.92rem}
.toc-t{font-weight:800;margin:0 0 .6rem}
.toc ol{list-style:none;margin:0;padding:0;border-top:2px solid var(--navy)}
.toc a{display:block;padding:.55rem 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:500}
.toc a:hover{text-decoration:underline;text-underline-offset:4px}
.prose{font-family:"Source Serif 4",Georgia,"Times New Roman",serif;font-size:1.16rem;line-height:1.75;max-width:70ch}
.prose p{max-width:none}
.prose h2{font-family:"Montserrat",system-ui,sans-serif;font-size:1.5rem;margin:2.4rem 0 .9rem;scroll-margin-top:1rem}
.prose a{text-underline-offset:3px}
.prose .list{max-width:none}
.prose .list li{margin-bottom:.6rem}
.prose .btn,.prose .tbl,.prose .toc{font-family:"Montserrat",system-ui,sans-serif}
.answer{background:var(--kraft-soft);border-left:5px solid var(--kraft);padding:1rem 1.3rem;margin-bottom:1.8rem}
.answer p{margin:0}
.answer-t{font-family:"Montserrat",system-ui,sans-serif;font-weight:800;font-size:.9rem;margin-bottom:.3rem!important}
.note{font-size:.95rem;color:var(--muted);font-style:italic}
.tblwrap{overflow-x:auto;margin:1.2rem 0}
.tbl{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.45}
.tbl th,.tbl td{text-align:left;vertical-align:middle;padding:.75rem .8rem;border-bottom:1px solid var(--line)}
.tbl thead th{border-bottom:2px solid var(--navy);font-weight:800;font-size:.85rem}
.tbl tbody th{font-weight:700;white-space:nowrap}
.rar .symcell{width:96px;padding-inline:.4rem}
.steps2{list-style:none;counter-reset:q;padding:0;margin:0 0 1.2rem}
.steps2 li{counter-increment:q;position:relative;padding:.9rem 0 .9rem 3rem;border-bottom:1px solid var(--line)}
.steps2 li::before{content:counter(q);position:absolute;left:0;top:.7rem;font-family:"Montserrat",system-ui,sans-serif;font-weight:800;font-size:1.6rem;line-height:1}
.faq details{border-bottom:1px solid var(--line);padding:.2rem 0}
.faq summary{cursor:pointer;font-family:"Montserrat",system-ui,sans-serif;font-weight:700;font-size:1rem;line-height:1.4;padding:.9rem 0}
.faq details[open] summary{text-decoration:underline;text-decoration-color:var(--kraft);text-decoration-thickness:3px;text-underline-offset:5px}
.faq p{margin:0 0 1rem}
.cta{border:2px solid var(--navy);padding:1.2rem 1.4rem;margin:2.4rem 0 0;font-family:"Montserrat",system-ui,sans-serif;font-size:1rem;line-height:1.55}
@media (max-width:900px){
 .band-list{grid-template-columns:repeat(4,1fr)}
 .band-list li:nth-child(4){border-right:0}
 .band-list li:nth-child(n+5){border-top:1px solid var(--line)}
 .art-grid{grid-template-columns:1fr}
 .toc{position:static}
 .hub{grid-template-columns:1fr}
}
@media (max-width:480px){.band-list{grid-template-columns:repeat(2,1fr)}.band-list li:nth-child(even){border-right:0}.band-list li:nth-child(odd){border-right:1px solid var(--line)}.band-list li:nth-child(n+3){border-top:1px solid var(--line)}.tbl tbody th{white-space:normal}}
@media print{
 .top,footer,.skip,.toc,.cta,.band,.btn{display:none!important}
 body{background:#fff;font-size:11pt}
 .art-head{background:#fff;color:#000;padding:0}
 .art-grid{display:block;padding:0}
 .answer{break-inside:avoid}
 .tbl tr{break-inside:avoid}
}
h1,h2,h3{text-wrap:balance}
@media (max-width:600px){
 .rar thead{display:none}
 .rar,.rar tbody{display:block}
 .rar tr{display:grid;grid-template-columns:84px 1fr;column-gap:.6rem;padding:.7rem 0;border-bottom:1px solid var(--line)}
 .rar th,.rar td{border:0;padding:.1rem 0}
 .rar .symcell{grid-row:1 / 3;grid-column:1;display:flex;align-items:center;padding:0}
 .rar tbody th{grid-column:2;grid-row:1;white-space:normal}
 .rar td:last-child{grid-column:2;grid-row:2}
 nav{gap:.7rem;font-size:.8rem}
 nav .btn-small{white-space:nowrap}
}
.cartes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:2rem 1.2rem}
.carte img{width:100%;height:auto;aspect-ratio:245/337;border-radius:6px;background:#1e293b;margin-bottom:.8rem}
.carte p{margin:0;max-width:none}
.carte-nom{font-weight:800;line-height:1.25}
.carte-meta{font-size:.8rem;color:#94A3B8;line-height:1.35;margin-top:.15rem!important}
.carte-prix{margin-top:.5rem!important}
.carte-prix strong{font-size:1.45rem;font-weight:800}
.carte-prix span{font-size:.78rem;color:#94A3B8}
.carte-move{font-size:.8rem;font-weight:700;margin-top:.2rem!important}
.carte-move.up{color:#86efac}
.carte-move.down{color:#fca5a5}
.carte-lien{display:inline-block;margin-top:.7rem;font-size:.85rem;font-weight:600;color:var(--kraft)}
.fine2{font-size:.85rem;color:#94A3B8;max-width:78ch;margin-top:2rem}
@media (max-width:1000px){.cartes{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.cartes{grid-template-columns:repeat(2,1fr);gap:1.6rem .9rem}.carte-prix strong{font-size:1.25rem}}
.tip{border-left:4px solid var(--kraft);background:rgba(248,250,252,.06);padding:1rem 1.3rem;margin-top:2.2rem;max-width:78ch}
.tip-t{font-weight:800;margin:0 0 .5rem!important}
.tip ul{margin:0;padding-left:1.1rem;color:#CBD5E1;font-size:.95rem;line-height:1.55}
.tip li{margin-bottom:.35rem}
.fine2 a{color:var(--paper)}

/* ===== Lot 1 : fonds, éventail, holo, bande des cotes, schémas ===== */
.hero{background:radial-gradient(55% 70% at 78% 40%,rgba(198,156,109,.20),transparent 70%),radial-gradient(40% 50% at 8% 100%,rgba(51,65,110,.35),transparent 70%),url("/assets/grain-navy.svg"),var(--navy);position:relative}
.band{background:url("/assets/pochettes.svg") center top/236px 320px,var(--paper)}
.sec{background:url("/assets/pochettes.svg") center top/236px 320px,var(--paper)}
.sec-kraft{background:url("/assets/grain-kraft.svg"),var(--kraft-soft)}
.sec-navy{background:radial-gradient(50% 40% at 85% 0%,rgba(198,156,109,.13),transparent 70%),radial-gradient(60% 50% at 10% 100%,rgba(51,65,110,.35),transparent 70%),url("/assets/grain-navy.svg"),var(--navy)}
.page-head,.art-head{background:radial-gradient(50% 120% at 90% 0%,rgba(198,156,109,.16),transparent 70%),url("/assets/grain-navy.svg"),var(--navy)}
/* bord perforé entre les sections */
.perf{position:relative;--prev:var(--paper);--tear:rgba(15,23,42,.28)}
.perf.prev-navy{--prev:var(--navy)}
.perf.prev-kraft{--prev:var(--kraft-soft)}
.perf.prev-paper{--prev:var(--paper)}
.sec-navy.perf{--tear:rgba(248,250,252,.32)}
.perf::before{content:"";position:absolute;top:-1px;left:22px;right:22px;border-top:2px dashed var(--tear);z-index:2}
.perf::after{content:"";position:absolute;top:-13px;left:0;right:0;height:26px;pointer-events:none;z-index:2;
  background:radial-gradient(circle at 0 13px,var(--prev) 0 12px,transparent 12.6px) left top/50% 100% no-repeat,radial-gradient(circle at 100% 13px,var(--prev) 0 12px,transparent 12.6px) right top/50% 100% no-repeat}
/* éventail du hero */
.hero-txt{position:relative;z-index:2}
.fan{position:relative;width:min(540px,100%);aspect-ratio:1/1.02;justify-self:end}
.fan-seal{position:absolute;width:128%;left:-14%;top:-10%;opacity:.13;max-width:none;pointer-events:none}
.fc{position:absolute;width:47%;perspective:900px}
.fc .holo{border-radius:4.6% / 3.4%;box-shadow:0 18px 38px rgba(0,0,0,.45)}
.fc img{width:100%;height:auto;display:block}
.fc-l{left:0;top:15%;transform:rotate(-10deg);z-index:1}
.fc-r{right:0;top:15%;transform:rotate(10deg);z-index:1}
.fc-c{left:26.5%;top:1%;z-index:3}
.chip{position:absolute;right:-6px;bottom:-12px;background:var(--kraft);color:var(--navy);font-weight:800;font-size:.95rem;line-height:1;padding:.5rem .7rem .5rem 1.1rem;border-radius:3px 6px 6px 3px;box-shadow:0 4px 10px rgba(0,0,0,.35);transform:rotate(-4deg);z-index:4}
.chip::before{content:"";position:absolute;left:.4rem;top:50%;width:.4rem;height:.4rem;margin-top:-.2rem;border-radius:50%;background:var(--navy);opacity:.75}
/* effet carte brillante au survol */
.holo{position:relative;border-radius:4.6% / 3.4%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out;transform-style:preserve-3d;overflow:hidden}
.holo::before,.holo::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .2s;border-radius:inherit}
.holo::before{background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.55),transparent 45%);mix-blend-mode:soft-light}
.holo::after{background:linear-gradient(115deg,transparent 18%,rgba(255,60,160,.38) 32%,rgba(40,210,255,.38) 44%,rgba(255,235,70,.38) 56%,transparent 72%) var(--mx,50%) var(--my,50%)/230% 230%;mix-blend-mode:color-dodge}
.holo.is-hover::before{opacity:.9}
.holo.is-hover::after{opacity:.55}
.cartes>li{perspective:800px}
.carte .holo{margin-bottom:.8rem;background:#1e293b;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.carte .holo img{width:100%;height:auto;aspect-ratio:245/337;display:block;margin:0;border-radius:0;background:none}
/* bande des cotes */
.ticker{display:flex;align-items:stretch;background:#0b1224;color:var(--paper);border-top:1px solid rgba(248,250,252,.12);border-bottom:1px solid rgba(248,250,252,.12);font-size:.85rem;font-weight:600}
.ticker[hidden]{display:none}
.ticker-label{margin:0;padding:.7rem 1rem;background:var(--kraft);color:var(--navy);font-weight:800;white-space:nowrap;position:relative;z-index:2;max-width:none}
.ticker-view{overflow:hidden;flex:1;position:relative}
.ticker-view::after{content:"";position:absolute;right:0;top:0;bottom:0;width:60px;background:linear-gradient(90deg,transparent,#0b1224);pointer-events:none}
.ticker-track{display:flex;width:max-content;animation:tick 55s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.tk-group{list-style:none;margin:0;padding:0;display:flex;flex:none}
.tk-group li{padding:.7rem 1.6rem;white-space:nowrap}
.tk-group strong{font-weight:800}
.t-up{color:#86efac}.t-down{color:#fca5a5}
@keyframes tick{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}.ticker-view{overflow-x:auto}.tk-group[aria-hidden]{display:none}.holo{transition:none}}
/* sections : icônes */
.rows .row{grid-template-columns:72px minmax(0,.9fr) minmax(0,1.4fr);align-items:start}
.row-ico{padding-top:.1rem}
.ico{display:block;width:56px;height:56px}
.steps li{grid-template-columns:3.2rem 1fr 64px;align-items:start}
.steps li .ico{align-self:center;justify-self:end}
/* schémas dans les guides */
.fig{margin:1.8rem 0;border:2px solid var(--navy);background:#fff;padding:1.2rem 1.4rem;display:grid;grid-template-columns:minmax(210px,300px) 1fr;gap:1.6rem;align-items:center;font-family:"Montserrat",system-ui,sans-serif;position:relative}
.fig::before{content:"";position:absolute;inset:6px;border:1px dashed rgba(15,23,42,.3);pointer-events:none}
.fig-art{position:relative}
.fig-svg{width:100%;height:auto;display:block}
.fig-t{font-weight:800;font-size:1.05rem;margin:0 0 .8rem!important}
.legend{list-style:none;margin:0;padding:0;counter-reset:lg}
.legend li{counter-increment:lg;position:relative;padding:.35rem 0 .35rem 2.2rem;font-size:.95rem;line-height:1.5}
.legend li::before{content:counter(lg);position:absolute;left:0;top:.3rem;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--navy);color:var(--paper);font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center}
.fig-note{font-size:.85rem;color:var(--muted);margin:.8rem 0 0!important;line-height:1.5}
.triple{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--navy);margin:1.6rem 0;font-family:"Montserrat",system-ui,sans-serif}
.triple>div{padding:1.2rem 1rem 1.2rem 0;border-bottom:1px solid var(--line)}
.triple>div+div{padding-left:1.2rem;border-left:1px solid var(--line)}
.triple p{margin:0;max-width:none;line-height:1.35}
.triple .big{font-weight:800;font-size:1.5rem}
.triple .to{font-weight:700;margin-top:.3rem;color:#8A6A0A}
.triple .sm{font-size:.9rem;color:var(--muted);margin-top:.5rem}
@media (max-width:900px){
 .hero .wrap{grid-template-columns:1fr}
 .fan{justify-self:center;width:min(420px,92%);margin-top:.5rem}
 .rows .row{grid-template-columns:56px 1fr}
 .rows .row>p{grid-column:1 / -1}
 .rows .row h3{align-self:center}
 .fig{grid-template-columns:1fr}
 .fig-art{max-width:320px;margin-inline:auto}
 .triple{grid-template-columns:1fr}
 .triple>div+div{padding-left:0;border-left:0}
}
@media (max-width:600px){.steps li{grid-template-columns:2.4rem 1fr}.steps li .ico{display:none}.tk-group li{padding:.65rem 1.2rem}}
@media print{.ticker,.fan{display:none!important}.fig{break-inside:avoid}}
/* retouches */
.fc-l .chip{right:auto;left:-4px;transform:rotate(3deg)}
.perf::after{top:-10px;height:20px;background:radial-gradient(circle at 0 10px,var(--prev) 0 9px,transparent 9.6px) left top/50% 100% no-repeat,radial-gradient(circle at 100% 10px,var(--prev) 0 9px,transparent 9.6px) right top/50% 100% no-repeat}
.rows .row{grid-template-columns:76px minmax(0,.9fr) minmax(0,1.4fr)}
.row-ico .ico{width:60px;height:60px}
nav a{white-space:nowrap}
@media (max-width:480px){nav a.hide-s{display:none}}