/* CIIPC
   The Centre's open letter: letters patent were public documents under seal, and so is this site.
   Typeset like a law report, drawn like a patent sheet: ink on warm paper. Two faces from one foundry: Newsreader for
   every headline and paragraph, Spectral in true small capitals for every label, number and the navigation.
   One colour of its own: vermilion, the sealing wax of the Centre's mark. It marks what is official and what asks
   something of the reader (notices, deadlines, section marks, the seal), as rubrics did in red in a law report.
   The three subjects take the three petals of the mark: saffron, green and teal. After dusk the site is read by lamp. */

:root{
  --seal:#C8351C; --seal-deep:#9E2A14; --seal-soft:#F5DED5; --on-seal:#FFFFFF; --wax:#B8301A;
  --innov:#A86E0C; --ip:#3D7526; --comp:#1F5651;
  --warm:0; --lx:15%; --ly:15%;
  --page:#F6F1E7; --tint:#EEE6D6; --surface:#FFFDF8; --white:#FFFFFF; --on-ink:#F6F1E7;
  --ink:#1A1714; --ink-2:#3A332C; --muted:#675D53; --rule:#D8CDBB; --hair:#E6DDCD;
  --deep:#1F1A16;
  --sheet:var(--page); --on-sheet:var(--ink);
  --on-sheet-2:color-mix(in srgb,var(--ink) 80%,transparent); --on-sheet-3:color-mix(in srgb,var(--ink) 60%,transparent);
  --on-sheet-line:color-mix(in srgb,var(--ink) 16%,transparent);
  --tape:#E8542F;
  --emb-hi:rgba(255,222,205,.9); --emb-sh:rgba(64,8,0,.6); --emb-press:rgba(60,6,0,.08);
  --focus:#C8351C;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sc:"Spectral SC","Newsreader",Georgia,serif;
  --gut:clamp(16px,4vw,56px);
  --max:1320px;
  --mast:76px;
  color-scheme:light;
}
:root[data-theme="lamp"],:root[data-theme="dark"]{
  --page:#17130F; --tint:#1F1A15; --surface:#241E18; --deep:#0E0B09;
  --ink:#F2EADC; --ink-2:#D9CDBA; --muted:#AC9F8C; --rule:rgba(242,234,220,.2); --hair:rgba(242,234,220,.1);
  --seal:#F0795A; --seal-deep:#F49A80; --seal-soft:rgba(240,121,90,.16); --on-seal:#17130F; --wax:#A82C18;
  --innov:#E3AE4C; --ip:#86BE68; --comp:#6DB3AA;
  --on-ink:#17130F; --focus:#F49A80;
  color-scheme:dark}
/* dark sheets: the strip above the masthead, the footer and Strata are always read by lamp */
.util,.foot,.strata-show,.strata,.is-strata main{--sheet:var(--deep);--on-sheet:#F6F1E7;--on-sheet-2:rgba(246,241,231,.82);--on-sheet-3:rgba(246,241,231,.62);
  --on-sheet-line:rgba(246,241,231,.18);--seal:#F0795A;--on-seal:#17130F;--focus:#F49A80}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--mast) + 20px)}
body{margin:0;background:var(--page);color:var(--ink);font:400 19px/1.6 var(--serif);font-optical-sizing:auto;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip;font-kerning:normal}
a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}
img,svg{display:block;max-width:100%}
button,input,select{font:inherit;color:inherit}
h1,h2,h3{text-wrap:balance;font-weight:400;margin:0}
p{margin:0}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
::selection{background:var(--seal-soft)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-80px;z-index:80;background:var(--surface);color:var(--ink);padding:10px 16px;font:500 16px var(--sc)}
.skip:focus{top:12px}

/* small capitals: lowercase text in Spectral SC sets as true small capitals */
.sc,.lbl,.h3,.dateline,.tb-k,.meta dt,.band-tb dt,.ss-facts dt,.q-k,.ev-k,.role,.sched-k,.sec-name,.st-law,.kicker,.lk-name,
.nav a,.light-btn,.menu-btn,.light-set button,.seg button,.link,.cite-copy,.st-play,.wk-p,.r-kind,.side-note,.src,.ev-d,.z,.causehead p,.hint-n{
  font-family:var(--sc);text-transform:lowercase;letter-spacing:.035em;font-weight:500}
.sc{font-size:.92em}
.lbl,.h3,.kicker{font-size:16px;color:var(--seal)}
.prose,.bio,.sec-lede,.hero-lede,.claims p,.parts li,.q-d,.note{font-variant-numeric:oldstyle-nums proportional-nums}
.yr,.ev-d b,.band-tb dd,.ss-facts dd,.cn,.q-n,.sec-no,.st-year,.tb-v{font-variant-numeric:lining-nums tabular-nums}

/* links: small capitals over a rule */
.link{display:inline-block;font-size:17px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--seal);
  padding-bottom:1px;transition:border-color .2s,color .2s}
.link:hover{color:var(--seal)}
.link-light,.foot .link,.strata .link{color:var(--on-sheet)}
.link+.link{margin-left:30px}
.after{margin-top:26px}
.after,.hero-cta{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 30px}
.after .link+.link,.hero-cta .link+.link{margin-left:0}
.prose a,.bio a,.note a{text-decoration-color:color-mix(in srgb,currentColor 35%,transparent)}
.prose a:hover{text-decoration-color:currentColor}

/* pillar swatches: engraved, and printed in the petal colours of the mark */
[data-pillar="innov"]{--pc:var(--innov)}[data-pillar="ip"]{--pc:var(--ip)}[data-pillar="comp"]{--pc:var(--comp)}
.sw{display:inline-block;width:11px;height:11px;border:1px solid currentColor;margin-right:9px;vertical-align:-1px;flex:none}
.sw-innov{background:repeating-linear-gradient(135deg,currentColor 0 1px,transparent 1px 3.2px)}
.sw-ip{background:repeating-linear-gradient(45deg,currentColor 0 1px,transparent 1px 3.2px),repeating-linear-gradient(135deg,currentColor 0 1px,transparent 1px 3.2px)}
.sw-comp{background:repeating-linear-gradient(0deg,currentColor 0 1px,transparent 1px 3.2px)}
.sw.sw-innov{color:var(--innov)}.sw.sw-ip{color:var(--ip)}.sw.sw-comp{color:var(--comp)}

/* ------------------------------------------------ masthead */
.mast{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;height:var(--mast);display:flex;align-items:center;gap:28px;
  padding:0 var(--gut);background:var(--page);color:var(--ink);border-bottom:1px solid var(--rule)}
.marks{display:flex;align-items:center;gap:16px;flex:none}
.nlud{display:block;flex:none}
.nlud img{width:auto;height:46px;filter:brightness(0);opacity:.86}
:root[data-theme="lamp"] .nlud img{filter:none;opacity:1}
.marks-rule{width:1px;height:40px;background:var(--on-sheet-3)}
.home-link{text-decoration:none;flex:none;color:inherit}
.lockup{display:flex;align-items:center;gap:13px}
.lk-logo{width:44px;height:44px;flex:none}
.lk-name{font-size:14px;line-height:1.16;color:var(--on-sheet)}
.nav{margin-left:auto}
.nav ul,.menu ul,.foot-nav{list-style:none;margin:0;padding:0}
.nav ul{display:flex;gap:26px}
.nav a{font-size:17.5px;color:var(--on-sheet-2);text-decoration:none;padding:10px 0;display:block;transition:color .2s}
.nav a:hover,.nav a[aria-current]{color:var(--on-sheet)}
.nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--seal)}
.light-btn,.menu-btn{display:inline-flex;align-items:center;gap:9px;height:38px;padding:0 13px;border:1px solid var(--on-sheet-3);background:none;color:var(--on-sheet);font-size:15.5px;cursor:pointer;flex:none}
.nav+.light-btn{margin-left:6px}
.sun-dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFE3A1,#E7A43B)}
[data-theme="lamp"] .sun-dot{background:none;box-shadow:inset 0 0 0 1.5px currentColor}
.menu-btn{display:none}
.mb-lines{width:16px;height:9px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor}
@media (max-width:1160px){.nav{display:none}.menu-btn{display:inline-flex;margin-left:8px}.light-btn{margin-left:auto}}
@media (max-width:600px){.lk-name{display:none}}
@media (max-width:360px){.marks-rule,.nlud{display:none}}
@media (max-width:420px){.light-name{display:none}}
.menu{position:fixed;inset:var(--mast) 0 0;z-index:49;background:var(--page);color:var(--on-sheet);padding:24px var(--gut) 40px;overflow:auto;display:flex;flex-direction:column}
.menu[hidden]{display:none}
.menu a{display:block;font:400 clamp(34px,8vw,52px)/1.1 var(--serif);letter-spacing:-.02em;text-decoration:none;padding:10px 0;border-bottom:1px solid var(--on-sheet-line)}
.menu-foot{margin-top:auto;padding-top:32px;font-size:16px;color:var(--on-sheet-2)}

/* ------------------------------------------------ the opening: a drawing sheet, pinned while FIG. 1 assembles */
.hero{position:relative;background:var(--sky-bg,var(--sheet));color:var(--on-sheet);transition:background 2s ease}
.hero-pin{position:relative;height:clamp(540px,calc(100svh - var(--mast) - 150px),760px);overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;padding:clamp(34px,4vw,56px) clamp(40px,5vw,84px) clamp(28px,3vw,44px)}
.sheet-frame{position:absolute;inset:14px;border:1px solid var(--on-sheet-line);pointer-events:none}
.sheet-frame::before{content:"";position:absolute;inset:16px;border:1px solid color-mix(in srgb,var(--on-sheet) 7%,transparent)}
.z{position:absolute;font-size:12px;line-height:1;color:var(--on-sheet-3)}
.z span{position:absolute;transform:translate(-50%,-50%)}
.z-top,.z-bot{left:16px;right:16px;height:16px}.z-top{top:0}.z-bot{bottom:0}
.z-top span,.z-bot span{top:8px}
.z-l,.z-r{top:16px;bottom:16px;width:16px}.z-l{left:0}.z-r{right:0}
.z-l span,.z-r span{left:8px}
.hero-grid{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,13fr);gap:clamp(24px,4vw,64px);align-items:center;min-height:0;width:min(100%,var(--max));justify-self:center}
.hero-copy{position:relative;z-index:2}
.dateline{font-size:16px;color:var(--seal);margin-bottom:26px}
.hero h1{font:340 clamp(54px,min(7.6vw,14svh),136px)/.9 var(--serif);font-variation-settings:"opsz" 72;letter-spacing:-.045em;margin:0 0 28px;white-space:nowrap}
.hero-lede{font:400 clamp(17px,1.35vw,20px)/1.55 var(--serif);color:var(--on-sheet-2);max-width:27em;margin-bottom:30px}
.hero-fig{margin:0;height:100%;min-height:0;position:relative;display:grid;place-items:center}
.hero-fig .fig1{width:100%;height:100%;max-height:100%;overflow:hidden}
.title-block{grid-row:2;grid-column:1;justify-self:end;display:grid;grid-template-columns:repeat(4,auto);border:1px solid var(--on-sheet-3);margin-top:14px;position:relative;z-index:2}
.tb-cell{padding:8px 14px 9px;border-left:1px solid var(--on-sheet-line);display:flex;flex-direction:column;gap:4px;min-width:96px}
.tb-cell:first-child{border-left:0}
.tb-k{font-size:12.5px;line-height:1;color:var(--on-sheet-3)}
.tb-v{font:400 15px/1.2 var(--serif);color:var(--on-sheet)}
.hero-hint{grid-row:2;grid-column:1;align-self:end;justify-self:start;font:italic 400 15.5px/1.45 var(--serif);color:var(--on-sheet-3);position:relative;z-index:2;max-width:30em;transition:color .3s}
@media (max-width:1180px){.title-block{grid-template-columns:repeat(2,auto)}.tb-wide{grid-column:span 2}.tb-cell:nth-child(3){border-left:1px solid var(--on-sheet-line)}.tb-wide:nth-child(4){border-top:1px solid var(--on-sheet-line);border-left:0}}
@media (max-width:980px){
  .hero{height:auto}
  .hero-pin{position:relative;top:auto;height:auto;min-height:0;display:block;padding:44px 34px 40px}
  .hero-grid{grid-template-columns:1fr}
  .hero h1{white-space:normal}
  .hero-fig .fig1{max-height:none}
  .title-block{margin-top:20px;justify-self:start}
  .hero-hint{margin-top:14px}
}
abbr.inid{text-decoration:none;cursor:help}
@media (max-width:560px){.sheet-frame .z{display:none}.sheet-frame{inset:8px}.hero-pin{padding:36px 22px 30px}.title-block{grid-template-columns:auto}.title-block .tb-cell:not(.tb-tog){display:none}.title-block .tb-tog{border-left:0}}

/* FIG. 1: ink engraving on paper */
.fig1{width:100%;height:auto;overflow:visible;--asm:0}
.js .fig1{--asm:1}                /* FIG. 1, whole, until the sequence opens it into FIG. 2 */
.fig1 .axis{stroke:var(--on-sheet);stroke-width:.7;stroke-dasharray:22 5 3 5;fill:none;opacity:.32}
.fig1 .line{fill:none;stroke:var(--on-sheet);stroke-width:1.15;stroke-linejoin:round;stroke-linecap:round}
.fig1 .hatch{fill:none;stroke:var(--on-sheet);stroke-width:.55;stroke-linecap:round;opacity:.62}
.fig1 .leader{fill:none;stroke:var(--on-sheet);stroke-width:.8;opacity:.7}
.fig1 .num{font:500 25px var(--serif);font-variant-numeric:lining-nums;fill:var(--on-sheet)}
.fig1 .lab{font:500 18px var(--sc);text-transform:lowercase;letter-spacing:.03em;fill:var(--on-sheet-2)}
.fig1 .part{cursor:pointer;outline:none}
.fig1 .part .body{transform:translate(calc(var(--tx) * var(--asm)),calc(var(--ty) * var(--asm)))}
.js .hero:not(.drawn) .fig1 :is(.line,.hatch,.axis){stroke-dasharray:1;stroke-dashoffset:1}
.js .hero:not(.open) .fig1 :is(.num,.lab,.leader,.pulse){opacity:0}
.plotted .fig1 .axis{animation:plot 1.6s ease forwards}
.plotted .fig1 .line{animation:plot 1.7s cubic-bezier(.45,.05,.3,1) forwards;animation-delay:calc(var(--i) * .15s)}
.plotted .fig1 .hatch{animation:plot 2.4s cubic-bezier(.4,0,.4,1) forwards;animation-delay:calc(.8s + var(--i) * .15s)}
.open .fig1 .part:not(:hover,:focus-visible) :is(.num,.lab,.leader,.pulse){opacity:calc(1 - var(--asm))}
.open .fig1:has(.part:is(:hover,:focus-visible)) .part:not(:hover,:focus-visible) :is(.num,.lab,.leader,.pulse){opacity:calc(.22 * (1 - var(--asm)))}
@keyframes plot{to{stroke-dashoffset:0}}
@keyframes show{to{opacity:1}}
@media (max-width:700px){.fig1 .num{font-size:42px}.fig1 .lab{display:none}}

/* selecting a part: it comes forward, the rest recede, and the caption says what it opens */
.fig1 .hit{fill:transparent;stroke:none;pointer-events:all}
/* the parts travel between the figures one after another, as an assembler would move them */
.fig1 .part .body{transition:opacity .35s ease,transform 1.5s cubic-bezier(.7,0,.2,1) calc(var(--i) * .07s)}
.fig1 .part :is(.num,.lab,.leader,.pulse){transition:opacity .5s ease var(--lab-d,0s)}
.fig1:has(.part:is(:hover,:focus-visible)) .part:not(:hover,:focus-visible) :is(.body,.num,.lab,.leader){opacity:.22}
.fig1 .part:is(:hover,:focus-visible) .line{stroke-width:1.5}
.fig1 .part:is(:hover,:focus-visible) .hatch{opacity:1}
.fig1 .part:is(:hover,:focus-visible) .leader{opacity:1;stroke-width:1.2}
.fig1 .part:is(:hover,:focus-visible) .num{text-decoration:none}
.hint-part{display:none}
.hero-hint.on .hint-rest{display:none}
.hero-hint.on .hint-part{display:inline}
.hero-hint.on{color:var(--on-sheet)}
.hint-n{font:500 17px var(--sc);text-transform:lowercase;letter-spacing:.035em;font-style:normal}

/* ------------------------------------------------ sections, marked as in a statute */
.sec{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:40px clamp(32px,5vw,88px);
  padding:clamp(80px,9vw,144px) max(var(--gut),calc((100% - var(--max)) / 2));border-top:1px solid var(--rule)}
.sec.tint{background:var(--tint);border-top:0}
.sec-head{align-self:start;position:sticky;top:calc(var(--mast) + 40px)}
@media (max-width:900px){.sec{grid-template-columns:1fr}.sec-head{position:static}}
.mark{display:inline-flex;align-items:baseline;gap:14px;border-top:3px solid var(--ink);padding-top:12px;margin-bottom:26px;min-width:150px}
.sec-no{font:400 24px/1 var(--serif);color:var(--seal);letter-spacing:-.01em}
.sec-name{font-size:17px;color:var(--ink-2)}
.sec-head h2,.ss-head h2,.q-head h2{font:370 clamp(40px,4.6vw,70px)/1 var(--serif);font-variation-settings:"opsz" 72;letter-spacing:-.034em}
.sec-head h2 i{font-style:italic}
.sec-lede{margin-top:22px;font-size:19px;line-height:1.55;color:var(--muted);max-width:28em}

/* the claim under seal */
.claim-seal{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.seal{width:min(100%,320px);height:auto;overflow:visible}
.seal-die{fill:#000}
.seal .wax{fill:var(--wax)}
.seal{filter:drop-shadow(0 3px 2px rgba(60,10,0,.28))}
.seal-ring{font:600 17px var(--serif);letter-spacing:.06em}
.seal-c{font:500 54px var(--serif);font-variation-settings:"opsz" 72;letter-spacing:-.01em}
.seal-y{font:600 13px var(--serif);letter-spacing:.4em}
.g-seal path{fill:none;stroke:#000;stroke-width:.75}
.emb-hi{flood-color:var(--emb-hi)} .emb-sh{flood-color:var(--emb-sh)} .emb-press{flood-color:var(--emb-press)}
.sun-read{font:italic 400 15px/1.5 var(--serif);color:var(--muted);max-width:24em}
.claim-x{align-self:center}
.claims{list-style:none;margin:0;padding:0}
.claims>li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;padding:32px 0;border-top:1px solid var(--rule)}
.claims>li:first-child{border-top:3px double var(--ink)}
.cn{font:340 64px/.8 var(--serif);font-variation-settings:"opsz" 72;letter-spacing:-.04em;color:var(--seal)}
.claims p{font-size:clamp(21px,1.8vw,25px);line-height:1.45;letter-spacing:-.006em}
.claims>li:first-child p{font-size:clamp(24px,2.3vw,32px);line-height:1.35}
.claims i{color:var(--seal)}
.parts{list-style:none;counter-reset:pt;margin:14px 0;padding:0}
.parts li{counter-increment:pt;position:relative;padding:5px 0 5px 52px;font-size:clamp(19px,1.6vw,23px);line-height:1.45}
.parts li::before{content:"(" counter(pt,lower-alpha) ")";position:absolute;left:0;top:.2em;font:italic 400 1em var(--serif);color:var(--seal)}

/* one problem, asked three ways */
.qs-list{list-style:none;margin:0;padding:0;border-top:3px double var(--ink)}
.q{display:grid;grid-template-columns:80px minmax(0,1fr) 190px;gap:10px 32px;padding:34px 0;border-bottom:1px solid var(--rule)}
.q-n{font:340 58px/.9 var(--serif);font-variation-settings:"opsz" 72;color:var(--pc,var(--seal))}
.q h3{font:400 clamp(27px,2.5vw,38px)/1.14 var(--serif);letter-spacing:-.022em;margin-bottom:14px}
.q-d{font-size:17.5px;line-height:1.55;color:var(--muted);max-width:34em}
.q-meta{padding-top:8px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.q-k{font-size:16.5px;color:var(--ink-2);display:flex;align-items:center}
.q-k .sw{width:14px;height:14px}
@media (max-width:760px){.q{grid-template-columns:56px 1fr}.q-meta{grid-column:2}.q-n{font-size:42px}}

/* research rows */
.works{list-style:none;margin:0;padding:0;border-top:3px double var(--ink)}
.wk{display:grid;grid-template-columns:120px minmax(0,1fr) 72px;grid-template-areas:"no t r" "no p r";gap:8px 28px;align-items:start;padding:26px 0;border-bottom:1px solid var(--rule);text-decoration:none}
.wk-no{grid-area:no;color:var(--muted);font-size:16px;padding-top:7px}
.wk-t{grid-area:t;font:400 clamp(24px,2.2vw,32px)/1.12 var(--serif);letter-spacing:-.02em;transition:color .2s}
.wk-p{grid-area:p;font-size:16px;color:var(--ink-2);display:flex;align-items:center}
.wk-ros{grid-area:r;width:72px;height:72px;color:var(--pc,var(--seal));opacity:.45;transition:opacity .3s,transform 1s cubic-bezier(.2,.7,.2,1)}
.wk-ros path,.rosette path,.mono-pic path{fill:none;stroke:currentColor;stroke-width:.55}
.wk:hover .wk-t{color:var(--seal)}
.wk:hover .wk-ros{opacity:1;transform:rotate(24deg)}
.wk-a{display:none}
.works.full .wk{grid-template-areas:"no t r" "no a r" "no p r"}
.works.full .wk-a{grid-area:a;display:block;font-size:17px;line-height:1.55;color:var(--muted);max-width:46em}
@media (max-width:760px){.wk,.works.full .wk{grid-template-columns:1fr 56px;grid-template-areas:"no r" "t r" "a a" "p p"}.wk-no{padding-top:0}.wk-ros{width:56px;height:56px}}

/* Strata shown at full width */
.strata-show{background:var(--deep);color:var(--on-sheet);display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:28px clamp(32px,5vw,80px);
  padding:clamp(80px,9vw,144px) max(var(--gut),calc((100% - var(--max)) / 2))}
.strata-show .mark{border-top-color:var(--on-sheet)}
.strata-show .sec-no{color:var(--on-sheet-2)}
.strata-show .sec-name{color:var(--on-sheet)}
.ss-side{align-self:end}
.ss-side .sec-lede{color:var(--on-sheet-2);margin:0 0 28px}
.ss-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--on-sheet-line);border-bottom:1px solid var(--on-sheet-line);margin:0 0 28px}
.ss-facts>div{padding:14px 0}
.ss-facts dt{font-size:14px;color:var(--on-sheet-3);margin-bottom:6px}
.ss-facts dd{margin:0;font:340 42px/1 var(--serif);font-variation-settings:"opsz" 72;letter-spacing:-.03em}
.ss-plate{grid-column:1/-1;display:block;border:1px solid var(--on-sheet-line);padding:clamp(14px,2.4vw,32px);transition:border-color .3s;background:rgba(255,255,255,.015)}
.ss-plate:hover{border-color:var(--on-sheet-3)}
.ss-legend{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 24px;font:italic 400 15px var(--serif);color:var(--on-sheet-2)}
.lg{display:inline-block;width:28px;height:0;border-top:2px solid var(--tape);vertical-align:middle;margin-right:8px}
.lg.dash{border-top-style:dashed}
.lg.cut{border:0;height:2px;background:linear-gradient(90deg,var(--tape) 40%,transparent 40% 60%,var(--tape) 60%)}
@media (max-width:900px){.strata-show{grid-template-columns:1fr}}
.strata-still{width:100%;height:auto}
.strata-still .yr{stroke:rgba(255,255,255,.1)}
.strata-still .yl{font:400 12px var(--serif);fill:var(--on-sheet-3)}
.strata-still .ln{font:500 14px var(--sc);text-transform:lowercase;letter-spacing:.03em;fill:var(--on-sheet-2)}
.strata-still .band{stroke:var(--on-sheet-line)}
.strata-still .thread{fill:none;stroke:var(--tape);stroke-width:1.6}
.strata-still .thread.related{stroke-dasharray:5 4}
.strata-still .thread.reversed{stroke-dasharray:44 10 100}
.strata-still .plate{fill:var(--deep);stroke:var(--on-sheet);stroke-width:1}
.strata-still .plate.landmark{stroke-width:1.8}
.strata-still .plate.spent{opacity:.4}
.strata-still .ph{stroke:var(--on-sheet);stroke-width:.55;opacity:.8}

/* the register, entered by year */
.ledger{border-top:3px double var(--ink)}
.yr-group{display:grid;grid-template-columns:minmax(90px,140px) minmax(0,1fr);gap:0 24px;border-bottom:1px solid var(--rule)}
.yr{font:340 clamp(40px,4vw,60px)/1 var(--serif);font-variation-settings:"opsz" 72;letter-spacing:-.04em;color:var(--seal);
  padding-top:16px;align-self:start;position:sticky;top:calc(var(--mast) + 24px)}
.yr-group[hidden]{display:none}
.rows{list-style:none;margin:0;padding:0}
.row{display:grid;grid-template-columns:96px minmax(0,1fr) 150px;gap:6px 28px;align-items:baseline;padding:20px 0;border-top:1px solid var(--rule)}
.yr-group .row:first-child{border-top:0}
.r-no{color:var(--muted);font-size:15.5px}
.r-t{display:block;font:400 21px/1.3 var(--serif);letter-spacing:-.008em}
.r-t a{text-decoration-color:var(--rule)}
.r-t a:hover{color:var(--seal);text-decoration-color:currentColor}
.r-by{display:block;margin-top:6px;font-size:16px;line-height:1.45;color:var(--muted)}
.r-kind{font-size:16px;color:var(--ink-2);display:flex;align-items:center}
@media (max-width:760px){.yr-group{grid-template-columns:1fr}.yr{position:static;padding:18px 0 4px;font-size:36px}.row{grid-template-columns:1fr auto}.r-main{grid-column:1/-1;grid-row:2}}
.reg-tools{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;margin-bottom:34px}
.seg{display:inline-flex;flex-wrap:wrap}
.seg button{display:inline-flex;align-items:center;border:1px solid var(--rule);margin-right:-1px;background:var(--surface);padding:0 16px;height:44px;font-size:16.5px;cursor:pointer;color:var(--ink-2)}
.seg button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--on-ink);position:relative}
.sel select,.find input{height:44px;border:1px solid var(--rule);background:var(--surface);padding:0 14px;font:400 17px var(--serif);border-radius:0;color:var(--ink)}
.find input{width:min(340px,86vw)}
.reg-count{margin-left:auto;font:italic 400 16px var(--serif);color:var(--muted)}
.note{margin-top:28px;font-size:16.5px;color:var(--muted);max-width:44em}

/* the cause list */
.causehead{text-align:center;border-top:3px double var(--ink);border-bottom:1px solid var(--ink);padding:16px 0 14px}
.causehead p{font-size:14.5px;color:var(--muted)}
.causehead .ch-big{font:400 clamp(28px,2.6vw,38px)/1.1 var(--serif);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:6px 0 4px}
.events{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--rule)}
.ev{display:grid;grid-template-columns:110px minmax(0,1fr);gap:24px;padding:28px 0;border-top:1px solid var(--rule);text-decoration:none;align-items:start}
.events li:first-child .ev{border-top:0}
.ev.has-pic{grid-template-columns:110px minmax(0,1fr) minmax(140px,220px)}
.ev-d{font-size:15px;line-height:1.3;color:var(--muted)}
.ev-d b{display:block;font:340 62px/.85 var(--serif);font-variation-settings:"opsz" 72;letter-spacing:-.04em;color:var(--ink);text-transform:none;margin-bottom:8px}
.ev-k{display:block;font-size:15px;color:var(--seal);margin-bottom:6px}
.ev-t{display:block;font:400 clamp(23px,2vw,29px)/1.2 var(--serif);letter-spacing:-.015em;transition:color .2s}
.ev-w{display:block;margin-top:8px;font:italic 400 16px/1.5 var(--serif);color:var(--muted)}
.ev-pic{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--tint)}
.ev-pic img{width:100%;height:100%;object-fit:cover}
.ev:hover .ev-t{color:var(--seal)}
@media (max-width:640px){.ev,.ev.has-pic{grid-template-columns:76px 1fr}.ev-pic{grid-column:2}.ev-d b{font-size:44px}}
.rec-pic{margin:0 0 40px}
.rec-pic img{width:100%;height:auto}
.rec-pic figcaption{margin-top:10px;font:italic 400 15px/1.5 var(--serif);color:var(--muted)}
.page.narrowish{max-width:1000px}
.list-h{margin:44px 0 10px}
.nil{font:italic 400 19px var(--serif);color:var(--muted);padding:6px 0 10px}

/* photographs: printed as they were taken, so the people of the Centre look like themselves */
.photo{filter:saturate(.94) contrast(1.02)}

/* the shelf: The Innovation Brief */
.shelf{list-style:none;margin:0;padding:24px 0 0;display:flex;align-items:flex-end;gap:4px;height:340px;overflow-x:auto;border-bottom:10px solid var(--ink);scrollbar-width:thin}
.shelf li{height:100%;display:flex;align-items:flex-end}
.spine{--c:#022E4C;--t:#E9E1D2;--g:#C9A45C;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:var(--w,52px);height:var(--h);padding:16px 0;
  background:linear-gradient(90deg,rgba(0,0,0,.3),rgba(255,255,255,.07) 28%,rgba(0,0,0,.04) 70%,rgba(0,0,0,.32)),var(--c);color:var(--t);text-decoration:none;
  box-shadow:inset 0 14px 0 -11px var(--g),inset 0 -14px 0 -11px var(--g);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.spine:hover,.spine:focus-visible{transform:translateY(-14px)}
.sp-1{--c:#56061D}.sp-2{--c:#3F607D}.sp-3{--c:#C8B69A;--t:#10202D;--g:#56061D}.sp-4{--c:#233B52}
.sp-t{writing-mode:vertical-rl;font:400 15px/1 var(--serif);max-height:calc(100% - 64px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 2px}
.sp-k{writing-mode:vertical-rl;font:500 12px var(--sc);text-transform:lowercase;letter-spacing:.06em;opacity:.8}

/* ------------------------------------------------ inner pages: each opens on a sheet with a title block */
.band{position:relative;overflow:hidden;--sheet:var(--tint);background:var(--sheet);color:var(--on-sheet);border-bottom:1px solid var(--rule);padding:clamp(34px,4vw,60px) max(var(--gut),calc((100% - var(--max)) / 2)) clamp(28px,3vw,44px)}
.band-frame{position:absolute;inset:14px;border:1px solid var(--on-sheet-line);pointer-events:none}
.band-frame::before{content:"";position:absolute;inset:6px;border:1px solid color-mix(in srgb,var(--on-sheet) 6%,transparent)}
.band-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end}
.band-main{max-width:1000px}
.band .kicker{display:flex;flex-wrap:wrap;gap:10px;color:var(--seal);margin-bottom:14px}
.band .kicker a{color:var(--on-sheet);text-decoration:none;border-bottom:1px solid var(--on-sheet-3)}
.band .kicker span::before{content:"/";margin-right:10px;opacity:.5}
.band h1{font:340 clamp(40px,4.8vw,76px)/.98 var(--serif);font-variation-settings:"opsz" 72;letter-spacing:-.042em}
.band.long h1{font-size:clamp(32px,3.4vw,52px);line-height:1.02;letter-spacing:-.03em;max-width:20em}
.band .lede{margin-top:16px;font-size:clamp(19px,1.5vw,22px);line-height:1.55;color:var(--on-sheet-2);max-width:38em}
.band .hero-cta{margin-top:34px}
.inid-h{display:block;font:400 18px var(--serif);letter-spacing:0;color:var(--on-sheet-3);margin-bottom:14px}
.band-tb{display:grid;grid-auto-flow:column;border:1px solid var(--on-sheet-3);margin:0}
.band-tb>div{padding:10px 16px 12px;border-left:1px solid var(--on-sheet-line);min-width:104px}
.band-tb>div:first-child{border-left:0}
.band-tb dt{font-size:13px;line-height:1;color:var(--on-sheet-3);margin-bottom:8px}
.band-tb dd{margin:0;font:340 30px/1 var(--serif);font-variation-settings:"opsz" 60;letter-spacing:-.02em;color:var(--on-sheet)}
.band-tb dd .sc{font-size:17px;letter-spacing:.03em}
@media (max-width:900px){.band-in{grid-template-columns:1fr}.band-tb{justify-self:start}}
@media (max-width:480px){.band-tb>div{min-width:0;padding:8px 12px}.band-tb dd{font-size:24px}}
.page{max-width:var(--max);margin:0 auto;padding:clamp(32px,4vw,56px) var(--gut) clamp(56px,6vw,96px)}
.page.narrow{max-width:760px}
.two-col{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(40px,6vw,96px);align-items:start}
@media (max-width:900px){.two-col{grid-template-columns:1fr}}
.col-side section+section{margin-top:44px}
.h3{margin:0 0 14px}
.prose p+p{text-indent:1.5em}
.prose.small{font-size:17.5px;line-height:1.6;color:var(--ink-2)}
.prose h2.h3{margin-top:44px}
.prose h2.h3:first-child{margin-top:0}
.prose h2.h3+p{text-indent:0}
.h2s{font:370 clamp(28px,2.6vw,38px)/1.05 var(--serif);letter-spacing:-.028em;margin-bottom:20px;padding-top:14px;border-top:3px double var(--ink)}

/* specifications */
.spec{max-width:var(--max);margin:0 auto;padding:clamp(32px,4vw,56px) var(--gut) clamp(56px,6vw,96px);
  display:grid;grid-template-columns:280px minmax(0,720px);gap:clamp(40px,7vw,120px)}
.spec-side{position:sticky;top:calc(var(--mast) + 32px);align-self:start}
.rosette{width:170px;height:170px;color:var(--seal);margin-bottom:28px}
.meta{margin:0;border-bottom:1px solid var(--hair);border-top:3px double var(--ink)}
.meta>div{padding:11px 0;border-top:1px solid var(--hair)}
.meta>div:first-child{border-top:0}
.meta dt{font-size:14.5px;color:var(--muted);margin-bottom:3px;display:flex;align-items:baseline}
.inid{font:400 14px var(--serif);color:var(--seal);letter-spacing:0;margin-right:8px;text-transform:none;font-variant-numeric:lining-nums}
.meta dd{margin:0;font-size:17px;line-height:1.45;display:flex;align-items:baseline;flex-wrap:wrap}
.side-note{margin-top:16px;font-size:14.5px;line-height:1.45;color:var(--muted)}
@media (max-width:980px){.spec{grid-template-columns:1fr}.spec-side{position:static}.rosette{width:120px;height:120px}}
/* on a phone the side details become a compact two-column table, so the text starts sooner */
@media (max-width:980px){.spec .meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));column-gap:22px}
  .spec .meta>div{border-top:0;border-bottom:1px solid var(--hair);padding:9px 0}.spec .meta{border-bottom:0}
  .spec .meta dd{font-size:16px}.spec .meta dt{font-size:13.5px;margin-bottom:1px}}
.abstract{border-top:3px double var(--ink);border-bottom:1px solid var(--rule);padding:14px 0 22px;margin-bottom:44px}
.abstract .lbl{color:var(--muted);margin-bottom:10px;display:flex;align-items:baseline}
.abstract p:last-child{font:italic 400 21px/1.55 var(--serif)}
.numbered{position:relative;font-size:20px;line-height:1.66;padding-right:44px}
.numbered p{position:relative}
.numbered p+p,.numbered .al+p,.numbered p+.al{margin-top:1.05em;text-indent:0}
.numbered>p.np:first-of-type::first-letter{float:left;font:400 5.1em/.8 var(--serif);font-variation-settings:"opsz" 72;margin:.06em .1em 0 -.02em;color:var(--seal)}
.pn{position:absolute;left:-64px;top:.32em;font:400 14px/1 var(--serif);font-variant-numeric:lining-nums tabular-nums;color:var(--seal);text-decoration:none;cursor:copy;opacity:.8}
.pn::before{content:"["}.pn::after{content:"]"}
.pn:hover{opacity:1;text-decoration:underline}
.np:target{background:linear-gradient(90deg,var(--seal-soft),transparent 70%)}
.sh{font:400 32px/1.15 var(--serif);letter-spacing:-.02em;margin:1.6em 0 .5em}
.sh3{font:500 17px/1.4 var(--sc);text-transform:lowercase;letter-spacing:.04em;color:var(--seal);margin:1.8em 0 .6em}
.al{list-style:none;counter-reset:al;margin:.4em 0;padding:0}
.al li{counter-increment:al;position:relative;padding:4px 0 4px 44px}
.al li::before{content:"(" counter(al,lower-alpha) ")";position:absolute;left:0;top:.2em;font:italic 400 1em var(--serif);color:var(--seal)}
.lnums{position:absolute;right:0;top:0;width:30px;pointer-events:none;font:400 12px/1 var(--serif);font-variant-numeric:lining-nums;color:var(--muted);text-align:right}
.lnums span{position:absolute;right:0}
@media (max-width:1100px){.pn{position:static;display:block;margin-bottom:6px}
  .numbered>p.np:first-of-type::first-letter{float:none;font:inherit;margin:0;color:inherit}}
@media (max-width:700px){.numbered{padding-right:0}.lnums{display:none}}
.aside-note{margin-top:40px;padding:18px 22px;background:var(--tint);font-size:17px}
.citebox{margin-top:56px;border-top:3px double var(--ink);padding-top:16px}
.cite-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.cite-text{font-size:17px;line-height:1.55}
.cite-copy{border:0;border-bottom:1px solid currentColor;background:none;padding:0 0 1px;font-size:16.5px;color:var(--seal);cursor:pointer}
.cite-copy.done{color:var(--ink)}
.src{margin-top:22px;font-size:15px;line-height:1.55;color:var(--muted)}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,16px);opacity:0;z-index:90;background:var(--ink);color:var(--on-ink);
  padding:12px 18px;font:400 16px var(--serif);transition:opacity .25s,transform .25s;pointer-events:none;max-width:calc(100vw - 32px)}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* people */
.ppl+.ppl{margin-top:clamp(44px,5vw,72px)}
.persons{list-style:none;margin:0;padding:0;display:grid;gap:48px}
.persons.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:56px}
.persons.three{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:56px 40px}
.person.big{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;align-items:start}
@media (max-width:520px){.person.big{grid-template-columns:1fr}.person.big .portrait{width:160px}}
.portrait{margin:0;aspect-ratio:1;max-width:100%;background:var(--tint);overflow:hidden}
.portrait img{width:100%;height:100%;object-fit:cover}
.persons.three .portrait{margin-bottom:20px}
.mono-pic{width:100%;height:100%;background:var(--tint);color:var(--seal)}
.mono-pic text{font:400 54px var(--serif);letter-spacing:-.02em;fill:var(--ink)}
.portrait:has(.mono-pic){background:var(--tint)}
.pi h3{font:400 30px/1.1 var(--serif);letter-spacing:-.02em}
.persons.three .pi h3{font-size:25px}
.role{margin-top:8px;font-size:15.5px;line-height:1.4;color:var(--seal)}
.bio{margin-top:14px;font-size:17px;line-height:1.6;color:var(--ink-2)}
.bio p+p{text-indent:1.5em}
.roll{list-style:none;margin:0;padding:0;columns:2 220px;column-gap:40px}
.roll li{break-inside:avoid;padding:11px 0;border-top:1px solid var(--hair);font-size:18px}
.conditions{margin:0;padding:0;list-style:none;counter-reset:c}
.conditions li{counter-increment:c;position:relative;padding:12px 0 12px 40px;border-top:1px solid var(--hair);font-size:16.5px;line-height:1.55;color:var(--ink-2)}
.conditions li::before{content:counter(c) ".";position:absolute;left:0;top:12px;font:400 16.5px var(--serif);font-variant-numeric:lining-nums;color:var(--seal)}
.small-note{margin-top:18px;margin-bottom:18px;font:italic 400 16px/1.45 var(--serif);color:var(--muted)}
.mail{user-select:all}

/* education */
.scheds{list-style:none;margin:0;padding:0;border-top:3px double var(--ink)}
.sched{display:grid;grid-template-columns:64px minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,4vw,56px);padding:40px 0;border-bottom:1px solid var(--rule)}
.sched-n{font:400 26px/1 var(--serif);color:var(--seal);padding-top:4px}
.sched-k{font-size:15.5px;color:var(--seal);margin-bottom:10px}
.sched h2{font:400 clamp(26px,2.4vw,34px)/1.12 var(--serif);letter-spacing:-.02em}
.links{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:20px;text-indent:0}
.links .link+.link{margin-left:0}
@media (max-width:860px){.sched{grid-template-columns:1fr;gap:12px}}

/* ------------------------------------------------ strata */
.is-strata main{background:var(--deep)}
.strata{--paper:#2A231D;--paper-2:#221C17;--ink:#F6F1E7;--ink-2:rgba(246,241,231,.88);--muted:rgba(246,241,231,.72);--faint:rgba(246,241,231,.45);
  --hair:rgba(246,241,231,.14);--rule:rgba(246,241,231,.26);--red:#F0795A;
  color:var(--on-sheet);max-width:var(--max);margin:0 auto;padding:clamp(32px,4vw,56px) var(--gut) clamp(80px,9vw,130px)}
.st-bar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}
.seg-dark button{background:transparent;border-color:var(--rule);color:var(--ink-2);height:auto;min-height:44px}
.seg-dark button[aria-pressed="true"]{background:var(--on-sheet);border-color:var(--on-sheet);color:var(--deep)}
.lanes button{flex-direction:column;align-items:flex-start;gap:3px;padding:10px 16px;text-align:left}
.lanes button span{font-size:14px;opacity:.75}
.st-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 340px;border:1px solid var(--rule);min-height:min(72vh,720px)}
@media (max-width:980px){.st-stage{grid-template-columns:1fr}}
.st-canvas{position:relative;min-height:min(64vh,620px);touch-action:pan-y}
.st-canvas canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab}
.st-canvas canvas:active{cursor:grabbing}
.st-canvas .strata-still{position:absolute;inset:24px;width:calc(100% - 48px)}
.ready .st-canvas .strata-still{display:none}
.st-statute{border-left:1px solid var(--rule);padding:26px 24px;overflow:auto;max-height:min(72vh,720px);background:rgba(255,255,255,.03)}
@media (max-width:980px){.st-statute{border-left:0;border-top:1px solid var(--rule);max-height:none}}
.st-law{font-size:16px;color:var(--ink-2)}
.st-ver{margin:10px 0 18px;font:italic 400 15px/1.5 var(--serif);color:var(--muted)}
.st-text{font-size:17.5px;line-height:1.6}
.st-text ins{text-decoration:none;color:var(--red);background:rgba(240,121,90,.14)}
.st-text del{color:var(--faint);text-decoration-color:var(--red)}
.st-text.fresh ins{animation:pressin 1.2s cubic-bezier(.3,.7,.2,1) both}
@keyframes pressin{from{opacity:0;filter:blur(2px)}}
.st-card{position:absolute;left:16px;bottom:16px;z-index:3;width:min(440px,calc(100% - 32px));background:var(--sheet);border:1px solid var(--rule);
  padding:22px 24px 20px;box-shadow:0 24px 60px -24px rgba(0,0,0,.7)}
.st-card h2{font:400 26px/1.15 var(--serif);letter-spacing:-.015em;margin:6px 28px 6px 0}
.st-k,.st-cite{font:italic 400 15px/1.5 var(--serif);color:var(--muted)}
.st-hold{margin:14px 0;font-size:17px;line-height:1.55}
.st-rel{font:400 15px/1.7 var(--serif);color:var(--ink-2)}
.st-rel button{border:0;background:none;padding:0;color:var(--red);cursor:pointer;text-decoration:underline;font:inherit}
.st-x{position:absolute;right:10px;top:8px;border:0;background:none;font:300 26px var(--serif);cursor:pointer;color:var(--muted)}
.st-time{display:flex;align-items:center;gap:20px;padding:20px 0 6px}
.st-play{border:1px solid var(--on-sheet);background:var(--on-sheet);color:var(--deep);height:44px;padding:0 22px;font-size:16.5px;cursor:pointer;min-width:104px}
.st-play[aria-pressed="true"]{background:transparent;color:var(--on-sheet)}
.st-range{flex:1}
.st-range input{width:100%;accent-color:var(--tape)}
.st-year{font:340 46px/1 var(--serif);font-variation-settings:"opsz" 72;letter-spacing:-.03em;min-width:3ch;text-align:right}
.st-legend{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;font:italic 400 15px var(--serif);color:var(--muted);margin-top:8px}
.st-legend .lg{border-top-color:var(--red)}
.pilot{margin-top:22px;font:italic 400 16px/1.6 var(--serif);color:var(--ink-2);border-left:2px solid var(--red);padding-left:14px;max-width:60em}
.st-list{margin-top:44px;border-top:1px solid var(--rule);padding-top:16px}
.st-list summary{font:500 17px var(--sc);text-transform:lowercase;letter-spacing:.04em;cursor:pointer;padding:8px 0}
.st-list h3{font:400 26px var(--serif);margin:28px 0 8px}
.st-list ol{list-style:none;margin:0;padding:0}
.st-list li{border-top:1px solid var(--hair);padding:12px 0}
.st-list li button{border:0;background:none;padding:0;text-align:left;cursor:pointer;font:400 17px var(--serif);color:var(--ink)}
.st-list li p{margin-top:4px;font-size:15.5px;color:var(--muted)}

/* ------------------------------------------------ footer: the last page of a report */
.foot{background:var(--sheet);color:var(--on-sheet)}
.foot-in{max-width:var(--max);margin:0 auto;padding:clamp(56px,7vw,96px) var(--gut) 44px}
.foot-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px 40px;padding-bottom:30px;border-bottom:3px double var(--on-sheet-3);margin-bottom:40px}
.lockup-big{gap:18px}
.lockup-big .lk-logo{width:76px;height:76px}
.lockup-big .lk-name{font-size:18px;line-height:1.2}
.foot-nlud{display:block}
.foot-nlud img{width:min(440px,80vw);height:auto}
.foot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;font:400 16.5px/1.6 var(--serif);color:var(--on-sheet-2)}
.foot-grid .lbl{color:var(--on-sheet);margin-bottom:12px;font-size:16px}
.foot-grid a{color:var(--on-sheet-2);text-decoration:none}
.foot-grid a:hover{color:var(--on-sheet);text-decoration:underline}
.foot address{font-style:normal}
.foot .mail{display:block;margin-top:10px;color:var(--on-sheet)}
.light-set{display:inline-flex;flex-wrap:wrap}
.light-set button{border:1px solid var(--on-sheet-3);margin-right:-1px;background:none;color:var(--on-sheet-2);padding:6px 11px;font-size:15px;cursor:pointer}
.light-set button[aria-checked="true"]{background:var(--on-sheet);color:var(--deep);border-color:var(--on-sheet)}
.foot .sun-read{color:var(--on-sheet-2);margin-top:12px;font-size:14.5px}
.foot-also{margin-top:14px}
.foot-base{margin-top:44px;padding-top:18px;border-top:1px solid var(--on-sheet-line);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 32px}
.foot-note{font:italic 400 15px/1.5 var(--serif);color:var(--on-sheet-3);max-width:44em}
@media (max-width:860px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.foot-grid{grid-template-columns:1fr}}

/* ------------------------------------------------ the three pillars arrive by their own physics
   innovation develops like a sun print, intellectual property is pressed in, competition settles with weight */
.js [data-reveal]{transition:opacity .9s ease,filter 1.4s ease,transform 1s cubic-bezier(.2,.8,.2,1)}
.js [data-reveal][data-pillar="innov"]:not(.in){opacity:.35;filter:blur(5px) brightness(1.4)}
.js [data-reveal][data-pillar="ip"]:not(.in){opacity:.35;transform:scale(1.03)}
.js [data-reveal][data-pillar="comp"]:not(.in){opacity:.35;transform:translateY(-16px)}
.js [data-reveal][data-pillar="comp"].in{transition-timing-function:ease,ease,cubic-bezier(.3,1.6,.5,1)}

/* ------------------------------------------------ motion */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}
.exposing::view-transition-old(root){animation:none}
.exposing::view-transition-new(root){animation:expose 1.1s cubic-bezier(.65,0,.2,1)}
@keyframes expose{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  @view-transition{navigation:none}
  .js [data-reveal]:not(.in){opacity:1;filter:none;transform:none}
  .hero{height:auto}.hero-pin{position:relative;top:auto}
}

/* ------------------------------------------------ print: a specification prints as an offprint */
@media print{
  .mast,.menu,.foot,.hero,.skip,.band-frame,.band-tb,.cite-copy,.toast{display:none!important}
  .band::before{content:"Centre for Innovation, Intellectual Property and Competition · National Law University Delhi";display:block;font:500 9pt var(--sc);text-transform:lowercase;margin-bottom:10pt}
  body{background:#fff;color:#000;font-size:11pt}
  .band{background:none;color:#000;padding:0 0 12pt}.band h1{font-size:26pt}.band .kicker{color:#000}
  .spec{display:block;padding:0}.spec-side{position:static;margin-bottom:12pt}.rosette{width:90pt;height:90pt}
  .pn{position:static}.numbered{padding-right:0}
}

/* ------------------------------------------------ By the sun: the page is lit by the real sun over Dwarka.
   The paper warms as the sun gets low, and light rakes across it from the sun's bearing. Paper mode stays even. */
:root[data-light="sun"][data-theme="paper"]{
  --page:color-mix(in oklab,#F6F1E7,#F0D2A0 calc(var(--warm) * 34%));
  --tint:color-mix(in oklab,#EEE6D6,#E8CB98 calc(var(--warm) * 30%))}
:root[data-light="sun"][data-theme="paper"] body{
  background:radial-gradient(130vmax 95vmax at var(--lx) var(--ly),rgba(255,247,222,.75),rgba(255,247,222,0) 58%),
             radial-gradient(120vmax 100vmax at calc(100% - var(--lx)) calc(100% - var(--ly)),rgba(60,45,20,.07),rgba(60,45,20,0) 60%),var(--page);
  background-attachment:fixed}

/* ------------------------------------------------ the live sheet: sky, shadow and the sun's path, from the real sun over Dwarka */
.hero-fig .fig1{filter:drop-shadow(var(--sx,-5px) var(--sy,6px) 0 rgba(200,53,28,calc(var(--so,.45) * .5)));transition:filter 2s ease;will-change:transform}

/* the live strata field behind the sheet (sheet.js); the CSS sky stays underneath as the fallback */
.hero-bg{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}
.hero-pin>*:not(.hero-bg){position:relative;z-index:1}
.hero-pin>.sheet-frame{position:absolute}

/* ================================================ the Centre's own voice: utility strip, notices, actions ================ */
.util a,.tag,.nt-d,.nt-no,.st-open,.st-listed,.sc-k,.sc-f,.ft-k,.pg-k,.tl-d,.btn-seal,.menu-util a,.vis-lbl{
  font-family:var(--sc);text-transform:lowercase;letter-spacing:.035em;font-weight:500}

/* the strip of ink above the masthead: the University, and the ways in that are not sections */
.util{background:var(--sheet);color:var(--on-sheet-2);font-size:14.5px}
.util-in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:36px;padding:0 var(--gut)}
.util ul{list-style:none;margin:0;padding:0;display:flex;gap:24px}
.util a{color:var(--on-sheet-2);text-decoration:none;font-size:15px}
.util a i{font-family:var(--serif);text-transform:none;letter-spacing:0;font-weight:400}
.util a:hover,.util a[aria-current]{color:var(--on-sheet)}
.util a[aria-current]{box-shadow:inset 0 -1px 0 var(--seal)}
@media (max-width:640px){.util ul{display:none}}
.menu-util{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:22px!important}
.menu .menu-util a{font-size:19px;border:0;padding:6px 0;letter-spacing:.035em}

/* the seal marks an action: a stamp, the one boxed control on the site */
.btn-seal{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 24px 2px;background:var(--seal);color:var(--on-seal);
  font-size:18px;text-decoration:none;border:0;transition:background .2s}
.btn-seal::after{content:"";width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);margin-left:2px}
.btn-seal:hover{background:var(--seal-deep)}
.act-row{margin:26px 0}

/* notices, posted like notifications in a gazette */
.board-sec{border-top:4px solid var(--seal)}
.notices{list-style:none;margin:0;padding:0;border-top:3px double var(--ink)}
.ledger .notices{border-top:0}
.nt-a{display:grid;grid-template-columns:96px minmax(0,1fr) minmax(130px,auto);gap:8px 28px;padding:24px 0;border-bottom:1px solid var(--rule);
  text-decoration:none;align-items:start;transition:background .25s}
.ledger .nt:last-child .nt-a{border-bottom:0}
.nt-d{font-size:15px;line-height:1.3;color:var(--muted)}
.nt-d b{display:block;font:340 54px/.85 var(--serif);font-variation-settings:"opsz" 72;letter-spacing:-.04em;color:var(--ink);text-transform:none;margin-bottom:8px;font-variant-numeric:lining-nums}
.nt-y b{font-size:40px}
.nt-standing b{color:var(--seal);font-weight:300}
.nt-k{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:9px}
.tag{display:inline-block;font-size:14.5px;line-height:1;padding:4px 9px 6px;border:1px solid var(--rule);color:var(--ink-2)}
.tag.act{background:var(--seal);border-color:var(--seal);color:var(--on-seal)}
.nt-no{font-size:14px;color:var(--muted)}
.nt-t{display:block;font:400 clamp(22px,1.9vw,28px)/1.2 var(--serif);letter-spacing:-.015em;transition:color .2s}
.nt-s{display:block;margin-top:8px;font-size:16.5px;line-height:1.5;color:var(--muted);max-width:40em;font-variant-numeric:oldstyle-nums}
.nt-st{justify-self:end;text-align:right;padding-top:2px;font:italic 400 15.5px/1.35 var(--serif);color:var(--muted)}
.st-open,.st-listed{font-style:normal;font-size:15.5px;color:var(--seal);display:inline-flex;align-items:center;gap:8px}
.st-open::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px var(--seal-soft)}
.nt-a:hover .nt-t{color:var(--seal)}
.nt.is-open .nt-a{box-shadow:inset 3px 0 0 var(--seal);padding-left:18px;background:linear-gradient(90deg,var(--seal-soft),transparent 55%);
  grid-template-columns:78px minmax(0,1fr) minmax(130px,auto)}
.nt.is-closed .nt-t{color:var(--muted)}
.nt.is-closed .tag.act{background:none;color:var(--muted);border-color:var(--rule)}
.nt.is-closed .nt-st{text-decoration:line-through;text-decoration-color:var(--seal)}
.nt[hidden]{display:none}
@media (max-width:760px){
  .nt-a,.nt.is-open .nt-a{grid-template-columns:64px minmax(0,1fr)}
  .nt-st{grid-column:2;justify-self:start;text-align:left}
  .nt-d b{font-size:38px}
}
.nil-listed{margin-top:20px;font:italic 400 16px/1.5 var(--serif);color:var(--muted)}
.nt-board{margin-bottom:clamp(56px,7vw,96px)}
.notice-doc .meta{margin-bottom:6px}
.notice-doc.is-closed .abstract p:last-child{color:var(--muted)}

/* research: Strata as a card on file, marked as a pilot */
.strata-card,.moot{display:grid;gap:8px;margin-top:34px;padding:22px 24px 24px;border:1px solid var(--rule);background:var(--surface);text-decoration:none;
  transition:border-color .25s}
.strata-card:hover,.moot:hover{border-color:var(--seal)}
.sc-k{font-size:15px;color:var(--seal)}
.sc-t{font:400 clamp(26px,2.4vw,34px)/1.1 var(--serif);letter-spacing:-.02em}
.sc-d{font-size:17px;line-height:1.55;color:var(--muted);max-width:44em}
.sc-f{font-size:15px;color:var(--ink-2)}
.col-side .moot{margin-top:16px}

/* education: the flagship, then the rest of the schedule */
.ed-x{display:grid;gap:34px}
.feature{border:1px solid var(--rule);border-top:4px solid var(--seal);background:var(--surface);padding:clamp(22px,3vw,40px)}
.ft-k{font-size:15.5px;color:var(--seal);margin-bottom:12px}
.feature h3{font:370 clamp(30px,3vw,46px)/1.05 var(--serif);font-variation-settings:"opsz" 72;letter-spacing:-.03em;max-width:18em}
.ft-d{margin-top:18px;font-size:18px;line-height:1.6;color:var(--ink-2);max-width:40em;font-variant-numeric:oldstyle-nums}
.progs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));column-gap:28px;border-top:3px double var(--ink)}
.progs a{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px 0 20px;border-bottom:1px solid var(--rule);text-decoration:none}
.pg-k{font-size:14.5px;color:var(--muted)}
.pg-t{font:400 21px/1.25 var(--serif);letter-spacing:-.01em;transition:color .2s}
.progs a:hover .pg-t{color:var(--seal)}
.sched.flagship .sched-h h2{font-size:clamp(30px,2.8vw,42px)}
.sched.flagship{border-top:4px solid var(--seal);margin-top:-3px}

/* people: faces, printed as photographs */
.faces{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:36px 28px}
.pf .portrait{margin-bottom:16px}
.pf-n{font:400 23px/1.15 var(--serif);letter-spacing:-.015em}
.vis-lbl{margin:44px 0 14px;font-size:16px;color:var(--seal)}
.vis{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.vis .portrait{width:76px}
.alumni{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:30px 22px}
.alumni .portrait{margin-bottom:12px}
.alumni p{font-size:17px;line-height:1.3}

/* partners: who the Centre works with, set like the appearances in a law report */
.partners{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));column-gap:36px;border-top:3px double var(--ink)}
.partners a{display:flex;flex-direction:column;gap:5px;height:100%;padding:18px 0 20px;border-bottom:1px solid var(--rule);text-decoration:none}
.pt-n{font:400 21px/1.25 var(--serif);letter-spacing:-.01em;transition:color .2s}
.pt-w{font:italic 400 15.5px/1.45 var(--serif);color:var(--muted)}
.partners a:hover .pt-n{color:var(--seal)}
.support{margin-top:24px;font:italic 400 16.5px/1.55 var(--serif);color:var(--muted)}
.support a{color:var(--ink)}

/* under seal: the close of the open letter */
.sealed{background:var(--tint);border-top:0}
.given{margin-top:26px;font:italic 400 19px/1.5 var(--serif);color:var(--muted)}
.side-seal{margin-bottom:44px}
.side-seal .seal{width:min(100%,240px);margin-bottom:12px}

/* about: on the record */
.col-main>section+section{margin-top:clamp(40px,4.5vw,64px)}
.timeline{list-style:none;margin:0;padding:0;border-top:3px double var(--ink)}
.timeline li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding:13px 0;border-bottom:1px solid var(--hair)}
.tl-d{font-size:15px;color:var(--seal);padding-top:3px}
.tl-t{font-size:18px;line-height:1.45}
.tl-t a{text-decoration-color:var(--rule)}
.tl-t a:hover{color:var(--seal);text-decoration-color:currentColor}

/* contact and opportunities */
.routes{list-style:none;margin:0;padding:0;border-top:3px double var(--ink)}
.routes li{padding:26px 0;border-bottom:1px solid var(--rule)}
.routes h2{font:400 clamp(24px,2.2vw,30px)/1.15 var(--serif);letter-spacing:-.015em;margin-bottom:8px}
.routes p{font-size:18.5px;line-height:1.55;color:var(--ink-2)}
.routes a,.prose a.mail{text-decoration-color:var(--seal)}
.socials{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 26px}
.lede-in{font-size:20px;line-height:1.55;color:var(--ink-2);max-width:36em}
.mail{color:inherit}
.foot .mail{display:inline;margin:0}
.foot-grid .foot-also a{text-decoration:underline;text-decoration-color:var(--on-sheet-3)}

/* the album: photographs of the Centre at work */
.album{margin-top:clamp(64px,8vw,110px)}
.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:28px}
.album figure{margin:0}
.album img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:var(--tint)}
.album figcaption{margin-top:10px;font:italic 400 15px/1.5 var(--serif);color:var(--muted)}
.notice-pic{margin:40px 0 0;max-width:480px}

@media (max-width:600px){.faces{grid-template-columns:1fr 1fr;gap:28px 16px}.pf-n{font-size:19px}}

/* ================================================ the front page: blocks side by side, so more is seen at once ======== */
.fp{max-width:var(--max);margin:0 auto;padding:clamp(30px,3.4vw,48px) var(--gut);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  gap:36px clamp(24px,2.6vw,44px);align-items:start}
.fp-band{background:var(--tint)}
.s3{grid-column:span 3}.s4{grid-column:span 4}.s5{grid-column:span 5}.s6{grid-column:span 6}.s7{grid-column:span 7}.s8{grid-column:span 8}.s12{grid-column:1/-1}
@media (max-width:1100px){.s3,.s4,.s5,.s6{grid-column:span 6}.s7,.s8{grid-column:1/-1}}
@media (max-width:720px){.fp>.blk{grid-column:1/-1}}
.blk{min-width:0}
.blk-h{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px 20px;border-top:3px solid var(--ink);padding-top:10px;margin-bottom:14px}
.board-blk .blk-h{border-top-color:var(--seal)}
.blk-mk{display:flex;align-items:baseline;gap:8px;margin-bottom:6px;font:500 15px var(--sc);text-transform:lowercase;letter-spacing:.035em;color:var(--ink-2)}
.blk-mk .sec-no{font-size:19px}
.blk-h h2{font:370 clamp(26px,2.2vw,34px)/1.05 var(--serif);font-variation-settings:"opsz" 72;letter-spacing:-.025em}
.blk-go{display:flex;gap:18px;padding-bottom:4px}
.blk-go .link{font-size:15.5px}
.blk-go .link+.link{margin-left:0}

/* compact notices */
.notices.compact{border-top:0}
.notices.compact .nt-a,.notices.compact .nt.is-open .nt-a{grid-template-columns:62px minmax(0,1fr) auto;gap:4px 20px;padding:13px 0}
.notices.compact .nt.is-open .nt-a{padding-left:14px}
.notices.compact .nt-d{font-size:13px}
.notices.compact .nt-d b{font-size:34px;margin-bottom:4px}
.notices.compact .nt-y b{font-size:28px}
.notices.compact .nt-k{margin-bottom:4px}
.notices.compact .tag{font-size:13px;padding:3px 7px 5px}
.notices.compact .nt-t{font-size:clamp(18.5px,1.45vw,21px)}
.notices.compact .nt-s{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;margin-top:3px}
.notices.compact .nt-st{font-size:14px}
@media (max-width:760px){.notices.compact .nt-a,.notices.compact .nt.is-open .nt-a{grid-template-columns:52px minmax(0,1fr)}}

/* at a glance */
.glance{display:grid;gap:14px}
.g-box{border:1px solid var(--rule);background:var(--surface);padding:15px 18px 17px}
.g-k{font:500 15px var(--sc);text-transform:lowercase;letter-spacing:.035em;color:var(--seal);margin-bottom:6px}
.g-t{font-size:16.5px;line-height:1.5;color:var(--ink-2)}
.g-box .act-row{margin:12px 0 0}
.g-box .btn-seal{min-height:42px;font-size:16px;padding:0 18px 2px}
.g-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--rule);margin:0;background:var(--surface)}
.g-facts>div{padding:10px 12px 12px;border-left:1px solid var(--hair);border-top:1px solid var(--hair)}
.g-facts>div:nth-child(3n+1){border-left:0}
.g-facts>div:nth-child(-n+3){border-top:0}
.g-facts dt{font:500 13px var(--sc);text-transform:lowercase;letter-spacing:.035em;color:var(--muted)}
.g-facts dd{margin:5px 0 0;font:340 30px/1 var(--serif);font-variation-settings:"opsz" 60;letter-spacing:-.02em;font-variant-numeric:lining-nums}

/* three questions in a row */
.q3s{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px clamp(24px,2.6vw,44px)}
.q3{border-top:2px solid var(--pc);padding-top:12px;display:flex;flex-direction:column;gap:8px}
.q3 .q-n{font-size:30px;line-height:1}
.q3 h3{font:400 clamp(20px,1.6vw,24px)/1.2 var(--serif);letter-spacing:-.015em}
.q3 .q-d{font-size:16px;line-height:1.5}
.q3 .link{align-self:flex-start;margin-top:4px;font-size:15.5px}
@media (max-width:760px){.q3s{grid-template-columns:1fr}}

/* research, as a short list */
.mini{list-style:none;margin:0;padding:0}
.mini a{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:14px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--rule);text-decoration:none}
.mi-no{font-size:13.5px;color:var(--muted)}
.mi-t{font:400 18px/1.3 var(--serif);transition:color .2s}
.mini a:hover .mi-t{color:var(--seal)}
.mini .sw{margin:0}
.strata-card.small{margin-top:16px;padding:13px 16px 15px;gap:4px}
.strata-card.small .sc-t,.fp .moot .sc-t{font-size:22px}
.strata-card.small .sc-d,.fp .moot .sc-d{font-size:15.5px}

/* education, small */
.feature.small{padding:16px 18px 18px}
.feature.small .ft-k{font-size:14px;margin-bottom:6px}
.feature.small h3{font-size:clamp(21px,1.7vw,26px);line-height:1.15}
.feature.small h3 a{text-decoration:none}
.feature.small h3 a:hover{color:var(--seal)}
.feature.small .ft-d{font-size:15.5px;margin-top:8px}
.progs.small{display:block;border-top:0;margin-top:6px}
.progs.small a{padding:9px 0;gap:2px}
.progs.small .pg-t{font-size:17px}
.progs.small .pg-k{font-size:13px}

/* events, small */
.evcs{list-style:none;margin:0;padding:0}
.evc{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--rule);text-decoration:none;align-items:start}
.evc-pic{display:block;aspect-ratio:1;overflow:hidden;background:var(--tint)}
.evc-pic img{width:100%;height:100%;object-fit:cover}
.evc-day{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font:500 13px var(--sc);text-transform:lowercase;color:var(--muted)}
.evc-day b{font:340 30px/1 var(--serif);color:var(--ink);font-variant-numeric:lining-nums}
.evc-d{display:block;font:500 13px var(--sc);text-transform:lowercase;letter-spacing:.03em;color:var(--seal);margin-bottom:3px}
.evc-t{display:block;font:400 16.5px/1.3 var(--serif);transition:color .2s}
.evc:hover .evc-t{color:var(--seal)}

/* people: the coordinator first, the team beneath him */
.chief{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:center}
.tier{font:500 15px var(--sc);text-transform:lowercase;letter-spacing:.035em;color:var(--seal);margin-bottom:6px}
.chief h3{font:370 clamp(28px,2.4vw,38px)/1.05 var(--serif);font-variation-settings:"opsz" 72;letter-spacing:-.025em}
.chief .role{color:var(--ink-2)}
.under{margin:0 0 0 75px;padding:18px 0 4px 24px;border-left:1px solid var(--ink)}
.team{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
.team li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;position:relative}
.team li::before{content:"";position:absolute;left:-25px;top:36px;width:18px;border-top:1px solid var(--ink)}
.team li:nth-child(2n)::before{display:none}
.team h3{font:400 19px/1.2 var(--serif);letter-spacing:-.01em}
.team .role{font-size:13.5px;margin-top:4px}
.rolls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}
.rolls .lbl{font-size:15px;margin-bottom:8px}
.rolls .vis{gap:5px}
.rolls .vis .portrait{width:44px}
@media (max-width:600px){.chief{grid-template-columns:96px 1fr;gap:16px}.under{margin-left:48px;padding-left:16px}.team{grid-template-columns:1fr}
  .team li::before{display:block;left:-17px;width:12px}.rolls{grid-template-columns:1fr}}

/* partners, as a roll */
.pt-list{list-style:none;margin:0;padding:0;columns:2 220px;column-gap:28px;border-top:1px solid var(--rule)}
.pt-list li{break-inside:avoid;border-bottom:1px solid var(--rule)}
.pt-list a{display:block;padding:9px 0;font:400 17px/1.3 var(--serif);text-decoration:none;transition:color .2s}
.pt-list a:hover{color:var(--seal)}
.fp .support{margin-top:14px;font-size:15px}

/* publications and the shelf, small */
.fp .ledger .yr-group{grid-template-columns:62px minmax(0,1fr);gap:0 16px}
.fp .yr{font-size:30px;position:static;padding-top:12px}
.fp .row{grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:11px 0}
.fp .r-no{display:none}
.fp .r-t{font-size:17.5px}
.fp .r-by{font-size:14.5px;margin-top:3px}
.fp .r-kind{font-size:14px}
.shelf.small{height:220px;padding-top:6px;border-bottom-width:8px}
.shelf.small .sp-t{font-size:13px}
.fp .moot{margin-top:16px;padding:13px 16px 15px;gap:4px}

/* under seal, in one row */
.seal-row{display:grid;grid-template-columns:190px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.seal-row .seal{width:190px}
.seal-row .claim-seal{margin:0}
.claim-1{font-size:clamp(19px,1.6vw,23px);line-height:1.5;max-width:44em;font-variant-numeric:oldstyle-nums}
.claim-1 i{color:var(--seal)}
.seal-row .given{margin-top:12px;font-size:16.5px}
.seal-row .after{margin-top:14px}
.seal-row .sun-read{margin-top:12px;font-size:14px}
@media (max-width:700px){.seal-row{grid-template-columns:1fr}.seal-row .seal{width:140px}}

/* the people page: tiers */
.chief-tier{display:block}
.chief-tier .person.big{grid-template-columns:240px minmax(0,1fr);gap:36px}
.chief-tier .pi h3{font-size:clamp(32px,3vw,44px)}
.tier-line{height:44px;margin:4px 0 4px 120px;border-left:1px solid var(--ink)}
@media (max-width:520px){.chief-tier .person.big{grid-template-columns:1fr}.tier-line{margin-left:80px}}
.cond-h{margin:34px 0 6px}

/* ================================================ videos, LinkedIn and the Centre's other sites ======================= */
.util-gap{margin-left:14px;padding-left:24px;border-left:1px solid var(--on-sheet-line)}
@media (max-width:1100px){.util .util-ext{display:none}}
.foot-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){.foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.foot-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.foot-grid>div:last-child{grid-column:1/-1}
  .foot-grid .mail{overflow-wrap:anywhere}.foot-head{gap:20px}}

/* videos: a still and a play mark; the player loads only when pressed */
.vgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:26px 22px}
.vgrid.big{grid-template-columns:1fr}
.vgrid.small{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vc{min-width:0}
.vplay{display:block;text-decoration:none;color:inherit}
.vthumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--deep)}
.vthumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .3s}
.vbtn{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:var(--seal);
  box-shadow:0 6px 18px -6px rgba(0,0,0,.5);transition:transform .25s}
.vbtn::after{content:"";position:absolute;left:22px;top:17px;border-left:17px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}
.vdur{position:absolute;right:8px;bottom:8px;padding:2px 7px 3px;background:rgba(14,11,9,.82);color:#fff;font:400 13px/1.2 var(--serif);font-variant-numeric:lining-nums tabular-nums}
.vplay:hover .vthumb img{transform:scale(1.04)}
.vplay:hover .vbtn{transform:scale(1.1)}
.vt{display:block;margin-top:10px;font:400 18px/1.28 var(--serif);letter-spacing:-.005em;transition:color .2s}
.vplay:hover .vt{color:var(--seal)}
.vmeta{display:block;margin-top:4px;font:italic 400 14.5px/1.4 var(--serif);color:var(--muted)}
.vc.feat .vt{font-size:clamp(21px,1.9vw,27px);letter-spacing:-.015em}
.vc.feat .vbtn{width:72px;height:72px;margin:-36px 0 0 -36px}
.vc.feat .vbtn::after{left:28px;top:22px;border-left-width:22px;border-top-width:14px;border-bottom-width:14px}
.vframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}
.vgrid.small .vt{font-size:15.5px}
.vgrid.small .vbtn{width:40px;height:40px;margin:-20px 0 0 -20px}
.vgrid.small .vbtn::after{left:16px;top:12px;border-left-width:12px;border-top-width:8px;border-bottom-width:8px}
.vhome{display:grid;gap:18px}
@media (max-width:600px){.vgrid.small{grid-template-columns:1fr 1fr}.vgrid.small li:nth-child(3){display:none}}
.vtop{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(24px,3vw,44px);align-items:start;margin-bottom:clamp(40px,5vw,72px)}
.vchans{display:grid;gap:14px}
@media (max-width:900px){.vtop{grid-template-columns:1fr}}
.vseries+.vseries{margin-top:clamp(40px,5vw,64px)}
.vs-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 20px;border-top:3px double var(--ink);padding-top:12px;margin-bottom:20px}
.vs-h .h2s{border:0;padding:0;margin:0}
.vs-n{font:italic 400 16px var(--serif);color:var(--muted)}
.ev-rec{margin-bottom:40px}
.ev-rec .lbl{margin-bottom:12px}
code{font:400 .9em ui-monospace,Consolas,monospace;background:var(--tint);padding:1px 5px}

/* LinkedIn: where the Centre posts first */
.li-mark{font:500 13px var(--sc);text-transform:lowercase;letter-spacing:.035em;color:#0A66C2;border:1px solid currentColor;padding:2px 7px 4px;line-height:1}
:root[data-theme="lamp"] .li-mark{color:#70B5F9}
.li-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;padding:18px 22px;margin-bottom:34px;
  border:1px solid var(--rule);border-left:4px solid var(--seal);background:var(--surface)}
.li-strip p{font-size:17.5px;line-height:1.55;color:var(--ink-2);max-width:46em}
.li-strip b{font-weight:500;color:var(--ink)}
.li-post{margin-top:36px}
.li-post .lbl{margin-bottom:12px}
.li-frame{display:block;width:100%;max-width:520px;border:1px solid var(--rule);background:#fff;margin-bottom:14px}

/* the Centre's other sites */
.sites{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.sites a{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:10px 0;border-bottom:1px solid var(--rule);text-decoration:none}
.st-n{font:400 18px/1.25 var(--serif);transition:color .2s}
.st-u{font:500 13px var(--sc);text-transform:lowercase;letter-spacing:.03em;color:var(--seal)}
.st-w{grid-column:1/-1;font:italic 400 14.5px/1.4 var(--serif);color:var(--muted)}
.sites a:hover .st-n{color:var(--seal)}
.chans{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chan{display:inline-block;padding:6px 12px 8px;border:1px solid var(--rule);background:var(--surface);font:500 14.5px var(--sc);text-transform:lowercase;letter-spacing:.035em;
  text-decoration:none;color:var(--ink-2);transition:border-color .2s,color .2s}
.chan:hover{border-color:var(--seal);color:var(--seal)}

/* FIG. 1 and FIG. 2: the switch in the title block, and the parts that have something open */
.fig-tog{display:inline-flex;margin-top:3px}
.fig-tog button{border:1px solid var(--on-sheet-3);margin-right:-1px;background:none;color:var(--on-sheet-2);padding:3px 10px 5px;cursor:pointer;
  font:500 13.5px var(--sc);text-transform:lowercase;letter-spacing:.035em}
.fig-tog button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--page)}
.fig1 .part.live .line,.fig1 .part.live .hatch,.fig1 .part.live .leader{stroke:var(--seal)}
.fig1 .part.live .num{fill:var(--seal)}
.fig1 .part.live .lab{fill:var(--seal)}
.fig1 .pulse{fill:var(--seal);transform-box:fill-box;transform-origin:center;animation:pulse 1.8s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(1.8)}}
.hero.assembled .fig1 .part.live .body{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--seal) 35%,transparent))}

/* plain lists for an official site: research, the Brief, and the Centre in brief */
.works .wk.plain,.works.full .wk.plain{grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "a" "p"}
.books{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.books a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid var(--rule);text-decoration:none}
.bk-t{font:400 17.5px/1.3 var(--serif);transition:color .2s}
.books a:hover .bk-t{color:var(--seal)}
.bk-k{flex:none;font:500 13px var(--sc);text-transform:lowercase;letter-spacing:.035em;color:var(--muted)}
.about-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px clamp(24px,3vw,48px);font-size:18px;line-height:1.6;color:var(--ink-2)}
@media (max-width:760px){.about-cols{grid-template-columns:1fr}}
.list-h2{margin-top:clamp(40px,5vw,64px)}

/* the opening sheet grows to fit what is on it, so the caption and the title block never sit on the words or the drawing */
.hero-pin{height:auto;min-height:clamp(540px,calc(100svh - var(--mast) - 150px),760px);grid-template-rows:auto auto auto;row-gap:14px}
.hero-grid{align-self:center}
.hero-fig .fig1{height:auto;max-height:min(62vh,600px)}
.title-block{grid-row:2;margin-top:0}
.hero-hint{grid-row:3;align-self:start}
@media (max-width:980px){.hero-pin{min-height:0}}

/* the LinkedIn window: the Centre's latest posts, under the hero */
.li-band{background:var(--tint);border-bottom:1px solid var(--rule)}
.li-band .fp{padding-block:clamp(22px,2.6vw,36px)}
.li-h{border-top-color:#0A66C2}
.li-logo{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:3px;background:#0A66C2;color:#fff;font:700 12px/1 Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:0;margin-right:2px}
.li-btn{background:#0A66C2;color:#fff;min-height:40px;font-size:15.5px;padding:0 16px 2px}
.li-btn:hover{background:#004182}
.lics{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.lic a{display:flex;flex-direction:column;gap:8px;height:100%;padding:16px 18px 18px;background:var(--surface);border:1px solid var(--rule);text-decoration:none;transition:border-color .2s}
.lic a:hover{border-color:#0A66C2}
.lic.is-open a{border-top:3px solid var(--seal)}
.lic-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.lic-d{font:500 13.5px var(--sc);text-transform:lowercase;letter-spacing:.035em;color:var(--muted)}
.lic-t{font:400 19px/1.25 var(--serif);letter-spacing:-.01em;transition:color .2s}
.lic a:hover .lic-t{color:#0A66C2}
:root[data-theme="lamp"] .lic a:hover .lic-t{color:#70B5F9}
.lic-s{font-size:15px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lic .nt-st{justify-self:auto;text-align:left;margin-top:auto;font-size:14.5px}
.lic.is-closed .lic-t{color:var(--muted)}
.lic.is-closed .tag.act{background:none;color:var(--muted);border-color:var(--rule)}
.lic.is-closed .nt-st{text-decoration:line-through;text-decoration-color:var(--seal)}

/* the record: every event as a report, a volume to each year */
.row[hidden]{display:none}
.rec-h{margin-top:clamp(48px,6vw,80px)}
.rec-how{margin:-6px 0 26px}
.record .yr{display:flex;flex-direction:column;gap:10px}
.yr-n{font:500 14px/1.3 var(--sc);text-transform:lowercase;letter-spacing:.035em;color:var(--muted)}
.record .row{grid-template-columns:96px minmax(0,1fr) 170px 120px;align-items:center}
a.r-t{text-decoration:none;transition:color .2s}
a.r-t:hover{color:var(--seal)}
.r-pic{display:block;width:120px;aspect-ratio:4/3;overflow:hidden;background:var(--tint)}
.r-pic:empty{background:none}
.r-pic img{width:100%;height:100%;object-fit:cover}
.rec-row.is-app .r-t{font-style:italic;font-size:19px}
.rec-row.is-app .r-kind{color:var(--muted)}
@media (max-width:760px){.record .row{grid-template-columns:1fr auto}.r-pic{display:none}}
.awards{margin:.6em 0 1.2em;border-top:1px solid var(--rule)}
.awards div{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:4px 24px;padding:10px 0;border-bottom:1px solid var(--hair)}
.awards dt{font:500 16px/1.5 var(--sc);text-transform:lowercase;letter-spacing:.035em;color:var(--seal)}
.awards dd{margin:0;font-size:18px;line-height:1.5}
@media (max-width:560px){.awards div{grid-template-columns:1fr}}
.plates{margin-top:56px;border-top:3px double var(--ink);padding-top:14px}
.pl-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 20px;margin-bottom:22px}
.pl-c{font:italic 400 16px var(--serif);color:var(--muted)}
.plate-grid{list-style:none;margin:0;padding:0;columns:3 210px;column-gap:18px}
.plate-grid.one{columns:1;max-width:720px}
.plate-grid li{break-inside:avoid;margin-bottom:20px}
@media (max-width:560px){.plate-grid{columns:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;align-items:start}.plate-grid.one{grid-template-columns:1fr}.plate-grid li{margin-bottom:14px}.pl-n{font-size:13px;margin-top:5px}}
.plate{display:block;text-decoration:none;color:inherit}
.plate img{width:100%;height:auto;background:var(--tint);transition:opacity .2s}
.plate:hover img{opacity:.86}
.pl-n{display:block;margin-top:7px;font:500 14px var(--sc);text-transform:lowercase;letter-spacing:.04em;color:var(--muted)}
.pager{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px;border-top:1px solid var(--rule);padding-top:20px}
.pager a{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit}
.pg-next{text-align:right;align-items:flex-end}
.pager .lbl{color:var(--muted)}
.pg-c{font-size:14.5px;color:var(--seal)}
.pg-t{font:400 19px/1.3 var(--serif);transition:color .2s}
.pager a:hover .pg-t{color:var(--seal)}
@media (max-width:560px){.pager{grid-template-columns:1fr}.pager .pg-next{text-align:left;align-items:flex-start}.pg-none{display:none}}
.lightbox{border:0;padding:0;margin:0;max-width:none;max-height:none;width:100vw;height:100vh;height:100dvh;background:rgba(14,11,9,.95);color:#F6F1E7}
.lightbox::backdrop{background:rgba(14,11,9,.7)}
.lightbox figure{margin:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 72px 24px}
.lightbox img{max-width:100%;max-height:calc(100% - 46px);width:auto;height:auto;object-fit:contain}
.lightbox figcaption{margin-top:14px;font:italic 400 16px/1.4 var(--serif);color:rgba(246,241,231,.82);text-align:center}
.lightbox button{position:absolute;border:0;background:none;color:#F6F1E7;font:300 46px/1 var(--serif);width:56px;height:56px;cursor:pointer}
.lightbox button:focus-visible{outline-color:#F49A80}
.lb-x{top:8px;right:10px}
.lb-p{left:8px;top:50%;transform:translateY(-50%)}
.lb-n{right:8px;top:50%;transform:translateY(-50%)}
@media (max-width:600px){.lightbox figure{padding:60px 12px 70px}.lb-p,.lb-n{top:auto;bottom:8px;transform:none}}
.in-rec{margin-top:14px;font-size:16px}
.in-rec summary{cursor:pointer;font:500 15.5px var(--sc);text-transform:lowercase;letter-spacing:.035em;color:var(--seal)}
.in-rec ul{list-style:none;margin:8px 0 0;padding:0}
.in-rec li{padding:6px 0;border-top:1px solid var(--hair);line-height:1.4}
.in-rec li a{text-decoration-color:var(--rule)}
.ir-d{display:block;font:italic 400 14.5px var(--serif);color:var(--muted)}
.alumni .al-r{margin-top:3px;font:italic 400 14.5px/1.35 var(--serif);color:var(--muted)}
.alumni .in-rec{font-size:15px}
.sub-h{margin:1.5em 0 .45em}
.sub-h:first-child{margin-top:0}
@media print{.lightbox,.pager,.rec-tools{display:none!important}.plate-grid{columns:2}}

/* phones: filters swipe in one row, search takes the width, visiting scholars keep a portrait's size */
@media (max-width:640px){
  .reg-tools{gap:10px}
  .reg-tools .seg{flex-wrap:nowrap;overflow-x:auto;width:calc(100% + var(--gut));margin-right:calc(-1 * var(--gut));padding-right:var(--gut);
    scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
  .reg-tools .seg::-webkit-scrollbar{display:none}
  .reg-tools .seg button{flex:none;height:42px;padding:0 14px}
  .reg-tools .sel,.reg-tools .sel select,.reg-tools .find,.reg-tools .find input{width:100%}
  .reg-tools .reg-count{margin-left:0}
  .persons.three .portrait{max-width:220px}
}
@media (max-width:640px),(pointer:coarse){
  .foot-nav a{display:inline-block;padding:6px 0}
  .foot-also a{display:inline-block;padding:6px 3px;margin:0 -3px}
  .foot-grid .mail{display:inline-block;padding:6px 0}
}

/* the home page's tree: the Vice-Chancellor, the In-Charge beneath, the research assistants beneath her */
.team.one{grid-template-columns:1fr}
.under-2{margin:14px 0 0 36px;padding:16px 0 4px 24px}
@media (max-width:600px){.under-2{margin-left:36px;padding-left:16px}}

/* About: the website and who looks after it */
.keeper{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;align-items:start}
.keeper .tier{font:500 15px var(--sc);text-transform:lowercase;letter-spacing:.035em;color:var(--seal)}
.keeper h3{font:370 clamp(26px,2.2vw,32px)/1.1 var(--serif);letter-spacing:-.02em;margin:4px 0 12px}
.keeper-t{font-size:18px;line-height:1.6;color:var(--ink-2)}
.keeper .after{margin-top:16px}
.keeper-n{margin-top:10px;font-size:16px;font-style:italic;color:var(--muted)}
@media (max-width:520px){.keeper{grid-template-columns:1fr;gap:16px}.keeper .portrait{width:120px}}
.keeper-sm{grid-template-columns:110px minmax(0,1fr);gap:22px;align-items:center}
.keeper-sm h3{font-size:24px;margin:2px 0 6px}.keeper-sm .keeper-t{font-size:17px}.keeper-sm .after{margin-top:10px}
@media (max-width:520px){.keeper-sm{grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:start}.keeper-sm .portrait{width:auto}}