.shade-page{background:#f5f7f7}.shade-page header.scrolled{position:sticky}.shade-main{max-width:1300px;margin:auto;padding:40px 5% 105px}.shade-back{display:inline-block;color:#486978;font-size:16px;margin-bottom:35px}.shade-heading{padding:25px 0 35px}.shade-heading h1{font-size:clamp(40px,5vw,76px);line-height:1.1;max-width:1000px}.shade-heading p{color:#486978;font-size:clamp(19px,2vw,26px);line-height:1.5;max-width:800px}.shade-photo{margin:0}.shade-photo img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center 48%;border-radius:14px}.shade-details{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:65px 0;border-bottom:1px solid #d7e0e2}.shade-details h2{font-size:clamp(30px,3vw,45px)}.shade-details p{font-size:19px;line-height:1.7;color:#365769}.shade-details .shade-note{font-size:15px;color:#57717f}.shade-types{display:flex;flex-wrap:wrap;gap:9px}.shade-types span{padding:8px 14px;border:1px solid #b7c9ce;border-radius:24px;font-size:15px}.shade-details .button{border-radius:24px;margin-top:15px}.shade-page footer{max-width:1800px;margin:auto}@media(max-width:750px){.shade-main{padding:26px 6% 65px}.shade-heading{padding:12px 0 25px}.shade-photo img{aspect-ratio:4/3}.shade-details{grid-template-columns:1fr;gap:26px;padding:38px 0}.shade-details p{font-size:18px}}