.main-site .hero-collage{position:relative;isolation:isolate;aspect-ratio:1.08;margin:0;background:#eeeeef;border-radius:8px;overflow:hidden;min-width:0}
.hero-collage a{color:#1d1d1f;text-decoration:none}
.hero-print{position:absolute;left:6%;top:17%;width:77%;transform:rotate(-9deg);background:#fff;box-shadow:0 22px 38px #0002}
.hero-print img{display:block;width:100%;height:auto}
.hero-print>span{display:block;padding:12px 15px;font-size:clamp(10px,1vw,16px)}
.hero-phone{position:absolute;right:7%;top:24%;width:33%;aspect-ratio:1/1.95;padding:8px;background:#232325;border-radius:clamp(17px,2.3vw,38px);transform:rotate(8deg);box-shadow:0 25px 38px #0003}
.hero-phone-screen{height:100%;background:#fff;border-radius:clamp(11px,1.8vw,30px);overflow:hidden;padding-top:15%}
.hero-phone-camera{position:absolute;top:4%;left:35%;width:30%;height:3.4%;border-radius:20px;background:#232325;z-index:1}
.hero-social-header{display:flex;align-items:center;gap:7px;padding:8% 6%;font-size:clamp(7px,.78vw,12px);line-height:1.25}
.hero-social-header small{font-size:.8em;color:#666}
.hero-social-header>span:last-child{margin-left:auto}
.hero-social-avatar{display:grid;place-items:center;background:#5b426f;color:white;width:22px;height:22px;flex-shrink:0;border-radius:50%;font-family:Georgia,serif;font-style:italic}
.hero-phone img{display:block;width:100%;height:auto}
.hero-social-footer{padding:9% 8%;font-size:clamp(8px,.84vw,13px);line-height:1.5}
.hero-social-footer>span{font-weight:600}
.hero-social-footer p{margin:10% 0 0;font-size:inherit;color:#555}
.hero-collage figcaption{position:absolute;bottom:6%;left:7%;font-family:Georgia,serif;font-style:italic;letter-spacing:-.03em;font-size:clamp(23px,2.4vw,42px);max-width:60%;line-height:1.1}
.hero-collage a:focus-visible{outline:3px solid #000;outline-offset:5px}
@media(max-width:760px){.main-site .hero-collage{aspect-ratio:1.08}.hero-print>span{font-size:12px;padding:10px}.hero-social-header{font-size:10px}.hero-social-footer{font-size:11px}.hero-collage figcaption{font-size:clamp(25px,6vw,40px)}}
@media(max-width:400px){.hero-social-header{font-size:8px;gap:4px}.hero-social-avatar{width:17px;height:17px}.hero-social-footer{font-size:9px}.hero-phone{padding:5px}.hero-print>span{font-size:10px}}