.barcelona-hero{display:grid;grid-template-columns:46% 54%;min-height:670px;border-bottom:1px solid var(--line)}.barcelona-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(55px,7vw,124px)}.barcelona-hero h1{font-size:clamp(74px,9vw,142px);margin:0 0 26px}.barcelona-hero-copy>p:not(.eyebrow){max-width:455px;font-size:18px;line-height:1.62}.barcelona-hero img,.barcelona-hero picture,.barcelona-why img,.barcelona-why picture{display:block;width:100%;height:100%}.barcelona-hero img,.barcelona-why img{object-fit:cover}.barcelona-intro,.barcelona-practical{display:grid;grid-template-columns:27% 1fr;grid-gap:clamp(44px,10vw,160px);gap:clamp(44px,10vw,160px);max-width:1420px;margin:0 auto;padding:clamp(88px,11vw,170px) clamp(25px,7vw,110px)}.barcelona-intro>div,.barcelona-practical>div{max-width:805px}.barcelona-closing h2,.barcelona-districts h2,.barcelona-intro h2,.barcelona-practical h2,.barcelona-suited h2,.barcelona-why h2{font-size:clamp(48px,5.4vw,84px);margin:0 0 28px}.barcelona-closing p:not(.eyebrow),.barcelona-intro p:not(.eyebrow),.barcelona-practical p:not(.eyebrow),.barcelona-why-copy>p:not(.eyebrow){font-size:18px;line-height:1.62;max-width:680px}.barcelona-why{display:grid;grid-template-columns:47% 53%;background:var(--cream)}.barcelona-why-image{min-height:760px}.barcelona-why-copy{padding:clamp(62px,8vw,132px);max-width:820px}.barcelona-points{margin-top:42px;border-top:1px solid var(--line)}.barcelona-points article{padding:23px 0;border-bottom:1px solid var(--line)}.barcelona-points h3,.barcelona-suited h3{font-size:27px;margin:0 0 8px}.barcelona-points p,.barcelona-suited p{font-size:15px;line-height:1.62;margin:0}.barcelona-suited{background:var(--ink);color:#fff;padding:clamp(88px,11vw,170px) clamp(25px,7vw,110px)}.barcelona-suited header,.barcelona-suited-list{max-width:1420px;margin-left:auto;margin-right:auto}.barcelona-suited .eyebrow{color:#ead8ba}.barcelona-suited-list{margin-top:62px;border-top:1px solid rgba(244,233,221,.42)}.barcelona-suited-list article{display:grid;grid-template-columns:34% 1fr;grid-gap:30px;gap:30px;padding:28px 0;border-bottom:1px solid rgba(244,233,221,.42)}.barcelona-suited-list h3{margin:0}.barcelona-suited-list p{color:#f4e9dd;max-width:560px}.barcelona-districts{padding:clamp(88px,11vw,170px) clamp(25px,7vw,110px);max-width:1420px;margin:0 auto}.barcelona-district-list,.barcelona-districts>.eyebrow,.barcelona-districts>h2{max-width:1420px;margin-left:auto;margin-right:auto}.barcelona-districts>h2{margin-bottom:62px}.barcelona-district-list{border-top:1px solid var(--line)}.barcelona-district-list article{display:grid;grid-template-columns:23% 34% 1fr;grid-gap:24px;gap:24px;padding:33px 0;border-bottom:1px solid var(--line)}.barcelona-district-list span{color:var(--wine);font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;padding-top:8px}.barcelona-district-list h3{font-size:31px;line-height:1.05;margin:0}.barcelona-district-list p{font-size:15px;line-height:1.62;margin:0}.barcelona-closing{padding:clamp(88px,12vw,185px) 25px;text-align:center;background:var(--wine);color:#fff}.barcelona-closing>*{max-width:940px;margin-left:auto;margin-right:auto}.barcelona-closing .eyebrow{color:#ead8ba;justify-content:center}.barcelona-closing p{color:#f4e9dd;margin-bottom:30px}.barcelona-closing .button{color:#fff;border-color:#fff}@media(max-width:900px){.barcelona-hero{grid-template-columns:1fr}.barcelona-hero-copy{padding:72px 7vw}.barcelona-hero picture{height:500px}.barcelona-intro,.barcelona-practical{grid-template-columns:1fr;gap:28px}.barcelona-why{grid-template-columns:1fr}.barcelona-why-image{min-height:500px;order:2}.barcelona-why-copy{max-width:none}.barcelona-district-list article{grid-template-columns:1fr 1fr}.barcelona-district-list span{grid-column:1/-1;padding:0}}@media(max-width:650px){.barcelona-hero-copy{padding:50px 25px}.barcelona-hero h1{font-size:69px}.barcelona-hero picture{height:360px}.barcelona-hero-copy>p:not(.eyebrow){font-size:16px}.barcelona-intro,.barcelona-practical{padding:66px 25px}.barcelona-closing h2,.barcelona-districts h2,.barcelona-intro h2,.barcelona-practical h2,.barcelona-suited h2,.barcelona-why h2{font-size:49px}.barcelona-closing p:not(.eyebrow),.barcelona-intro p:not(.eyebrow),.barcelona-practical p:not(.eyebrow),.barcelona-why-copy>p:not(.eyebrow){font-size:16px}.barcelona-why-copy{padding:64px 25px}.barcelona-why-image{min-height:400px}.barcelona-suited{padding:72px 25px}.barcelona-suited-list article{grid-template-columns:1fr;gap:6px}.barcelona-districts{padding:72px 25px}.barcelona-districts>h2{margin-bottom:40px}.barcelona-district-list article{grid-template-columns:1fr;gap:12px;padding:28px 0}.barcelona-closing{padding:78px 25px}}@media (min-width:901px){.barcelona-hero-copy{transform:translate(-30px,-15%)}}