/* The Missing Measure block on the homepage. Each card wears its project's own colours. */
.measure-section .measure-intro{font-size:18px;line-height:1.6;max-width:640px;margin:0 0 28px}
.measure-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.measure-card{position:relative;display:flex;flex-direction:column;min-height:300px;padding:24px;color:var(--ink);text-decoration:none;overflow:hidden;min-width:0}
.measure-card .eyebrow{font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.04em}
.measure-card h3{font:400 clamp(64px,7vw,112px)/.9 var(--poster);text-transform:uppercase;margin:22px 0 18px;letter-spacing:.01em}
.measure-card p{font:16px/1.5 Arial,Helvetica,sans-serif;margin:0 0 24px;max-width:36ch}
.measure-foot{margin-top:auto;font-size:13px;text-transform:uppercase;letter-spacing:.03em}
a.measure-card:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
a.measure-card:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
/* MAN TAX: form paper, ink, stamp red */
.measure-card.mantax{background:#EFEBE2;border:1px solid #131313;color:#131313}
.measure-stamp{position:absolute;top:26px;right:-6px;transform:rotate(-8deg);background:#D92B1A;color:#EFEBE2;font:700 13px/1 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.08em;padding:9px 18px 9px 14px}
/* Dutch Angle: electric blue ground, pink wordmark, cream text */
.measure-card.dutch-angle{background:#003BFF;color:#F8F4ED}
.measure-card.dutch-angle h3{color:#FF8ACE;transform:rotate(-4deg);transform-origin:left bottom}
@media(max-width:760px){.measure-cards{grid-template-columns:1fr;gap:18px}.measure-card{min-height:250px;padding:21px}.measure-card h3{font-size:68px}.measure-section .measure-intro{font-size:17px}}

/* BLIJF BOOS: the sticker itself, straight (Astrid: no tilt). Black Impact on white, black border. */
@font-face{font-family:'BB Impact';src:local('Impact'),url('/assets/fonts/anton.woff2') format('woff2');font-display:swap}
.bb-sticker{--s:150px;display:grid;align-content:center;width:var(--s);height:var(--s);padding:8px;background:#fff;color:#000;border:2px solid #000;font:400 calc(var(--s)*.4)/1.04 'BB Impact',Impact,'Arial Narrow Bold',sans-serif;text-align:center;text-transform:uppercase;text-decoration:none;}
.bb-sticker span{display:block;white-space:nowrap}
a.bb-sticker:hover{background:var(--acid)}
a.bb-sticker:focus-visible{outline:3px solid var(--acid);outline-offset:4px}
.home-now{position:relative}
.home-now .bb-sticker{position:absolute;right:32px;top:32px;--s:150px}
@media(max-width:760px){.home-now .bb-sticker{--s:96px;right:24px;top:24px}}

/* Art & Research: one colour per project, the sticker as BLIJF BOOS's title */
.portfolio-style #blijfboos .art-project-heading>div:first-child{background:var(--red);position:relative;min-height:300px}
.portfolio-style #blijfboos .bb-sticker{--s:clamp(170px,19vw,250px);margin:26px 0 8px}
.portfolio-style #constructions-of-happiness .art-project-heading>div:first-child{background:var(--blue)}

/* True Story Club: tomato, cream wordmark, Instrument Serif */
@font-face{font-family:'Instrument Serif';src:url('/assets/fonts/InstrumentSerif-italic-400.woff2') format('woff2');font-style:italic;font-display:swap}
.tsc-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);margin-top:34px;background:#E9482D;color:#F4EFE3;text-decoration:none;min-height:340px;overflow:hidden}
.tsc-card .tsc-text{display:flex;flex-direction:column;padding:26px 28px}
.tsc-card .eyebrow{font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.12em}
.tsc-wm{display:block;background:#F4EFE3;-webkit-mask:var(--m) no-repeat 0 0/100% 100%;mask:var(--m) no-repeat 0 0/100% 100%}
.tsc-wm.top{--m:url('/assets/tsc/wm-truestory.png');aspect-ratio:1600/1035;width:min(100%,300px);margin:20px 0 0}
.tsc-wm.club{--m:url('/assets/tsc/wm-club.png');aspect-ratio:1600/444;width:min(100%,300px);margin:-4px 0 0}
.tsc-card p{font:italic 400 clamp(22px,2vw,28px)/1.2 'Instrument Serif',Georgia,serif;margin:22px 0 22px;max-width:22ch}
.tsc-card .tsc-foot{margin-top:auto;font-size:13px;letter-spacing:.03em}
.tsc-card img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;display:block}
.tsc-card:hover .tsc-foot{text-decoration:underline;text-underline-offset:4px}
.tsc-card:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
@media(max-width:760px){.tsc-card{grid-template-columns:1fr}.tsc-card img{height:220px}.tsc-card .tsc-text{padding:21px}}