.hero-look-link{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;font-size:13px;line-height:1.5;margin-top:24px;padding:8px 0;border-bottom:1px solid #7d887e}.hero-look-dots{display:flex;gap:4px}.hero-look-dots i{display:block;width:9px;height:9px;border-radius:50%;background:#a9bfd0}.hero-look-dots i:nth-child(2){background:#52615a}.hero-look-dots i:nth-child(3){background:#7b3f50}.map-looks{padding:88px clamp(20px,4vw,66px) 96px;background:#eceee7;border-top:1px solid #c8c9bd;scroll-margin-top:24px}.map-looks-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end;margin-bottom:38px}.map-looks h2{font-size:clamp(44px,4.8vw,72px);margin:22px 0 0}.map-looks-heading>p{font:19px/1.6 Georgia,serif;margin:0;max-width:440px;color:#46524a}.map-looks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.map-look-card{min-width:0;display:flex;flex-direction:column}.map-look-visual{background:#dde3d9;padding:26px clamp(14px,2vw,30px);margin:0;display:flex;align-items:center;justify-content:center;aspect-ratio:3/4}.map-look-card:nth-child(2) .map-look-visual{background:#dce0dc}.map-look-card:nth-child(3) .map-look-visual{background:#e4dcd9}.map-look-visual img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;box-shadow:3px 5px 12px #20292421}.map-look-copy{padding:22px 0 0;display:flex;flex-direction:column;flex:1}.map-look-copy>span{font-size:10px;letter-spacing:.13em;font-weight:700;color:#58645a}.map-look-copy h3{font:35px/1.1 Georgia,serif;letter-spacing:-.035em;margin:10px 0 12px}.map-look-copy p{font-size:15px;line-height:1.65;margin:0 0 16px;color:#47554b;max-width:350px}.look-colour-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 15px}.look-colour-options button{width:44px;height:44px;border:5px solid #eceee7;box-shadow:0 0 0 1px #9ba59d;border-radius:50%;background:var(--look-colour);padding:0;flex:0 0 44px}.look-colour-options button[aria-pressed=true]{box-shadow:0 0 0 2px #202924}.look-colour-options button[aria-pressed=true]::after{content:'✓';color:white;font-size:15px}.look-colour-options output{font-size:12px;color:#46524a;margin-left:3px}.map-look-cta{display:inline-flex;align-self:flex-start;align-items:center;min-height:44px;padding:9px 0;border-bottom:1px solid #202924;margin-top:auto;font-weight:700;font-size:14px}.map-look-cta:hover,.hero-look-link:hover{color:#813d31}.map-looks-note{font-size:12px;line-height:1.6;color:#5d6a60;margin:30px 0 0;max-width:900px}.map-looks-family-note{font-size:14px;line-height:1.6;margin:25px 0 0;color:#34463a}
@media(max-width:800px){.map-looks-heading{grid-template-columns:1fr;gap:22px}.map-looks-heading>p{max-width:620px}.map-looks-grid{gap:16px}.map-look-visual{padding:16px 12px}.map-look-copy h3{font-size:28px}.map-look-copy p{font-size:14px}}
@media(max-width:600px){.map-looks{padding:62px 20px 65px}.map-looks-heading{margin-bottom:28px}.map-looks h2{font-size:clamp(44px,11.5vw,64px)}.map-looks-heading>p{font-size:18px}.map-looks-grid{grid-template-columns:1fr;gap:38px}.map-look-card{max-width:440px;width:100%;margin:0 auto}.map-look-visual{padding:24px;aspect-ratio:auto}.map-look-copy h3{font-size:34px}.map-look-copy p{font-size:16px;max-width:none}.map-look-copy{padding-top:19px}.map-look-cta{font-size:15px}.hero-look-link{font-size:12px;max-width:100%}.map-looks-note{margin-top:27px}}