#portfolio-intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#f5f2f1;opacity:1;overflow:hidden;transition:opacity .45s ease;touch-action:none}#portfolio-intro[hidden]{display:none}#portfolio-intro.is-leaving{opacity:0;pointer-events:none}#portfolio-intro svg{display:block;width:min(58vw,380px);height:auto}#portfolio-intro button{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));right:max(28px,env(safe-area-inset-right));min-height:44px;min-width:96px;padding:10px 16px;border:1px solid #10101033;border-radius:30px;background:transparent;color:#101010;font:12px system-ui;cursor:pointer}#portfolio-intro button:focus-visible{outline:2px solid #101010;outline-offset:4px}@media(max-width:600px){
  #portfolio-intro{height:100%;height:100dvh;box-sizing:border-box;padding:env(safe-area-inset-top) 20px env(safe-area-inset-bottom)}
  #portfolio-intro svg{width:min(76vw,320px);max-width:100%;max-height:55svh}
  #portfolio-intro button{bottom:calc(20px + env(safe-area-inset-bottom));right:calc(20px + env(safe-area-inset-right));font-size:14px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
}
@media(orientation:landscape) and (max-height:500px){#portfolio-intro svg{width:min(42vw,300px);max-height:65svh}#portfolio-intro button{bottom:calc(12px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){#portfolio-intro{display:none}}