/* Fine relief lettering sits directly on the page, opposite the Studio lockup. */
.studio-home-link{
  position:absolute;top:3.25vw;right:5vw;display:grid;align-items:center;justify-items:end;
  min-width:64px;min-height:44px;padding:0;pointer-events:auto;
  color:#cbb99b;font:400 clamp(15px,1.15vw,18px)/1.5 Cinzel,Georgia,serif;letter-spacing:.14em;
  text-decoration:none;
}
.studio-home-label{
  position:relative;display:block;white-space:nowrap;
  text-shadow:0 -1px 1px #000,0 1px 0 #e9d9b524;
  transition:filter .25s ease;
}
@supports (background-clip:text){
  .studio-home-label{
    background:linear-gradient(180deg,#e2d2b8 10%,#b6a184 48%,#a18b6c 52%,#d6c4a7 90%);
    background-clip:text;-webkit-background-clip:text;color:transparent;
    text-shadow:none;filter:drop-shadow(0 -1px .6px #000) drop-shadow(0 1px .2px #e9d9b524);
  }
}
.studio-home-label::after{content:"";position:absolute;left:0;right:.14em;bottom:-5px;height:1px;background:#b9a587;box-shadow:0 1px 0 #000;opacity:0;transform:scaleX(.6);transform-origin:right;transition:opacity .25s ease,transform .25s ease}
.studio-home-link:hover{opacity:1}
.studio-home-link:is(:hover,:focus-visible) .studio-home-label{filter:brightness(1.15) drop-shadow(0 -1px .6px #000)}
.studio-home-link:is(:hover,:focus-visible) .studio-home-label::after{opacity:.8;transform:scaleX(1)}
.studio-home-link:focus-visible{outline:1px solid currentColor;outline-offset:6px}
/* A lighter cut edge keeps the lettering readable over the forest opening. */
body[data-page="approach"] .studio-home-label{color:#eee1ca;text-shadow:0 1px 2px #000}
@supports (background-clip:text){
  body[data-page="approach"] .studio-home-label{color:transparent;background-image:linear-gradient(180deg,#fff1da 10%,#e4d1b3 48%,#c9b28f 52%,#efdec2 90%);text-shadow:none;filter:drop-shadow(0 1px 1px #000) drop-shadow(0 0 3px #000)}
}
@media(max-width:767px){
  .studio-home-link{top:calc(9.2vw - 5px);right:5.224vw;font-size:14px;letter-spacing:.12em}
}
@media(prefers-reduced-motion:reduce){
  .studio-home-label,.studio-home-label::after{transition:none}
}
@media(forced-colors:active){
  .studio-home-link,.studio-home-link .studio-home-label{color:LinkText;background:none;text-shadow:none;filter:none}
  .studio-home-label::after{background:LinkText;box-shadow:none}
  body[data-page="approach"] .studio-home-label{color:LinkText;background:none;text-shadow:none;filter:none}
}
@media(max-height:480px) and (min-width:500px){
  body[data-page="contact"] .studio-home-link{top:16px}
}