/* ==================================================================
   Rev 312 · The Associate · Capabilities.
   One faculty, one ground, one object at full size. Photography is
   used twice on the page: the hero, and one band before the closing
   day. Everything else is the work itself.
   ================================================================== */
.ac-page{--fa-ink:#141310;--fa-soft:rgba(20,19,16,.62);--fa-mut:rgba(20,19,16,.42);--fa-line:rgba(20,19,16,.1)}

/* the index rail follows the reader through the seven */
.fa-rail{position:fixed;z-index:40;left:clamp(14px,1.6vw,26px);top:50%;transform:translateY(-50%);
  display:grid;gap:2px;padding:14px 16px 15px;border-radius:14px;
  border:1px solid rgba(255,255,255,.16);background:rgba(18,20,19,.5);
  backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);
  opacity:0;pointer-events:none;transition:opacity .45s var(--ease)}
.fa-rail.on{opacity:1;pointer-events:auto}
.fa-rail b{margin-bottom:8px;font-size:8.5px;letter-spacing:.17em;text-transform:uppercase;color:rgba(255,255,255,.42)}
.fa-rail a{display:flex;align-items:center;gap:9px;padding:4px 0;font-size:11.5px;color:rgba(255,255,255,.5);
  text-decoration:none;transition:color .3s var(--ease)}
.fa-rail a i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.24);transition:background .3s var(--ease),box-shadow .3s var(--ease)}
.fa-rail a:hover{color:rgba(255,255,255,.82)}
.fa-rail a.on{color:#fff}
.fa-rail a.on i{background:#E0A2B9;box-shadow:0 0 0 3px rgba(224,162,185,.2)}

/* --- the seven grounds --- */
.fa{padding:clamp(80px,8.5vw,140px) 0;color:var(--fa-ink)}
.fa-light{background:linear-gradient(180deg,#FAFAF8,#F3F3EF 62%,#F8F8F4)}
.fa-light+.fa-light{background:linear-gradient(180deg,#F8F8F4,#EFEFEA 58%,#F6F6F2)}
.fa-dark{color:#F4F1EB;
  background:radial-gradient(52% 42% at 88% 4%,rgba(141,41,69,.16),transparent 64%),
             linear-gradient(180deg,#15100F,#0D0B0B 56%,#131010)}
.fa-burg{color:#F7EEF1;
  background:radial-gradient(60% 46% at 12% 0%,rgba(158,52,86,.42),transparent 66%),
             linear-gradient(160deg,#4E1727,#33101B 58%,#241017)}
.fa-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(28px,4vw,80px);align-items:start}
.fa-copy{position:sticky;top:clamp(110px,13vh,150px)}
.fa-no{font-size:10px;letter-spacing:.18em;color:var(--fa-mut);font-variant-numeric:tabular-nums}
.fa-dark .fa-no,.fa-burg .fa-no{color:rgba(244,241,235,.42)}
.fa-copy h2{margin-top:clamp(14px,1.6vw,22px);font-size:clamp(34px,3.9vw,62px);line-height:.98;letter-spacing:-.045em;font-weight:500}
.fa-copy>p{margin-top:clamp(16px,1.7vw,24px);max-width:40ch;font-size:clamp(13.5px,1.02vw,16px);line-height:1.62;color:var(--fa-soft)}
.fa-dark .fa-copy>p,.fa-burg .fa-copy>p{color:rgba(244,241,235,.66)}
.fa-pts{list-style:none;margin:clamp(22px,2.4vw,34px) 0 0;padding:0;display:grid;border-top:1px solid var(--fa-line)}
.fa-dark .fa-pts,.fa-burg .fa-pts{border-color:rgba(244,241,235,.16)}
.fa-pts li{padding:13px 0;border-bottom:1px solid var(--fa-line)}
.fa-dark .fa-pts li,.fa-burg .fa-pts li{border-color:rgba(244,241,235,.16)}
.fa-pts b{display:block;font-size:13px;font-weight:600;letter-spacing:-.01em}
.fa-pts span{display:block;margin-top:4px;font-size:12.5px;line-height:1.55;color:var(--fa-soft)}
.fa-dark .fa-pts span,.fa-burg .fa-pts span{color:rgba(244,241,235,.58)}

/* the artefacts share one surface language: paper on light, glass on dark */
.fa-art{margin:0;display:grid;gap:clamp(12px,1.2vw,18px)}
.fa-card,.fa-mem>div,.fa-watch,.fa-brief,.fa-back,.fa-standing>div,.fa-camp,.fa-fork,.fa-call .fa-transcript{
  border-radius:clamp(12px,1.1vw,16px)}
.fa-light .fa-art .pane,.fa-light .fa-art>div,.fa-light .fa-art>figure{background:#fff;border:1px solid var(--fa-line);
  box-shadow:0 1px 2px rgba(28,34,30,.04),0 28px 58px -42px rgba(56,44,32,.5)}
.fa-dark .fa-art>div,.fa-burg .fa-art>div{border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(158deg,rgba(255,255,255,.075),rgba(255,255,255,.03));
  backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 34px 70px -46px rgba(0,0,0,.8)}

/* staggered arrival */
[data-fa-stagger]>*{opacity:0;transform:translateY(9px);
  transition:opacity .55s var(--ease),transform .55s var(--ease);transition-delay:calc(var(--i,0) * 90ms)}
[data-fa-stagger].on>*{opacity:1;transform:none}

/* 01 memory */
.fa-ask{padding:clamp(18px,1.7vw,24px)}
.fa-ask small{font-size:10.5px;letter-spacing:.02em;color:var(--fa-mut)}
.fa-ask p{margin-top:9px;font-family:var(--display);font-size:clamp(19px,1.7vw,26px);line-height:1.24;letter-spacing:-.02em}
.fa-reach{display:grid;gap:clamp(10px,1vw,14px)}
.fa-reach article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:start;
  padding:15px 18px;border-radius:13px;background:#fff;border:1px solid var(--fa-line);
  box-shadow:0 1px 2px rgba(28,34,30,.04),0 22px 44px -38px rgba(56,44,32,.5)}
.fa-yr{font-size:10.5px;letter-spacing:.1em;color:#8A2B4B;font-variant-numeric:tabular-nums;padding-top:2px}
.fa-reach b{display:block;font-size:13px;font-weight:600}
.fa-reach p{margin-top:5px;font-size:12.5px;line-height:1.55;color:var(--fa-soft)}
.fa-reach mark{background:rgba(110,35,56,.14);box-shadow:inset 0 -1px 0 rgba(110,35,56,.4);padding:.05em .12em}
.fa-reach em{font-style:normal;font-size:10.5px;color:var(--fa-mut);white-space:nowrap;padding-top:2px}
.fa-ans{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding:16px 18px}
.fa-av{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;
  background:linear-gradient(150deg,#B0466C,#75243E);color:#fff;font-size:12px;font-weight:640}
.fa-av.sm{width:22px;height:22px;font-size:10px}
.fa-ans b{display:block;font-size:11px;letter-spacing:.02em;color:#2F6853}
.fa-ans p{margin-top:6px;font-size:13.5px;line-height:1.55}

/* 02 watch */
.fa-watch{overflow:hidden}
.fa-w-head{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.11)}
.fa-w-head b{font-size:12.5px;font-weight:600}
.fa-w-head span{font-size:11px;color:rgba(244,241,235,.5)}
.fa-w-head em{margin-left:auto;font-style:normal;font-size:11px;color:#E0A2B9}
.fa-w-rows article{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:16px;align-items:center;
  padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.fa-w-rows article:last-child{border-bottom:0}
.fa-w-rows time{font-size:11px;color:rgba(244,241,235,.42);font-variant-numeric:tabular-nums}
.fa-w-rows b{display:block;font-size:13px;font-weight:560}
.fa-w-rows p{margin-top:4px;font-size:12px;line-height:1.5;color:rgba(244,241,235,.56)}
.fa-w-rows span{font-size:10px;letter-spacing:.06em;padding:5px 10px;border-radius:20px;white-space:nowrap;
  border:1px solid rgba(255,255,255,.16);color:rgba(244,241,235,.66)}
.fa-w-rows span.ok{color:#8FC9AC;border-color:rgba(143,201,172,.3)}
.fa-w-rows span.wait{color:#E0A2B9;border-color:rgba(224,162,185,.32)}
.fa-w-rows span.go{color:#E6C79A;border-color:rgba(230,199,154,.3)}
.fa-w-rows .is-quiet b,.fa-w-rows .is-quiet p{color:rgba(244,241,235,.36)}

/* 03 delegation */
.fa-bar{display:flex;align-items:center;gap:11px;padding:12px 16px;border-bottom:1px solid var(--fa-line);background:#F7F6F2}
.fa-bar b{font-size:12px;font-weight:560;color:var(--fa-soft)}
.fa-bar em{margin-left:auto;font-style:normal;font-size:10.5px;color:var(--fa-mut);font-variant-numeric:tabular-nums}
.fa-bar-back{background:#F4F7F3}
.fa-bar .fic{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:7px}
.fa-brief-say{padding:17px 16px 14px;font-size:15px;line-height:1.4;letter-spacing:-.02em;font-weight:500}
.fa-att{display:flex;align-items:center;gap:8px;padding:0 16px 15px}
.fa-att .fic{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:6.5px}
.fa-att span{margin-left:6px;font-size:11px;color:var(--fa-mut)}
.fa-arrowline{display:grid;justify-items:center;gap:4px;padding:2px 0}
.fa-arrowline i{width:1px;height:18px;background:var(--fa-line)}
.fa-arrowline b{font-size:12px;color:var(--fa-mut)}
.fa-checks{list-style:none;margin:0;padding:14px 16px 4px;display:grid;gap:10px}
.fa-checks li{display:flex;align-items:center;gap:11px;font-size:12.5px;color:var(--fa-soft)}
.fa-checks i{flex:none;width:15px;height:15px;border-radius:50%;background:rgba(63,129,99,.14);
  box-shadow:inset 0 0 0 1px rgba(63,129,99,.34);position:relative}
.fa-checks i::after{content:"";position:absolute;left:4.5px;top:3.5px;width:4px;height:7px;
  border:solid #2F6853;border-width:0 1.5px 1.5px 0;transform:rotate(42deg)}
.fa-back-foot{padding:12px 16px 15px;margin-top:6px;border-top:1px solid var(--fa-line);font-size:11.5px;color:var(--fa-mut)}

/* 04 telephone */
.fa-tel .fa-art{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:clamp(20px,2.4vw,40px)}
.fa-transcript{padding:clamp(18px,1.8vw,26px);display:grid;gap:12px;align-content:start}
.fa-t{max-width:44ch}
.fa-t span{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,241,235,.4)}
.fa-t p{margin-top:7px;padding:13px 15px;border-radius:14px;font-size:14px;line-height:1.5}
.fa-t-a p{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12)}
.fa-t-y{justify-self:end;text-align:right}
.fa-t-y p{background:rgba(224,162,185,.16);border:1px solid rgba(224,162,185,.24);text-align:left}
.fa-t-log{margin-top:6px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);max-width:none}
.fa-t-log p{margin-top:5px;padding:0;background:none;border:0;font-size:11.5px;color:rgba(244,241,235,.5)}

/* 05 standing orders */
.fa-rule{padding:clamp(18px,1.7vw,24px)}
.fa-rule small{font-size:10.5px;letter-spacing:.02em;color:var(--fa-mut)}
.fa-rule p{margin-top:10px;font-family:var(--display);font-size:clamp(18px,1.6vw,25px);line-height:1.28;letter-spacing:-.015em}
.fa-live{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:11px;color:#2F6853}
.fa-live i{width:6px;height:6px;border-radius:50%;background:#3F9068;box-shadow:0 0 0 3px rgba(63,144,104,.16)}
.fa-fires{display:grid}
.fa-fires article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;gap:16px;align-items:center;
  padding:14px 18px;border-bottom:1px solid var(--fa-line)}
.fa-fires b{font-size:13px;font-weight:600}
.fa-fires span{font-size:12px;color:var(--fa-soft)}
.fa-fires time{font-size:11px;color:var(--fa-mut);font-variant-numeric:tabular-nums}
.fa-fires em{font-style:normal;font-size:10.5px;text-align:right;min-width:9ch}
.fa-fires em.ok{color:#2F6853}
.fa-fires em.wait{color:#8A2B4B}
.fa-fires-foot{display:flex;align-items:baseline;gap:10px;padding:14px 18px}
.fa-fires-foot b{font-size:14px;font-weight:600}
.fa-fires-foot span{font-size:12.5px;color:var(--fa-soft)}

/* 06 campaigns */
.fa-camp{overflow:hidden}
.fa-c-head{display:flex;align-items:baseline;gap:14px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.11)}
.fa-c-head b{font-size:12.5px;font-weight:600}
.fa-c-head span{font-size:11px;color:rgba(244,241,235,.5)}
.fa-c-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;padding:20px 18px}
.fa-c-cell{aspect-ratio:1;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  opacity:0;transform:scale(.86);transition:opacity .4s var(--ease),transform .4s var(--ease),background .4s var(--ease)}
.fa-c-grid.on .fa-c-cell{opacity:1;transform:none}
.fa-c-cell.ok{background:rgba(143,201,172,.34);border-color:rgba(143,201,172,.5)}
.fa-c-cell.wait{background:rgba(224,162,185,.34);border-color:rgba(224,162,185,.5)}
.fa-c-cell.none{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}
.fa-c-legend{display:grid;gap:9px;padding:2px 18px 16px}
.fa-c-legend span{display:flex;align-items:center;gap:10px;font-size:12px;color:rgba(244,241,235,.62)}
.fa-c-legend b{color:#fff;font-weight:640}
.fa-c-legend i{width:9px;height:9px;border-radius:3px}
.fa-c-legend i.ok{background:rgba(143,201,172,.7)}
.fa-c-legend i.wait{background:rgba(224,162,185,.7)}
.fa-c-legend i.none{background:rgba(255,255,255,.22)}
.fa-c-foot{padding:13px 18px;border-top:1px solid rgba(255,255,255,.1);font-size:11.5px;color:rgba(244,241,235,.5)}
.fa-c-foot b{color:#fff}

/* 07 judgment */
.fa-fork-head{display:flex;align-items:baseline;gap:14px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.13)}
.fa-fork-head b{font-size:12.5px;font-weight:600}
.fa-fork-head span{margin-left:auto;font-size:11px;color:rgba(247,238,241,.55)}
.fa-fork-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.fa-fork-col{padding:18px}
.fa-fork-did{border-right:1px solid rgba(255,255,255,.13)}
.fa-fork-tag{display:block;margin-bottom:14px;font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:rgba(247,238,241,.5)}
.fa-fork-did ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.fa-fork-did li{position:relative;padding-left:19px;font-size:12.5px;line-height:1.5;color:rgba(247,238,241,.74)}
.fa-fork-did li::before{content:"";position:absolute;left:2px;top:6px;width:6px;height:6px;border-radius:50%;background:rgba(247,238,241,.42)}
.fa-q{padding:15px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.09)}
.fa-q b{display:block;font-size:13px;font-weight:600}
.fa-q p{margin-top:8px;font-size:12.5px;line-height:1.55;color:rgba(247,238,241,.78)}
.fa-q em{display:block;margin-top:12px;font-style:normal;font-size:11px;color:#EFC3D2}

/* one photograph, then the day */
.fa-shot{margin:0}
.fa-day{padding-top:clamp(80px,8vw,132px)}
.fa-day-head{max-width:640px;margin-bottom:clamp(30px,3.4vw,52px)}
.fa-day-head h2{margin-top:12px;font-size:clamp(32px,3.6vw,58px);line-height:1;letter-spacing:-.045em;font-weight:500}
.fa-day-head p{margin-top:16px;font-size:clamp(13.5px,1.02vw,16px);line-height:1.62;color:var(--fa-soft)}
.fa-day-list{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--fa-line)}
.fa-day-list li{display:grid;grid-template-columns:76px 130px minmax(0,1fr);gap:clamp(14px,1.6vw,26px);align-items:baseline;
  padding:14px 0;border-bottom:1px solid var(--fa-line)}
.fa-day-list time{font-size:12.5px;color:var(--fa-mut);font-variant-numeric:tabular-nums}
.fa-tag{font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;padding:4px 9px;border-radius:20px;justify-self:start;
  border:1px solid var(--fa-line);color:var(--fa-soft)}
.fa-tag.t1{color:#5B4C86;border-color:rgba(91,76,134,.28)}
.fa-tag.t2{color:#2F6853;border-color:rgba(47,104,83,.28)}
.fa-tag.t3{color:#8A6238;border-color:rgba(138,98,56,.3)}
.fa-tag.t4{color:#7D2342;border-color:rgba(125,35,66,.28)}
.fa-tag.t5{color:#3B6076;border-color:rgba(59,96,118,.28)}
.fa-tag.t6{color:#6B5D2E;border-color:rgba(107,93,46,.3)}
.fa-tag.t7{color:#fff;background:#75243E;border-color:#75243E}
.fa-day-list p{font-size:13.5px;line-height:1.55}
.fa-day-list .is-stop p{font-weight:560}

@media(max-width:1180px){.fa-rail{display:none}}
@media(max-width:980px){
  .fa-grid{grid-template-columns:1fr;gap:clamp(26px,4vw,44px)}
  .fa-copy{position:static}
  .fa-tel .fa-art{grid-template-columns:1fr}
  .fa-day-list li{grid-template-columns:64px 118px minmax(0,1fr)}
}
@media(max-width:720px){
  .fa{padding:clamp(64px,11vw,96px) 0}
  .fa-copy h2{font-size:clamp(30px,8.4vw,44px)}
  .fa-reach article{grid-template-columns:auto minmax(0,1fr);gap:12px}
  .fa-reach em{display:none}
  .fa-w-rows article{grid-template-columns:46px minmax(0,1fr);gap:12px}
  .fa-w-rows span{grid-column:2;justify-self:start;margin-top:8px}
  .fa-fires article{grid-template-columns:minmax(0,1fr) auto;gap:8px 14px}
  .fa-fires span{grid-column:1;font-size:11.5px}
  .fa-fork-split{grid-template-columns:1fr}
  .fa-fork-did{border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}
  .fa-c-grid{grid-template-columns:repeat(5,1fr)}
  .fa-day-list li{grid-template-columns:60px minmax(0,1fr);gap:8px 12px}
  .fa-day-list .fa-tag{grid-column:2}
  .fa-day-list p{grid-column:2}
}
@media(prefers-reduced-motion:reduce){
  [data-fa-stagger]>*{opacity:1;transform:none;transition:none}
  .fa-c-cell{opacity:1;transform:none;transition:none}
}

/* ---- fixes after the first render ---- */
/* the hero index is a set of links now, not buttons */
.ac-index a{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;
  font-size:12px;letter-spacing:-.01em;color:rgba(255,255,255,.72);text-decoration:none;white-space:nowrap;
  transition:background .3s var(--ease),color .3s var(--ease)}
.ac-index a i{font-style:normal;font-size:9.5px;letter-spacing:.12em;color:rgba(255,255,255,.42);font-variant-numeric:tabular-nums}
.ac-index a:hover{background:rgba(255,255,255,.12);color:#fff}
.ac-index{display:flex;flex-wrap:wrap;gap:2px;padding:5px;list-style:none}
.ac-index li{margin:0}

/* the telephone gets its device back */
.fa-phone{align-self:start}
.fa-tel .fa-art{grid-template-columns:minmax(0,240px) minmax(0,1fr)}
.fa-tel .nx-ph-shell{width:100%}
.fa-tel .nx-ph{height:auto;aspect-ratio:9/19.3}

/* judgment: the colour marks it, it does not flood it */
.fa-burg{color:#F4F1EB;position:relative;
  background:radial-gradient(58% 46% at 6% 0%,rgba(141,41,69,.34),transparent 62%),
             linear-gradient(180deg,#16100F,#0C0A0A 58%,#140F11)}
.fa-burg::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,#75243E,rgba(117,36,62,0) 62%)}
.fa-burg .fa-copy>p,.fa-burg .fa-pts span{color:rgba(244,241,235,.6)}
.fa-burg .fa-pts,.fa-burg .fa-pts li{border-color:rgba(244,241,235,.14)}
.fa-fork-head,.fa-fork-did{border-color:rgba(255,255,255,.11)}
.fa-fork-head span{color:rgba(244,241,235,.5)}
.fa-fork-tag{color:rgba(244,241,235,.46)}
.fa-fork-did li{color:rgba(244,241,235,.7)}
.fa-fork-did li::before{background:rgba(244,241,235,.36)}
.fa-q{border-color:rgba(224,162,185,.32);background:rgba(141,41,69,.24)}
.fa-q p{color:rgba(244,241,235,.76)}
.fa-q em{color:#E9B7C9}

/* the single photograph on this page needs a darker read than the capabilities one */
.fa-shot{min-height:clamp(340px,38vw,500px)}
.fa-shot img{object-position:64% 40%}
.fa-shot::after{background:linear-gradient(92deg,rgba(9,11,10,.94) 0%,rgba(9,11,10,.8) 34%,rgba(9,11,10,.3) 66%,rgba(9,11,10,.42) 100%)}

/* ==================================================================
   Rev 312c · Breadth, and one memory.
   ================================================================== */

/* ---- "It is a colleague you can instruct" ---- */
.tell{padding-bottom:clamp(64px,7vw,110px)}
.tell-head{max-width:760px}
.tell-head h2{margin-top:12px;font-size:clamp(30px,3.4vw,54px);line-height:1.02;letter-spacing:-.042em;font-weight:500}
.tell-head p{margin-top:16px;max-width:52ch;font-size:clamp(13.5px,1.02vw,16px);line-height:1.62;color:var(--fa-soft)}

.tell-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start;
  margin-top:clamp(30px,3.4vw,52px);padding:clamp(26px,3vw,44px) clamp(24px,2.6vw,40px);
  min-height:clamp(190px,20vw,244px);
  border-radius:clamp(12px,1.1vw,16px);border:1px solid var(--fa-line);background:#fff;
  box-shadow:0 1px 2px rgba(28,34,30,.04),0 30px 60px -44px rgba(56,44,32,.5)}
.tell-now{min-width:0}
.tell-quote{display:block;font-family:var(--display);font-size:clamp(22px,2.6vw,40px);line-height:1.18;
  letter-spacing:-.022em;max-width:22ch;color:var(--fa-ink);
  transition:opacity .32s var(--ease),transform .32s var(--ease)}
.tell-stage.is-out .tell-quote,.tell-stage.is-out .tell-meta{opacity:0;transform:translateY(7px)}
.tell-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 14px;margin-top:clamp(18px,1.9vw,26px);
  transition:opacity .32s var(--ease),transform .32s var(--ease)}
.tell-where{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#8A2B4B;
  padding:5px 11px;border-radius:20px;background:rgba(138,43,75,.08)}
.tell-meta i{font-style:normal;color:var(--fa-mut)}
.tell-out{font-size:13px;line-height:1.5;color:var(--fa-soft);max-width:44ch}
.tell-pause{align-self:start;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  border:1px solid var(--fa-line);background:transparent;cursor:pointer;color:var(--fa-soft)}
.tell-pause i{width:3px;height:11px;border-left:3px solid currentColor;border-right:3px solid currentColor;
  box-sizing:content-box;font-style:normal}
.tell-pause[aria-pressed="true"] i{width:0;height:0;border:6px solid transparent;border-left:9px solid currentColor;
  margin-left:3px}
.tell-pause:focus-visible{outline:2px solid #8A2B4B;outline-offset:2px}

.tell-field{list-style:none;margin:clamp(18px,2vw,28px) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.tell-field button{appearance:none;font:inherit;cursor:pointer;
  padding:7px 13px;border-radius:20px;border:1px solid var(--fa-line);background:transparent;
  font-size:12px;line-height:1.3;color:var(--fa-mut);text-align:left;
  transition:color .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease)}
.tell-field button:hover{color:var(--fa-ink);border-color:rgba(20,19,16,.28)}
.tell-field button[aria-current="true"]{color:#fff;background:#141310;border-color:#141310}
.tell-field button:focus-visible{outline:2px solid #8A2B4B;outline-offset:2px}

/* ---- one memory, three surfaces ---- */
.onemem-head{max-width:760px}
.onemem-head h2{margin-top:12px;font-size:clamp(30px,3.4vw,54px);line-height:1.02;letter-spacing:-.042em;font-weight:500}
.onemem-head p{margin-top:16px;max-width:56ch;font-size:clamp(13.5px,1.02vw,16px);line-height:1.62;color:rgba(244,241,235,.62)}
.onemem-track{position:relative;list-style:none;margin:clamp(34px,3.8vw,58px) 0 0;padding:0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.8vw,28px)}
.onemem-track::before{content:"";position:absolute;left:6%;right:6%;top:26px;height:1px;
  background:linear-gradient(90deg,rgba(224,162,185,.15),rgba(224,162,185,.6),rgba(224,162,185,.15))}
.om-step{position:relative;display:grid;gap:14px;align-content:start}
.om-when{display:flex;align-items:baseline;gap:10px;padding-left:18px;position:relative;min-height:26px}
.om-when::before{content:"";position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:50%;
  background:#E0A2B9;box-shadow:0 0 0 4px rgba(224,162,185,.16),0 0 0 8px #12100F}
.om-when b{font-size:12.5px;font-weight:600;color:#fff}
.om-when span{font-size:11px;color:rgba(244,241,235,.5)}
.om-card{border-radius:14px;border:1px solid rgba(255,255,255,.14);overflow:hidden;
  background:linear-gradient(158deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 30px 60px -44px rgba(0,0,0,.85)}
.om-mail{border-color:rgba(143,201,172,.26)}
.om-phone{border-color:rgba(224,162,185,.3)}
.om-bar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.11)}
.om-ico{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;flex:none;
  background:rgba(255,255,255,.12);font-size:9px;font-weight:640;letter-spacing:.03em;color:#fff}
.om-ico-a{border-radius:50%;background:linear-gradient(150deg,#B0466C,#75243E)}
.om-ico-p{border-radius:50%;background:linear-gradient(150deg,#3F8163,#2A5C4A)}
.om-bar b{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.om-bar em{margin-left:auto;font-style:normal;font-size:10.5px;color:rgba(244,241,235,.48);white-space:nowrap}
.om-said{padding:13px 14px 0;font-size:12.5px;line-height:1.55;color:rgba(244,241,235,.8)}
.om-said b{color:#fff;font-weight:600}
.om-said+.om-said{padding-top:9px}
.om-you b{color:#E9B7C9}
.om-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:11px 14px;
  border-bottom:1px solid rgba(255,255,255,.08)}
.om-row span{font-size:11.5px;color:rgba(244,241,235,.6)}
.om-row b{font-size:13px;font-weight:640;color:#fff;text-align:right}
.om-row em{grid-column:1/-1;font-style:normal;font-size:10px;color:#9ED2B7}
.om-row-q b{color:rgba(244,241,235,.7);font-weight:520}
.om-row-q em{color:rgba(244,241,235,.42)}
.om-tag{display:block;padding:11px 14px 13px;font-size:11px;line-height:1.5;color:rgba(244,241,235,.5);
  border-top:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03)}
.onemem-foot{margin-top:clamp(24px,2.6vw,38px);max-width:66ch;font-size:13px;line-height:1.62;color:rgba(244,241,235,.58)}

@media(max-width:900px){
  .tell-stage{grid-template-columns:1fr}
  .tell-pause{justify-self:start}
  .onemem-track{grid-template-columns:1fr;gap:22px}
  .onemem-track::before{left:3px;right:auto;top:8px;bottom:8px;width:1px;height:auto;
    background:linear-gradient(180deg,rgba(224,162,185,.15),rgba(224,162,185,.6),rgba(224,162,185,.15))}
  .om-when::before{box-shadow:0 0 0 4px rgba(224,162,185,.16),0 0 0 7px #12100F}
}

/* ==================================================================
   Rev 312e · The seven faculties, on one stage.
   Seven full sections were a wall however good each artefact was.
   One rail carries the range; the stage carries the one being read.
   ================================================================== */
.fx{padding:clamp(76px,8vw,132px) 0;color:#F4F1EB;
  background:radial-gradient(50% 40% at 88% 2%,rgba(141,41,69,.18),transparent 62%),
             linear-gradient(180deg,#15100F,#0C0A0A 56%,#131010)}
.fx-head{max-width:820px}
.fx-head h2{margin-top:12px;font-size:clamp(30px,3.6vw,58px);line-height:1.02;letter-spacing:-.045em;font-weight:500;color:#fff}
.fx-body{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  gap:clamp(22px,3vw,56px);align-items:start;margin-top:clamp(34px,4vw,60px)}

.fx-rail{display:grid;gap:2px;align-content:start;position:sticky;top:clamp(104px,12vh,140px)}
.fx-rail button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 13px;align-items:baseline;
  width:100%;padding:14px 16px;border:0;border-radius:12px;background:transparent;cursor:pointer;
  font:inherit;text-align:left;color:inherit;transition:background .3s var(--ease)}
.fx-rail button i{grid-row:1/3;align-self:center;font-style:normal;font-size:10px;letter-spacing:.14em;
  color:rgba(244,241,235,.34);font-variant-numeric:tabular-nums}
.fx-rail button b{font-size:clamp(14px,1.15vw,17px);font-weight:560;letter-spacing:-.02em;color:rgba(244,241,235,.62);
  transition:color .3s var(--ease)}
.fx-rail button span{grid-column:2;font-size:12.5px;line-height:1.45;color:rgba(244,241,235,.36);
  max-height:0;opacity:0;overflow:hidden;transition:max-height .4s var(--ease),opacity .3s var(--ease),margin .4s var(--ease)}
.fx-rail button:hover b{color:rgba(244,241,235,.88)}
.fx-rail button[aria-current="true"]{background:rgba(255,255,255,.07);box-shadow:inset 2px 0 0 #D98AA6}
.fx-rail button[aria-current="true"] b{color:#fff}
.fx-rail button[aria-current="true"] i{color:#D98AA6}
.fx-rail button[aria-current="true"] span{max-height:4em;opacity:1;margin-top:5px}
.fx-rail button:focus-visible{outline:2px solid #D98AA6;outline-offset:-2px}
.fx-pause{justify-self:start;display:grid;place-items:center;width:32px;height:32px;margin:14px 0 0 16px;
  border-radius:50%;border:1px solid rgba(255,255,255,.18);background:transparent;cursor:pointer;color:rgba(244,241,235,.6)}
.fx-pause i{width:3px;height:10px;border-left:3px solid currentColor;border-right:3px solid currentColor;box-sizing:content-box}
.fx-pause[aria-pressed="true"] i{width:0;height:0;border:5px solid transparent;border-left:8px solid currentColor;margin-left:3px}

.fx-stage{position:relative;min-height:clamp(300px,32vw,420px)}
.fx-panel{animation:fx-in .42s var(--ease) both}
@keyframes fx-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.fx-panel .fa-art{gap:clamp(12px,1.2vw,18px)}
/* the artefacts were authored for a light or a dark ground depending on the
   faculty; on one stage they all sit on the dark, so the light ones keep
   their paper and the dark ones keep their glass. */
.fx-panel .fa-mem>div,.fx-panel .fa-brief,.fx-panel .fa-back,.fx-panel .fa-standing>div,
.fx-panel .fa-reach article{background:#fff;border:1px solid rgba(20,19,16,.1);color:#141310;
  box-shadow:0 1px 2px rgba(0,0,0,.2),0 30px 60px -44px rgba(0,0,0,.8)}
.fx-panel .fa-watch,.fx-panel .fa-camp,.fx-panel .fa-fork,.fx-panel .fa-call .fa-transcript{
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(158deg,rgba(255,255,255,.075),rgba(255,255,255,.03));
  backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 34px 70px -46px rgba(0,0,0,.8)}
.fx-panel .fa-fork{background:linear-gradient(158deg,rgba(141,41,69,.24),rgba(255,255,255,.03))}
.fx-panel .fa-tel .fa-art,.fx-panel.fa-tel{grid-template-columns:minmax(0,240px) minmax(0,1fr)}
.fx-panel .fa-call{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:clamp(18px,2vw,32px);align-items:start}

@media(max-width:980px){
  .fx-body{grid-template-columns:1fr}
  .fx-rail{position:static;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
  .fx-rail button span{display:none}
  .fx-panel .fa-call{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.fx-panel{animation:none}}