/* /programmes/cameroon-textile/trade-access/ (this route only). Built to control/choreo/programmes__cameroon-textile__trade-access.md.
   Classes ta-, keyframes pbta-. Motion: transform, opacity, clip-path and filter only. The HTML is the composed end
   state: pre-states exist only under :root[data-m-go][data-ta-arm] and are partial; entrances play once when a section
   covers about 38% of the viewport (client.ts) and settle within 900 ms; scroll-driven rules are longhands inside
   @supports and are killed under reduced motion and Calm (data-m-go removed). */

@property --ta-rot{syntax:'<angle>';inherits:true;initial-value:0deg}

body[data-page="trade-access"]{
  --ta-night:#072d2b;--ta-deep:#0a3a37;--ta-forest:#0e4d4a;--ta-paper:#f6f4ef;--ta-mist:#eef1ec;
  --ta-sage:#6bb68f;--ta-ochre:#c98a2b;--ta-t1:#f6f4ef;--ta-t2:#e7f6ee;--ta-och-t:#f2d29a;--ta-sage-t:#cdeedb;
  --ta-ink:#072d2b;--ta-ink2:#2f4139;--ta-och-ink:#7a4d0c;--ta-leaf-ink:#2a6e50;
  --ta-out:cubic-bezier(.16,1,.3,1);--ta-snap:cubic-bezier(.34,1.56,.64,1);--ta-io:cubic-bezier(.65,0,.35,1);
}
body[data-page="trade-access"] main{overflow-x:clip}
body[data-page="trade-access"] .gft-cite{font:700 13px/1 var(--gft-font-mono);min-width:44px;justify-content:center;padding:4px 8px;color:inherit;border-color:currentColor;margin-inline:2px}

/* ---------- generic ---------- */
.ta-sec{position:relative;isolation:isolate;--ta-gx:max(32px,calc((100% - 1440px) / 2))}
#agoa-exclusion,#design-compare,#currency-boundary,#afcfta-threshold{scroll-margin-top:96px}
.ta-wrap{width:min(1440px,calc(100% - 64px));margin-inline:auto;position:relative;z-index:1}
.ta-stack{display:grid;min-width:0}
.ta-stack>*{grid-area:1/1;min-width:0}
.ta-stack>:not([data-on]){opacity:0;visibility:hidden;transition:opacity .14s ease,visibility 0s linear .14s}
.ta-stack>[data-on]{opacity:1;visibility:visible;transition:opacity .22s ease,visibility 0s}
.ta-head .gft-eyebrow{font-size:13px;letter-spacing:.12em;margin-bottom:16px}
.ta-h{font-size:clamp(1.9rem,2.7vw,2.9rem);line-height:1.07;letter-spacing:-.045em;max-width:30ch;font-weight:850}
.ta-hw{display:inline-block}
.ta-lede{font-size:clamp(17px,1.25vw,19px);line-height:1.6;max-width:56ch;margin-top:16px}
.ta-note{font:13px/1.65 var(--gft-font-mono);letter-spacing:.02em;margin-top:12px;color:var(--ta-ink2)}
.gft-mono{letter-spacing:.04em}

/* heading effects: whole words settle from a partial pre-state (rise: a clip-path reveal of the whole heading) */
.ta-h[data-fx=wdth]{--ta-pre:scale(.88,1);--ta-pf:none}
.ta-h[data-fx=turn]{--ta-pre:perspective(520px) rotateX(-28deg);--ta-pf:none}
.ta-h[data-fx=track]{--ta-pre:translateX(.08em);--ta-pf:none}
.ta-h[data-fx=skew]{--ta-pre:translateX(-.08em) skewX(-8deg);--ta-pf:none}
.ta-h[data-fx=drop]{--ta-pre:translateY(.12em) scaleY(.95);--ta-pf:none}
.ta-h[data-fx=blur]{--ta-pre:none;--ta-pf:blur(3px)}
.ta-h[data-fx=swing]{--ta-pre:rotate(-2deg) translateY(.06em);--ta-pf:none}
.ta-h[data-fx=zoom]{--ta-pre:scale(.92);--ta-pf:none}
.ta-h .ta-hw{transform-origin:0 100%}
:root[data-m-go][data-ta-arm] [data-ta-enter]:not([data-ta-in]) .ta-h:not([data-fx=rise]) .ta-hw{opacity:.58;transform:var(--ta-pre);filter:var(--ta-pf)}
:root[data-m-go] [data-ta-in] .ta-h:not([data-fx=rise]) .ta-hw{animation-name:pbta-hw;animation-duration:220ms;animation-timing-function:var(--ta-out);animation-delay:calc(var(--i) * 7ms);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes pbta-hw{from{opacity:.58;transform:var(--ta-pre);filter:var(--ta-pf)}to{opacity:1;transform:none;filter:none}}
:root[data-m-go][data-ta-arm] [data-ta-enter]:not([data-ta-in]) .ta-h[data-fx=rise]{clip-path:inset(0 0 38% 0)}
:root[data-m-go] [data-ta-in] .ta-h[data-fx=rise]{animation-name:pbta-rise;animation-duration:260ms;animation-timing-function:var(--ta-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes pbta-rise{from{clip-path:inset(0 0 38% 0)}to{clip-path:inset(0 0 -20% 0)}}

/* pills and segmented radios */
.ta-pills{display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0;border:1px solid currentColor;min-width:0}
.ta-pills label{position:relative;flex:1 1 auto;cursor:pointer}
.ta-pills input{position:absolute;opacity:0;width:1px;height:1px}
.ta-pills span{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 16px;font-size:16px;font-weight:700;transition:background-color .3s ease,color .3s ease}
.ta-pills span b{font:700 13px var(--gft-font-mono);display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid currentColor;border-radius:50%}
.ta-pills span i{font:400 13px var(--gft-font-mono);font-style:normal;letter-spacing:.04em}
.ta-pills input:checked+span{background:var(--ta-ink);color:var(--ta-paper)}
.ta-pills input:focus-visible+span{outline:3px solid var(--ta-ochre);outline-offset:-3px}
.ta-pills label+label span{border-left:1px solid currentColor}

/* ---------- the lane rose ---------- */
.ta-rose{width:100%;height:100%;display:block;overflow:visible}
.ta-rose .ta-lane{transition:opacity .45s ease}
.ta-rose :is(.ta-lane__ret,.ta-lane__aim,.ta-lane__flow,.ta-lane__upside){opacity:0;transition:opacity .45s ease}
.ta-rose .ta-lane>*{transition:opacity .45s ease}
.ta-rose[data-aim=us] .ta-lane:not([data-lane=us])>:not(.ta-up,.ta-lane__ret,.ta-lane__aim),.ta-rose[data-aim=domestic] .ta-lane:not([data-lane=domestic])>:not(.ta-up,.ta-lane__ret,.ta-lane__aim),
.ta-rose[data-aim=cemac] .ta-lane:not([data-lane=cemac])>:not(.ta-up,.ta-lane__ret,.ta-lane__aim),.ta-rose[data-aim=afcfta] .ta-lane:not([data-lane=afcfta])>:not(.ta-up,.ta-lane__ret,.ta-lane__aim){opacity:.35}
.ta-rose[data-aim=us] .ta-lane:not([data-lane=us])>.ta-up,.ta-rose[data-aim=domestic] .ta-lane:not([data-lane=domestic])>.ta-up,
.ta-rose[data-aim=cemac] .ta-lane:not([data-lane=cemac])>.ta-up,.ta-rose[data-aim=afcfta] .ta-lane:not([data-lane=afcfta])>.ta-up{opacity:.8}
.ta-rose[data-aim=us] [data-lane=us] :is(.ta-lane__ret,.ta-lane__aim,.ta-lane__flow),
.ta-rose[data-aim=domestic] [data-lane=domestic] :is(.ta-lane__ret,.ta-lane__aim),
.ta-rose[data-aim=cemac] [data-lane=cemac] :is(.ta-lane__ret,.ta-lane__aim),
.ta-rose[data-aim=afcfta] [data-lane=afcfta] :is(.ta-lane__ret,.ta-lane__aim,.ta-lane__flow){opacity:1}
.ta-rose .ta-rose__hub{transform-origin:400px 400px}
.ta-rose [data-m-live]{transform-box:fill-box;transform-origin:center}
.ta-rose .ta-cut__x{transform-box:fill-box;transform-origin:center}
.ta-rose .ta-knot{transform-box:fill-box;transform-origin:center}
:root[data-m-go] .ta-rose [data-m-live~=ta-flicker][data-m-on]{animation-name:pbta-flicker;animation-duration:6s;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes pbta-flicker{0%,86%,100%{opacity:1}89%{opacity:.25}92%{opacity:.9}94%{opacity:.4}}

/* ---------- 1 · splash ---------- */
body[data-page="trade-access"] .gft-splash__data{font-size:12px;color:#d7e6dd}
body[data-page="trade-access"] .gft-splash__position{font-size:12px;color:#cfe0d6}
body[data-page="trade-access"] .gft-splash__content{z-index:2;pointer-events:none}
body[data-page="trade-access"] .gft-splash__content>*{pointer-events:auto}
body[data-page="trade-access"] .gft-splash__lede{font-size:clamp(16px,1.2vw,18px);max-width:42ch;color:#e7f6ee}
body[data-page="trade-access"] .gft-splash .gft-splash__structure{z-index:1;pointer-events:none}
@media(min-width:761px){
  body[data-page="trade-access"] .gft-splash .gft-splash__structure{inset:0 1% 0 43%;justify-content:center}
  body[data-page="trade-access"] .gft-splash__content>*{max-width:42vw}
  body[data-page="trade-access"] .gft-splash h1{font-size:clamp(2.8rem,4.1vw,4.5rem);margin-top:12px}
  body[data-page="trade-access"] .gft-splash__lede{margin-top:12px;max-width:46ch}
  body[data-page="trade-access"] .gft-splash__actions{margin-top:14px}
  body[data-page="trade-access"] .gft-splash__content{padding-top:12px;padding-bottom:10px}
}
body[data-page="trade-access"] .gft-splash__structure::after{display:none}
.ta-sp{width:100%;height:100%;display:grid;place-items:center;pointer-events:none}
.ta-sp__rose{position:relative;width:min(100%,calc(100svh - 160px),800px);aspect-ratio:1;pointer-events:none}
.ta-tag{position:absolute;display:flex;align-items:center;gap:10px;min-height:44px;padding:7px 14px 7px 8px;background:#072d2bf2;border:1px solid #6bb68f99;color:var(--ta-t1);text-align:left;white-space:nowrap;pointer-events:auto;transition:background-color .3s ease,border-color .3s ease}
.ta-tag b{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--ta-sage);font:700 14px var(--gft-font-mono)}
.ta-tag strong{display:block;font-size:15px;line-height:1.2}
.ta-tag em{display:block;font:400 13px/1.3 var(--gft-font-mono);font-style:normal;letter-spacing:.03em;color:var(--ta-t2)}
.ta-tag[data-ta-aim=us],.ta-tag[data-ta-aim=afcfta]{border-color:#c98a2bcc}
.ta-tag[data-ta-aim=us] b,.ta-tag[data-ta-aim=afcfta] b{border-color:var(--ta-ochre);color:var(--ta-och-t)}
.ta-tag[aria-pressed=true]{background:#0e4d4a;border-color:var(--ta-t2)}
.ta-tag:hover{background:#0e4d4a}
.ta-tag--nw{transform:translate(-50%,calc(-100% - 36px))}
.ta-tag--ne{transform:translate(-86%,calc(-100% - 36px))}
.ta-tag--se{transform:translate(-86%,36px)}
.ta-tag--s{transform:translate(-50%,36px)}
.ta-pills-sp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px;max-width:600px}
.ta-pill{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"n t" "n s";column-gap:10px;align-items:center;min-height:44px;padding:5px 10px;text-align:left;background:#072d2bd9;border:1px solid #6bb68f80;color:var(--ta-t1);transition:background-color .3s ease}
.ta-pill b{grid-area:n;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--ta-sage);font:700 13px var(--gft-font-mono)}
.ta-pill--warn b{border-color:var(--ta-ochre);color:var(--ta-och-t)}
.ta-pill strong{grid-area:t;font-size:15px;line-height:1.2}
.ta-pill span{grid-area:s;font:13px/1.3 var(--gft-font-mono);letter-spacing:.03em;color:var(--ta-t2)}
.ta-pill[aria-pressed=true]{background:#0e4d4a;border-color:var(--ta-t2)}
.ta-sp-read{margin-top:6px;font:15px/1.4 var(--gft-font-mono);letter-spacing:.02em;color:var(--ta-t1);max-width:560px;min-height:32px}
/* splash arrival: hub lands, lanes 2 and 3 draw outward, lane 4 dashes in, lane 1 draws last and the X snaps shut */
:root[data-m-go] .ta-rose--splash .ta-rose__hub{animation-name:pbta-hub;animation-duration:420ms;animation-timing-function:var(--ta-snap);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ta-rose--splash .ta-lane__draw{animation-name:pbta-drawx;animation-duration:320ms;animation-timing-function:var(--ta-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal;animation-delay:180ms}
:root[data-m-go] .ta-rose--splash [data-lane=afcfta] .ta-lane__draw{animation-delay:320ms}
:root[data-m-go] .ta-rose--splash [data-lane=us] .ta-lane__draw{animation-delay:400ms;animation-duration:260ms}
:root[data-m-go] .ta-rose--splash .ta-cut__x{animation-name:pbta-snap;animation-duration:240ms;animation-timing-function:var(--ta-snap);animation-delay:600ms;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ta-sp .ta-tag{animation-name:pbta-tag;animation-duration:380ms;animation-timing-function:var(--ta-out);animation-delay:500ms;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes pbta-hub{from{scale:.3;opacity:0}to{scale:1;opacity:1}}
@keyframes pbta-drawx{from{scale:0 1}to{scale:1 1}}
@keyframes pbta-snap{from{scale:1.9;rotate:45deg;opacity:0}to{scale:1;rotate:0deg;opacity:1}}
@keyframes pbta-tag{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
/* hand-down: as the splash leaves, its rose scales toward the console rose below (scroll-linked, transform only) */
@supports (animation-timeline:view()){
  :root[data-m-go] .ta-sp__rose{animation-name:pbta-handdown;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--gft-splash;animation-range-start:exit 0%;animation-range-end:exit 100%}
}
@keyframes pbta-handdown{from{scale:1;translate:0 0}to{scale:.72;translate:-30% 16%}}

/* ---------- 2 · console (deep) ---------- */
.ta-sec--console{background:var(--ta-deep);color:var(--ta-t1);padding:34px 0 96px;overflow:clip}
.ta-sec--console .ta-sec__head{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:48px;align-items:end}
.ta-sec--console .ta-sec__head .gft-eyebrow{grid-column:1/-1;color:var(--ta-sage-t);margin-bottom:10px}
.ta-sec--console .ta-lede{margin:0;color:var(--ta-t2)}
.ta-con{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:40px;margin-top:18px;align-items:start}
.ta-con__rosecol{position:relative;padding-left:0}
.ta-con__rose{position:relative;width:min(100%,500px);aspect-ratio:1;--m-accent:#6bb68f}
.ta-con__rose::after{content:'';position:absolute;left:0;top:25.9%;width:5px;height:calc(74.1% + 400px);background:var(--ta-ochre);z-index:-1}
.ta-con__cap{position:relative;font-size:13px;color:var(--ta-t2);margin:12px 0 0;padding-left:28px}
.ta-chips{list-style:none;margin:18px 0 0;padding:0 0 0 28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:580px}
.ta-chip{position:relative;display:grid;gap:6px}
.ta-chip__stub{position:absolute;left:50%;top:-18px;height:18px;width:2px;background:var(--ta-sage)}
.ta-chip[data-lane-c=us] .ta-chip__stub,.ta-chip[data-lane-c=afcfta] .ta-chip__stub{background:var(--ta-ochre)}
.ta-chip__btn{display:grid;gap:2px;text-align:left;padding:10px 12px;background:#072d2b;border:1px solid #6bb68f80;color:var(--ta-t1);min-height:44px;transition:background-color .3s ease,border-color .3s ease}
.ta-chip__btn strong{font-size:clamp(20px,1.7vw,25px);font-weight:850;letter-spacing:-.04em;line-height:1.1;white-space:nowrap}
.ta-chip__lane{font-size:13px;color:var(--ta-och-t)}
.ta-chip__lab{font-size:13px;line-height:1.35;color:var(--ta-t2)}
.ta-chip__btn[aria-pressed=true]{background:#0e4d4a;border-color:var(--ta-t1)}
.ta-chip__btn:hover,.ta-chip__btn:focus-visible{border-color:var(--ta-t1)}
.ta-con__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.ta-seg{display:flex;border:1px solid #e7f6ee80}
.ta-seg button{min-height:44px;padding:6px 14px;background:transparent;border:0;color:var(--ta-t1);font-size:15px;font-weight:650}
.ta-seg button+button{border-left:1px solid #e7f6ee80}
.ta-seg button[aria-pressed=true]{background:var(--ta-t2);color:var(--ta-night)}
.ta-con__count{font-size:14px;color:var(--ta-t2);margin:0}
.ta-rows{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.ta-row{transition:opacity .4s ease}
.ta-row__btn{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:48px;padding:6px 14px;background:#072d2b;border:1px solid #e7f6ee40;border-left:5px solid var(--ta-sage);color:var(--ta-t1);text-align:left;font-size:16px;font-weight:700;transition:background-color .3s ease,border-color .3s ease}
.ta-row[data-lane-r=us] .ta-row__btn,.ta-row[data-lane-r=afcfta] .ta-row__btn{border-left-color:var(--ta-ochre)}
.ta-row__btn[aria-pressed=true]{background:#0e4d4a;border-color:var(--ta-t2)}
.ta-row__n{font-size:14px;color:var(--ta-t2)}
.ta-row__chip{font:700 13px var(--gft-font-mono);letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;background:var(--ta-sage-t);color:var(--ta-night)}
.ta-row__chip--warn{background:var(--ta-och-t)}
.ta-con[data-ta-filter=open] .ta-row[data-open=shut],.ta-con[data-ta-filter=shut] .ta-row[data-open=open]{opacity:.35}
.ta-con[data-ta-filter=open] .ta-rose :is([data-lane=us],[data-lane=afcfta]),.ta-con[data-ta-filter=shut] .ta-rose :is([data-lane=domestic],[data-lane=cemac]){filter:saturate(.3) brightness(.6)}
.ta-con__detail{margin-top:8px;background:#072d2b;border:1px solid #e7f6ee40;border-top:3px solid var(--ta-t2);padding:16px 20px}
.ta-det{display:grid;gap:10px;align-content:start}
.ta-det__fig{display:grid;gap:2px}
.ta-det__big{font-size:40px;font-weight:850;letter-spacing:-.05em;line-height:1;white-space:nowrap;position:relative}
.ta-det[data-state=warn] .ta-det__big{color:var(--ta-och-t)}
.ta-det[data-state=ok] .ta-det__big{color:var(--ta-sage-t)}
.ta-det__fig span{font:14px/1.45 var(--gft-font-mono);letter-spacing:.02em;color:var(--ta-t2)}
.ta-det__dl{display:grid;gap:8px;margin:0}
.ta-det__dl dt{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--ta-t2)}
.ta-det__dl dd{margin:2px 0 0;font-size:16px;line-height:1.45;color:var(--ta-t1)}
.ta-det__src{margin:0;font-size:13px;color:var(--ta-t2);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ta-pull{position:absolute;left:var(--ta-gx);bottom:0;height:96px;width:5px;pointer-events:none}
.ta-pull b{position:absolute;left:18px;bottom:24px;white-space:nowrap;font:700 13px var(--gft-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ta-och-t)}
/* ta-iris: the rose irises open from the hub, rows deal in from the right, chips rise */
:root[data-m-go][data-ta-arm] .ta-sec--console:not([data-ta-in]) .ta-enter-a{clip-path:circle(36% at 50% 50%);opacity:.75}
:root[data-m-go][data-ta-arm] .ta-sec--console:not([data-ta-in]) .ta-enter-b{opacity:.65;transform:translateX(24px)}
:root[data-m-go][data-ta-arm] .ta-sec--console:not([data-ta-in]) .ta-enter-c{opacity:.65;transform:translateY(14px)}
:root[data-m-go] .ta-sec--console[data-ta-in] .ta-enter-a{animation-name:pbta-iris;animation-duration:240ms;animation-timing-function:var(--ta-io);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ta-sec--console[data-ta-in] .ta-enter-b{animation-name:pbta-deal;animation-duration:220ms;animation-timing-function:var(--ta-out);animation-delay:calc(30ms + var(--r,0) * 18ms);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ta-sec--console[data-ta-in] .ta-enter-c{animation-name:pbta-up;animation-duration:220ms;animation-timing-function:var(--ta-out);animation-delay:60ms;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes pbta-iris{from{clip-path:circle(36% at 50% 50%);opacity:.75}to{clip-path:circle(75% at 50% 50%);opacity:1}}
@keyframes pbta-deal{from{opacity:.65;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes pbta-up{from{opacity:.65;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ---------- 3 · AGOA film (forest, sticky scene A) ---------- */
.ta-sec--film{background:var(--ta-forest);color:var(--ta-t1)}
.ta-film{display:grid;grid-template-columns:minmax(0,1fr)}
.ta-film__phonehead{display:none}
.ta-film__stage{grid-row:2;grid-column:1;position:sticky;top:0;align-self:start;height:80svh;min-height:660px;overflow:clip;z-index:1;--gx:var(--ta-gx)}
.ta-film__track{grid-row:2;grid-column:1;list-style:none;margin:0;padding:0}
.ta-film__track li{height:86svh}
.ta-film__track li:last-child{height:89svh}
.ta-film__pcard{display:none}
.ta-film{--bk:0;--pe:0px}
.ta-film[data-step="1"]{--bk:.8;--pe:9px}
.ta-film[data-step="2"]{--bk:1;--pe:16px}
.ta-film[data-step="3"]{--bk:1;--pe:22px}
.ta-film__elbow{position:absolute;left:var(--gx);top:0;width:5px;height:65%;background:var(--ta-ochre);border-bottom-left-radius:4px}
.ta-film__head{position:absolute;left:calc(var(--gx) + 44px);top:4%;width:min(56%,800px)}
.ta-film__head .gft-eyebrow{color:var(--ta-sage-t)}
.ta-film__head .ta-h{font-size:clamp(1.7rem,2.3vw,2.45rem);max-width:34ch}
.ta-film__head .ta-lede{font-size:16px;margin-top:8px;max-width:70ch;color:var(--ta-t2)}
.ta-film__num{position:absolute;left:calc(var(--gx) + 44px);top:31%;width:52%}
.ta-film__tag{font-size:13px;text-transform:uppercase;color:var(--ta-och-t);margin:0 0 6px}
.ta-film__numset{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px}
.ta-film__big{font-size:clamp(54px,5.8vw,82px);font-weight:850;letter-spacing:-.06em;line-height:1;white-space:nowrap;position:relative}
.ta-film__chip{font:700 13px var(--gft-font-mono);letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;background:var(--ta-och-t);color:var(--ta-night)}
.ta-film__numlab{flex-basis:100%;font:15px var(--gft-font-mono);color:var(--ta-t2)}
.ta-film__card{position:absolute;right:var(--gx);top:4%;width:min(31%,420px);padding:18px 22px;background:#072d2b;border:1px solid #e7f6ee40;border-top:3px solid var(--ta-ochre)}
.ta-film__n{font-size:13px;color:var(--ta-och-t);margin:0 0 6px}
.ta-film__card h3,.ta-film__pcard h3{font-size:clamp(19px,1.5vw,22px);line-height:1.2;letter-spacing:-.02em;margin-bottom:8px}
.ta-film__txt{font-size:16px;line-height:1.52;color:var(--ta-t1);margin:0}
.ta-film__note{font:13px/1.45 var(--gft-font-mono);color:var(--ta-t2);margin:8px 0 0}
.ta-ax{position:absolute;left:0;right:0;top:49%;height:32%;container-type:inline-size}
.ta-ax__lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ta-ax__ticks span{position:absolute;top:50%;translate:-50% 0;padding-top:36px;font:14px var(--gft-font-mono);letter-spacing:.03em;color:var(--ta-t2)}
.ta-ax__ticks span::before{content:'';position:absolute;left:50%;top:-10px;width:2px;height:20px;background:#e7f6ee99}
.ta-ax__ticks .is-plan{font-weight:700;color:var(--ta-sage-t)}
.ta-ax__band{position:absolute;left:18%;width:60%;top:calc(50% - 24px);height:48px;background:repeating-linear-gradient(135deg,#c98a2b66 0 6px,#c98a2b1a 6px 13px);border-block:2px solid var(--ta-ochre);transform:scaleX(var(--bk));transform-origin:0 50%;transition:transform .45s var(--ta-io)}
.ta-ax__bandlab{position:absolute;left:31%;top:calc(50% - 46px);font:700 13px var(--gft-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ta-och-t);opacity:0;transition:opacity .25s ease}
.ta-ax__end{position:absolute;top:calc(50% - 16px);width:6px;height:32px;background:var(--ta-ochre);transition:transform .4s var(--ta-io)}
.ta-ax__end--l{left:15.2%;transform:translateX(calc(var(--pe) * -1))}
.ta-ax__end--r{left:20.4%;background:#cfe0d6;transform:translateX(var(--pe))}
.ta-ax__x{position:absolute;left:18%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:#072d2b;border:3px solid var(--ta-ochre);box-shadow:0 0 0 10px #c98a2b22}
.ta-ax__x::before,.ta-ax__x::after{content:'';position:absolute;left:50%;top:50%;width:30px;height:5px;margin:-2.5px 0 0 -15px;background:var(--ta-ochre);border-radius:3px;rotate:45deg}
.ta-ax__x::after{rotate:-45deg}
.ta-ax__pin{position:absolute;bottom:50%;width:2px;background:var(--ta-och-t);opacity:0;transition:opacity .25s ease}
.ta-ax__pin b{position:absolute;bottom:100%;white-space:nowrap;padding-bottom:4px;font:700 13px var(--gft-font-mono);letter-spacing:.03em;color:var(--ta-och-t)}
.ta-ax__pin--a{left:62.2%;height:74px}
.ta-ax__pin--a b{right:-2px}
.ta-ax__pin--b{left:66.9%;height:38%}
.ta-ax__pin--b b{left:-2px}
.ta-ax__prog-line,.ta-ax__proglab,.ta-ax__shuttle,.ta-ax__country-lab{opacity:0;transition:opacity .25s ease}
.ta-ax__proglab{position:absolute;left:6%;top:calc(17.3% - 26px);font:14px var(--gft-font-mono);color:var(--ta-t1)}
.ta-ax__proglab b{font-weight:700}
.ta-ax__shuttle{position:absolute;left:6%;width:90%;top:calc(17.3% - 6px);height:12px;container-type:inline-size}
.ta-ax__shuttle i{position:absolute;left:0;top:0;width:12px;height:12px;border-radius:50%;background:var(--ta-t1)}
:root[data-m-go] [data-m-live~=ta-glide][data-m-on] i{animation-name:pbta-glide;animation-duration:7s;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes pbta-glide{from{translate:0 0}to{translate:calc(100cqw - 12px) 0}}
.ta-ax__country-lab{position:absolute;left:21.5%;top:calc(50% + 62px);font:700 13px var(--gft-font-mono);letter-spacing:.04em;color:var(--ta-och-t)}
.ta-ax__vol{position:absolute;right:calc(var(--gx) + 2%);top:calc(50% - 108px);display:grid;grid-template-columns:auto auto;gap:4px 12px;align-items:center;opacity:0;transition:opacity .25s ease}
.ta-ax__vol b{grid-column:1/-1;font:700 13px var(--gft-font-mono);color:var(--ta-och-t)}
.ta-ax__volbar{display:block;width:140px;height:14px;border:1.5px solid var(--ta-ochre)}
.ta-ax__volbar i{display:block;height:100%;background:var(--ta-ochre);transform-origin:0 50%;transform:scaleX(0)}
.ta-ax__vol strong{font-size:24px;font-weight:850;color:var(--ta-t1)}
.ta-film:not([data-step="0"]) :is(.ta-ax__pin,.ta-ax__bandlab){opacity:1}
.ta-film:is([data-step="2"],[data-step="3"]) :is(.ta-ax__prog-line,.ta-ax__proglab,.ta-ax__shuttle,.ta-ax__country-lab){opacity:1}
.ta-film[data-step="3"] .ta-ax__vol{opacity:1}
:root[data-m-go] .ta-film[data-step="3"] .ta-ax__volbar i{animation-name:pbta-drain;animation-duration:400ms;animation-timing-function:var(--ta-io);animation-delay:40ms;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes pbta-drain{from{transform:scaleX(1)}to{transform:scaleX(0)}}
.ta-film__reroute{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;clip-path:inset(0 0 100% 0);transition:clip-path .4s var(--ta-io)}
.ta-film[data-step="3"] .ta-film__reroute{clip-path:inset(0 0 0 0)}
.ta-film__relab{position:absolute;left:74%;top:80%;font-size:13px;font-weight:700;text-transform:uppercase;color:var(--ta-sage-t);opacity:0;transition:opacity .25s ease .1s}
.ta-film[data-step="3"] .ta-film__relab{opacity:1}
.ta-film__foot{position:absolute;left:calc(var(--gx) + 44px);bottom:2.5%;width:min(64%,900px);display:grid;gap:8px}
.ta-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ta-tile{display:grid;gap:2px;text-align:left;min-height:52px;padding:6px 12px;background:#072d2b;border:1px solid #e7f6ee55;border-top:3px solid #e7f6ee55;color:var(--ta-t1);transition:background-color .3s ease,border-color .3s ease}
.ta-tile span{font-size:13px;color:var(--ta-t2)}
.ta-tile strong{font-size:15px;line-height:1.25}
.ta-tile[aria-pressed=true]{border-top-color:var(--ta-ochre);background:#0a3a37}
.ta-scrub{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px}
.ta-scrub span{font-size:13px;color:var(--ta-t2)}
.ta-scrub input{accent-color:var(--ta-ochre);width:100%}
/* ta-draw: the axis draws left to right, the X snaps, numeral and card deal in */
:root[data-m-go][data-ta-arm] .ta-sec--film:not([data-ta-in]) .ta-ax{clip-path:inset(0 38% 0 0)}
:root[data-m-go][data-ta-arm] .ta-sec--film:not([data-ta-in]) :is(.ta-film__num,.ta-film__card){opacity:.65;clip-path:inset(0 0 28% 0)}
:root[data-m-go][data-ta-arm] .ta-sec--film:not([data-ta-in]) .ta-film__foot{opacity:.65}
:root[data-m-go] .ta-sec--film[data-ta-in] .ta-ax{animation-name:pbta-axis;animation-duration:240ms;animation-timing-function:var(--ta-io);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ta-sec--film[data-ta-in] .ta-ax__x{animation-name:pbta-snap;animation-duration:200ms;animation-timing-function:var(--ta-snap);animation-delay:60ms;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ta-sec--film[data-ta-in] :is(.ta-film__num,.ta-film__card){animation-name:pbta-unroll;animation-duration:220ms;animation-timing-function:var(--ta-out);animation-delay:30ms;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ta-sec--film[data-ta-in] .ta-film__card{animation-delay:50ms}
:root[data-m-go] .ta-sec--film[data-ta-in] .ta-film__foot{animation-name:pbta-fade;animation-duration:200ms;animation-delay:70ms;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes pbta-axis{from{clip-path:inset(0 38% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes pbta-unroll{from{opacity:.65;clip-path:inset(0 0 28% 0)}to{opacity:1;clip-path:inset(0 0 -12% 0)}}
@keyframes pbta-fade{from{opacity:.65}to{opacity:1}}
/* the scroll-linked progress of the record along the axis (transform only, on its own element) */
.ta-ax__prog{position:absolute;left:2%;right:4%;top:calc(50% + 84px);height:3px;background:#e7f6ee59;transform-origin:0 50%}
@supports (animation-timeline:view()){
  .ta-film{view-timeline-name:--ta-film;view-timeline-axis:block}
  :root[data-m-go] .ta-ax__prog{animation-name:pbta-prog;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--ta-film;animation-range-start:contain 0%;animation-range-end:contain 100%}
}
@keyframes pbta-prog{from{transform:scaleX(.04)}to{transform:scaleX(1)}}

/* ---------- 4 · anchor switch (paper) ---------- */
.ta-sec--anchor{background:var(--ta-paper);color:var(--ta-ink);padding:44px 0 56px}
.ta-fallin{position:absolute;left:0;top:0;width:100%;height:260px;z-index:0;pointer-events:none}
.ta-sec--anchor .ta-sec__head{max-width:62%}
.ta-sec--anchor .gft-eyebrow{color:var(--ta-leaf-ink)}
.ta-twin-wrap{position:relative}
.ta-twin__ctl{position:relative;top:0;z-index:5;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:8px 22px;align-items:center;margin:18px 0 16px;padding:12px 18px;background:var(--ta-paper);border:1px solid #9fb0a5;border-left:5px solid var(--ta-leaf-ink);box-shadow:0 8px 20px #072d2b14}
.ta-twin__ctl .ta-pills{width:100%}
.ta-reed{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;width:100%}
.ta-reed span{font-size:13px;color:var(--ta-ink2)}
.ta-reed input{width:100%;accent-color:var(--ta-ink)}
.ta-twin__state{grid-column:1/-1;font-size:13px;color:var(--ta-ink2);margin:0}
.ta-twin__state strong{color:var(--ta-ink)}
.ta-twin{display:grid;grid-template-columns:minmax(0,1fr) 3px minmax(0,1fr);gap:28px;border-top:1px solid #9fb0a5;padding-top:16px}
.ta-twin__reedline{position:relative;background:linear-gradient(#9fb0a5,#9fb0a5) center/1px 100% no-repeat}
.ta-twin__reedline i{position:absolute;left:-6px;right:-6px;top:30%;height:80px;background:var(--ta-ink);border-radius:2px}
.ta-twin__half{display:grid;gap:12px;align-content:start;min-width:0}
.ta-twin__tag{font-size:13px;text-transform:uppercase;color:var(--ta-ink2);margin:0}
.ta-twin__svg{width:100%;height:auto}
.ta-twin__svg>*{transition:opacity .5s ease}
.ta-twin__b .ta-twin__tag{text-align:right}
.ta-twin__legend{display:none}
.ta-sec--anchor[data-st=b] .ta-twin__a .ta-twin__svg>:not(text),.ta-sec--anchor[data-st=a] .ta-twin__b .ta-twin__svg>:not(text){opacity:.3}
.ta-sec--anchor[data-st=b] .ta-twin__a .ta-exp__band i,.ta-sec--anchor[data-st=a] .ta-twin__b .ta-exp__band i{opacity:.35}
.ta-exp{display:grid;gap:6px}
.ta-exp__row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.55fr);gap:12px;align-items:center}
.ta-exp__t{font-size:15px;font-weight:650;line-height:1.25}
.ta-exp__band{position:relative;min-height:38px;display:flex;align-items:center;background:#e4e9e3}
.ta-exp__band i{position:absolute;inset:0;transform:scaleY(var(--lv));transition:opacity .5s ease}
.ta-twin__a .ta-exp__band i{background:var(--ta-ochre)}
.ta-twin__b .ta-exp__band i{background:var(--ta-sage)}
.ta-exp__band em{position:relative;font-style:normal;font-size:15px;line-height:1.25;padding:3px 10px;margin-left:10px;background:var(--ta-paper);color:var(--ta-ink)}
.ta-twin__pane{padding:16px 20px;border:1px solid #c4cfc7;border-left:5px solid #c4cfc7;background:transparent;transition:background-color .4s ease,border-color .4s ease}
.ta-twin__pane .gft-eyebrow{font-size:13px;margin-bottom:8px;color:var(--ta-ink2)}
.ta-twin__pane h3{font-size:22px;line-height:1.2;letter-spacing:-.02em;margin-bottom:8px}
.ta-twin__pane :is(p,div):not(.gft-eyebrow){font-size:17px;line-height:1.55;color:var(--ta-ink2);max-width:none}
.ta-sec--anchor[data-st=a] [data-pane=a]{background:#fff;border-left-color:var(--ta-ochre);border-color:#9fb0a5 #9fb0a5 #9fb0a5 var(--ta-ochre)}
.ta-sec--anchor[data-st=b] [data-pane=b]{background:#fff;border-color:#9fb0a5 #9fb0a5 #9fb0a5 var(--ta-sage)}
.ta-sec--anchor[data-st=a] [data-pane=a] :is(p,div):not(.gft-eyebrow),.ta-sec--anchor[data-st=b] [data-pane=b] :is(p,div):not(.gft-eyebrow){color:var(--ta-ink)}
.ta-rule{margin-top:18px;padding:16px 20px;background:var(--ta-night);color:var(--ta-t1);border:1px solid #6bb68f55;border-left:5px solid var(--ta-ochre);display:grid;gap:4px}
.ta-rule__k{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--ta-och-t)}
.ta-rule__txt{font-size:16px;line-height:1.55;color:var(--ta-t1);max-width:none}
.ta-exit3{position:absolute;left:0;bottom:0;width:100%;height:80px;pointer-events:none}
.ta-twin__packet{transform-box:fill-box}
:root[data-m-go] [data-m-live~=ta-stall][data-m-on]>circle{animation-name:pbta-stall;animation-duration:4.2s;animation-timing-function:cubic-bezier(.4,0,.6,1);animation-iteration-count:infinite}
@keyframes pbta-stall{0%{translate:0 0;opacity:1}70%{translate:420px 0;opacity:1}86%{translate:420px 0;opacity:0}100%{translate:420px 0;opacity:0}}
/* ta-twill-shift: the two halves slide in on opposite diagonals and meet at the reed */
:root[data-m-go][data-ta-arm] .ta-sec--anchor:not([data-ta-in]) .ta-twin__a{opacity:.65;transform:translate(-3%,-12px)}
:root[data-m-go][data-ta-arm] .ta-sec--anchor:not([data-ta-in]) .ta-twin__b{opacity:.65;transform:translate(3%,12px)}
:root[data-m-go][data-ta-arm] .ta-sec--anchor:not([data-ta-in]) .ta-twin__reedline{transform:scaleY(.4)}
:root[data-m-go][data-ta-arm] .ta-sec--anchor:not([data-ta-in]) .ta-enter-c{opacity:.65;transform:translateY(12px)}
:root[data-m-go] .ta-sec--anchor[data-ta-in] .ta-twin__a{animation-name:pbta-twa;animation-duration:240ms;animation-timing-function:var(--ta-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ta-sec--anchor[data-ta-in] .ta-twin__b{animation-name:pbta-twb;animation-duration:240ms;animation-timing-function:var(--ta-out);animation-delay:20ms;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ta-sec--anchor[data-ta-in] .ta-twin__reedline{animation-name:pbta-reed;animation-duration:200ms;animation-timing-function:var(--ta-out);animation-delay:40ms;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ta-sec--anchor[data-ta-in] .ta-enter-c{animation-name:pbta-up;animation-duration:220ms;animation-timing-function:var(--ta-out);animation-delay:50ms;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes pbta-twa{from{opacity:.65;transform:translate(-3%,-12px)}to{opacity:1;transform:none}}
@keyframes pbta-twb{from{opacity:.65;transform:translate(3%,12px)}to{opacity:1;transform:none}}
@keyframes pbta-reed{from{transform:scaleY(.4)}to{transform:none}}

/* ---------- 5 · the peg (paper) ---------- */
.ta-sec--peg{background:var(--ta-paper);color:var(--ta-ink);padding:16px 0 64px}
.ta-sec--peg::before{content:'';position:absolute;left:94%;top:0;width:6px;height:76px;background:#3f8f6b;border-bottom-right-radius:6px;margin-left:-3px}
.ta-peg__axis{padding:20px 26px 14px;background:var(--ta-night);color:var(--ta-t1);border:1px solid #6bb68f55;border-top:4px solid var(--ta-sage)}
.ta-peg__axlab{font-size:13px;text-transform:uppercase;color:var(--ta-sage-t);margin:0 0 8px}
.ta-peg__scale{position:relative;height:142px;container-type:inline-size}
.ta-peg__line{position:absolute;left:0;right:0;top:44px;height:6px;background:var(--ta-sage)}
.ta-peg__shuttle{position:absolute;left:0;right:0;top:41px;height:12px;container-type:inline-size;pointer-events:none}
.ta-peg__shuttle i{position:absolute;left:0;top:0;width:12px;height:12px;border-radius:50%;background:var(--ta-t1);box-shadow:0 0 0 4px #6bb68f66}
:root[data-m-go] [data-m-live~=ta-peg-tick][data-m-on] i{animation-name:pbta-glide;animation-duration:6.4s;animation-timing-function:linear;animation-iteration-count:infinite}
.ta-peg__band{position:absolute;top:31px;height:32px;overflow:clip;background:repeating-linear-gradient(0deg,#c98a2b 0 3px,#c98a2b40 3px 6px);clip-path:polygon(0 8%,3% 0,97% 10%,100% 0,99% 50%,100% 100%,96% 90%,2% 100%,0 92%,1% 50%);transition:opacity .45s ease}
.ta-peg__band span{position:absolute;inset:0}
:root[data-m-go] [data-m-live~=ta-shimmer][data-m-on]{background:linear-gradient(90deg,transparent 30%,#fff8 50%,transparent 70%);animation-name:pbta-shimmer;animation-duration:3.4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
@keyframes pbta-shimmer{from{transform:translateX(-100%);filter:brightness(1)}50%{filter:brightness(1.3)}to{transform:translateX(100%);filter:brightness(1)}}
.ta-peg__win{position:absolute;top:66px;height:5px;background:var(--ta-och-t)}
.ta-peg__winlab{position:absolute;top:76px;translate:-50% 0;white-space:nowrap;font:13px var(--gft-font-mono);color:var(--ta-och-t)}
.ta-peg__winlab--b{top:98px}
.ta-peg__mark{position:absolute;top:22px;width:3px;height:50px;margin-left:-1.5px;background:var(--ta-t1);transform:translateX(calc(var(--s,0) * 33.57cqw));transition:transform .2s ease}
.ta-peg__knot{position:absolute;top:47px;width:0;height:0}
.ta-peg__knot i{position:absolute;left:-17px;top:-17px;width:34px;height:34px;border-radius:50%;background:var(--ta-night);border:6px solid var(--ta-t1);box-shadow:0 0 0 4px var(--ta-sage)}
.ta-peg__knotlab{position:absolute;top:-4px;translate:-50% 0;white-space:nowrap;font:15px var(--gft-font-mono);color:var(--ta-t1)}
.ta-peg__knotlab b{font-weight:800}
.ta-peg__tick{position:absolute;top:118px;translate:-50% 0;font:14px var(--gft-font-mono);color:var(--ta-t2)}
.ta-peg__tick--l{translate:0 0}
.ta-peg__tick--r{translate:-100% 0}
.ta-peg__bandlab{position:absolute;top:0;font:700 13px var(--gft-font-mono);color:var(--ta-och-t);white-space:nowrap}
.ta-peg[data-st=eur] .ta-peg__band{opacity:.55}
.ta-peg[data-st=usd] .ta-peg__knot{opacity:.5}
.ta-peg__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;margin-top:24px;align-items:start}
.ta-peg__left .gft-eyebrow{color:var(--ta-leaf-ink)}
.ta-peg__left .ta-h{font-size:clamp(1.8rem,2.4vw,2.6rem)}
.ta-peg__left .ta-lede{font-size:17px;color:var(--ta-ink2)}
.ta-peg__panel{margin-top:20px;display:grid;gap:14px}
.ta-pills--sm span{min-height:48px;font-size:15px}
.ta-peg__amt{display:grid;gap:4px}
.ta-peg__amt span{font-size:14px;color:var(--ta-ink2)}
.ta-peg__amt input,.ta-shock__ctl input{width:100%;accent-color:var(--ta-ink)}
.ta-peg__out{border-left:4px solid var(--ta-sage);padding-left:18px}
.ta-peg__outk{font-size:13px;text-transform:uppercase;color:var(--ta-ink2);margin:0 0 4px}
.ta-peg__out [data-for]{display:grid;gap:4px;max-width:none}
.ta-peg__big{font-size:clamp(32px,3vw,44px);font-weight:850;letter-spacing:-.05em;line-height:1.05;white-space:nowrap;position:relative}
.ta-peg__big--band{font-size:clamp(26px,2.4vw,36px)}
.ta-peg__out [data-for] span{font-size:16px;line-height:1.5;color:var(--ta-ink2)}
.ta-peg__right h3{font-size:22px;letter-spacing:-.02em;margin-bottom:10px}
.ta-peg__why{font-size:17px;line-height:1.55;color:var(--ta-ink2);max-width:none}
.ta-shock{margin-top:16px;display:grid;gap:12px;padding:18px 20px;background:#ebefe9}
.ta-shock__ctl{display:grid;gap:4px}
.ta-shock__ctl>span:first-child{font-size:14px}
.ta-shock__ends{display:flex;justify-content:space-between;font-size:13px;color:var(--ta-ink2)}
.ta-shock__bars{display:grid;gap:12px}
.ta-shock__name{font-size:15px;font-weight:700;margin:0 0 4px}
.ta-shock__lane{position:relative;min-height:46px;display:flex;align-items:center;background:#d6ddd6;border-radius:23px;overflow:clip}
.ta-shock__fill{position:absolute;inset:0;border-radius:23px;transition:clip-path .35s ease}
.ta-shock__fill--usd{background:var(--ta-ochre);clip-path:inset(0 calc((1 - var(--s,0)) * 100%) 0 0)}
.ta-shock__fill--xaf{background:var(--ta-sage);clip-path:inset(0 97% 0 0)}
.ta-shock__val{position:relative;padding:6px 18px;font-size:15px;line-height:1.3;color:var(--ta-ink)}
.ta-shock .ta-note{margin-top:0}
.ta-l4out{position:absolute;left:0;right:0;bottom:6px;height:4px;background:repeating-linear-gradient(90deg,var(--ta-ochre) 0 10px,transparent 10px 18px)}
.ta-l4out span{position:absolute;left:var(--ta-gx);bottom:10px;font-size:13px;font-weight:700;text-transform:uppercase;color:var(--ta-och-ink)}
/* ta-slot: the axis frays in, the knot drops onto it, the figure slots in from blank */
:root[data-m-go][data-ta-arm] .ta-sec--peg:not([data-ta-in]) .ta-enter-a{clip-path:inset(0 32% 0 0)}
:root[data-m-go][data-ta-arm] .ta-sec--peg:not([data-ta-in]) .ta-peg__knot i{transform:translateY(-20px);opacity:.65}
:root[data-m-go][data-ta-arm] .ta-sec--peg:not([data-ta-in]) .ta-enter-b{opacity:.65;clip-path:inset(0 0 24% 0)}
:root[data-m-go][data-ta-arm] .ta-sec--peg:not([data-ta-in]) .ta-enter-c{opacity:.65;transform:translateX(18px)}
:root[data-m-go] .ta-sec--peg[data-ta-in] .ta-enter-a{animation-name:pbta-fray;animation-duration:220ms;animation-timing-function:var(--ta-io);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ta-sec--peg[data-ta-in] .ta-peg__knot i{animation-name:pbta-knotdrop;animation-duration:200ms;animation-timing-function:var(--ta-snap);animation-delay:40ms;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ta-sec--peg[data-ta-in] .ta-enter-b{animation-name:pbta-slot;animation-duration:220ms;animation-timing-function:var(--ta-out);animation-delay:30ms;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ta-sec--peg[data-ta-in] .ta-enter-c{animation-name:pbta-from-r;animation-duration:220ms;animation-timing-function:var(--ta-out);animation-delay:60ms;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes pbta-fray{from{clip-path:inset(0 32% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes pbta-knotdrop{from{transform:translateY(-20px);opacity:.65}to{transform:none;opacity:1}}
@keyframes pbta-slot{from{opacity:.65;clip-path:inset(0 0 24% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
@keyframes pbta-from-r{from{opacity:.65;transform:translateX(18px)}to{opacity:1;transform:none}}

/* ---------- 6 · AfCFTA (paper mist) ---------- */
.ta-sec--afc{background:var(--ta-mist);color:var(--ta-ink);padding:48px 0 0}
.ta-sec--afc .gft-eyebrow{color:var(--ta-leaf-ink)}
.ta-sec--afc .ta-sec__head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);column-gap:48px;align-items:end}
.ta-sec--afc .ta-sec__head .gft-eyebrow{grid-column:1/-1}
.ta-sec--afc .ta-lede{margin:0;font-size:17px;color:var(--ta-ink2)}
.ta-l4in{position:absolute;left:0;right:0;top:-4px;height:4px}
.ta-l4in i{position:absolute;top:-2px;left:calc(var(--ta-gx) + (100% - 2 * var(--ta-gx)) * .53 + var(--k) * 9px);width:8px;height:8px;background:var(--ta-ochre);opacity:0}
.ta-afc{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:48px;margin-top:26px;align-items:start}
.ta-waffle{position:relative;display:grid;grid-template-rows:repeat(25,1fr);grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;aspect-ratio:40/25.6;overflow:clip;--dc:37;--dr:25;--pc:0;--pr:38}
.ta-waffle i{background:var(--ta-forest)}
.ta-waffle i.u{background:var(--ta-ochre)}
.ta-waffle b{position:absolute;pointer-events:none}
.ta-waffle__frame{left:calc(90% - 4px);top:-1px;bottom:-1px;width:calc(10% + 6px);border:4px solid var(--ta-ink);opacity:0;transition:opacity .4s ease}
.ta-waffle__ring{left:90%;top:0;bottom:0;width:10%;box-shadow:inset 0 0 0 3px #f2d29a}
.ta-waffle__stamp{right:1%;top:42%;padding:8px 12px;background:var(--ta-paper);border:3px solid var(--ta-ink);font:700 14px var(--gft-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ta-ink);rotate:-8deg;transform-origin:50% 50%;opacity:0;scale:1.4;transition:opacity .35s ease,scale .45s var(--ta-snap)}
.ta-waffle__cursor{left:0;top:0;width:calc((100% + 3px) / 40);height:calc((100% + 3px) / 25);outline:3px solid var(--ta-ink);outline-offset:-1px;box-shadow:0 0 0 5px #f6f4efcc;transform:translate(calc(var(--dc) * 100%),calc(var(--dr) * 100%));transition:transform .18s ease}
.ta-waffle__sweep{inset:0 10% 0 0;overflow:clip}
.ta-waffle__sweep::before{content:'';position:absolute;inset:0;width:30%;background:linear-gradient(90deg,transparent,#e7f6ee55,transparent);transform:translateX(-100%)}
:root[data-m-go] [data-m-live~=ta-sweep][data-m-on]::before{animation-name:pbta-sweep;animation-duration:7s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
@keyframes pbta-sweep{0%{transform:translateX(-100%)}40%,100%{transform:translateX(340%)}}
.ta-afc[data-st="1"] .ta-waffle__frame,.ta-afc[data-st="2"] .ta-waffle__frame,.ta-afc[data-st="3"] .ta-waffle__frame{opacity:1}
.ta-afc[data-st="2"] .ta-waffle__stamp,.ta-afc[data-st="3"] .ta-waffle__stamp{opacity:1;scale:1}
.ta-afc__probe{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:12px}
.ta-afc__range{display:flex;align-items:center;gap:10px;flex:1 1 260px}
.ta-afc__range span{font-size:13px;white-space:nowrap}
.ta-afc__range input{flex:1;accent-color:var(--ta-ink)}
/* two lines reserved: hovering a cell swaps a long readout for a short one, and the page must not change height */
.ta-afc__cell{font-size:15px;line-height:1.65;min-height:3.3em;margin:0;flex:1 1 320px}
.ta-afc__key{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:13px;color:var(--ta-ink2);margin-top:8px}
.ta-afc__key span{display:inline-flex;align-items:center;gap:8px}
.ta-afc__key i{display:inline-block;width:13px;height:13px;background:var(--ta-forest)}
.ta-afc__key i.u{background:var(--ta-ochre)}
.ta-afc__figs{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ta-afc__figs>*{display:grid;gap:6px;max-width:none}
.ta-afc__figs strong{font-size:48px;font-weight:850;letter-spacing:-.05em;line-height:1;color:var(--ta-forest)}
.ta-afc__figs-u strong{color:var(--ta-och-ink)}
.ta-afc__figs span{font-size:15px;line-height:1.4;color:var(--ta-ink2)}
.ta-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:20px 0 0;padding:0;border:0;min-width:0}
.ta-tabs label{position:relative;cursor:pointer}
.ta-tabs input{position:absolute;opacity:0;width:1px;height:1px}
.ta-tabs span{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 14px;border:1px solid #9fb0a5;background:var(--ta-paper);font-size:15px;font-weight:700;transition:background-color .3s ease,color .3s ease}
.ta-tabs span b{font:700 13px var(--gft-font-mono)}
.ta-tabs input:checked+span{background:var(--ta-ink);color:var(--ta-paper);border-color:var(--ta-ink)}
.ta-tabs input:focus-visible+span{outline:3px solid var(--ta-ochre);outline-offset:-3px}
.ta-afc__read{margin-top:16px;min-height:220px}
.ta-afc__item{display:grid;gap:10px;align-content:start}
.ta-afc__mark{font-size:19px;line-height:1.45;font-weight:650;margin:0;max-width:none;border-left:4px solid var(--ta-ochre);padding-left:14px}
.ta-afc__txt{font-size:17px;line-height:1.55;color:var(--ta-ink2);margin:0;max-width:none}
.ta-afc__market{display:grid;gap:8px}
.ta-afc__mrow{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center}
.ta-afc__mrow span{font-size:14px}
.ta-afc__mtrack{height:18px;background:#d6ddd6;position:relative}
.ta-afc__mtrack i{position:absolute;inset:0;background:var(--ta-forest);transform-origin:0 50%;transform:scaleX(var(--w))}
.ta-afc__mrow strong{font-size:22px;font-weight:850;letter-spacing:-.03em}
.ta-afc__miss{margin-top:14px;font-size:13px;border-top:1px solid #9fb0a5;padding-top:8px}
.ta-afc__miss summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font:700 13px var(--gft-font-mono);letter-spacing:.04em}
.ta-afc__miss>div{font-size:14px;line-height:1.6;max-width:none;color:var(--ta-ink2)}
/* the column fall: agreed columns go dark from the left into the interlude's night; the unresolved ones stay lit */
.ta-colfall{position:relative;margin-top:20px;height:14svh;min-height:110px;display:grid;grid-template-columns:repeat(40,1fr);align-items:end}
.ta-colfall i{position:relative;height:100%}
.ta-colfall b{position:absolute;left:0;right:-1px;bottom:0;height:calc(100% - var(--c) * 1.7%);background:var(--ta-night);transform-origin:50% 100%}
.ta-colfall i.is-u b::before{content:'';position:absolute;left:18%;right:18%;top:0;height:14px;background:var(--ta-ochre)}
@supports (animation-timeline:view()){
  .ta-colfall{view-timeline-name:--ta-fall;view-timeline-axis:block}
  :root[data-m-go] .ta-colfall b{animation-name:pbta-fall;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--ta-fall;animation-range-start:entry calc(var(--c) * 1.2%);animation-range-end:cover calc(42% + var(--c) * .5%)}
}
@keyframes pbta-fall{from{transform:scaleY(.04)}to{transform:scaleY(1)}}
/* ta-cols: the waffle fills column by column; lane 4's dashes drop into its last columns */
:root[data-m-go][data-ta-arm] .ta-sec--afc:not([data-ta-in]) .ta-enter-a{clip-path:inset(0 36% 0 0)}
:root[data-m-go][data-ta-arm] .ta-sec--afc:not([data-ta-in]) .ta-l4in i{opacity:1}
:root[data-m-go][data-ta-arm] .ta-sec--afc:not([data-ta-in]) .ta-enter-b{opacity:.68;transform:scale(.94);transform-origin:0 100%}
:root[data-m-go][data-ta-arm] .ta-sec--afc:not([data-ta-in]) .ta-enter-c{opacity:.68;transform:translateY(12px)}
:root[data-m-go] .ta-sec--afc[data-ta-in] .ta-enter-a{animation-name:pbta-cols;animation-duration:220ms;animation-timing-function:steps(8,end);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ta-sec--afc[data-ta-in] .ta-l4in i{animation-name:pbta-dashdrop;animation-duration:240ms;animation-timing-function:cubic-bezier(.5,0,.9,.5);animation-delay:calc(var(--k) * 15ms);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ta-sec--afc[data-ta-in] .ta-enter-b{animation-name:pbta-pop;animation-duration:200ms;animation-timing-function:var(--ta-snap);animation-delay:30ms;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal;transform-origin:0 100%}
:root[data-m-go] .ta-sec--afc[data-ta-in] .ta-enter-c{animation-name:pbta-up;animation-duration:220ms;animation-timing-function:var(--ta-out);animation-delay:50ms;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes pbta-cols{from{clip-path:inset(0 36% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes pbta-dashdrop{from{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(300px) rotate(90deg)}}
@keyframes pbta-pop{from{opacity:.68;transform:scale(.94)}to{opacity:1;transform:none}}

/* ---------- 7 · interlude (night, pinned) ---------- */
.ta-sec--int{background:var(--ta-night);color:var(--ta-t1)}
.ta-int__track{height:112svh;--gx:var(--ta-gx)}
.ta-int__stage{position:sticky;top:0;height:82svh;min-height:640px;overflow:clip}
.ta-int__stage::after{content:'';position:absolute;inset:0;background:var(--ta-night);opacity:0;pointer-events:none;z-index:3}
.ta-int__contour{position:absolute;inset:0;width:100%;height:100%}
.ta-int__warp{position:absolute;inset:0;container-type:size}
.ta-int__lane{position:absolute;left:0;right:0;display:block;transition:filter .45s ease}
.ta-int__lane--1{top:10%;height:5px;background-image:linear-gradient(90deg,var(--ta-ochre) 0 43%,transparent 43%),repeating-linear-gradient(90deg,#cfe0d699 0 6px,transparent 6px 15px);background-size:100% 100%,52% 100%;background-position:0 0,100% 0;background-repeat:no-repeat}
.ta-int__cut{position:absolute;left:45%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:var(--ta-night);border:3px solid var(--ta-ochre)}
.ta-int__cut::before,.ta-int__cut::after{content:'';position:absolute;left:50%;top:50%;width:22px;height:4px;margin:-2px 0 0 -11px;background:var(--ta-ochre);rotate:45deg}
.ta-int__cut::after{rotate:-45deg}
.ta-int__lane--3{top:18%;height:6px;background:var(--ta-sage)}
.ta-int__lane--4{top:26%;height:4px;background:repeating-linear-gradient(90deg,var(--ta-ochre) 0 10px,transparent 10px 18px)}
.ta-int__slab{position:absolute;left:68%;right:3%;top:-5px;height:14px;background:repeating-linear-gradient(90deg,var(--ta-ochre) 0 7px,transparent 7px 10px)}
.ta-int__lane--2{top:85%;height:9px;background:var(--ta-sage)}
.ta-int__drop{position:absolute;left:calc(var(--gx) + (100% - 2 * var(--gx) - 40px) * .42 + 68px);top:85%;bottom:0;width:9px;margin-left:-4px;background:var(--ta-sage);border-top-left-radius:12px}
.ta-int__fibre{position:absolute;left:50%;bottom:24px;width:30px;height:30px;margin-left:-15px;border-radius:50%;background:var(--ta-night);border:4px solid var(--ta-t1)}
.ta-int__droplab{position:absolute;left:calc(var(--gx) + (100% - 2 * var(--gx) - 40px) * .42 + 96px);bottom:26px;font-size:13px;color:var(--ta-sage-t)}
.ta-int__lab{position:absolute;left:var(--gx);font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.ta-int__lab--1{top:calc(10% - 24px);color:var(--ta-och-t)}
.ta-int__lab--3{top:calc(18% - 24px);color:var(--ta-sage-t)}
.ta-int__lab--4{top:calc(26% - 24px);color:var(--ta-och-t)}
.ta-int__lab--2{top:calc(85% - 26px);color:var(--ta-sage-t)}
.ta-int__nodes b{position:absolute;top:calc(85% + 4px);width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--ta-t1);border:3px solid var(--ta-night)}
.ta-int__run{position:absolute;inset:0}
.ta-int__dot{position:absolute;left:0;width:12px;height:12px;border-radius:50%;background:var(--ta-t1)}
.ta-int__dot--2{top:calc(85% - 1px)}
.ta-int__dot--3{top:calc(18% - 3px)}
:root[data-m-go] [data-m-live~=ta-run][data-m-on] .ta-int__dot{animation-name:pbta-run;animation-duration:7s;animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:var(--d)}
@keyframes pbta-run{from{transform:translateX(0)}to{transform:translateX(100cqw)}}
.ta-int__track[data-st="1"] .ta-int__lane:not(.ta-int__lane--1),.ta-int__track[data-st="2"] .ta-int__lane:not(.ta-int__lane--2),
.ta-int__track[data-st="3"] .ta-int__lane:not(.ta-int__lane--3),.ta-int__track[data-st="4"] .ta-int__lane:not(.ta-int__lane--4){filter:brightness(.55) saturate(.6)}
.ta-int__track[data-st="1"] .ta-int__lane--1,.ta-int__track[data-st="2"] .ta-int__lane--2,.ta-int__track[data-st="3"] .ta-int__lane--3,.ta-int__track[data-st="4"] .ta-int__lane--4{filter:brightness(1.25) drop-shadow(0 0 8px #6bb68f88)}
.ta-int__body{position:absolute;left:var(--gx);right:var(--gx);top:31%;bottom:18%;display:grid;align-content:center;justify-items:center;text-align:center;gap:10px;z-index:2}
.ta-int__k{color:var(--ta-sage-t);margin:0}
.ta-int__quote{font-size:clamp(2.4rem,4vw,3.6rem);line-height:1.1;max-width:24ch;margin:0;color:var(--ta-t1)}
.ta-int__src{font-size:14px;color:var(--ta-t2);margin:0}
.ta-int__chips{display:grid;justify-items:center;gap:8px}
.ta-lchips{display:flex;gap:8px;margin:0;padding:0;border:0}
.ta-lchips label{position:relative;cursor:pointer}
.ta-lchips input{position:absolute;opacity:0;width:1px;height:1px}
.ta-lchips span{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px;border:1px solid #e7f6ee80;font-size:15px;font-weight:650}
.ta-lchips span b{font:700 13px var(--gft-font-mono)}
.ta-lchips input:checked+span{background:var(--ta-t2);color:var(--ta-night)}
.ta-lchips input:focus-visible+span{outline:3px solid var(--ta-ochre);outline-offset:2px}
.ta-int__state{font:15px var(--gft-font-mono);color:var(--ta-t1);margin:0;min-height:24px}
@supports (animation-timeline:view()){
  .ta-int__track{view-timeline-name:--ta-int;view-timeline-axis:block}
  :root[data-m-go] .ta-wl{animation-name:pbta-wl;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--ta-int;animation-range-start:entry calc(25% + var(--p) * 30%);animation-range-end:entry calc(30% + var(--p) * 30%)}
  :root[data-m-go] .ta-int__nodes b{animation-name:pbta-node;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--ta-int;animation-range-start:entry calc(25% + var(--p) * 30%);animation-range-end:entry calc(30% + var(--p) * 30%)}
}
@keyframes pbta-wl{from{opacity:.72}to{opacity:1}}
@keyframes pbta-node{from{opacity:.3;transform:scale(.5)}to{opacity:1;transform:scale(1)}}
/* ta-veil: a night veil wipes off, the warp slides in, the quote swings in word by word */
:root[data-m-go][data-ta-arm] .ta-sec--int:not([data-ta-in]) .ta-int__stage::after{opacity:.35}
:root[data-m-go][data-ta-arm] .ta-sec--int:not([data-ta-in]) .ta-int__warp{opacity:.65;transform:translateX(-3%)}
:root[data-m-go] .ta-sec--int[data-ta-in] .ta-int__stage::after{animation-name:pbta-veil;animation-duration:220ms;animation-timing-function:var(--ta-io);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ta-sec--int[data-ta-in] .ta-int__warp{animation-name:pbta-warp;animation-duration:240ms;animation-timing-function:var(--ta-out);animation-delay:20ms;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes pbta-veil{from{opacity:.35;clip-path:inset(0 0 0 0)}to{opacity:.35;clip-path:inset(0 0 0 100%)}}
@keyframes pbta-warp{from{opacity:.65;transform:translateX(-3%)}to{opacity:1;transform:none}}

/* ---------- 8 · origin passport (forest, sticky scene B) ---------- */
.ta-sec--pass{background:var(--ta-forest);color:var(--ta-t1);padding-bottom:20px}
.ta-pass{display:grid;grid-template-columns:minmax(0,1fr);--lp:.14}
.ta-pass[data-step="1"]{--lp:.30}
.ta-pass[data-step="2"]{--lp:.46}
.ta-pass[data-step="3"]{--lp:.62}
.ta-pass[data-step="4"]{--lp:.80}
.ta-pass__phonehead{display:none}
.ta-pass__steps{grid-column:1;grid-row:1;list-style:none;margin:0;padding:0;pointer-events:none}
.ta-pass__steps li{min-height:76svh}
.ta-pass__steps li:first-child{min-height:82svh}
.ta-pass__steps li:last-child{min-height:72svh}
.ta-pass__pcard{display:none}
.ta-pass__stage{grid-column:1;grid-row:1;position:sticky;top:0;align-self:start;height:82svh;min-height:600px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:36px;align-items:center}
.ta-pass__dcard{grid-column:1;align-self:center;z-index:2}
.ta-pass__rbox{grid-column:2;position:relative;height:100%;min-height:600px}
.ta-pass__card{background:#072d2b;border:1px solid #e7f6ee40;border-left:5px solid var(--ta-sage);padding:26px 30px;max-width:580px;transition:border-color .4s ease}
.ta-pass__card .gft-eyebrow{color:var(--ta-sage-t);font-size:13px;margin-bottom:10px}
.ta-pass__card h3{font-size:clamp(22px,1.8vw,28px);line-height:1.15;letter-spacing:-.025em;margin-bottom:12px}
.ta-pass__txt{font-size:17px;line-height:1.6;color:var(--ta-t1);margin:0;max-width:none}
.ta-pass__chip{display:inline-flex;align-items:center;gap:10px;margin:16px 0 0;padding:8px 12px;border:1px solid var(--ta-sage);font-size:13px;color:var(--ta-t1)}
.ta-pass__chip i{width:12px;height:12px;border-radius:50%;background:var(--ta-sage)}
.ta-pass__plate{position:absolute;left:0;right:0;top:2%;bottom:2%;background:#0a3a37;border:1px solid #e7f6ee30}
.ta-pass__spine{position:absolute;left:24px;top:0;bottom:0;width:9px}
.ta-pass__thread{position:absolute;inset:0;background:#6bb68f66}
.ta-pass__lit{position:absolute;inset:0;background:var(--ta-sage);clip-path:inset(calc((1 - var(--lp)) * 100%) 0 0 0);transition:clip-path .35s var(--ta-io);overflow:clip}
.ta-pass__lit b{position:absolute;left:-3px;right:-3px;bottom:0;height:60px;background:linear-gradient(transparent,#f6f4ef,transparent)}
:root[data-m-go] [data-m-live~=ta-climb][data-m-on] .ta-pass__lit b{animation-name:pbta-climb;animation-duration:2.6s;animation-timing-function:ease-in;animation-iteration-count:infinite}
@keyframes pbta-climb{from{transform:translateY(0)}to{transform:translateY(-100svh)}}
.ta-pass__coil{position:absolute;left:0;top:84%;bottom:-2px;width:calc(75vw - (max(32px,(100vw - 1440px) / 2) + (100vw - 2 * max(32px,(100vw - 1440px) / 2) - 40px) * .42 + 64px));border-left:9px solid var(--ta-sage);border-bottom:9px solid var(--ta-sage);border-bottom-left-radius:70px;clip-path:inset(0 100% 0 0);transition:clip-path .4s var(--ta-io)}
.ta-pass[data-step="4"] .ta-pass__coil{clip-path:inset(0 0 0 0)}
.ta-pass__head{position:absolute;left:64px;right:24px;top:4%}
.ta-pass__head .gft-eyebrow{color:var(--ta-sage-t);margin-bottom:6px}
.ta-pass__head .ta-h{font-size:clamp(1.5rem,1.85vw,2.05rem);max-width:32ch}
.ta-knots{position:absolute;left:0;top:0;bottom:0;width:190px}
.ta-knot-btn{position:absolute;left:4px;top:calc(88% - var(--k) * 14.5%);display:flex;align-items:center;gap:12px;min-height:44px;padding:0 10px 0 0;background:transparent;border:0;color:var(--ta-t1);font:700 14px var(--gft-font-mono);letter-spacing:.03em;transform:translateY(-50%)}
.ta-knot-btn i{width:32px;height:32px;border-radius:50%;background:var(--ta-night);border:4px solid #6bb68f88;transition:background-color .25s ease,border-color .25s ease}
.ta-knot-btn[data-tied] i{background:var(--ta-t1);border-color:var(--ta-sage)}
.ta-knot-btn[aria-pressed=true]{color:var(--ta-sage-t)}
.ta-knot-btn[aria-pressed=true] i{box-shadow:0 0 0 6px #6bb68f55}
.ta-pass__ill{position:absolute;left:184px;right:18px;top:21%;bottom:15%}
.ta-pass__ill svg{width:100%;height:100%}
.ta-pass__ill>:not([data-on]){clip-path:inset(0 0 0 100%);opacity:0;visibility:hidden;transition:opacity .14s ease,clip-path .18s var(--ta-io),visibility 0s linear .18s}
.ta-pass__ill>[data-on]{clip-path:inset(0 0 0 0);opacity:1;visibility:visible;transition:opacity .18s ease,clip-path .22s var(--ta-out),visibility 0s}
.ta-pass__read{position:absolute;left:184px;right:24px;bottom:4.5%;padding:10px 16px;border:1px solid var(--ta-sage);border-left:5px solid var(--ta-sage);background:#072d2b;font-size:15px;color:var(--ta-t1);margin:0}
.ta-disc--pass{margin-top:8px;padding:4px 18px;background:#072d2b;border:1px solid #e7f6ee40;border-left:4px solid var(--ta-sage)}
/* ta-knot: the plate and the illustration lift in two layers, the spine ties up from its foot */
:root[data-m-go][data-ta-arm] .ta-sec--pass:not([data-ta-in]) .ta-pass__plate{opacity:.68;transform:translateY(20px)}
:root[data-m-go][data-ta-arm] .ta-sec--pass:not([data-ta-in]) .ta-pass__ill{opacity:.68;transform:translateY(28px) scale(.97)}
:root[data-m-go][data-ta-arm] .ta-sec--pass:not([data-ta-in]) .ta-knots{opacity:.68;transform:translateY(14px)}
:root[data-m-go] .ta-sec--pass[data-ta-in] .ta-pass__plate{animation-name:pbta-plate;animation-duration:220ms;animation-timing-function:var(--ta-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ta-sec--pass[data-ta-in] .ta-pass__ill{animation-name:pbta-ill;animation-duration:240ms;animation-timing-function:var(--ta-out);animation-delay:30ms;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ta-sec--pass[data-ta-in] .ta-knots{animation-name:pbta-knots;animation-duration:220ms;animation-timing-function:var(--ta-snap);animation-delay:50ms;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes pbta-plate{from{opacity:.68;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes pbta-ill{from{opacity:.68;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}
@keyframes pbta-knots{from{opacity:.68;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ---------- 9 · closing compass (night) ---------- */
.ta-sec--close{background:var(--ta-night);color:var(--ta-t1);padding:40px 0 48px;overflow:clip;min-height:84svh;display:grid;align-items:center}
.ta-close__in{position:absolute;left:0;top:0;width:100%;height:260px;pointer-events:none}
.ta-close__out{position:absolute;left:0;bottom:0;width:100%;height:180px;pointer-events:none;transition:opacity .5s ease}
.ta-sec--close:has(.ta-close:not([data-st=all])) .ta-close__out{opacity:.25}
.ta-close__head .gft-eyebrow{color:var(--ta-sage-t);margin-bottom:10px}
.ta-close__head .ta-h{font-size:clamp(1.9rem,2.7vw,2.75rem);max-width:16ch}
.ta-close{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.44fr);gap:36px;align-items:center}
.ta-close__left{display:grid;gap:12px}
.ta-close__lane{min-height:132px}
.ta-close__lh{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 6px}
.ta-close__lt{font-size:16px;line-height:1.55;color:var(--ta-t1);margin:0;max-width:none}
.ta-close__ctls{display:grid;gap:10px}
.ta-stops__lg{font-size:13px;color:var(--ta-t2);text-transform:uppercase;padding:0;margin-bottom:4px}
.ta-stops,.ta-scen{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0;border:0;min-width:0}
.ta-stops label,.ta-scen label{position:relative;cursor:pointer}
.ta-stops input,.ta-scen input{position:absolute;opacity:0;width:1px;height:1px}
.ta-stops span,.ta-scen span{display:inline-flex;align-items:center;min-height:44px;padding:5px 11px;border:1px solid #e7f6ee80;font-size:15px;font-weight:650;transition:background-color .3s ease,color .3s ease}
.ta-stops input:checked+span,.ta-scen input:checked+span{background:var(--ta-t2);color:var(--ta-night)}
.ta-stops input:focus-visible+span,.ta-scen input:focus-visible+span{outline:3px solid var(--ta-ochre);outline-offset:2px}
.ta-close__scen{font-size:13px;color:var(--ta-t2);margin:0}
.ta-close__next{position:relative;display:grid;gap:2px;padding:12px 18px;background:#0e4d4a;border:1px solid var(--ta-sage);border-left:5px solid var(--ta-sage);color:var(--ta-t1);text-decoration:none;overflow:clip;transition:background-color .3s ease,border-color .3s ease}
.ta-close__next:hover,.ta-close__next:focus-visible{background:#125e5a;border-color:var(--ta-t1)}
.ta-close__next-k{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ta-sage-t)}
.ta-close__next-t{font-size:20px;font-weight:850;letter-spacing:-.02em;line-height:1.2}
.ta-close__next-s{font-size:14px;color:var(--ta-t2)}
.ta-close__next-wire{position:absolute;left:0;right:0;bottom:0;height:3px;background:repeating-linear-gradient(90deg,var(--ta-sage) 0 18px,transparent 18px 28px)}
.ta-close__stage{display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:12px;align-items:center}
.ta-close__rose{position:relative;width:min(100%,600px,calc(100svh - 170px));aspect-ratio:1;justify-self:end}
.ta-rose--closing .ta-lane:hover .ta-lane__aim{opacity:.65}
.ta-close__stamp{position:absolute;left:50%;bottom:2%;translate:-50% 0;rotate:-6deg;padding:6px 14px;border:2px solid var(--ta-och-t);color:var(--ta-och-t);font:700 13px var(--gft-font-mono);letter-spacing:.06em;text-transform:uppercase;background:#072d2bf0;opacity:0;scale:1.3;transition:opacity .35s ease,scale .4s var(--ta-snap)}
.ta-close[data-sc=up] .ta-close__stamp{opacity:1;scale:1}
.ta-rose--closing .ta-rose__spin,.ta-rose--closing .ta-rose__turn{transform-origin:400px 400px}
.ta-rose--closing .ta-rose__turn{rotate:var(--ta-rot);transition:--ta-rot .9s var(--ta-io)}
.ta-rose--closing :is(.ta-up,.ta-cut){rotate:calc(var(--ta-rot) * -1)}
.ta-close[data-st=us] .ta-rose__turn{--ta-rot:140deg}
.ta-close[data-st=domestic] .ta-rose__turn{--ta-rot:18deg}
.ta-close[data-st=cemac] .ta-rose__turn{--ta-rot:-22deg}
.ta-close[data-st=afcfta] .ta-rose__turn{--ta-rot:-112deg}
.ta-close[data-st=us] .ta-lane:not([data-lane=us])>:not(.ta-up,.ta-lane__ret,.ta-lane__aim),.ta-close[data-st=domestic] .ta-lane:not([data-lane=domestic])>:not(.ta-up,.ta-lane__ret,.ta-lane__aim),
.ta-close[data-st=cemac] .ta-lane:not([data-lane=cemac])>:not(.ta-up,.ta-lane__ret,.ta-lane__aim),.ta-close[data-st=afcfta] .ta-lane:not([data-lane=afcfta])>:not(.ta-up,.ta-lane__ret,.ta-lane__aim){opacity:.35}
.ta-rose--closing .ta-lab{transition:opacity .35s ease}
.ta-rose--closing .ta-lab--own,.ta-close:not([data-st=all]) .ta-lab--all{opacity:0}
.ta-close[data-st=us] [data-lane=us] .ta-lab--own,.ta-close[data-st=afcfta] [data-lane=afcfta] .ta-lab--own{opacity:1}
.ta-close[data-st=us] .ta-lane:not([data-lane=us]) .ta-lab,.ta-close[data-st=domestic] .ta-lane:not([data-lane=domestic]) .ta-lab,
.ta-close[data-st=cemac] .ta-lane:not([data-lane=cemac]) .ta-lab,.ta-close[data-st=afcfta] .ta-lane:not([data-lane=afcfta]) .ta-lab{opacity:0}
.ta-close[data-st=us] [data-lane=us] :is(.ta-lane__ret,.ta-lane__aim),.ta-close[data-st=domestic] [data-lane=domestic] :is(.ta-lane__ret,.ta-lane__aim),
.ta-close[data-st=cemac] [data-lane=cemac] :is(.ta-lane__ret,.ta-lane__aim),.ta-close[data-st=afcfta] [data-lane=afcfta] :is(.ta-lane__ret,.ta-lane__aim){opacity:1}
.ta-close[data-sc=up] .ta-lane__dead{opacity:0}
.ta-close[data-sc=up] :is(.ta-lane__upside,[data-lane=afcfta] .ta-lane__flow){opacity:1}
.ta-doors{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ta-doors a,.ta-doors__pending{position:relative;display:grid;gap:2px;width:220px;max-width:100%;min-height:44px;padding:10px 12px 10px 46px;background:#0e4d4a;border-left:4px solid var(--ta-sage);color:var(--ta-t1);text-decoration:none}
.ta-doors--ochre a,.ta-doors--ochre .ta-doors__pending{border-left-color:var(--ta-ochre)}
.ta-doors svg{position:absolute;left:10px;top:12px;width:24px;height:24px;fill:none;stroke:var(--ta-sage-t);stroke-width:4}
.ta-doors--ochre svg{stroke:var(--ta-och-t)}
.ta-doors strong{font-size:15px;line-height:1.25}
.ta-doors span{font-size:13px;line-height:1.4;color:var(--ta-t2)}
.ta-doors a:hover strong,.ta-doors a:focus-visible strong{text-decoration:underline}
.ta-disc{grid-column:1/-1;border-top:1px solid #e7f6ee40;padding-top:6px}
.ta-disc summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font:700 14px var(--gft-font-mono);letter-spacing:.04em;color:var(--ta-t2)}
.ta-disc__body{display:grid;gap:12px;padding:8px 0 16px}
.ta-disc__body>:is(p,div){font-size:15px;line-height:1.6;max-width:90ch;color:var(--ta-t1)}
.ta-table-wrap{overflow-x:auto}
.ta-table{border-collapse:collapse;width:100%;min-width:640px}
.ta-table caption{text-align:left;font:13px var(--gft-font-mono);color:var(--ta-t2);padding-bottom:8px}
.ta-table th,.ta-table td{padding:10px 12px;border-bottom:1px solid #e7f6ee30;text-align:left;font-size:15px;vertical-align:top}
.ta-table thead th{font:700 13px var(--gft-font-mono);letter-spacing:.04em;color:var(--ta-t2)}
/* ta-spin: the rose rotates 40 degrees into place, the doors swing in, the knots pulse once */
:root[data-m-go][data-ta-arm] .ta-sec--close:not([data-ta-in]) .ta-rose__spin{rotate:-16deg;opacity:.68}
:root[data-m-go][data-ta-arm] .ta-sec--close:not([data-ta-in]) .ta-close__doors{opacity:.68;transform:translateX(18px)}
:root[data-m-go][data-ta-arm] .ta-sec--close:not([data-ta-in]) .ta-close__left{opacity:.68;transform:translateY(12px)}
:root[data-m-go] .ta-sec--close[data-ta-in] .ta-rose__spin{animation-name:pbta-spin;animation-duration:240ms;animation-timing-function:var(--ta-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ta-sec--close[data-ta-in] .ta-close__doors{animation-name:pbta-deal;animation-duration:220ms;animation-timing-function:var(--ta-out);animation-delay:40ms;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ta-sec--close[data-ta-in] .ta-close__left{animation-name:pbta-up;animation-duration:220ms;animation-timing-function:var(--ta-out);animation-delay:20ms;animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
:root[data-m-go] .ta-sec--close[data-ta-in] .ta-knot{animation-name:pbta-knotpulse;animation-duration:200ms;animation-timing-function:var(--ta-snap);animation-delay:calc(60ms + var(--k,0) * 15ms);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes pbta-spin{from{rotate:-16deg;opacity:.68}to{rotate:0deg;opacity:1}}
@keyframes pbta-knotpulse{0%{scale:1}50%{scale:1.35}100%{scale:1}}

/* ---------- reduced motion: every scroll-driven rule stops (the guard already removes data-m-go) ---------- */
@media (prefers-reduced-motion:reduce){
  .ta-sp__rose,.ta-ax__prog,.ta-colfall b,.ta-wl,.ta-int__nodes b{animation-name:none;animation-timeline:auto}
}

/* ---------- tablet ---------- */
@media (max-width:1100px){
  .ta-con{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
  .ta-film__card{width:min(36%,400px)}
  .ta-peg__grid{gap:32px}
  .ta-close{grid-template-columns:minmax(0,1fr)}
  .ta-close__stage{grid-template-columns:minmax(0,1fr) 230px}
}

/* ---------- phone ---------- */
@media (max-width:760px){
  .ta-wrap{width:calc(100% - 32px)}
  .ta-sec{--ta-gx:16px}
  .ta-h{font-size:clamp(1.6rem,7vw,2.1rem);max-width:none}
  /* splash: the rose in its own band below the text; tags collapse to numbered badges */
  body[data-page="trade-access"] .gft-splash h1{font-size:40px;line-height:1.05}
  body[data-page="trade-access"] .gft-splash__content{padding-bottom:12px;order:1}
  body[data-page="trade-access"] .gft-splash .gft-splash__structure{position:relative;inset:auto;height:auto;order:2;display:block;padding:8px 0 16px}
  body[data-page="trade-access"] .gft-splash__bottom{order:3}
  body[data-page="trade-access"] .gft-splash__lede{font-size:16px}
  .ta-sp__rose{width:88vw;margin-inline:auto}
  .ta-tag{padding:0;min-height:0;background:none;border:0;transform:translate(-50%,-50%)}
  .ta-tag span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .ta-tag b{width:44px;height:44px;font-size:16px;background:#072d2b}
  .ta-tag[aria-pressed=true] b{background:var(--ta-t1);color:var(--ta-night)}
  .ta-pills-sp{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
  .ta-pill{min-height:52px;padding:6px 8px}
  .ta-pill strong{font-size:14px}
  /* console */
  .ta-sec--console{padding:40px 0 70px}
  .ta-sec--console .ta-sec__head{grid-template-columns:1fr}
  .ta-sec--console .ta-lede{margin-top:12px}
  .ta-con{grid-template-columns:1fr;gap:20px}
  .ta-con__rose{width:88vw;margin-inline:auto}
  .ta-con__rose::after{display:none}
  .ta-con__cap{padding-left:0;text-align:center}
  .ta-rose .ta-lab{display:none}
  .ta-rose .ta-lane__node{r:32px}
  .ta-rose .ta-num{font-size:34px;translate:0 4px}
  .ta-chips{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:22px 0 6px;gap:10px}
  .ta-chip{flex:0 0 72%;scroll-snap-align:start}
  .ta-row__btn{font-size:16px}
  .ta-det__big{font-size:40px}
  .ta-pull{left:16px;height:70px}
  /* film: an opaque pinned band holds the axis and the numeral; cards scroll beneath */
  .ta-film__phonehead{display:block;grid-row:1;padding:40px 0 24px;scroll-margin-top:96px}
  .ta-film__phonehead .gft-eyebrow{color:var(--ta-sage-t)}
  .ta-film__head,.ta-film__card,.ta-scrub,.ta-film__elbow,.ta-film__relab,.ta-ax__proglab,.ta-ax__pin b,.ta-ax__country-lab,.ta-ax__bandlab{display:none}
  .ta-film__stage{height:40svh;min-height:300px;background:var(--ta-forest);border-bottom:1px solid #e7f6ee40}
  .ta-film__num{left:16px;top:14px;width:auto;right:16px}
  .ta-film__big{font-size:40px}
  .ta-film__numlab{font-size:13px}
  .ta-ax{top:42%;height:40%}
  .ta-ax__ticks span{font-size:13px;padding-top:20px}
  .ta-ax__ticks span:nth-child(odd):not(.is-plan){color:transparent}
  .ta-ax__x{width:44px;height:44px;margin:-22px 0 0 -22px}
  .ta-ax__x::before,.ta-ax__x::after{width:22px;margin-left:-11px}
  .ta-ax__vol{top:calc(50% - 80px);right:16px}
  .ta-ax__volbar{width:80px}
  .ta-film__foot{left:16px;right:16px;width:auto;bottom:8px}
  .ta-tiles{display:flex;gap:10px}
  .ta-tile{width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;place-items:center;border:2px solid #e7f6ee80}
  .ta-tile strong{display:none}
  .ta-tile span{font-size:0}
  .ta-tile span::first-letter{font-size:13px}
  .ta-tile[aria-pressed=true]{background:var(--ta-och-t)}
  .ta-film__track li{height:auto;min-height:90svh}
  .ta-film__track li:last-child{min-height:110svh}
  .ta-film__track li:first-child{padding-top:42svh}
  .ta-film__pcard{display:block;position:sticky;top:calc(max(40svh,300px) + 14px);margin:2svh 16px 0;padding:20px;background:#072d2b;border:1px solid #e7f6ee40;border-top:3px solid var(--ta-ochre)}
  /* anchor */
  .ta-sec--anchor{padding:72px 0 30px}
  .ta-sec--anchor .ta-sec__head{max-width:none}
  .ta-fallin{height:72px}
  .ta-exit3{height:28px}
  .ta-twin__ctl{grid-template-columns:1fr;padding:10px 12px}
  .ta-twin{grid-template-columns:1fr;gap:28px}
  .ta-twin__reedline,.ta-reed{display:none}
  .ta-twin__ctl .ta-pills{flex:1 1 100%}
  .ta-pills span{min-height:44px;padding:8px 12px;font-size:15px}
  .ta-twin__svg text{display:none}
  .ta-twin__legend{display:flex;flex-wrap:wrap;gap:4px 14px;list-style:none;margin:0;padding:0;font-size:13px;color:var(--ta-ink2)}
  .ta-exp__row{grid-template-columns:1fr}
  /* peg */
  .ta-sec--peg::before{left:auto;right:16px}
  .ta-peg__axis{padding:16px 14px 12px}
  .ta-peg__winlab{display:none}
  .ta-peg__bandlab{top:76px}
  .ta-peg__tick{top:100px}
  .ta-peg__scale{height:126px}
  .ta-peg__grid{grid-template-columns:1fr;gap:28px}
  .ta-peg__knotlab{translate:-80% 0}
  /* afcfta: the waffle turns to 25 columns by 40 rows */
  .ta-sec--afc .ta-sec__head{grid-template-columns:1fr}
  .ta-sec--afc .ta-lede{margin-top:12px}
  .ta-afc{grid-template-columns:1fr;gap:24px}
  .ta-waffle{grid-template-rows:none;grid-template-columns:repeat(25,1fr);grid-auto-flow:row;grid-auto-columns:auto;aspect-ratio:25/41;gap:2px}
  .ta-waffle__frame{left:-2px;right:-2px;width:auto;top:calc(92% - 4px);bottom:-2px}
  .ta-waffle__ring{left:0;width:100%;top:92%;bottom:0}
  .ta-waffle__sweep{inset:0 0 8% 0}
  .ta-waffle__stamp{rotate:0deg;right:4%;top:auto;bottom:10%;transform-origin:center}
  .ta-waffle__cursor{width:calc((100% + 2px) / 25);height:calc((100% + 2px) / 40);transform:translate(calc(var(--pc) * 100%),calc(var(--pr) * 100%))}
  .ta-afc__figs strong{font-size:36px}
  .ta-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ta-l4in i{left:calc(70% + var(--k) * 8px)}
  /* interlude */
  .ta-int__quote{font-size:34px}
  .ta-int__body{top:31%;bottom:21%}
  .ta-lchips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .ta-int__dot--2:nth-child(2),.ta-int__dot--3:nth-child(4){display:none}
  .ta-int__lane--2{top:86%}
  .ta-int__lab--2{top:calc(86% - 24px)}
  .ta-int__nodes b{top:calc(86% + 4px)}
  .ta-int__dot--2{top:calc(86% - 1px)}
  .ta-int__drop{left:50%;top:86%}
  .ta-int__droplab{display:none}
  /* passport: an opaque pinned band with the spine laid across it; cards scroll beneath */
  .ta-pass{display:flex;flex-direction:column;gap:0}
  .ta-pass__phonehead{display:block;order:0;padding:56px 0 20px}
  .ta-pass__phonehead .gft-eyebrow{color:var(--ta-sage-t)}
  .ta-pass__stage{order:1;height:40svh;min-height:300px;z-index:2;background:var(--ta-forest);align-self:stretch;width:100%;display:block}
  .ta-pass__dcard{display:none}
  .ta-pass__rbox{height:100%;min-height:300px}
  .ta-pass__steps{order:2;pointer-events:auto}
  .ta-pass__pcard{display:block}
  .ta-pass__head,.ta-pass__coil{display:none}
  .ta-pass__plate{top:0;bottom:0}
  .ta-pass__spine{left:16px;right:16px;top:28px;bottom:auto;width:auto;height:9px}
  .ta-pass__lit{clip-path:inset(0 calc((1 - var(--lp)) * 100%) 0 0)}
  .ta-pass__lit b{display:none}
  .ta-knots{left:0;right:0;top:10px;bottom:auto;width:auto;height:44px}
  .ta-knot-btn{top:0;left:calc(4% + var(--k) * 21%);transform:none;padding:0}
  .ta-knot-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .ta-knot-btn i{width:44px;height:44px}
  .ta-pass__ill{left:16px;right:16px;top:72px;height:calc(100% - 120px)}
  .ta-pass__read{left:16px;right:16px;top:auto;bottom:10px;font-size:13px}
  .ta-pass__steps li,.ta-pass__steps li:last-child{min-height:90svh;padding-top:2svh;align-items:start;display:grid}
  .ta-pass__card{position:sticky;top:calc(max(40svh,300px) + 14px)}
  .ta-pass__steps li:last-child{min-height:110svh}
  /* closing */
  .ta-sec--close{padding:56px 0 80px;min-height:auto}
  .ta-close__head .ta-h{font-size:28px}
  .ta-close{gap:20px}
  .ta-close__stage{grid-template-columns:1fr}
  .ta-close__rose{width:88vw;justify-self:center}
  .ta-close__left{order:2}
  .ta-close__stage{order:1}
  .ta-stops{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory}
  .ta-stops label{flex:0 0 auto;scroll-snap-align:start}
  .ta-doors a,.ta-doors__pending{width:auto}
}