:root{--ground:#f3d3d6;--sheet:#fbecee;--ink:#141210;--muted:#4a453f;--subtle:#6b645b;--line:#e2b9be;--red:#e01818;--dline:#3a3532;--dmuted:#d9cfc4;--dsubtle:#9a9288;color-scheme:light}
*{box-sizing:border-box}
body{background:var(--ground);color:var(--ink);font:17px/1.55 "DM Sans",Arial,sans-serif;margin:0}
.wrap{max-width:1120px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:Newsreader,Georgia,serif;font-weight:400;letter-spacing:-.02em;margin:0;text-wrap:balance}
h2{font-size:clamp(34px,5vw,60px);line-height:1.04}
h3{font-size:28px;line-height:1.1}
p{margin:0}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--subtle)}
.hand{font-family:Caveat,cursive;font-weight:700;color:var(--red);line-height:1.1}
/* the count */
.count{background:var(--ink);color:var(--ground);height:420vh;position:relative}
.stage{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5vh;overflow:hidden;padding:60px 20px 40px}
#mark{width:min(78vw,620px);height:auto;overflow:visible}
#mark circle{transform-box:fill-box;transform-origin:center;transition:transform .35s cubic-bezier(.3,1.6,.5,1),opacity .2s}
#mark path{transition:opacity .6s}
.cap{position:relative;width:min(92vw,820px);height:150px;text-align:center}
.cap>div{position:absolute;inset:0;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .45s;display:flex;flex-direction:column;align-items:center;gap:12px}
.cap>div.on{opacity:1;transform:none}
.cap h1{font-size:clamp(38px,6.4vw,76px);line-height:1}
.cap p{color:var(--dmuted);max-width:46ch}
.cap .hand{font-size:38px;color:var(--red)}
.n{font-family:Newsreader,Georgia,serif;font-size:clamp(30px,4.6vw,52px);color:var(--ground)}
.hint{position:absolute;bottom:22px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dsubtle)}
.floor{width:min(78vw,620px);height:1px;background:var(--dline)}
/* paper sections */
section.p{padding-block:clamp(64px,10vw,120px);border-top:1px solid var(--line)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start}
.two>*{min-width:0}
.lead{font-size:20px;color:var(--muted);max-width:52ch;margin-top:18px}
.box{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.box input{flex:1;min-width:200px;font:inherit;padding:14px 16px;border:1px solid var(--ink);background:var(--sheet);color:var(--ink);border-radius:0}
.btn{font:600 15px "DM Sans",sans-serif;padding:14px 22px;background:var(--ink);color:var(--ground);border:0;border-radius:0;cursor:pointer}
.who h3{margin-bottom:10px}.who .hand{font-size:44px}
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px;border-top:1px solid var(--ink)}
.nums div{padding:22px 16px 0 0;min-width:0}.nums b{display:block;font:400 clamp(40px,6vw,72px)/1 Newsreader,Georgia,serif;font-variant-numeric:tabular-nums}
.nums span{font-size:15px;color:var(--muted)}
.small{font-size:14px;color:var(--subtle);margin-top:26px;max-width:70ch}
.films{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:16px;margin-top:40px}
.four{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px;border-top:1px solid var(--ink)}
.four div{padding:22px 22px 0 0;min-width:0}.four h3{font-size:23px;margin-bottom:8px}.four p{font-size:15.5px;color:var(--muted)}
.ink{background:var(--ink);color:var(--ground);border:0}
.ink .lead{color:var(--dmuted)}.ink .eyebrow{color:var(--dsubtle)}
.ink .box input{background:#1f1c1a;border-color:var(--dline);color:var(--ground)}.ink .btn{background:var(--ground);color:var(--ink)}
.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center;margin-top:72px;padding-top:22px;border-top:1px solid var(--dline);font-size:14px;color:var(--dsubtle)}
.foot svg{height:34px;width:auto}
nav{position:absolute;z-index:5;top:calc(22px + env(safe-area-inset-top,0px));left:0;right:0}
nav .wrap{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--dmuted)}
nav svg{height:26px;width:auto}
@media(max-width:760px){.two{grid-template-columns:1fr}.nums,.four{grid-template-columns:1fr 1fr}.films{grid-template-columns:1fr 1fr}.film:first-child{grid-column:span 2;aspect-ratio:16/11}.cap{height:190px}}
@media(prefers-reduced-motion:reduce){.count{height:auto}.stage{position:static;height:auto;padding-block:120px}.cap>div{transition:none}}

nav a{color:var(--dmuted);text-decoration:none;border-bottom:1px solid var(--dline);padding-bottom:2px}
nav a:hover,nav a:focus-visible{color:var(--ground);border-color:var(--ground)}
a.btn{display:inline-block;text-decoration:none}
.btn:focus-visible,input:focus-visible,textarea:focus-visible,.film:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.ink .btn:focus-visible,.ink input:focus-visible,.ink textarea:focus-visible{outline-color:var(--ground)}
.film{position:relative;background:var(--ink);color:var(--ground);aspect-ratio:9/16;padding:0;border:0;border-radius:0;cursor:pointer;min-width:0;overflow:hidden;text-align:left;font:inherit}
.film:first-child{aspect-ratio:auto;grid-row:span 2}
.film video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--ink)}
.film .t{position:absolute;left:0;right:0;bottom:0;padding:46px 18px 16px;display:flex;flex-direction:column;background:linear-gradient(rgba(20,18,16,0),rgba(20,18,16,.92) 55%);transition:opacity .3s}
.film b{font:400 22px/1.1 Newsreader,Georgia,serif}.film .t span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dsubtle);margin-top:6px}
.film.going .t{opacity:0}
.send{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start}
.send>*{min-width:0}
form{display:grid;gap:16px}
form label{display:block;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--dsubtle);margin-bottom:6px}
form input,form textarea{width:100%;font:inherit;padding:13px 15px;background:#1f1c1a;border:1px solid var(--dline);color:var(--ground);border-radius:0}
form textarea{min-height:150px;resize:vertical}
.hp{position:absolute;left:-9999px}
#sentSay{font-size:26px;min-height:1.2em}
.safe{font-size:15px;color:var(--dsubtle);margin-top:18px}
.foot a{color:inherit}
@media(max-width:760px){.send{grid-template-columns:1fr}}
@media(max-width:760px){.film:first-child{grid-column:span 2;grid-row:auto;aspect-ratio:9/16}}
/* sub-pages */
.bar{border-bottom:1px solid var(--line)}
.bar .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-block:18px;font-size:15px}
.bar img{height:30px;width:auto;display:block}
.bar ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;align-items:center;flex-wrap:wrap}
.bar a{color:var(--ink);text-decoration:none}
.bar a:not(.btn):hover,.bar a[aria-current]{border-bottom:1px solid var(--ink)}
.bar .btn{padding:10px 16px}
.top{padding-block:clamp(48px,8vw,96px) 0}
.top h1{font-size:clamp(40px,6vw,76px);line-height:1.02;margin-top:14px}
.kit{padding-block:clamp(36px,6vw,64px) clamp(64px,10vw,120px)}
.kit h2{font-size:30px;margin:54px 0 14px;padding-top:20px;border-top:1px solid var(--ink)}
.kit p,.kit li{color:var(--muted);max-width:68ch}
.kit ul{padding:0;margin:0;list-style:none;display:grid;gap:10px}
.kit b{color:var(--ink);font-weight:600}
.kit a{color:var(--ink)}
.files{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.files a{display:flex;flex-direction:column;gap:10px;font-size:14px;text-decoration:none;color:var(--muted);min-width:0}
.files img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--sheet);border:1px solid var(--line)}
.files a.lg img{object-fit:contain;padding:22px}
.files a.dk img{background:var(--ink);border-color:var(--ink)}
.pfoot{background:var(--ink);color:var(--dsubtle);font-size:14px}
.pfoot .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center;padding-block:26px}
.pfoot img{height:34px;width:auto}.pfoot a{color:inherit}
@media(max-width:760px){.files{grid-template-columns:1fr 1fr}}
.bar a.btn{color:var(--ground)}
.top .lead{margin-top:18px}
.wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 16px}
.wtile{min-width:0}.wtile video{width:100%;aspect-ratio:9/16;background:var(--ink);display:block}
.wtile h2,.person h2{font-size:26px;margin:14px 0 6px;padding:0;border:0}
.pgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px 16px}
.person{min-width:0}.person img,.person .dot{width:100%;aspect-ratio:1;display:block;border:1px solid var(--line);background:var(--sheet)}
.person .dot{border-color:var(--ink);height:auto}
.person .dot .eyes{transform-box:fill-box;transform-origin:center;animation:blink 5s infinite}
@keyframes blink{0%,94%,100%{transform:scaleY(1)}97%{transform:scaleY(.1)}}
.person .dot .bod{animation:bob 3.2s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(2.5px)}}
.person .dot .wave{transform-origin:144px 100px;animation:wave 7s ease-in-out infinite}
@keyframes wave{0%,62%,100%{transform:rotate(0)}68%{transform:rotate(-118deg)}72%{transform:rotate(-96deg)}76%{transform:rotate(-122deg)}80%{transform:rotate(-96deg)}84%{transform:rotate(-118deg)}92%{transform:rotate(0)}}
@media(prefers-reduced-motion:reduce){.person .dot .eyes,.person .dot .bod,.person .dot .wave{animation:none}}
.person .pf{border:1px solid var(--line);background:var(--sheet);aspect-ratio:1;overflow:hidden}
.person .pf video{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:multiply}
.person h2.hand{font-size:40px;font-family:Caveat,cursive;margin:8px 0 2px;letter-spacing:0}
.person p:last-child{font-size:15.5px;margin-top:8px}
@media(max-width:900px){.pgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.wgrid,.pgrid{grid-template-columns:1fr 1fr}}
.person img{height:auto;object-fit:cover}

/* work page: Mental Health Victoria */
.mhv{border-top:1px solid var(--ink)}
.mhvgrid{display:grid;grid-template-columns:1fr 300px;gap:56px;align-items:center;margin:18px 0 64px}
.mhvgrid>div{min-width:0}
.mhv h2{font-size:clamp(30px,4vw,48px);line-height:1.08;margin:0 0 18px;padding:0;border:0;text-wrap:balance}
.mhvq{font-family:"Newsreader",Georgia,serif;font-size:24px;line-height:1.25;border-top:1px solid var(--ink);padding-top:16px;margin:28px 0 22px;max-width:26ch}
.mmrow{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:24px 0 28px;align-items:start}
.mmrow img{width:100%;height:auto;display:block}
@media(max-width:760px){.mhvgrid{grid-template-columns:1fr;gap:28px}.mhvgrid .wtile{max-width:300px}.mmrow{grid-template-columns:1fr 1fr}}
.mhv .mhvq{color:var(--ink)}
.mhv h2.mhvh{margin-top:0}

/* home page: section links in the top nav */
nav .navl{display:flex;gap:22px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:520px){nav .wrap{font-size:13px;gap:12px}nav .navl{gap:14px}nav img{height:20px!important}}
.kit p+p{margin-top:14px}