*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 8px)}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.65 var(--font-text);font-synthesis:none;overflow-wrap:break-word}
img,svg{display:block;max-width:100%}
img{height:auto}
h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
a{color:var(--monash-blue)}
:focus-visible{outline:3px solid var(--monash-blue);outline-offset:2px}
.on-dark :focus-visible,.band :focus-visible,.hero :focus-visible,.site-footer :focus-visible{outline-color:#fff}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:var(--s4);top:-100px;z-index:100;background:#fff;color:var(--monash-blue);padding:var(--s3) var(--s4);font-weight:700}
.skip:focus{top:var(--s2)}
.wrap{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.ms{font-style:normal}
em{font-style:italic}

/* type */
.display-xl,.display-m,.display-s{font-family:var(--font-display);font-weight:400}
.display-xl{font-size:var(--fs-xl);line-height:.92;letter-spacing:-.01em}
.display-m{font-size:var(--fs-m);line-height:1.05}
.display-s{font-size:var(--fs-s);line-height:1.1}
.caps{font:500 .6875rem/1.4 var(--font-text);letter-spacing:.08em;text-transform:uppercase}
.epithet{font:700 1rem/1.4 var(--font-text)}
.prose{max-width:66ch}
.prose p+p{margin-top:var(--s4)}

/* header */
.site-header{background:#fff;border-top:4px solid var(--monash-blue);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--hairline)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:calc(var(--header-h) - 5px);gap:var(--s5)}
.logo{display:inline-flex;align-items:center;margin-right:var(--s5)}
.logo{color:var(--ink);text-decoration:none}
.harta-head{display:block;width:92px;height:auto}
.nav__list{display:flex;gap:var(--s6)}
.nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none;font-weight:500;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current]{border-bottom-color:var(--monash-blue)}
.nav__btn{display:none;min-height:44px;min-width:44px;padding:0 var(--s4);background:#fff;color:var(--monash-blue);border:2px solid var(--monash-blue);font:700 .9375rem var(--font-text);cursor:pointer}
@media (max-width:899px){
  .nav__btn{display:inline-block}
  .nav__list{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--hairline);padding:var(--s2) var(--gutter) var(--s4)}
  .nav.open .nav__list{display:flex}
  .nav a{width:100%;border-bottom:1px solid var(--hairline)}
}
@media (min-width:900px){.harta-head{width:112px}}

/* hero */
.hero{background:var(--grad-cover);color:#fff;overflow:hidden;min-height:min(calc(100svh - var(--header-h)),960px)}
.hero .wrap{display:flex;flex-direction:column;min-height:inherit}
.hero__top{display:flex;justify-content:space-between;align-items:flex-start;padding-top:var(--s6)}
.hero__top svg{height:auto}
.lockup-svg{width:clamp(130px,20vw,260px)}
.harta-svg{width:clamp(100px,12vw,150px)}
.hero__grid{display:grid;gap:var(--s5);flex:1;align-items:end}
.hero__text{padding-top:var(--s7)}
.hero h1{margin:0}
.hero h1 span{display:block}
.hero .caps{margin-top:var(--s5)}
.hero__img{justify-self:center;width:92vw;max-width:640px}
.hero__img img{width:100%}
@media (min-width:900px){
  .hero__grid{grid-template-columns:45fr 55fr;align-items:end}
  .hero__text{align-self:center;padding-bottom:var(--s9)}
  .hero h1{font-size:clamp(6rem,9.6vw,9rem)}
  .hero .caps{font-size:.8125rem}
  .hero__img{width:100%;max-width:none;margin-right:calc(var(--gutter) * -1)}
}

/* bands */
.band{position:relative;isolation:isolate;background-color:var(--field);background-size:cover;background-position:center;color:#fff;padding-block:var(--s9)}
.band::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--field);opacity:var(--veil,.35)}
.band--flat::before{display:none}
.band__col{max-width:680px}
.band a{color:#fff}
.band h2,.band h3{margin:0}
.band .prose{max-width:none}
.band--intro,.site-footer{background:var(--grad-intro);background-size:100% 135%;background-position:top}
.band--intro::before{display:none}
.band--intro .col{max-width:60ch}
.band--intro .display-m{margin-bottom:var(--s2)}
.band--intro .sub{font-style:italic;margin-bottom:var(--s5)}
.band--intro .credits{margin-top:var(--s5);font-style:italic}
.band--lilac{background:var(--lilac);color:var(--ink)}
.band--lilac::before{display:none}
.band--lilac a{color:var(--ink)}
.band--lilac :focus-visible{outline-color:var(--ink)}

/* collection */
.collection{padding-block:var(--s9)}
.collection h2{margin-bottom:var(--s7)}
.grid{display:grid;gap:var(--s7) var(--s5);grid-template-columns:repeat(2,1fr)}
@media (min-width:600px){.grid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1200px){.grid{grid-template-columns:repeat(4,1fr)}}
.card{display:block;color:var(--ink);text-decoration:none}
.card .stage-mini{aspect-ratio:4/5;background:linear-gradient(#fff 70%,var(--floor));position:relative;transition:transform .15s ease}
.card:hover .stage-mini,.card:focus-visible .stage-mini{transform:translateY(-4px)}
.card .stage-mini::after,.cutout::after{content:"";position:absolute;left:14%;right:14%;bottom:-1.5%;height:8%;background:radial-gradient(closest-side,rgba(0,0,0,.30),rgba(0,0,0,0));filter:blur(8px);z-index:0}
.card .stage-mini::after{opacity:.6}
.card img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.card .display-s{margin-top:var(--s5);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px;text-decoration-thickness:1px;transition:text-decoration-color .15s}
.card:hover .display-s,.card:focus-visible .display-s{text-decoration-color:var(--monash-blue)}
.region{font:700 .8125rem/1.3 var(--font-text)}
.card .region{margin-top:var(--s2);color:var(--ink-2)}

/* teaser */
.teaser{display:grid;align-items:stretch}
.teaser__text{padding-block:var(--s9)}
.teaser__text .caps{margin-bottom:var(--s4)}
.teaser__img{min-height:320px;position:relative}
.teaser__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.teaser .display-m a{text-decoration:none}
.teaser .more{display:inline-flex;align-items:center;min-height:44px;margin-top:var(--s5);font-weight:700}
@media (min-width:900px){.teaser{grid-template-columns:1fr 1fr}.teaser__text{padding-right:var(--s8);max-width:640px;margin-left:auto;width:100%;padding-left:var(--gutter)}}

/* detail */
.crumbs{padding-block:var(--s5) 0;font-size:.875rem}
.crumbs ol{display:flex;flex-wrap:wrap;gap:var(--s2)}
.crumbs li+li::before{content:"\203A";margin-right:var(--s2);color:var(--ink-2)}
.crumbs a{display:inline-block;padding-block:12px;line-height:1.2}
.stage{background:linear-gradient(#fff 70%,var(--floor));padding-bottom:var(--s8)}
.stage__grid{display:grid;grid-template-columns:1fr;gap:var(--s4);padding-top:var(--s5)}
.stage h1{position:relative;z-index:2}
.stage h1 span{display:block}
.stage .region{margin-top:var(--s2)}
.stage .region span{display:block}
.cutout{position:relative;display:flex;justify-content:center;margin-top:var(--s5)}
.cutout img{position:relative;z-index:1;width:auto;height:auto;max-width:100%;max-height:72vh;animation:rise .4s ease-out both}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (min-width:900px){
  .stage__grid{grid-template-columns:repeat(12,1fr);column-gap:var(--s5);row-gap:0}
  .stage h1{grid-column:1/9;grid-row:1}
  .stage .region{grid-column:10/13;grid-row:1;text-align:right;margin-top:var(--s3)}
  .cutout{grid-column:2/12;grid-row:2;margin-top:-6vw}
  .cutout::after{left:20%;right:20%}
}
.story{padding-block:var(--s8)}
.story .col{display:grid}
.story h2{margin-bottom:var(--s4)}
@media (min-width:900px){.story .col{grid-template-columns:repeat(12,1fr);column-gap:var(--s5)}.story .col>*{grid-column:2/9}}
.story .cite-block{margin-top:var(--s6)}
.story .col>.stack{display:contents}
.band .head{margin-bottom:var(--s6)}
.band .head p+p{margin-top:var(--s2)}
.band .head .epi{font-style:italic;font-size:1.125rem}
.band h2.label{font:700 1rem/1.4 var(--font-text);margin-bottom:var(--s3)}
.band h3{font:700 1rem/1.4 var(--font-text);margin-top:var(--s6);margin-bottom:var(--s2)}
.band .gap{margin-top:var(--s4)}
.bearers li+li{margin-top:var(--s1)}
.note{margin-top:var(--s5)}
.price,.tag{display:inline-block;margin-top:var(--s6);font:500 .9375rem/1 var(--font-text);font-variant-numeric:tabular-nums;border:1px solid currentColor;padding:var(--s3) var(--s4)}
.tag{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}
.dl-block{margin-top:var(--s6)}
.dl-block h3{margin-top:0}
dl.pairs{display:grid;grid-template-columns:1fr;gap:var(--s1) var(--s5);margin-top:var(--s3)}
dl.pairs dt{font-weight:700;margin-top:var(--s3)}
dl.pairs dd{margin:0}
@media (min-width:600px){dl.pairs{grid-template-columns:12rem 1fr}dl.pairs dt{margin-top:0}}
.band--wide .band__col{max-width:760px}
figure.cite{margin-top:var(--s6)}
blockquote{font:500 1.125rem/1.6 var(--font-text);border-left:2px solid var(--field);padding-left:var(--s5);margin:0}
.band blockquote{border-left-color:#fff}
figcaption{margin-top:var(--s3);padding-left:var(--s5);font-size:.9375rem}
.band .cite-text{margin-top:var(--s4)}
.companion .grid2{display:grid;gap:var(--s6);align-items:center}
.companion img{width:100%;max-width:420px;margin-inline:auto}
@media (min-width:900px){.companion .grid2{grid-template-columns:5fr 7fr}}
.prevnext{display:grid;gap:var(--s4);padding-block:var(--s8);border-top:1px solid var(--hairline);margin-top:0}
.prevnext a{display:block;padding:var(--s5);border:1px solid var(--hairline);text-decoration:none;color:var(--ink);min-height:44px;transition:transform .15s ease,border-color .15s}
.prevnext a:hover,.prevnext a:focus-visible{transform:translateY(-3px);border-color:var(--monash-blue)}
.prevnext small{display:block;font:700 .8125rem/1.3 var(--font-text);color:var(--monash-blue);margin-bottom:var(--s2)}
.prevnext .next{text-align:right}
@media (min-width:600px){.prevnext{grid-template-columns:1fr 1fr}}

/* seminar */
.page-head{padding-block:var(--s8) var(--s6)}
.eyebrow{font:700 .8125rem/1.3 var(--font-text);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:var(--s3)}
.page-head h1{font:400 var(--fs-m)/1.05 var(--font-display)}
.sem{display:grid}
.sem__text{padding-block:var(--s8);padding-inline:var(--gutter)}
.sem__img{min-height:280px;position:relative;background:#111}
.sem__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sem .small{font:500 .8125rem/1.4 var(--font-text);letter-spacing:.08em;text-transform:uppercase}
.sem .who{font:700 1.125rem/1.3 var(--font-text);text-transform:uppercase;margin-top:var(--s2)}
.sem .role{margin-top:var(--s1);text-transform:uppercase;font-size:.875rem}
.sem .title{margin-top:var(--s8)}
.sem .title-ms{margin-top:var(--s3);text-transform:uppercase;font-size:.9375rem;letter-spacing:.02em}
.facts{display:grid;grid-template-columns:auto 1fr;gap:var(--s2) var(--s5);margin-top:var(--s6)}
.facts dt{font-weight:700}
.facts dd{margin:0}
@media (min-width:900px){.sem{grid-template-columns:1fr 1fr}.sem__text{padding-left:var(--gutter);padding-right:var(--s7);max-width:640px;margin-left:auto;width:100%}.sem__img{min-height:640px}}
.poster{padding-block:var(--s9)}
.poster figure{max-width:640px;margin-inline:auto}
.poster figcaption{padding-left:0;text-align:center;margin-top:var(--s4);color:var(--ink-2)}
.speaker{padding-block:var(--s9)}
.speaker__grid{display:grid;gap:var(--s6)}
.speaker h2.label{font:700 .8125rem/1.3 var(--font-text);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--s5)}
.speaker h3{margin-bottom:var(--s6)}
.speaker .lead{font:400 clamp(1.5rem,1.1rem + 1.4vw,2.125rem)/1.25 var(--font-display);margin-bottom:var(--s6)}
.speaker .lead{font-size:max(1.75rem,clamp(1.5rem,1.1rem + 1.4vw,2.125rem))}
.speaker p+p{margin-top:var(--s4)}
.speaker .portrait{max-width:520px}
.speaker .lockup-svg{margin-top:var(--s7);width:clamp(130px,40vw,240px)}
@media (min-width:900px){.speaker__grid{grid-template-columns:7fr 5fr;column-gap:var(--s8);align-items:start}.speaker__grid .portrait{grid-column:2;grid-row:1/3}}
.speaker__text{max-width:56ch}

/* about */
.about .prose h2{margin-bottom:var(--s4)}
.about section{padding-block:var(--s7);border-bottom:1px solid var(--hairline)}
.about .credits li+li{margin-top:var(--s1)}

/* footer */
.site-footer{color:#fff;padding-block:var(--s9) var(--s8)}
.site-footer a{color:#fff}
.site-footer .display-m{margin-bottom:var(--s2)}
.site-footer .sub{font-style:italic}
.site-footer .credits{margin-top:var(--s5)}
.partners{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s6) var(--s8);margin-top:var(--s8)}
.foot-nav{display:flex;flex-wrap:wrap;gap:0 var(--s6);margin-top:var(--s7)}
.foot-nav a{display:inline-flex;align-items:center;min-height:44px}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
.band.teaser,.band.sem{padding-block:0}
.story p+p,.band--intro .col p+p,.about .prose p+p{margin-top:var(--s4)}
.card .display-s{display:block}
.card .stage-mini{padding:8% 7% 5%}
.card .stage-mini::after{left:18%;right:18%;bottom:3%}
.card img{height:100%;width:calc(var(--k,1) * 100%);max-width:none;margin-inline:calc((1 - var(--k,1)) * 50%)}
.crumbs li{display:flex;align-items:center}
.crumbs li>span{display:inline-block;padding-block:12px;line-height:1.2}
.band .display-xl{font:400 var(--fs-xl)/.92 var(--font-display);letter-spacing:-.01em;margin-top:0}
.speaker .display-xl{margin-bottom:var(--s6);overflow-wrap:normal}
.story figure.cite+p{margin-top:var(--s6)}
.story figure.cite{margin-bottom:0}
.dl-block+.prose{margin-top:var(--s6)}
.teaser__text{padding-inline:var(--gutter)}
@media (min-width:900px){.teaser__text{padding-right:var(--s8)}}

/* lecture page (lecture.html): companion to the seminar archive. Reuses .cite, dl.pairs, .page-head, .band--lilac, .crumbs, .prevnext. */
.sem__text .lec-link{margin-top:var(--s5)}
.sem__text .lec-link a,.lec-back a{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;font-weight:700}
.lec-intro__grid{display:grid;gap:var(--s7);padding-block:var(--s8)}
.lec-intro .small{font:500 .8125rem/1.4 var(--font-text);letter-spacing:.08em;text-transform:uppercase}
.lec-intro .who{font:700 1.125rem/1.3 var(--font-text);text-transform:uppercase;margin-top:var(--s2)}
.lec-intro .role{margin-top:var(--s1);text-transform:uppercase;font-size:.875rem}
.lec-intro .title-ms{margin-top:var(--s5);text-transform:uppercase;font-size:.9375rem;letter-spacing:.02em}
.lec-intro .facts{margin-top:var(--s5)}
.lec-intro__note{margin-top:var(--s5);max-width:48ch}
.lec-intro h2.label{font:700 .8125rem/1.3 var(--font-text);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--s4)}
.lec-toc ol{list-style:none;padding:0}
.lec-toc__list>li{padding-block:var(--s1)}
.lec-toc a{display:inline-block;padding-block:6px;line-height:1.3}
.lec-toc__list>li>a{font-weight:700}
.lec-toc__sub{padding-left:var(--s4);margin-bottom:var(--s2);font-size:.9375rem}
@media (min-width:900px){.lec-intro__grid{grid-template-columns:5fr 6fr;column-gap:var(--s8);align-items:start}.lec-toc__sub{columns:2;column-gap:var(--s5)}.lec-toc__sub li{break-inside:avoid}}
.lec{max-width:66ch;margin-inline:auto;padding-block:var(--s8) var(--s9)}
.lec-sec{padding-block:var(--s7);border-bottom:1px solid var(--hairline)}
.lec-sec:last-child{border-bottom:0}
.lec-sec>h2{margin-bottom:var(--s5)}
.lec-sec>h2+.lec-sub{margin-top:calc(var(--s3) * -1)}
.lec-sub{font:700 1.0625rem/1.4 var(--font-text);margin-bottom:var(--s5)}
.lec h3{font:700 1.0625rem/1.4 var(--font-text);margin-top:var(--s7);margin-bottom:var(--s3)}
.lec h4{font:700 1rem/1.4 var(--font-text);margin-top:var(--s6);margin-bottom:var(--s2)}
.lec p+p,.lec p+figure,.lec figure+p,.lec .lec-list+p,.lec .dl-block+p{margin-top:var(--s4)}
.lec figure.cite+figure.cite{margin-top:var(--s5)}
.lec blockquote{font-size:1rem;line-height:1.6}
.lec figcaption{color:var(--ink-2)}
.lec-meta{font:700 .8125rem/1.3 var(--font-text);margin-top:var(--s4);margin-bottom:var(--s2)}
.lec-credits{margin-top:var(--s5);font-style:italic}
.lec ul.lec-list{list-style:disc;padding-left:1.25rem;margin-top:var(--s2)}
.lec .lec-list li+li{margin-top:var(--s1)}
.lec p+ul.lec-list{margin-top:var(--s3)}
.lec .dl-block{margin-top:var(--s5)}
.lec .dl-block h4{margin-top:0}
.lec dl.pairs--long{grid-template-columns:1fr}
.lec dl.pairs--long dt{margin-top:var(--s3)}
@media (min-width:600px){.lec dl.pairs{grid-template-columns:13rem 1fr}.lec dl.pairs--long{grid-template-columns:1fr}}
.lec .lec-tree ul{list-style:none;padding:0 0 0 var(--s5);border-left:1px solid var(--hairline);margin-top:var(--s1)}
.lec .lec-tree>ul{padding-left:0;border-left:0}
.lec .lec-tree li{margin-top:var(--s1)}
.lec-tanjak{display:grid;gap:var(--s5);align-items:start;margin-top:var(--s8);padding-top:var(--s7);border-top:1px solid var(--hairline)}
.lec-tanjak__pic{width:min(220px,60%);aspect-ratio:1/1;padding:8%;background:linear-gradient(#fff 70%,var(--floor))}
.lec-tanjak__pic img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.lec-tanjak__text h3{margin-top:0;font:400 var(--fs-s)/1.1 var(--font-display)}
.lec-tanjak__text h3 a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--monash-blue);text-decoration-thickness:1px;text-underline-offset:6px}
.lec-tanjak__text h3 a:hover{text-decoration-thickness:2px}
.lec-tanjak__text .lec-meta:first-of-type{margin-top:var(--s3)}
@media (min-width:700px){.lec-tanjak{grid-template-columns:168px 1fr;column-gap:var(--s5)}.lec-tanjak__pic{width:168px}.lec-tanjak dl.pairs{grid-template-columns:9.5rem 1fr}.lec-tanjak__text--cont{grid-column:2}}
/* lecture photographs: one wrapper per slide, one figure per image; hairline captions, no frames; cut-outs sit on the --floor tint */
.lec h2.lec-h{font:700 1.0625rem/1.4 var(--font-text);margin-top:var(--s7);margin-bottom:var(--s3)}
.lec-sec--open{padding-top:0}
.lec-figs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3);align-items:start;margin:var(--s6) 0}
.lec-figs--single,.lec-figs--wide,.lec-figs--narrow{grid-template-columns:1fr}
.lec-figs--pair{align-items:stretch;margin-block:calc(var(--s6) * -.25) var(--s6)}
.lec-figs--pair .lec-fig{max-width:none}
.lec-figs--pair .lec-fig img{height:100%;object-fit:cover}
.lec-fig{margin:0;max-width:var(--nw,none)}
.lec-figs--narrow .lec-fig{max-width:min(340px,var(--nw))}
.lec-fig img{display:block;width:100%;height:auto}
.lec-fig--span{grid-column:1/-1}
.lec .lec-fig figcaption{margin-top:var(--s2);padding:0;font-size:.8125rem;line-height:1.4}
.lec-fig--cut{background:var(--floor)}
.lec .lec-fig--cut figcaption{margin:0;padding:var(--s2) var(--s3)}
.lec-figs--grid3>.lec-fig:last-child:nth-child(odd){grid-column:1/-1}
@media (min-width:600px){.lec-figs--grid3{grid-template-columns:repeat(3,1fr)}.lec-figs--grid3>.lec-fig:last-child:nth-child(odd){grid-column:auto}}
@media (min-width:960px){.lec-figs--wide,.lec-figs--grid2,.lec-figs--grid3,.lec-figs--pair{width:900px;margin-inline:calc(50% - 450px);gap:var(--s4)}}
.lec-tanjak>.lec-figs{grid-column:1/-1;width:auto;margin:0}

/* collection grid: Lang Melayang is the last card, with an ordinary card and stage; the tanjak is drawn 15% wider than before and its tip runs on to the right, into the empty cell beside it */
.grid__tail .card img{width:157%;margin-inline:0;object-position:left bottom}
.grid__tail .stage-mini::after{left:10%;right:auto;width:140%}