/* The Big Read. A building you walk through: arches, gold line, deep pigment, one heavy calligraphic serif. */

@font-face{font-family:"TBR Display";src:url(../fonts/Alegreya-normal.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";src:url(../fonts/SourceSerif4-italic.woff2) format("woff2");font-weight:400 700;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"TBR Nastaliq";src:url(../fonts/NotoNastaliqUrdu.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}

@property --tbr-r{syntax:"<length>";inherits:false;initial-value:30px}

html:has(body.tbr-page){overflow-x:clip;scroll-behavior:auto}
body.tbr-page{background:#fff;overflow-x:clip}
.tbr-main{display:block;padding:0;margin:0;overflow:visible}
.tbr-defs{position:absolute}

.tbr{
  --ink:#13122E;--mist:#5A5873;--line:#E3E1EC;--gold:#F2C063;--c:#111C58;--bar:50px;
  --d:"TBR Display",var(--font-text,serif);
  --t:"Source Serif 4","Source Serif 4 FB A","Source Serif 4 FB R",Georgia,serif;
  --u:var(--font-pop,"Inter"),"Helvetica Neue",Arial,sans-serif;
  --tt-orange:var(--c);--tt-text:var(--ink);--tt-graphite:var(--mist);--tt-bg:#fff;
  position:relative;display:block;margin:0;padding:0;background:#fff;color:var(--ink);font-family:var(--t);font-variant-numeric:lining-nums;
}
.tbr[dir=rtl]{--d:var(--font-urdu,"IBM Plex Sans Arabic"),serif;--t:var(--font-urdu,"IBM Plex Sans Arabic"),serif}
.tbr-top,.tbr-bar,.tbr-end{--tt-orange:#FF4200;--tt-paper:#fff}
.tbr ::selection{background:var(--gold);color:var(--ink)}

/* ------ when the graphics card is drawing the walls, the rooms become windows on to them ------ */
.tbr-wall{position:absolute;left:0;top:0;width:100%;height:100%;display:block;pointer-events:none}
.tbr-gl .tbr-lat{display:none}
.tbr-hall{position:absolute;left:0;bottom:0;max-width:none;display:block;transform-origin:50% 100%}

/* ------ what every room shares: arches and a lattice with light moving through it ------ */
.tbr-ring{position:absolute;left:0;bottom:0;width:100%;height:100%;display:block;transform-origin:50% 100%;transform:scale(var(--k));clip-path:url(#tbr-arch);background:color-mix(in srgb,var(--gold) 44%,var(--c));transition:translate .7s cubic-bezier(.16,1,.3,1)}
.tbr-ring::after{content:"";position:absolute;inset:calc(1.3px/var(--k)) calc(1.3px/var(--k)) 0;clip-path:url(#tbr-arch);background:linear-gradient(180deg,color-mix(in srgb,var(--c),#fff var(--lt,6%)),color-mix(in srgb,var(--c),#000 var(--dk,20%)))}
.tbr-lat{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:color-mix(in srgb,var(--gold) 8%,transparent);-webkit-mask:url(../img/lattice.svg) 50% 0/76px;mask:url(../img/lattice.svg) 50% 0/76px}
.tbr-lat>i{position:absolute;inset:0 auto 0 -60%;width:220%;display:block;background:linear-gradient(104deg,transparent 40%,color-mix(in srgb,var(--gold) 40%,transparent) 50%,transparent 60%);transform:translate3d(-24%,0,0);will-change:transform}

/* ------ the cold open ------ */
html.tbr-opening{--cold:1.5s}
.tbr-cold{display:none}
html.tbr-motion.tbr-opening .tbr-cold{position:fixed;inset:0;z-index:99990;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0 24px;background:#0B1238;color:#fff;text-align:center;transition:opacity .7s ease;cursor:pointer}
.tbr-cold.is-gone{opacity:0;pointer-events:none}
.tbr-cold__ur{margin:0;font:500 clamp(30px,8.4vw,68px)/2.2 "TBR Nastaliq",serif;color:#F2C063;animation:tbr-cold-ink 1s cubic-bezier(.45,.05,.3,1) backwards .1s}
.tbr-cold__en{margin:0;font:600 clamp(17px,2.3vw,23px)/1.3 "TBR Display",serif;color:#fff;animation:tbr-fade .6s ease backwards .7s}
@keyframes tbr-cold-ink{from{clip-path:inset(-40% 0 -40% 100%)}to{clip-path:inset(-40% 0 -40% 0)}}

/* ------ the doorway ------ */
.tbr-door{position:relative;height:100svh;background:var(--c);color:#fff}
.tbr-motion .tbr-door{height:320svh;margin-bottom:-100svh}
.tbr-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--c);--aw:min(64vw,40svh);--ah:calc(var(--aw)*1.5)}
.tbr-rings{position:absolute;z-index:0;left:50%;bottom:0;width:var(--aw);height:var(--ah);margin-left:calc(var(--aw)/-2);transform:translateX(var(--ox,0px))}
.tbr-rings .tbr-ring{transform:scale(var(--k))}
.tbr-stage>.tbr-lat{z-index:1}
.tbr-motion .tbr-stage>.tbr-lat>i{animation:tbr-beam 11s linear infinite}
.tbr-door.is-past .tbr-lat>i{animation-play-state:paused}
@keyframes tbr-beam{from{transform:translate3d(-34%,0,0)}to{transform:translate3d(30%,0,0)}}
.tbr-top{position:absolute;z-index:3;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(env(safe-area-inset-top) + 18px) 20px 0;font:500 13px/20px var(--u);color:#fff}
.tbr .tbr-home{display:block;line-height:0;color:#fff}
.tbr-logo{display:block;max-width:100%;height:auto}
.tbr-home .tbr-logo{width:clamp(150px,20vw,210px)}
.tbr-cover{position:absolute;z-index:3;inset:calc(env(safe-area-inset-top) + 72px) 0 auto;padding:0 20px;text-align:center}
.tbr .tbr-series{margin:0 0 10px;font:700 clamp(18px,2.2vw,24px)/1.2 var(--d);color:var(--gold)}
.tbr .tbr-title{margin:0 auto;max-width:15ch;font-family:var(--d);font-weight:800;font-size:calc(var(--z,1)*clamp(43px,11.4vw,104px));line-height:1;letter-spacing:-.012em;color:#fff;text-wrap:balance}
.tbr[dir=rtl] .tbr-title{font-weight:700;line-height:1.5;letter-spacing:0}
.tbr .tbr-sub{margin:12px auto 0;max-width:30ch;font:600 clamp(19px,2.5vw,27px)/1.2 var(--d);color:#fff}
.tbr-w{display:inline-block;overflow:hidden;vertical-align:top;padding:.08em .04em .16em;margin:-.08em -.04em -.16em}
.tbr-w>span{display:inline-block;transform-origin:0 100%}
.tbr[dir=rtl] .tbr-w{overflow:visible}
.tbr-rise{position:absolute;z-index:4;inset:0;pointer-events:none}
.tbr-arch{position:absolute;left:50%;bottom:0;transform:translateX(var(--ox,0px));width:var(--aw);height:var(--ah);margin-left:calc(var(--aw)/-2);transform-origin:50% 100%;clip-path:url(#tbr-arch);background:var(--ink);overflow:hidden}
.tbr .tbr-arch__img{position:absolute;left:0;bottom:0;width:100%;height:100%;max-width:none;object-fit:cover;transform-origin:50% 100%}
.tbr-line{position:absolute;left:50%;bottom:0;width:var(--aw);height:var(--ah);margin-left:calc(var(--aw)/-2);overflow:visible;transform-origin:50% 100%;transform:translateX(var(--ox,0px)) scale(1.04)}
.tbr-line path{fill:none;stroke:var(--gold);stroke-width:.0034;stroke-dasharray:1;stroke-dashoffset:0}
.tbr-enter{position:absolute;z-index:5;left:calc(50% + var(--ox,0px));bottom:calc(env(safe-area-inset-bottom) + 18px);transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:0 18px;height:44px;border-radius:22px;background:var(--c);color:#fff;font:600 14px/1 var(--u);text-decoration:none;white-space:nowrap}
.tbr-enter i{display:block;width:2px;height:16px;background:var(--gold);transform-origin:50% 0}
.tbr-motion .tbr-enter i{animation:tbr-drip 1.8s cubic-bezier(.6,0,.2,1) infinite}
@keyframes tbr-drip{0%{transform:scaleY(0)}55%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1) translateY(10px);opacity:0}}
.tbr .tbr-enter:hover{color:#fff}
.tbr-enter:focus-visible,.tbr .tbr-home:focus-visible,.tbr-bar a:focus-visible,.tbr-bar button:focus-visible,.tbr-toc a:focus-visible,.tbr-toc__close:focus-visible,.tbr-end a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

.tbr-motion .tbr-w>span{animation:tbr-up 1.15s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--i)*65ms + 200ms + var(--cold,0s))}
.tbr-motion[dir=rtl] .tbr-w>span,.tbr-motion .tbr[dir=rtl] .tbr-w>span{animation-name:tbr-fade}
.tbr-motion .tbr-series,.tbr-motion .tbr-sub,.tbr-motion .tbr-top{animation:tbr-fade .9s ease backwards calc(.15s + var(--cold,0s))}
.tbr-motion .tbr-rise{animation:tbr-rise 1.5s cubic-bezier(.16,1,.3,1) backwards calc(.3s + var(--cold,0s))}
.tbr-motion .tbr-rings .tbr-ring{animation:tbr-ringrise 1.7s cubic-bezier(.16,1,.3,1) backwards}
.tbr-motion .tbr-rings .tbr-ring:nth-child(1){animation-delay:calc(.36s + var(--cold,0s))}
.tbr-motion .tbr-rings .tbr-ring:nth-child(2){animation-delay:calc(.27s + var(--cold,0s))}
.tbr-motion .tbr-rings .tbr-ring:nth-child(3){animation-delay:calc(.18s + var(--cold,0s))}
.tbr-motion .tbr-line path{animation:tbr-draw 2.4s cubic-bezier(.5,0,.2,1) backwards calc(.9s + var(--cold,0s))}
.tbr-motion .tbr-enter{animation:tbr-fade .6s ease backwards calc(1.6s + var(--cold,0s))}
@keyframes tbr-up{from{transform:translateY(112%) rotate(5deg)}to{transform:none}}
@keyframes tbr-fade{from{opacity:0}to{opacity:1}}
@keyframes tbr-rise{from{transform:translateY(70%)}to{transform:none}}
@keyframes tbr-ringrise{from{translate:0 42%;opacity:0}to{translate:0 0;opacity:1}}
@keyframes tbr-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}

/* ------ the bar that keeps your place ------ */
.tbr-bar{position:fixed;z-index:50;inset:var(--wp-admin--admin-bar--height,0px) 0 auto;height:calc(var(--bar) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 3px;display:flex;align-items:center;gap:14px;background:var(--c);color:#fff;transform:translateY(-110%);visibility:hidden;transition:transform .55s cubic-bezier(.16,1,.3,1),background-color .7s ease,visibility 0s .55s}
.tbr-bar[data-on="1"]{transform:none;visibility:visible;transition:transform .55s cubic-bezier(.16,1,.3,1),background-color .7s ease}
.tbr-bar__logo{display:block;flex:none;line-height:0}
.tbr-bar__logo .tbr-logo{width:38px}
.tbr .tbr-bar__now{flex:1;min-width:0;margin:0;display:flex;align-items:center;gap:8px;font:700 17px/24px var(--d);color:#fff}
.tbr-bar__n{flex:none;color:var(--gold);font-weight:800}
.tbr-bar__t{position:relative;display:block;flex:1;min-width:0;height:24px;overflow:hidden}
.tbr-bar__t>span{position:absolute;inset:0 auto auto 0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbr[dir=rtl] .tbr-bar__t>span{inset:0 0 auto auto}
.tbr-sound{flex:none;display:inline-flex;align-items:center;gap:7px;height:32px;padding:0;border:0;background:none;color:#fff;font:500 13px/1 var(--u);cursor:pointer}
.tbr-sound i{display:block;width:16px;height:12px;background:linear-gradient(currentColor,currentColor) 0 100%/2px 40% no-repeat,linear-gradient(currentColor,currentColor) 4.6px 100%/2px 100% no-repeat,linear-gradient(currentColor,currentColor) 9.2px 100%/2px 55% no-repeat,linear-gradient(currentColor,currentColor) 13.8px 100%/2px 75% no-repeat;opacity:.55}
.tbr-sound[aria-pressed=true]{color:var(--gold)}
.tbr-sound[aria-pressed=true] i{opacity:1;animation:tbr-eq 1.1s ease-in-out infinite alternate}
@keyframes tbr-eq{from{background-size:2px 100%,2px 40%,2px 80%,2px 35%}to{background-size:2px 45%,2px 90%,2px 35%,2px 100%}}
.tbr-top{gap:14px}.tbr-top .tbr-home{margin-inline-end:auto}
.tbr-bar__toc{flex:none;height:32px;padding:0 12px;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:16px;background:none;color:#fff;font:600 13px/1 var(--u);cursor:pointer;transition:background-color .25s,color .25s}
.tbr-bar__toc:hover{background:var(--gold);color:var(--ink)}
.tbr-bar__segs{position:absolute;inset:auto 0 0;height:3px;display:flex;gap:2px;background:none}
.tbr-bar__segs i{display:block;position:relative;background:rgba(255,255,255,.2);overflow:hidden}
.tbr-bar__segs b{position:absolute;inset:0;display:block;background:var(--gold);transform:scaleX(0);transform-origin:0 50%}
.tbr[dir=rtl] .tbr-bar__segs b{transform-origin:100% 50%}

/* ------ plates and sheets ------ */
.tbr .tbr-flow{display:block;gap:0;margin:0;padding:0;max-width:none;font-family:var(--t)}
.tbr-ch{position:relative}
.tbr-ch--first{z-index:2}
.tbr-plate{position:sticky;top:0;z-index:0;height:100svh;overflow:hidden;background:var(--c);color:#fff;text-align:center}
.tbr-plate__door{position:absolute;left:50%;bottom:0;--dw:min(62vw,40svh);width:var(--dw);height:calc(var(--dw)*1.5);margin-left:calc(var(--dw)/-2);transform-origin:50% 100%;will-change:transform}
.tbr-plate__arch{position:absolute;inset:0;clip-path:url(#tbr-arch);background:linear-gradient(180deg,color-mix(in srgb,var(--c),#000 42%),color-mix(in srgb,var(--c),#000 22%));display:block}
.tbr-ro{display:block;overflow:visible;color:var(--gold)}
.tbr-p{fill:none;stroke:currentColor;stroke-width:var(--sw,.8);stroke-dasharray:1;stroke-dashoffset:var(--draw,0);stroke-linejoin:round}
.tbr-ro__0{opacity:.55}.tbr-ro__1{opacity:.42}
.tbr-plate__arch .tbr-ro{position:absolute;left:6%;bottom:8%;width:88%;height:auto;aspect-ratio:1;will-change:transform}
.tbr-motion .tbr-plate .tbr-ro{--draw:1}
.tbr-plate .tbr-ro path{transition:stroke-dashoffset 2.6s cubic-bezier(.4,0,.2,1)}
.tbr-plate .tbr-ro__1{transition-delay:.2s}.tbr-plate .tbr-ro__2{transition-delay:.45s}.tbr-plate .tbr-ro__3{transition-delay:.7s}
.tbr-motion .tbr-plate.is-in .tbr-ro{--draw:0}
.tbr .tbr-plate__n{position:absolute;left:0;right:0;bottom:calc(8% + var(--dw)*.44);transform:translateY(50%);font:800 clamp(38px,11vw,54px)/1 var(--d);color:#fff;text-align:center}
.tbr-plate__in{position:relative;z-index:2;padding:calc(var(--bar) + env(safe-area-inset-top) + 34px) 20px 0}
.tbr .tbr-plate__t{margin:0 auto;padding:0;border:0;max-width:11ch;font-family:var(--d);font-weight:800;font-size:clamp(46px,13vw,120px);line-height:.98;letter-spacing:-.012em;color:#fff;text-wrap:balance}
.tbr[dir=rtl] .tbr-plate__t{font-weight:700;line-height:1.45;letter-spacing:0}
.tbr .tbr-plate__t::before,.tbr .tbr-plate__t::after{content:none;display:none}
.tbr .tbr-plate__m{margin:12px 0 0;font:600 14px/20px var(--u);color:var(--gold)}
.tbr-motion .tbr-plate .tbr-w>span{animation:none;transform:translateY(112%) rotate(5deg);transition:transform 1.05s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i)*70ms)}
.tbr-motion .tbr-plate.is-in .tbr-w>span{transform:none}
.tbr-motion .tbr-plate__m{opacity:0;transition:opacity .7s ease .5s}
.tbr-motion .tbr-plate.is-in .tbr-plate__m{opacity:1}
.tbr-motion .tbr[dir=rtl] .tbr-plate .tbr-w>span{transform:none;opacity:0;transition:opacity .9s ease}
.tbr-motion .tbr[dir=rtl] .tbr-plate.is-in .tbr-w>span{opacity:1}

.tbr-sheet{--paper:color-mix(in srgb,var(--c) 2.6%,#fff);position:relative;z-index:1;background:var(--paper);display:grid;grid-template-columns:[full-start] minmax(28px,1fr) [text-start] minmax(0,39rem) [text-end] minmax(28px,1fr) [full-end];padding-block:clamp(44px,7vw,84px) clamp(56px,8vw,100px)}
.tbr-sheet--flush{padding-bottom:0}
.tbr .tbr-sheet--flush>.tbr-tl{margin-bottom:0}
.tbr-sheet::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:9px;right:9px;pointer-events:none;background:linear-gradient(var(--gold),var(--gold)) 0 0/1px 100% no-repeat,linear-gradient(color-mix(in srgb,var(--c) 70%,transparent),color-mix(in srgb,var(--c) 70%,transparent)) 4px 0/1px 100% no-repeat,linear-gradient(var(--gold),var(--gold)) 100% 0/1px 100% no-repeat,linear-gradient(color-mix(in srgb,var(--c) 70%,transparent),color-mix(in srgb,var(--c) 70%,transparent)) calc(100% - 4px) 0/1px 100% no-repeat}
.tbr-sheet::before{content:"";position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:22px;background:var(--paper);-webkit-mask:url(../img/cusp.svg) 50% 100%/44px 22px repeat-x;mask:url(../img/cusp.svg) 50% 100%/44px 22px repeat-x}
.tbr .tbr-sheet>*{grid-column:text;min-width:0;max-width:none;margin-inline:0}
.tbr .tbr-sheet>style,.tbr .tbr-sheet>.tt-js{display:none}
.tbr-rail{display:none}

/* ------ the opening of the text ------ */
.tbr .tbr-lead{margin-bottom:clamp(28px,4vw,44px)}
.tbr .tbr-deck{margin:0 0 20px;font:600 clamp(21px,2.3vw,26px)/1.28 var(--d);color:var(--ink)}
.tbr .tbr-by p,.tbr .tbr-by span,.tbr .tbr-by a,.tbr .tbr-by time{color:var(--ink);font-family:var(--u);font-size:14px;line-height:21px}
.tbr .tbr-by a{font-weight:600;text-decoration:none}
.tbr .tbr-by p{margin:0}
.tbr .tbr-tools{margin:14px 0 0}
.tbr .tbr-credit{margin:18px 0 0;font:400 13px/19px var(--u);color:var(--mist)}
.tbr .tbr-credit span{font-weight:600}

/* ------ the text ------ */
.tbr .tbr-sheet>p{font-family:var(--t);font-size:17px;line-height:1.64;color:var(--ink);font-weight:400;letter-spacing:0;margin-block:0 1.1em}
.tbr .tbr-sheet strong{font-weight:600}
.tbr .tbr-ch--first .tbr-lead+style+p,.tbr .tbr-ch--first .tbr-lead+p{font-size:19px;line-height:1.56}
.tbr .tbr-ch--first .tbr-lead+style+p strong,.tbr .tbr-ch--first .tbr-lead+p strong{font-weight:500}
.tbr .tbr-sheet .tt-dateline-inline{display:inline;padding:0;margin:0;background:none;color:var(--c);font:inherit;font-weight:700;letter-spacing:0;text-transform:none}
.tbr .tbr-sheet a{color:var(--c);text-underline-offset:.16em}
.tbr[dir=rtl] .tbr-sheet>p{line-height:2.05}
.tbr-motion .tbr-sheet>p{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .75s cubic-bezier(.16,1,.3,1)}
.tbr-motion .tbr-sheet>p.is-in{opacity:1;transform:none}

/* the illuminated initial */
.tbr-ini{float:left;position:relative;width:62px;height:82px;margin:5px 12px 0 0;display:grid;place-items:end center;padding-bottom:7px;box-sizing:border-box;clip-path:url(#tbr-arch);background:var(--c);transform-origin:50% 100%}
.tbr-ini::before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--gold) 30%,transparent);-webkit-mask:url(../img/lattice.svg) 50% 0/26px;mask:url(../img/lattice.svg) 50% 0/26px}
.tbr-ini>span{position:relative;font:800 46px/1 var(--d);color:#fff}
.tbr-motion .tbr-ini{transform:scaleY(.2);opacity:0;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .4s ease}
.tbr-motion .is-in>.tbr-ini{transform:none;opacity:1}

/* pictures: they develop like newsprint, dot by dot */
.tbr .tbr-sheet>figure.wp-block-image{grid-column:full;margin:clamp(26px,5vw,48px) 0}
.tbr .tbr-sheet figure.wp-block-image img{display:block;width:100%;height:auto;border-radius:0}
.tbr-frame{display:block;overflow:hidden;line-height:0}
.tbr .tbr-sheet>figure.tt-tall{padding:clamp(22px,4vw,40px) 20px;background:color-mix(in srgb,var(--c) 9%,#fff)}
.tbr .tbr-sheet figure.tt-tall img{width:auto;max-width:100%;max-height:min(76svh,700px);margin:0 auto}
.tbr .tbr-sheet figcaption{margin:12px 20px 0;max-width:39rem;font:400 13px/19px var(--u);color:var(--mist);text-align:start;padding:0}
.tbr .tbr-sheet figure.tt-tall figcaption{margin-inline:auto}
.tbr-motion .tbr-sheet figure.wp-block-image img{--tbr-r:0px;-webkit-mask:radial-gradient(circle at center,#000 var(--tbr-r),transparent calc(var(--tbr-r) + .6px)) 0 0/30px 30px;mask:radial-gradient(circle at center,#000 var(--tbr-r),transparent calc(var(--tbr-r) + .6px)) 0 0/30px 30px;transition:--tbr-r 1.5s cubic-bezier(.45,0,.2,1)}
.tbr-motion .tbr-sheet figure.wp-block-image.is-in img{--tbr-r:24px}
.tbr-motion .tbr-sheet figure.wp-block-image.is-done img{-webkit-mask:none;mask:none}

/* the poems stand in niches, and are written from the right, a line at a time */
.tbr .tbr-sheet>.tt-verse{--crown:min(24vw,118px);position:relative;justify-self:center;width:100%;max-width:33rem;box-sizing:border-box;margin:calc(var(--crown) + 26px) auto 34px;padding:0 clamp(16px,5vw,42px) 30px;border:0;border-radius:0;background:var(--c);color:#fff;text-align:center}
.tt-verse::before{content:"";position:absolute;left:-.67%;width:101.34%;bottom:calc(100% - 1px);height:var(--crown);background:var(--c);clip-path:url(#tbr-crown)}
.tt-verse::after{content:"";position:absolute;inset:0 7px 7px;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);border-top:0;pointer-events:none}
.tbr .tbr-sheet .tt-verse>*{position:relative;z-index:1}
.tbr .tbr-sheet .tt-verse__ur{margin:calc(var(--crown)*-.42) 0 0;font-family:"TBR Nastaliq",var(--font-urdu,"IBM Plex Sans Arabic"),serif;font-weight:500;font-size:clamp(19px,5.1vw,29px);line-height:2.5;color:#fff;text-align:center!important}
.tbr .tbr-sheet .tt-verse__ur span{display:block}
.tbr .tbr-sheet .tt-verse__en{margin:10px 0 0;font:600 clamp(17px,2vw,20px)/1.36 var(--d);color:var(--gold)}
.tbr .tbr-sheet .tt-verse__src{margin:12px 0 0;font:500 12px/18px var(--u);letter-spacing:0;text-transform:none;color:#fff}
.tbr[dir=rtl] .tt-verse__en{display:none}
.tbr-motion .tt-verse__ur span{clip-path:inset(-40% 0 -40% 100%);transition:clip-path 1.5s cubic-bezier(.45,.05,.3,1)}
.tbr-motion .tt-verse__ur span:nth-child(2){transition-delay:.85s}
.tbr-motion .tt-verse__en,.tbr-motion .tt-verse__src{opacity:0;transform:translateY(10px);transition:opacity .8s ease 1.9s,transform .9s cubic-bezier(.16,1,.3,1) 1.9s}
.tbr-motion .tt-verse__src{transition-delay:2.15s}
.tbr-motion .tt-verse.is-in .tt-verse__ur span{clip-path:inset(-40% 0 -40% 0)}
.tbr-motion .tt-verse.is-in .tt-verse__en,.tbr-motion .tt-verse.is-in .tt-verse__src{opacity:1;transform:none}

/* a quotation is a room: it holds still and lights up word by word */
.tbr .tbr-sheet>.tt-pq{grid-column:full;position:relative;margin:clamp(28px,5vw,48px) 0;padding:clamp(64px,10vw,112px) 24px;border:0;background:var(--c);text-align:center;overflow:hidden}
.tbr .tbr-sheet .tt-pq p{position:relative;margin:0 auto;max-width:17ch;font-family:var(--d);font-weight:800;font-size:clamp(36px,9.6vw,84px);line-height:1.06;letter-spacing:-.01em;color:#fff}
.tbr[dir=rtl] .tbr-sheet .tt-pq p{font-weight:700;line-height:1.7;letter-spacing:0}
.tbr-pw{transition:color .3s ease}
.tbr-motion .tbr .tbr-sheet>.tt-pq,.tbr-motion .tbr-sheet>.tt-pq{height:230svh;padding:0;background:none;overflow:visible}
.tbr-pq__stage{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--c);display:grid;place-items:center;padding:0 24px}
.tbr-motion .tbr-pw:not(.on){color:color-mix(in srgb,#fff 17%,var(--c))}
.tbr-motion .tbr-pw.on.last{color:var(--gold)}

/* the run of dates: a room you pass through sideways */
.tbr .tbr-sheet>.tt-chart{margin:clamp(30px,5vw,56px) 0;padding:0;border:0}
.tbr .tbr-sheet .tt-chart__label{margin:0 0 16px;font:800 clamp(26px,3.4vw,34px)/1.1 var(--d);letter-spacing:0;text-transform:none;color:var(--ink)}
.tbr .tt-facts{gap:0}
.tbr .tt-facts>div{display:grid;grid-template-columns:78px 1fr;column-gap:16px;align-items:baseline;padding:12px 0;border-top:1px solid var(--line)}
.tbr .tt-fact__num{font-family:var(--d);font-weight:800;font-size:28px;line-height:1.1;color:var(--c)}
.tbr .tt-fact__txt{font-family:var(--t);font-size:16px;line-height:1.46;color:var(--ink)}
.tbr .tt-facts>p:empty,.tbr .tt-facts>div>p:empty{display:none}

.tbr .tbr-sheet>.tt-chart.tbr-tl{grid-column:full;margin:clamp(30px,5vw,56px) 0}
.tbr-tl__stage{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--c);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--bar) + 18px) 0 22px;box-sizing:border-box}
.tbr .tbr-sheet .tbr-tl .tt-chart__label{position:relative;margin:0 0 4px;padding:0 24px;font:700 clamp(19px,2.4vw,24px)/1.2 var(--d);color:var(--gold)}
.tbr-od{position:relative;display:flex;padding:0 22px;direction:ltr;font:800 clamp(92px,29vw,250px)/1 var(--d);color:#fff;font-variant-numeric:lining-nums tabular-nums;height:1em;margin-bottom:clamp(14px,3vh,30px)}
.tbr[dir=rtl] .tbr-od{justify-content:flex-end}
.tbr-od__c{display:block;height:1em;overflow:hidden}
.tbr-od__s{display:block;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.tbr-od__s b{display:block;height:1em;font-weight:inherit}
.tbr-tl__line{position:relative;flex:none;height:2px;margin:0 0 20px;background:rgba(255,255,255,.2)}
.tbr-tl__line b{position:absolute;inset:0;display:block;background:var(--gold);transform:scaleX(0);transform-origin:0 50%}
.tbr[dir=rtl] .tbr-tl__line b{transform-origin:100% 50%}
.tbr .tbr-tl .tt-facts.tbr-tl__track{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;flex:none;width:max-content;gap:clamp(18px,3vw,36px);padding:0 44vw 0 24px;will-change:transform}
.tbr[dir=rtl] .tbr-tl .tt-facts.tbr-tl__track{padding:0 24px 0 44vw}
.tbr .tbr-tl .tt-facts>div{display:block;flex:none;width:min(70vw,360px);padding:0;border:0;opacity:.34;transition:opacity .45s ease}
.tbr .tbr-tl .tt-facts>div.on{opacity:1}
.tbr .tbr-tl .tt-fact__num{display:block;margin:0 0 4px;font-size:26px;color:var(--gold)}
.tbr .tbr-tl .tt-fact__txt{display:block;font-size:17px;line-height:1.42;color:#fff}

/* ------ the last door: you leave the way you came ------ */
.tbr-end{--dw:min(50vw,27svh);position:relative;z-index:2;overflow:hidden;background:var(--c);color:#fff;text-align:center;padding:calc(env(safe-area-inset-top) + 7svh + var(--dw)*1.5 + 34px) 20px 44px;box-sizing:border-box}
.tbr-end__door{position:absolute;left:50%;top:0;width:var(--dw);height:calc(var(--dw)*1.5);margin-left:calc(var(--dw)/-2);margin-top:calc(env(safe-area-inset-top) + 7svh)}
.tbr-end__door::after{content:"";position:absolute;left:-100vw;right:-100vw;bottom:-1px;height:1px;background:color-mix(in srgb,var(--gold) 55%,transparent)}
.tbr-end__arch{position:absolute;inset:0;clip-path:url(#tbr-arch);background:var(--ink);transform-origin:50% 100%;overflow:hidden}
.tbr .tbr-end__img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.tbr-end__in{position:relative;z-index:1;max-width:48rem;margin:0 auto;width:100%}
.tbr .tbr-end__next{font:800 clamp(30px,5.8vw,60px)/1.06 var(--d);letter-spacing:-.01em;color:#fff;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:.14em}
.tbr .tbr-end__next:hover{color:var(--gold)}
.tbr[dir=rtl] .tbr-end__next{font-weight:700;line-height:1.5;letter-spacing:0}
.tbr-end__logo{display:block;width:min(420px,70vw);margin:clamp(30px,6vw,56px) auto 0;line-height:0}
.tbr-end__logo .tbr-logo{width:100%}

.tbr-after{position:relative;z-index:2;background:#fff;padding:clamp(44px,7vw,84px) 20px;font-family:var(--t)}
.tbr-after>*{max-width:44rem;margin-inline:auto}
.tbr .tbr-after h2,.tbr .tbr-after h3{font-family:var(--d);font-weight:800;letter-spacing:0}

/* ------ contents: a plan of the building ------ */
.tbr-toc,.tbr-toc *{box-sizing:border-box}
.tbr-toc{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:calc(env(safe-area-inset-top) + 14px) 18px calc(env(safe-area-inset-bottom) + 26px);background:#0B1238;color:#fff;overflow-y:auto}
.tbr-toc::backdrop{background:#0B1238}
.tbr-toc__top{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:64rem;margin:0 auto 18px}
.tbr .tbr-toc__left{margin:0;font:700 19px/1.3 var(--d);color:var(--gold)}
.tbr-toc__close{height:34px;padding:0 14px;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:17px;background:none;color:#fff;font:600 13px/1 var(--u);cursor:pointer}
.tbr-toc__list{list-style:none;max-width:64rem;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}
.tbr-toc__list li{margin:0;padding:0}
.tbr .tbr-toc__list a{display:block;color:#fff;text-decoration:none}
.tbr-toc__arch{--sw:1.7;position:relative;display:block;aspect-ratio:1/1.4;clip-path:url(#tbr-arch);background:var(--c);margin-bottom:8px;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.tbr-toc__arch .tbr-ro{position:absolute;left:8%;bottom:10%;width:84%;aspect-ratio:1;height:auto}
.tbr-toc__arch>span{position:absolute;left:0;right:0;bottom:10%;aspect-ratio:1.19;display:grid;place-items:center;font:800 clamp(18px,5vw,30px)/1 var(--d);color:#fff}
.tbr .tbr-toc__list a:hover .tbr-toc__arch{transform:translateY(-6px)}
.tbr-toc__t{display:block;font:700 clamp(15px,1.8vw,18px)/1.16 var(--d);text-align:center}
.tbr .tbr-toc__list a.is-here .tbr-toc__t{color:var(--gold)}
.tbr .tbr-toc__list a.is-here .tbr-toc__arch{outline:0;background:color-mix(in srgb,var(--c),var(--gold) 26%)}
.tbr[dir=rtl] .tbr-toc__t{line-height:1.7}
.tbr-motion .tbr-toc[open] li{animation:tbr-toc .7s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--i)*45ms + 60ms)}
@keyframes tbr-toc{from{opacity:0;transform:translateY(26px) scale(.94)}to{opacity:1;transform:none}}

/* ------ wider screens ------ */
@media (min-width:700px){
  .tbr .tbr-sheet>p{font-size:18px;line-height:1.66}
  .tbr .tbr-ch--first .tbr-lead+style+p,.tbr .tbr-ch--first .tbr-lead+p{font-size:21px}
  .tbr-ini{width:70px;height:92px;margin-top:6px}
  .tbr-ini>span{font-size:52px}
  .tbr .tbr-sheet figcaption{margin-inline:auto}
  .tbr-toc__list{grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 18px}
}
@media (min-width:900px){
  .tbr-top{padding-inline:40px;padding-top:26px}
  .tbr-enter{bottom:26px}
  .tbr-bar{padding-inline:28px}
  .tbr-toc{padding-inline:40px}
  .tbr .tbr-tl .tt-facts>div{width:min(32vw,400px)}
  .tbr-od{padding-inline:40px}
  .tbr .tbr-sheet .tbr-tl .tt-chart__label{padding-inline:42px}
  .tbr .tbr-tl .tt-facts.tbr-tl__track{padding-left:42px}
  .tbr[dir=rtl] .tbr-tl .tt-facts.tbr-tl__track{padding-left:44vw;padding-right:42px}
}
/* a desk: the reader's place in a rail, the pictures running off the edge */
@media (min-width:1100px){
  .tbr-sheet{grid-template-columns:[full-start] minmax(40px,1fr) [rail-start] 14rem [rail-end] 4rem [text-start] minmax(0,39rem) [text-end] minmax(40px,1fr) [full-end]}
  .tbr-sheet::after{left:calc(max(40px,(100% - 57rem)/2) + 18rem - 30px);right:calc(max(40px,(100% - 57rem)/2) - 30px)}
  .tbr .tbr-sheet>.tbr-rail{display:block;position:absolute;top:clamp(44px,7vw,84px);bottom:clamp(56px,8vw,100px);inset-inline-start:max(40px,calc((100% - 57rem)/2));width:14rem;grid-column:auto}
  .tbr-rail__in{position:sticky;top:calc(var(--bar) + 44px)}
  .tbr-rail__ro{--sw:1.9;position:relative;width:118px;aspect-ratio:1;color:var(--c);margin-bottom:14px}
  .tbr-rail__ro .tbr-ro{width:100%;height:100%;color:var(--c);will-change:transform}
  .tbr-rail__ro>span{position:absolute;inset:0;display:grid;place-items:center;font:800 26px/1 var(--d);color:var(--c)}
  .tbr .tbr-rail__t{margin:0;font:800 23px/1.12 var(--d);color:var(--ink)}
  .tbr .tbr-rail__m{margin:8px 0 0;font:500 13px/18px var(--u);color:var(--mist)}
  .tbr-rail__bar{display:block;position:relative;width:100%;height:2px;margin-top:16px;background:var(--line)}
  .tbr-rail__bar b{position:absolute;inset:0;display:block;background:var(--c);transform:scaleX(0);transform-origin:0 50%}
  .tbr[dir=rtl] .tbr-rail__bar b{transform-origin:100% 50%}
  .tbr .tbr-sheet>figure.wp-block-image,.tbr .tbr-sheet>figure.tt-tall{grid-column:text}
  .tbr .tbr-sheet figure.wp-block-image:not(.tt-tall) img{width:auto;max-width:100%;max-height:78svh;margin-inline:auto}
  .tbr .tbr-sheet figure.wp-block-image figcaption{margin-inline:0;max-width:39rem}
  .tbr .tbr-sheet>figure.tt-tall{padding-inline:28px}
  .tbr .tbr-sheet figure.tt-tall figcaption{margin-inline:auto}
  .tbr .tt-chart:not(.tbr-tl){grid-column:text}
}
/* a landscape screen: the words on one side, the door on the other */
@media (min-width:900px) and (min-aspect-ratio:23/20){
  .tbr-stage{--ox:25vw;--aw:49.4svh;--ah:74svh}
  .tbr-rings .tbr-ring:nth-child(1){display:none}
  .tbr-cover{inset:50% auto auto 0;width:50vw;padding:0 3vw 0 5vw;transform:translateY(-50%);text-align:start}
  .tbr[dir=rtl] .tbr-cover{left:auto;right:0}
  .tbr[dir=rtl] .tbr-stage{--ox:-25vw}
  .tbr .tbr-title{margin:0;max-width:12ch;font-size:calc(var(--z,1)*clamp(56px,6.6vw,112px))}
  .tbr .tbr-sub{margin-inline:0}
  .tbr-plate{text-align:start}
  .tbr-plate__door{left:75%;--dw:46svh}
  .tbr-plate__in{position:absolute;top:50%;left:0;width:50vw;padding:0 3vw 0 7vw;transform:translateY(-50%)}
  .tbr[dir=rtl] .tbr-plate__in{left:auto;right:0}
  .tbr[dir=rtl] .tbr-plate__door{left:25%}
  .tbr .tbr-plate__t{margin:0;max-width:12ch;font-size:clamp(60px,7.4vw,124px)}
  .tbr .tbr-plate__m{font-size:15px}
  .tbr .tbr-plate__n{font-size:clamp(44px,7svh,68px)}
}

/* ------ rooms made for one story ------ */
.tbr .tbr-sheet>.tbr-scene{grid-column:text;margin:clamp(28px,5vw,48px) 0}
.tbr .tbr-sheet>.tbr-scene.is-live{grid-column:full;height:calc(var(--len,300)*1svh);margin:clamp(28px,5vw,48px) 0}
.tbr-beat p{margin:0 0 .6em}
.tbr-scene__stage{position:sticky;top:0;height:100svh;overflow:hidden;color:#fff;background:var(--c)}
.tbr-beats{position:absolute;z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom) + 26px);width:min(92vw,40rem);height:0;transform:translateX(-50%)}
.tbr-scene.is-live .tbr-beat{position:absolute;left:0;right:0;bottom:0;padding:16px 18px 14px;background:#0B1238;border-top:2px solid var(--gold);opacity:0;transform:translateY(18px);transition:opacity .45s ease,transform .6s cubic-bezier(.16,1,.3,1);pointer-events:none}
.tbr-scene.is-live .tbr-beat.on{opacity:1;transform:none}
.tbr .tbr-scene .tbr-beat b{display:block;margin:0 0 4px;font:800 clamp(24px,3.4vw,34px)/1.1 var(--d);color:var(--gold)}
.tbr .tbr-scene .tbr-beat p{margin:0;font:400 17px/1.48 var(--t);color:#fff}
.tbr .tbr-scene .tbr-beat p+p{margin-top:.5em}
.tbr .tbr-sheet .tbr-scene p.ur{font-family:"TBR Nastaliq",var(--font-urdu),serif;font-weight:500;font-size:clamp(21px,5.6vw,34px);line-height:2.35;text-align:center}

/* the thread */
.tbr-s-thread{background-color:var(--c);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 1px,transparent 1px 3px)}
.tbr-gl .tbr-s-thread{background-color:var(--c)}
.tbr-thread{position:absolute;inset:0;width:100%;height:100%}
.tbr-thread__line{fill:none;stroke:var(--gold);stroke-width:3.2;stroke-linecap:round;stroke-dasharray:15 10}
.tbr-thread__shade{fill:none;stroke:rgba(0,0,0,.4);stroke-width:3.2;stroke-linecap:round;stroke-dasharray:15 10;transform:translate(1.5px,2.5px)}
.tbr .tbr-sheet .tbr-tag{position:absolute;z-index:3;width:min(74vw,23rem);margin:0;padding:15px 17px;box-sizing:border-box;background:#F6F1E4;color:var(--ink);font:400 17px/1.42 var(--t);outline:1.5px dashed color-mix(in srgb,var(--c) 55%,transparent);outline-offset:-7px;opacity:0;transform:translateY(16px) rotate(-1.4deg);transition:opacity .5s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.tbr .tbr-sheet .tbr-tag.on{opacity:1;transform:rotate(-1.4deg)}
.tbr-tag--0{top:calc(var(--bar) + 8svh);left:5vw}
.tbr-tag--1{top:40svh;right:5vw}
.tbr-tag--2{top:68svh;left:6vw}
.tbr-tag--3{top:72svh;right:5vw}

/* the orbit */
.tbr-s-orbit{background:#050818}
.tbr-planet{position:absolute;left:50%;top:62svh;width:170vmax;height:170vmax;margin-left:-85vmax;border-radius:50%;background:radial-gradient(circle at 50% 0,#2a6f8f 0,#123b5e 8%,#07182f 22%,#040b1a 50%);box-shadow:0 -2px 60px 6px rgba(120,200,255,.5),0 -2px 8px 1px rgba(190,235,255,.75)}
.tbr-ring-text{position:absolute;left:50%;top:62svh;width:190vmax;height:190vmax;max-width:none;margin-left:-95vmax;margin-top:-10vmax;overflow:visible}
.tbr-ring-text__t{font:800 44px var(--d);fill:var(--gold);letter-spacing:.02em}
.tbr-s-orbit .tbr-beats{top:calc(var(--bar) + env(safe-area-inset-top) + 34px);bottom:auto}
.tbr-scene.is-live.tbr-orbit-x .tbr-beat{bottom:auto}
.tbr-s-orbit .tbr-beat{bottom:auto!important;top:0;background:none!important;border:0!important;text-align:center;padding:0 8px!important}
.tbr .tbr-s-orbit .tbr-beat b{font-size:clamp(70px,20vw,170px);line-height:1;color:#fff}
.tbr .tbr-s-orbit .tbr-beat p{font-size:18px;margin-top:10px}

/* the route */
.tbr-map{position:absolute;inset:0;width:100%;height:100%;display:block}

/* the argument */
.tbr-s-argument{background:#0B1238}
.tbr-arg{position:absolute;inset:0;display:grid;place-items:center;padding:0 22px}
.tbr-arg--man{background:var(--c);color:#fff}
.tbr-arg--god{background:var(--gold);color:var(--ink)}
.tbr-scene.is-live .tbr-arg .tbr-beat{background:none;border:0;left:22px;right:22px;padding:0;text-align:center}
.tbr-scene.is-live .tbr-arg--man .tbr-beat{top:calc(var(--bar) + 7svh);bottom:auto}
.tbr-scene.is-live .tbr-arg--god .tbr-beat{bottom:7svh;top:auto}
.tbr .tbr-scene .tbr-arg--god .tbr-beat p,.tbr .tbr-scene .tbr-arg--god .tbr-beat b{color:var(--ink)}
.tbr .tbr-scene .tbr-arg .tbr-beat p.ur{margin:0 0 .15em}
.tbr .tbr-scene .tbr-arg .tbr-beat p:not(.ur){font:600 clamp(18px,2.2vw,23px)/1.3 var(--d)}
.tbr .tbr-scene .tbr-arg .tbr-beat b{font-size:clamp(15px,1.7vw,18px);font-family:var(--u);font-weight:600;margin-bottom:10px;color:var(--gold)}
.tbr-beam{position:absolute;left:-10vw;right:-10vw;top:0;height:2px;background:#fff;transform-origin:50% 50%}
.tbr-pivot{position:absolute;left:50%;top:0;width:34px;height:34px;background:#0B1238;border:2px solid var(--gold);box-sizing:border-box}

/* the word */
.tbr-khudi{position:absolute;left:50%;top:50%;z-index:2;white-space:nowrap;font-family:"TBR Nastaliq",serif;font-weight:700;font-size:min(46vw,52svh);line-height:1.9;padding:0 .2em;color:transparent;background:linear-gradient(100deg,#B98A32,#F7DD9B 22%,#D9A441 42%,#FFF0C2 55%,#C4913A 72%,#F2C063);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;will-change:transform,clip-path;transform:translate(-50%,-50%)}

/* the field */
.tbr-field{position:absolute;inset:0;width:100%;height:100%;display:block}

/* the letters */
.tbr-names-live{position:absolute;inset:calc(var(--bar) + 4svh) 0 auto;display:flex;flex-direction:column;align-items:center;gap:.04em;font:800 clamp(34px,10.4vw,96px)/1.06 var(--d);letter-spacing:.01em}
.tbr-names-row{display:flex}
.tbr-names-row span{display:block;will-change:transform;transform-origin:50% 50%}
.tbr-names-row .o{color:#fff;opacity:var(--o,1)}
.tbr-names-row .k{color:var(--gold);position:relative;z-index:2}
.tbr-final{position:absolute;left:0;right:0;top:40svh;display:flex;justify-content:center;font:800 clamp(52px,16.6vw,180px)/1 var(--d);letter-spacing:.015em;visibility:hidden}
.tbr-i{position:absolute;z-index:3;font:800 clamp(52px,16.6vw,180px)/1 var(--d);color:#fff;opacity:0}
.tbr .tbr-sheet .tbr-names{margin:0 0 1em;font:800 26px/1.2 var(--d)}
.tbr .tbr-sheet .tbr-names span{display:block}
.tbr-scene.is-live>.tbr-names{display:none}

/* the rent book and the clock */
.tbr-s-ledger::after{content:"";position:absolute;inset:0;background:#000;opacity:calc(var(--dim,0)*.72);pointer-events:none;z-index:0}
.tbr-months{position:absolute;z-index:1;inset:calc(var(--bar) + 26px) 16px auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;max-width:44rem;margin:0 auto}
.tbr-month{position:relative;aspect-ratio:1/1.08;background:#0B1238;color:rgba(255,255,255,.55);display:flex;flex-direction:column;justify-content:center;align-items:center;font:600 12px/1.15 var(--u);overflow:hidden}
.tbr-month b{font-weight:700}
.tbr-month i{font-style:normal;opacity:.7}
.tbr-month u{position:absolute;inset:0;display:grid;place-items:center;text-decoration:none;background:var(--gold);color:var(--ink);font:800 clamp(20px,5.4vw,30px)/1 var(--d);transform:scale(1.5);opacity:0;transition:transform .35s cubic-bezier(.3,1.5,.5,1),opacity .15s linear}
.tbr-month.on u{transform:none;opacity:1}
.tbr-month:last-child{outline:2px solid var(--gold);outline-offset:-2px;color:#fff}
.tbr-clock{max-width:none;position:absolute;z-index:1;left:50%;top:44svh;width:min(74vw,50svh);height:min(74vw,50svh);transform:translate(-50%,-50%);opacity:0}
.tbr-clock__rim{fill:#0B1238;stroke:var(--gold);stroke-width:1.5}
.tbr-clock__h{stroke:#fff;stroke-width:2.4}
.tbr-clock__m{stroke:rgba(255,255,255,.3);stroke-width:1}
.tbr-clock__hour{stroke:#fff;stroke-width:5;stroke-linecap:round}
.tbr-clock__min{stroke:var(--gold);stroke-width:3;stroke-linecap:round}
.tbr-clock__pin{fill:var(--gold)}
.tbr-time{position:absolute;z-index:1;left:0;right:0;top:calc(44svh + min(37vw,25svh) + 8px);text-align:center;font:800 clamp(30px,6vw,46px)/1 var(--d);opacity:0;font-variant-numeric:lining-nums tabular-nums}

/* beyond the stars */
.tbr-s-stars{background:#050818}
.tbr-s-stars .tbr-beats{top:50%;bottom:auto}
.tbr-s-stars .tbr-beat{bottom:auto!important;top:0;transform:translateY(-40%)!important;background:none!important;border:0!important;text-align:center}
.tbr .tbr-s-stars .tbr-beat p{font:700 clamp(21px,3vw,30px)/1.3 var(--d)}
.tbr .tbr-s-stars .tbr-beat p.ur{font-family:"TBR Nastaliq",serif;font-size:clamp(28px,7.6vw,56px);line-height:2.4;color:var(--gold)}

@media (min-width:900px){
  .tbr-months{grid-template-columns:repeat(9,minmax(0,1fr))}
  .tbr-s-thread .tbr-tag--0{left:9vw}.tbr-s-thread .tbr-tag--1{right:10vw}.tbr-s-thread .tbr-tag--2{left:12vw}
}

@media (prefers-reduced-motion:reduce){
  .tbr *{animation:none!important;transition:none!important}
}
@media print{
  .tbr-bar,.tbr-toc,.tbr-rail,.tbr-lat{display:none!important}
  .tbr *{opacity:1!important;transform:none!important;clip-path:none!important;-webkit-mask:none!important;mask:none!important}
}

/* ------ the paper's own tools, quietly ------ */
.tbr .tt-hero__tools{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0;color:var(--ink)}
.tbr .tt-hero__switch,.tbr .tt-hero__switch a,.tbr .tt-hero__switch button,.tbr .tt-hero__switch span{font-family:var(--u);color:var(--ink)}
.tbr .tt-hero__actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:2px 18px}
.tbr .tt-tool{min-height:36px;padding:0;border:0;background:none;color:var(--ink);font:500 14px/20px var(--u);text-decoration:none;box-shadow:none}
.tbr .tt-tool:hover{background:none;color:var(--c)}
.tbr .ttr-more{align-self:stretch;width:100%;max-width:none}
.tbr .tt-listen{--tt-l-a:#FF4200}
body:not(.logged-in) .tbr .tt-hero__switch,body:not(.logged-in) .tbr .ttr-more{display:none}
.tbr .tt-feature__when-dot,.tbr .tt-feature__when-dot+span{display:none}
.tbr .ttr-more__btn{background:none;color:var(--ink);font-family:var(--u);border-color:var(--line)}
.tbr .tt-hero__sheet-link{color:var(--ink);font-family:var(--u)}
.tbr .tbr-lead>:not(.tbr-deck):not(.tbr-by):not(.tbr-tools):not(.tbr-credit){margin-block:18px 0;text-align:start}

/* a wide screen: the song's ring and the last verse at a reading size */
@media (min-width:900px){
  .tbr-ring-text__t{font-size:30px}
  .tbr-s-stars .tbr-beats{width:min(94vw,64rem)}
  .tbr .tbr-s-stars .tbr-beat p.ur{font-size:clamp(28px,3.4vw,50px)}
}