:root{--ink:#183c30;--muted:#68756c;--yellow:#f6ce55;--paper:#fcfbf7;--line:#dde3d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body-font)}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c18b00;outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading-font)}img{max-width:100%;display:block}.wrap{max-width:1280px;margin:auto;padding-left:40px;padding-right:40px}.prototype{background:#15382b;color:#fff;text-align:center;padding:8px;font-size:10px;letter-spacing:1.6px}.prototype span{opacity:.7;letter-spacing:.3px;margin-left:16px}header{position:absolute;z-index:5;left:32px;right:32px;top:58px;height:82px;display:flex;align-items:center;gap:30px;padding:14px 24px;background:#fffef9;border-radius:50px;box-shadow:0 8px 35px #102e1c16}.brand{display:flex;align-items:center;gap:11px;font-size:14px;line-height:1.25;font-weight:600;flex-shrink:0}.brand-bottom{display:block;font-size:20px;font-weight:800;letter-spacing:-.7px}.brand-icon{font-size:41px;line-height:1;color:#b68c28}nav{display:flex;gap:27px;margin:auto;font-size:13px;font-weight:600}nav a:hover{color:#a57200}.header-cta,.yellow{border:0;background:var(--yellow);border-radius:30px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 23px;font-weight:700;font-size:13px}.header-cta span{font-size:21px}.menu{display:none}.hero{position:relative;min-height:770px;background:#607c74 url('assets/landscape.jpg') center 48%/cover;color:#fff;isolation:isolate}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#102f27e8 0%,#163e2d99 45%,#183d3020 100%),linear-gradient(0deg,#163a3099,transparent 45%)}.hero-content{max-width:1280px;margin:auto;padding:218px 40px 110px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow>span{display:inline-block;width:22px;height:1px;background:var(--yellow)}h1{font-size:clamp(42px,4.7vw,70px);line-height:1.13;font-weight:600;letter-spacing:-3px;margin:22px 0}h1 em{font-style:normal;color:var(--yellow)}.hero-copy{font-size:16px;line-height:1.8;color:#f0f4eb}form{display:flex;gap:12px;align-items:center;border-radius:40px;background:#fff;padding:7px 7px 7px 22px;max-width:555px;margin-top:30px;color:var(--ink)}form>span{font-size:29px}input{border:0;background:transparent;min-width:0;flex:1;padding:12px 0;font-size:14px;color:var(--ink)}input:focus{outline:none}form:focus-within{outline:3px solid var(--yellow);outline-offset:4px}form button{background:var(--yellow);border:0;border-radius:28px;padding:16px 25px;font-size:13px;font-weight:700;display:flex;gap:19px}.suggestions{display:flex;align-items:center;gap:9px;font-size:11px;margin-top:14px;color:#f1f4eb}.suggestions button{border:1px solid #ffffff55;background:#ffffff0d;border-radius:15px;color:#fff;padding:7px 13px;font-size:11px}.suggestions button:hover{background:#ffffff25}.hero-bottom{position:absolute;bottom:35px;left:40px;right:40px;display:flex;justify-content:space-between;font-size:12px;opacity:.9}.hero-bottom a{font-weight:700}.photo-note{position:absolute;bottom:10px;right:40px;font-size:9px;opacity:.65}.intro{display:grid;grid-template-columns:1fr 1.6fr 1.2fr;gap:40px;align-items:center;padding-top:52px;padding-bottom:52px;border-bottom:1px solid var(--line)}.mini-label{font-size:10px;letter-spacing:1.7px;font-weight:700}.intro p{font-size:24px;line-height:1.5;letter-spacing:-.6px}.intro p strong{font-weight:500;color:#899487}.intro-copy{font-size:13px;line-height:1.9;color:var(--muted)}.catalog{padding-top:80px;padding-bottom:80px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.dark{color:#727e69}h2{font-size:36px;line-height:1.25;letter-spacing:-1.4px;font-weight:600;margin-top:13px}h2 em{font-style:normal;color:#8f9d7f}.text-button{background:none;border:0;border-bottom:1px solid #aab5a2;padding:9px 0;font-size:12px;font-weight:600}.filters{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:30px 0 0}.filters>button{padding:11px 20px;border-radius:24px;background:transparent;border:1px solid var(--line);font-size:12px}.filters>button.active{background:var(--ink);border-color:var(--ink);color:#fff}.city-label{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:12px}.city-label select{padding:10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff}.result{font-size:11px;color:var(--muted);margin:18px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{border:1px solid #e7e9e1;border-radius:15px;overflow:hidden;background:#fff;text-align:left;padding:0;transition:transform .2s,box-shadow .2s;position:relative}.card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #203a2810}.card-image{height:225px;overflow:hidden;background:#eee}.card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover img{transform:scale(1.04)}.card-body{padding:21px 23px 23px}.card-type{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#6b7a62;display:block;margin-bottom:10px}.card h3{font-size:20px;letter-spacing:-.6px;line-height:1.3}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef0e8;padding-top:15px;margin-top:18px;font-size:12px;color:#64705f}.card-arrow{font-size:20px;color:var(--ink)}.sample-note{margin-top:22px;font-size:11px;line-height:1.7;color:var(--muted)}#empty{padding:55px;text-align:center;border:1px dashed var(--line);border-radius:12px}#empty p{margin:15px}.regions{background:#ecefe5;padding:75px 0}.regions-inner{display:grid;grid-template-columns:.95fr 1.1fr;gap:85px;align-items:center}.regions h2{font-size:46px}.regions p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:370px;margin-top:22px;color:#67725f}.region-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.region-buttons button{display:flex;justify-content:space-between;padding:15px;border:1px solid #cfd7c6;background:transparent;border-radius:8px;font-size:13px}.region-buttons button:hover{background:#fff}.region-art{min-height:375px;border-radius:18px;background:var(--ink);color:#fff;position:relative;overflow:hidden;padding:36px;display:flex;flex-direction:column;justify-content:center}.region-caption{font-size:9px;letter-spacing:2px;position:relative}.region-art h3{font-size:31px;line-height:1.35;margin-top:22px;position:relative;letter-spacing:-1px}.contour{position:absolute;width:480px;height:400px;border:1px solid #e7c76240;border-radius:44% 56% 65% 35%;right:-230px;top:-50px;transform:rotate(-25deg)}.c2{width:590px;height:500px;right:-260px;top:-110px}.c3{width:700px;height:600px;right:-295px;top:-170px}.map-pin{align-self:flex-start;margin-top:25px;background:var(--yellow);padding:12px 18px;border:0;border-radius:25px;font-size:12px;font-weight:600;z-index:1}.region-art small{font-size:9px;color:#d1d9cb;position:relative;margin-top:30px;line-height:1.6}.story{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-top:90px;padding-bottom:90px}.story-photo{height:420px;position:relative;border-radius:18px;overflow:hidden;background:#e4e7df}.story-photo img{width:100%;height:100%;object-fit:cover}.story-photo>span{position:absolute;bottom:20px;left:20px;background:#fff;padding:10px 15px;border-radius:20px;font-size:9px;letter-spacing:1px}.story-copy p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin:25px 0}.outline{padding:15px 20px;background:none;border:1px solid #9cab92;border-radius:30px;font-size:12px;font-weight:600}.source-note{display:block;font-size:10px;margin-top:18px;color:var(--muted)}.about{background:var(--ink);color:#fff;text-align:center;padding:70px 0}.about .eyebrow{justify-content:center;color:var(--yellow)}.about h2{font-size:45px}.about p:not(.eyebrow){max-width:500px;margin:22px auto;color:#d4dfd1;line-height:1.8;font-size:14px}.about .yellow{margin-top:8px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:35px;padding-bottom:35px}footer p{font-size:11px;line-height:1.9;color:var(--muted)}footer small{font-size:10px}footer>a:last-child{font-size:12px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-100px;z-index:30;background:#fff;padding:15px}.skip:focus{top:0}dialog{border:0;border-radius:18px;max-width:850px;width:calc(100% - 32px);padding:0;color:var(--ink);max-height:90dvh;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#0b211caa;backdrop-filter:blur(5px)}#close-detail{position:absolute;right:12px;top:12px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 10px #0002}#detail-content>img{width:100%;height:300px;object-fit:cover} .detail-body{padding:30px}.detail-body h2{font-size:30px}.detail-body p{font-size:14px;line-height:1.9;margin:15px 0;white-space:pre-line}.detail-body small{color:var(--muted)}.detail-body a{display:inline-block;border-bottom:1px solid;margin-top:15px;font-size:12px}
@media(min-width:1500px){header{max-width:1370px;margin:auto}.hero-content{padding-top:230px}.hero{min-height:810px}}
@media(max-width:1050px){header{left:20px;right:20px;padding:12px 20px}nav{gap:17px;font-size:11px}.header-cta{display:none}.cards{gap:18px}.card-image{height:190px}.intro{grid-template-columns:1fr 2fr}.intro-copy{grid-column:2}.regions-inner,.story{gap:35px}.wrap{padding-left:28px;padding-right:28px}}
@media(max-width:700px){html{scroll-padding-top:20px}.prototype{font-size:8px;letter-spacing:1px}.prototype span{display:none}header{top:43px;left:16px;right:16px;height:67px;padding:12px 17px;border-radius:35px}.brand{font-size:11px;gap:8px}.brand-bottom{font-size:16px}.brand-icon{font-size:32px}.menu{display:block;background:#eff2e8;border:0;width:40px;height:40px;border-radius:50%;margin-left:auto;font-size:19px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;border-radius:16px;padding:14px;box-shadow:0 15px 30px #0002}nav.open{display:flex;flex-direction:column;gap:0}nav a{padding:14px;font-size:14px}.hero{min-height:690px;background-position:60% center}.hero-shade{background:linear-gradient(90deg,#12382ce8,#16382ba0),linear-gradient(0deg,#163a3080,transparent)}.hero-content{padding:167px 24px 95px}h1{font-size:43px;line-height:1.14;letter-spacing:-2px;margin:20px 0}.hero h1 em{display:inline}.hero-copy{font-size:14px;line-height:1.8;max-width:320px}.desktop{display:none}.eyebrow{font-size:9px;letter-spacing:1.7px}form{margin-top:26px;padding:6px 6px 6px 15px;gap:8px}form>span{font-size:24px}input{font-size:12px;padding:13px 0;width:100px}form button{padding:15px 18px;gap:8px;font-size:12px}.suggestions{font-size:10px;gap:6px;flex-wrap:wrap}.suggestions button{padding:7px 11px}.hero-bottom{left:24px;right:24px;bottom:32px;font-size:10px}.hero-bottom>span{max-width:180px;line-height:1.6}.photo-note{right:24px;bottom:10px;font-size:8px}.wrap{padding-left:24px;padding-right:24px}.intro{padding-top:32px;padding-bottom:32px;display:block}.mini-label{font-size:9px}.intro p{font-size:24px;margin-top:15px}.intro-copy{display:block;margin-top:15px;font-size:12px}.catalog{padding-top:45px;padding-bottom:45px}.section-head{align-items:flex-start;flex-direction:column;gap:12px}h2{font-size:29px;letter-spacing:-1px}.text-button{font-size:11px}.filters{gap:8px;margin-top:24px}.filters>button{font-size:11px;padding:10px 15px}.city-label{margin-left:0;width:100%;justify-content:space-between;margin-top:7px}.city-label select{flex:1;margin-left:10px}.result{margin:15px 0}.cards{grid-template-columns:1fr 1fr;gap:12px}.card{border-radius:11px}.card-image{height:140px}.card-body{padding:14px 12px}.card-type{font-size:8px;line-height:1.6;letter-spacing:.5px;min-height:25px}.card h3{font-size:16px;letter-spacing:-.4px;min-height:42px}.card-bottom{font-size:10px;margin-top:12px;padding-top:12px}.card-arrow{font-size:17px}.sample-note{font-size:10px}.regions{padding:43px 0}.regions-inner{grid-template-columns:1fr;gap:28px}.regions h2{font-size:37px}.regions p:not(.eyebrow){font-size:13px;margin-top:18px}.region-art{min-height:290px;padding:28px}.region-art h3{font-size:27px}.story{grid-template-columns:1fr;padding-top:48px;padding-bottom:48px;gap:28px}.story-photo{height:290px}.story-copy p:not(.eyebrow){font-size:13px;margin:20px 0}.about{padding:48px 0}.about h2{font-size:34px}.about p:not(.eyebrow){font-size:13px}footer{flex-direction:column;align-items:flex-start;gap:23px}#detail-content>img{height:220px}.detail-body{padding:23px}.detail-body h2{font-size:26px}#empty{padding:30px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Contrast correction after desktop/mobile visual review. */
.yellow,.map-pin{color:#183c30}h2 em,.intro p strong{color:#637654}.about h2{color:#fff}
/* Keep the keyboard skip link visually hidden outside keyboard focus, including long-page captures. */
.skip{clip-path:inset(50%);opacity:0;pointer-events:none}.skip:focus{clip-path:none;opacity:1;pointer-events:auto;top:0}
