@import url("case-study.css?v=1");

.reanPage{--red:#2faf63;--rean-green:#2faf63}.reanIntro{padding:5vh 4vw 8vw}.reanMainLogo{margin:clamp(5rem,10vw,9rem) auto clamp(5rem,9vw,8rem);width:min(560px,62vw);display:grid;place-items:center}.reanMainLogo img{display:block;width:100%;height:auto}.introDetails{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding-top:2.5rem}.introDetails article{max-width:680px}.introDetails article>span{text-transform:uppercase;font-size:.57rem;letter-spacing:.16em;color:#777}.introDetails h1,.introDetails h2{font-size:clamp(2.8rem,5.6vw,6rem);line-height:.9;letter-spacing:-.065em;margin:1.3rem 0 2rem}.introDetails h2 em{font-family:Georgia,serif;font-weight:400;color:var(--rean-green)}.introDetails p{font-size:1.04rem;line-height:1.7;color:#605c56}.projectLink{display:inline-flex;align-items:center;gap:2rem;margin-top:1.5rem;padding:1rem 1.25rem;background:var(--ink);color:#fff;text-transform:uppercase;font-size:.58rem;font-weight:700;letter-spacing:.12em}.projectLink b{color:var(--rean-green)}.reanTruck{margin:clamp(4rem,8vw,8rem) 0 0;display:grid;place-items:center;overflow:hidden}.reanTruck img{display:block;width:100%;height:auto}.reanPage .role h2 em,.reanPage .website h2 em,.reanPage .outcome h2 em{color:var(--rean-green)}.website>div>p{max-width:720px}.reanBrowser{margin-top:3rem;background:#fff;min-height:430px;padding:1.35rem;box-shadow:0 24px 55px rgba(0,0,0,.12);border:1px solid rgba(22,22,22,.1)}.browserBar{display:flex;align-items:center;gap:6px;border-bottom:1px solid #ddd;padding-bottom:1rem}.browserBar i{width:7px;height:7px;border-radius:50%;background:#bbb}.browserBar small{margin-left:auto;text-transform:uppercase;letter-spacing:.12em;color:#777}.reanBrowser h3{font-size:clamp(2.6rem,5vw,5.5rem);line-height:.9;letter-spacing:-.06em;margin:5rem 0 1.5rem;max-width:900px}.reanBrowser p{color:#666;line-height:1.55}.reanBrowser a{display:inline-block;margin-top:1.2rem;background:var(--rean-green);color:#fff;padding:.9rem 1.1rem;text-transform:uppercase;font-size:.54rem;letter-spacing:.12em}.reanPage .outcome a{background:var(--rean-green)}

@media(max-width:700px){.reanIntro{padding:2rem 20px 5rem}.reanMainLogo{width:76vw;margin:6rem auto}.introDetails{grid-template-columns:1fr;gap:3.5rem}.introDetails h1,.introDetails h2{font-size:14vw}.introDetails p{font-size:1rem}.reanTruck{margin-top:4.5rem}.reanTruck img{width:138%;max-width:none}.reanBrowser{min-height:360px;padding:1rem}.reanBrowser h3{font-size:12vw;margin-top:4rem}.browserBar small{font-size:.47rem}}