/* Storyline viewport layout. Shared by the native Enfold element on both pages. */
#top #rabotti-storia{border:0;background:#0c2227;scroll-margin-top:var(--afr-story-top,90px);}
#top #wrap_all #rabotti-storia>.container{width:100%!important;max-width:none!important;padding:0!important;}
#top #rabotti-storia .content{padding:0;border:0;}
#top #rabotti-storia .entry-content-wrapper{margin:0;}
#top .afr-story{--story-yellow:#ffc900;--story-muted:#dbdbdb;--story-line:25.5px;position:relative;isolation:isolate;overflow:hidden;overflow-anchor:none;color:#ffffff;background:#0c2227;font-family:Archivo,Arial,sans-serif;block-size:min(840px,calc(100svh - var(--afr-story-top,90px)));container-type:size;}
.afr-story *{box-sizing:border-box;}
.afr-story-grid{position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 55%,#173e4459),repeating-linear-gradient(0deg,transparent 0 63px,#8ab1b206 63px 64px),repeating-linear-gradient(90deg,transparent 0 63px,#8ab1b206 63px 64px);}
.afr-story-grid:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#173e4433,transparent 40%);clip-path:polygon(65% 0,100% 0,100% 100%,32% 100%);}
.afr-story-inner{max-width:1520px;height:100%;margin:auto;padding:clamp(18px,4cqh,40px) clamp(24px,5.5vw,96px) clamp(14px,3cqh,28px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(14px,3cqh,28px);}
.afr-story-header{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(28px,6vw,90px);align-items:end;min-width:0;}
#top .afr-story .afr-story-eyebrow{display:flex;gap:12px;align-items:center;font-size:10px;font-weight:600;letter-spacing:.18em;margin:0 0 12px;color:var(--story-muted);line-height:1.4;}
.afr-story-eyebrow span{width:24px;height:2px;background:var(--story-yellow);}
#top .afr-story h2{color:#ffffff;font-family:archivoexpanded,Archivo,sans-serif;font-weight:700;font-size:clamp(26px,5.5cqh,42px);line-height:1.13;letter-spacing:-.035em;text-transform:none;margin:0;max-width:680px;}
#top .afr-story .afr-story-intro{font-size:19px;line-height:1.5;color:var(--story-muted);margin:0;max-width:430px;}
.afr-story-main{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(28px,6vw,90px);align-items:center;min-height:0;min-width:0;touch-action:pan-y;}
.afr-story-instrument{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-self:stretch;}
.afr-instrument-label,.afr-instrument-baseline{font-size:9px;letter-spacing:.13em;line-height:1.5;color:#87a7a9;display:flex;justify-content:space-between;gap:12px;}
.afr-instrument-label{padding:0 8px;}
.afr-instrument-frame{min-height:0;display:flex;align-items:center;justify-content:center;}
.afr-instrument{width:100%;height:100%;max-height:340px;display:block;overflow:visible;}
.afr-instrument-baseline{align-items:center;justify-content:flex-end;}
.afr-tick-line{flex:1;height:8px;border-bottom:1px solid #52767b55;background:repeating-linear-gradient(90deg,transparent 0 11px,#52767b77 11px 12px);}
.afr-story-stage{min-width:0;min-height:0;height:100%;max-height:380px;}
.afr-story-chapter{min-width:0;height:100%;display:flex;flex-direction:column;justify-content:center;}
.afr-story-chapter[hidden]{display:none!important;}
#top .afr-story .afr-story-chapter-index{font-size:10px;line-height:14px;letter-spacing:.16em;font-weight:500;color:#99b5b8;display:flex;gap:22px;align-items:center;margin:0 0 8px;flex:none;}
.afr-story-chapter-index span{color:var(--story-yellow);font-variant-numeric:tabular-nums;}
#top .afr-story .afr-story-date{font-family:archivoexpanded,Archivo,sans-serif;font-size:clamp(32px,7cqh,58px);font-weight:800;line-height:1.1;min-height:1.1em;font-style:italic;letter-spacing:-.055em;color:var(--story-yellow);margin:0 0 8px;flex:none;white-space:nowrap;align-self:flex-start;max-width:100%;}
#top .afr-story .afr-story-date.is-period{font-size:clamp(32px,7cqh,58px);letter-spacing:-.035em;}
#top .afr-story h3,#top .afr-story .afr-story-title-placeholder{font-family:Archivo,Arial,sans-serif;font-size:calc(clamp(20px,3.5cqh,26px) + 3px);font-weight:600;color:#ffffff;line-height:1.2;letter-spacing:-.015em;margin:0 0 10px;block-size:2.4em;flex:none;overflow:auto;scrollbar-width:thin;}
.afr-story-copy{height:calc(6 * var(--story-line));min-height:0;flex:0 1 calc(6 * var(--story-line));overflow:auto;overflow-anchor:none;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#6d989a #153137;padding-right:12px;overscroll-behavior:auto;}
#top .afr-story .afr-story-copy p{font-size:17px;line-height:var(--story-line);color:#dbdbdb;margin:0 0 var(--story-line);max-width:560px;}
#top .afr-story .afr-story-copy p:last-child{margin-bottom:0;}
.afr-story-photo{margin:16px 0 0;}.afr-story-photo img{display:block;width:100%;max-height:220px;object-fit:contain;object-position:left center;}
.afr-story-navigation{visibility:hidden;min-width:0;}
.afr-story.is-ready .afr-story-navigation{visibility:visible;}
.afr-story-track{position:relative;block-size:124px;display:grid;grid-auto-flow:column;grid-auto-columns:calc(100% / var(--afr-visible-stops,12));overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#6d989a #153137;padding:0 0 8px;scroll-padding:0;scroll-snap-type:x proximity;}
#top .afr-story .afr-story-stop{appearance:none;background:none;border:0;box-shadow:none;color:#dbdbdb;position:relative;scroll-snap-align:start;min-width:0;border-radius:0;font:500 11px/1.4 Archivo,Arial,sans-serif;padding:26px 4px 10px;text-align:center;white-space:normal;cursor:pointer;}

.afr-stop-date{color:#fff;display:flex;align-items:center;justify-content:center;block-size:2.4em;font-size:12px;font-weight:600;line-height:1.2;white-space:normal;font-variant-numeric:tabular-nums;}
.afr-stop-title{display:block;white-space:pre;block-size:3.9em;margin-top:5px;font-size:clamp(12px,1.05vw,13px);font-weight:500;line-height:1.3;text-wrap:nowrap;overflow-wrap:normal;}
#top .afr-story .afr-story-stop[aria-selected=true] .afr-stop-date{color:var(--story-yellow);}
#top .afr-story .afr-story-copy .afr-story-subtitle{font-weight:600;color:#ffffff;margin-bottom:12px;}
.afr-story-stop:before,.afr-story-stop:after{content:"";position:absolute;top:12px;width:50%;height:1px;background:#5e858966;}
.afr-story-stop:before{left:0;}.afr-story-stop:after{right:0;}
.afr-story-stop:first-child:before,.afr-story-stop:last-of-type:after{display:none;}
.afr-stop-dot{position:absolute;left:50%;top:8px;width:8px;height:8px;margin-left:-4px;border:1px solid #6e979a;background:#0c2227;transform:none;z-index:1;transition:background .3s,box-shadow .3s;}
#top .afr-story .afr-story-stop:hover,#top .afr-story .afr-story-stop[aria-selected=true]{color:#fff;}
.afr-story-stop[aria-selected=true] .afr-stop-dot{background:var(--story-yellow);border-color:var(--story-yellow);box-shadow:0 0 0 5px #ffc90013;}
.afr-story-stop.is-past .afr-stop-dot{border-color:#ffc900a0;background:#b29424;}
.afr-story-stop.is-past:after,.afr-story-stop.is-past:before,.afr-story-stop[aria-selected=true]:before{background:#ffc9009c;}
.afr-story-toolbar{border-top:1px solid #567e8244;display:flex;align-items:center;gap:20px;padding-top:10px;}
#top .afr-story .afr-story-position{font-size:11px;letter-spacing:.09em;color:var(--story-muted);margin:0;white-space:nowrap;}
#top .afr-story .afr-story-position b{font-weight:600;color:#fff;}
.afr-story-controls{display:flex;gap:10px;order:-1;}
#top .afr-story .afr-story-controls button{appearance:none;border:1px solid #7a9c9f80;background:transparent;color:#fff;width:48px;height:44px;padding:0;border-radius:0;font:28px/1 Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s,border-color .2s;}
#top .afr-story .afr-story-controls button:not(:disabled):hover{background:var(--story-yellow);border-color:var(--story-yellow);color:#0b1719;}
#top .afr-story .afr-story-controls button:disabled,#top .afr-story .afr-story-reset:disabled{opacity:.3;cursor:default;}
#top .afr-story .afr-story-reset{appearance:none;margin-left:12px;border:0;border-bottom:1px solid transparent;background:none;box-shadow:none;color:var(--story-muted);font:500 12px/1.3 Archivo,Arial,sans-serif;min-height:44px;padding:0 2px;cursor:pointer;white-space:nowrap;}
#top .afr-story .afr-story-reset span{font-size:20px;vertical-align:middle;margin-right:5px;}
#top .afr-story .afr-story-reset:not(:disabled):hover{color:var(--story-yellow);border-color:var(--story-yellow);}
#top .afr-story :focus-visible:not(.afr-story-chapter){outline:2px solid var(--story-yellow);outline-offset:2px;}
.afr-rail-signal{position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:#fff4b3;box-shadow:0 0 12px 3px #ffc90088;pointer-events:none;opacity:0;z-index:2;}
.afr-story-nojs{padding:24px 0;color:#dbdbdb;}.afr-story-nojs summary{padding:16px 0;cursor:pointer;}
#top .afr-story:has(noscript .afr-story-nojs){block-size:auto;container-type:normal;}
#top .afr-story[data-nav-titles="0"] .afr-story-track{block-size:66px;}
/* A local light transition replaces positional assembly: no content or part jumps. */
.afr-instrument-frame{position:relative;}
.afr-instrument-frame:after{content:"";position:absolute;inset:4% 2%;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 50%,#ffffff70 0%,#d5efff32 20%,#b9e5ff10 42%,transparent 70%);}
.afr-story.is-animating .afr-instrument-frame:after{animation:afr-step-light .65s ease-out both;}
@keyframes afr-step-light{0%{opacity:0}16%{opacity:.9}100%{opacity:0}}

@media(max-width:767.98px){
 .afr-story-inner{padding-inline:28px;gap:16px;}.afr-story-header{gap:28px;grid-template-columns:1fr 1fr;}.afr-story-main{gap:28px;grid-template-columns:1fr 1fr;}
 #top .afr-story .afr-story-date,#top .afr-story .afr-story-date.is-period{font-size:clamp(28px,4.4vw,42px);}
}
@media(max-width:639px) and (orientation:portrait){
 #top .afr-story{--story-line:24px;block-size:calc(100svh - var(--afr-story-top,0px));}
 .afr-story-inner{padding:clamp(12px,2.5cqh,24px) 20px max(20px,var(--afr-story-bottom,0px));gap:clamp(8px,1.6cqh,16px);}
 .afr-story-header{display:block;}
 #top .afr-story h2{font-size:clamp(20px,3.25cqh,28px);line-height:1.13;}
 #top .afr-story .afr-story-eyebrow{font-size:9px;margin-bottom:6px;}
 #top .afr-story .afr-story-intro{font-size:17px;line-height:1.4;margin-top:8px;}
 .afr-story-main{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(64px,1fr) minmax(0,auto);gap:clamp(6px,1.3cqh,12px);align-items:stretch;}
 .afr-story-instrument{max-width:440px;width:100%;justify-self:center;grid-template-rows:minmax(0,1fr);}
 .afr-instrument-label,.afr-instrument-baseline{display:none;}
 .afr-instrument{height:auto;max-height:none;}
 .afr-story-stage{height:auto;max-height:none;min-height:0;}
 .afr-story-chapter{justify-content:start;}
 #top .afr-story .afr-story-chapter-index{font-size:9px;line-height:12px;margin-bottom:6px;}
 #top .afr-story .afr-story-date,#top .afr-story .afr-story-date.is-period{font-size:clamp(28px,4.7cqh,38px);line-height:1.1;margin-bottom:6px;}
 #top .afr-story h3,#top .afr-story .afr-story-title-placeholder{font-size:23px;margin-bottom:8px;}
 #top .afr-story .afr-story-copy p{font-size:16px;}
 .afr-story-copy{flex-basis:144px;}
 #top .afr-story .afr-story-stop{padding:20px 5px 4px;min-width:0;}
 .afr-story-track{block-size:115px;padding-bottom:8px;}
 .afr-stop-date{font-size:11px;}
 .afr-stop-title{font-size:12px;margin-top:3px;}
 .afr-story-stop:before,.afr-story-stop:after{top:10px;}
 .afr-stop-dot{top:6px;}.afr-story-toolbar{gap:10px;padding-top:8px;}
 .afr-story-controls{gap:6px;}#top .afr-story .afr-story-controls button{width:44px;}
 #top .afr-story .afr-story-position{font-size:10px;letter-spacing:0;}
 #top .afr-story .afr-story-reset{font-size:11px;margin-left:auto;}#top .afr-story .afr-story-reset span{margin-right:2px;}
}
@container (max-height:600px){
 .afr-story-inner{padding-block:14px;gap:12px;}
 #top .afr-story h2{font-size:clamp(20px,3vw,28px);}
 #top .afr-story .afr-story-eyebrow{margin-bottom:6px;}
 #top .afr-story .afr-story-intro{font-size:17px;line-height:1.4;}
 #top .afr-story .afr-story-date,#top .afr-story .afr-story-date.is-period{font-size:32px;}
 #top .afr-story h3,#top .afr-story .afr-story-title-placeholder{font-size:23px;margin-bottom:6px;}
}
@media(max-width:639px) and (orientation:portrait){
 @container (max-height:740px){
  .afr-story-inner{padding:12px 16px max(12px,var(--afr-story-bottom,0px));gap:8px;}
  #top .afr-story h2{font-size:20px;}
  #top .afr-story .afr-story-eyebrow{display:none;}
  #top .afr-story .afr-story-intro{font-size:16px;line-height:1.35;margin-top:6px;}
  #top .afr-story .afr-story-date,#top .afr-story .afr-story-date.is-period{font-size:28px;}
  #top .afr-story h3,#top .afr-story .afr-story-title-placeholder{font-size:21px;}
  .afr-story-main{grid-template-rows:minmax(64px,1fr) minmax(0,auto);gap:6px;}
 }
}
@media(orientation:landscape) and (max-height:550px){
 #top .afr-story{--story-line:22px;}
 .afr-story-inner{padding:10px 22px;gap:8px;}
 .afr-story-header{grid-template-columns:1.3fr 1fr;gap:20px;}
 #top .afr-story h2{font-size:20px;}#top .afr-story .afr-story-eyebrow{display:none;}
 #top .afr-story .afr-story-intro{font-size:15px;line-height:1.35;}
 .afr-story-main{grid-template-columns:.8fr 1.4fr;gap:22px;}
 .afr-instrument-label,.afr-instrument-baseline{display:none;}
 #top .afr-story .afr-story-date,#top .afr-story .afr-story-date.is-period{font-size:26px;}
 #top .afr-story .afr-story-chapter-index{display:none;}
 #top .afr-story h3,#top .afr-story .afr-story-title-placeholder{font-size:21px;block-size:1.2em;white-space:nowrap;margin-bottom:6px;}
 #top .afr-story .afr-story-copy p{font-size:16px;}
 #top .afr-story .afr-story-stop{padding-top:22px;padding-bottom:4px;}
 .afr-story-track{block-size:108px;padding-bottom:2px;}.afr-story-toolbar{padding-top:4px;}
}
@media(prefers-reduced-motion:reduce){.afr-story *, .afr-story *:before,.afr-story *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
/* Compact controls on the narrowest phones. */
@media(max-width:359px) and (orientation:portrait){
 .afr-story-inner{padding:7px 16px 12px;gap:6px;}
 #top .afr-story .afr-story-intro{font-size:15px;line-height:1.35;}
 .afr-story-main{gap:4px;}
 .afr-story-chapter{position:relative;}
 #top .afr-story .afr-story-chapter-index{position:absolute;right:0;top:8px;font-size:0;gap:0;margin:0;}
 #top .afr-story .afr-story-chapter-index span{font-size:9px;}
 .afr-story-toolbar{gap:8px;}
 #top .afr-story .afr-story-reset{font-size:0;margin:0;width:44px;min-width:44px;padding:0;}
 #top .afr-story .afr-story-reset span{font-size:22px;margin:0;}
 #top .afr-story .afr-story-position{display:none;}
}
@media(max-width:639px) and (orientation:portrait){
 @container (max-height:740px){
  #top .afr-story .afr-story-intro{display:none;}
  #top .afr-story h2{font-size:18px;}
  .afr-story-main{grid-template-rows:minmax(56px,1fr) minmax(0,auto);}
 }
 #top .afr-story[data-nav-titles="0"] .afr-story-track{block-size:54px;}
}
/* Continuous mechanics: only local parts move. The viewport grid and copy never transform. */
.afr-loop{animation-duration:6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused;transform-box:view-box;}
.afr-story.is-running[data-mechanisms="1"] .afr-loop{animation-play-state:running;}
.afr-loop-needle{animation-name:afr-needle;animation-duration:3.8s;}
.afr-loop-spring{animation-name:afr-spring;animation-duration:3.8s;transform-origin:249px 190px;}
.afr-loop-spray{animation-name:afr-spray;animation-duration:5.8s;}
.afr-loop-pump-rotor{animation-name:afr-spin;animation-duration:10s;animation-timing-function:linear;transform-origin:315px 190px;}
.afr-loop-radial-top,.afr-loop-radial-bottom{animation-name:afr-radial;animation-duration:5s;}
.afr-loop-radial-bottom{animation-delay:-2.5s;}
.afr-loop-rail-piston{animation-name:afr-piston;animation-duration:4.8s;}
.afr-phase-1{animation-delay:-1.6s;}.afr-phase-2{animation-delay:-3.2s;}
.afr-loop-filter-plunger{animation-name:afr-plunger;animation-duration:4.4s;}
.afr-loop-filter-flow{animation-name:afr-current;animation-duration:6.4s;stroke-dasharray:110 890;}
.afr-loop-valve-spool{animation-name:afr-valve;animation-duration:4.8s;}
.afr-loop-route-a,.afr-loop-route-b{animation-name:afr-route;animation-duration:7s;stroke-width:2;}
.afr-loop-route-b{animation-delay:-3.5s;}
.afr-loop-turbine{animation-name:afr-spin;animation-duration:8s;animation-timing-function:linear;transform-origin:328px 190px;}
.afr-loop-diaphragm{animation-name:afr-diaphragm;animation-duration:4.4s;transform-origin:319px 190px;}
.afr-loop-sensor-signal{animation-name:afr-current;animation-duration:5.2s;stroke-dasharray:110 890;}
.afr-loop-selector{animation-name:afr-selector;animation-duration:4.8s;transform-origin:362px 190px;}
.afr-loop-gear-1{animation-name:afr-spin;animation-duration:14s;animation-timing-function:linear;transform-origin:291px 190px;}
.afr-loop-gear-2{animation-name:afr-counterspin;animation-duration:12.25s;animation-timing-function:linear;transform-origin:420px 190px;}
.afr-loop-diagnostic-scan{animation-name:afr-scan;animation-duration:3.6s;}
.afr-loop-wave{animation-name:afr-current;animation-duration:5.6s;stroke-dasharray:180 820;}
.afr-loop-carriage{animation-name:afr-carriage;animation-duration:6.4s;}
.afr-loop-bench-piston{animation-name:afr-bench;animation-duration:5.8s;}
.afr-loop-bench-meter{animation-name:afr-meter;animation-duration:5.8s;transform-origin:265px 175px;}
.afr-loop-metal{animation-name:afr-metal;animation-duration:9.6s;stroke-dasharray:40 960;opacity:0;}
[data-mechanism="2"] .afr-loop-metal,[data-mechanism="8"] .afr-loop-metal{animation-delay:-3s;animation-duration:11s;}
[data-mechanism="5"] .afr-loop-metal,[data-mechanism="11"] .afr-loop-metal{animation-delay:-5s;animation-duration:12s;}
@keyframes afr-spin{to{transform:rotate(360deg)}}
@keyframes afr-counterspin{to{transform:rotate(-360deg)}}
@keyframes afr-needle{0%,100%{transform:translateX(-7px)}50%{transform:translateX(10px)}}
@keyframes afr-spring{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.82)}}
@keyframes afr-spray{0%,30%,85%,100%{opacity:.28}48%,62%{opacity:1}}
@keyframes afr-radial{0%,100%{transform:translateY(-7px)}50%{transform:translateY(7px)}}
@keyframes afr-piston{0%,100%{transform:translateY(-8px)}50%{transform:translateY(10px)}}
@keyframes afr-plunger{0%,100%{transform:translateX(-10px)}50%{transform:translateX(12px)}}
@keyframes afr-current{0%{stroke-dashoffset:1000;opacity:.25}20%,80%{opacity:.9}100%{stroke-dashoffset:0;opacity:.25}}
@keyframes afr-valve{0%,100%{transform:translateX(-14px)}50%{transform:translateX(14px)}}
@keyframes afr-route{0%,42%,100%{opacity:.85}50%,92%{opacity:.05}}
@keyframes afr-diaphragm{0%,100%{transform:scaleX(1.15)}50%{transform:scaleX(.35)}}
@keyframes afr-selector{0%,4%,100%{transform:rotate(0deg)}48%,52%{transform:rotate(90deg)}}
@keyframes afr-scan{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(52px);opacity:1}}
@keyframes afr-carriage{0%,8%,100%{transform:translateX(-35px)}48%,58%{transform:translateX(65px)}}
@keyframes afr-bench{0%,100%{transform:translateY(-18px)}50%{transform:translateY(18px)}}
@keyframes afr-meter{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(25deg)}}
@keyframes afr-metal{0%,4%{stroke-dashoffset:1000;opacity:0}8%{opacity:.45}26%{stroke-dashoffset:0;opacity:.45}30%,100%{stroke-dashoffset:0;opacity:0}}
/* One white sweep (1.5s), rest (3s), reverse sweep (1.5s), rest (3s). */
#top .afr-story[data-title-glow="1"] .afr-story-date{background-image:linear-gradient(105deg,#ffc900 42%,#fff 50%,#ffc900 58%);background-size:300% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;color:transparent;animation:afr-title-glow 9s linear infinite paused;}
#top .afr-story.is-running[data-title-glow="1"] .afr-story-date{animation-play-state:running;}
@keyframes afr-title-glow{0%{background-position:100% 0}16.6667%,50%{background-position:0% 0}66.6667%,100%{background-position:100% 0}}
#top .afr-story .afr-story-motion-toggle{position:absolute;right:0;bottom:16px;z-index:2;width:44px;height:44px;display:grid;place-items:center;appearance:none;border:1px solid #52767b55;background:#0b1719b8;color:#dbdbdb;font:15px/1 Archivo,Arial,sans-serif;cursor:pointer;padding:0;box-shadow:none;border-radius:0;visibility:hidden;}
#top .afr-story.is-ready .afr-story-motion-toggle{visibility:visible;}
#top .afr-story .afr-story-motion-toggle:hover{color:#ffc900;border-color:#ffc90080;}
@media(max-width:639px) and (orientation:portrait){#top .afr-story .afr-story-motion-toggle{bottom:0;}}
@media(prefers-reduced-motion:reduce){
 #top .afr-story .afr-story-date{background:none;color:#ffc900;}
 #top .afr-story .afr-story-motion-toggle{display:none;}
 .afr-loop-metal{display:none;}
}

/* Luminous travelling cores. Three translucent strokes avoid expensive SVG blur filters. */
.afr-story[data-energy="1"] .afr-flow{opacity:.62;}
.afr-energy-route{--energy-length:1000px;--energy-lead:24px;--energy-gap:1024px;--energy-duration:8s;stroke-dasharray:var(--energy-lead) var(--energy-gap);stroke-dashoffset:var(--energy-lead);animation:afr-energy var(--energy-duration) linear infinite paused;pointer-events:none;}
.afr-energy-phase-1{animation-delay:-1.6s;}.afr-energy-phase-2{animation-delay:-2.8s;}.afr-energy-phase-3{animation-delay:-4s;}
.afr-story.is-running[data-energy="1"] .afr-energy-route{animation-play-state:running;}
@keyframes afr-energy{from{stroke-dashoffset:var(--energy-lead)}to{stroke-dashoffset:calc(-1 * (var(--energy-length) + var(--energy-lead)))}}
@media(prefers-reduced-motion:reduce){.afr-energy-network{display:none;}.afr-story[data-energy="1"] .afr-flow{opacity:1;}}

.afr-energy-junction{animation:afr-junction var(--energy-cycle,8s) linear infinite paused;pointer-events:none;}
.afr-story.is-running[data-energy="1"][data-energy-spark="1"] .afr-energy-junction{animation-play-state:running;}
.afr-story[data-energy-spark="0"] .afr-energy-junction{display:none;}
@keyframes afr-junction{0%,4.5%,100%{opacity:0}.6%,1%{opacity:1}2%{opacity:.22}3%{opacity:.08}}
@media(prefers-reduced-motion:reduce){.afr-energy-junction{display:none;}}

.afr-story[data-energy="1"] .afr-loop-filter-flow,.afr-story[data-energy="1"] .afr-loop-sensor-signal,.afr-story[data-energy="1"] .afr-loop-wave{display:none;}

.afr-energy-sparkle{animation:afr-tip-sparkle 3.7s linear infinite paused;}
.afr-energy-phase-1 .afr-energy-sparkle{animation-delay:-.7s;}.afr-energy-phase-2 .afr-energy-sparkle{animation-delay:-1.9s;}
.afr-story.is-running[data-energy="1"][data-energy-spark="1"] .afr-energy-sparkle{animation-play-state:running;}
.afr-story[data-energy-spark="0"] .afr-energy-sparkle{display:none;}
@keyframes afr-tip-sparkle{0%,31%,40%,72%,82%,100%{opacity:0}34%{opacity:.5}37%{opacity:.08}76%{opacity:.33}79%{opacity:.04}}

[data-mechanism="8"] .afr-loop-route-a,[data-mechanism="8"] .afr-loop-route-b{animation-duration:4.8s;}
[data-mechanism="8"] .afr-loop-route-b{animation-delay:-2.4s;}


/* Cyan-blue belongs to moving mechanisms; energy and structural metal keep their own colours. */
.afr-moving-metal{--moving-colour:#95c5c2;--moving-fill:#173e44;--moving-halo:transparent;filter:drop-shadow(0 0 2px var(--moving-halo));}
.afr-moving-metal :is(path,circle,rect,line,polyline){stroke:var(--moving-colour);}
.afr-moving-metal [fill]:not([fill="none"]){fill:var(--moving-fill);fill-opacity:.55;}
.afr-loop-actuator-x,.afr-loop-actuator-y,.afr-loop-gauge,.afr-loop-data-cell{animation-duration:var(--mechanism-rate,4.8s);}
.afr-loop-actuator-x{animation-name:afr-actuator-x;}
.afr-loop-actuator-y{animation-name:afr-actuator-y;}
.afr-loop-gauge{animation-name:afr-gauge;}
.afr-loop-data-cell{animation-name:afr-data-cell;}
.afr-loop-valve-spring{animation-name:afr-valve-spring;animation-duration:4.8s;}

@keyframes afr-actuator-x{0%,100%{transform:translateX(calc(-1 * var(--mechanism-travel)))}50%{transform:translateX(var(--mechanism-travel))}}
@keyframes afr-actuator-y{0%,100%{transform:translateY(calc(-1 * var(--mechanism-travel)))}50%{transform:translateY(var(--mechanism-travel))}}
@keyframes afr-gauge{0%,100%{transform:rotate(-45deg)}50%{transform:rotate(35deg)}}
@keyframes afr-data-cell{0%,100%{opacity:.2}35%,60%{opacity:1}}
@keyframes afr-valve-spring{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.67)}}

.afr-story[data-mechanical-colours="1"] .afr-moving-metal{--moving-colour:var(--mechanism-primary,#4dc3ff);--moving-fill:color-mix(in srgb,var(--moving-colour) 30%,#102c35);--moving-halo:color-mix(in srgb,var(--moving-colour) 50%,transparent);}
.afr-story[data-mechanical-colours="1"] .afr-moving-metal.afr-mechanical-secondary{--moving-colour:var(--mechanism-secondary,#ff586b);}
.afr-story[data-mechanical-colours="1"] .afr-moving-metal.afr-mechanical-digital{--moving-colour:var(--mechanism-digital,#58edaa);}
@property --afr-shaft-angle{syntax:"<angle>";inherits:true;initial-value:0deg;}
.afr-axial-rotor{animation-name:afr-shaft-spin;animation-duration:var(--mechanism-rate,6s);animation-timing-function:linear;}
.afr-axial-reverse{animation-direction:reverse;}
.afr-axial-return{animation-name:afr-shaft-return;animation-timing-function:ease-in-out;}
.afr-axial-rib{transform:translate(calc(cos(var(--afr-shaft-angle) + var(--rib-phase)) * var(--axial-x)),calc(sin(var(--afr-shaft-angle) + var(--rib-phase)) * var(--axial-y)));opacity:calc(.53 + cos(var(--afr-shaft-angle) + var(--rib-phase)) * .47);}
@keyframes afr-shaft-spin{from{--afr-shaft-angle:0deg}to{--afr-shaft-angle:360deg}}
/* The actuator shaft reverses exactly with the carriage, including its short end stops. */
@keyframes afr-shaft-return{0%,8%,100%{--afr-shaft-angle:0deg}48%,58%{--afr-shaft-angle:720deg}}
/* Irregular sensing belongs to instruments, never to mechanically coupled shafts. */
[data-mechanism="7"] .afr-loop-gauge,[data-mechanism="10"] .afr-loop-gauge{animation-name:afr-gauge-sensing;animation-duration:7.3s;}
@keyframes afr-gauge-sensing{0%,100%{transform:rotate(-30deg)}18%{transform:rotate(21deg)}31%{transform:rotate(13deg)}48%{transform:rotate(34deg)}65%{transform:rotate(-13deg)}78%{transform:rotate(6deg)}}

.afr-instrument-label{position:relative;}
.afr-story-speed-indicator{position:absolute;right:70px;top:-3px;min-width:26px;padding:2px 5px;border:1px solid #52767b80;color:#c7e5e6;text-align:center;opacity:0;transition:opacity .15s;}
.afr-story.is-accelerated .afr-story-speed-indicator{opacity:1;}
@media(hover:hover) and (pointer:fine){.afr-story[data-hover-speed="1"] .afr-instrument-frame{cursor:crosshair;}}

.afr-energy-terminal{pointer-events:none;}
@media(prefers-reduced-motion:reduce){.afr-energy-terminal{opacity:.7!important;stroke:#ffc900!important;}}

/* The very small entrance stays inside the fixed drawing frame. */
.afr-story.is-animating .afr-instrument{animation:afr-instrument-in .65s cubic-bezier(.2,.7,.2,1) both;transform-origin:center;}
@keyframes afr-instrument-in{from{opacity:.72;transform:scale(.99)}to{opacity:1;transform:scale(1)}}

/* Fine technical lines keep their original geometry and width: colour/opacity only. */
.afr-connection-glow{opacity:0;stroke:var(--mechanism-digital,#58edaa);pointer-events:none;}
.afr-connection-glow [stroke]{stroke:var(--mechanism-digital,#58edaa);}
@media(prefers-reduced-motion:reduce){.afr-connection-glow{display:none;}}

/* Single horizontal rail gives the mobile instrument its own substantial frame. */
@media(max-width:639px) and (orientation:portrait){
 #top .afr-story .afr-story-eyebrow{display:none;}
 #top .afr-story h2{font-size:20px;}
 #top .afr-story .afr-story-intro{font-size:16px;line-height:1.35;margin-top:8px;}
 .afr-story-main{grid-template-rows:minmax(120px,1fr) minmax(0,auto);}
 .afr-story-copy{height:clamp(72px,calc(100cqh - 560px),144px);flex-basis:clamp(72px,calc(100cqh - 560px),144px);}
 @container(max-height:560px){
  .afr-story-main{grid-template-rows:minmax(112px,1fr) minmax(0,auto);gap:4px;}
  .afr-story-copy{height:72px;flex-basis:72px;}
  .afr-story-inner{padding-block:8px;gap:6px;}
  #top .afr-story .afr-story-chapter-index{margin-bottom:3px;}
 }
}

/* Larger instruments within the same viewport budget; no transform conflict with entry motion. */
.afr-story-inner{gap:clamp(10px,2cqh,18px);}
.afr-instrument{max-height:none;}
@media(max-width:639px) and (orientation:portrait){
 .afr-story-inner{padding-block:12px;gap:8px;}
 .afr-story-instrument{width:calc(100% + 24px);max-width:none;margin-inline:-12px;}
 .afr-instrument{height:100%;min-height:0;}
 @container(max-height:560px){.afr-story-inner{padding-block:8px;gap:6px;}}
}

/* Brief reading preview; full translated source is reused in the native modal. */
#top .afr-story[data-preview="1"] .afr-story-copy{height:76.5px;flex:0 0 76.5px;overflow:hidden;scrollbar-gutter:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;padding:0;}
.afr-story[data-preview="1"] .afr-story-copy .afr-story-subtitle,.afr-story[data-preview="1"] .afr-story-copy .afr-story-photo{display:none;}
#top .afr-story .afr-story-read{align-self:flex-start;flex:none;background:none;border:0;border-bottom:1px solid #ffc900;padding:5px 0;margin-top:8px;color:#ffc900;font:600 14px/22px Archivo,Arial,sans-serif;cursor:pointer;}
#top .afr-story .afr-story-read:hover{color:#fff;border-color:#fff;}
#top .afr-story .afr-story-read:focus-visible,#top .afr-story .afr-dialog-close:focus-visible{outline:2px solid #ffc900;outline-offset:4px;}
#top .afr-story-dialog{color:#ffffff;background:#173e44;border:1px solid #698488;border-top:3px solid #ffc900;border-radius:4px;box-shadow:0 24px 90px #0008;width:min(1080px,calc(100vw - 64px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0;overflow:auto;}
.afr-story-dialog::backdrop{background:#020d12c9;backdrop-filter:blur(5px);}
.afr-dialog-shell{padding:clamp(24px,4vw,52px);}
#top .afr-story .afr-dialog-close{display:block;margin:0 0 12px auto;background:transparent;border:1px solid #6c8b90;border-radius:3px;color:#fff;padding:8px 14px;font:500 14px/24px Archivo,Arial,sans-serif;cursor:pointer;}
#top .afr-story .afr-dialog-close:hover{background:#ffc900;color:#0b1719;}
#top .afr-story .afr-dialog-date{color:#ffc900;font:700 clamp(22px,3vw,38px)/1.15 Archivo,Arial,sans-serif;margin:0 0 12px;}
#top .afr-story .afr-dialog-title{color:#fff;font:600 calc(clamp(23px,3vw,34px) + 3px)/1.2 Archivo,Arial,sans-serif;height:auto;block-size:auto;overflow:visible;margin:0 0 20px;}
#top .afr-story .afr-dialog-text p{color:#dbdbdb;font:400 18px/1.55 Archivo,Arial,sans-serif;margin:0 0 16px;max-width:none;}
#top .afr-story .afr-dialog-text .afr-story-subtitle{font-weight:600;color:#fff;}
@media(max-width:639px) and (orientation:portrait){
 #top .afr-story[data-preview="1"] .afr-story-copy{height:48px;flex-basis:48px;-webkit-line-clamp:2;}
 #top .afr-story-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);}
 .afr-dialog-shell{padding:18px;}
 #top .afr-story .afr-dialog-text p{font-size:16px;line-height:1.45;margin-bottom:12px;}
 #top .afr-story .afr-dialog-title{font-size:26px;margin-bottom:16px;}
}

#top .afr-story .afr-story-gallery-open{align-self:flex-start;flex:none;font:600 13px/20px Archivo,Arial,sans-serif;color:#ffffff;border:1px solid #6b8588;border-radius:3px;background:#0b1719;padding:5px 10px;margin-top:8px;cursor:pointer;}
#top .afr-story .afr-story-gallery-open:hover{border-color:#ffc900;color:#ffc900;}
.afr-story-dialog.is-gallery .afr-dialog-shell{padding:20px 28px;}
#top .afr-story-dialog.is-gallery .afr-dialog-title{font-size:24px;margin-bottom:16px;}
.afr-gallery-item{margin:0;}
.afr-gallery-item[hidden],.afr-gallery-controls[hidden]{display:none!important;}
.afr-gallery-item img,.afr-gallery-item video{display:block;width:100%;height:min(48dvh,470px);object-fit:contain;background:#0b1719;}
.afr-gallery-item figcaption{font:400 14px/1.45 Archivo,Arial,sans-serif;color:#dbdbdb;padding:12px 0 0;}
.afr-gallery-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 24px 20px;}
#top .afr-story .afr-gallery-controls button{border:1px solid #6c8b90;background:#0b1719;color:#fff;border-radius:3px;min-height:40px;min-width:40px;padding:8px 12px;cursor:pointer;font:500 13px/20px Archivo,Arial,sans-serif;}
#top .afr-story .afr-gallery-controls button:hover{background:#ffc900;color:#0b1719;}
@media(max-width:639px){.afr-story-dialog.is-gallery .afr-dialog-shell{padding:16px;}.afr-gallery-controls{gap:8px;flex-wrap:wrap;}.afr-gallery-item img,.afr-gallery-item video{height:40dvh;}}

.afr-gallery-placeholder{visibility:hidden;pointer-events:none;}

/* Preserve italic ink overhang inside the animated text background. */
#top .afr-story .afr-story-date{padding-inline-end:.2em;}

.afr-story-actions{display:flex;align-items:center;gap:14px;min-height:48px;flex:0 0 48px;}
#top .afr-story .afr-story-actions>button{margin-top:0;align-self:center;}
@media(max-width:639px) and (orientation:portrait){
 .afr-story-actions{gap:10px;}
 #top .afr-story .afr-story-read{font-size:13px;line-height:18px;}
 .afr-archive-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
 #top .afr-story .afr-story-gallery-open{white-space:nowrap;margin-left:auto;}
 @container(max-height:560px){
  #top .afr-story[data-preview="1"] .afr-story-copy{height:24px;flex-basis:24px;-webkit-line-clamp:1;}
  .afr-story-main{grid-template-rows:minmax(80px,1fr) minmax(0,auto);}
 }
}

/* The content panel is a reading region; focus cues belong to its controls. */
#top .afr-story .afr-story-chapter:focus{outline:none;}

/* Adaptive reading: one budget for every translated chapter, no step-to-step reflow. */
.afr-story-inner{max-width:none;padding-inline:var(--afr-text-inset,50px);}
#top .afr-story.is-full-reading[data-preview="1"] .afr-story-copy{display:block;-webkit-line-clamp:unset;height:var(--afr-full-copy,auto);flex:0 0 var(--afr-full-copy,auto);overflow:hidden;}
#top .afr-story.is-full-reading .afr-story-copy .afr-story-subtitle{display:block;margin-bottom:6px;}
#top .afr-story.is-full-reading .afr-story-read{display:none;}
#top .afr-story.is-full-reading h3{margin-bottom:6px;}
#top .afr-story.is-full-reading .afr-story-copy p{margin-bottom:6px;}
@media(max-width:767.98px){.afr-story-inner{padding-inline:var(--afr-text-inset,28px);}}
/* Use the available stage instead of the former 380px ceiling. */
.afr-story-stage{max-height:none;}
@media(min-width:768px){#top .afr-story h2{font-size:clamp(26px,4.4cqh,36px);}}

@media(min-width:640px){.afr-story-header,.afr-story-main{grid-template-columns:1fr 1fr;column-gap:6%;}}

/* Site-wide section heading scale, matched to native Enfold H2 settings. */
#top .afr-story h2{font-family:archivoexpanded,Archivo,sans-serif;font-size:32px;font-weight:700;line-height:1.15;letter-spacing:0;}
@media(max-width:767.98px){#top .afr-story h2{font-size:28px;}}
@media(max-width:767.98px){#top .afr-story h2{font-size:24px;}}

/* A measured common title/copy slot keeps every chapter anchored. */
#top .afr-story h3,#top .afr-story .afr-story-title-placeholder{block-size:var(--afr-title-slot,2.4em);margin-bottom:4px}
#top .afr-story.is-full-reading h3{margin-bottom:4px}
#top .afr-story.is-full-reading .afr-story-copy .afr-story-subtitle{margin-bottom:4px}
#top .afr-story.has-adaptive-copy-slot[data-preview="1"] .afr-story-copy{height:var(--afr-full-copy);flex:0 0 var(--afr-full-copy)}
@media(min-width:640px){.afr-story-actions{min-height:36px;flex-basis:36px}}
.afr-story.is-rewinding .afr-story-date{animation-play-state:paused!important}
.afr-story.is-rewinding .afr-story-stage{filter:brightness(1.08)}

@media(min-width:640px){
 .afr-story-chapter{justify-content:flex-start}
 #top .afr-story .afr-story-chapter-index,#top .afr-story .afr-story-date{margin-bottom:4px}
 .afr-story.is-full-reading .afr-story-actions:not(:has(.afr-story-gallery-open)){display:none}
}

#top .afr-story h3{white-space:normal;overflow:visible}

/* Floating archive: media take the viewport, one light toolbar stays within thumb reach. */
#top .afr-story-dialog.is-gallery{position:fixed;inset:0;width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:none;margin:auto;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}
.afr-story-dialog.is-gallery::backdrop{background:#020b10ed;backdrop-filter:none}
.afr-story-dialog.is-gallery .afr-dialog-shell{height:100%;padding:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px}
.afr-story-dialog.is-gallery .afr-dialog-content,.afr-story-dialog.is-gallery .afr-gallery-stage{height:100%;min-height:0}
.afr-story-dialog.is-gallery .afr-gallery-item{height:100%;width:100%;display:flex;align-items:center;justify-content:center;margin:0}
.afr-story-dialog.is-gallery .afr-gallery-item img,.afr-story-dialog.is-gallery .afr-gallery-item video{display:block;width:100%;height:100%;max-height:none;object-fit:contain;background:transparent;border:0;border-radius:0;box-shadow:none}
.afr-story-dialog.is-gallery .afr-gallery-item figcaption{display:none}
.afr-gallery-bar{display:flex;align-items:center;gap:20px;padding:10px 16px;min-height:64px;background:#0b1719e6;border:1px solid #ffffff26;border-radius:5px;color:#fff;max-width:1440px;width:100%;margin-inline:auto}
.afr-gallery-meta{min-width:0;flex:1}
#top .afr-story-dialog.is-gallery .afr-dialog-title{font:600 17px/1.3 Archivo,Arial,sans-serif;margin:0 0 4px;letter-spacing:0}
#top .afr-story-dialog.is-gallery .afr-gallery-caption{font:400 12px/1.4 Archivo,Arial,sans-serif;color:#d0d8da;margin:0}
.afr-story-dialog.is-gallery .afr-gallery-controls{flex:none;padding:0;gap:8px;flex-wrap:nowrap}
#top .afr-story-dialog.is-gallery .afr-gallery-controls button{min-height:44px;min-width:44px;padding:8px 10px;background:transparent;border-color:#ffffff33;color:#fff}
#top .afr-story-dialog.is-gallery .afr-gallery-controls button:hover{background:#ffffff18;border-color:#ffc900;color:#ffc900}
#top .afr-story-dialog.is-gallery .afr-dialog-close{margin:0;padding:8px 12px;min-height:44px;white-space:nowrap;border-color:#ffffff33}
.afr-gallery-auto-symbol{display:none}
.afr-story-dialog.is-gallery [data-gallery-position]{font:400 12px/1.4 Archivo,Arial,sans-serif;white-space:nowrap;min-width:34px;text-align:center}
@media(max-width:767.98px){
 #top .afr-story-dialog.is-gallery{width:calc(100vw - 16px);height:calc(100dvh - 16px - env(safe-area-inset-bottom));margin-block:8px calc(8px + env(safe-area-inset-bottom))}
 .afr-story-dialog.is-gallery .afr-dialog-shell{gap:8px}
 .afr-gallery-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:10px 12px}
 #top .afr-story-dialog.is-gallery .afr-dialog-title{font-size:16px;line-height:1.25;margin-bottom:4px}
 #top .afr-story-dialog.is-gallery .afr-gallery-caption{font-size:11px}
 .afr-story-dialog.is-gallery .afr-gallery-controls{grid-column:1/-1;grid-row:2;justify-content:center}
 #top .afr-story-dialog.is-gallery .afr-dialog-close{grid-column:2;grid-row:1;font-size:12px;padding:6px 9px;align-self:start}
 .afr-story-dialog.is-gallery [data-gallery-auto] [data-gallery-play],.afr-story-dialog.is-gallery [data-gallery-auto] [data-gallery-pause]{display:none!important}
 .afr-gallery-auto-symbol{display:inline;font-size:16px}
}

.afr-gallery-bar[hidden]{display:none!important}

@media(min-width:768px){#top .afr-story-dialog.is-gallery [data-gallery-auto]{min-width:168px}}
@media(max-height:500px) and (orientation:landscape){
 .afr-gallery-bar{display:flex;gap:12px;padding:7px 10px;min-height:58px}
 .afr-story-dialog.is-gallery .afr-gallery-controls{gap:5px}
 #top .afr-story-dialog.is-gallery .afr-dialog-title{font-size:14px;margin-bottom:2px}
 #top .afr-story-dialog.is-gallery .afr-gallery-caption{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:11px}
 #top .afr-story-dialog.is-gallery .afr-dialog-close{font-size:12px;padding:6px}
 .afr-gallery-auto-symbol{display:inline}
 .afr-story-dialog.is-gallery [data-gallery-auto] [data-gallery-play],.afr-story-dialog.is-gallery [data-gallery-auto] [data-gallery-pause]{display:none!important}
 #top .afr-story-dialog.is-gallery [data-gallery-auto]{min-width:44px}
}
/* Subtle white light behind the technical drawing, only on precise-pointer hover. */
.afr-instrument-frame::before{content:"";position:absolute;inset:-4%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,255,255,.10) 0%,rgba(255,255,255,.045) 38%,transparent 72%);opacity:0;transition:opacity 1.5s ease}
.afr-instrument-frame>svg{position:relative;z-index:1}
@media(hover:hover) and (pointer:fine){.afr-instrument-frame:hover::before{opacity:1;transition-duration:.18s}}
@media(prefers-reduced-motion:reduce){.afr-instrument-frame::before{transition:none}}
/* The yellow chapter heading shares the drawing's hover light and timing. */
#top .afr-story .afr-story-date{position:relative;isolation:isolate}
#top .afr-story .afr-story-date::before{content:"";position:absolute;inset:-12px -24px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,255,255,.12),rgba(255,255,255,.035) 46%,transparent 74%);opacity:0;transition:opacity 1.5s ease}
@media(hover:hover) and (pointer:fine){#top .afr-story.is-accelerated[data-title-glow="1"] .afr-story-date::before{opacity:1;transition-duration:.18s}}
@media(prefers-reduced-motion:reduce){#top .afr-story .afr-story-date::before{transition:none}}

/* Navigation invitation: shared Home/About, no automatic chapter advance. */
.afr-story-nav-help{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;padding:4px 0 10px;color:#d5e1e2;font:400 13px/1.4 Archivo,Arial,sans-serif}

.afr-story[data-nav-help="1"] .afr-stop-dot{width:8px;height:8px;margin-left:-4px;top:8px;transition:transform .18s,background .3s,box-shadow .3s}
.afr-story[data-nav-help="1"] .afr-story-stop:is(:hover,:focus-visible,[aria-selected=true]) .afr-stop-dot{transform:scale(1.15);border-color:#ffc900}
#top .afr-story[data-nav-help="1"] .afr-story-stop:is(:hover,:focus-visible,[aria-selected=true]) :is(.afr-stop-date,.afr-stop-title){color:#ffc900}
.afr-story[data-nav-help="1"] .afr-stop-dot::after{content:"";position:absolute;inset:-1px;border:1px solid #ffc900;background:#ffda52;box-shadow:0 0 0 3px #ffc90022,0 0 10px #ffc90066;opacity:0;pointer-events:none}
.afr-story.is-running .is-nav-cue .afr-stop-dot::after{animation:afr-nav-cue 350ms cubic-bezier(.4,0,.2,1) var(--cue-delay,0ms)}
@keyframes afr-nav-cue{0%,100%{opacity:0;transform:scale(1)}45%{opacity:.65;transform:scale(1.2)}}
@media(max-width:767.98px){.afr-story-nav-help{display:block;min-height:60px;font-size:13px;padding-bottom:6px}.afr-story[data-nav-help="1"] .afr-stop-dot{top:4px}}
@media(prefers-reduced-motion:reduce){.afr-story .is-nav-cue .afr-stop-dot{animation:none!important}.afr-story[data-nav-help="1"] .afr-stop-dot{transition:none}}

/* Approved larger short labels, shared on Home and About. */
.afr-story .afr-stop-title{font-size:clamp(15px,1.2vw,16px)}
@media(max-width:767.98px){.afr-story .afr-stop-title{font-size:15px}}

.afr-story[data-nav-help="1"] .afr-story-track{block-size:138px}
.afr-story.is-running .is-nav-cue .afr-stop-date{animation:afr-nav-label 350ms ease-in-out var(--cue-delay,0ms) both}
@keyframes afr-nav-label{45%{color:#ffc900;text-shadow:0 0 4px #ffc90033}}
@media(max-width:767.98px){.afr-story[data-nav-help="1"] .afr-story-track{block-size:136px}}

/* Intermediate widths retain natural full reading. Desktop uses the viewport budget. */

.afr-story .afr-story-actions{flex:none;height:auto;min-height:36px;gap:12px;align-items:flex-start;margin-top:10px}
#top .afr-story .afr-story-read{margin-top:0;position:static}

/* One compact navigation row above the stops; same DOM and controls on both pages. */
.afr-story-navigation .afr-story-toolbar{border:0;gap:12px;padding:0 0 8px;align-items:center;position:relative}
.afr-story-toolbar .afr-story-nav-help{display:block;min-height:0;padding:0;flex:0 1 auto;position:relative;line-height:1.4}
.afr-story-toolbar .afr-story-controls{order:0;flex:0 0 auto;gap:6px}
#top .afr-story .afr-story-toolbar .afr-story-position{margin-left:auto}
#top .afr-story .afr-story-toolbar .afr-story-reset{margin-left:0}


@media(max-width:767.98px){
 .afr-story-navigation .afr-story-toolbar{gap:8px;padding-bottom:8px}
 .afr-story-toolbar .afr-story-nav-help{flex:1;min-width:0;font-size:12px}
 #top .afr-story .afr-story-toolbar .afr-story-reset{font-size:0;width:44px;min-width:44px;flex:0 0 44px;padding:0}
 #top .afr-story .afr-story-toolbar .afr-story-reset span{font-size:22px;margin:0}
 #top .afr-story .afr-story-toolbar .afr-story-position{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;display:block}
}

/* Desktop: the complete section fits the visible viewport below the fixed header. */
@media(min-width:768px){
 #top .afr-story{container-type:size;block-size:calc(100svh - var(--afr-story-top,90px));min-block-size:0}
 .afr-story .afr-story-inner{height:100%;grid-template-rows:auto minmax(0,1fr) auto;padding-block:16px 12px;gap:12px}
 .afr-story .afr-story-main,.afr-story .afr-story-stage{min-height:0}
 .afr-story .afr-story-stage{max-height:none}
}

@media(min-width:768px){
 #top .afr-story[data-preview="1"] .afr-story-copy{display:block;-webkit-line-clamp:unset;height:auto;flex:0 1 auto;overflow:auto}
 #top .afr-story .afr-story-read{display:none}
 .afr-story .afr-story-actions:not(:has(.afr-story-gallery-open)){display:none}
}
/* Equal label sizes, two complete description lines, compact controls on the right. */
.afr-story .afr-stop-date,.afr-story .afr-stop-title{font-size:14px;}
.afr-story .afr-stop-date{font-weight:700;}
.afr-story .afr-stop-title{font-weight:400;block-size:2.6em;}
.afr-story[data-nav-help="1"] .afr-story-track{block-size:124px;}
.afr-story-navigation .afr-story-toolbar{justify-content:flex-end;flex-wrap:nowrap;gap:10px;}
.afr-story-toolbar .afr-story-nav-help{flex:0 1 auto;text-align:right;}
#top .afr-story .afr-story-toolbar .afr-story-position{margin-left:0;}
#top .afr-story .afr-story-toolbar .afr-story-controls button{width:32px;height:32px;min-height:32px;padding:0;font-size:22px;}
#top .afr-story .afr-story-toolbar .afr-story-reset{min-height:32px;}
@media(max-width:767.98px){
 .afr-story .afr-stop-date,.afr-story .afr-stop-title{font-size:13px;}
 .afr-story[data-nav-help="1"] .afr-story-track{block-size:122px;}
 .afr-story-navigation .afr-story-toolbar{gap:6px;}
 .afr-story-toolbar .afr-story-nav-help{flex:0 1 auto;}
 #top .afr-story .afr-story-toolbar .afr-story-reset{width:32px;min-width:32px;flex-basis:32px;}
}

@media(min-width:768px){#top .afr-story .afr-story-stop{padding-left:0;padding-right:0;}}

/* Vertical ticks: unchanged 8px width, triple height, centered on the 1px rail. */
.afr-story .afr-story-stop:before,.afr-story .afr-story-stop:after{top:12px;}
.afr-story .afr-stop-dot,.afr-story[data-nav-help="1"] .afr-stop-dot{width:8px;height:24px;top:.5px;margin-left:-4px;transform:none;}
.afr-story[data-nav-help="1"] .afr-story-stop:is(:hover,:focus-visible,[aria-selected=true]) .afr-stop-dot{transform:none;}

/* Desktop/tablet heading uses the full header width and remains on one line. */
@media(min-width:768px){
 .afr-story .afr-story-header{grid-template-columns:minmax(0,1fr);gap:8px;container-type:inline-size;}
 #top .afr-story .afr-story-header h2{max-width:none;white-space:nowrap;font-size:min(32px,3.5cqw);}
 #top .afr-story .afr-story-header .afr-story-intro{max-width:none;}
}


/* Bring the desktop composition down toward the fixed navigation row. */
@media(min-width:768px){
 .afr-story .afr-story-header{margin-top:0;}
 .afr-story .afr-story-inner{padding-top:14px;}
 .afr-story .afr-story-chapter{justify-content:flex-end;}
 .afr-story .afr-story-main{row-gap:12px;}
}

/* Additional 20px downward adjustment requested after the visual preview. */
@media(min-width:768px){.afr-story .afr-story-header,.afr-story .afr-story-main{translate:0 20px;}}

/* Additional air above the two instrument captions. */
.afr-story .afr-instrument-label{margin-top:10px;}

/* Stop selection has no surrounding frame; keyboard focus uses the labels. */
#top .afr-story .afr-story-stop:focus,#top .afr-story .afr-story-stop:focus-visible{outline:none;box-shadow:none;}
#top .afr-story .afr-story-stop:focus-visible :is(.afr-stop-date,.afr-stop-title){text-decoration:underline;text-underline-offset:3px;}

/* Archive entry shares the large yellow period row, aligned to the text column edge. */
.afr-story-date-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;margin-bottom:8px;}
#top .afr-story .afr-story-date-row .afr-story-date{margin-bottom:0;}
#top .afr-story .afr-story-date-row .afr-story-gallery-open{align-self:center;margin:0 0 0 auto;white-space:nowrap;}

/* Center chapter groups on the animated instrument axis. */
@media(min-width:640px){
 .afr-story .afr-story-stage{box-sizing:border-box;padding-top:var(--afr-instrument-caption-space,23.5px);}
 .afr-story .afr-story-chapter{justify-content:center;}
}

/* Descriptive copy only: two pixels smaller; headings/subtitles stay unchanged. */
#top .afr-story .afr-story-copy p:not(.afr-story-subtitle){font-size:16px;}
#top .afr-story .afr-dialog-text p:not(.afr-story-subtitle){font-size:17px;}
@media(max-width:639px) and (orientation:portrait){#top .afr-story .afr-story-copy p:not(.afr-story-subtitle){font-size:15px;}}
@media(orientation:landscape) and (max-height:550px){#top .afr-story .afr-story-copy p:not(.afr-story-subtitle){font-size:15px;}}

/* Raise the complete control row by 10px without moving the timeline. */
.afr-story-navigation .afr-story-toolbar{translate:0 -10px;}

/* Natural section height: no viewport minimum or forced viewport budget. */
#top .afr-story{block-size:auto;min-block-size:0;container-type:inline-size;}
.afr-story .afr-story-inner{height:auto;grid-template-rows:auto auto auto;padding-block:34px 12px;gap:12px;}
.afr-story .afr-story-header,.afr-story .afr-story-main{translate:none;}
.afr-story .afr-story-main,.afr-story .afr-story-stage{min-height:0;max-height:none;height:auto;}
.afr-story .afr-story-stage{align-self:stretch;}
.afr-story .afr-instrument{height:auto;min-height:0;width:100%;}
@media(min-width:640px){
 .afr-story .afr-story-main{grid-template-rows:auto;}
 #top .afr-story[data-preview="1"] .afr-story-copy{height:auto;flex:0 0 auto;overflow:visible;}
 #top .afr-story.is-full-reading .afr-story-copy p:last-child{margin-bottom:0;}
}
@media(max-width:639px){
 .afr-story .afr-story-main{grid-template-rows:auto auto;}
 .afr-story .afr-story-inner{padding-block:16px 20px;}
}

/* Description uses the full native body-column width. */
#top .afr-story .afr-story-copy p{max-width:none;}
@media(min-width:640px){
 #top .afr-story.is-full-reading.has-adaptive-copy-slot[data-preview="1"] .afr-story-copy{height:auto;flex:0 0 auto;padding-right:0;}
}

/* Chapter hierarchy: +2px to the bold subtitle, independent of regular copy. */
#top .afr-story .afr-story-copy .afr-story-subtitle{font-size:19px;}
#top .afr-story .afr-dialog-text .afr-story-subtitle{font-size:20px;}
@media(max-width:639px) and (orientation:portrait){
 #top .afr-story .afr-story-copy .afr-story-subtitle,#top .afr-story .afr-dialog-text .afr-story-subtitle{font-size:18px;}
}
@media(orientation:landscape) and (max-height:550px){#top .afr-story .afr-story-copy .afr-story-subtitle{font-size:18px;}}

/* Inactive stops borrow the animated drawings' structural green on hover/focus. */
#top .afr-story .afr-story-stop:not([aria-selected="true"]):is(:hover,:focus-visible) :is(.afr-stop-date,.afr-stop-title){color:#95c5c2!important;}
#top .afr-story .afr-story-stop:not([aria-selected="true"]):is(:hover,:focus-visible) .afr-stop-dot{border-color:#95c5c2;background:#95c5c2;box-shadow:0 0 0 3px #95c5c222;}
#top .afr-story .afr-story-stop:not([aria-selected="true"]):is(:hover,:focus-visible) .afr-stop-dot::after{border-color:#95c5c2;background:#95c5c2;box-shadow:0 0 0 3px #95c5c222,0 0 10px #95c5c266;}

/* One optional drawing in the native Products block; no timeline layout reservation. */
#top .afr-story.afr-story-standalone{block-size:auto;height:auto;min-height:0;container-type:inline-size;width:100%;padding:10px 10px 44px;margin:0;overflow:hidden}
#top .afr-story-standalone .afr-instrument-frame{aspect-ratio:720/320;width:100%}
#top .afr-story-standalone .afr-instrument{width:100%;height:auto;max-height:none}
#top .afr-story-standalone .afr-story-motion-toggle{right:6px;bottom:4px;width:36px;height:36px}

/* Products-only standalone instrument: Rabotti frame and restrained relief. */
#top.page-id-22 #soluzioni-speciali .afr-story-standalone{border:3px solid #ffc900;border-radius:18px;box-shadow:0 14px 30px rgba(11,23,25,.32),0 4px 8px rgba(11,23,25,.18),inset 0 1px 0 rgba(255,255,255,.05);}

/* Products clone: two complete routes and two continuously visible cursors. */
#top.page-id-22 .afr-products-trace{fill:none;stroke:#ffc900;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;opacity:.85}
#top.page-id-22 .afr-products-cursor{fill:#fff8d6;stroke:#ffc900;stroke-width:1.5;filter:drop-shadow(0 0 4px #ffc900);offset-rotate:0deg;offset-distance:0%;animation:afr-products-cursor 6s linear infinite paused}
#top.page-id-22 .afr-products-cursor-1{animation-delay:-3s;offset-distance:50%}
#top.page-id-22 .afr-story.is-running .afr-products-cursor{animation-play-state:running}
#top.page-id-22 .afr-story[data-energy="0"] .afr-products-cursor{display:none}
@keyframes afr-products-cursor{from{offset-distance:0%}to{offset-distance:100%}}
@media(prefers-reduced-motion:reduce){#top.page-id-22 .afr-products-cursor{animation:none!important}}

/* On landscape phones keep the pause control beside the drawing, not at the bottom of the text column. */
@media(max-width:767.98px) and (orientation:landscape){.afr-story-instrument{align-self:start;}}

/* Readable mobile chapter metadata must stay in flow above the year. */
@media(max-width:767.98px){#top.afr-copy-unified .afr-story .afr-story-chapter-index{position:static;inset:auto;width:auto;flex-wrap:wrap;gap:4px 12px;margin:0 0 8px;}}

/* Space below the heading group, on the two history sections only. */
#top:is(.home,.page-id-21) #rabotti-storia .afr-story-header{padding-bottom:8px;}

/* Keep the complete translated timeline labels on their two authored lines. */
#top.afr-copy-unified #rabotti-storia .afr-stop-title{white-space:pre-line;text-wrap:nowrap;overflow-wrap:normal;word-break:normal;hyphens:none;}
#top.afr-copy-unified .afr-story[data-nav-titles="1"] .afr-story-track{block-size:auto;min-block-size:calc(5.2 * var(--afr-copy-size,19px) + 41px);}