.mast{background:var(--c);color:var(--ctx,#fff);padding:calc(clamp(46px,9vh,110px) + var(--bar-sur,0px)) var(--gut) clamp(38px,6vh,72px);
  position:relative;overflow:hidden}
.mast::before{content:"";position:absolute;right:-6%;top:-40%;width:44%;aspect-ratio:1;
  border-radius:50%;background:color-mix(in srgb,var(--ctx,#fff) 8%,transparent)}
.mast .bcrumb{font-size:var(--t-xxs,11px);font-weight:800;letter-spacing:.22em;text-transform:uppercase;
  opacity:.72;position:relative}
.mast h1{font-family:var(--f-titres),ui-serif,Georgia,serif;font-weight:var(--w-titres-demi,600);
  font-size:clamp(44px,8vw,120px);letter-spacing:-.05em;line-height:.88;margin:14px 0 0;position:relative}
.mast .sub{font-size:clamp(15px,1.6vw,20px);max-width:64ch;margin-top:20px;opacity:.94;
  line-height:1.45;position:relative}

.mast .bot{position:absolute;right:clamp(-20px,-1vw,0px);bottom:-12%;width:clamp(160px,26vw,340px);
  color:var(--ctx,#fff);opacity:.17;pointer-events:none}
.mast .bot svg{width:100%;height:100%}
.mast .bot svg *{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;
  stroke-linejoin:round;vector-effect:non-scaling-stroke}
.mast .bot svg .fillx{fill:currentColor;stroke:none}

.mast .retour{margin-top:22px;position:relative}
.mast .retour a{display:inline-block;border:1.5px solid color-mix(in srgb,var(--ctx,#fff) 55%,transparent);color:var(--ctx,#fff);
  text-decoration:none;padding:11px 20px;font-size:var(--t-xxs,11px);font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;transition:background .2s,color .2s}
.mast .retour a:hover{background:var(--ctx,#fff);color:var(--c)}