:root{
  --bg:#f7f4ef;--bg2:#fffdfa;--fg:#1d1916;--muted:#7a7169;--line:#e3dcd2;
  --red:#C91527;--red-hi:#E62435;--wa:#1fa855;--veil:rgba(255,255,255,.93);
  --sans:'Jost',Futura,'Century Gothic',Helvetica,sans-serif;--serif:'Cormorant Garamond',Georgia,serif;
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;padding:0}
html{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-weight:300;font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg)}
/* fond : marbre blanc et or, sous un voile pour la lisibilite */
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(rgba(255,255,255,.78),rgba(255,255,255,.78)),url("../images/fond-marbre.jpg") center/cover no-repeat;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{margin:0;line-height:1.08;text-wrap:balance}
.wrap{max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
::selection{background:var(--red);color:#fff}
section{scroll-margin-top:76px}

header.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;align-items:center;gap:16px;min-height:64px;flex-wrap:wrap;padding-block:8px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{width:42px;height:auto;background:#fff;border-radius:50%;padding:2px}
.brand b{font-weight:700;font-size:18px;letter-spacing:.14em;display:block;line-height:1.1}
.brand small{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--red);font-weight:600}
nav.main{display:flex;gap:0;margin-left:auto;flex-wrap:wrap}
nav.main a{text-decoration:none;color:var(--muted);font-size:12px;letter-spacing:.16em;font-weight:500;text-transform:uppercase;padding:9px 13px;position:relative}
nav.main a::after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .2s}
nav.main a:hover{color:var(--fg)}
nav.main a:hover::after,nav.main a.act::after{transform:scaleX(1)}
nav.main a.act{color:var(--fg)}
.langs{display:flex;gap:2px;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--veil)}
.langs button{all:unset;cursor:pointer;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--muted);padding:8px 14px;border-radius:999px;transition:background .25s ease,color .25s ease}
.langs button:hover{color:var(--fg)}
.langs button.on{background:var(--red);color:#fff;box-shadow:0 2px 8px rgba(201,21,39,.3)}
.langs button:focus-visible{outline:2px solid var(--red-hi);outline-offset:1px}

@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.hero .veil>*{animation:rise .65s cubic-bezier(.2,.7,.2,1) both}
.hero .veil>*:nth-child(1){animation-delay:.05s}
.hero .veil>*:nth-child(2){animation-delay:.12s}
.hero .veil>*:nth-child(3){animation-delay:.2s}
.hero .veil>*:nth-child(4){animation-delay:.3s}
.hero .veil>*:nth-child(5){animation-delay:.38s}
.hero .veil>*:nth-child(6){animation-delay:.48s}
.hero-art{animation:rise .85s .3s cubic-bezier(.2,.7,.2,1) both}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero .wrap{position:relative;padding-block:78px 70px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.hero .eyebrow{display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--muted);font-weight:400;margin-bottom:26px}
.hero .eyebrow::before{content:"";width:46px;height:1px;background:var(--red)}
.hero .role{margin:0 0 10px;font-size:13px;letter-spacing:.5em;text-transform:uppercase;color:var(--red);font-weight:400}
.hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(52px,8.5vw,102px);line-height:1.02;letter-spacing:.01em}
.hero h1 span{display:block}
.hero .h-rule{width:72px;height:1px;background:var(--red);margin-top:22px}
.hero .lead{margin:22px 0 0;max-width:46ch;color:var(--muted);font-family:var(--serif);font-style:italic;font-size:clamp(17px,2.1vw,21px);line-height:1.65}
.hero-art{display:grid;gap:12px}
.art-stack{position:relative;padding-bottom:13%}
.hero-art .frame{background:var(--bg2);border:1px solid var(--line);padding:10px}
.hero-art .frame img{width:100%;display:block}
.hero-art .frame.second{position:absolute;left:7%;bottom:0;width:38%;box-shadow:0 16px 44px rgba(50,40,30,.35)}
.hero-art .legend{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);text-align:right}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;cursor:pointer;font-family:var(--sans);font-size:11.5px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;padding:15px 30px;border:1px solid var(--fg);color:var(--fg);background:transparent;border-radius:999px;transition:all .22s ease}
.btn svg{width:15px;height:15px;flex:none}
.btn:hover{background:var(--fg);color:var(--bg)}
.btn-ink{background:var(--fg);color:var(--bg)}
.btn-ink:hover{background:transparent;color:var(--fg)}
.btn-red{background:var(--red);border-color:var(--red);color:#fff}
.btn-red:hover{background:transparent;color:var(--red)}
.btn-line{border-color:var(--fg);color:var(--fg);background:transparent}
.btn-line:hover{background:var(--fg);color:var(--bg)}
.btn-wa{border-color:var(--line);color:var(--fg);background:transparent}
.btn-wa svg{color:#1fa855}
.btn-wa:hover{border-color:#1fa855;background:transparent;color:var(--fg)}
.btn:focus-visible{outline:2px solid var(--red-hi);outline-offset:2px}

.marquee{overflow:hidden;border-bottom:1px solid var(--line);background:var(--bg2)}
.mq-track{display:flex;width:max-content;animation:mq 30s linear infinite;padding-block:13px}
.mq-track span{font-size:13px;letter-spacing:.34em;text-transform:uppercase;color:var(--muted);font-weight:500;white-space:nowrap}
.mq-track i{font-style:normal;color:var(--red);margin:0 26px}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* panneau plus opaque derriere le texte */
.veil{
  background:var(--veil);
  backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  border:1px solid color-mix(in srgb,var(--line) 70%,transparent);
  padding:clamp(20px,3.2vw,36px);
}
.shead{display:flex;align-items:baseline;gap:22px;padding-block:58px 34px;flex-wrap:wrap}
.shead .num{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--red)}
.shead h2{font-family:var(--serif);font-weight:300;letter-spacing:.015em;font-size:clamp(34px,5vw,58px)}
.shead .fill{flex:1;height:1px;background:var(--line);min-width:60px}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:26px}
.featcard{display:block;text-decoration:none;background:var(--bg2);border:1px solid var(--line);padding:10px;transition:border-color .2s}
.featcard:hover{border-color:var(--red)}
.featcard .ph{aspect-ratio:4/3;overflow:hidden}
.featcard img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.featcard:hover img{transform:scale(1.05)}
.featcard .fc{padding:16px 8px 10px;display:grid;gap:3px}
.featcard .fc b{font-family:var(--serif);font-weight:400;font-size:23px;line-height:1.15}
.featcard .fc span{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}
.feat-cta{display:flex;justify-content:center;padding-bottom:78px}

.ent{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start;padding-bottom:78px}
.ent .big{font-size:clamp(19px,2.6vw,26px);font-weight:300;line-height:1.5;margin:0 0 22px;max-width:30ch}
.ent .big em{font-style:normal;color:var(--red)}
.ent p{margin:0 0 16px;color:var(--muted);max-width:62ch}
.stats{display:grid}
.stat{border-top:1px solid var(--line);padding:22px 0;display:grid;gap:4px}
.stat:last-child{border-bottom:1px solid var(--line)}
.stat b{font-family:var(--serif);font-weight:400;font-size:clamp(44px,5.4vw,64px);line-height:1;letter-spacing:0}
.stat b i{font-style:normal;color:var(--red)}
.stat span{font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-weight:500}

.sf-list{border-top:1px solid var(--line);margin-bottom:78px}
.sf-row{display:grid;grid-template-columns:70px 1fr 1.2fr;gap:20px;align-items:baseline;padding:20px 8px;border-bottom:1px solid var(--line);position:relative;transition:background .2s}
.sf-row:hover{background:var(--bg2)}
.sf-row::before{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:2px;background:var(--red);transform:scaleY(0);transition:transform .2s}
.sf-row:hover::before{transform:scaleY(1)}
.sf-row .n{font-family:var(--serif);font-style:italic;color:var(--red);font-size:15px}
.sf-row h3{font-size:clamp(14px,1.8vw,15.5px);font-weight:400;text-transform:uppercase;letter-spacing:.22em}
.sf-row p{margin:0;color:var(--muted);font-size:15px}

.filters{display:flex;gap:26px;flex-wrap:wrap;margin-bottom:34px}
.chip{all:unset;cursor:pointer;font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding:10px 16px;position:relative;background:var(--veil);border:1px solid var(--line)}
.chip::after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.chip:hover{color:var(--fg)}
.chip.on{color:var(--fg)}
.chip.on::after{transform:scaleX(1)}
.chip:focus-visible{outline:2px solid var(--red-hi);outline-offset:3px}

.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:78px}
.pcard{position:relative;text-decoration:none;display:block;background:var(--bg2);border:1px solid var(--line);padding:10px;transition:border-color .2s,transform .25s ease,box-shadow .25s ease}
.pcard:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:0 14px 34px rgba(60,50,40,.14)}
.pcard:hover .cap b{color:var(--red)}
.featcard:hover .fc b{color:var(--red)}
.pcard .cap b,.featcard .fc b{transition:color .2s}
.cap .cat{color:var(--red)}
.pcard .ph{overflow:hidden;background:var(--bg2);aspect-ratio:4/3}
.pcard img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.pcard:hover img{transform:scale(1.05)}
.pcard .cap{display:flex;align-items:baseline;gap:10px;padding:12px 2px 4px;flex-wrap:wrap}
.pcard .cap .n{font-family:var(--serif);font-style:italic;font-size:13px;color:var(--red)}
.pcard .cap b{font-family:var(--serif);font-weight:400;font-size:19px;letter-spacing:.01em}
.pcard .cap .where{color:var(--muted);font-size:13px}
.pcard .cap .tag{margin-left:auto;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:500}
.pcard.hide{display:none}
figure{margin:0}

.crumb{display:flex;align-items:center;gap:12px;padding-top:34px;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase}
.crumb a{color:var(--muted);text-decoration:none}
.crumb a:hover{color:var(--red)}
.crumb i{font-style:normal;color:var(--red)}
.ptitle{padding-block:16px 8px;display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.ptitle h1{font-family:var(--serif);font-weight:300;font-size:clamp(36px,5.5vw,64px);letter-spacing:.01em}
.ptitle .where{color:var(--muted);font-size:15px;letter-spacing:.06em}
.ptitle .tag{margin-left:auto;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--red);font-weight:600}
.pmeta{color:var(--muted);font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;padding-bottom:26px}
.gal{columns:3;column-gap:16px;padding-bottom:50px}
.gal a{display:block;break-inside:avoid;margin:0 0 16px;overflow:hidden;background:var(--bg2)}
.gal img{width:100%;transition:transform .5s ease}
.gal a:hover img{transform:scale(1.04)}
.pnav{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-block:26px 70px;flex-wrap:wrap}
.pnav a{text-decoration:none;color:var(--muted);font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}
.pnav a:hover{color:var(--red)}

.ct-panel{max-width:880px;margin:0 auto 78px}
.modal{position:fixed;inset:0;z-index:75;background:rgba(15,12,11,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none;align-items:flex-start;justify-content:center;padding:4vh max(16px,env(safe-area-inset-left,0px)) calc(4vh + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-right,0px));overflow:auto}
.modal.open{display:flex}
.modal-in{background:var(--bg2);border:1px solid var(--line);max-width:680px;width:100%;padding:clamp(24px,3.5vw,42px);position:relative;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.modal-x{all:unset;cursor:pointer;position:absolute;top:8px;right:16px;font-size:28px;line-height:1;color:var(--muted);padding:8px}
.modal-x:hover{color:var(--red)}
.modal-x:focus-visible{outline:2px solid var(--red-hi)}
.ct-name{font-family:var(--serif);font-weight:400;font-size:clamp(27px,3.2vw,36px);line-height:1.1}
.ct-role{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--red);margin:10px 0 18px;font-weight:500}
.ct-invite{font-family:var(--serif);font-style:italic;color:var(--muted);margin:0 0 26px;font-size:17px;max-width:40ch}
.ct-row{display:grid;gap:3px;padding:16px 2px;border-top:1px solid var(--line)}
.ct-row.last{border-bottom:1px solid var(--line)}
.ct-row .lab{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);font-weight:500}
.ct-row .val{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.ct-row .val a{font-family:var(--sans);font-size:clamp(16.5px,1.9vw,18.5px);letter-spacing:.04em;text-decoration:none;font-weight:300}
.ct-row .val a:hover{color:var(--red)}
.ct-row .val .v{font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.5}
.copy{all:unset;cursor:pointer;margin-left:auto;font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:500;padding:3px 0;border-bottom:1px solid transparent}
.copy:hover{color:var(--red);border-bottom-color:var(--red)}
.copy:focus-visible{outline:2px solid var(--red-hi)}
.ico-row{display:flex;gap:clamp(16px,2.6vw,30px);margin-top:32px;flex-wrap:wrap}
.ico-row.top{margin-top:0;justify-content:center}
button.ico{background:none;border:none;font-family:inherit;padding:0}
.call-pop{display:grid;gap:10px;max-width:340px;margin:20px auto 0}
.call-pop[hidden]{display:none}
.call-pop a{display:flex;justify-content:space-between;align-items:center;gap:14px;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:999px;padding:12px 22px;transition:border-color .2s,box-shadow .2s}
.call-pop a:hover{border-color:var(--red);box-shadow:0 6px 18px rgba(201,21,39,.12)}
.call-pop .cc{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:500}
.call-pop b{font-weight:500;color:var(--fg);font-size:15px;letter-spacing:.03em;white-space:nowrap}
.ct-invite.center{text-align:center;margin:0 auto 30px;max-width:46ch}
.ct-duo{display:flex;align-items:center;justify-content:center;gap:clamp(28px,5vw,60px);flex-wrap:wrap;margin-top:38px}
.bcard{background:#fff;border:1px solid var(--line);box-shadow:0 20px 55px rgba(0,0,0,.08);padding:clamp(32px,4.5vw,50px) clamp(24px,4vw,46px);text-align:center;max-width:470px;width:100%}
.bcard>img{height:48px;margin:0 auto 10px;display:block;width:auto}
.bc-dep{display:block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--red);font-weight:600;margin-bottom:24px}
.bc-name{font-family:var(--serif);font-size:clamp(30px,4vw,38px);font-weight:400;line-height:1.1}
.bc-role{font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-top:9px}
.bc-rule{width:44px;height:1px;background:var(--red);margin:22px auto}
.bc-lines{display:grid;gap:10px}
.bc-lines span{font-size:15px;font-weight:300;letter-spacing:.03em;color:var(--fg);line-height:1.55}
.bc-lines a{color:inherit;text-decoration:none;transition:color .2s}
.bc-lines a:hover{color:var(--red)}
.bc-lines .mut{color:var(--muted);font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-top:6px}
.bc-dl span:last-child{max-width:160px;line-height:1.6}
.ico{display:grid;justify-items:center;gap:9px;text-decoration:none;color:var(--fg);cursor:pointer}
.ico .c{width:58px;height:58px;border-radius:50%;border:1px solid var(--red);color:var(--red);display:grid;place-items:center;background:transparent;transition:all .25s ease}
.ico .c svg{width:22px;height:22px}
.ico:hover .c{background:var(--red);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(201,21,39,.25)}
.ico span{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:500;text-align:center}
.ico:focus-visible{outline:2px solid var(--red-hi);outline-offset:3px;border-radius:8px}

.form{display:grid}
.form h3{font-size:13px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;margin:0 0 6px}
.form .sub{margin:0 0 22px;font-family:var(--serif);font-style:italic;font-size:15.5px;color:var(--muted)}
.seg{display:flex;gap:26px;margin-bottom:22px}
.seg button{all:unset;cursor:pointer;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:6px 0;color:var(--muted);position:relative}
.seg button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.seg button.on{color:var(--fg)}
.seg button.on::after{transform:scaleX(1)}
.seg button:focus-visible{outline:2px solid var(--red-hi);outline-offset:3px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fld{display:grid;gap:7px;margin-bottom:16px;min-width:0}
.fld label{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:500;padding-left:4px}
.fld input,.fld select,.fld textarea{font-family:var(--sans);font-size:15.5px;font-weight:300;color:var(--fg);background:#fff;border:1px solid var(--line);padding:13px 16px;width:100%;border-radius:14px;transition:border-color .2s,box-shadow .2s}
.fld textarea{resize:vertical;min-height:110px;line-height:1.5;border-radius:16px}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(201,21,39,.08)}
.fld select{background:#fff}
.send-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.send-row .btn{flex:1;justify-content:center;min-width:200px}
.form .hint{margin:14px 0 0;font-size:12px;color:var(--muted)}

footer{border-top:1px solid var(--line);background:var(--bg)}
footer .wrap{padding-block:28px calc(28px + env(safe-area-inset-bottom,0px));display:flex;gap:10px 28px;flex-wrap:wrap;justify-content:space-between;font-size:12.5px;color:var(--muted)}
footer b{font-weight:700;letter-spacing:.14em;color:var(--fg)}
footer a{color:var(--muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line)}
footer a:hover{color:var(--red)}
.legal{padding:clamp(24px,4vw,48px);max-width:820px;margin:0 auto 84px}
.legal h3{font-family:"Jost",sans-serif;font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin:30px 0 10px}
.legal h3:first-child{margin-top:0}
.legal p{color:var(--muted);line-height:1.8;margin:0;font-size:14.5px}


.toast{position:fixed;left:50%;bottom:calc(88px + env(safe-area-inset-bottom,0px));transform:translateX(-50%) translateY(8px);background:var(--red);color:#fff;font-size:13px;letter-spacing:.08em;padding:10px 18px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:70}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

.lb{position:fixed;inset:0;z-index:80;background:rgba(8,6,6,.94);display:none;align-items:center;justify-content:center}
.lb.open{display:flex}
.lb img{max-width:min(92vw,1100px);max-height:82vh;object-fit:contain}
.lb button{all:unset;cursor:pointer;position:absolute;color:#f2ece4;font-size:30px;line-height:1;padding:18px}
.lb button:hover{color:var(--red-hi)}
.lb .x{top:calc(8px + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px))}
.lb .pv{left:calc(4px + env(safe-area-inset-left,0px));top:50%;transform:translateY(-50%)}
.lb .nx{right:calc(4px + env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%)}
.lb .cnt{position:absolute;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);color:#99908a;font-size:12.5px;letter-spacing:.2em}
.lb button:focus-visible{outline:2px solid var(--red-hi)}

@media (max-width:980px){
  .pgrid{grid-template-columns:1fr 1fr}
  .gal{columns:2}
  .hero .wrap{grid-template-columns:1fr;gap:40px}
  .hero-art{max-width:560px;padding-left:0}
  .ent{grid-template-columns:1fr;gap:40px}
  .sf-row{grid-template-columns:48px 1fr}
  .sf-row p{grid-column:2}
}
@media (max-width:700px){
  .topbar .wrap{row-gap:0;justify-content:center}
  .brand{order:1;width:100%;justify-content:center}
  nav.main{order:2;width:auto;margin-left:0;justify-content:center;border-top:none;margin-top:6px}
  nav.main a{padding:10px 5px;font-size:12px;letter-spacing:.1em}
  .langs{order:3;margin:0 0 4px 8px;align-self:center}
  .langs button{padding:6px 9px;font-size:12px}
  .brand small{font-size:12px;letter-spacing:.16em}
  .hero .eyebrow{font-size:12.5px;letter-spacing:.3em}
  .hero .role{font-size:14.5px;letter-spacing:.4em}
  .hero-art .legend{font-size:12px;letter-spacing:.22em}
  .btn{font-size:13px;letter-spacing:.2em}
  .featcard .fc span{font-size:12.5px;letter-spacing:.2em}
  .stat span{font-size:12.5px;letter-spacing:.2em}
  .pcard .cap .tag,.ptitle .tag{font-size:12.5px;letter-spacing:.16em}
  .pcard .cap .where{font-size:14px}
  .pcard .cap .n,.sf-row .n{font-size:14.5px}
  .sf-row h3{font-size:15px}
  .sf-row p{font-size:15.5px}
  .crumb{font-size:12.5px;letter-spacing:.2em}
  .pmeta{font-size:13px;letter-spacing:.16em}
  .pnav a{font-size:13px;letter-spacing:.16em}
  .chip{font-size:13.5px;letter-spacing:.14em}
  .ptitle .where{font-size:15.5px}
  .ct-role{font-size:12.5px;letter-spacing:.24em}
  .ct-row .lab{font-size:12.5px;letter-spacing:.22em}
  .copy{font-size:12.5px;letter-spacing:.16em}
  .ico span{font-size:12.5px;letter-spacing:.16em}
  .fld label{font-size:12.5px;letter-spacing:.16em}
  .fld input,.fld textarea{font-size:16px}
  .form .hint{font-size:13.5px}
  .form h3{font-size:14.5px;letter-spacing:.2em}
  .legal h3{font-size:14px}
  .legal p{font-size:15.5px}
  .ent p{font-size:15.5px}
  footer .wrap{font-size:13.5px}
  .toast{font-size:14px}
}
@media (max-width:374px){
  .langs{margin:4px auto 6px}
}
@media (max-width:600px){
  .feat{grid-template-columns:1fr}
  .pgrid{grid-template-columns:1fr}
  .gal{columns:1}
  .frow{grid-template-columns:1fr}
  .hero .wrap{padding-block:50px 46px}
}
@media (prefers-reduced-motion: reduce){
  *{transition:none!important;animation:none!important}
}