/* Einhar / Evidence in the original sculptural reading. */
html body.page-home .world-opening{
  position:absolute;z-index:3;inset:0 0 auto;height:100svh;width:100%;
  pointer-events:none;color:#f4f4ef;
}
html body.page-home .world-opening-statement{
  position:absolute;left:clamp(34px,6vw,110px);bottom:clamp(66px,11svh,142px);
  margin:0;width:min(31vw,415px);max-width:100%;color:#f4f4ef;
  font:540 clamp(27px,3.05vw,46px)/1.13 "Einhar Sans",Arial,sans-serif;
  letter-spacing:-.052em;text-wrap:balance;
}
html body.page-home .world-opening-detail{
  position:absolute;right:clamp(34px,6vw,110px);bottom:clamp(66px,11svh,142px);
  width:min(23vw,290px);display:flex;flex-direction:column;align-items:flex-start;
  gap:11px;color:#f4f4ef;
  font:460 clamp(13px,1.1vw,16px)/1.45 "Einhar Sans",Arial,sans-serif;
  letter-spacing:-.012em;
}
html body.page-home .world-opening-detail span{display:block;color:#f4f4ef}
html body.page-home .world-opening a{
  pointer-events:auto;display:inline;color:inherit;font:inherit;
  text-decoration:underline;text-decoration-color:rgba(244,244,239,.6);
  text-decoration-thickness:1px;text-underline-offset:.22em;
  transition:text-decoration-color .2s ease;
}
html body.page-home .world-opening a:is(:hover,:focus-visible){text-decoration-color:#fff}
html body.page-home .world-opening-detail .world-opening-link{margin-top:5px;font-weight:600}
html body.page-home .world-founder{
  max-width:840px;margin:clamp(55px,9svh,110px) 0 0;
  padding:0;color:#f4f4ef;
}
html body.page-home .world-founder .world-founder-name{
  margin:0 0 18px!important;color:#f4f4ef;
  font:620 clamp(23px,2.2vw,34px)/1.2 "Einhar Sans",Arial,sans-serif!important;
  letter-spacing:-.05em;
}
html body.page-home .world-founder p:not(.world-founder-name){
  margin:0;max-width:760px;color:#f4f4ef;
  font:430 clamp(18px,1.45vw,23px)/1.53 "Einhar Sans",Arial,sans-serif;
  letter-spacing:-.023em;
}
html body.page-home .world-contact{
  position:relative;z-index:4;display:flex;align-items:flex-end;
  min-height:clamp(450px,77svh,800px);
  padding:clamp(90px,15svh,150px) clamp(27px,7.5vw,135px) clamp(85px,14svh,160px);
  background:#000;color:#f4f4ef;
}
html body.page-home .world-contact-inner{width:min(100%,1480px);margin:0 auto}
html body.page-home .world-contact h2{
  margin:0;width:min(100%,1260px);color:#f4f4ef;
  font:530 clamp(52px,8.8vw,141px)/1.02 "Einhar Sans",Arial,sans-serif;
  letter-spacing:-.073em;text-wrap:balance;
}
html body.page-home .world-contact p{
  margin:clamp(36px,4.2svh,55px) 0 0 auto;max-width:540px;color:#f4f4ef;
  font:430 clamp(17px,1.5vw,22px)/1.55 "Einhar Sans",Arial,sans-serif;
  letter-spacing:-.023em;
}
html body.page-home .world-contact a,
html body.page-work :is(.work-case-outcome,.work-direction) a{
  color:inherit;text-decoration:underline;text-decoration-thickness:1px;
  text-decoration-color:rgba(244,244,239,.65);text-underline-offset:.23em;
}
html body.page-home .world-contact a:hover,
html body.page-work :is(.work-case-outcome,.work-direction) a:hover{text-decoration-color:#fff}

/* Work / actual interface first, three original outputs second. */
html body.page-work .work-case-story{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(32px,7vw,130px);max-width:1190px;
  margin:clamp(64px,9svh,110px) 0 0;padding:0;
}
html body.page-work .work-case-story p{
  margin:0;color:#f4f4ef!important;
  font:430 clamp(17px,1.38vw,21px)/1.6 "Einhar Sans",Arial,sans-serif!important;
  letter-spacing:-.018em;
}
html body.page-work .work-interface{
  width:min(100%,1260px);margin:clamp(72px,12svh,155px) auto 0;padding:0;
}
html body.page-work .work-interface img{
  display:block;width:100%;height:auto;aspect-ratio:16/10;
  object-fit:cover;object-position:center;border:0;
  border-radius:clamp(8px,1.25vw,18px);background:#f7f7f7;
}
html body.page-work .work-interface figcaption{
  margin:17px 0 0;color:#bdbbb7!important;
  font:440 clamp(13px,1.12vw,15px)/1.45 "Einhar Sans",Arial,sans-serif!important;
  letter-spacing:-.013em;
}
html body.page-work .work-examples-caption{
  margin:clamp(75px,11svh,140px) 0 -50px!important;color:#f4f4ef!important;
  font:510 clamp(19px,1.8vw,27px)/1.4 "Einhar Sans",Arial,sans-serif!important;
  letter-spacing:-.03em;
}
html body.page-work .work-case-outcome{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.65fr);
  gap:clamp(35px,8vw,120px);align-items:end;
  width:100%;margin:clamp(95px,13svh,155px) 0 0;color:#f4f4ef;
}
html body.page-work .work-case-outcome h3{
  max-width:720px;margin:0 0 24px;color:#f4f4ef!important;
  font:520 clamp(34px,3.7vw,56px)/1.12 "Einhar Sans",Arial,sans-serif!important;
  letter-spacing:-.058em;
}
html body.page-work .work-case-outcome p{
  max-width:670px;margin:0;color:#f4f4ef!important;
  font:430 clamp(17px,1.36vw,20px)/1.57 "Einhar Sans",Arial,sans-serif!important;
  letter-spacing:-.02em;
}
html body.page-work .work-case-outcome a{
  display:inline-block;width:fit-content;
  font:550 clamp(15px,1.15vw,17px)/1.45 "Einhar Sans",Arial,sans-serif;
  letter-spacing:-.018em;
}
html body.page-work .work-direction{
  margin:clamp(160px,27svh,290px) 0 0;width:100%;color:#f4f4ef;
}
html body.page-work .work-direction h2{
  margin:0 0 30px;color:#f4f4ef!important;
  font:520 clamp(47px,7vw,102px)/1.02 "Einhar Sans",Arial,sans-serif!important;
  letter-spacing:-.074em;
}
html body.page-work .work-direction p{
  max-width:710px;margin:0 0 29px;color:#f4f4ef!important;
  font:430 clamp(18px,1.48vw,22px)/1.6 "Einhar Sans",Arial,sans-serif!important;
  letter-spacing:-.02em;
}
html body.page-work .work-direction a{
  font:520 clamp(16px,1.2vw,18px)/1.45 "Einhar Sans",Arial,sans-serif;
  letter-spacing:-.015em;
}
@media(max-width:1100px){
  html body.page-home .world-opening-statement{
    left:6vw;width:min(35vw,360px);font-size:clamp(27px,3.5vw,37px);
  }
  html body.page-home .world-opening-detail{
    right:6vw;width:min(27vw,240px);font-size:clamp(13px,1.45vw,15px);
  }
}
@media(max-width:760px){
  html body.page-home .world-opening{height:100svh}
  html body.page-home .world-opening-statement{
    top:clamp(53px,8svh,90px);bottom:auto;left:7.5%;
    width:min(87%,410px);max-width:410px;
    font-size:clamp(24px,6.15vw,35px);line-height:1.17;
    letter-spacing:-.048em;text-wrap:balance;
  }
  html body.page-home .world-opening-detail{
    top:calc(8svh + clamp(104px,19vw,158px));bottom:auto;
    left:7.5%;right:auto;width:min(44vw,202px);gap:7px;
    font-size:clamp(12.5px,3.3vw,14px);line-height:1.34;
  }
  html body.page-home .world-founder{margin-top:48px}
  html body.page-home .world-founder .world-founder-name{
    font-size:clamp(22px,5.6vw,28px)!important;
  }
  html body.page-home .world-founder p:not(.world-founder-name){
    font-size:clamp(17px,4.4vw,20px)!important;line-height:1.54;
  }
  html body.page-home .world-contact{
    min-height:clamp(440px,75svh,680px);padding:120px 7.5% 112px;
  }
  html body.page-home .world-contact h2{font-size:clamp(47px,10.8vw,79px)}
  html body.page-home .world-contact p{
    margin-top:36px;max-width:100%;font-size:17px;
  }
  html body.page-work .work-case-story,
  html body.page-work .work-case-outcome{display:block}
  html body.page-work .work-case-story{margin-top:48px}
  html body.page-work .work-case-story p+p{margin-top:24px}
  html body.page-work .work-interface{margin-top:70px}
  html body.page-work .work-interface img{
    aspect-ratio:4/3;object-fit:cover;object-position:center;
  }
  html body.page-work .work-interface figcaption{
    margin-top:14px;font-size:12.5px!important;
  }
  html body.page-work .work-examples-caption{
    margin:68px 0 -35px!important;font-size:19px!important;
  }
  html body.page-work .work-case-outcome{margin-top:65px}
  html body.page-work .work-case-outcome h3{
    font-size:clamp(31px,7.8vw,46px)!important;
  }
  html body.page-work .work-case-outcome a{
    margin-top:26px;font-size:16px;
  }
  html body.page-work .work-direction{margin-top:155px}
  html body.page-work .work-direction h2{
    font-size:clamp(45px,10vw,69px)!important;
  }
}
@media(max-width:390px){
  html body.page-home .world-opening-statement{top:7svh}
  html body.page-home .world-opening-detail{top:calc(7svh + 120px)}
}
@media(prefers-reduced-motion:reduce){
  html body.page-home .world-opening a{transition:none}
}