@font-face{font-family:"Roboto";font-style:normal;font-weight:400;font-display:swap;src:url("/output/roboto-latin-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Roboto";font-style:normal;font-weight:400;font-display:swap;src:url("/output/roboto-greek-400.woff2") format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:"Roboto";font-style:normal;font-weight:500;font-display:swap;src:url("/output/roboto-latin-500.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Roboto";font-style:normal;font-weight:500;font-display:swap;src:url("/output/roboto-greek-500.woff2") format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:"Roboto";font-style:normal;font-weight:700;font-display:swap;src:url("/output/roboto-latin-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Roboto";font-style:normal;font-weight:700;font-display:swap;src:url("/output/roboto-greek-700.woff2") format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:"Roboto";font-style:normal;font-weight:900;font-display:swap;src:url("/output/roboto-latin-900.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Roboto";font-style:normal;font-weight:900;font-display:swap;src:url("/output/roboto-greek-900.woff2") format("woff2");unicode-range:U+0370-03FF}

/* tokens */
:root{
  --hue-primary:#ffd929;
  --hue-spot:#ffc72a;
  --hue-accent-strong:#fdbb02;
  --hue-backdrop:#000000;
  --hue-layer:#151309;
  --hue-body:#FFFFFF;
  --hue-subtle:#bfbfbf;
  --hue-line:#2d2818;
  --hue-edge-hard:#4a4326;
  --hue-blend-a:#ffebab;
  --hue-blend-b:#ffd85d;
  --hue-warn-band:#a71e34;

  --typ-lead:"Roboto","Helvetica Neue",Arial,sans-serif;
  --typ-reading:"Roboto","Helvetica Neue",Arial,sans-serif;

  --sz-title:56px;
  --sz-head:38px;
  --sz-sub:24px;
  --sz-sub-2:18px;
  --sz-h5:15px;
  --sz-micro-head:13px;
  --sz-body:16px;
  --sz-fine:13px;
  --sz-legal:11px;

  --ld-compact:1.08;
  --ld-regular:1.4;
  --ld-relaxed:1.6;

  --wt-normal:500;
  --wt-demi:700;
  --wt-thick:900;

  --tr-packed:-0.02em;
  --tr-normal:0.02em;
  --tr-spread:0.1em;

  --gap-step-0:8px;
  --gap-step-1:12px;
  --gap-step-2:16px;
  --gap-step-3:24px;
  --gap-step-4:32px;
  --gap-step-5:48px;
  --gap-step-6:72px;
  --gap-step-7:112px;

  --rad-step-0:2px;
  --rad-step-1:4px;
  --rad-step-2:10px;
  --rad-step-3:16px;
  --rad-step-4:28px;
  --rad-step-5:34px;
  --rad-step-6:40px;
  --rad-step-7:48px;
  --rad-pill:9999px;
  --rad-dot:50%;

  --dep-step-0:0 1px 2px rgba(0,0,0,0.05);
  --dep-step-1:0 2px 4px rgba(0,0,0,0.06);
  --dep-step-2:0 4px 10px rgba(0,0,0,0.08);
  --dep-step-3:0 10px 28px rgba(0,0,0,0.12);
  --dep-step-4:0 20px 48px rgba(0,0,0,0.16);
  --dep-step-5:0 26px 60px rgba(0,0,0,0.2);
  --dep-step-6:0 32px 72px rgba(0,0,0,0.24);
  --dep-step-7:0 40px 90px rgba(0,0,0,0.28);

  --rl-light:1px;
  --rl-even:2px;
  --rl-strong:3px;

  --dur-fast:141ms;
  --dur-steady:290ms;
  --dur-long:564ms;
  --ease-release:cubic-bezier(0.34, 0.56, 0.29, 0.96);
  --ease-start:cubic-bezier(0.41, 0.06, 0.35, 0.92);
  --ease-even:cubic-bezier(0.41, 0.06, 0.35, 0.92);
  --ease-pop:cubic-bezier(0.38, 1.6, 0.73, 0.95);

  --cont-full:1240px;
  --cont-readable:1240px;
  --cont-narrow:580px;
  --cont-padding-desktop:48px;
  --cont-padding-tablet:32px;
  --cont-padding-mobile:16px;

  --hd-height-desktop:60px;
  --hd-size-mobile:56px;

  --sec-y:46px;
  --edge:var(--cont-padding-desktop);
  --shellwide:calc(var(--cont-full) + 2 * var(--cont-padding-desktop));
  --head-pad:178px;
}

@media (max-width:879px){
  :root{
    --sz-title:34px;
    --sz-head:26px;
    --sz-sub:20px;
    --sz-sub-2:16px;
    --sz-h5:14px;
    --sz-micro-head:12px;
    --sz-body:15px;
    --sz-fine:12px;
    --sz-legal:10px;
    --edge:var(--cont-padding-mobile);
    --sec-y:38px;
  }
}
@media (min-width:880px) and (max-width:1119px){
  :root{--edge:var(--cont-padding-tablet);}
}

/* reset + base */
*,*::before,*::after{box-sizing:border-box;}
html,body{overflow-x:clip;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  margin-block-start:var(--head-pad,178px);
  background:var(--hue-backdrop);
  color:var(--hue-body);
  font-family:var(--typ-reading);
  font-size:var(--sz-body);
  font-weight:var(--wt-normal);
  line-height:var(--ld-regular);
  letter-spacing:var(--tr-normal);
  display:flex;
  flex-direction:column;
  min-height:100vh;
  animation:pageFade var(--dur-long) var(--ease-release) both;
}
@keyframes pageFade{from{opacity:0}to{opacity:1}}
img{max-width:100%;}
h1,h2,h3,h4,h5,h6{overflow-wrap:anywhere;margin:0;}
p,ul,ol,dl,dd,figure,blockquote{margin:0;}
ul,ol{padding:0;}
a{color:var(--hue-primary);}
.shell{flex:1 0 auto;display:block;}

h1{font-family:var(--typ-lead);font-weight:var(--wt-thick);letter-spacing:var(--tr-packed);line-height:var(--ld-compact);text-transform:uppercase;font-size:clamp(28px,5.2vw,var(--sz-title));}
h2{font-family:var(--typ-lead);font-weight:var(--wt-demi);letter-spacing:var(--tr-packed);line-height:var(--ld-compact);text-transform:uppercase;font-size:clamp(24px,3.6vw,var(--sz-head));}
h3{font-family:var(--typ-lead);font-weight:var(--wt-demi);letter-spacing:var(--tr-normal);line-height:var(--ld-regular);font-size:var(--sz-sub);}
h4{font-family:var(--typ-lead);font-weight:var(--wt-demi);letter-spacing:var(--tr-normal);line-height:var(--ld-regular);font-size:var(--sz-sub-2);}
h5{font-family:var(--typ-reading);font-weight:var(--wt-thick);letter-spacing:var(--tr-spread);line-height:var(--ld-regular);text-transform:uppercase;font-size:var(--sz-h5);}
h6{font-family:var(--typ-reading);font-weight:var(--wt-thick);letter-spacing:var(--tr-spread);line-height:var(--ld-regular);text-transform:uppercase;font-size:var(--sz-micro-head);}

.skip-link{position:absolute;left:12px;top:12px;z-index:400;background:var(--hue-primary);color:#141002;padding:10px 18px;border-radius:var(--rad-step-2);font-weight:var(--wt-demi);text-decoration:none;}
.skip-link:not(:focus){top:-200px !important;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}

[data-show]{opacity:0;transform:translateY(30px);transition:opacity var(--dur-long) var(--ease-release),transform var(--dur-long) var(--ease-release);}
[data-show].revealed{opacity:1;transform:translateY(0);}

/* header */
.rosace{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:120;
  background:var(--hue-backdrop);
  box-shadow:var(--dep-step-3);
  transition:transform var(--dur-steady) var(--ease-release),backdrop-filter var(--dur-steady) var(--ease-release);
}
.rosace.is-hidden{transform:translateY(-100%);}
.rosace.is-stuck{backdrop-filter:blur(14px);background:rgba(0,0,0,0.97);}
.rosace-alert{
  background:var(--hue-layer);
  color:var(--hue-body);
  border-block-end:var(--rl-strong) solid var(--hue-warn-band);
  font-size:var(--sz-legal);
  letter-spacing:var(--tr-spread);
  text-transform:uppercase;
  text-align:center;
  display:block;
  padding:7px var(--edge);
  line-height:1.3;
}
.rosace-alert-link{color:var(--hue-primary);text-decoration:underline;text-decoration-color:var(--hue-warn-band);text-decoration-thickness:2px;text-underline-offset:3px;}
.rosace-alert-link:hover{color:var(--hue-blend-a);}
.rosace-bar{
  display:flex;
  align-items:center;
  gap:var(--gap-step-3);
  min-height:88px;
  max-width:1440px;
  margin-inline:auto;
  padding-inline:var(--edge);
}
.rosace-glyph{flex-shrink:0;display:inline-flex;text-decoration:none;}
.rosace-plate{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--hue-layer);
  color:var(--hue-primary);
  border:var(--rl-light) solid var(--hue-line);
  border-radius:var(--rad-step-2);
  padding:5px 14px;
}
.rosace-pic{display:block;height:68px;width:auto;flex-shrink:0;}
.rosace-tap{
  display:none;
  align-items:center;
  gap:var(--gap-step-0);
  margin-inline-start:auto;
  min-height:44px;
  padding:0 14px;
  background:var(--hue-layer);
  color:var(--hue-primary);
  border:0;
  border-radius:var(--rad-step-2);
  font-family:var(--typ-lead);
  font-size:var(--sz-fine);
  font-weight:var(--wt-thick);
  letter-spacing:var(--tr-spread);
  text-transform:uppercase;
  cursor:pointer;
}
.rosace-pips{display:inline-block;position:relative;width:5px;height:5px;margin-inline:10px 15px;border-radius:var(--rad-dot);background:currentColor;}
.rosace-pips::before,.rosace-pips::after{content:"";position:absolute;width:5px;height:5px;border-radius:var(--rad-dot);background:currentColor;}
.rosace-pips::before{left:-9px;}
.rosace-pips::after{left:9px;}
.rosace-cap{display:inline-block;}
.rosace-routes{margin-inline-start:auto;flex:0 0 auto;}
.rosace-roll{display:flex;align-items:center;gap:var(--gap-step-3);list-style:none;margin:0;padding:0;}
.rosace-node{position:relative;display:flex;align-items:center;list-style:none;}
.rosace-node[hidden]{display:none;}
.rosace-roll > .rosace-node + .rosace-node::before{content:"\00B7";color:var(--hue-edge-hard);margin-inline-end:var(--gap-step-3);}
.rosace-link{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:var(--hue-body);
  background:var(--hue-backdrop);
  font-family:var(--typ-reading);
  font-size:15px;
  font-weight:500;
  font-variant:small-caps;
  letter-spacing:var(--tr-normal);
  text-decoration:none;
  white-space:nowrap;
  transition:transform var(--dur-fast) var(--ease-release),color var(--dur-fast) var(--ease-release);
}
.rosace-link:hover{transform:translateY(-2px);color:var(--hue-primary);}
.rosace-node.is-here > .rosace-link{color:var(--hue-primary);}
.rosace-node.is-here > .rosace-link::after{content:"";position:absolute;left:50%;bottom:6px;width:6px;height:6px;margin-left:-3px;border-radius:var(--rad-dot);background:var(--hue-primary);}
.rosace-nodeMore{position:relative;display:flex;align-items:center;list-style:none;}
.rosace-nodeMore[hidden]{display:none;}
.rosace-more-tap{
  min-height:44px;
  padding:0 10px;
  background:var(--hue-backdrop);
  color:var(--hue-body);
  border:0;
  font-family:var(--typ-reading);
  font-size:15px;
  font-weight:500;
  font-variant:small-caps;
  cursor:pointer;
}
.rosace-more-tap:hover{color:var(--hue-primary);}
.rosace-more-pane{
  display:none;
  position:absolute;
  top:100%;
  right:0;
  min-width:210px;
  max-height:62vh;
  overflow-y:auto;
  list-style:none;
  margin:0;
  padding:var(--gap-step-1);
  background:var(--hue-layer);
  border:var(--rl-light) solid var(--hue-line);
  border-radius:var(--rad-step-2);
  box-shadow:var(--dep-step-4);
  z-index:5;
}
.rosace-more-pane.is-open{display:block;}
.rosace-more-pane .rosace-node{display:block;}
.rosace-more-pane .rosace-link{background:var(--hue-layer);width:100%;padding-inline:var(--gap-step-0);}
.rosace-belt{
  height:60px;
  display:flex;
  align-items:center;
  background:var(--hue-layer);
  border-block-start:var(--rl-light) solid var(--hue-line);
}
.rosace-subroutes{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--edge);}
.rosace-subroll{display:flex;align-items:center;gap:var(--gap-step-3);list-style:none;margin:0;padding:0;}
.rosace-sub{list-style:none;}
.rosace-sub > .rosace-link{
  background:var(--hue-layer);
  color:var(--hue-subtle);
  min-height:38px;
  font-size:var(--sz-fine);
  letter-spacing:var(--tr-spread);
  text-transform:uppercase;
  font-variant:normal;
}
.rosace-sub > .rosace-link:hover{color:var(--hue-primary);}
.rosace-sub.is-here > .rosace-link{color:var(--hue-primary);}
.rosace-dock{
  display:none;
  position:absolute;
  left:0;
  right:0;
  top:100%;
  max-height:70vh;
  overflow-y:auto;
  background:var(--hue-layer);
  border-block-start:var(--rl-light) solid var(--hue-line);
  box-shadow:var(--dep-step-4);
}
.rosace-dock.is-open{display:block;}
.rosace-dockroutes{padding:var(--gap-step-2) var(--edge) var(--gap-step-4);}
.rosace-dockroll{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;}
.rosace-dockitem{display:block;list-style:none;}
.rosace-dockitem > .rosace-link{
  background:var(--hue-layer);
  width:100%;
  min-height:48px;
  font-size:var(--sz-sub-2);
  font-variant:normal;
  border-block-end:var(--rl-light) solid var(--hue-line);
}
.rosace-dockitem:last-child > .rosace-link{border-block-end:0;}
.rosace-dockitem.is-here > .rosace-link{color:var(--hue-primary);}
.rosace-dockitem.is-here > .rosace-link::after{display:none;}

@media (max-width:879px){
  .rosace-routes{display:none;}
  .rosace-belt{display:none;}
  .rosace-tap{display:inline-flex;}
  .rosace-bar{min-height:72px;}
  .rosace-pic{height:52px;}
}
@media (min-width:880px) and (max-width:1119px){
  .rosace-bar{min-height:80px;}
  .rosace-pic{height:60px;}
  .rosace-roll{gap:var(--gap-step-2);}
  .rosace-roll > .rosace-node + .rosace-node::before{margin-inline-end:var(--gap-step-2);}
}

/* hero */
.carnet{padding-block:var(--sec-y);background:var(--hue-backdrop);}
.carnet-guts{
  max-width:var(--shellwide);
  margin-inline:auto;
  padding-inline:var(--edge);
  display:grid;
  grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);
  align-items:center;
  gap:var(--gap-step-5);
  min-height:400px;
}
.carnet-meat{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-step-2);}
.carnet-kicker{
  font-size:var(--sz-fine);
  font-weight:var(--wt-thick);
  letter-spacing:var(--tr-spread);
  text-transform:uppercase;
  color:var(--hue-spot);
  background:var(--hue-backdrop);
}
.carnet-head{color:var(--hue-body);max-width:16ch;}
.carnet-text{color:var(--hue-subtle);font-size:var(--sz-sub-2);line-height:var(--ld-relaxed);max-width:var(--cont-narrow);}
.carnet-keys{display:flex;flex-wrap:wrap;gap:var(--gap-step-2);margin-block-start:var(--gap-step-0);}
.carnet-btn{text-decoration:none;}
.carnet-note{font-size:var(--sz-legal);color:var(--hue-subtle);background:var(--hue-backdrop);letter-spacing:var(--tr-normal);}
.carnet-note a{color:var(--hue-primary);}
.carnet-frame{
  width:100%;
  aspect-ratio:1/1;
  border-radius:var(--rad-step-4);
  overflow:hidden;
  border:var(--rl-light) solid var(--hue-line);
  margin:0;
}
.carnet-pic{width:100%;height:100%;object-fit:cover;display:block;}

@media (max-width:879px){
  .carnet-guts{grid-template-columns:minmax(0,1fr);gap:var(--gap-step-4);min-height:0;}
  .carnet-frame{aspect-ratio:auto;height:240px;order:2;}
  .carnet-head{max-width:none;}
}

/* page header */
.volume{padding-block:var(--sec-y);border-block-end:var(--rl-light) solid var(--hue-line);background:var(--hue-backdrop);}
.volume-guts{max-width:var(--shellwide);margin-inline:auto;padding-inline:var(--edge);display:flex;flex-direction:column;gap:var(--gap-step-3);}
.volume-kicker{font-size:var(--sz-fine);font-weight:var(--wt-demi);letter-spacing:var(--tr-spread);text-transform:uppercase;color:var(--hue-spot);background:var(--hue-backdrop);}
.volume-head{color:var(--hue-body);}
.volume-rule{width:60px;height:2px;background:var(--hue-spot);}
.volume-text{color:var(--hue-subtle);font-size:var(--sz-h5);line-height:var(--ld-regular);}

/* prose */
.fenetre{padding-block:var(--sec-y);}
.fenetre-guts{max-width:var(--shellwide);margin-inline:auto;padding-inline:var(--edge);display:flex;flex-direction:column;gap:var(--gap-step-5);}
.fenetre-meat{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-step-2);border-inline-start:var(--rl-strong) solid var(--hue-spot);padding-inline-start:var(--gap-step-3);}
.fenetre-kicker{
  font-size:var(--sz-legal);
  font-weight:var(--wt-thick);
  letter-spacing:var(--tr-spread);
  text-transform:uppercase;
  color:var(--hue-spot);
  background:var(--hue-backdrop);
}
.fenetre-head{color:var(--hue-body);margin-block-start:0;font-size:clamp(26px,3.8vw,var(--sz-head));}
.fenetre-text{color:var(--hue-subtle);line-height:var(--ld-relaxed);}
.fenetre-text strong{color:var(--hue-body);font-weight:var(--wt-demi);}
.fenetre-text a,.fenetre-slot a{color:var(--hue-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-thickness var(--dur-fast) var(--ease-release);}
.fenetre-text a:hover,.fenetre-slot a:hover{text-decoration-thickness:3px;color:var(--hue-blend-b);}
.fenetre-sub{color:var(--hue-body);}
.fenetre-roll{display:flex;flex-direction:column;gap:var(--gap-step-1);list-style:none;margin:0;padding:0;}
.fenetre-steps{display:flex;flex-direction:column;gap:var(--gap-step-1);list-style:decimal;margin:0;padding-inline-start:var(--gap-step-3);}
.fenetre-slot{color:var(--hue-subtle);line-height:var(--ld-relaxed);position:relative;padding-inline-start:var(--gap-step-3);}
.fenetre-steps > .fenetre-slot{padding-inline-start:0;}
.fenetre-roll > .fenetre-slot::before{content:"";position:absolute;left:0;top:11px;width:9px;height:9px;background:var(--hue-spot);border-radius:var(--rad-step-0);}
.fenetre-slot strong{color:var(--hue-body);font-weight:var(--wt-demi);}
.fenetre-figure{margin:0;display:flex;justify-content:center;}
.fenetre-figure--context{max-width:100%;}
.fenetre-figure--detail{max-width:100%;}
.fenetre-figure--process{max-width:100%;}
.fenetre-figure--square .fenetre-pic{max-width:440px;}
.fenetre-figure--wide .fenetre-pic{max-width:720px;}
.fenetre-pic{width:100%;height:auto;display:block;border-radius:var(--rad-step-3);border:var(--rl-light) solid var(--hue-line);}
.fenetre-pitch{width:100%;}
.fenetre-pitchrow{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--gap-step-3);
  background:var(--hue-layer);
  color:var(--hue-body);
  border:var(--rl-light) solid var(--hue-line);
  border-radius:var(--rad-step-3);
  padding:var(--gap-step-3);
}
.fenetre-btn{text-decoration:none;flex-shrink:0;}
.fenetre-note{font-size:var(--sz-fine);color:var(--hue-subtle);background:var(--hue-layer);}
.fenetre-note a{color:var(--hue-primary);}

/* items */
.poteau{padding-block:var(--sec-y);}
.poteau-guts{max-width:var(--shellwide);margin-inline:auto;padding-inline:var(--edge);display:flex;flex-direction:column;gap:var(--gap-step-4);}
.poteau-head{color:var(--hue-body);}
.poteau-stack{display:flex;flex-direction:column;gap:var(--gap-step-4);}
.poteau-box{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-step-1);}
.poteau-crest{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:var(--rad-step-2);background:var(--hue-layer);border:var(--rl-light) solid var(--hue-edge-hard);color:var(--hue-primary);}
.poteau-crest svg{width:21px;height:21px;fill:currentColor;}
.poteau-sub{color:var(--hue-body);}
.poteau-link{color:var(--hue-body);text-decoration:none;}
.poteau-link:hover{color:var(--hue-primary);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px;}
.poteau-rule{width:60px;height:2px;background:var(--hue-spot);margin-inline:0;}
.poteau-text{color:var(--hue-subtle);line-height:var(--ld-relaxed);}
.poteau-text strong{color:var(--hue-body);font-weight:var(--wt-demi);}
.poteau-plug{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--gap-step-1);
  background:var(--hue-layer);
  color:var(--hue-body);
  border:var(--rl-light) solid var(--hue-edge-hard);
  border-radius:var(--rad-step-4);
  padding:var(--gap-step-4);
}
.poteau-plughead{font-family:var(--typ-lead);font-weight:var(--wt-thick);text-transform:uppercase;letter-spacing:var(--tr-spread);font-size:var(--sz-h5);color:var(--hue-primary);background:var(--hue-layer);}
.poteau-btn{text-decoration:none;}
.poteau-note{font-size:var(--sz-fine);color:var(--hue-subtle);background:var(--hue-layer);}
.poteau-note a{color:var(--hue-primary);}

/* reviews */
.console{padding-block:var(--sec-y);}
.console-guts{max-width:var(--shellwide);margin-inline:auto;padding-inline:var(--edge);display:flex;flex-direction:column;gap:var(--gap-step-4);}
.console-head{color:var(--hue-body);}
.console-rail{display:flex;gap:var(--gap-step-3);overflow-x:auto;scroll-snap-type:x mandatory;padding-block-end:var(--gap-step-1);}
.console-box{
  width:360px;
  flex:0 0 auto;
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  gap:var(--gap-step-2);
  min-height:240px;
  padding:var(--gap-step-4);
  background:var(--hue-backdrop);
  color:var(--hue-body);
  border:var(--rl-light) solid var(--hue-edge-hard);
  border-radius:var(--rad-step-3);
  transition:box-shadow var(--dur-steady) var(--ease-release);
}
.console-box:hover{box-shadow:var(--dep-step-4);}
.console-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-step-2);}
.console-signer{font-family:var(--typ-lead);font-weight:var(--wt-demi);color:var(--hue-body);background:var(--hue-backdrop);}
.console-score{font-size:var(--sz-fine);color:var(--hue-primary);background:var(--hue-backdrop);font-weight:var(--wt-demi);}
.console-gauge{width:60%;height:4px;background:#3a3524;border-radius:var(--rad-pill);overflow:hidden;}
.console-fill{display:block;height:100%;background:var(--hue-spot);}
.console-text{color:var(--hue-subtle);line-height:var(--ld-relaxed);margin:0;font-size:var(--sz-body);}
.console-dots{display:flex;gap:var(--gap-step-0);}
.console-dot{width:8px;height:8px;border-radius:var(--rad-dot);background:#4a4530;}
.console-dot.is-live{background:var(--hue-spot);}

@media (max-width:539px){
  .console-box{width:290px;padding:var(--gap-step-3);}
}

/* table */
.piedestal{padding-block:var(--sec-y);}
.piedestal-guts{max-width:var(--shellwide);margin-inline:auto;padding-inline:var(--edge);display:flex;flex-direction:column;gap:var(--gap-step-4);}
.piedestal-head{color:var(--hue-body);}
.piedestal-scroll{overflow-x:auto;border-radius:var(--rad-step-3);border:var(--rl-light) solid var(--hue-line);}
.piedestal-grid{width:100%;min-width:560px;border-collapse:collapse;}
.piedestal-row{border-block-end:var(--rl-light) solid var(--hue-line);}
.piedestal-cap{
  background:#d9b91f;
  color:#141002;
  text-align:left;
  padding:var(--gap-step-2) var(--gap-step-3);
  font-family:var(--typ-reading);
  font-size:var(--sz-fine);
  font-weight:var(--wt-thick);
  letter-spacing:var(--tr-spread);
  text-transform:uppercase;
}
.piedestal-cap:first-child{background:var(--hue-primary);}
.piedestal-lead{
  background:var(--hue-primary);
  color:#141002;
  font-weight:var(--wt-demi);
  padding:var(--gap-step-2) var(--gap-step-3);
  border-inline-end:4px solid var(--hue-spot);
}
.piedestal-cell{background:var(--hue-layer);color:var(--hue-subtle);padding:var(--gap-step-2) var(--gap-step-3);}
.piedestal-pitch{width:100%;}
.piedestal-pitchrow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-step-3);background:var(--hue-layer);color:var(--hue-body);border:var(--rl-light) solid var(--hue-line);border-radius:var(--rad-step-3);padding:var(--gap-step-3);}
.piedestal-btn{text-decoration:none;flex-shrink:0;}
.piedestal-note{font-size:var(--sz-fine);color:var(--hue-subtle);background:var(--hue-layer);}
.piedestal-note a{color:var(--hue-primary);}

/* faq */
.plaque{padding-block:var(--sec-y);}
.plaque-guts{max-width:var(--shellwide);margin-inline:auto;padding-inline:var(--edge);display:flex;flex-direction:column;gap:var(--gap-step-4);}
.plaque-head{color:var(--hue-body);}
.plaque-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-step-3);}
.plaque-box{
  padding:var(--gap-step-4);
  background:var(--hue-backdrop);
  color:var(--hue-body);
  border:var(--rl-light) solid var(--hue-edge-hard);
  border-radius:var(--rad-step-3);
}
.plaque-ask{list-style:none;cursor:pointer;display:block;position:relative;padding-inline-end:var(--gap-step-4);}
.plaque-ask::-webkit-details-marker{display:none;}
.plaque-ask::after{content:"\2212";position:absolute;right:0;top:0;color:var(--hue-spot);font-family:var(--typ-lead);font-weight:var(--wt-thick);font-size:var(--sz-sub);line-height:1.2;}
.plaque-box:not([open]) .plaque-ask::after{content:"+";}
.plaque-sub{display:inline;font-size:var(--sz-h5);font-weight:var(--wt-thick);color:var(--hue-body);text-transform:none;letter-spacing:var(--tr-normal);}
.plaque-sub::before{content:"Q. ";color:var(--hue-spot);font-family:var(--typ-lead);font-weight:var(--wt-thick);}
.plaque-meat{margin-block-start:var(--gap-step-3);animation:answerIn var(--dur-steady) var(--ease-even) both;}
@keyframes answerIn{from{opacity:0;max-height:0}to{opacity:1;max-height:600px}}
.plaque-text{color:var(--hue-subtle);line-height:var(--ld-regular);}

@media (max-width:879px){
  .plaque-stack{grid-template-columns:minmax(0,1fr);}
  .plaque-box{padding:var(--gap-step-3);}
}

/* byline */
.bandeau{background:var(--hue-primary);color:#141002;padding-block:var(--gap-step-4);}
.bandeau-guts{max-width:var(--shellwide);margin-inline:auto;padding-inline:var(--edge);display:flex;align-items:center;justify-content:space-between;gap:var(--gap-step-3);}
.bandeau-who{display:flex;align-items:center;gap:var(--gap-step-2);}
.bandeau-mug{display:block;width:56px;height:56px;flex:0 0 auto;border-radius:var(--rad-dot);overflow:hidden;border:2px solid #141002;}
.bandeau-pic{width:100%;height:100%;object-fit:cover;display:block;}
.bandeau-text{display:flex;flex-direction:column;}
.bandeau-signer{font-family:var(--typ-lead);font-weight:var(--wt-thick);font-size:var(--sz-sub-2);color:#141002;background:var(--hue-primary);}
.bandeau-link{color:#141002;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}
.bandeau-link:hover{text-decoration-thickness:3px;}
.bandeau-role{font-size:var(--sz-fine);color:#3b3006;background:var(--hue-primary);}
.bandeau-pitch{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:0 var(--gap-step-3);
  background:var(--hue-layer);
  color:var(--hue-primary);
  border:var(--rl-light) solid #141002;
  border-radius:var(--rad-step-2);
  text-decoration:none;
  font-weight:var(--wt-demi);
  font-size:var(--sz-fine);
  letter-spacing:var(--tr-spread);
  text-transform:uppercase;
  flex-shrink:0;
}
.bandeau-pitch:hover{background:#000000;color:var(--hue-blend-b);}

@media (max-width:719px){
  .bandeau-guts{flex-direction:column;align-items:flex-start;}
  .bandeau-pitch{width:100%;justify-content:center;}
}

/* cta */
.enseigne-mark{display:block;height:0;scroll-margin-top:200px;}
.enseigne{padding-block:var(--sec-y);background:var(--hue-layer);border-block:var(--rl-light) solid var(--hue-line);}
.enseigne-guts{max-width:var(--shellwide);margin-inline:auto;padding-inline:var(--edge);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--gap-step-2);}
.enseigne-head{color:var(--hue-body);}
.enseigne-text{color:var(--hue-subtle);line-height:var(--ld-relaxed);}
.enseigne-keys{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap-step-2);margin-block-start:var(--gap-step-0);}
.enseigne-btn{text-decoration:none;}
.enseigne-btn--quiet{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 var(--gap-step-4);
  background:#221e12;
  color:var(--hue-body);
  border:var(--rl-light) solid var(--hue-subtle);
  border-radius:var(--rad-step-0);
  font-family:var(--typ-lead);
  font-size:var(--sz-fine);
  font-weight:var(--wt-thick);
  letter-spacing:var(--tr-spread);
  text-transform:uppercase;
  transition:background var(--dur-steady) var(--ease-release),color var(--dur-steady) var(--ease-release);
}
.enseigne-btn--quiet:hover{background:var(--hue-primary);color:#141002;border-color:var(--hue-primary);}
.enseigne-note{font-size:var(--sz-fine);color:var(--hue-subtle);background:var(--hue-layer);}
.enseigne-note a{color:var(--hue-primary);}

/* legal */
.mosaique{padding-block:var(--sec-y);}
.mosaique-guts{max-width:var(--shellwide);margin-inline:auto;padding-inline:var(--edge);}
.mosaique-roll{margin:0;}
.mosaique-term{
  font-family:var(--typ-lead);
  font-weight:var(--wt-demi);
  font-size:var(--sz-sub-2);
  color:var(--hue-body);
  margin-block-start:var(--gap-step-4);
  margin-block-end:var(--gap-step-1);
  position:relative;
  padding-block-start:var(--gap-step-1);
}
.mosaique-term::before{content:"";position:absolute;left:0;top:0;width:30px;height:2px;background:var(--hue-spot);}
.mosaique-body{margin-inline-start:0;margin-block-end:var(--gap-step-3);display:flex;flex-direction:column;gap:var(--gap-step-2);}
.mosaique-text{color:var(--hue-subtle);line-height:var(--ld-relaxed);}
.mosaique-text a{color:var(--hue-primary);}
.mosaique-aid{margin-block-start:var(--gap-step-5);display:flex;flex-direction:column;gap:var(--gap-step-2);}
.mosaique-head{color:var(--hue-body);font-size:var(--sz-sub);}
.mosaique-roll--aid{display:flex;flex-direction:column;gap:var(--gap-step-1);list-style:none;padding:0;}
.mosaique-slot{color:var(--hue-subtle);line-height:var(--ld-relaxed);position:relative;padding-inline-start:var(--gap-step-3);}
.mosaique-roll--aid > .mosaique-slot::before{content:"";position:absolute;left:0;top:11px;width:9px;height:9px;background:var(--hue-spot);border-radius:var(--rad-step-0);}
.mosaique-fine{margin-block-start:var(--gap-step-4);color:var(--hue-subtle);font-size:var(--sz-fine);line-height:var(--ld-relaxed);border-block-start:var(--rl-light) solid var(--hue-line);padding-block-start:var(--gap-step-3);}

/* author card */
.passerelle{padding-block:var(--sec-y);}
.passerelle-guts{max-width:var(--shellwide);margin-inline:auto;padding-inline:var(--edge);}
.passerelle-box{max-width:var(--cont-narrow);margin-inline:auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--gap-step-2);}
.passerelle-mug{display:block;width:140px;height:140px;border-radius:var(--rad-dot);overflow:hidden;border:2px solid var(--hue-spot);margin-block-end:var(--gap-step-4);}
.passerelle-pic{width:100%;height:100%;object-fit:cover;display:block;}
.passerelle-role{font-size:var(--sz-fine);text-transform:uppercase;letter-spacing:var(--tr-spread);color:var(--hue-spot);background:var(--hue-backdrop);}
.passerelle-signer{color:var(--hue-body);}
body[data-current="/author-team/"] .carnet-head,
body[data-current="/author-team/"] .passerelle-signer{text-transform:none;}
.passerelle-text{color:var(--hue-subtle);line-height:var(--ld-relaxed);}
.passerelle-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap-step-0);list-style:none;padding:0;margin-block-start:var(--gap-step-2);}
.passerelle-tag{
  padding:6px 14px;
  background:var(--hue-layer);
  color:var(--hue-subtle);
  border:var(--rl-light) solid var(--hue-line);
  border-radius:var(--rad-pill);
  font-size:var(--sz-fine);
}

/* contact form */
.panneau{padding-block:var(--sec-y);}
.panneau-guts{max-width:var(--shellwide);margin-inline:auto;padding-inline:var(--edge);display:flex;flex-direction:column;gap:var(--gap-step-3);}
.panneau-head{color:var(--hue-body);}
.panneau-lede{max-width:var(--cont-narrow);margin-inline:auto;text-align:center;color:var(--hue-subtle);}
.panneau-form{display:flex;flex-direction:column;gap:var(--gap-step-2);}
.panneau-input{display:flex;flex-direction:column;gap:var(--gap-step-0);}
.panneau-cap{font-size:var(--sz-fine);font-weight:var(--wt-demi);letter-spacing:var(--tr-spread);text-transform:uppercase;color:var(--hue-subtle);background:var(--hue-backdrop);}
.panneau-slot{
  width:100%;
  min-height:52px;
  padding:0 var(--gap-step-2);
  background:var(--hue-layer);
  color:var(--hue-body);
  border:var(--rl-light) solid var(--hue-edge-hard);
  border-radius:var(--rad-step-3);
  font-family:var(--typ-reading);
  font-size:var(--sz-body);
}
.panneau-slot--tall{padding:var(--gap-step-2);min-height:150px;}
.panneau-slot:focus-visible{outline:2px solid var(--hue-spot);outline-offset:2px;}
.panneau-btn{
  width:100%;
  height:52px;
  background:var(--hue-primary);
  color:#141002;
  border:0;
  border-radius:var(--rad-step-3);
  font-family:var(--typ-lead);
  font-weight:var(--wt-thick);
  font-size:var(--sz-fine);
  letter-spacing:var(--tr-spread);
  text-transform:uppercase;
  cursor:pointer;
  transition:background var(--dur-steady) var(--ease-release);
}
.panneau-btn:hover{background:var(--hue-accent-strong);color:#141002;}
.panneau-done{background:var(--hue-layer);color:var(--hue-primary);border:var(--rl-light) solid var(--hue-spot);border-radius:var(--rad-step-3);padding:var(--gap-step-2);}
.panneau-roll{display:flex;flex-direction:column;gap:var(--gap-step-0);list-style:none;padding:0;}
.panneau-row{list-style:none;color:var(--hue-subtle);font-size:var(--sz-fine);}
.panneau-link{color:var(--hue-primary);}

/* footer */
.vitrine{background:var(--hue-primary);color:#141002;margin-block-start:auto;}
.vitrine-guts{
  max-width:var(--shellwide);
  margin-inline:auto;
  padding-inline:var(--edge);
  padding-block:var(--gap-step-6);
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1fr;
  gap:var(--gap-step-5);
}
.vitrine-track{display:flex;flex-direction:column;gap:var(--gap-step-1);}
.vitrine-track--brand{gap:var(--gap-step-2);}
.vitrine-glyph{display:inline-flex;align-self:flex-start;background:#141002;border-radius:var(--rad-step-2);padding:6px 14px;}
.vitrine-pic{display:block;height:80px;width:auto;}
.vitrine-text{color:#3b3006;background:var(--hue-primary);line-height:var(--ld-regular);font-size:var(--sz-fine);}
.vitrine-badge{color:#141002;background:var(--hue-primary);font-size:var(--sz-fine);font-weight:var(--wt-demi);}
.vitrine-caption{color:#141002;background:var(--hue-primary);margin-block-end:var(--gap-step-0);}
.vitrine-roll{display:flex;flex-direction:column;gap:var(--gap-step-0);list-style:none;padding:0;}
.vitrine-node{list-style:none;}
.vitrine-link{color:#2c2404;background:var(--hue-primary);font-size:var(--sz-fine);text-decoration:none;}
.vitrine-link:hover{color:#141002;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:3px;}
.vitrine-base{border-block-start:var(--rl-light) solid #b3960a;}
.vitrine-baserow{
  max-width:var(--shellwide);
  margin-inline:auto;
  padding-inline:var(--edge);
  padding-block:var(--gap-step-3);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:var(--gap-step-2);
  text-align:center;
}
.vitrine-note{color:#2c2404;background:var(--hue-primary);font-size:var(--sz-fine);}
.vitrine-note--aside{color:#3b3006;background:var(--hue-primary);}

@media (max-width:1119px){
  .vitrine-guts{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-step-4);}
}
@media (max-width:719px){
  .vitrine-guts{grid-template-columns:minmax(0,1fr);}
}

/* cookie */
.porche{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:90;
  background:var(--hue-primary);
  color:#141002;
  border-block-start:var(--rl-light) solid rgba(0,0,0,0.25);
  transform:translateY(100%);
  transition:transform var(--dur-steady) var(--ease-release);
}
.porche.is-shown{transform:translateY(0);}
.porche-guts{
  max-width:var(--shellwide);
  margin-inline:auto;
  padding:var(--gap-step-3) var(--edge);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--gap-step-3);
}
.porche-note{flex:1;font-size:var(--sz-fine);color:#2c2404;background:var(--hue-primary);line-height:var(--ld-regular);}
.porche-keys{display:flex;flex-shrink:0;gap:var(--gap-step-2);}
.porche-yes,.porche-reject{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 var(--gap-step-3);
  border-radius:var(--rad-step-2);
  border:0;
  font-family:var(--typ-lead);
  font-size:var(--sz-fine);
  font-weight:var(--wt-thick);
  letter-spacing:var(--tr-spread);
  text-transform:uppercase;
  cursor:pointer;
}
.porche-yes{background:#141002;color:var(--hue-primary);}
.porche-yes:hover{background:#000000;color:var(--hue-blend-b);}
.porche-reject{background:#ffffff;color:#141002;}
.porche-reject:hover{background:#e6e6e6;color:#000000;}

@media (max-width:719px){
  .porche-guts{flex-direction:column;align-items:stretch;padding:12px 14px;gap:8px;font-size:13px;line-height:1.35;}
  .porche-note{font-size:13px;}
  .porche-keys{width:100%;}
  .porche-yes,.porche-reject{flex:1 1 auto;min-height:40px;padding:8px 14px;font-size:12px;}
}

/* error */
.oriel{
  padding-block:var(--sec-y);
  background-color:var(--hue-backdrop);
  background-image:linear-gradient(rgba(255,217,41,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,217,41,0.07) 1px,transparent 1px);
  background-size:40px 40px;
  flex:1 0 auto;
  display:flex;
  align-items:center;
}
.oriel-guts{max-width:var(--shellwide);margin-inline:auto;padding-inline:var(--edge);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--gap-step-2);padding-block:var(--gap-step-6);}
.oriel-kicker{font-family:var(--typ-lead);font-weight:var(--wt-thick);font-size:clamp(56px,16vw,120px);line-height:1;color:var(--hue-spot);background:var(--hue-backdrop);letter-spacing:var(--tr-packed);}
.oriel-head{color:var(--hue-body);max-width:var(--cont-narrow);}
.oriel-text{color:var(--hue-subtle);line-height:var(--ld-relaxed);max-width:var(--cont-narrow);}
.oriel-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  margin-block-start:var(--gap-step-2);
  padding:0 var(--gap-step-4);
  background:var(--hue-primary);
  color:#141002;
  border-radius:var(--rad-step-3);
  font-family:var(--typ-lead);
  font-weight:var(--wt-thick);
  font-size:var(--sz-fine);
  letter-spacing:var(--tr-spread);
  text-transform:uppercase;
  text-decoration:none;
  transition:background var(--dur-steady) var(--ease-release);
}
.oriel-btn:hover{background:var(--hue-accent-strong);color:#141002;}
.shell:has(> .oriel){display:flex;flex-direction:column;}

/* offer buttons */
.aile-pitch{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--gap-step-4);min-height:50px;border-radius:var(--rad-step-0);border:var(--rl-light) solid var(--hue-subtle);font-size:var(--sz-fine);font-weight:var(--wt-thick);letter-spacing:var(--tr-spread)}
.aile-pitch{
  background:#4F46E5;color:#FFFFFF;text-decoration:none;text-transform:uppercase;
  transition:background var(--dur-steady) var(--ease-release);}
.aile-pitch.aile-pitch{color:#FFFFFF;text-decoration:none;}
.aile-pitch:hover{background:#4338CA;color:#FFFFFF;animation:none}
.aile-pitch.aile-pitch:hover{color:#FFFFFF;text-decoration:none}
.aile-pitch:hover::after{animation:none}
.aile-pitch:active{background:#3730A3;color:#FFFFFF}
.aile-pitch:focus-visible{outline:3px solid #FFFFFF;outline-offset:3px}
@keyframes aile-wake{0%{transform:rotate(0)}25.000%{transform:rotate(0.6deg)}50.000%,100%{transform:rotate(0)}}
.aile-pitch{animation:aile-wake 1.3s cubic-bezier(.05,.70,.55,1) infinite;transform-origin:50% 90%}
@media (prefers-reduced-motion:reduce){.aile-pitch,.aile-pitch::after{animation:none!important;transition:none!important}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;}
  [data-show]{opacity:1 !important;transform:none !important;}
  html{scroll-behavior:auto;}
  body{animation:none !important;}
}

@media (max-width: 899px) {
  .rosace-routes,
  .rosace-roll,
  .rosace-belt,
  .rosace-subroutes,
  .rosace-subroll { display: none !important; }
  .rosace-tap { display: flex !important; }
}

/* nojs guard 28.09.2026: без JS контент виден */
html.no-js [data-show]{opacity:1!important;transform:none!important;visibility:visible!important;clip-path:none!important}