.visual-content{padding:32px 0 72px}
.visual-inner{width:min(1022px,calc(100% - 64px));margin-inline:auto}
.visual-back{position:fixed;top:40px;left:378px;display:grid;place-items:center;width:52px;height:52px;border:1px solid #080808;border-radius:50%;background:#fff;text-decoration:none;z-index:1}
.visual-back:hover{background:#f7f7f5}
.visual-intro,.visual-footer{width:min(486px,100%);margin-inline:auto}
.visual-intro h1{font:92px/92px Roslindale,Georgia,serif;letter-spacing:0}
.visual-intro p{margin-top:16px;font-size:18px;line-height:20px;letter-spacing:0;color:rgba(0,0,0,.7)}
.visual-gallery{display:flex;flex-direction:column;gap:32px;width:min(570px,100%);margin:60px auto 0}
.visual-card{display:block;width:100%;margin:0;overflow:hidden;background:#d5d5d5}
.visual-card img{display:block;min-width:0;max-width:100%}
.visual-card--phones,.visual-card--phone-stack{padding:3.563%;border-radius:25px}
.visual-card--phones,.visual-phone-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6%;align-items:start}
.visual-card--phones img,.visual-phone-row img{width:100%;height:auto;border-radius:19px}
.visual-card--phone-stack{display:flex;flex-direction:column;gap:32px}
.visual-phone-row{width:100%}
.visual-card--landscape{border-radius:12px}
.visual-card--landscape img{width:100%;height:auto}
.visual-card--web-stack,.visual-card--dark-stack{display:flex;flex-direction:column;gap:27px;border-radius:21px}
.visual-card--web-stack{padding:4.714% 3.007%}
.visual-card--web-stack img{width:100%;height:auto;border-radius:4px}
.visual-card--dark-stack{padding:3.007%}
.visual-card--dark-stack img{width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;border-radius:4px}
.visual-card--dark-stack img:last-child{aspect-ratio:535.714/333.929}
.visual-card--dark-stack + .visual-card--dark-stack img:last-child{aspect-ratio:3/2}
.visual-footer{margin-top:60px}
.visual-footer h2{font:80px/84px Roslindale,Georgia,serif;letter-spacing:0}
.visual-footer h2 a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.visual-footer .footer-links{margin-top:58px}

@media(max-width:900px){
  .visual-page{padding:0 20px 40px}
  .visual-page .profile{display:none}
  .visual-content{position:static;width:100%;max-width:none;margin:0;padding:calc(16px + env(safe-area-inset-top)) 0 calc(40px + env(safe-area-inset-bottom));overflow:visible;border-radius:0}
  .visual-inner{width:100%}
  .visual-back{display:none}
  .visual-intro h1{font-size:60px;line-height:60px}
  .visual-gallery{gap:25px;width:min(570px,100%)}
  .visual-card--phones,.visual-card--phone-stack{border-radius:16px}
  .visual-card--phones img,.visual-phone-row img{border-radius:12px}
  .visual-card--phone-stack{gap:20px}
  .visual-card--landscape{border-radius:8px}
  .visual-card--web-stack,.visual-card--dark-stack{gap:17px;border-radius:14px}
  .visual-card--web-stack img,.visual-card--dark-stack img{border-radius:3px}
  .visual-card--flowers-last{order:1}
  .visual-card--web{order:2}
  .visual-card--dark{order:3}
  .visual-card--fox{order:4}
  .visual-card--tablet{order:5}
  .visual-footer h2{font-size:60px;line-height:56px}
  .visual-footer .footer-links{margin-top:58px}
}
@media(max-width:370px){
  .visual-intro h1,.visual-footer h2{font-size:clamp(48px,15vw,60px)}
  .visual-footer h2{line-height:.96}
}