.homepage{display:flex;flex-direction:column;height:100vh;background-color:#fff2d0;margin-bottom:10rem}.left-side{position:relative;flex:1;min-height:50vh}.portrait{-o-object-fit:cover;object-fit:cover}.diagonal-gradient{position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,0,0,.35) 30%,rgba(0,0,0,.1) 70%,transparent);pointer-events:none}.mobile-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;text-align:center;padding:0 1rem}.mobile-text h1{color:#5e4b3c;background-color:#fff2d06f;font-size:4rem;font-weight:800;text-transform:uppercase;margin-bottom:.25rem}.mobile-text h2{color:#fff2d0;text-transform:uppercase}.mobile-text .subtitle{font-size:1rem;margin-bottom:.75rem}.mobile-buttons{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.mobile-buttons .btn{font-size:.85rem;padding:.5rem 1rem}.right-side{flex:1;background:white;display:flex;justify-content:center;align-items:flex-start;padding:2rem;margin-top:2rem;position:relative;z-index:10}.content{max-width:500px}.desktop-text{display:none}.desktop-text h1{color:#5e4b3c;text-transform:uppercase;font-weight:900;font-size:clamp(3rem,10vw,7rem);margin-bottom:1rem;margin-top:20rem}.desktop-text h2{position:relative;color:#fff;background:#5e4b3c;padding:1rem;margin-bottom:1.5rem;text-align:left;font-size:2rem;font-weight:500;z-index:1}.desktop-text h2:before{content:"";position:absolute;top:0;left:-80%;right:-1%;bottom:0;background:linear-gradient(270deg,#5e4b3c,90%,transparent);z-index:-1}.desktop-text .subtitle{font-size:1rem;color:#333;text-transform:capitalize;margin-top:.5rem;margin-bottom:.8rem}.buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;text-decoration:none}.btn-primary{background:#5e4b3c;color:#fff}.btn-primary:hover{background:#fff2d0;color:#5e4b3c}.btn-secondary{background:#fff;border:1px solid #ccc;color:#111}.btn-secondary:hover{background:#f3f3f3}.about{margin-bottom:3rem}.about h2{font-size:1.5rem;font-weight:600;text-decoration:underline;margin-bottom:.5rem}.about p{margin-bottom:1rem;line-height:1.7}.tree-image{width:100%;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-top:1rem;margin-bottom:2rem}@media (min-width:768px){.homepage{flex-direction:row}.left-side{flex:1;min-height:auto}.right-side{flex:1;align-items:center;margin-left:-6rem}.desktop-text{display:block}.mobile-text{display:none}.desktop-text .buttons{margin-top:.5rem}}