*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f4ec;color:#213f37;font:16px/1.65 Arial,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #9a6f43;outline-offset:5px}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:28px;border-bottom:1px solid #d9dcd2}.brand{font:30px/1.1 Georgia,serif;letter-spacing:-1px;text-decoration:none}.brand small{display:block;font:9px/1.4 Arial,sans-serif;letter-spacing:2.5px;margin-top:8px}.nav{font-size:13px;text-decoration:none}.hero{max-width:780px;text-align:center;margin:auto;padding:68px 0 52px}.eyebrow{font-size:10px;letter-spacing:2.2px;text-transform:uppercase}.hero h1{font:clamp(45px,7vw,82px)/1.05 Georgia,serif;letter-spacing:-2px;margin:22px 0}.hero em{color:#8b765c;font-weight:normal}.hero p{max-width:570px;margin:20px auto;color:#52675d}.button{display:inline-block;padding:12px 22px;background:#213f37;color:#fff;text-decoration:none;border-radius:3px;font-size:14px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:10px 0 24px}.section-heading h2,.explain h2{font:36px/1.15 Georgia,serif;letter-spacing:-.7px;margin:0}.section-heading p{font-size:13px;color:#52675d}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:285px;overflow:hidden;background:#213f37;color:#fff;text-decoration:none;border-radius:4px;isolation:isolate}.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.tile:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#102e3b66,#173b3522 25%,#0e2827ed)}.place{padding:18px;font-size:11px}.citymark{padding:24px;font:30px/1.1 Georgia,serif}.citymark small{display:block;font:10px/1.4 Arial,sans-serif;letter-spacing:4px;margin-top:9px}.explain{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:70px 0 54px;margin-top:46px;border-top:1px solid #d9dcd2}.explain p{color:#52675d}.explain h3{font:25px Georgia,serif;margin:0 0 16px}.explain small{font-size:13px}.footer{border-top:1px solid #d9dcd2;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:25px;font-size:12px;color:#52675d}.footer nav{display:flex;gap:24px}.policy{max-width:780px;padding-block:50px 70px}.policy h1{font:45px Georgia,serif}.policy h2{font:26px Georgia,serif;margin-top:30px}.policy section{margin-top:36px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:12px;padding:10px;background:#fff;z-index:10}@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.explain{gap:30px}.tile{min-height:250px}.citymark{font-size:26px}}@media(max-width:520px){.wrap{width:calc(100% - 32px)}.header{padding-block:22px}.brand{font-size:25px}.nav{font-size:11px}.hero{padding:46px 0 32px}.hero h1{letter-spacing:-1px}.section-heading{display:block}.grid{gap:12px}.tile{min-height:220px}.place{padding:12px;font-size:10px}.citymark{padding:15px;font-size:23px}.citymark small{font-size:9px;letter-spacing:2.5px}.explain{grid-template-columns:1fr;padding-block:40px;gap:28px;margin-top:35px}.footer{font-size:11px}.section-heading h2,.explain h2{font-size:31px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Compact introduction and pointer-responsive city cards. */
.header{padding-block:20px}.brand{font-size:28px}.brand small{margin-top:6px}
.hero{max-width:780px;padding:30px 0 32px}.hero .eyebrow{margin:0 0 14px}
.hero h1{font-size:clamp(40px,5vw,62px);line-height:1.06;margin:0 0 18px}
.hero p{margin:12px auto;line-height:1.6}.hero .button{margin-top:8px;padding:10px 22px}
.section-heading{margin:4px 0 18px}.section-heading h2{font-size:32px}.section-heading p{margin:0}
.tile{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform 180ms ease-out,box-shadow 180ms ease-out}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .tile:hover{box-shadow:0 12px 24px #213f3726}.tile img{transition:transform 220ms ease-out;transform:scale(1.035) translate(var(--image-x,0px),var(--image-y,0px))}
}
@media(max-width:520px){
 .header{padding-block:17px;gap:14px}.brand{font-size:24px}.brand small{font-size:8px;letter-spacing:1.7px}
 .hero{padding:26px 0 28px}.hero h1{font-size:42px}.hero p{font-size:15px;margin:12px auto}
 .section-heading h2{font-size:28px}.section-heading p{margin-top:8px}.section-heading{margin-bottom:16px}
}
@media(prefers-reduced-motion:reduce){.tile,.tile img{transform:none!important;transition:none!important}}

.brand{width:180px;flex:none}.brand svg{display:block;width:100%;height:auto}.citymark{padding:12px 22px}.citymark svg{display:block;width:min(100%,240px);height:auto}.tile{justify-content:space-between}.header{padding-block:12px}.hero{padding-top:34px}.explain{gap:32px;padding-block:36px}.explain p{margin-block:12px}@media(max-width:520px){.brand{width:150px}.citymark{padding:10px 12px}.hero{padding-top:28px}.tile{min-height:230px}}

@media(max-width:520px){.section-heading,.explain,.footer{text-align:center}.section-heading h2{font-size:clamp(23px,6.7vw,28px)}.section-heading h2 span{display:block}.section-heading h2 span:last-child{white-space:nowrap}.footer{justify-content:center}.citymark svg{margin-inline:auto}.place{text-align:center}}

/* Center the hero tagline and every city wordmark at all widths. */
.hero .eyebrow{margin-inline:auto;text-align:center}
.citymark{text-align:center}
.citymark svg{margin-inline:auto}