*{box-sizing:border-box}
:root{color-scheme:light;background:#df3224;font-family:Arial,Helvetica,sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0}
#experience{position:relative;isolation:isolate;width:100%;height:100vh;height:100dvh;min-height:280px;overflow:hidden}
#art{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.identity{position:absolute;inset:20% 18%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f5f3e9;text-align:center;pointer-events:none}
h1{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:clamp(5rem,min(11vw,15vh),12rem);letter-spacing:-.065em;line-height:.8;margin:0}
h1 span{display:block}
.inquiries{font-size:.875rem;letter-spacing:.12em;line-height:1.5;margin:clamp(16px,5vh - 12px,42px) 0 0;color:inherit;text-decoration:none;padding:12px 4px;min-height:48px;max-width:100%;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media(hover:hover){.inquiries:hover{text-decoration:underline;text-underline-offset:5px}}
.inquiries:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:600px){
  .identity{inset:20% 10%}
  h1{font-size:min(23vw,18svh)}
  .inquiries{margin-top:clamp(10px,4svh - 12px,20px)}
}
@media(max-height:500px) and (orientation:landscape){
  .identity{inset:19% 18%}
  h1{font-size:min(14vw,17svh)}
  .inquiries{margin-top:clamp(0px,3svh - 12px,8px)}
}