/* ===================================================================
   MARCUS ROSSKNECHT — shared site stylesheet
   One design system for About, Journal and Events: paper/ink/signal
   colours, Archivo Black display type, IBM Plex Mono labels, the
   sticky masthead and footer, and the entry-grid used by both the
   Journal and Events listings.
   =================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap");
:root{--paper:#efece4;--ink:#0c0c0c;--signal:#d8ff00;--line:rgba(12,12,12,.35);--pad:clamp(16px,2.2vw,34px);--display:"Archivo Black",Impact,sans-serif;--mono:"IBM Plex Mono",monospace;--sans:Inter,Arial,sans-serif;--muted:#77736b;--soft-line:rgba(12,12,12,.18)}
*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}::selection{background:var(--signal)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- masthead / footer (all pages) ---------- */
.masthead{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:14px var(--pad);border-bottom:1px solid var(--ink);background:rgba(239,236,228,.95);backdrop-filter:blur(8px);font:500 11px/1.05 var(--mono)}.wordmark{font-family:var(--display);font-size:15px;line-height:.82;letter-spacing:-.05em}.masthead-center{display:flex;align-items:center;justify-content:center;gap:7px;min-height:20px}.masthead-center span{display:inline-grid;place-items:center;width:20px;height:20px;background:var(--ink);color:var(--paper);border-radius:50%;flex:none}.masthead nav{justify-self:end;display:flex;gap:18px}.masthead a:hover{background:var(--signal)}.masthead nav a.is-active{background:var(--ink);color:var(--paper)}
.site-footer{display:grid;grid-template-columns:1fr auto auto;gap:24px;padding:18px var(--pad);border-top:1px solid;font:500 10px var(--mono)}.site-footer a:hover{background:var(--signal)}

/* ---------- Journal / Events index (shared entry grid) ---------- */
.index-intro{min-height:58vh;padding:clamp(80px,12vh,160px) var(--pad) 50px;display:grid;grid-template-columns:1fr 3fr;align-items:end;border-bottom:1px solid var(--ink)}.index-intro p{font:500 11px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);max-width:24ch}.index-intro h1{margin:0;max-width:16ch;font:400 clamp(50px,8.3vw,138px)/.83 var(--display);letter-spacing:-.065em;text-transform:uppercase}
.entries{border-top:0}.entry{position:relative;display:grid;grid-template-columns:86px minmax(280px,1fr) minmax(300px,1fr);gap:var(--pad);padding:var(--pad);border-bottom:1px solid var(--ink);min-height:62vh;overflow:hidden}.entry:nth-child(even){grid-template-columns:86px minmax(300px,1fr) minmax(280px,1fr)}.entry-meta{font:500 11px/1.2 var(--mono);display:flex;flex-direction:column;justify-content:space-between}.entry figure{margin:0;align-self:center}.entry figure img{width:100%;height:min(55vh,680px);object-fit:contain;filter:grayscale(.08);transition:transform .5s ease,filter .5s ease}.entry-copy{align-self:end;position:relative;z-index:2}.entry-copy h2{margin:0 0 24px;font:400 clamp(44px,6.7vw,112px)/.82 var(--display);letter-spacing:-.065em;text-transform:uppercase;overflow-wrap:anywhere}.entry-copy p{max-width:40ch;margin:0 0 26px;font-size:clamp(16px,1.35vw,22px);line-height:1.35}.entry-arrow{font:500 11px/1 var(--mono);background:var(--signal);padding:7px 9px}.entry:hover figure img{transform:rotate(-1deg) scale(1.025);filter:grayscale(0)}.entry-2,.entry-4{background:var(--ink);color:var(--paper)}.entry-2 .entry-arrow,.entry-4 .entry-arrow{color:var(--ink)}.entry-3 figure{order:3}.entry-3 .entry-copy{order:2}.empty{padding:120px var(--pad);font:500 14px var(--mono)}

/* ---------- Journal / Events single-entry page ---------- */
.post-hero{min-height:82vh;padding:clamp(90px,14vh,180px) var(--pad) 50px;border-bottom:1px solid var(--ink);position:relative}.post-date{font:500 12px var(--mono)}.post-hero h1{margin:5vh 0 0;max-width:12ch;font:400 clamp(62px,11vw,182px)/.78 var(--display);letter-spacing:-.075em;text-transform:uppercase}.post-subtitle{max-width:46ch;margin:40px 0 0;font-size:clamp(18px,2vw,30px);line-height:1.25}.back-link{position:absolute;right:var(--pad);bottom:var(--pad);font:500 11px var(--mono)}
.post-body{padding:clamp(70px,10vh,140px) var(--pad);display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,760px) minmax(0,1fr);column-gap:var(--pad);align-items:start}.post-body>*{grid-column:2}.post-body p{font-size:clamp(19px,1.65vw,27px);line-height:1.5;margin:0 0 1.35em}.post-body h2{grid-column:1/4;margin:16vh 0 8vh;font:400 clamp(48px,8vw,132px)/.84 var(--display);letter-spacing:-.06em;text-transform:uppercase}.post-body h3{margin:8vh 0 3vh;font:500 clamp(24px,3vw,44px)/1 var(--mono)}.post-body blockquote{grid-column:1/4;margin:12vh 0;padding:4vh var(--pad);border-top:1px solid;border-bottom:1px solid;font:400 clamp(38px,6vw,98px)/.95 var(--display);letter-spacing:-.05em;text-transform:uppercase}.post-body hr{grid-column:1/4;border:0;border-top:1px solid;margin:10vh 0}.post-body a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.post-cover{margin:0;padding:clamp(18px,3vw,48px) var(--pad) clamp(60px,9vh,130px);border-bottom:1px solid var(--line)}.post-cover img{display:block;width:min(100%,1320px);max-height:88vh;margin:0 auto;object-fit:contain;object-position:center}
.media,.media:nth-of-type(even),.media:nth-of-type(odd){grid-column:1/4;width:min(100%,1180px);justify-self:center;margin:clamp(55px,9vh,125px) auto}
.media img{display:block;width:100%;height:auto;max-height:88vh;margin:0 auto;object-fit:contain;object-position:center}
/* Videos size to their own aspect ratio (bounded by width/height caps) instead of being
   forced to a fixed box — a portrait/vertical video no longer sits pillarboxed inside empty
   paper-coloured bars either side of it. */
.media-video{width:min(100%,1050px)!important;text-align:center}
.media-video video{display:inline-block;width:auto;height:auto;max-width:100%;max-height:80vh;margin:0 auto}
.media-audio{width:min(760px,100%)!important;padding:24px;border:1px solid}.media-audio audio{width:100%}.audio-label{font:400 clamp(42px,6vw,90px)/.85 var(--display);margin-bottom:20px}.media figcaption{display:none!important}.missing-media{color:#b00020;font-family:var(--mono)}
.post-pagination{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid}.post-pagination>div{min-height:32vh;padding:var(--pad);display:flex;flex-direction:column;justify-content:flex-end}.post-pagination>div+div{border-left:1px solid;text-align:right}.post-pagination small{font:500 10px var(--mono);margin-bottom:20px}.post-pagination a{font:400 clamp(32px,4vw,68px)/.9 var(--display);text-transform:uppercase}.post-pagination a:hover{color:#687a00}

/* ---------- Events ---------- */
.events-group{border-bottom:1px solid var(--ink)}
.events-group-head{padding:clamp(28px,4vw,48px) var(--pad) clamp(20px,3vw,32px)}
.events-group .section-label{font:500 11px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

.event-meta-row{display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,56px);align-items:center;padding:0 var(--pad) clamp(28px,4vh,48px)}
.event-meta-item{display:flex;flex-direction:column;gap:6px}
.event-meta-label{font:500 10px/1 var(--mono);letter-spacing:.1em;color:var(--muted)}
.event-meta-value{font:500 15px/1.3 var(--mono)}
.event-cta{margin-left:auto;font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;background:var(--signal);padding:12px 18px}
.event-cta:hover{background:var(--ink);color:var(--paper)}

/* One identical card per event on the overview page: kicker/title/subtitle,
   key-info meta row, then exactly one big image or video — no body text.
   Events with detail_page:true additionally get a "FULL DETAILS" link. */
.event-card{scroll-margin-top:80px;padding:clamp(32px,4.5vw,56px) var(--pad);border-bottom:1px solid var(--ink)}
.event-card-head{margin-bottom:6px}
.event-card-kicker{font:500 11px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.event-card-head h2{margin:0;font:400 clamp(32px,4.5vw,64px)/.95 var(--display);letter-spacing:-.05em;text-transform:uppercase;overflow-wrap:anywhere}
.event-card-subtitle{max-width:60ch;margin:10px 0 0;font-size:clamp(14px,1.3vw,18px);line-height:1.35;color:var(--muted)}
.event-card.is-past{opacity:.88}

.event-media{margin:0;text-align:center}
.event-media img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:78vh;margin:0 auto}
.event-media.is-video video{display:inline-block;width:auto;height:auto;max-width:100%;max-height:78vh;margin:0 auto}

.event-more-link{display:inline-block;margin-top:clamp(20px,3vw,32px);font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;background:var(--signal);padding:12px 18px}
.event-more-link:hover{background:var(--ink);color:var(--paper)}

@media(max-width:800px){
  .event-meta-row{padding:0 var(--pad) 30px}.event-cta{margin-left:0}
}

/* ===================================================================
   About page — the ":::hero / :::section / :::project / ..." blocks
   =================================================================== */
#content{min-height:70vh}
.page{overflow:hidden}

.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:48px;min-height:calc(100vh - 49px);border-bottom:1px solid var(--ink)}
.hero-copy{padding:clamp(72px,12vw,160px) var(--pad) 80px;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;container-type:inline-size}
.kicker{font:500 11px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 20px}
.hero h1{font:400 clamp(48px,7vw,112px)/.82 var(--display);letter-spacing:-.065em;text-transform:uppercase;margin:0 0 32px;max-width:none;width:100%;overflow-wrap:normal;word-break:normal;text-wrap:balance}
.hero .lede{font:400 clamp(24px,3vw,46px)/.98 var(--display);letter-spacing:-.045em;text-transform:uppercase;max-width:19ch;margin:0 0 28px}
.hero .intro{max-width:62ch;font-size:clamp(19px,1.65vw,27px);line-height:1.5}
.hero .intro p{margin:0 0 1.2em}
.hero-media{min-height:68vh;background:var(--ink)}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
@supports (font-size: 1cqw){.hero h1{font-size:clamp(48px,15cqw,112px)}}

.section{padding:clamp(72px,10vw,150px) var(--pad);border-bottom:1px solid var(--ink)}
.section-head{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:clamp(42px,7vw,96px)}
.section-label{font:500 11px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.section-title{font:400 clamp(42px,6vw,90px)/.84 var(--display);letter-spacing:-.06em;text-transform:uppercase;margin:0;max-width:14ch}

.projects{display:grid;gap:clamp(80px,10vw,150px)}
.project{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,80px);align-items:start}
.project:nth-child(even){grid-template-columns:.9fr 1.1fr}
.project:nth-child(even) .project-media{order:2}
.project-media{overflow:hidden}
.project-media img{width:100%;height:auto;max-height:none;object-fit:contain}
.project-media.media-contain{display:flex;align-items:center;justify-content:center;min-height:430px;padding:clamp(60px,8vw,130px);background:rgba(255,255,255,.22)}
.project-media.media-contain img{width:min(62%,620px);max-height:480px;object-fit:contain}
.project-copy{padding-top:8px}
.project-copy h3{font:400 clamp(40px,5vw,78px)/.84 var(--display);letter-spacing:-.06em;text-transform:uppercase;margin:0 0 22px}
.project-copy p{max-width:52ch;font-size:clamp(19px,1.65vw,27px);line-height:1.5}
.project-links{display:flex;gap:18px;flex-wrap:wrap;margin:24px 0}
.project-links a{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}
.audio-card{margin-top:26px;border-top:1px solid var(--soft-line);padding-top:16px}
.audio-meta{display:flex;justify-content:space-between;gap:18px;font:500 11px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.audio-card audio{width:100%;height:34px}
.youtube{margin-top:28px;aspect-ratio:16/9}
.youtube iframe{width:100%;height:100%;border:0}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;align-items:start}
.gallery figure{margin:0;background:rgba(255,255,255,.2)}
.gallery img{width:100%;height:auto;object-fit:contain}

.practice-grid{display:grid;gap:1px;background:var(--ink);border:1px solid var(--ink)}
.practice-item{display:grid;grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr);min-height:460px;background:var(--paper)}
.practice-item:nth-child(even){grid-template-columns:minmax(320px,1.15fr) minmax(0,.85fr)}
.practice-item:nth-child(even) .practice-copy{order:2}
.practice-copy{padding:clamp(30px,5vw,72px);display:flex;flex-direction:column;justify-content:center}
.practice-copy h3{font:400 clamp(34px,4.2vw,66px)/.86 var(--display);text-transform:uppercase;margin:0 0 26px;letter-spacing:-.055em}
.practice-copy p{max-width:48ch;margin:0;font-size:clamp(19px,1.65vw,27px);line-height:1.5}
.practice-media{min-height:460px;overflow:hidden;background:#ddd8cf}
.practice-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.practice-placeholder{display:flex;align-items:center;justify-content:center;border:1px dashed rgba(12,12,12,.3)}
.practice-placeholder span{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

.productions{background:var(--ink);color:var(--paper)}
.productions .section-label{color:#aaa}
.production-list{border-top:1px solid rgba(255,255,255,.25)}
.production{display:grid;grid-template-columns:56px 1.2fr 1fr 1.5fr;gap:20px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.25);align-items:center}
.production-index{font:500 11px/1 var(--mono);color:#999}
.production h3{font:400 clamp(20px,2vw,31px)/.9 var(--display);letter-spacing:-.04em;text-transform:uppercase;margin:0}
.production .role{font:500 11px/1.25 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#aaa}
.production audio{width:100%;height:34px}

.milestones{border-top:1px solid var(--ink)}
.milestone{grid-template-columns:clamp(108px,13vw,190px) minmax(0,1fr);display:grid;gap:clamp(24px,5vw,72px);padding:clamp(32px,5vw,70px) 0;border-bottom:1px solid var(--ink);align-items:start}
.milestone>*{min-width:0}
.milestone-year{font:400 clamp(48px,6vw,90px)/.82 var(--display);letter-spacing:-.06em;white-space:nowrap;font-size:clamp(42px,5.2vw,82px)}
.milestone-copy h3{font:400 clamp(30px,3.5vw,56px)/.86 var(--display);letter-spacing:-.055em;text-transform:uppercase;margin:0 0 20px;overflow-wrap:anywhere;hyphens:auto;max-width:22ch}
.milestone-copy p{max-width:58ch;margin:0;font-size:clamp(19px,1.65vw,27px);line-height:1.5}
.milestone img{display:none!important}
.error{padding:18vh var(--pad)}
.error h1{font:400 54px/.85 var(--display);text-transform:uppercase}

@media(max-width:1180px){.milestone-copy h3{max-width:20ch}}
@media(max-width:850px){
  .hero{grid-template-columns:1fr}.hero-media{min-height:60vh}.hero h1{font-size:clamp(46px,13vw,86px);text-wrap:wrap}.section-head{grid-template-columns:1fr}
  .project,.project:nth-child(even){grid-template-columns:1fr}.project:nth-child(even) .project-media{order:0}
  .project-media.media-contain{min-height:300px;padding:60px}.project-media.media-contain img{width:min(72%,420px)}
  .gallery{grid-template-columns:1fr}
  .practice-item,.practice-item:nth-child(even){grid-template-columns:1fr;min-height:0}.practice-item:nth-child(even) .practice-copy{order:0}.practice-media{min-height:300px}
  .production{grid-template-columns:34px 1fr}.production .role,.production audio{grid-column:2}
  .masthead{grid-template-columns:1fr auto}.masthead-center{display:none}.index-intro{grid-template-columns:1fr;gap:50px;min-height:65vh}.index-intro h1{font-size:clamp(48px,14vw,85px)}
  .entry,.entry:nth-child(even){grid-template-columns:42px 1fr;min-height:auto}.entry figure,.entry-copy{grid-column:2}.entry figure{margin-bottom:26px}.entry figure img{height:auto;max-height:62vh}.entry-copy h2{font-size:clamp(42px,12vw,78px)}.entry-3 figure,.entry-3 .entry-copy{order:initial}
  .post-hero{min-height:72vh}.post-hero h1{font-size:clamp(54px,15vw,98px)}.back-link{position:static;display:inline-block;margin-top:45px}
  .post-body{display:block;padding-left:var(--pad);padding-right:var(--pad)}.post-body h2,.post-body blockquote{margin-left:0;margin-right:0}
  .media,.media:nth-of-type(even),.media:nth-of-type(odd){width:100%;margin:8vh 0}.media-video{width:100%!important}.media-video video{max-height:70vh}
  .post-cover{padding-left:0;padding-right:0}.post-cover img,.media img{max-height:none}
  .post-pagination{grid-template-columns:1fr}.post-pagination>div+div{border-left:0;border-top:1px solid;text-align:left}
  .site-footer{grid-template-columns:1fr 1fr}.site-footer span{grid-column:1/-1}
}
@media(max-width:650px){
  .milestone{grid-template-columns:1fr;gap:18px}
  .milestone-year{white-space:normal;font-size:clamp(48px,18vw,76px)}
  .milestone-copy h3{max-width:none;font-size:clamp(34px,11vw,54px)}
}

/* ---------------------------------------------------------------
   2026-09 editorial repositioning: Journal first, artist first.
   --------------------------------------------------------------- */
.home-intro{position:relative}
.home-intro-copy{align-self:end;max-width:34rem;margin-left:auto;padding-bottom:clamp(12px,2vw,28px)}
.home-intro-copy p{font-size:clamp(20px,2vw,31px);line-height:1.35;margin:0 0 20px}
.home-intro-copy .home-intro-meta{font:500 11px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0}
.home-statement{padding:clamp(90px,12vw,180px) var(--pad);border-top:1px solid var(--ink)}
.home-statement .statement-large{font:400 clamp(38px,5.8vw,86px)/.98 var(--display);letter-spacing:-.055em;max-width:16ch;margin:35px 0 60px}
.statement-links{display:flex;gap:28px;flex-wrap:wrap}
.statement-links a,.collaboration-contact{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px}

.work-page{padding-top:0}
.work-hero{min-height:78vh;padding:clamp(110px,16vh,180px) var(--pad) clamp(70px,9vw,130px);display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr);gap:clamp(30px,7vw,100px);align-items:end;border-bottom:1px solid var(--ink)}
.work-hero>p{grid-column:1/-1;font:500 11px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;align-self:start}
.work-hero h1{font:400 clamp(58px,8.5vw,138px)/.82 var(--display);letter-spacing:-.07em;text-transform:uppercase;margin:0;max-width:10ch}
.work-hero-copy{align-self:end}
.work-hero-copy p{font-size:clamp(19px,1.7vw,27px);line-height:1.5;margin:0;max-width:35ch}
.work-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--ink)}
.work-card{min-width:0;border-right:1px solid var(--ink);border-top:1px solid var(--ink)}
.work-card:nth-child(even){border-right:0}
.work-card figure{margin:0;aspect-ratio:4/3;background:#ddd8cf;overflow:hidden}
.work-card img{width:100%;height:100%;object-fit:cover}
.work-card>div{padding:clamp(30px,4.5vw,68px)}
.work-card h2{font:400 clamp(42px,5vw,78px)/.86 var(--display);letter-spacing:-.055em;text-transform:uppercase;margin:18px 0 25px}
.work-card p:not(.kicker){font-size:clamp(18px,1.55vw,25px);line-height:1.5;max-width:43ch}
.collaboration-section{padding:clamp(90px,12vw,180px) var(--pad)}
.collaboration-section>h2{font:400 clamp(48px,7vw,110px)/.88 var(--display);letter-spacing:-.06em;text-transform:uppercase;max-width:12ch;margin:28px 0 clamp(60px,8vw,110px)}
.collaboration-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ink);border:1px solid var(--ink);margin-bottom:55px}
.collaboration-columns>div{background:var(--paper);padding:clamp(26px,3vw,48px)}
.collaboration-columns h3{font:400 clamp(28px,3vw,44px)/.95 var(--display);letter-spacing:-.04em;text-transform:uppercase;margin:0 0 22px}
.collaboration-columns p{font-size:clamp(17px,1.3vw,22px);line-height:1.5;margin:0}

@media(max-width:850px){
  .home-intro-copy{margin:0;max-width:none;padding-bottom:0}
  .work-hero{grid-template-columns:1fr;min-height:70vh}.work-hero>p{grid-column:auto}.work-hero h1{max-width:none}.work-hero-copy{max-width:36rem}
  .work-grid{grid-template-columns:1fr}.work-card{border-right:0}.work-card figure{aspect-ratio:16/11}
  .collaboration-columns{grid-template-columns:1fr}
}

/* 2026-09 v2 — keep Work inside the same visual grammar as About. */
.work-unified .work-intro-hero{border-bottom:1px solid var(--ink)}
.work-unified .work-hero-media{background:#ddd8cf}
.work-unified .work-hero-media img{width:100%;height:100%;object-fit:cover}
.work-unified .section{padding-top:clamp(72px,10vw,140px);padding-bottom:clamp(72px,10vw,140px)}
.work-unified .section + .section{border-top:1px solid var(--ink)}
.work-unified .work-collaboration .practice-placeholder{padding:28px;text-align:center}
.work-unified .work-collaboration .practice-placeholder span{max-width:30ch;line-height:1.5}
.work-contact-row{padding-top:clamp(36px,5vw,70px)}
.work-contact-row a{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px}

/* Avoid the old standalone Work design rules affecting the unified page. */
.work-unified.work-page,.work-unified .work-hero,.work-unified .work-grid,.work-unified .work-card,.work-unified .collaboration-section,.work-unified .collaboration-columns{all:unset}