/* FINAL/S 95 — HORIZONTAL SECTOR CONTROL, CLEAN MASTER
   The viewer instrument describes the reel.
   This rail now describes only the journey through the site. */

/* The footer count repeated the sector position already stated above. */
#p1 .page-footer .footer-pg{
  display:none;
}

/* FINAL/S 95 — PERMANENT BANAT TYPE-FLOW LOCK.
   Every declaration line begins on the established left text margin.
   Word spacing is always natural: never distribute, separate or hand-nudge
   words to fill a measure. Type may grow, but if it exceeds the measure it
   wraps downward at a word space. A new intended line is its own block. */
@media(min-width:861px){
  /* THE KARMAN HORIZON.
     Background reels, however large or far they travel, may exist only below
     this line. Above it is reserved black space — the site has an atmosphere,
     and then it has space. */
  body:not(.verticale-edition) .ghost-drift{
    clip-path:polygon(
      0 194px,
      2.5% 145px,
      5% 125px,
      7.5% 111px,
      10% 99px,
      15% 81px,
      20% 68px,
      25% 57px,
      30% 49px,
      35% 43px,
      40% 39px,
      45% 37px,
      50% 36px,
      55% 37px,
      60% 39px,
      65% 43px,
      70% 49px,
      75% 57px,
      80% 68px,
      85% 81px,
      90% 99px,
      92.5% 111px,
      95% 125px,
      97.5% 145px,
      100% 194px,
      100% 100%,
      0 100%
    );
  }

  body:not(.verticale-edition) #p1 .col-left{
    --banat-icon-middle:#88361b;
    --banat-meaning-red:#98341e;
    --banat-blood-lift:#a83d24;
    --banat-blood-crest:#b84a2d;
    left:0;
    width:470px;
    max-width:470px;
    padding:0;
    container-type:inline-size;
    /* The complete BANAT opening copy is one 85% composition, centered in
       its own text column; its established left-aligned lines stay intact. */
    transform:translate(15px,95px) scale(.85);
    transform-origin:center center;
  }

  body:not(.verticale-edition) #p1 .hero-banat{
    position:relative;
    left:0;
    width:100%;
    font-size:87.6pt;
    line-height:.8;
    letter-spacing:.005em;
    /* BANAT and ROOT OF BANATTI share one painted spine, with a little more air. */
    text-indent:0;
    margin-bottom:16px;
  }

  /* BANAT is the finished writing-column rule for every horizontal sector:
     one left start, one lowered crown, one measure, one right breath. */
  body:not(.verticale-edition) :is(#p2,#p3,#p6,#p7) .col-left,
  body:not(.verticale-edition) #p5 .bay-left{
    width:470px;
    max-width:470px;
    transform:translate(15px,35px);
  }

  /* Lift the Falcon writing and its alternating CNN portrait together. */
  body:not(.verticale-edition) #p5 .showroom-bay[data-banat-falcon="true"] > .bay-left{
    transform:translate(15px,25px);
  }

  /* Keep the complete CNN portrait inside the existing writing seat. The
     cover and its film use one frame; phone story-source geometry is excluded. */
  html:not(.phone-pair-portrait-master) body.banatti-desktop-grid-restored:not(.verticale-edition):not(.portrait-bypass):not(.phone-pair-horizontal-preview)
  #p5 .showroom-bay[data-banat-falcon="true"] > .bay-left > .falcon-opening-reel{
    height:calc(100% - 25px);
    width:auto;
    max-width:min(448.2px,100%);
    aspect-ratio:9 / 16;
  }

  /* BE CAUSE now carries a fuller moral sequence. Lift the complete writ as
     one composition; its inherited BANAT left spine remains untouched. */
  body:not(.verticale-edition) #p2 .col-left{
    transform:translate(15px,32px);
  }

  body:not(.verticale-edition) #p1 .hero-definition{
    width:100%;
    padding:0;
    font-family:'Archivo Black',sans-serif;
    font-size:29.35pt;
    line-height:1.30;
    font-weight:400;
    letter-spacing:normal;
    text-transform:none;
    margin-bottom:26px;
    text-align:left;
    text-align-last:auto;
    white-space:normal;
    word-spacing:normal;
    overflow-wrap:normal;
    word-break:normal;
  }

  body:not(.verticale-edition) #p1 .hero-definition-lead{
    /* The Filipino meaning rests in the central red sampled from the emblem. */
    display:block;
    width:100%;
    margin:0;
    padding:0;
    font-size:1em;
    font-weight:400;
    letter-spacing:normal;
    color:var(--banat-meaning-red);
    background:none;
    -webkit-text-fill-color:currentColor;
    animation:none;
    filter:none;
    text-shadow:none;
    white-space:normal;
    text-align:left;
  }

  /* Root pressure: one broad, unhurried bloom gathers at the left,
     travels steadily through the words, then releases before returning. */
  @keyframes banatBloodFlow{
    0%,8%{background-position:85% 50%;filter:brightness(1) saturate(1.02);}
    20%{background-position:78% 50%;filter:brightness(1.04) saturate(1.07);}
    46%{background-position:52% 50%;filter:brightness(1.065) saturate(1.10);}
    74%{background-position:24% 50%;filter:brightness(1.05) saturate(1.08);}
    92%,100%{background-position:8% 50%;filter:brightness(1) saturate(1.02);}
  }

  body:not(.verticale-edition) #p1 .hero-definition-first{
    display:block;
    width:100%;
    margin:0;
    padding:0;
    white-space:normal;
    word-spacing:normal;
    text-align:left;
    transform:none;
  }

  body:not(.verticale-edition) #p1 .hero-definition-floor{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    width:446px;
    max-width:446px;
    margin:2px 0 0;
    padding:0;
    font-size:29.5pt;
    line-height:1.08;
    text-align:left;
    white-space:normal;
  }

  body:not(.verticale-edition) #p1 .hero-definition-floor > span{
    white-space:nowrap;
  }

  body:not(.verticale-edition) #p1 .banat-root-word{
    width:100%;
    margin:0 0 16px;
    padding:0;
    font-family:'Archivo Black',sans-serif;
    font-size:32.5pt;
    line-height:1.20;
    font-weight:400;
    letter-spacing:normal;
    text-transform:uppercase;
    color:var(--banat-icon-middle);
    background-color:var(--banat-icon-middle);
    background-image:linear-gradient(
      102deg,
      var(--banat-icon-middle) 0%,
      var(--banat-icon-middle) 28%,
      var(--banat-blood-lift) 36%,
      var(--banat-blood-crest) 44%,
      var(--banat-blood-crest) 56%,
      var(--banat-blood-lift) 64%,
      var(--banat-icon-middle) 72%,
      var(--banat-icon-middle) 100%
    );
    background-repeat:no-repeat;
    background-size:210% 100%;
    background-position:85% 50%;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:banatBloodFlow 2.7s cubic-bezier(.22,.58,.28,1) infinite;
    white-space:normal;
    text-align:left;
  }

  /* PORT 01 — APPROVED HERO WRIT.
     One left spine, natural word spacing, and only thought-led vertical pauses. */
  body:not(.verticale-edition) #p1 .body-text{
    width:100%;
    max-width:100%;
    text-align:left;
    text-align-last:auto;
    word-spacing:normal;
    -webkit-hyphens:none;
    hyphens:none;
  }

  body:not(.verticale-edition) #p1 .banat-beat{
    width:100%;
    max-width:100%;
    margin:0;
    font-family:'IBM Plex Sans',sans-serif;
    font-size:22pt;
    line-height:1.36;
    font-weight:400;
    letter-spacing:0;
    white-space:normal;
    text-align:left;
    text-wrap:pretty;
  }

  body:not(.verticale-edition) #p1 .banat-heart-line,
  body:not(.verticale-edition) #p1 .banat-emphasis-word{
    font-weight:700;
  }

  body:not(.verticale-edition) #p1 .banat-emphasis-word{
    font-family:'Archivo Black',sans-serif;
    font-weight:400;
    letter-spacing:.015em;
  }

  body:not(.verticale-edition) #p1 .banat-heart-line{
    margin-bottom:4px;
    font-size:22.95pt;
    font-weight:400;
    text-transform:uppercase;
  }

  body:not(.verticale-edition) #p1 .banat-recognition-line{
    margin-bottom:32px;
    font-size:25.25pt;
    line-height:1.28;
    font-family:'Archivo Black',sans-serif;
    font-weight:400;
    letter-spacing:0;
  }

  body:not(.verticale-edition) #p1 .banat-recognition-line > strong{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    width:100%;
    font-family:'Archivo Black',sans-serif;
    font-weight:400;
  }

  body:not(.verticale-edition) #p1 .banat-intent-line{
    margin-bottom:32px;
    font-size:21.5pt;
  }

  body:not(.verticale-edition) #p1 .banat-final-question{
    font-size:29.8pt;
    line-height:1.28;
    font-family:'IBM Plex Sans',sans-serif;
    font-weight:700;
    letter-spacing:0;
    white-space:nowrap;
  }

  /* BANAT's 80px spine leaves 446px before the orange field's right edge.
     Supporting copy wraps naturally inside that true visible measure. */
  body:not(.verticale-edition) #p1 :is(.banat-root-word,.banat-beat){
    width:446px;
    max-width:446px;
  }

  /* BANAT is the visible ruler, not the invisible column box. Its painted word
     begins three pixels inside that box, so the complete writ beneath follows
     that same optical edge and gives those pixels back at the far side. */
  body:not(.verticale-edition) #p1 :is(.banat-root-word,.hero-definition,.banat-beat){
    width:443px;
    max-width:443px;
    margin-left:3px;
  }

  body:not(.verticale-edition) #p1 .hero-definition-floor{
    width:100%;
    max-width:100%;
  }

  /* PORT 02 — BE CAUSE.
     BANAT lends its complete writing-column discipline: one left spine,
     natural word spacing, and pauses that belong to thought rather than
     decoration. The words remain their own. */
  body:not(.verticale-edition) #p2 .be-cause-headline,
  body:not(.verticale-edition) #p2 .be-cause-root,
  body:not(.verticale-edition) #p2 .be-cause-beat,
  body:not(.verticale-edition) #p2 .be-cause-declaration,
  body:not(.verticale-edition) #p2 .be-cause-final{
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
    padding:0;
    text-align:left;
    text-align-last:auto;
    word-spacing:normal;
    -webkit-hyphens:none;
    hyphens:none;
    white-space:normal;
    text-wrap:pretty;
  }

  body:not(.verticale-edition) #p2 .be-cause-headline{
    width:calc(100% - 6px);
    max-width:calc(100% - 6px);
    margin-left:6px;
    margin-top:0;
    margin-bottom:10px;
    position:relative;
    top:20px;
    font-family:'Archivo Black',sans-serif;
    font-size:60pt;
    font-weight:400;
    line-height:.9;
    letter-spacing:.005em;
    color:var(--white);
  }

  body:not(.verticale-edition) #p2 .be-cause-root{
    margin-top:0;
    margin-bottom:9px;
    font-family:'Archivo Black',sans-serif;
    font-size:21.5pt;
    font-weight:400;
    line-height:1.15;
    letter-spacing:0;
    text-transform:uppercase;
    color:#4f91c2;
    /* Element colour grammar: begin with the image's welcoming middle colour,
       then travel through its native range. LAND and AIR follow their own frames. */
    background:linear-gradient(100deg,
      #427ca8 0%,
      #4d87b1 16%,
      #63a3ca 31%,
      #79b9da 44%,
      #579bc5 55%,
      #477fa9 71%,
      #66a9cf 87%,
      #579bc5 100%);
    background-size:260% 100%;
    background-position:100% 50%;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    filter:drop-shadow(0 0 3px rgba(62,135,184,.3));
    animation:beCauseWhaleFluor 4.8s ease-in-out infinite;
  }

  body:not(.verticale-edition) #p2 .be-cause-root > span{
    display:block;
    width:max-content;
    max-width:100%;
    white-space:nowrap;
  }

  body:not(.verticale-edition) #p2.page:not(#p1):not(#p5) .col-left .be-cause-beat{
    margin-top:0;
    margin-bottom:0;
    font-family:'IBM Plex Sans',sans-serif;
    font-size:18pt;
    font-weight:400;
    line-height:1.28;
    letter-spacing:0;
    color:var(--white);
  }

  body:not(.verticale-edition) #p2.page:not(#p1):not(#p5) .col-left .be-cause-imagination{
    width:calc(100% - 10px);
    max-width:calc(100% - 10px);
    margin-left:10px;
    margin-bottom:16px;
  }

  body:not(.verticale-edition) #p2 .be-cause-question-stack{
    display:grid;
    gap:7px;
    margin:0 0 19px;
  }

  body:not(.verticale-edition) #p2.page:not(#p1):not(#p5) .col-left .be-cause-question{
    font-weight:700;
  }

  body:not(.verticale-edition) #p2.page:not(#p1):not(#p5) .col-left .be-cause-question-cadence{
    font-weight:700;
    white-space:nowrap;
  }

  body:not(.verticale-edition) #p2.page:not(#p1):not(#p5) .col-left .be-cause-question-stack .be-cause-worth{
    margin-top:2px;
  }

  body:not(.verticale-edition) #p2 .be-cause-banat{
    font-family:'Archivo Black',sans-serif;
    font-size:18pt;
    font-weight:400;
    letter-spacing:.015em;
    line-height:inherit;
  }

  body:not(.verticale-edition) #p2 .be-cause-causal-chain{
    display:grid;
    gap:19px;
    margin:0 0 18px;
  }

  body:not(.verticale-edition) #p2 .be-cause-causal-unit{
    display:grid;
    gap:0;
  }

  body:not(.verticale-edition) #p2.page:not(#p1):not(#p5) .col-left .be-cause-causal-chain .be-cause-beat{
    font-size:18pt;
    line-height:1.28;
    font-weight:400;
  }

  body:not(.verticale-edition) #p2.page:not(#p1):not(#p5) .col-left .be-cause-force .be-cause-beat{
    font-weight:700;
  }

  /* The supplied BE CAUSE copy marks only PROPELS as bold on this line. */
  body:not(.verticale-edition) #p2.page:not(#p1):not(#p5) .col-left .be-cause-force .be-cause-force-propels{
    font-weight:400;
  }

  body:not(.verticale-edition) #p2.page:not(#p1):not(#p5) .col-left .be-cause-force .be-cause-force-propels strong{
    font-weight:700;
  }

  body:not(.verticale-edition) #p2 .be-cause-declaration{
    margin-top:0;
    margin-bottom:12px;
    font-family:'IBM Plex Sans',sans-serif;
    font-size:18pt;
    font-weight:700;
    line-height:1.20;
    letter-spacing:0;
    color:var(--white);
  }

  body:not(.verticale-edition) #p2 .be-cause-declaration > span{
    display:block;
  }

  body:not(.verticale-edition) #p2 .be-cause-final{
    margin-top:0;
    margin-bottom:0;
    font-family:'IBM Plex Sans',sans-serif;
    font-size:18pt;
    font-weight:700;
    line-height:1.18;
    letter-spacing:0;
    color:var(--white);
  }

  /* The display title holds the original spine. The complete writ beneath it
     receives a four-pixel optical correction so its painted edge meets the
     title, while the established right breath remains untouched. */
  body:not(.verticale-edition) #p2 :is(
    .be-cause-root,
    .be-cause-imagination,
    .be-cause-question-stack,
    .be-cause-causal-chain,
    .be-cause-declaration,
    .be-cause-final
  ){
    width:calc(100% - 10px);
    max-width:calc(100% - 10px);
    margin-left:10px;
  }

  /* Keep the BE CAUSE title fixed. Its full story copy scales together,
     then settles lower in the left field without changing its left edge. */
  body:not(.verticale-edition) #p2 .be-cause-copy-block{
    position:relative;
    top:36px;
    zoom:.9;
  }
}

@keyframes beCauseWhaleFluor{
  0%,14%{
    background-position:100% 50%;
    filter:drop-shadow(0 0 3px rgba(62,135,184,.26));
  }
  48%{
    background-position:8% 50%;
    filter:drop-shadow(0 0 5px rgba(91,171,215,.44));
  }
  84%,100%{
    background-position:-120% 50%;
    filter:drop-shadow(0 0 3px rgba(62,135,184,.26));
  }
}

@media(prefers-reduced-motion:reduce){
  body:not(.verticale-edition) #p2 .be-cause-root{
    animation:none;
    background:none;
    color:#579bc5;
    -webkit-text-fill-color:#579bc5;
    filter:none;
  }
}

/* FINAL/S 95 — THE GRAND IMPOSITIONE'
   Large monitors may enlarge the atmosphere, never the relationships.
   The complete horizontal composition is one centred chassis:
   470 writing / 64 breath / 1024 picture glass. */
@media(min-width:1680px){
  .header-top{
    width:100%;
    max-width:1680px;
    margin-left:auto;
    margin-right:auto;
    padding-left:61px;
    padding-right:61px;
  }

  .header-top::before{
    left:33px;
    right:7px;
  }

  .header-top::after{
    left:63px;
    right:37px;
  }

  .eim-rail{
    left:63px;
    right:56px;
    width:auto;
    max-width:none;
    transform:none;
  }

  .site-nav{
    width:100%;
    max-width:1680px;
    margin-left:auto;
    margin-right:auto;
    padding-left:61px;
    padding-right:61px;
  }

  .site-nav::before{
    /* The rail exists only between the six actuators.  Its ends now disappear
       beneath BANAT and ROOTS instead of escaping as outer whiskers. */
    left:var(--ports-menu-rail-left,321.667px);
    right:var(--ports-menu-rail-right,321.667px);
    background:var(--banatti-frame-menu-outer-solid,#2e5b05);
    box-shadow:0 0 3px rgba(82,160,4,.10);
    opacity:1;
  }

  .site-nav::after{
    left:172px;
    right:172px;
  }

  body #p1.page .two-col{
    width:100%;
    max-width:1680px;
    margin-left:auto;
    margin-right:auto;
    padding-left:61px;
    padding-right:61px;
    grid-template-columns:470px 1024px;
    column-gap:64px;
  }

  #p1 .col-left{
    width:470px;
    max-width:470px;
  }

  #p1 .col-right{
    width:1024px;
    max-width:1024px;
    justify-self:end;
    transform-origin:top right;
  }
}

/* Shorter desktop glass: preserve the complete instrument, including its
   lower controls, by reducing it as one resolved object. */
@media(min-width:1680px) and (max-height:1099px){
  .header-top{
    min-height:88px;
    padding-top:14px;
  }

  .header-top::before{
    top:-12px;
    height:112px;
  }

  .header-top::after{
    top:-1px;
    height:84px;
  }

  .brand-logo{
    width:min(500px,38vw);
    transform:translateY(-14px);
  }

  .eim-rail{
    top:23px;
    height:38px;
  }

  .site-nav{
    margin-top:6px;
    padding-top:2px;
    padding-bottom:10px;
  }

  body #p1.page .two-col{
    grid-template-columns:470px 950px;
    justify-content:center;
  }

  #p1 .col-right{
    width:1024px;
    max-width:1024px;
    transform:scale(.927734375);
  }
}

@media(min-width:1680px) and (max-height:999px){
  body #p1.page .two-col{
    grid-template-columns:470px 860px;
  }

  #p1 .col-right{
    transform:scale(.83984375);
  }
}