@import url("project-page.css"); .hagrid .cover img{width:min(60vw,950px)}
@media(min-width:701px){.hagrid .cover img{right:clamp(-1rem,2vw,3rem)}.hagrid .intro-inner{min-height:720px}.hagrid .intro-art{right:calc(-1 * max(40px,7.5vw));height:100%;max-height:none;width:50vw;object-fit:cover}.hagrid .intro-copy .brief{display:none}.hagrid .intro-copy .description{padding-top:clamp(70px,7vw,135px)}.hagrid .intro+.section{border-top:0}.hagrid .section:nth-of-type(3){padding-bottom:45px}.hagrid .section:nth-of-type(3) .feature{grid-template-columns:.65fr 1fr 1fr;gap:25px}.hagrid .section:nth-of-type(3) .feature img{max-height:350px}}
@media(min-width:701px){.hagrid .intro-copy .description{font-size:0}.hagrid .intro-copy .description::before{content:"A handcrafted, weatherproof garden shelter for cats, made at scale with a wooden base and frame covered with cement and hand-decorated to recreate the original aesthetic. The structure features a liftable roof, opening plexiglass windows and a functional chimney. Solar-powered rechargeable lights were also integrated into the interior, providing soft illumination at night.";font-size:clamp(17px,1.4vw,28px)}.hagrid .section:nth-of-type(3) .feature::after{content:"";height:350px;background:url("../images/hagrids-hut/reference%20hut.jpg") center/contain no-repeat}}
@media(min-width:901px){.hagrid .intro{height:1080px}.hagrid .intro-inner{height:928px}.hagrid .intro-copy{width:46%;padding-right:2rem}.hagrid .intro-art{width:48vw;object-fit:contain;object-position:right bottom}}
@media(min-width:701px){.hagrid .intro-copy{width:44%;padding-right:2rem}.hagrid .intro-art{right:0;top:0;bottom:0;height:100%;width:50%;max-height:none;transform:none;object-fit:contain;object-position:right center}}
@media(max-width:700px){.hagrid .intro-copy p+p{margin-top:34px}.hagrid .intro-art{margin:0 auto;width:90%;height:360px}.hagrid .intro+.section{border-top:0}}
@media(max-width:700px){.hagrid .cover img{left:50%;right:auto;transform:translateX(-50%);width:100%;height:66%;top:auto;bottom:45px;object-position:center bottom}}

/* Keep desktop-only reference artwork/content present on smaller screens. */
@media (max-width: 700px) {
    .hagrid .section:nth-of-type(3) .feature::after {
        content: "";
        display: block;
        width: 100%;
        height: 300px;
        margin-top: 8px;
        background: url("../images/hagrids-hut/reference%20hut.jpg") center/contain no-repeat;
    }
}