/* ========================================================================== 
   ROC STATEMENT SYSTEM 5.16 / CONTROL ROOM
   One visual language across the immersive home, Labs, archives, static pages,
   project singles, and news. Built from the approved black Studio Statement:
   compressed line-height, mixed type, direct colour blocks, echoes, and scale.
   ========================================================================== */

:root{
  --roc-black:#090909;
  --roc-black-2:#111;
  --roc-paper:#f3efe7;
  --roc-pink:#ff5aa9;
  --roc-red:#ff4a35;
  --roc-acid:#caff00;
  --roc-blue:#1d4fff;
  --roc-cyan:#18dbe6;
  --roc-muted:#77736e;
  --roc-sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --roc-blackface:"Arial Black","Helvetica Neue",Arial,sans-serif;
  --roc-condensed:"Arial Narrow","Helvetica Neue Condensed",Impact,sans-serif;
  --roc-serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --roc-mono:"IBM Plex Mono","Courier New",monospace;
}

body.roc-statement-system{
  --void:var(--roc-black);
  --cream:var(--roc-paper);
  --mag:var(--roc-pink);
  --acid:var(--roc-acid);
  --cyan:var(--roc-cyan);
  --blur:var(--roc-blue);
  --serif:var(--roc-serif);
  --read:var(--roc-serif);
  --mono:var(--roc-mono);
  color:var(--roc-paper);
  background:
    radial-gradient(circle at 18% 2%,rgba(255,255,255,.055),transparent 22%),
    linear-gradient(180deg,var(--roc-black),var(--roc-black-2));
}

body.roc-statement-system::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:9997;
  pointer-events:none;
  opacity:var(--roc-grain,.12);
  mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' seed='11' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");
}

body.roc-statement-system::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:9996;
  pointer-events:none;
  opacity:var(--roc-scanlines,.14);
  background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 4px);
}

.roc-statement-system ::selection{background:var(--roc-acid);color:var(--roc-black)}

/* --------------------------------------------------------------------------
   Minimal index navigation. It stays out of the composition until requested.
   -------------------------------------------------------------------------- */
.roc-statement-system .rd-nav{
  position:fixed;
  z-index:120;
  top:20px;
  right:clamp(18px,3vw,48px);
  bottom:auto;
  left:auto;
  display:flex;
  align-items:flex-start;
  gap:18px;
  width:auto;
  padding:0;
  background:none;
  pointer-events:none;
}

.roc-statement-system .rd-nav::before{display:none}
.roc-statement-system .rd-nav>*{pointer-events:auto}
.roc-statement-system .rd-links{
  display:flex;
  justify-content:flex-end;
  gap:clamp(10px,1.5vw,22px);
  margin:0;
  padding:0;
  flex-wrap:wrap;
  max-width:min(64vw,720px);
}
.roc-statement-system .rd-links a{
  display:inline-flex;
  align-items:baseline;
  gap:5px;
  padding:3px 0;
  color:rgba(243,239,231,.46);
  background:none;
  transition:color .16s ease,background .16s ease,transform .16s ease;
}
.roc-statement-system .rd-links a::after{display:none}
.roc-statement-system .rd-links a i{
  color:var(--roc-red)!important;
  font:900 7px/1 var(--roc-mono);
  letter-spacing:.1em;
}
.roc-statement-system .rd-links a span{
  color:inherit!important;
  font:700 9px/1 var(--roc-mono);
  letter-spacing:.12em;
  text-transform:uppercase;
}
.roc-statement-system .rd-links a:hover,
.roc-statement-system .rd-links a:focus-visible,
.roc-statement-system .rd-links a.on{
  color:var(--roc-paper);
  transform:translateY(-1px);
}
.roc-statement-system .rd-links a.on span{
  color:var(--roc-black)!important;
  background:var(--roc-acid);
  padding:3px 5px 2px;
}
.roc-statement-system .rd-links a.rd-nav-labs span{color:inherit!important}
.roc-statement-system .rd-links a.rd-nav-labs.on span{color:var(--roc-black)!important}
.roc-statement-system .rd-nav .rd-tag{display:none}

/* Reusable dynamic title words from PHP/JS. */
.roc-statement-system .rd-type-title{font-family:var(--roc-sans)}
.roc-statement-system .rd-type-word{display:inline-block;position:relative;transform-origin:left center}
.roc-statement-system .rd-type-word:nth-child(5n+1){font-family:var(--roc-blackface);font-style:normal;letter-spacing:-.1em}
.roc-statement-system .rd-type-word:nth-child(5n+2){font-family:var(--roc-serif);font-style:italic;color:var(--roc-red);letter-spacing:-.09em;transform:translateY(.04em) scaleX(1.05)}
.roc-statement-system .rd-type-word:nth-child(5n+3){font-family:var(--roc-condensed);letter-spacing:.08em;transform:scaleX(1.12)}
.roc-statement-system .rd-type-word:nth-child(5n+4){color:var(--roc-black);background:var(--roc-pink);padding:0 .08em .04em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.roc-statement-system .rd-type-word:nth-child(5n){color:transparent;}

/* --------------------------------------------------------------------------
   Immersive home. The canvas stays the spectacle; the interface becomes type.
   -------------------------------------------------------------------------- */
.roc-statement-system .rd-mark{
  top:20px;
  left:clamp(18px,3vw,48px);
  width:auto;
  max-width:150px;
  opacity:0;
}
.roc-statement-system .rd-mark.show{opacity:.92}
.roc-statement-system .rd-mark .roc-logo-svg{height:clamp(20px,2vw,30px)}

.roc-statement-system .rd-stage-ui{
  left:clamp(20px,3.5vw,58px);
  bottom:clamp(160px,20vh,230px);
  max-width:min(76vw,1120px);
}
.roc-statement-system .rd-kick,
.roc-statement-system .labs-focus-year,
.roc-statement-system .labs-brand{
  margin:0 0 10px;
  color:var(--roc-red)!important;
  font:900 clamp(9px,.8vw,12px)/1 var(--roc-mono)!important;
  letter-spacing:.25em!important;
  text-transform:uppercase;
  transform:rotate(-2deg);
}
.roc-statement-system .rd-title{
  max-width:100%;
  margin:0;
  color:var(--roc-paper);
  font:700 clamp(46px,7.5vw,132px)/.61 var(--roc-sans);
  letter-spacing:-.07em;
  text-shadow:0 4px 30px rgba(0,0,0,.62);
}
.roc-statement-system .rd-title .rd-type-word:nth-child(5n+4){text-shadow:none}
.roc-statement-system .rd-meta{
  width:min(720px,74vw);
  margin:16px 0 0 8%;
  color:rgba(243,239,231,.72);
  font:700 14px/1.35 var(--roc-mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.roc-statement-system .rd-meta b{color:var(--roc-acid)}
.roc-statement-system .rd-enter{
  display:inline-block;
  margin:16px 0 0 8%;
  padding:9px 12px 8px;
  border:0;
  color:var(--roc-black);
  background:var(--roc-acid);
  font:900 14px/1 var(--roc-mono);
  letter-spacing:.12em;
  text-transform:uppercase;
  transform:rotate(-1deg);
}
.roc-statement-system .rd-enter:hover{color:var(--roc-black);background:var(--roc-pink)}

.roc-statement-system .rd-rail{
  top:50%;
  right:clamp(14px,2vw,32px);
  gap:2px;
  max-width:310px;
}
.roc-statement-system .rd-rail button{
  padding:3px 0;
  color:rgba(243,239,231,.28);
  font:700 14px/1.1 var(--roc-mono);
  text-transform:uppercase;
  letter-spacing:.02em;
}
.roc-statement-system .rd-rail button.on{
  color:var(--roc-paper);
  font-style:normal;
}
.roc-statement-system .rd-rail button.on span:not(.n){
  color:var(--roc-black);
  background:var(--roc-pink);
  padding:2px 5px;
}
.roc-statement-system .rd-rail button .n{color:var(--roc-red)}

.roc-statement-system .rd-curator{
  left:clamp(20px,3.5vw,58px);
  right:clamp(20px,3.5vw,58px);
  bottom:34px;
}
.roc-statement-system .rd-crow{
  min-height:58px;
  padding:9px 0 8px;
  border:0;
  border-top:1px solid rgba(243,239,231,.28);
  border-bottom:1px solid rgba(243,239,231,.28);
  border-radius:0;
  background:rgba(9,9,9,.74);
  box-shadow:none;
  backdrop-filter:blur(14px);
}
.roc-statement-system .rd-crow .rd-lab{
  padding-left:4px;
  color:var(--roc-red)!important;
  font:900 9px/1 var(--roc-mono);
  letter-spacing:.16em;
}
.roc-statement-system #intent{
  color:var(--roc-paper);
  font:italic 900 clamp(18px,2vw,30px)/.9 var(--roc-serif);
  letter-spacing:-.04em;
}
.roc-statement-system #intent::placeholder{color:rgba(243,239,231,.36)}
.roc-statement-system .rd-caret{background:var(--roc-red)}
.roc-statement-system .rd-suggest button{
  border:0;
  border-bottom:1px solid rgba(243,239,231,.3);
  border-radius:0;
  padding:5px 2px 3px;
  color:rgba(243,239,231,.6);
  background:transparent;
  font:700 12px/1 var(--roc-mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.roc-statement-system .rd-suggest button:hover,
.roc-statement-system .rd-suggest button:focus-visible{
  color:var(--roc-black);
  background:var(--roc-pink);
  border-color:var(--roc-pink);
}
.roc-statement-system .rd-picks{
  max-width:min(64vw,720px);
  padding:12px 0;
  border:0;
  border-top:1px solid rgba(243,239,231,.25);
  border-radius:0;
  background:rgba(9,9,9,.82);
}
.roc-statement-system .rd-rat{color:var(--roc-red)}
.roc-statement-system .rd-picks button .t{
  color:var(--roc-paper);
  font:italic 900 clamp(15px,1.5vw,20px)/1 var(--roc-serif);
}
.roc-statement-system .rd-picks button:hover .t{color:var(--roc-acid)}
.roc-statement-system .rd-scrollcue{display:none}

/* In-canvas fallback preview. */
.roc-statement-system .rd-page-tag h2{
  font:700 clamp(42px,7.2vw,124px)/.61 var(--roc-sans);
  letter-spacing:-.07em;
}
.roc-statement-system .rd-page-tag h2 .rd-type-word:nth-child(5n+4){text-shadow:none}
.roc-statement-system .rd-page-deck{
  max-width:44ch;
  color:var(--roc-paper);
  font:italic 900 clamp(16px,1.7vw,24px)/1.08 var(--roc-serif);
}
.roc-statement-system .rd-page-back,
.roc-statement-system .rd-case-link{
  color:var(--roc-black)!important;
  background:var(--roc-acid)!important;
  border:0!important;
  padding:8px 11px!important;
  font:900 9px/1 var(--roc-mono)!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  mix-blend-mode:normal!important;
}

/* Studio layer below the canvas. */
.roc-statement-system .rd-below{
  background:linear-gradient(180deg,rgba(9,9,9,.5),rgba(9,9,9,.93) 23%,var(--roc-black));
}
.roc-statement-system .rd-below-inner{max-width:1500px;padding:70px clamp(18px,3.2vw,54px) 120px}
.roc-statement-system .rd-b-sec{min-height:78vh;border-top:1px solid rgba(243,239,231,.14)}
.roc-statement-system .rd-b-eye{
  color:var(--roc-red);
  font:900 14px/1 var(--roc-mono);
  letter-spacing:.2em;
}
.roc-statement-system .rd-big{
  font:700 clamp(54px,10vw,170px)/.57 var(--roc-sans);
  letter-spacing:-.1em;
}
.roc-statement-system .rd-big em{font-family:var(--roc-serif);color:var(--roc-red)}
.roc-statement-system .rd-over{
  max-width:54ch;
  margin:.5em 0 0 17%;
  color:var(--roc-paper);
  font:700 clamp(13px,1.3vw,18px)/1.2 var(--roc-mono);
  mix-blend-mode:normal;
}
.roc-statement-system .rd-ghost{
  font:italic 900 clamp(90px,16vw,260px)/.5 var(--roc-serif);
  -webkit-text-stroke:1px rgba(243,239,231,.14);
}
.roc-statement-system .rd-row{
  display:grid;
  grid-template-columns:48px 1fr auto;
  gap:18px;
  padding:clamp(18px,2.4vw,34px) 0;
  border-bottom:1px solid rgba(243,239,231,.16);
}
.roc-statement-system .rd-row h3{
  font:900 clamp(28px,4.6vw,74px)/.72 var(--roc-blackface);
  letter-spacing:-.07em;
}
.roc-statement-system .rd-row:nth-child(4n+2) h3{font-family:var(--roc-serif);font-style:italic;color:var(--roc-acid)}
.roc-statement-system .rd-row:nth-child(4n+3) h3{width:max-content;max-width:100%;padding:.02em .1em .06em;color:var(--roc-black);background:var(--roc-pink);font-family:var(--roc-condensed);letter-spacing:.04em}
.roc-statement-system .rd-row:nth-child(4n) h3{color:transparent;-webkit-text-stroke:1px var(--roc-paper)}
.roc-statement-system .rd-row .rd-x{font-size:9px}
.roc-statement-system .rd-lead{
  max-width:26ch;
  font:700 clamp(30px,4.3vw,68px)/.75 var(--roc-sans);
  letter-spacing:-.06em;
}
.roc-statement-system .rd-lead em{font-family:var(--roc-serif);color:var(--roc-red)}
.roc-statement-system .rd-cols{font:700 12px/1.45 var(--roc-mono)}
.roc-statement-system .rd-news-item{padding:24px 0}
.roc-statement-system .rd-t{font:900 clamp(25px,4vw,64px)/.75 var(--roc-blackface);letter-spacing:-.06em}
.roc-statement-system .rd-news-item:nth-child(even) .rd-t{font-family:var(--roc-serif);font-style:italic;color:var(--roc-acid)}
.roc-statement-system .rd-contact-big{
  font:900 clamp(62px,12vw,200px)/.48 var(--roc-blackface);
  letter-spacing:-.1em;
}
.roc-statement-system .rd-contact-big::after{
  content:"making?";
  display:block;
  margin-left:11%;
  color:var(--roc-red);
  font-family:var(--roc-serif);
  font-style:italic;
  letter-spacing:-.1em;
  transform:rotate(-1.5deg);
}

/* --------------------------------------------------------------------------
   Labs. Same depth mechanic, but the focused language is a typographic spread.
   -------------------------------------------------------------------------- */
.roc-statement-system .labs-gl{background:var(--roc-black)}
.roc-statement-system .labs-brand{top:24px;left:clamp(18px,3vw,48px)}
.roc-statement-system .labs-focus{
  left:clamp(18px,3.5vw,58px);
  bottom:clamp(90px,15vh,150px);
  max-width:min(78vw,1120px);
}
.roc-statement-system .labs-focus-title{
  margin:0;
  color:var(--roc-paper);
  font:700 clamp(46px,7.5vw,132px)/.61 var(--roc-sans);
  letter-spacing:-.07em;
  animation:none;
}
.roc-statement-system .labs-focus-deck{
  width:min(640px,70vw);
  margin:16px 0 0 9%;
  color:var(--roc-paper);
  font:italic 900 clamp(15px,1.6vw,22px)/1.08 var(--roc-serif);
}
.roc-statement-system .labs-focus-link{
  margin:16px 0 0 9%;
  padding:9px 12px 8px;
  color:var(--roc-black);
  background:var(--roc-acid);
  font:900 14px/1 var(--roc-mono);
  letter-spacing:.12em;
}
.roc-statement-system .labs-rail-item{
  color:rgba(243,239,231,.28);
  font:700 9px/1.1 var(--roc-mono);
  text-transform:uppercase;
}
.roc-statement-system .labs-rail-item.on .t{
  color:var(--roc-black);
  background:var(--roc-pink);
  padding:2px 5px;
  font-style:normal;
}
.roc-statement-system .labs-intro span{
  max-width:13ch;
  color:var(--roc-paper);
  font:900 clamp(38px,6vw,94px)/.58 var(--roc-blackface);
  letter-spacing:-.1em;
  text-transform:none;
}
.roc-statement-system .labs-intro i{color:var(--roc-acid)}
.roc-statement-system .labs-scrollcue{display:none}

/* --------------------------------------------------------------------------
   Static editorial surfaces. Remove the old page/UI feeling and let type lead.
   -------------------------------------------------------------------------- */
.roc-statement-system.roc-paper,
.roc-statement-system.roc-paper .rd-page-standard,
.roc-statement-system.roc-paper .rd-archive,
.roc-statement-system.roc-paper .rd-doc{
  color:var(--roc-paper)!important;
  background:
    radial-gradient(circle at 18% 2%,rgba(255,255,255,.055),transparent 22%),
    linear-gradient(180deg,var(--roc-black),var(--roc-black-2))!important;
}
.roc-statement-system.roc-paper a{color:inherit}

/* About statement keeps the approved composition exactly, corrected for black. */
.roc-statement-system .roc-statement{min-height:100vh}
.roc-statement-system .st-index,
.roc-statement-system .st-copy,
.roc-statement-system .st-body .st-text,
.roc-statement-system .st-cards p,
.roc-statement-system .st-meta{color:var(--roc-paper)}
.roc-statement-system .st-index b{color:var(--roc-red)}
.roc-statement-system .st-copy .block{color:var(--roc-black);background:var(--roc-pink)}
.roc-statement-system .st-copy .inkblock{color:var(--roc-black);background:var(--roc-paper)}
.roc-statement-system .st-copy .drop{color:var(--roc-paper)}
.roc-statement-system .st-copy .repeat{color:var(--roc-red)}
.roc-statement-system .st-body .st-lead{color:var(--roc-paper)}
.roc-statement-system .st-cards h3{color:var(--roc-black);background:var(--roc-paper)}
.roc-statement-system .st-meta a{color:var(--roc-acid);border-color:var(--roc-acid)}

/* Work and news archives: statement first, content field second. */
.roc-statement-system .rd-archive{
  max-width:1500px;
  margin:0 auto;
  padding:clamp(36px,5vw,78px) clamp(18px,3.2vw,54px) 120px;
}
.roc-statement-system .rd-archive-hero{
  max-width:none;
  margin:0;
  padding:0;
}
.roc-statement-system .rd-archive-hero .rd-eyebrow{
  color:var(--roc-red)!important;
  font:900 12px/1 var(--roc-mono)!important;
  letter-spacing:.2em!important;
}
.roc-statement-system .rd-archive-hero h1{
  margin:14px 0 0;
  color:var(--roc-paper)!important;
  font:900 clamp(72px,13vw,215px)/.55 var(--roc-blackface)!important;
  letter-spacing:-.1em!important;
  text-transform:none;
}
.roc-statement-system .rd-archive-hero h1 em{font-family:var(--roc-serif)!important;color:var(--roc-red)!important}
.roc-statement-system .rd-statement{
  max-width:min(94%,1360px);
  margin:clamp(45px,8vh,100px) 0 clamp(50px,8vh,100px);
  color:var(--roc-paper)!important;
  font:700 clamp(30px,4vw,64px)/.7 var(--roc-sans)!important;
  letter-spacing:-.065em;
}
.roc-statement-system .rs-head{
  display:block;
  margin-bottom:.06em;
  color:var(--roc-paper);
  font:900 2.2em/.44 var(--roc-blackface);
  letter-spacing:-.1em;
  transform:scaleX(.84);
  transform-origin:left center;
}
.roc-statement-system .rs-head .serif{font-family:var(--roc-serif);color:var(--roc-red)}
.roc-statement-system .rs-line2{display:block;margin-left:11%}
.roc-statement-system .word-acid{color:var(--roc-black);background:var(--roc-acid)}
.roc-statement-system .word-block{color:var(--roc-black);background:var(--roc-pink)}

.roc-statement-system .rd-archive-search{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:18px;
  max-width:none;
  margin:32px 0 0;
  padding:18px 0 0;
  border-top:1px solid rgba(243,239,231,.24);
}
.roc-statement-system .rd-archive-search label{
  color:var(--roc-red);
  font:900 14px/1 var(--roc-mono);
  letter-spacing:.2em;
}
.roc-statement-system .rd-archive-search input{
  border:0;
  border-bottom:1px solid var(--roc-paper);
  color:var(--roc-paper)!important;
  background:transparent;
  font:italic 900 clamp(18px,2.2vw,32px)/1 var(--roc-serif)!important;
  -webkit-text-fill-color:var(--roc-paper)!important;
}
.roc-statement-system .rd-archive-search input::placeholder{color:rgba(243,239,231,.35)}

.roc-statement-system .rd-work-index,
.roc-statement-system .rd-news-index{
  max-width:none;
  margin:0;
  padding:0;
  border-top:1px solid rgba(243,239,231,.16);
}
.roc-statement-system .rd-work-row,
.roc-statement-system .rd-news-row{border:0!important;border-bottom:1px solid rgba(243,239,231,.16)!important}
.roc-statement-system .rd-work-row a{
  display:grid;
  grid-template-columns:52px 1fr auto;
  grid-template-rows:auto auto;
  column-gap:clamp(16px,3vw,40px);
  padding:clamp(22px,3vw,45px) 0;
}
.roc-statement-system .rd-num{
  grid-column:1;
  grid-row:1;
  padding-top:.35em;
  color:var(--roc-red)!important;
  font:900 11px/1 var(--roc-mono)!important;
}
.roc-statement-system .rd-title-row{
  grid-column:2;
  grid-row:1;
  color:var(--roc-paper)!important;
  font:900 clamp(30px,5.4vw,86px)/.72 var(--roc-blackface)!important;
  letter-spacing:-.075em!important;
}
.roc-statement-system .rd-work-row:nth-child(4n+2) .rd-title-row{font-family:var(--roc-serif)!important;font-style:italic;color:var(--roc-acid)!important;transform:rotate(-.7deg)}
.roc-statement-system .rd-work-row:nth-child(4n+3) .rd-title-row{width:max-content;max-width:100%;padding:.02em .1em .06em;color:var(--roc-black)!important;background:var(--roc-pink);font-family:var(--roc-condensed)!important;letter-spacing:.05em!important;transform:scaleX(1.04);transform-origin:left}
.roc-statement-system .rd-work-row:nth-child(4n) .rd-title-row{color:transparent!important;-webkit-text-stroke:1px var(--roc-paper)}
.roc-statement-system .rd-meta-row{
  grid-column:2;
  grid-row:2;
  margin-top:8px;
  color:var(--roc-muted)!important;
  font:700 14px/1.2 var(--roc-mono)!important;
  letter-spacing:.12em;
}
.roc-statement-system .rd-open{
  grid-column:3;
  grid-row:1/3;
  align-self:center;
  color:var(--roc-blue)!important;
  font:900 20px/1 var(--roc-mono)!important;
}
.roc-statement-system .rd-work-row a:hover .rd-title-row{animation:rocChromatic 1.7s ease-in-out infinite;transform:translateX(6px)}
.roc-statement-system .rd-work-row:nth-child(4n+3) a:hover .rd-title-row{transform:scaleX(1.04) translateX(6px)}

.roc-statement-system .rd-news-row a{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:7px 26px;
  padding:clamp(22px,3vw,42px) 0;
}
.roc-statement-system .rd-news-row span{
  color:var(--roc-red)!important;
  font:900 14px/1 var(--roc-mono)!important;
  letter-spacing:.12em;
}
.roc-statement-system .rd-news-row strong{
  grid-column:2;
  color:var(--roc-paper)!important;
  font:900 clamp(28px,4.7vw,74px)/.72 var(--roc-blackface)!important;
  letter-spacing:-.07em!important;
}
.roc-statement-system .rd-news-row:nth-child(3n+2) strong{font-family:var(--roc-serif)!important;font-style:italic;color:var(--roc-acid)!important}
.roc-statement-system .rd-news-row:nth-child(3n) strong{color:transparent!important;-webkit-text-stroke:1px var(--roc-paper)}
.roc-statement-system .rd-news-row em{
  grid-column:2;
  max-width:64ch;
  color:var(--roc-muted)!important;
  font:italic 900 clamp(13px,1.3vw,18px)/1.1 var(--roc-serif)!important;
  text-transform:none!important;
}

/* Contact statement + form. */
.roc-statement-system .rd-contact-page{padding:0!important}
.roc-contact-statement{
  position:relative;
  min-height:88vh;
  padding:clamp(40px,6vw,94px) clamp(18px,3.2vw,54px);
  overflow:hidden;
}
.roc-contact-grid{position:relative;min-height:720px;max-width:1500px;margin:auto}
.roc-contact-index{position:absolute;top:0;left:0;width:min(58vw,300px);font:700 clamp(14px,1vw,14px)/1.2 var(--roc-mono);text-transform:uppercase;letter-spacing:.08em}
.roc-contact-copy{
  position:absolute;
  z-index:4;
  top:12%;
  left:6%;
  width:min(90%,1320px);
  margin:0;
  color:var(--roc-paper);
  font:700 clamp(32px,4.2vw,68px)/.68 var(--roc-sans);
  letter-spacing:-.065em;
}
.roc-contact-copy .giant{display:block;font:900 2.25em/.42 var(--roc-blackface);letter-spacing:-.1em;transform:scaleX(.82);transform-origin:left center}
.roc-contact-copy .making{display:block;margin-left:11%;color:var(--roc-red);font:italic 900 1.6em/.49 var(--roc-serif);letter-spacing:-.1em;transform:rotate(-1.6deg)}
.roc-contact-copy .ask{display:block;width:74%;margin:1em 0 0 8%;font-size:.82em}
.roc-contact-copy .ask strong{display:inline;padding:0 .09em .04em;color:var(--roc-black);background:var(--roc-pink);font-family:var(--roc-blackface);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.roc-contact-copy .echo{display:block;margin:1.2em 0 0 28%;color:transparent;-webkit-text-stroke:1px rgba(243,239,231,.4);font:900 .82em/.62 var(--roc-blackface);letter-spacing:-.08em;text-transform:uppercase}
.roc-contact-content{
  max-width:1500px;
  margin:0 auto;
  padding:0 clamp(18px,3.2vw,54px) clamp(70px,10vh,130px);
}
.roc-statement-system .rd-standard-content{
  max-width:780px!important;
  margin:0 0 clamp(36px,6vh,70px)!important;
  padding:0!important;
  color:var(--roc-paper)!important;
  font:700 13px/1.45 var(--roc-mono)!important;
}
.roc-statement-system .rd-contact-intro{
  max-width:25ch;
  color:var(--roc-paper)!important;
  font:italic 900 clamp(22px,3.2vw,46px)/.92 var(--roc-serif)!important;
}
.roc-statement-system .rd-contact-form-shell{
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.roc-statement-system .rd-contact-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(26px,4vw,58px);
}
.roc-statement-system .rd-contact-form label{
  color:var(--roc-red)!important;
  font:900 14px/1 var(--roc-mono)!important;
  letter-spacing:.18em!important;
}
.roc-statement-system .rd-contact-form label:last-of-type{grid-column:1/-1}
.roc-statement-system .rd-contact-form input,
.roc-statement-system .rd-contact-form textarea{
  margin-top:10px;
  border:0!important;
  border-bottom:1px solid var(--roc-paper)!important;
  color:var(--roc-paper)!important;
  background:transparent!important;
  font:italic 900 clamp(21px,2.5vw,38px)/.9 var(--roc-serif)!important;
  -webkit-text-fill-color:var(--roc-paper)!important;
}
.roc-statement-system .rd-contact-form textarea{min-height:150px;padding:12px 0!important}
.roc-statement-system .rd-contact-form input:focus,
.roc-statement-system .rd-contact-form textarea:focus{border-color:var(--roc-acid)!important}
.roc-statement-system .rd-contact-form button{
  grid-column:1/-1;
  justify-self:start;
  margin-top:0;
  border:0!important;
  border-radius:0!important;
  padding:13px 18px 11px!important;
  color:var(--roc-black)!important;
  background:var(--roc-acid)!important;
  font:900 clamp(18px,2vw,30px)/.8 var(--roc-blackface)!important;
  letter-spacing:-.04em!important;
  text-transform:uppercase;
  transform:rotate(-1deg);
}
.roc-statement-system .rd-contact-form button:hover{background:var(--roc-pink)!important}

/* Project and news singles. Image is evidence; type remains the frame. */
.roc-statement-system .rd-doc-top{
  position:fixed;
  z-index:40;
  top:18px;
  left:clamp(18px,3vw,48px);
  right:auto;
  display:flex;
  gap:18px;
  padding:0;
  background:none;
  font:900 9px/1 var(--roc-mono);
}
.roc-statement-system .rd-doc-top a{color:rgba(243,239,231,.55)!important}
.roc-statement-system .rd-doc-top a:hover{color:var(--roc-acid)!important}
.roc-statement-system .rd-hero{
  min-height:100svh;
  align-items:flex-end;
}
.roc-statement-system .rd-hero-scrim{
  background:linear-gradient(transparent 22%,rgba(9,9,9,.38) 52%,rgba(9,9,9,.95) 92%);
}
.roc-statement-system .rd-hero-inner{
  width:min(1500px,100%);
  margin:0 auto;
  padding:clamp(90px,12vh,160px) clamp(18px,3.2vw,54px) clamp(60px,8vh,100px);
}
.roc-statement-system .rd-hero-title{
  max-width:12ch;
  margin:0;
  color:var(--roc-paper)!important;
  font:700 clamp(48px,8.8vw,148px)/.61 var(--roc-sans)!important;
  letter-spacing:-.075em!important;
  text-wrap:balance;
}
.roc-statement-system .rd-hero-deck{
  max-width:34ch;
  margin:18px 0 0 9%;
  color:var(--roc-paper)!important;
  font:italic 900 clamp(17px,1.8vw,25px)/1.05 var(--roc-serif)!important;
}
.roc-statement-system .rd-hero-ghost{
  color:transparent!important;
  -webkit-text-stroke:1px rgba(243,239,231,.14);
  font:italic 900 clamp(100px,19vw,300px)/.5 var(--roc-serif)!important;
}
.roc-statement-system .rd-ledger{
  max-width:1500px;
  margin:0 auto clamp(60px,9vh,110px)!important;
  padding:20px clamp(18px,3.2vw,54px)!important;
  border-block:1px solid rgba(243,239,231,.24)!important;
}
.roc-statement-system .rd-l-k{color:var(--roc-red)!important;font:900 9px/1 var(--roc-mono)!important}
.roc-statement-system .rd-l-v{color:var(--roc-paper)!important;font:700 clamp(14px,1.4vw,19px)/1.1 var(--roc-sans)!important}
.roc-statement-system .rd-l-hot .rd-l-v{color:var(--roc-acid)!important}
.roc-statement-system .rd-doc-body{
  max-width:1200px;
  margin:0 auto;
  padding:0 clamp(18px,3.2vw,54px);
}
.roc-statement-system .rd-lead{
  max-width:22ch;
  color:var(--roc-red)!important;
  font:italic 900 clamp(26px,4vw,56px)/.92 var(--roc-serif)!important;
}
.roc-statement-system .rd-prose{
  max-width:66ch;
  color:var(--roc-paper)!important;
  font:400 clamp(16px,1.2vw,19px)/1.6 var(--roc-sans)!important;
}
.roc-statement-system .rd-prose h2,
.roc-statement-system .rd-prose h3{
  color:var(--roc-paper);
  font-family:var(--roc-blackface)!important;
  line-height:.75!important;
  letter-spacing:-.06em!important;
}
.roc-statement-system .rd-prose h2:nth-of-type(even){color:var(--roc-acid);font-family:var(--roc-serif)!important;font-style:italic}
.roc-statement-system .rd-tags a,
.roc-statement-system .rd-tags span{
  display:inline-block;
  margin:0 7px 9px 0;
  border:1px solid rgba(243,239,231,.5)!important;
  padding:6px 9px!important;
  color:var(--roc-paper)!important;
  background:transparent!important;
  font:900 9px/1 var(--roc-mono)!important;
  letter-spacing:.12em!important;
  transform:rotate(-1deg)!important;
}
.roc-statement-system .rd-tags a:nth-child(even),
.roc-statement-system .rd-tags span:nth-child(even){color:var(--roc-black)!important;background:var(--roc-pink)!important;border-color:var(--roc-pink)!important;transform:rotate(1.5deg)!important}
.roc-statement-system .rd-pager{
  max-width:1500px;
  margin:clamp(70px,10vh,120px) auto 0;
  padding:28px clamp(18px,3.2vw,54px) 0;
  border-top:1px solid rgba(243,239,231,.24);
}
.roc-statement-system .rd-p-l{color:var(--roc-red)}
.roc-statement-system .rd-p-t{color:var(--roc-paper);font:900 clamp(22px,3.2vw,48px)/.72 var(--roc-blackface);letter-spacing:-.06em}
.roc-statement-system .rd-pager a:nth-child(even) .rd-p-t{font-family:var(--roc-serif);font-style:italic;color:var(--roc-acid)}
.roc-statement-system .rd-related{max-width:1500px;margin:clamp(70px,10vh,120px) auto 0;padding:0 clamp(18px,3.2vw,54px)}
.roc-statement-system .rd-related-grid{gap:clamp(16px,2.4vw,32px)}
.roc-statement-system .work-card__media{border:0;filter:grayscale(.4) contrast(1.05)}
.roc-statement-system .work-card__caption strong{font:900 clamp(18px,2vw,28px)/.76 var(--roc-blackface);letter-spacing:-.05em}
.roc-statement-system .work-card:nth-child(even) .work-card__caption strong{font-family:var(--roc-serif);font-style:italic;color:var(--roc-acid)}
.roc-statement-system .rd-related-all{color:var(--roc-black);background:var(--roc-acid);border:0;padding:9px 12px 8px;font:900 14px/1 var(--roc-mono);text-transform:uppercase}

/* News single uses the same giant typographic opening. */
.roc-statement-system .rd-news-head{
  max-width:1500px;
  margin:0 auto;
  padding:clamp(100px,15vh,180px) clamp(18px,3.2vw,54px) 40px;
}
.roc-statement-system .rd-news-title{
  max-width:15ch;
  color:var(--roc-paper)!important;
  font:700 clamp(48px,8vw,132px)/.61 var(--roc-sans)!important;
  letter-spacing:-.075em!important;
}
.roc-statement-system .rd-news-deck{
  max-width:34ch;
  margin:18px 0 0 9%;
  color:var(--roc-paper);
  font:italic 900 clamp(17px,1.8vw,25px)/1.05 var(--roc-serif);
}
.roc-statement-system .rd-news-figure{max-width:1500px;padding:0 clamp(18px,3.2vw,54px)}
.roc-statement-system .rd-news-figure .rd-hero-media{border:0}
.roc-statement-system .rd-doc-body--news{max-width:900px}
.roc-statement-system .rd-news-external{color:var(--roc-black);background:var(--roc-acid);border:0;padding:9px 12px 8px;font:900 14px/1 var(--roc-mono);text-transform:uppercase}
.roc-statement-system .rd-news-more{border-top:1px solid rgba(243,239,231,.18)}
.roc-statement-system .rd-nm-row{padding:24px 0;border-color:rgba(243,239,231,.16)}
.roc-statement-system .rd-nm-d{color:var(--roc-red)}
.roc-statement-system .rd-nm-t{color:var(--roc-paper);font:900 clamp(22px,3.4vw,52px)/.72 var(--roc-blackface);letter-spacing:-.06em}
.roc-statement-system .rd-nm-row:nth-child(even) .rd-nm-t{font-family:var(--roc-serif);font-style:italic;color:var(--roc-acid)}

@keyframes rocChromatic{
  0%,100%{text-shadow:-2px 0 rgba(255,90,169,.72),2px 0 rgba(24,219,230,.72)}
  35%{text-shadow:-5px 1px rgba(255,90,169,.8),4px -1px rgba(24,219,230,.8),2px 2px rgba(202,255,0,.45)}
  70%{text-shadow:2px 0 rgba(255,90,169,.65),-4px 0 rgba(24,219,230,.65)}
}

@media(max-width:900px){
  .roc-statement-system .rd-nav{top:auto;right:0;bottom:0;left:0;padding:12px 16px;background:rgba(9,9,9,.9);backdrop-filter:blur(12px)}
  .roc-statement-system .rd-links{justify-content:flex-start;max-width:100%;overflow-x:auto;flex-wrap:nowrap}
  .roc-statement-system .rd-links a{white-space:nowrap}
  .roc-statement-system .rd-archive-search{grid-template-columns:1fr}
  .roc-statement-system .rd-contact-form{grid-template-columns:1fr}
  .roc-statement-system .rd-contact-form label:last-of-type,
  .roc-statement-system .rd-contact-form button{grid-column:1}
  .roc-statement-system .rd-news-row a{grid-template-columns:1fr}
  .roc-statement-system .rd-news-row strong,
  .roc-statement-system .rd-news-row em{grid-column:1}
  .roc-statement-system .rd-doc-top{top:12px}
}

@media(max-width:820px){
  .roc-statement-system .rd-below-inner{padding-bottom:100px}
  .roc-statement-system .rd-b-sec{min-height:auto;padding:70px 0}
  .roc-statement-system .rd-row{grid-template-columns:38px 1fr}
  .roc-statement-system .rd-row .rd-x{grid-column:2;margin:0}
  .roc-statement-system .rd-stage-ui{display:none}
}

@media(max-width:640px){
  .roc-statement-system .rd-type-word:nth-child(5n+3){letter-spacing:.03em;transform:none}
  .roc-statement-system .roc-contact-copy{top:17%;left:0;width:100%;font-size:8.4vw}
  .roc-statement-system .roc-contact-copy .giant{font-size:1.88em}
  .roc-statement-system .roc-contact-copy .making{margin-left:2%;font-size:1.28em}
  .roc-statement-system .roc-contact-copy .ask{width:94%;margin-left:0;font-size:.88em}
  .roc-statement-system .roc-contact-copy .echo{margin-left:6%;font-size:.72em}
  .roc-statement-system .rd-work-row a{grid-template-columns:38px 1fr 18px;column-gap:10px}
  .roc-statement-system .rd-title-row{font-size:10vw!important}
  .roc-statement-system .rd-meta-row{font-size:12px!important}
  .roc-statement-system .rd-news-row strong{font-size:10vw!important}
  .roc-statement-system .rd-hero-title,
  .roc-statement-system .rd-news-title{font-size:12vw!important;line-height:.66!important}
  .roc-statement-system .rd-hero-deck,
  .roc-statement-system .rd-news-deck{margin-left:0;width:92%}
  .roc-statement-system .rd-ledger{grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){
  .roc-statement-system *{animation:none!important}
}

/* Additional system harmonization. */
.roc-statement-system .rocgrid-band{
  width:100%;
  margin:clamp(50px,8vh,100px) 0 0;
  padding:30px 0;
  background:transparent;
  border-top:1px solid rgba(243,239,231,.18);
  border-bottom:1px solid rgba(243,239,231,.18);
}
.roc-statement-system .rocgrid__cell{height:54px;background:transparent}
.roc-statement-system .rocgrid__cell img{filter:grayscale(1) invert(1);opacity:.48}
.roc-statement-system .rocgrid__cell img:hover{filter:none;opacity:1}

.roc-statement-system .rd-loader{background:var(--roc-black)}
.roc-statement-system .rd-loader-glitch{
  max-width:90vw;
  color:var(--roc-paper);
  font:900 clamp(54px,10vw,160px)/.52 var(--roc-blackface);
  letter-spacing:-.1em;
  text-transform:uppercase;
  transform:scaleX(.8);
}
.roc-statement-system .rd-loader-glitch::after{
  content:"make it real.";
  display:block;
  margin-left:22%;
  color:var(--roc-red);
  font:italic 900 .48em/.6 var(--roc-serif);
  letter-spacing:-.08em;
  text-transform:none;
  transform:rotate(-1.5deg) scaleX(1.15);
}
.roc-statement-system .rd-loader-controls{gap:8px 18px}
.roc-statement-system .rd-loader-controls span{font:900 12px/1 var(--roc-mono);color:rgba(243,239,231,.42)}
.roc-statement-system .rd-loader-controls b{color:var(--roc-acid)}

.roc-statement-system .rd-doc-elementor{
  position:relative;
  margin:0;
  background:var(--roc-paper);
  color:var(--roc-black);
}
.roc-statement-system .rd-doc-elementor .elementor-heading-title{
  font-family:var(--roc-blackface);
  line-height:.76;
  letter-spacing:-.055em;
}
.roc-statement-system .rd-doc-elementor .elementor-button{
  border-radius:0;
  color:var(--roc-black);
  background:var(--roc-acid);
  font-family:var(--roc-mono);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.roc-statement-system .rd-doc-elementor blockquote{
  color:var(--roc-red);
  font-family:var(--roc-serif);
  font-style:italic;
  font-weight:900;
}

.roc-statement-system .rd-news-related-card{
  grid-template-columns:minmax(140px,260px) 1fr;
  gap:clamp(18px,3vw,38px);
  padding:20px 0;
  border-top:1px solid rgba(243,239,231,.18);
  border-bottom:1px solid rgba(243,239,231,.18);
}
.roc-statement-system .rd-nr-copy strong{
  color:var(--roc-paper);
  font:900 clamp(26px,4vw,64px)/.72 var(--roc-blackface);
  letter-spacing:-.065em;
}
.roc-statement-system .rd-nr-go{color:var(--roc-acid)}

@media(max-width:640px){
  .roc-statement-system .rd-loader-glitch{font-size:16vw}
  .roc-statement-system .rocgrid{grid-template-columns:repeat(2,1fr)}
  .roc-statement-system .rd-news-related-card{grid-template-columns:1fr}
}