/* 2026-09-20 → final Parallel / Milkinside / Morningside pass */

/* Minimal fixed navigation → one quiet line instead of three competing capsules */
.parallel-page .site-header {
  position:fixed;
  isolation:isolate;
  height:78px;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  padding:0 clamp(20px,3.2vw,58px);
  color:#fff;
  contain:layout;
  backdrop-filter:none;
  -webkit-backdrop-filter:none}
.parallel-page .site-header.is-hidden {transform:translate3d(0,0,0)}
.parallel-page .site-header::before {
  content:'';
  position:absolute;
  z-index:0;
  inset:0;
  border-bottom:1px solid rgb(255 255 255 / .09);
  background:linear-gradient(180deg,rgb(7 9 14 / .96),rgb(7 9 14 / .9));
  box-shadow:0 18px 42px rgb(0 0 0 / .16);
  opacity:0;
  pointer-events:none;
  transition:opacity 260ms ease}
.parallel-page .site-header.is-scrolled::before {opacity:1}
.parallel-page .site-header>* {position:relative;z-index:1}

.parallel-page .nav-pill {
  justify-self:start;
  gap:clamp(18px,2vw,34px);
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none}

.parallel-page .nav-pill a {
  padding:7px 0;
  border-radius:0;
  background:none;
  color:#fff;
  font-size:12px;
  font-weight:520;
  letter-spacing:.01em}

.parallel-page .nav-pill a::after {
  content:'';
  position:absolute;
  right:0;
  bottom:2px;
  left:0;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:right;
  transition:transform 380ms var(--ease-reveal)}

.parallel-page .nav-pill a:hover,
.parallel-page .nav-pill a:focus-visible {color:#fff;background:none}
.parallel-page .nav-pill a:hover::after,
.parallel-page .nav-pill a:focus-visible::after {transform:scaleX(1);transform-origin:left}

.parallel-page .wordmark {
  position:static;
  justify-self:center;
  gap:8px;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:#fff;
  font-size:15px;
  letter-spacing:-.045em;
  backdrop-filter:none;
  -webkit-backdrop-filter:none}

.parallel-page .wordmark:hover {background:none;transform:none}
.parallel-page .wordmark>.door-logo {width:14px;height:30px;filter:invert(1)}
.parallel-page .wordmark small {margin-top:4px;font-size:5px;letter-spacing:.24em}
.parallel-page .header-actions {justify-self:end}

.parallel-page .header-contact {
  min-height:0;
  gap:10px;
  padding:10px 0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:#fff;
  font-size:12px;
  font-weight:520}

.parallel-page .header-contact::before {display:none}
.parallel-page .header-contact .arrow {
  width:14px;
  height:14px;
  border-radius:0;
  background:currentColor;
  color:inherit;
  mask:var(--icon-arrow-up-right) center/contain no-repeat;
  -webkit-mask:var(--icon-arrow-up-right) center/contain no-repeat}
.parallel-page .header-contact .arrow::after {display:none}
.parallel-page .header-contact:hover {background:none;transform:none}
.parallel-page .header-contact:hover .arrow {transform:translate(2px,-2px)}

/* Hero → real AI Room door, complete rotations, looping architectural trace */
.parallel-hero {
  --hero-ice:#c9d5ff;
  --hero-exit:0;
  position:relative;
  isolation:isolate;
  display:grid;
  min-height:100vh;
  min-height:100svh;
  padding:0 clamp(20px,3.2vw,58px);
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 43%,rgb(35 61 135 / .3),transparent 24%),
    radial-gradient(circle at 72% 88%,rgb(21 62 132 / .22),transparent 38%),
    linear-gradient(145deg,#08090c 0%,#0b0e17 54%,#07111f 100%);
  color:#fff}

.parallel-hero::before {
  content:'';
  position:absolute;
  z-index:-2;
  inset:0;
  background:
    linear-gradient(90deg,transparent 49.94%,rgb(255 255 255 / .035) 50%,transparent 50.06%),
    linear-gradient(0deg,transparent 49.94%,rgb(255 255 255 / .025) 50%,transparent 50.06%);
  pointer-events:none}

.parallel-hero::after {
  content:'';
  position:absolute;
  z-index:-1;
  width:min(58vw,860px);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgb(60 93 206 / .12),transparent 64%);
  filter:blur(28px);
  pointer-events:none}

.parallel-hero-sketch {
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  fill:none;
  stroke:rgb(198 211 255 / .2);
  stroke-width:1.35;
  vector-effect:non-scaling-stroke;
  pointer-events:none;
  transform:translate3d(0,calc(var(--hero-exit) * 70px),0) scale(calc(1 + var(--hero-exit) * .045));
  transform-origin:center;
  opacity:calc(1 - var(--hero-exit) * .72)}

.parallel-hero-sketch path {
  stroke-dasharray:1;
  stroke-dashoffset:1;
  animation:parallel-sketch-loop 13s cubic-bezier(.64,0,.23,1) infinite}
.parallel-hero-sketch path:nth-child(2) {animation-delay:.45s}
.parallel-hero-sketch .parallel-sketch-focus {stroke:rgb(129 157 255 / .44);animation-delay:.85s}
.parallel-hero-sketch circle {
  fill:#a9bbff;
  stroke:none;
  opacity:.22;
  animation:parallel-node-pulse 4.8s ease-in-out infinite}

.parallel-hero-glyph {
  position:absolute;
  z-index:2;
  top:clamp(112px,15vh,158px);
  left:50%;
  width:clamp(112px,9.5vw,150px);
  aspect-ratio:1;
  transform:translate3d(-50%,calc(var(--hero-exit) * -84px),0) scale(calc(1 - var(--hero-exit) * .16));
  perspective:850px;
  opacity:calc(1 - var(--hero-exit) * .68)}

.parallel-glyph-object {
  position:absolute;
  inset:0;
  display:block;
  transform-style:preserve-3d;
  animation:parallel-glyph-turn 8.4s linear infinite;
  will-change:transform}

.parallel-glyph-ring {
  position:absolute;
  inset:7%;
  border-radius:50%;
  background:conic-gradient(from 12deg,#f5f7ff 0 7%,#717c9c 18%,#171b27 34%,#e6ebfb 51%,#4d5879 67%,#fcfdff 82%,#242a3d 100%);
  -webkit-mask:radial-gradient(circle closest-side,transparent 0 81%,#000 82% 100%);
  mask:radial-gradient(circle closest-side,transparent 0 81%,#000 82% 100%);
  backface-visibility:hidden}

.parallel-glyph-ring-front {
  transform:translateZ(6px);
  filter:drop-shadow(0 13px 20px rgb(0 0 0 / .38))}
.parallel-glyph-ring-back {
  transform:rotateY(180deg) translateZ(6px);
  background:conic-gradient(from 192deg,#e6ebfb,#343b54 25%,#f8f9ff 48%,#596581 70%,#171b27)}
.parallel-glyph-ring-core {
  transform:translateZ(0);
  background:#3e4865;
  opacity:.72;
  backface-visibility:visible}

.parallel-door-rotor {
  position:absolute;
  z-index:2;
  top:22%;
  right:38%;
  bottom:22%;
  left:38%;
  transform-style:preserve-3d}

.parallel-door-rotor svg {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  filter:drop-shadow(0 0 7px rgb(108 138 255 / .42));
  backface-visibility:hidden}
.parallel-door-front {transform:translateZ(7px)}
.parallel-door-back {transform:rotateY(180deg) translateZ(7px)}

.parallel-hero-copy {
  position:relative;
  z-index:3;
  display:grid;
  justify-items:center;
  width:min(100%,1120px);
  margin-top:clamp(170px,20vh,220px);
  text-align:center;
  transform:translate3d(0,calc(var(--hero-exit) * -56px),0);
  opacity:calc(1 - var(--hero-exit) * .9)}

.parallel-hero-kicker {
  order:1;
  margin:0 0 clamp(25px,3.5vh,42px);
  color:rgb(222 228 244 / .58);
  font-size:10px;
  font-weight:620;
  letter-spacing:.19em}

.parallel-hero h1 {
  order:2;
  display:grid;
  margin:0;
  font-size:clamp(69px,10vw,158px);
  font-weight:610;
  line-height:.77;
  letter-spacing:-.075em}
.parallel-hero h1>span:last-child {
  color:transparent;
  background:linear-gradient(102deg,#d8e0ff 6%,#6f8cff 46%,#f4f6ff 94%);
  -webkit-background-clip:text;
  background-clip:text}

.parallel-studio-glitch {position:relative}
.parallel-studio-glitch::before,
.parallel-studio-glitch::after {
  content:attr(data-text);
  position:absolute;
  inset:0;
  color:#fff;
  background:#0a0d15;
  -webkit-background-clip:text;
  background-clip:text;
  opacity:0;
  pointer-events:none}
.parallel-studio-glitch::before {text-shadow:2px 0 #6a84ff;animation:parallel-glitch-a 17s steps(1,end) infinite}
.parallel-studio-glitch::after {text-shadow:-2px 0 #dce4ff;animation:parallel-glitch-b 17s steps(1,end) infinite}

.parallel-hero-description {
  order:3;
  max-width:600px;
  margin:clamp(30px,4vh,48px) 0 0;
  color:rgb(227 232 245 / .62);
  font-size:clamp(15px,1.3vw,19px);
  line-height:1.45}

.parallel-hero-cta {
  order:4;
  display:inline-flex;
  align-items:center;
  gap:18px;
  margin-top:clamp(28px,4vh,48px);
  padding:15px 20px;
  border:1px solid rgb(255 255 255 / .27);
  border-radius:999px;
  background:rgb(255 255 255 / .075);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .16);
  color:#fff;
  font:inherit;
  font-size:13px;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:background 240ms ease,border-color 240ms ease,transform 380ms var(--ease-reveal)}
.parallel-hero-cta:hover {border-color:rgb(255 255 255 / .52);background:rgb(255 255 255 / .14);transform:translateY(-2px)}
.parallel-hero-cta span {font-size:17px;transition:transform 380ms var(--ease-reveal)}
.parallel-hero-cta:hover span {transform:translate(2px,-2px)}

@keyframes parallel-sketch-loop {
  0%,6% {stroke-dashoffset:1;opacity:0}
  13% {opacity:.32}
  45%,76% {stroke-dashoffset:0;opacity:1}
  94%,100% {stroke-dashoffset:-1;opacity:0}}
@keyframes parallel-sketch-mobile {
  0% {stroke-dashoffset:1;opacity:0}
  18% {opacity:.35}
  100% {stroke-dashoffset:0;opacity:1}}
@keyframes parallel-node-pulse {0%,100%{transform:scale(.7);opacity:.18}50%{transform:scale(1.35);opacity:.72}}
@keyframes parallel-glyph-turn {
  from {transform:rotateX(-7deg) rotateY(0deg)}
  to {transform:rotateX(-7deg) rotateY(360deg)}}
@keyframes parallel-glitch-a {
  0%,89.9%,92.9%,100% {opacity:0;clip-path:inset(0 0 100% 0);transform:none}
  90% {opacity:.82;clip-path:inset(12% 0 61% 0);transform:translateX(4px)}
  90.7% {opacity:.65;clip-path:inset(64% 0 10% 0);transform:translateX(-5px)}
  91.4% {opacity:.78;clip-path:inset(39% 0 38% 0);transform:translateX(3px)}
  92.2% {opacity:.42;clip-path:inset(73% 0 4% 0);transform:translateX(-2px)}}
@keyframes parallel-glitch-b {
  0%,90.2%,93.1%,100% {opacity:0;clip-path:inset(100% 0 0 0);transform:none}
  90.3% {opacity:.68;clip-path:inset(56% 0 21% 0);transform:translateX(-4px)}
  91.1% {opacity:.75;clip-path:inset(23% 0 54% 0);transform:translateX(5px)}
  91.9% {opacity:.52;clip-path:inset(80% 0 3% 0);transform:translateX(-3px)}
  92.7% {opacity:.7;clip-path:inset(42% 0 37% 0);transform:translateX(2px)}}

/* Only three intentional page-plane transitions */
.project-gallery {padding-top:0}
.project-gallery>.case-heading {padding-top:clamp(68px,6vw,94px)}
.project-gallery .case-heading-note {margin-top:clamp(20px,2vw,30px);margin-bottom:clamp(34px,3.8vw,54px)}

@media(min-width:901px) and (prefers-reduced-motion:no-preference) {
  .parallel-hero-sketch,.parallel-hero-glyph,.parallel-hero-copy {will-change:transform,opacity}
  .word-pile {
    z-index:4;
    height:300svh;
    margin-top:-8svh;
    overflow:clip;
    border-radius:clamp(46px,4.2vw,72px) clamp(46px,4.2vw,72px) 0 0;
    box-shadow:0 -34px 90px rgb(1 4 13 / .34)}
  .word-pile-sticky {padding-right:clamp(42px,5vw,84px);padding-left:clamp(42px,5vw,84px)}
  .word-pile-list {font-size:clamp(72px,9.8vw,148px);line-height:.76}
  .word-pile-list>span:nth-child(1) {text-align:center}
  .word-pile-list>span:nth-child(2) {text-align:left}
  .word-pile-list>span:nth-child(3) {text-align:right}
  .word-pile-list>span:nth-child(4) {text-align:center}
  .word-pile-list>span:nth-child(5) {text-align:left}
  .word-pile-list>span:nth-child(6) {text-align:right}
  .control-story {
    height:260svh;
    z-index:2;
    margin-top:-4svh;
    border-radius:clamp(46px,4.2vw,72px) clamp(46px,4.2vw,72px) 0 0}
  .control-story.is-enhanced .control-story-sticky {
    transform:translateY(calc(var(--control-exit,0) * -18px)) scale(calc(1 - var(--control-exit,0) * .05));
    transform-origin:center bottom;
    border-radius:calc(var(--control-exit,0) * 54px);
    transition:border-radius 160ms linear}
  .scatter-story {
    height:160svh;
    z-index:3;
    margin-top:-11svh;
    border-radius:clamp(46px,4.2vw,72px) clamp(46px,4.2vw,72px) 0 0;
    box-shadow:0 -34px 86px rgb(2 6 17 / .27)}

  .services {z-index:auto;margin-top:0;border-radius:0;box-shadow:none}
  .project-gallery {
    --process-cover:0;
    z-index:5;
    transform:scale(calc(1 - var(--process-cover) * .02));
    transform-origin:center bottom;
    opacity:calc(1 - var(--process-cover) * .08)}
  .process-rooms-story {
    height:250svh;
    z-index:6;
    margin-top:-9svh;
    border-radius:clamp(46px,4.2vw,72px) clamp(46px,4.2vw,72px) 0 0;
    box-shadow:0 -34px 86px rgb(2 6 17 / .3)}

  .about-leaf {transition:filter 160ms linear}
  .about-leaf {min-height:52svh}
  .about-leaf:not(:last-child) {margin-bottom:10svh}
}

.about-leaf:nth-child(2) h3 span {color:#d9e3ff}

/* Case motion stays on the cursor layer → artwork never disappears or jumps */
.case-showcase-card {contain:layout paint;transform:translateZ(0)}
.case-showcase-media {
  transform:translateZ(0) scale(var(--case-media-scale,1));
  transition:transform 520ms var(--ease-reveal)}
.case-showcase-card:hover .case-showcase-media,
.case-showcase-card:focus-visible .case-showcase-media {--case-media-scale:1.018}
.case-showcase-card:hover .case-showcase-media::after,
.case-showcase-card:focus-visible .case-showcase-media::after {opacity:.06}
.case-showcase-media img {backface-visibility:hidden;will-change:auto}
.case-view-cursor {
  top:0;
  left:0;
  transform:translate3d(var(--case-pointer-x),var(--case-pointer-y),0) translate(-50%,-50%) scale(.7);
  will-change:transform}
.case-showcase-card:hover .case-view-cursor,
.case-showcase-card:focus-visible .case-view-cursor {
  transform:translate3d(var(--case-pointer-x),var(--case-pointer-y),0) translate(-50%,-50%) scale(1)}
#case-dialog[open] .case-dialog-main {animation:parallel-case-content-in 680ms var(--ease-reveal) both}
#case-dialog[open] .case-dialog-nav {animation:parallel-case-nav-in 520ms var(--ease-reveal) both}
@keyframes parallel-case-content-in {from{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:none}}
@keyframes parallel-case-nav-in {from{opacity:0;transform:translate3d(-18px,0,0)}to{opacity:1;transform:none}}

/* About page keeps the same quiet navigation and gains physical chapter depth */
.about-header {
  top:0;
  right:0;
  left:0;
  height:78px;
  padding:0 clamp(20px,3.2vw,58px);
  color:#fff;
  mix-blend-mode:difference}
.about-wordmark {
  gap:8px;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  font-size:15px;
  backdrop-filter:none;
  -webkit-backdrop-filter:none}
.about-wordmark img {width:14px;height:30px;filter:invert(1)}
.about-wordmark span {font-size:15px;letter-spacing:-.045em}
.about-wordmark small {margin-top:4px;font-size:5px}
.about-nav {gap:26px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.about-nav a,.about-nav .about-contact {padding:8px 0;border-radius:0;background:none;color:#fff;font-size:12px}
.about-nav a:hover,.about-nav a:focus-visible {background:none}
.about-nav .about-contact {border-bottom:1px solid currentColor}

@media(min-width:901px) and (prefers-reduced-motion:no-preference) {
  .about-manifesto,.team-roster,.about-cta {
    position:relative;
    overflow:clip;
    border-radius:clamp(46px,4.2vw,72px) clamp(46px,4.2vw,72px) 0 0;
    box-shadow:0 -30px 78px rgb(2 6 17 / .23)}
  .about-manifesto {z-index:2;margin-top:-6svh}
  .team-roster {z-index:3;margin-top:-5svh}
  .about-cta {z-index:4;margin-top:-5svh}
}

@media(max-width:900px) {
  .parallel-page .site-header {height:68px;grid-template-columns:minmax(0,1fr) auto;padding:0 14px}
  .parallel-page .wordmark {justify-self:start;color:#fff}
  .parallel-page .nav-pill {
    position:fixed;
    top:66px;
    right:14px;
    left:14px;
    display:none;
    justify-self:stretch;
    width:auto;
    gap:0;
    padding:12px 20px;
    border:1px solid rgb(255 255 255 / .13);
    border-radius:22px;
    background:rgb(8 10 16 / .96);
    box-shadow:0 18px 45px rgb(0 0 0 / .3)}
  .parallel-page .nav-pill.is-open {display:grid}
  .parallel-page .nav-pill a {padding:13px 0;color:#fff;font-size:17px}
  .parallel-page .menu-toggle {display:block;width:44px;height:44px;padding:12px;border:1px solid rgb(255 255 255 / .12);background:rgb(8 10 16 / .78);box-shadow:none}
  .parallel-page .menu-toggle span {background:#fff}

  .parallel-hero {min-height:100vh;min-height:100svh;padding:0 18px}
  .parallel-hero-sketch {width:180%;max-width:none;left:-40%;opacity:.72}
  .parallel-hero-sketch path {animation:parallel-sketch-mobile 2.8s cubic-bezier(.16,1,.3,1) both}
  .parallel-hero-sketch path:nth-child(2) {animation-delay:.2s}
  .parallel-hero-sketch .parallel-sketch-focus {animation-delay:.42s}
  .parallel-hero-glyph {top:clamp(92px,13vh,118px);width:96px}
  .parallel-hero-copy {margin-top:130px}
  .parallel-hero-kicker {max-width:280px;margin-bottom:26px;font-size:8px;line-height:1.45}
  .parallel-hero h1 {font-size:clamp(56px,17.7vw,78px);line-height:.82}
  .parallel-hero-description {max-width:340px;margin-top:30px;font-size:14px}
  .parallel-hero-cta {margin-top:28px;padding:14px 18px;background:rgb(255 255 255 / .08);backdrop-filter:none;-webkit-backdrop-filter:none}

  .control-story,.scatter-story,.services,.project-gallery,.process-rooms-story,
  .about-manifesto,.team-roster,.about-cta {margin-top:0;border-radius:0;box-shadow:none;transform:none;filter:none;opacity:1}

  .word-pile {height:auto}
  .word-pile-sticky {position:relative;top:auto;height:auto;min-height:0;padding:84px 18px}
  .word-pile-list>span {text-align:left!important}
  .word-pile-list>span,.word-pile.is-enhanced .word-pile-list>span:not(:first-child) {transform:none!important;will-change:auto}
  .scatter-story {height:auto}
  .scatter-sticky {position:relative;top:auto;height:720px;min-height:0}
  .process-room-viewport {backdrop-filter:none;-webkit-backdrop-filter:none}
  .process-room-viewport {
    min-height:0;
    overflow:visible;
    border:0;
    background:none;
    box-shadow:none}
  .process-room-viewport::before,.process-room-viewport::after,
  .process-room-poster,.process-room-video,.process-room-shade,.process-room-progress {display:none}
  .process-room-list {display:grid;gap:10px;min-height:0}
  .process-room-list li {
    min-height:0;
    padding:24px;
    border:1px solid rgb(255 255 255 / .13);
    border-radius:24px;
    background:linear-gradient(135deg,rgb(255 255 255 / .08),rgb(255 255 255 / .025))}
  .process-room-list h3 {margin:14px 0 12px;font-size:40px}
  .process-room-list p {font-size:13px}
  .about-leaf {position:relative;top:auto!important;min-height:auto;margin-bottom:16px}
  .case-showcase-media img {filter:saturate(.96) contrast(1.02)}
  #case-dialog[open] .case-dialog-main,
  #case-dialog[open] .case-dialog-nav {animation:none}

  .about-header {height:68px;padding:0 14px;mix-blend-mode:normal;background:linear-gradient(180deg,rgb(8 9 12 / .72),transparent)}
  .about-nav {gap:0}
  .about-nav .about-contact {padding:8px 0}
}

@media(max-width:390px) {
  .parallel-hero-glyph {top:84px;width:84px}
  .parallel-hero-copy {margin-top:110px}
  .parallel-hero h1 {font-size:clamp(50px,17vw,66px)}
  .parallel-hero-description {max-width:300px;font-size:13px}
}

@media(prefers-reduced-motion:reduce) {
  .parallel-hero-sketch path {stroke-dashoffset:0;opacity:1;animation:none}
  .parallel-hero-sketch circle,
  .parallel-glyph-object,
  .parallel-studio-glitch::before,
  .parallel-studio-glitch::after {animation:none}
  .control-story.is-enhanced .control-story-sticky,
  .project-gallery {transform:none;filter:none;opacity:1}
  #case-dialog[open] .case-dialog-main,
  #case-dialog[open] .case-dialog-nav {animation:none}
}

/* Stable cases → no scaled page plane, no empty seam on reverse scroll. */
.project-gallery {
  padding-bottom:0!important;
  transform:none!important;
  opacity:1!important;
}

.case-field[data-live-index] {
  padding-bottom:0!important;
}

.case-index {
  margin-bottom:0!important;
  padding-bottom:clamp(42px,5vw,70px)!important;
  border-radius:32px 32px 0 0!important;
}

@media(min-width:1101px) {
  .case-index .case-index-head {
    margin-bottom:24px!important;
    padding-top:34px;
  }

  .case-index .case-index-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    column-gap:clamp(28px,3vw,52px)!important;
  }

  .case-index .case-mini,
  .case-index .case-mini:nth-child(2) {
    grid-template-columns:28px minmax(0,1fr) 18px;
    min-height:64px!important;
    padding:10px 0!important;
    border-top:0!important;
  }

  .case-index .case-mini:nth-child(-n+3) {
    border-top:1px solid var(--club-line-light)!important;
  }

  .case-index .case-mini strong {
    font-size:clamp(16px,1.35vw,21px)!important;
  }

  .case-index .case-mini small {
    display:none!important;
  }

  .case-index .case-mini>i {
    grid-column:3;
  }
}

@media(min-width:901px) and (prefers-reduced-motion:no-preference) {
  .process-rooms-story {
    margin-top:0!important;
  }
}

@media(max-width:900px) {
  .case-index {
    width:100%;
    max-width:none;
    margin:0!important;
    padding-right:20px!important;
    padding-left:20px!important;
    border-radius:0!important;
  }
}