/* SuusStudio™ UI V0.3 · Visible Editorial Redesign
   Goal: make the release visibly different while preserving approved content and identity assets.
   Direction: editorial structure · dark luxury · strong typography · controlled motion.
*/

:root{
  --v03-ink:#030304;
  --v03-panel:#09090b;
  --v03-paper:#f2eee6;
  --v03-muted:rgba(242,238,230,.62);
  --v03-line:rgba(242,238,230,.16);
  --v03-line-strong:rgba(242,238,230,.30);
  --v03-oxblood:#6f0d24;
  --v03-oxblood-hi:#b31945;
  --v03-cyan:#8ce9ea;
  --v03-space:clamp(20px,4vw,64px);
  --v03-gutter:clamp(18px,3vw,46px);
  --v03-radius:2px;
}

html[data-ui-release="v0.3"],
html:has(.v4-shell){background:var(--v03-ink)}

body{
  background:
    radial-gradient(circle at 84% 6%,rgba(111,13,36,.22),transparent 28%),
    radial-gradient(circle at 12% 38%,rgba(140,233,234,.055),transparent 22%),
    var(--v03-ink)!important;
}

/* ===== V0.3 release marker ===== */
.v4-shell .v4-nav>span{
  font-size:0!important;
  opacity:1!important;
}
.v4-shell .v4-nav>span::after{
  content:"V4 / UI V0.3";
  font:700 .64rem/1 Manrope,Arial,sans-serif;
  letter-spacing:.14em;
  color:var(--v03-cyan);
  white-space:nowrap;
}

/* ===== Global editorial stage ===== */
.v4-shell .v4-scene{
  position:relative;
  isolation:isolate;
  border-top:1px solid var(--v03-line)!important;
  overflow:clip;
}
.v4-shell .v4-scene::before{
  content:"0" attr(data-scene);
  position:absolute;
  z-index:1;
  top:clamp(82px,8vw,128px);
  left:var(--v03-gutter);
  font:700 .66rem/1 Manrope,Arial,sans-serif;
  letter-spacing:.18em;
  color:rgba(242,238,230,.34);
  writing-mode:vertical-rl;
  transform:rotate(180deg);
}
.v4-shell .v4-scene-head{
  width:min(1180px,calc(100% - (var(--v03-gutter) * 2)))!important;
  margin-inline:auto!important;
  padding-top:clamp(110px,12vw,176px)!important;
  display:grid!important;
  grid-template-columns:minmax(120px,.28fr) minmax(0,1fr)!important;
  column-gap:clamp(24px,5vw,88px)!important;
  align-items:start!important;
}
.v4-shell .v4-scene-head>p{
  grid-column:1!important;
  margin:8px 0 0!important;
  color:var(--v03-cyan)!important;
  font:700 .68rem/1.4 Manrope,Arial,sans-serif!important;
  letter-spacing:.14em!important;
}
.v4-shell .v4-scene-head>h2{
  grid-column:2!important;
  max-width:900px!important;
  margin:0!important;
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-weight:500!important;
  font-size:clamp(3rem,7.2vw,7.8rem)!important;
  line-height:.78!important;
  letter-spacing:-.055em!important;
  color:var(--v03-paper)!important;
  text-wrap:balance;
}
.v4-shell .v4-scene-head>span{
  grid-column:2!important;
  margin-top:26px!important;
  color:var(--v03-muted)!important;
  font-size:.72rem!important;
  letter-spacing:.095em!important;
}

/* ===== Navigation: thinner, sharper, more editorial ===== */
.v4-shell .v4-nav{
  min-height:66px!important;
  padding:0 var(--v03-gutter)!important;
  border-bottom:1px solid var(--v03-line)!important;
  background:linear-gradient(180deg,rgba(3,3,4,.94),rgba(3,3,4,.70))!important;
  backdrop-filter:blur(22px) saturate(125%)!important;
}
.v4-shell .v4-nav>a:first-child{
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-size:1.08rem!important;
  letter-spacing:.09em!important;
}
.v4-shell .v4-nav nav{
  gap:clamp(14px,2vw,34px)!important;
}
.v4-shell .v4-nav nav a{
  position:relative;
  color:rgba(242,238,230,.74)!important;
}
.v4-shell .v4-nav nav a::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:5px;
  height:1px;
  background:var(--v03-cyan);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .22s ease;
}
.v4-shell .v4-nav nav a:hover::after,
.v4-shell .v4-nav nav a:focus-visible::after{transform:scaleX(1)}

/* ===== HERO: asymmetrical magazine cover ===== */
.v4-shell .v4-hero{
  min-height:100svh!important;
  padding:96px var(--v03-gutter) 40px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr)!important;
  grid-template-rows:1fr auto!important;
  gap:24px clamp(28px,5vw,86px)!important;
  align-items:end!important;
  background:
    linear-gradient(90deg,rgba(3,3,4,.22) 0 58%,rgba(3,3,4,.64) 58%),
    radial-gradient(circle at 78% 30%,rgba(111,13,36,.22),transparent 34%)!important;
}
.v4-shell .v4-hero::before{
  content:"CREATIVE TECHNOLOGY / DELFT · NL";
  writing-mode:horizontal-tb;
  transform:none;
  top:92px;
  left:var(--v03-gutter);
  font:700 .62rem/1 Manrope,Arial,sans-serif;
  letter-spacing:.16em;
  color:rgba(242,238,230,.40);
}
.v4-shell .v4-hero-copy{
  position:relative!important;
  z-index:5!important;
  width:auto!important;
  max-width:none!important;
  align-self:center!important;
  padding:clamp(42px,6vw,86px) 0 24px!important;
}
.v4-shell .v4-hero-copy>p{
  max-width:560px;
  margin:0 0 26px!important;
  color:var(--v03-cyan)!important;
  font-size:.69rem!important;
  letter-spacing:.16em!important;
}
.v4-shell .v4-hero-copy h1{
  margin:0!important;
  width:min(100%,980px)!important;
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-weight:500!important;
  font-size:clamp(4.3rem,10.4vw,11.7rem)!important;
  line-height:.64!important;
  letter-spacing:-.067em!important;
  text-transform:uppercase!important;
}
.v4-shell .v4-hero-copy h1 span{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
}
.v4-shell .v4-hero-copy h1 span:nth-child(2){
  margin-left:clamp(18px,7vw,120px)!important;
  color:transparent!important;
  -webkit-text-stroke:1px rgba(242,238,230,.68)!important;
}
.v4-shell .v4-hero-copy h1 span:nth-child(3){
  margin-left:clamp(4px,2vw,30px)!important;
  color:var(--v03-paper)!important;
}
.v4-shell .v4-hero-copy h2{
  width:min(570px,88%)!important;
  margin:clamp(34px,5vw,64px) 0 22px!important;
  padding-left:clamp(18px,3vw,44px)!important;
  border-left:1px solid var(--v03-oxblood-hi)!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-size:clamp(.95rem,1.55vw,1.28rem)!important;
  font-weight:400!important;
  line-height:1.6!important;
  letter-spacing:.01em!important;
  color:rgba(242,238,230,.76)!important;
}
.v4-shell .v4-hero-copy>a{
  margin-left:clamp(18px,3vw,44px)!important;
  padding:0 0 6px!important;
  border-bottom:1px solid var(--v03-paper)!important;
  color:var(--v03-paper)!important;
  font-size:.69rem!important;
  letter-spacing:.13em!important;
}
.v4-shell .v4-founder{
  position:relative!important;
  inset:auto!important;
  z-index:4!important;
  width:100%!important;
  height:min(76svh,860px)!important;
  min-height:560px!important;
  margin:0!important;
  border:1px solid var(--v03-line-strong)!important;
  background:#070708!important;
  overflow:hidden!important;
  align-self:center!important;
}
.v4-shell .v4-founder::after{
  content:"IDENTITY / 01";
  position:absolute;
  right:16px;top:16px;
  z-index:4;
  color:var(--v03-paper);
  font:700 .58rem/1 Manrope,Arial,sans-serif;
  letter-spacing:.14em;
  padding:8px 10px;
  border:1px solid rgba(242,238,230,.22);
  background:rgba(3,3,4,.62);
  backdrop-filter:blur(10px);
}
.v4-shell .v4-founder img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 38%!important;
  filter:saturate(.82) contrast(1.05)!important;
}
.v4-shell .v4-founder-label{
  left:18px!important;
  right:auto!important;
  bottom:48px!important;
  top:auto!important;
  z-index:5!important;
  padding:12px 14px!important;
  border-left:2px solid var(--v03-cyan)!important;
  background:rgba(3,3,4,.72)!important;
  backdrop-filter:blur(10px)!important;
}
.v4-shell .v4-founder figcaption{
  bottom:12px!important;
  left:18px!important;
  right:18px!important;
  font-size:.53rem!important;
  letter-spacing:.10em!important;
  color:rgba(242,238,230,.45)!important;
}
.v4-shell .v4-hero-artifact{
  opacity:.36!important;
  mix-blend-mode:screen!important;
}

/* ===== Selected work: framed editorial spreads ===== */
.v4-shell .v4-work{
  padding-bottom:clamp(100px,12vw,190px)!important;
}
.v4-shell .v4-work-scene{
  width:min(1180px,calc(100% - (var(--v03-gutter) * 2)))!important;
  min-height:min(78svh,900px)!important;
  margin:clamp(70px,9vw,138px) auto 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(260px,.62fr)!important;
  align-items:stretch!important;
  border:1px solid var(--v03-line)!important;
  background:rgba(9,9,11,.68)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.36)!important;
}
.v4-shell .v4-work-scene:nth-of-type(even){
  grid-template-columns:minmax(260px,.62fr) minmax(0,1.2fr)!important;
}
.v4-shell .v4-work-scene:nth-of-type(even)>.v4-distorted-photo,
.v4-shell .v4-work-scene:nth-of-type(even)>canvas,
.v4-shell .v4-work-scene:nth-of-type(even)>img{grid-column:2!important;grid-row:1!important}
.v4-shell .v4-work-scene:nth-of-type(even)>.v4-work-title{grid-column:1!important;grid-row:1!important}
.v4-shell .v4-work-title{
  position:relative!important;
  inset:auto!important;
  z-index:4!important;
  width:auto!important;
  max-width:none!important;
  padding:clamp(28px,4vw,56px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  border-left:1px solid var(--v03-line)!important;
  background:linear-gradient(180deg,rgba(9,9,11,.68),rgba(9,9,11,.96))!important;
}
.v4-shell .v4-work-title span{color:var(--v03-cyan)!important;font-size:.64rem!important;letter-spacing:.13em!important}
.v4-shell .v4-work-title h3{
  margin:16px 0 22px!important;
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-size:clamp(3rem,5.8vw,6.5rem)!important;
  font-weight:500!important;
  line-height:.80!important;
  letter-spacing:-.045em!important;
}
.v4-shell .v4-work-title p{max-width:42ch!important;color:var(--v03-muted)!important;line-height:1.62!important}
.v4-shell .v4-work-title b{margin-top:32px!important;color:rgba(242,238,230,.44)!important;font-size:.56rem!important;letter-spacing:.14em!important}
.v4-shell .v4-work-depth{top:12px!important;left:12px!important;right:auto!important;color:rgba(242,238,230,.48)!important}

/* ===== Visual worlds: horizontal dossier rows ===== */
.v4-shell .v4-world-stack{
  width:min(1180px,calc(100% - (var(--v03-gutter) * 2)))!important;
  margin:clamp(70px,8vw,120px) auto clamp(110px,12vw,190px)!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  border-top:1px solid var(--v03-line)!important;
}
.v4-shell .v4-world{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  min-height:190px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:clamp(150px,22vw,300px) 1fr!important;
  border-bottom:1px solid var(--v03-line)!important;
  background:transparent!important;
  transform:none!important;
}
.v4-shell .v4-world img{
  width:100%!important;
  height:190px!important;
  object-fit:cover!important;
  opacity:.62!important;
  filter:saturate(.62) contrast(1.1)!important;
  transition:opacity .25s ease,filter .25s ease,transform .35s ease!important;
}
.v4-shell .v4-world:hover img{opacity:.92!important;filter:saturate(.9) contrast(1.04)!important;transform:scale(1.015)!important}
.v4-shell .v4-world>div{
  position:relative!important;
  inset:auto!important;
  padding:clamp(22px,3.3vw,46px)!important;
  display:grid!important;
  grid-template-columns:minmax(140px,.28fr) 1fr!important;
  align-items:center!important;
  column-gap:24px!important;
  background:rgba(3,3,4,.40)!important;
}
.v4-shell .v4-world>div span{grid-column:1!important;color:var(--v03-cyan)!important;font-size:.61rem!important;letter-spacing:.12em!important}
.v4-shell .v4-world h3{grid-column:2!important;margin:0!important;font-family:"Cormorant Garamond",Georgia,serif!important;font-size:clamp(2.2rem,4vw,4.6rem)!important;line-height:.82!important;letter-spacing:-.035em!important}
.v4-shell .v4-world small{grid-column:2!important;margin-top:10px!important;color:var(--v03-muted)!important}

/* ===== Services and pricing: quieter luxury grid ===== */
.v4-shell .v4-service-rail,
.v4-shell .v4-price-stage{
  width:min(1180px,calc(100% - (var(--v03-gutter) * 2)))!important;
  margin-inline:auto!important;
}
.v4-shell .v4-service-rail{
  margin-top:clamp(70px,8vw,118px)!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:1px!important;
  background:var(--v03-line)!important;
  border:1px solid var(--v03-line)!important;
}
.v4-shell .v4-material{
  min-height:280px!important;
  padding:clamp(28px,4vw,54px)!important;
  border:0!important;
  border-radius:0!important;
  background:rgba(5,5,7,.96)!important;
}
.v4-shell .v4-material span{color:rgba(242,238,230,.36)!important}
.v4-shell .v4-material h3{margin-top:auto!important;font-family:"Cormorant Garamond",Georgia,serif!important;font-size:clamp(2.2rem,4vw,4rem)!important;line-height:.86!important}
.v4-shell .v4-material p{max-width:45ch!important;color:var(--v03-muted)!important}
.v4-shell .v4-price-stage{
  margin-top:1px!important;
  margin-bottom:clamp(110px,13vw,190px)!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:1px!important;
  background:var(--v03-line)!important;
  border:1px solid var(--v03-line)!important;
}
.v4-shell .v4-price{
  min-height:360px!important;
  padding:clamp(24px,3.5vw,46px)!important;
  border:0!important;
  border-radius:0!important;
  background:#09090b!important;
}
.v4-shell .v4-price.is-focus{
  transform:translateY(-18px)!important;
  background:linear-gradient(180deg,rgba(111,13,36,.30),#09090b 58%)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.38)!important;
}
.v4-shell .v4-price h3{font-family:"Cormorant Garamond",Georgia,serif!important;font-size:clamp(3.6rem,6vw,6rem)!important;line-height:.8!important}

/* ===== Method: editorial timeline ===== */
.v4-shell .v4-corridor{
  width:min(1180px,calc(100% - (var(--v03-gutter) * 2)))!important;
  margin:clamp(72px,9vw,128px) auto clamp(110px,12vw,190px)!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:0!important;
  perspective:none!important;
  border-top:1px solid var(--v03-line-strong)!important;
}
.v4-shell .v4-corridor article{
  position:relative!important;
  transform:none!important;
  min-height:360px!important;
  padding:28px 18px 30px!important;
  border:0!important;
  border-right:1px solid var(--v03-line)!important;
  background:linear-gradient(180deg,rgba(111,13,36,.07),transparent 58%)!important;
}
.v4-shell .v4-corridor article:first-child{border-left:1px solid var(--v03-line)!important}
.v4-shell .v4-corridor article::before{
  content:"";
  position:absolute;
  top:-4px;left:16px;
  width:7px;height:7px;
  border-radius:50%;
  background:var(--v03-cyan);
  box-shadow:0 0 0 5px rgba(140,233,234,.08);
}
.v4-shell .v4-corridor h3{margin-top:120px!important;font-family:"Cormorant Garamond",Georgia,serif!important;font-size:clamp(1.7rem,2.6vw,2.8rem)!important;line-height:.9!important}
.v4-shell .v4-corridor p{color:var(--v03-muted)!important;font-size:.78rem!important;line-height:1.55!important}

/* ===== Remaining sections: one coherent editorial system ===== */
.v4-shell .v4-system-group,
.v4-shell .v4-capabilities,
.v4-shell .v4-about-copy,
.v4-shell .v4-drone-copy,
.v4-shell .v4-ai-copy,
.v4-shell .v4-contact{
  border-color:var(--v03-line)!important;
}
.v4-shell .v4-system-group article,
.v4-shell .v4-capabilities span,
.v4-shell .v4-ai-nodes button{
  border-radius:0!important;
  border-color:var(--v03-line)!important;
  background:rgba(7,7,9,.82)!important;
}
.v4-shell .v4-system-group h4,
.v4-shell .v4-ai-copy h2,
.v4-shell .v4-drone-copy h2,
.v4-shell .v4-about-copy h2,
.v4-shell .v4-contact>h2,
.v4-shell .v4-contact>h3{
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-weight:500!important;
  letter-spacing:-.045em!important;
}
.v4-shell .v4-contact{
  background:
    linear-gradient(140deg,rgba(111,13,36,.20),transparent 40%),
    #030304!important;
}
.v4-shell .v4-contact>h2{
  font-size:clamp(5rem,14vw,15rem)!important;
  line-height:.62!important;
}

/* ===== Motion stays controlled ===== */
@media (prefers-reduced-motion:no-preference){
  .v4-shell .v4-founder,
  .v4-shell .v4-work-scene,
  .v4-shell .v4-world,
  .v4-shell .v4-material,
  .v4-shell .v4-price{
    transition:border-color .25s ease,background-color .25s ease,transform .28s ease!important;
  }
  .v4-shell .v4-work-scene:hover{border-color:rgba(242,238,230,.28)!important}
  .v4-shell .v4-material:hover{background:#0d0d10!important}
}

/* ===== Tablet ===== */
@media (max-width:980px){
  .v4-shell .v4-hero{
    grid-template-columns:minmax(0,1fr) minmax(250px,.72fr)!important;
  }
  .v4-shell .v4-founder{min-height:500px!important;height:64svh!important}
  .v4-shell .v4-hero-copy h1{font-size:clamp(4rem,11vw,8rem)!important}
  .v4-shell .v4-corridor{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .v4-shell .v4-corridor article{min-height:300px!important;border-bottom:1px solid var(--v03-line)!important}
}

/* ===== Mobile: visibly redesigned, still 48px-safe ===== */
@media (max-width:760px){
  body{padding-bottom:78px!important}
  .v4-shell .v4-nav{
    min-height:58px!important;
    padding:0 16px!important;
    background:rgba(3,3,4,.90)!important;
  }
  .v4-shell .v4-nav>span::after{content:"UI V0.3"}
  .v4-shell .v4-nav nav{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    padding:5px!important;
    border:1px solid rgba(242,238,230,.18)!important;
    border-radius:0!important;
    background:rgba(7,7,9,.96)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.58)!important;
  }
  .v4-shell .v4-nav nav a{
    min-height:48px!important;
    color:rgba(242,238,230,.72)!important;
  }
  .v4-shell .v4-scene::before{display:none!important}
  .v4-shell .v4-scene-head{
    width:calc(100% - 36px)!important;
    padding-top:104px!important;
    grid-template-columns:1fr!important;
    row-gap:18px!important;
  }
  .v4-shell .v4-scene-head>p,
  .v4-shell .v4-scene-head>h2,
  .v4-shell .v4-scene-head>span{grid-column:1!important}
  .v4-shell .v4-scene-head>h2{
    font-size:clamp(3.2rem,15vw,6rem)!important;
    line-height:.76!important;
    letter-spacing:-.06em!important;
  }

  .v4-shell .v4-hero{
    min-height:auto!important;
    padding:86px 18px 116px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:28px!important;
    align-items:stretch!important;
    background:radial-gradient(circle at 76% 16%,rgba(111,13,36,.25),transparent 30%)!important;
  }
  .v4-shell .v4-hero::before{
    display:block!important;
    top:72px!important;
    left:18px!important;
    writing-mode:horizontal-tb!important;
    transform:none!important;
    font-size:.54rem!important;
  }
  .v4-shell .v4-hero-copy{
    order:1!important;
    padding:54px 0 0!important;
  }
  .v4-shell .v4-hero-copy>p{margin-bottom:20px!important}
  .v4-shell .v4-hero-copy h1{
    font-size:clamp(4.2rem,21.5vw,8rem)!important;
    line-height:.62!important;
  }
  .v4-shell .v4-hero-copy h1 span:nth-child(2){margin-left:5vw!important}
  .v4-shell .v4-hero-copy h1 span:nth-child(3){margin-left:0!important}
  .v4-shell .v4-hero-copy h2{
    width:92%!important;
    margin:34px 0 18px!important;
    padding-left:18px!important;
    font-size:.92rem!important;
  }
  .v4-shell .v4-hero-copy>a{margin-left:18px!important}
  .v4-shell .v4-founder{
    order:2!important;
    width:calc(100% - 18px)!important;
    margin-left:18px!important;
    height:62svh!important;
    min-height:440px!important;
  }
  .v4-shell .v4-founder::before{
    content:"";
    position:absolute;
    left:-18px;top:18px;bottom:18px;
    width:1px;
    background:var(--v03-oxblood-hi);
  }

  .v4-shell .v4-work-scene,
  .v4-shell .v4-work-scene:nth-of-type(even){
    width:calc(100% - 36px)!important;
    min-height:auto!important;
    margin-top:62px!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(420px,62svh) auto!important;
  }
  .v4-shell .v4-work-scene:nth-of-type(even)>.v4-distorted-photo,
  .v4-shell .v4-work-scene:nth-of-type(even)>canvas,
  .v4-shell .v4-work-scene:nth-of-type(even)>img{grid-column:1!important;grid-row:1!important}
  .v4-shell .v4-work-scene:nth-of-type(even)>.v4-work-title{grid-column:1!important;grid-row:2!important}
  .v4-shell .v4-work-title{
    grid-row:2!important;
    border-left:0!important;
    border-top:1px solid var(--v03-line)!important;
    padding:28px 24px 36px!important;
  }
  .v4-shell .v4-work-title h3{font-size:clamp(3rem,14vw,4.6rem)!important}

  .v4-shell .v4-world-stack{width:calc(100% - 36px)!important;margin-top:62px!important}
  .v4-shell .v4-world{
    grid-template-columns:108px 1fr!important;
    min-height:150px!important;
  }
  .v4-shell .v4-world img{height:150px!important}
  .v4-shell .v4-world>div{
    grid-template-columns:1fr!important;
    padding:18px!important;
  }
  .v4-shell .v4-world>div span,
  .v4-shell .v4-world h3,
  .v4-shell .v4-world small{grid-column:1!important}
  .v4-shell .v4-world h3{font-size:clamp(1.8rem,8vw,2.9rem)!important;margin-top:9px!important}

  .v4-shell .v4-service-rail,
  .v4-shell .v4-price-stage{
    width:calc(100% - 36px)!important;
    grid-template-columns:1fr!important;
  }
  .v4-shell .v4-material{min-height:220px!important}
  .v4-shell .v4-price{min-height:280px!important}
  .v4-shell .v4-price.is-focus{transform:none!important;background:linear-gradient(90deg,rgba(111,13,36,.26),#09090b 70%)!important}

  .v4-shell .v4-corridor{
    width:calc(100% - 36px)!important;
    grid-template-columns:1fr!important;
    border-left:1px solid var(--v03-line-strong)!important;
    border-top:0!important;
  }
  .v4-shell .v4-corridor article{
    min-height:auto!important;
    padding:24px 22px 26px 34px!important;
    border-right:0!important;
    border-bottom:1px solid var(--v03-line)!important;
  }
  .v4-shell .v4-corridor article:first-child{border-left:0!important}
  .v4-shell .v4-corridor article::before{top:26px!important;left:-4px!important}
  .v4-shell .v4-corridor h3{margin:28px 0 10px!important;font-size:2.4rem!important}
  .v4-shell .v4-contact>h2{font-size:clamp(4.1rem,19vw,7rem)!important}
}

@media (max-width:400px){
  .v4-shell .v4-scene-head>h2,
  .v4-shell #work .v4-scene-head h2,
  .v4-shell #worlds .v4-scene-head h2{
    font-size:clamp(2.85rem,14.5vw,4.6rem)!important;
    line-height:.77!important;
  }
  .v4-shell .v4-hero-copy h1{font-size:clamp(3.85rem,20.7vw,6.8rem)!important}
  .v4-shell .v4-nav nav a{font-size:.61rem!important;letter-spacing:0!important}
  .v4-shell .v4-work-title{bottom:auto!important}
  .v4-shell .v4-contact>h2{font-size:clamp(3.75rem,18vw,5.8rem)!important}
}

@media (max-width:340px){
  .v4-shell .v4-nav nav{grid-template-columns:.8fr 1.14fr .9fr 1fr 1.16fr!important}
  .v4-shell .v4-nav nav a{font-size:.56rem!important}
  .v4-shell .v4-hero{padding-inline:14px!important}
  .v4-shell .v4-founder{width:calc(100% - 14px)!important;margin-left:14px!important}
  .v4-shell .v4-world-stack,
  .v4-shell .v4-service-rail,
  .v4-shell .v4-price-stage,
  .v4-shell .v4-corridor,
  .v4-shell .v4-work-scene{width:calc(100% - 28px)!important}
}

@media (prefers-reduced-motion:reduce){
  .v4-shell .v4-world:hover img,
  .v4-shell .v4-price.is-focus{transform:none!important}
}