.real-hero{margin:0;min-width:0}.real-hero-grid{height:610px;position:relative;border:1px solid rgba(98,71,88,.14);border-radius:42px;background:#e8ded2;box-shadow:0 22px 60px rgba(65,42,48,.12);overflow:hidden}.real-screen{position:absolute;width:58%;aspect-ratio:1.45;border:7px solid #fffaf3;border-radius:19px;background:#fffaf3;box-shadow:0 24px 48px rgba(42,31,36,.28);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.real-screen img{width:100%;height:100%;display:block;object-fit:cover;object-position:top}.real-screen span{position:absolute;left:10px;bottom:10px;background:rgba(255,250,243,.94);padding:7px 10px;border-radius:99px;font-size:9px;font-weight:700;letter-spacing:.04em}.real-screen-museau{left:3%;bottom:7%;z-index:3;transform:rotate(-5deg)}.real-screen-orme{left:23%;top:8%;z-index:2;transform:rotate(2deg)}.real-screen-noroit{right:1%;bottom:8%;z-index:1;transform:rotate(6deg)}.real-screen:hover,.real-screen:focus-visible{z-index:4;transform:rotate(0) translateY(-8px);box-shadow:0 30px 60px rgba(42,31,36,.34)}.real-hero figcaption{text-align:right;margin-top:10px;font-size:10px;color:#786b6f;text-transform:uppercase;letter-spacing:.08em}.project-image-link{position:relative;display:block;color:var(--ink)}.project-image-link>img{display:block;width:100%;height:440px;object-fit:cover;object-position:top;border-radius:18px;transition:transform .3s ease}.project-image-link .open-site{position:absolute;right:38px;bottom:38px;background:rgba(255,250,243,.95);padding:10px 14px;border-radius:99px;font-size:10px;font-weight:700;box-shadow:0 10px 24px rgba(36,30,33,.15)}.project-image-link:hover>img,.project-image-link:focus-visible>img{transform:scale(1.015)}.project-image-link:focus-visible,.real-screen:focus-visible{outline:3px solid var(--plum);outline-offset:4px}@media(max-width:860px){.real-hero{order:-1}.real-hero-grid{height:560px}}@media(max-width:560px){.real-hero-grid{height:390px;border-radius:25px}.real-screen{width:67%;border-width:4px;border-radius:12px}.real-screen span{font-size:7px;padding:5px 7px}.real-screen-museau{left:1%;bottom:5%}.real-screen-orme{left:18%;top:9%}.real-screen-noroit{right:-5%;bottom:8%}.real-hero figcaption{font-size:8px}.project-image-link>img{height:310px;border-radius:12px}.project-image-link .open-site{right:25px;bottom:25px}}