@import url('./sans-fonts.css');
@import url('./serif-fonts.css');

:root {
  --bg: #141514;
  --paper: #eae7de;
  --ink: #1b1c19;
  --red: #f05c3d;
  --text: #eeeae1;
  --muted: #a8a99f;
  --line: #ffffff26;
  --gutter: clamp(24px, 5.2vw, 88px);
  --serif: 'Instrument Serif', Georgia, serif;
  font-family: 'DM Sans', Arial, sans-serif;
  font-synthesis: none;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 105px; }
body { margin: 0; background: var(--bg); color: var(--text); -webkit-font-smoothing: antialiased; }
button, input, textarea { font: inherit; color: inherit; }
a { color: inherit; text-decoration: none; }
button, a { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 2px solid var(--red); outline-offset: 6px; }
h1, h2, h3, p, figure { margin: 0; }
img { display: block; width: 100%; height: 100%; object-fit: cover; }
::selection { background: var(--red); color: var(--bg); }
em { font-family: var(--serif); font-weight: 400; }
.wrap { padding-inline: var(--gutter); }
.label { font-size: 9px; line-height: 1.6; letter-spacing: 1.7px; text-transform: uppercase; font-weight: 500; }
.body-text { font-size: 14px; line-height: 1.9; color: var(--muted); }
.chapter-label { display: flex; align-items: center; gap: 26px; }
.chapter-label .chapter-no { color: var(--red); font-size: 10px; }
.wordmark { display: inline-flex; flex-direction: column; font-size: 21px; line-height: .86; letter-spacing: -1px; font-weight: 650; }
.wordmark span:last-child { padding-left: 16px; }
.wordmark span:last-child:after { content: '.'; color: var(--red); }
.site-header { position: absolute; left: 0; right: 0; top: 0; z-index: 20; height: 100px; display: flex; justify-content: space-between; align-items: center; gap: 32px; }
.header-descriptor { margin-right: auto; margin-left: 50px; font-size: 8px; line-height: 1.7; letter-spacing: 1.3px; text-transform: uppercase; color: #c7c7bc; }
.desktop-nav { display: flex; align-items: center; gap: 30px; font-size: 11px; }
.desktop-nav > a { position: relative; padding-block: 8px; }
.desktop-nav > a:after { content: ''; position: absolute; left: 0; right: 100%; height: 1px; background: var(--red); bottom: 1px; transition: right .3s; }
.desktop-nav > a:hover:after { right: 0; }
.text-button { display: inline-flex; justify-content: center; align-items: center; padding: 14px 22px; min-height: 46px; border: 1px solid var(--text); background: transparent; font-size: 11px; color: inherit; position: relative; isolation: isolate; overflow: hidden; transition: color .25s, border-color .25s; }
.text-button:before { content: ''; position: absolute; inset: 0; background: var(--text); transform: translateY(103%); transition: transform .35s cubic-bezier(.2,.7,.2,1); z-index: -1; }
.text-button:hover { color: var(--ink); }
.text-button:hover:before { transform: translateY(0); }
.text-button.accent { background: var(--red); color: var(--ink); border-color: var(--red); }
.text-button.accent:before { background: var(--text); }
.text-button.accent:hover { border-color: var(--text); }
.quiet-link { display: inline-block; border: 0; border-bottom: 1px solid currentColor; padding: 0 0 7px; background: none; font-size: 11px; transition: color .25s; }
.quiet-link:hover { color: var(--red); }
.menu-button, .mobile-nav { display: none; }
.skip-link { position: fixed; z-index: 100; left: 20px; top: -100px; color: var(--bg); background: var(--paper); padding: 14px; }
.skip-link:focus { top: 12px; }
.reading-progress { position: fixed; left: 0; top: 0; right: 0; height: 2px; z-index: 50; transform: scaleX(0); transform-origin: left; background: var(--red); pointer-events: none; }

/* A photographic opening, with the typography moving on its own plane. */
.hero { position: relative; height: min(940px, 100svh); min-height: 740px; overflow: hidden; isolation: isolate; background: #161815; }
.hero-media { position: absolute; z-index: -3; inset: -4% 0 -4%; }
.hero-photo { object-position: 65% center; transform: translate3d(0,var(--hero-shift,0px),0) scale(1.04); }
.hero:before { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, #1013116b, transparent 70%), linear-gradient(0deg, #131512d6, transparent 29%, transparent 76%, #10131180); }
.hero-topline { position: absolute; top: 142px; left: var(--gutter); right: var(--gutter); display: flex; justify-content: space-between; gap: 30px; color: #ddddd1; }
.hero-topline .scene-no { color: #e8e5d7; text-align: right; }
.hero-title { position: absolute; left: var(--gutter); bottom: 150px; z-index: 1; font-size: clamp(96px,14.3vw,214px); line-height: .82; letter-spacing: -.075em; font-weight: 550; }
.hero-title .line { display: block; overflow: hidden; padding-bottom: .12em; margin-bottom: -.12em; }
.hero-title .line-inner { display: block; }
.hero-title .serif-line { font-family: var(--serif); font-weight: 400; font-style: italic; font-size: 1.4em; letter-spacing: -.055em; padding-left: 15vw; color: var(--red); line-height: .84; }
.hero-bottom { position: absolute; left: var(--gutter); right: var(--gutter); bottom: 42px; display: grid; grid-template-columns: 1fr 1fr auto; gap: 30px; align-items: end; }
.hero-bottom p { font-size: 12px; line-height: 1.75; max-width: 260px; }
.hero-bottom .hero-caption { font-size: 8px; line-height: 1.7; letter-spacing: 1px; text-transform: uppercase; color: #babdb1; }
.hero-bottom .text-button { min-width: 172px; }
.hero-rule { position: absolute; left: var(--gutter); right: var(--gutter); bottom: 119px; height: 1px; background: #ffffff30; }
.has-js:not(.motion-off) .line-inner { animation: type-enter 1.25s cubic-bezier(.17,.7,.24,1) both; }
.has-js:not(.motion-off) .serif-line .line-inner { animation-delay: .18s; }
@keyframes type-enter { from { transform: translateY(112%); } to { transform: translateY(0); } }

/* Editorial introduction. The statement gains emphasis as it is read. */
.studio { padding-top: 94px; padding-bottom: 90px; }
.section-rail { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-bottom: 65px; color: var(--muted); }
.section-rail .rail-right { font-size: 9px; letter-spacing: .5px; }
.read-statement { font-size: clamp(42px,6.7vw,100px); line-height: 1.06; letter-spacing: -.055em; font-weight: 450; max-width: 1130px; }
.read-statement em { color: var(--red); font-size: 1.15em; letter-spacing: -.035em; }
.read-word { display: inline; transition: color .45s; }
.has-js:not(.motion-off) .read-statement .read-word { color: #797d73; }
.has-js:not(.motion-off) .read-statement .read-word.lit { color: var(--text); }
.has-js:not(.motion-off) .read-statement em .read-word.lit { color: var(--red); }
.studio-detail { margin-top: 58px; display: grid; grid-template-columns: .85fr 1fr 1fr; gap: 50px; }
.studio-note { font-size: 10px; line-height: 1.7; color: var(--muted); }
.studio-note strong { display: block; font-weight: 500; color: var(--text); margin-bottom: 10px; }
.studio-detail .body-text { font-size: 13px; line-height: 1.85; }

/* Two contrasting frames; space and asymmetric alignment keep them editorial. */
.visual-notes { padding-block: 30px 100px; overflow: hidden; }
.visual-heading { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 36px; }
.visual-heading h2 { font-family: var(--serif); font-size: clamp(54px,6.7vw,104px); font-weight: 400; letter-spacing: -2px; line-height: .96; }
.visual-heading .label { color: var(--muted); max-width: 210px; text-align: right; font-size: 8px; }
.frame-grid { display: grid; grid-template-columns: 1fr 1.36fr; gap: 8vw; align-items: start; }
.portrait-frame { margin-top: 95px; }
.image-window { position: relative; overflow: hidden; background: #242a26; }
.portrait-frame .image-window { aspect-ratio: .78; }
.coast-frame .image-window { aspect-ratio: 1.34; }
.image-window img { transform: translate3d(0,var(--shift,0px),0) scale(1.12); }
.portrait-frame img { object-position: 66% center; }
.coast-frame img { object-position: 39% center; }
.frame-caption { display: flex; justify-content: space-between; gap: 25px; padding-top: 18px; border-top: 1px solid var(--line); margin-top: 15px; font-size: 9px; color: var(--muted); }
.frame-caption strong { color: var(--text); font-size: 12px; font-weight: 400; }
.frame-reflection { padding-top: 50px; padding-left: 15%; }
.frame-reflection p { font-family: var(--serif); font-size: clamp(36px,4.6vw,68px); line-height: 1.06; letter-spacing: -1.5px; }
.frame-reflection em { color: var(--red); }
.frame-reflection .body-text { font-family: inherit; font-size: 11px; line-height: 1.8; letter-spacing: 0; margin-top: 22px; max-width: 250px; }
.type-ribbon { border-block: 1px solid var(--line); padding-block: 23px 29px; overflow: hidden; }
.ribbon-track { display: flex; width: max-content; gap: 45px; animation: ribbon 38s linear infinite; }
.ribbon-track span { white-space: nowrap; font-size: clamp(55px,8vw,125px); line-height: 1; letter-spacing: -.055em; color: #e5e5dc; }
.ribbon-track em { color: var(--red); }
@keyframes ribbon { to { transform: translateX(-50%); } }

/* A deliberate change of pace: light paper, a sticky introduction, useful detail. */
.process { background: var(--paper); color: var(--ink); padding-block: 96px 110px; --line: #1b1c1929; }
.process .section-rail { color: #676a5e; margin-bottom: 65px; }
.process-layout { display: grid; grid-template-columns: 1fr 1.1fr; gap: 10vw; align-items: start; }
.process-intro { position: sticky; top: 80px; }
.process-intro h2 { font-size: clamp(47px,5.4vw,78px); font-weight: 450; line-height: .99; letter-spacing: -.055em; }
.process-intro h2 em { color: #ba4129; font-size: 1.18em; }
.process-intro p { margin-top: 34px; max-width: 310px; font-size: 13px; line-height: 1.85; color: #64695d; }
.process-intro .quiet-link { margin-top: 28px; }
.process-step { border-top: 1px solid var(--line); padding: 28px 0 32px; }
.process-step:last-child { border-bottom: 1px solid var(--line); }
.process-step summary { list-style: none; cursor: pointer; }
.process-step summary::-webkit-details-marker { display: none; }
.step-meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px; font-size: 8px; letter-spacing: 1.3px; text-transform: uppercase; color: #62675c; }
.step-meta .step-number { color: #b3432d; }
.step-more { font-size: 9px; letter-spacing: .4px; border-bottom: 1px solid #6a6e61; padding-bottom: 3px; text-transform: none; }
.process-step h3 { font-size: clamp(30px,3vw,44px); letter-spacing: -1.7px; font-weight: 450; line-height: 1.15; transition: color .25s; }
.process-step summary:hover h3 { color: #b3432d; }
.step-services { margin-top: 17px; font-size: 10px; line-height: 1.8; color: #6a6f63; }
.step-content { margin-top: 23px; color: #505749; font-size: 12px; line-height: 1.9; max-width: 440px; }

/* AI is presented as part of the craft, without the removed product block. */
.exploration { padding-block: 90px 105px; position: relative; overflow: hidden; }
.exploration .section-rail { margin-bottom: 55px; }
.exploration-layout { display: grid; grid-template-columns: 1.25fr 1fr; gap: 10vw; align-items: center; }
.type-art { position: relative; min-width: 0; padding: 16px 0 26px; }
.type-art:before { content: ''; position: absolute; width: 38%; height: 100%; top: 0; left: 35%; z-index: 0; background: repeating-linear-gradient(90deg, #f05c3d 0, #f05c3d 3px, transparent 3px, transparent 10px); opacity: .65; transform: skew(-10deg) translateX(var(--art-shift,0px)); transition: transform .25s linear; }
.type-art h2 { position: relative; font-size: clamp(94px,12vw,180px); font-weight: 500; line-height: .82; letter-spacing: -.08em; }
.type-art h2 em { font-size: 1.35em; line-height: .8; padding-left: 15%; color: var(--text); }
.type-art .label { display: block; position: relative; margin-top: 35px; color: var(--muted); font-size: 8px; }
.exploration-copy h3 { font-size: clamp(25px,2.65vw,39px); font-weight: 450; letter-spacing: -1.1px; line-height: 1.2; margin-bottom: 25px; max-width: 380px; }
.exploration-copy .body-text { font-size: 13px; margin-top: 17px; }
.craft-principles { border-top: 1px solid var(--line); margin-top: 30px; padding-top: 23px; display: flex; flex-wrap: wrap; gap: 24px; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; color: var(--red); }

/* The last frame is a clear invitation. */
.contact { background: var(--red); color: #211914; padding-block: 56px 62px; overflow: hidden; }
.contact .section-rail { color: #472f24; margin-bottom: 42px; }
.contact .chapter-no { color: #472f24; }
.contact h2 { font-size: clamp(67px,11.6vw,178px); line-height: .88; letter-spacing: -.075em; font-weight: 500; }
.contact h2 em { font-size: 1.2em; letter-spacing: -.04em; color: #f9edda; }
.contact-bottom { margin-top: 48px; display: flex; justify-content: space-between; gap: 30px; align-items: end; }
.contact-bottom p { font-size: 12px; line-height: 1.7; max-width: 310px; }
.contact .text-button { background: var(--ink); border-color: var(--ink); color: var(--paper); min-width: 210px; padding-block: 18px; }
.contact .text-button:hover { color: var(--ink); }
.contact-actions { display: grid; justify-items: end; gap: 15px; }
.motion-control { border: 0; padding: 4px 0; background: none; font-size: 10px; color: inherit; text-decoration: underline; text-underline-offset: 4px; }
.motion-control:disabled { cursor: default; }
.company-footer { display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 28px; padding-block: 32px; font-size: 11px; line-height: 1.6; }
.footer-city { color: var(--muted); }
.footer-legal { padding-block: 8px; text-decoration: underline; text-underline-offset: 5px; transition: color .25s; }
.footer-legal:hover { color: var(--red); }

dialog { background: #20231e; color: var(--text); border: 1px solid var(--line); padding: 35px; width: min(560px,calc(100% - 32px)); max-height: calc(100dvh - 40px); overflow: auto; box-shadow: 0 30px 150px #0009; }
dialog::backdrop { background: #10130ed6; backdrop-filter: blur(12px); }
.dialog-top { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 30px; }
.dialog-close { background: none; border: 0; padding: 3px 0; border-bottom: 1px solid var(--line); font-size: 11px; }
dialog h2 { font-family: var(--serif); font-size: 51px; font-weight: 400; line-height: 1; letter-spacing: -1.3px; margin-bottom: 20px; }
.dialog-intro { font-size: 12px; color: var(--muted); line-height: 1.8; }
.contact-form { display: grid; gap: 20px; margin-top: 25px; }
.field { display: grid; gap: 8px; font-size: 10px; }
.field input,.field textarea { border: 0; border-bottom: 1px solid #ffffff3d; border-radius: 0; width: 100%; background: transparent; padding: 11px 0; font-size: 14px; }
.field textarea { resize: vertical; min-height: 80px; }
.form-note { font-size: 10px; line-height: 1.8; color: var(--muted); }
.form-status { font-size: 12px; line-height: 1.8; color: var(--text); }
.form-status:empty { display: none; }

.has-js:not(.motion-off) [data-reveal] { opacity: 0; transform: translateY(32px); transition: opacity .9s, transform 1s cubic-bezier(.2,.7,.2,1); }
.has-js:not(.motion-off) [data-reveal].in-view { opacity: 1; transform: translateY(0); }
.has-js:not(.motion-off) [data-wipe] img { clip-path: inset(0 0 100% 0); transition: clip-path 1.25s cubic-bezier(.2,.7,.2,1); }
.has-js:not(.motion-off) [data-wipe].in-view img { clip-path: inset(0); }
.motion-off *, .motion-off *:before, .motion-off *:after { animation: none !important; transition: none !important; }
.motion-off .hero-photo { transform: scale(1.04); }
.motion-off .image-window img { transform: scale(1.06); }
.motion-off .line-inner, .motion-off [data-reveal] { transform: none !important; opacity: 1 !important; }
.motion-off [data-wipe] img { clip-path: none !important; }
html:has(.motion-off) { scroll-behavior: auto; }

@media(min-width:1700px) { :root { --gutter: max(88px,calc((100vw - 1500px)/2)); } }
@media(max-width:1100px) {
  .header-descriptor { margin-left: 10px; }
  .desktop-nav { gap: 20px; }
  .hero { min-height: 700px; }
  .hero-title { font-size: 15.1vw; }
  .hero-title .serif-line { padding-left: 10vw; }
  .hero-bottom { grid-template-columns: 1fr 1fr auto; gap: 20px; }
  .hero-bottom p { font-size: 11px; }
  .studio-detail { grid-template-columns: .65fr 1fr 1fr; gap: 30px; }
  .process-layout, .exploration-layout { gap: 6vw; }
  .frame-grid { gap: 6vw; }
}
@media(max-width:800px) {
  :root { --gutter: 26px; }
  .header-descriptor { display: none; }
  .hero-title { font-size: 16.7vw; }
  .hero { min-height: 740px; }
  .hero-title .serif-line { font-size: 1.5em; }
  .hero-topline { top: 135px; }
  .hero-bottom .hero-caption { display: none; }
  .hero-bottom { grid-template-columns: 1fr auto; }
  .studio-detail { grid-template-columns: 1fr 1fr; gap: 30px; }
  .studio-note { grid-column: 1/-1; }
  .studio-note strong { display: inline; margin-right: 20px; }
  .section-rail { margin-bottom: 42px; }
  .process-layout { gap: 45px; }
  .process-intro h2 { font-size: 46px; }
  .exploration-layout { gap: 45px; }
  .type-art h2 { font-size: 96px; }
}
@media(max-width:650px) {
  :root { --gutter: 22px; }
  html { scroll-padding-top: 35px; }
  .site-header { height: 85px; }
  .wordmark { font-size: 19px; }
  .desktop-nav { display: none; }
  .menu-button { display: block; border: 0; border-bottom: 1px solid #ffffff70; padding: 6px 0; background: none; font-size: 11px; }
  .mobile-nav:not([hidden]) { display: flex; flex-direction: column; gap: 23px; position: absolute; top: 75px; left: 14px; right: 14px; background: #20231ef5; backdrop-filter: blur(20px); padding: 26px; border: 1px solid var(--line); box-shadow: 0 15px 50px #0005; font-size: 16px; }
  .mobile-nav button { background: none; border: 0; padding: 0; text-align: left; font-size: inherit; }
  .hero { height: max(680px,100svh); min-height: 680px; max-height: 1050px; }
  .hero-media { inset: -2% -18% -2% -75%; }
  .hero-photo { object-position: 64% center; }
  .hero:before { background: linear-gradient(0deg,#101311ed,transparent 70%),linear-gradient(90deg,#10131130,transparent); }
  .hero-topline { top: 115px; gap: 25px; }
  .label { font-size: 8px; letter-spacing: 1.3px; }
  .hero-topline .label { font-size: 7px; letter-spacing: 1.2px; }
  .hero-topline .scene-no { max-width: 65px; }
  .hero-title { font-size: clamp(68px,21.8vw,132px); bottom: 218px; letter-spacing: -.075em; }
  .hero-title .serif-line { padding-left: 10vw; font-size: 1.6em; }
  .hero-bottom { bottom: 38px; grid-template-columns: 1fr; gap: 23px; align-items: start; }
  .hero-bottom p { font-size: 11px; max-width: 240px; }
  .hero-bottom .text-button { justify-self: start; min-width: 164px; font-size: 10px; min-height: 44px; padding-block: 13px; }
  .hero-rule { bottom: 188px; }
  .studio { padding-block: 55px 50px; }
  .section-rail { margin-bottom: 32px; gap: 20px; }
  .section-rail .rail-right { font-size: 8px; }
  .chapter-label { gap: 18px; }
  .read-statement { font-size: clamp(37px,10.2vw,58px); letter-spacing: -.055em; line-height: 1.1; }
  .studio-detail { margin-top: 33px; grid-template-columns: 1fr; gap: 21px; }
  .studio-note { font-size: 9px; }
  .studio-note strong { display: block; margin-bottom: 7px; }
  .studio-detail .body-text { font-size: 12px; }
  .visual-notes { padding-block: 15px 50px; }
  .visual-heading { margin-bottom: 27px; gap: 25px; }
  .visual-heading h2 { font-size: 54px; letter-spacing: -1.5px; }
  .visual-heading .label { font-size: 6px; max-width: 125px; letter-spacing: 1px; }
  .frame-grid { grid-template-columns: 1fr; gap: 37px; }
  .portrait-frame { margin-top: 0; margin-right: 17%; }
  .portrait-frame .image-window { aspect-ratio: .8; }
  .coast-frame { margin-left: 9%; }
  .coast-frame .image-window { aspect-ratio: 1.1; }
  .frame-caption { font-size: 8px; margin-top: 11px; padding-top: 12px; gap: 16px; }
  .frame-caption strong { font-size: 10px; }
  .frame-reflection { padding-top: 28px; padding-left: 10%; }
  .frame-reflection p { font-size: 39px; letter-spacing: -1px; }
  .frame-reflection .body-text { font-size: 11px; margin-top: 18px; }
  .type-ribbon { padding-block: 18px 22px; }
  .ribbon-track { gap: 25px; }
  .ribbon-track span { font-size: 58px; }
  .process { padding-block: 52px 58px; }
  .process .section-rail { margin-bottom: 35px; }
  .process-layout { grid-template-columns: 1fr; gap: 40px; }
  .process-intro { position: static; }
  .process-intro h2 { font-size: 51px; }
  .process-intro p { font-size: 12px; margin-top: 24px; max-width: 100%; }
  .process-intro .quiet-link { margin-top: 22px; font-size: 10px; }
  .process-step { padding-block: 24px 27px; }
  .step-meta { margin-bottom: 22px; font-size: 7px; }
  .step-more { font-size: 9px; }
  .process-step h3 { font-size: 31px; letter-spacing: -1.2px; }
  .step-services { font-size: 9px; margin-top: 12px; }
  .step-content { font-size: 12px; margin-top: 19px; }
  .exploration { padding-block: 52px 60px; }
  .exploration .section-rail { margin-bottom: 32px; }
  .exploration-layout { grid-template-columns: 1fr; gap: 35px; }
  .type-art { max-width: 380px; padding-block: 10px 20px; }
  .type-art h2 { font-size: clamp(94px,27vw,145px); }
  .type-art:before { left: 34%; width: 40%; }
  .type-art .label { font-size: 7px; margin-top: 30px; }
  .exploration-copy h3 { font-size: 29px; margin-bottom: 22px; }
  .exploration-copy .body-text { font-size: 12px; }
  .craft-principles { font-size: 8px; gap: 21px; }
  .contact { padding-block: 40px 45px; }
  .contact .section-rail { margin-bottom: 35px; }
  .contact .rail-right { display: none; }
  .contact h2 { font-size: clamp(55px,15.8vw,94px); letter-spacing: -.065em; line-height: .94; }
  .contact h2 em { font-size: 1.2em; }
  .contact-bottom { flex-direction: column; align-items: start; gap: 26px; margin-top: 32px; }
  .contact-bottom p { font-size: 11px; }
  .contact .text-button { font-size: 11px; min-width: 190px; padding-block: 16px; }
  .contact-actions { justify-items: start; }
  .company-footer { grid-template-columns: 1fr auto; gap: 12px 18px; padding-block: 26px; font-size: 10px; }
  .footer-name { grid-column: 1/-1; }
  dialog { padding: 25px; }
  dialog h2 { font-size: 43px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  *,*:before,*:after { animation: none !important; transition: none !important; }
  .has-js [data-reveal] { opacity: 1 !important; transform: none !important; }
  .has-js [data-wipe] img { clip-path: none !important; }
  .has-js .read-statement .read-word { color: var(--text) !important; }
  .has-js .read-statement em .read-word { color: var(--red) !important; }
}