@keyframes px-beat{
  0%,100%{opacity:.5;transform:scale(.965)}
  50%    {opacity:1;transform:scale(1)}
}
@keyframes ap-glow{0%,100%{box-shadow:0 0 18px 4px rgba(224,187,58,.45)}
  50%{box-shadow:0 0 30px 9px rgba(224,187,58,.85)}}
@keyframes ap-belt{to{background-position:0 0,40px 0}}
.tr{position:relative;background:var(--paper);color:var(--ink)}
.tr-pin{position:relative;height:100svh;overflow:hidden;isolation:isolate}
@supports not (height:100svh){.tr-pin{height:100vh}}
.tr-stage{position:absolute;inset:0;perspective:1500px;perspective-origin:50% 45%}
.tr-title{position:absolute;left:0;right:0;top:clamp(1rem,3.5vh,1.75rem);z-index:3;
  text-align:center;font-family:var(--font-display);font-weight:600;
  font-size:clamp(1.4rem,2.9vw,2.3rem);line-height:1.04;letter-spacing:-.03em;
  color:var(--ink);pointer-events:none}
.tr-title span{display:block}
.tr-title em{font-style:normal;color:var(--gold)}
.tr.is-live .tr-title{inset:0;top:0;z-index:1;font-size:clamp(2.6rem,8vw,7.6rem);
  font-weight:500;line-height:.9;letter-spacing:-.04em;text-transform:uppercase;
  color:rgba(11,11,12,.74)}
.tr.is-live .tr-title span{position:absolute;white-space:nowrap;will-change:transform,opacity}
.tr.is-live .tr-l1{left:0;top:32%}
.tr.is-live .tr-l2{right:0;top:53%}
.tr-shade{position:absolute;left:50%;top:50%;z-index:1;width:var(--sw,600px);
  height:calc(var(--sw,600px) * .16);border-radius:50%;pointer-events:none;opacity:0;
  transform:translate(-50%,-50%);
  background:radial-gradient(closest-side,rgba(11,11,12,.17),rgba(11,11,12,.05) 55%,rgba(11,11,12,0))}
.tr-seg.e0::before,.tr-seg.e3::after{background-image:
  linear-gradient(90deg,rgba(11,11,12,.16),rgba(11,11,12,0) 55%),var(--img)}
.tr-seg.e3::before,.tr-seg.e0::after{background-image:
  linear-gradient(270deg,rgba(11,11,12,.16),rgba(11,11,12,0) 55%),var(--img)}
.tr-kick{position:absolute;left:0;right:0;top:47%;z-index:1;text-align:center;
  font-family:var(--font-accent);font-size:clamp(10px,.9vw,12px);line-height:1.5;
  letter-spacing:.24em;text-transform:uppercase;color:rgba(11,11,12,.72);
  opacity:0;pointer-events:none}
.tr-ribbon{display:none;position:absolute;left:50%;top:50%;width:0;height:0;
  z-index:2;transform-style:preserve-3d;will-change:transform}
.tr.is-live .tr-ribbon{display:block}
.tr-strip{display:none}
.tr-seg{position:absolute;left:0;top:0;width:calc(var(--pw,360px) / 4 + 5px);
  height:calc(var(--pw,360px) * .625);
  margin:calc(var(--pw,360px) * -.3125) 0 0 calc(var(--pw,360px) / -8 - 2.5px);
  transform:rotateY(calc((var(--a) + var(--spin,0)) * 1deg))
            translateZ(var(--r,1000px))
            translateY(calc((var(--a) + var(--spin,0)) * var(--pitch,0) * 1px))
            rotateZ(var(--roll,0deg));
  transform-style:preserve-3d;will-change:transform}
.tr-seg::before,.tr-seg::after{content:"";position:absolute;inset:0;
  background-image:var(--img);background-color:#e4e4de;background-repeat:no-repeat;
  background-size:var(--pw,360px) calc(var(--pw,360px) * .625);
  background-position:calc(var(--j) * var(--pw,360px) / -4 + 2.5px) 0;
  backface-visibility:hidden}
.tr-seg::after{transform:rotateY(180deg);
  background-position:calc((3 - var(--j)) * var(--pw,360px) / -4 + 2.5px) 0}
.tr-grid{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:2;
  width:var(--gw,min(1160px,86vw));display:grid;grid-template-columns:repeat(3,1fr);
  gap:var(--gap,20px);perspective:1400px}
.tr-card{position:relative;display:block;aspect-ratio:16/10;border-radius:10px;
  overflow:hidden;background:#101011;color:var(--paper);
  box-shadow:0 30px 60px -34px rgba(0,0,0,.75);will-change:transform}
.tr-card:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.tr-in{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.tr-in img{width:100%;height:100%;object-fit:cover;display:block}
.tr-in::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,11,12,.08) 45%,rgba(11,11,12,.80) 100%)}
.tr-tag{position:absolute;left:14px;bottom:12px;z-index:2;
  font-family:var(--font-accent);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--paper)}
.tr-tag b{font-weight:400;color:var(--gold);margin-right:.6em}
.tr-corner{position:absolute;top:12px;width:16px;height:16px;z-index:2;opacity:0;
  transition:opacity .3s var(--ease)}
.tr-corner.l{left:14px}
.tr-corner.r{right:14px}
.tr-corner::before,.tr-corner::after{content:"";position:absolute;background:var(--paper)}
.tr-corner::before{left:0;top:0;width:100%;height:2px}
.tr-corner::after{top:0;width:2px;height:100%}
.tr-corner.l::after{left:0}
.tr-corner.r::after{right:0}
.tr-card:hover .tr-corner,.tr-card:focus-visible .tr-corner{opacity:1}
.tr-cap{position:absolute;left:clamp(1.25rem,5vw,4rem);
  bottom:clamp(1rem,3.5vh,1.75rem);z-index:3;max-width:24rem;
  font-size:clamp(.85rem,.95vw,.95rem);line-height:1.5;color:rgba(11,11,12,.72)}
.tr-more{position:absolute;right:clamp(1.25rem,5vw,4rem);
  bottom:clamp(1rem,3.5vh,1.75rem);z-index:3;display:inline-flex;align-items:center;
  gap:.5rem;min-height:44px;font-family:var(--font-accent);font-size:11.5px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--ink);
  border-bottom:1px solid rgba(11,11,12,.35);padding-bottom:.2rem}
.tr-more svg{width:1em;height:1em}
.tr-more:hover{border-color:var(--gold);color:#8a6d12}
.tr-more:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media (max-width:640px){.tr-grid{grid-template-columns:repeat(2,1fr)}
.tr.is-live .tr-title{font-size:clamp(1.9rem,9.5vw,4rem)}
.tr.is-live .tr-l1{top:30%}
.tr.is-live .tr-l2{top:54%}
.tr-kick{top:45%;padding-inline:1.5rem}
.tr-cap{max-width:100%;right:clamp(1.25rem,5vw,4rem);bottom:5.4rem}
.tr-more{left:clamp(1.25rem,5vw,4rem);right:auto}}
@keyframes sv-drift{from{transform:translate3d(-5%,3%,0) scale(1)}to{transform:translate3d(6%,-5%,0) scale(1.18)}}
.bgw{position:absolute;inset:0;z-index:0;pointer-events:none;
  background-position:50% 50%;background-size:cover;background-repeat:no-repeat}
.bgw::after{content:"";position:absolute;inset:0}
.oc > *:not(.bgw){position:relative;z-index:1}
.oc .bgw{background-image:url("/wp-content/themes/digitoria-motion/assets/img/office/building-hero.webp");
  filter:grayscale(1) contrast(1.02) brightness(.72);opacity:.55}
.oc .bgw::after{background:
  radial-gradient(74% 58% at 50% 44%,rgba(11,11,12,.74),rgba(11,11,12,.86) 60%,rgba(11,11,12,.93) 100%),
  linear-gradient(180deg,rgba(11,11,12,.86) 0%,rgba(11,11,12,.62) 22%,
    rgba(11,11,12,.62) 78%,rgba(11,11,12,.86) 100%)}
.tr-pin .bgw{background-image:url("/wp-content/themes/digitoria-motion/assets/img/timeline/03-office.webp");
  filter:grayscale(1) contrast(.9);opacity:.40}
.tr-pin .bgw::after{background:
  radial-gradient(70% 60% at 50% 48%,rgba(244,244,240,.40),rgba(244,244,240,.66) 60%,rgba(244,244,240,.82) 100%)}
.ft > *:not(.bgw){position:relative;z-index:1}
.ft .bgw{background-image:url("/wp-content/themes/digitoria-motion/assets/img/timeline/05-recognised.webp");
  filter:grayscale(1) contrast(1.05);opacity:.52}
.ft .bgw::after{background:
  radial-gradient(80% 70% at 50% 40%,rgba(11,11,12,.46),rgba(11,11,12,.72) 60%,rgba(11,11,12,.88) 100%),
  linear-gradient(180deg,rgba(11,11,12,.72) 0%,rgba(11,11,12,.34) 24%,
    rgba(11,11,12,.70) 100%)}
@keyframes ctaRing{
  0%{transform:scale(1);opacity:.5}
  70%{transform:scale(1.3);opacity:0}
  100%{transform:scale(1.3);opacity:0}}
@keyframes bob{0%,100%{transform:translateY(-2px);opacity:.5}50%{transform:translateY(2px);opacity:1}}
.tk{position:relative;width:100%;height:100svh;padding:1.5rem;
  display:flex;align-items:center;justify-content:center;
  background:var(--ink);color:var(--paper);overflow:hidden;
  transition:background-color .3s ease}
.tk-header{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);
  width:min(70%,760px);text-align:center;display:flex;flex-direction:column;
  gap:1.2rem;will-change:transform,opacity}
.tk-header h2{font-size:var(--fs-display)}
.tk-header h2 em{font-style:normal;color:var(--paper)}
.tk-header .tag{margin:0}
.tk-icons{position:absolute;bottom:1rem;left:1rem;right:1rem;display:flex;
  align-items:center;gap:1rem;z-index:2;opacity:0;pointer-events:none;
  will-change:transform}
.tk-icon{flex:1;aspect-ratio:1;border-radius:22%;overflow:hidden;
  
  filter:grayscale(1) contrast(.92)}
.tk-icon svg{display:block;width:100%;height:100%}
.tk-text{position:relative;width:100%;max-width:1000px;min-width:0;
  text-align:center;color:var(--ink);
  font-size:clamp(1.5rem,4vw,3.1rem);font-weight:800;line-height:1.18;
  letter-spacing:-.03em;padding:0 clamp(8px,2vw,20px)}
.tk-seg{opacity:0}
.tk-slot{display:inline-block;width:60px;height:60px;margin-top:-10px;
  vertical-align:middle;visibility:hidden}
.tk-clone{position:absolute;border-radius:22%;overflow:hidden;z-index:60;
  pointer-events:none}
.tk-clone svg{display:block;width:100%;height:100%}
@media (max-width:1000px){.tk-header{top:42%;width:100%}
.tk-slot{width:30px;height:30px;margin-top:-4px}
.tk-icons{gap:.5rem}}
html:not(.motion) .tk{background:var(--paper)}
html:not(.motion) .tk-header{display:none}
html:not(.motion) .tk-icons{display:none}
html:not(.motion) .tk-seg{opacity:1}
html:not(.motion) .tk-slot{display:none}
.deck{position:relative;width:100%;height:100svh;overflow:hidden;
  background:var(--ink);perspective:1000px}
.deck-head{position:absolute;top:0;left:0;right:0;z-index:10;
  padding:clamp(22px,4vw,54px) var(--gut) 0;pointer-events:none}
.deck-head h2{font-size:clamp(1.6rem,3.4vw,2.8rem);font-weight:800;
  letter-spacing:-.04em;line-height:1;max-width:22ch}
.deck-head h2 em{font-style:normal;color:var(--paper)}
.deck-card{position:absolute;top:50%;left:50%;width:min(66%,940px);height:58%;
  display:flex;justify-content:center;align-items:center;gap:1.2rem;
  padding:clamp(1.2rem,2.2vw,2.4rem);border-radius:18px;
  transform-origin:center bottom;will-change:transform;
  box-shadow:0 40px 90px -34px rgba(0,0,0,.85)}
.deck-col{flex:1;height:100%;min-width:0}
.deck-col:nth-child(1){display:flex;flex-direction:column;
  justify-content:space-between;padding:.4rem}
.deck-col:nth-child(2){border-radius:13px;overflow:hidden}
.deck-col img{width:100%;height:100%;object-fit:cover;display:block}
.deck-card p{font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;
  text-transform:uppercase;opacity:.8}
.deck-card h3{font-size:clamp(1.5rem,3.4vw,3rem);font-weight:800;
  letter-spacing:-.04em;line-height:.98;text-wrap:balance}
.deck-gold{background:linear-gradient(158deg,#dfc477,#c9a227 52%,#9c7d1e);color:#141414;z-index:5}
.deck-indigo{background:linear-gradient(158deg,#332e73,#1E1B4B 52%,#100e2b);color:var(--paper);z-index:4}
.deck-amber{background:linear-gradient(158deg,#f7ad2e,#e08a00 52%,#b06c00);color:#141414;z-index:3}
.deck-paper{background:linear-gradient(158deg,#ffffff,#f4f4f0 52%,#dedcd2);color:#141414;z-index:2}
@media (max-width:1000px){.deck-card{width:calc(100% - 2.6rem);height:74%;flex-direction:column-reverse}
.deck-col{width:100%;flex:1 1 auto}
.deck-col:nth-child(1){padding:0}
.deck-card h3{font-size:clamp(1.3rem,6vw,2rem)}}
html:not(.motion) .deck{height:auto;padding:clamp(60px,10vh,110px) var(--gut);perspective:none}
html:not(.motion) .deck-head{position:relative;padding:0 0 2rem}
html:not(.motion) .deck-card{position:relative;top:auto;left:auto;width:100%;
  height:auto;min-height:260px;margin-bottom:14px;transform:none!important}
.deck-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.deck-bg img{width:100%;height:100%;object-fit:cover;display:block;
  
  transform:scale(1.12)}
.deck-bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,11,12,.78),rgba(11,11,12,.62) 42%,rgba(11,11,12,.92))}
.deck-head{position:absolute;top:auto;bottom:0;left:0;right:0;z-index:0;
  padding:0 var(--gut) clamp(26px,5vh,58px)}
.deck-head h2{font-size:var(--fs-title);font-weight:700;max-width:24ch}
.deck-card{flex-direction:column;align-items:flex-start;justify-content:flex-end;
  gap:0;width:min(56%,720px);height:52%;
  padding:clamp(1.4rem,2.6vw,2.6rem)}
.deck-card p{font-family:var(--mono);font-size:.7rem;letter-spacing:.24em;
  text-transform:uppercase;opacity:.75;margin-bottom:auto}
.deck-card h3{font-size:clamp(1.8rem,4.4vw,3.6rem);line-height:.96;letter-spacing:-.045em}
.deck-rule{display:block;width:38px;height:2px;border-radius:2px;
  background:currentColor;opacity:.5;margin-top:1.1rem}
.deck-teal{background:linear-gradient(158deg,#1f6f66,#12514a 52%,#0b3630);color:var(--paper)}
.deck-gold{z-index:6}
.deck-indigo{z-index:5}
.deck-amber{z-index:4}
.deck-teal{z-index:3}
.deck-paper{z-index:2}
@media (max-width:1000px){.deck-card{width:calc(100% - 2.4rem);height:56%;flex-direction:column}
.deck-head h2{max-width:100%}}
.deck-card{flex-direction:row;align-items:stretch;justify-content:space-between;
  gap:clamp(1rem,2vw,2rem);width:min(64%,900px);height:54%;
  padding:clamp(1.3rem,2.4vw,2.4rem)}
.deck-col{flex:1 1 0;min-width:0;height:100%}
.deck-col:nth-child(1){display:flex;flex-direction:column;justify-content:flex-end;
  padding:0}
.deck-shot{flex:1.15 1 0;border-radius:12px;overflow:hidden;
  background:rgba(0,0,0,.22);
  box-shadow:0 14px 34px -14px rgba(0,0,0,.6)}
.deck-shot img{width:100%;height:100%;object-fit:cover;display:block}
.deck-card p{margin-bottom:auto}
.deck-card h3{font-size:clamp(1.5rem,3.2vw,2.7rem)}
@media (max-width:1000px){.deck-card{flex-direction:column;width:calc(100% - 2.4rem);height:60%;
    gap:.9rem}
.deck-col{flex:0 0 auto;height:auto}
.deck-col:nth-child(1){order:2}
.deck-shot{order:1;flex:1 1 auto;height:52%;min-height:0}
.deck-card h3{font-size:clamp(1.25rem,5.4vw,1.9rem)}
.deck-rule{margin-top:.7rem}}
.deck{--deck-foot:120px;
  
  --deck-card-h:min(54svh,(100svh - var(--deck-foot) - 56px) / 1.2)}
.deck-card{height:var(--deck-card-h);
  
  top:calc((100% - var(--deck-foot)) / 2 - var(--deck-card-h) * .1)}
@media (max-width:1000px){.deck{--deck-card-h:min(60svh,(100svh - var(--deck-foot) - 48px) / 1.2)}
.deck-card{height:var(--deck-card-h)}}
@media (max-width:1000px) and (min-aspect-ratio:1/1){.deck-card{flex-direction:row;align-items:stretch;
    gap:clamp(.8rem,2vw,1.4rem)}
.deck-col{flex:1 1 0;height:100%}
.deck-col:nth-child(1){order:0;justify-content:flex-end}
.deck-shot{order:0;flex:1.15 1 0;height:auto;min-height:0}
.deck-card h3{font-size:clamp(1.05rem,3.2vw,1.7rem)}
.deck-rule{margin-top:.6rem}}
.deck-card{padding-bottom:max(clamp(1.3rem,2.4vw,2.4rem),
                              calc(var(--deck-card-h) * .075))}
.deck{background:rgba(11,11,12,.80)}
@keyframes voDrift{
  0%,100%{transform:translate3d(-4%,0,0)   scale(1)}
  50%    {transform:translate3d(4%,-6%,0)  scale(1.12)}
}
.deck-foot{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}
.deck-card .deck-note{font-family:inherit;font-size:clamp(12.5px,1.02vw,14.5px);
  letter-spacing:-.005em;text-transform:none;line-height:1.55;
  opacity:.78;max-width:34ch;text-wrap:pretty}
.deck-card .deck-note em{font-style:italic;opacity:.92}
@media (max-width:1000px){.deck-card .deck-note{font-size:12px;line-height:1.5;max-width:none;
    
    display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;
    overflow:hidden}}
.tk-header h2,.deck-head h2{
  font-family:var(--display);
  font-weight:600;
  letter-spacing:-.03em;
  line-height:1.08;
}
.tk-header h2 em,.deck-head h2 em{
  font-family:var(--display);font-style:normal;font-weight:700;
}
@keyframes skyDrift{
  from{transform:translate3d(0,0,0)}
  to  {transform:translate3d(-50%,0,0)}}
@keyframes skyDriftBack{
  from{transform:translate3d(-50%,0,0)}
  to  {transform:translate3d(0,0,0)}}
.bk{position:relative;z-index:2;background:var(--ink);overflow:hidden;
  
  --bkh:min(62svh,600px);
  --bkw:calc(var(--bkh) * 3 / 4.15);
  min-height:100svh;
  display:flex;flex-direction:column;justify-content:center;
  gap:clamp(14px,2.6svh,30px);
  padding:clamp(52px,7svh,90px) var(--gut) clamp(32px,4.5svh,56px)}
.bk > *:not(.bk-bg){position:relative;z-index:1}
.bk-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bk .bk-bg .bk-bg-img{width:25%;height:25%;object-fit:cover;display:block;
  transform-origin:top left;
  transform:scale(4.24);
  filter:blur(7.5px) saturate(.7) brightness(.62) contrast(1.02)}
.bk-bg::after{content:"";position:absolute;inset:0;
  background:
    radial-gradient(66% 62% at 50% 46%,rgba(11,11,12,.12),rgba(11,11,12,.62) 82%),
    linear-gradient(to bottom,var(--ink),rgba(11,11,12,.20) 24%,
      rgba(11,11,12,.30) 68%,var(--ink))}
.bk-head{max-width:1240px;margin:0 auto;text-align:center}
.bk-head h2{font-family:var(--display);font-weight:600;letter-spacing:-.03em;
  line-height:1.06;max-width:18ch;margin:0 auto;
  
  font-size:clamp(1.45rem,3.1vw,2.5rem)}
.bk-head h2 em{font-style:normal;font-weight:700;color:var(--gold);
  text-shadow:0 0 44px rgba(201,162,39,.24)}
.bk-head .tag{font-family:var(--mono);font-size:var(--fs-label);
  letter-spacing:.24em;text-transform:uppercase;color:var(--dim);
  margin-bottom:1.2rem}
.bk-spread{width:calc(var(--bkw) * 2);margin:0 auto;
  display:flex;justify-content:flex-end}
.bk-stage{position:relative;width:var(--bkw);height:var(--bkh);
  perspective:2200px;perspective-origin:50% 42%}
@media (max-width:620px){.bk{--bkh:min(58svh,460px)}
.bk-spread{width:min(var(--bkw),88vw);justify-content:center}
.bk-stage{width:min(var(--bkw),88vw)}}
.bk-book{position:absolute;inset:0;transform-style:preserve-3d;
  transform:rotateX(5deg)}
.bk-book::before{content:"";position:absolute;inset:0;
  border-radius:3px 12px 12px 3px;
  background:linear-gradient(95deg,#dedbd0,#f2f1ea 12%,#e9e7dd);
  box-shadow:0 32px 70px -22px rgba(0,0,0,.8),
             0 2px 0 0 #cfccc0, 0 4px 0 0 #e6e4da,
             0 6px 0 0 #cfccc0, 0 8px 0 0 #e6e4da}
.bk-leaf{position:absolute;inset:0;transform-origin:left center;
  transform-style:preserve-3d}
.bk-face{position:absolute;inset:0;overflow:hidden;
  -webkit-backface-visibility:hidden;backface-visibility:hidden;
  border-radius:3px 12px 12px 3px;
  display:flex;flex-direction:column;
  
  box-shadow:0 34px 70px -24px rgba(0,0,0,.55),
             inset 0 0 70px rgba(0,0,0,calc(var(--t,0) * .5))}
.bk-face--verso{transform:rotateY(180deg);
  border-radius:12px 3px 3px 12px;
  background:linear-gradient(96deg,#efeee7,#e2e0d6);
  box-shadow:inset 0 0 40px rgba(0,0,0,.06)}
.bk-face--plate{padding:calc(var(--bkw) * 0.068);
  display:flex;flex-direction:column;gap:.65rem}
.bk .bk-face--plate img{flex:1;width:100%;min-height:0;object-fit:cover;
  display:block;border-radius:6px;
  filter:saturate(.86) contrast(1.04);
  box-shadow:0 10px 26px -10px rgba(0,0,0,.55)}
.bk-face--plate figcaption{flex:0 0 auto;
  font-family:var(--mono);font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(11,11,12,.42);text-align:center}
.bk-face--plate::after{content:"";position:absolute;right:0;top:0;bottom:0;width:26px;
  pointer-events:none;
  background:linear-gradient(to left,rgba(0,0,0,.18),rgba(0,0,0,0))}
.bk-face--endplate{display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:1rem;
  background:linear-gradient(96deg,#e8e6dc,#f2f1ea)}
.bk-face--endplate .bk-endmark{width:52px;height:52px;border-radius:50%;
  background-image:var(--gold-sheen);opacity:.5}
.bk-face--endplate p{font-family:var(--mono);font-size:10.5px;
  letter-spacing:.2em;text-transform:uppercase;color:rgba(11,11,12,.42)}
.bk-face--paper{background:linear-gradient(96deg,#e6e4da,var(--paper) 16%,#efeee7);
  color:var(--ink);
  
  padding:calc(var(--bkw) * 0.088)}
.bk-face--paper::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
  background-image:var(--gold-sheen);opacity:.85;z-index:2}
.bk-face--paper::after{content:"";position:absolute;left:5px;top:0;bottom:0;width:24px;
  pointer-events:none;z-index:2;
  background:linear-gradient(to right,rgba(0,0,0,.16),rgba(0,0,0,0))}
.bk-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.22em;
  text-transform:uppercase;color:rgba(11,11,12,.42)}
.bk-mark{font-family:Georgia,"Times New Roman",serif;
  font-size:calc(var(--bkw) * 0.16);line-height:.6;
  color:rgba(201,162,39,.34);margin:.4rem 0 -.5rem}
.bk-quote{flex:1 1 auto;min-height:0;overflow:hidden;
  display:flex;align-items:center;
  font-family:var(--display);font-weight:500;letter-spacing:-.02em;
  font-size:clamp(14px,calc(var(--bkw) * 0.052),19px);line-height:1.45;
  text-wrap:pretty;margin:calc(var(--bkw) * 0.05) 0}
.bk-by{flex:0 0 auto;display:flex;align-items:center;gap:.7rem;
  border-top:1px solid rgba(11,11,12,.14);
  padding-top:calc(var(--bkw) * 0.042)}
.bk-face-mark{flex:0 0 auto;width:38px;height:38px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(150deg,#1a1a1d,#2a2823);
  color:var(--gold);font-weight:700;font-size:15px;
  box-shadow:0 0 0 1px rgba(201,162,39,.35)}
.bk-who b{display:block;font-size:14px;font-weight:700;letter-spacing:-.01em}
.bk-who em{display:block;font-style:normal;font-family:var(--mono);
  font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(11,11,12,.5);margin-top:2px}
.bk-face--dark{background:
    radial-gradient(120% 90% at 50% 0%,#232227,#131316 46%,#0b0b0c);
  color:var(--paper);padding:clamp(28px,6vw,42px);
  align-items:center;justify-content:center;text-align:center}
.bk-face--dark::before{content:"";position:absolute;inset:14px;
  border-radius:8px;pointer-events:none;
  border:1px solid rgba(201,162,39,.30)}
.bk-face--dark::after{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;
  background-image:var(--gold-sheen)}
.bk-crest{width:74px;height:74px;border-radius:50%;padding:2.5px;flex:0 0 auto;
  background:conic-gradient(from 140deg,#6b5216,#e0c268 24%,#f2e6bd 38%,
    #c9a227 58%,#6b5216 76%,#e0c268 100%);
  box-shadow:0 10px 34px rgba(0,0,0,.6)}
.bk-crest img{width:100%;height:100%;border-radius:50%;
  background:#fff;padding:9%;object-fit:contain;display:block}
.bk-face--dark h3{font-family:var(--display);font-weight:700;letter-spacing:-.035em;
  font-size:clamp(1.55rem,5vw,2.15rem);line-height:1.04;margin-top:1.25rem}
.bk-face--dark h3 em{font-style:normal;color:var(--gold)}
.bk-rule{width:52px;height:1px;margin:1.1rem 0;
  background-image:var(--gold-sheen)}
.bk-face--dark p{font-family:var(--mono);font-size:var(--fs-label);
  letter-spacing:.2em;text-transform:uppercase;color:var(--dimmer);line-height:1.9}
.bk-face--dark .bk-sub{font-family:var(--font);font-size:14px;letter-spacing:0;
  text-transform:none;color:var(--dim);line-height:1.6;max-width:26ch;margin-top:.2rem}
.bk-pips{display:flex;gap:5px;margin-top:1.1rem}
.bk-pips i{width:6px;height:6px;border-radius:50%;
  background-image:var(--gold-sheen);opacity:.9}
.bk-cta{margin-top:1.6rem;display:inline-flex;align-items:center;gap:.5rem;
  min-height:48px;padding:0 24px;border-radius:999px;position:relative;
  background-image:linear-gradient(158deg,var(--gold-hi),var(--gold) 30%,#b78f1c 70%,#d9b849);
  color:#1c1608;text-decoration:none;font-weight:700;font-size:14.5px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),
             inset 0 -1px 0 rgba(0,0,0,.22),
             0 10px 30px rgba(0,0,0,.45)}
.bk-cta svg{width:16px;height:16px}
.bk-ui{display:flex;align-items:center;justify-content:center;
  gap:clamp(12px,2.4vw,20px)}
.bk-ui > button{width:42px;height:42px;border-radius:50%;cursor:pointer;
  display:grid;place-items:center;
  background:rgba(244,244,240,.06);border:1px solid var(--hair);
  color:var(--dim);transition:color .3s var(--ease),border-color .3s var(--ease)}
.bk-ui > button svg{width:15px;height:15px}
@media (hover:hover){.bk-ui > button:hover{color:var(--gold);border-color:rgba(201,162,39,.4)}}
.bk-dots{display:flex;gap:7px;list-style:none}
.bk-dots button{width:8px;height:8px;border-radius:50%;padding:0;
  background:rgba(244,244,240,.22);border:0;cursor:pointer;
  transition:background-color .3s var(--ease),transform .3s var(--ease)}
.bk-dots button[aria-current="true"]{background:var(--gold);transform:scale(1.35)}
html:not(.motion) .bk-stage{width:100%;aspect-ratio:auto;
  display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
html:not(.motion) .bk-book{position:static;inset:auto;display:contents}
html:not(.motion) .bk-stage{perspective:none}
html:not(.motion) .bk-book{transform-style:flat}
html:not(.motion) .bk-book::before{display:none}
html:not(.motion) .bk-book{transform:none}
html:not(.motion) .bk-leaf{position:static;inset:auto;transform-style:flat;
  transform:none!important;opacity:1!important;min-height:270px}
html:not(.motion) .bk-face{position:static;inset:auto;height:100%;
  backface-visibility:visible;border-radius:12px}
html:not(.motion) .bk-face--verso{display:none}
html:not(.motion) .bk-ui{display:none}
html:not(.motion) .bk{min-height:0;display:block;
  padding:clamp(80px,14vh,150px) var(--gut) clamp(90px,15vh,170px)}
html:not(.motion) .bk-head{text-align:left;margin-bottom:clamp(34px,5.5vh,60px)}
html:not(.motion) .bk-spread{width:100%;display:block}
html:not(.motion) .bk-stage{width:100%;height:auto}