:root{--bg:#fbfaf7;--ink:#141414;--mute:#6b6b66;--line:#e4e1da;--accent:#0f6f73;--sand:#f1ede4;--max:1120px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Helvetica Neue",Arial,sans-serif;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}
.narrow{max-width:760px}
nav.top{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:22px 32px;color:#fff;font-size:14px;letter-spacing:.04em}
nav.top a{text-decoration:none;opacity:.9}
nav.top .lang a{border:1px solid rgba(255,255,255,.5);border-radius:99px;padding:5px 12px}
.hero{position:relative;height:92vh;min-height:560px;color:#fff;overflow:hidden}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.7) 100%)}
.hero .copy{position:absolute;left:0;right:0;bottom:8vh;z-index:2}
.hero h1{font-size:clamp(38px,6vw,76px);line-height:1.04;letter-spacing:-.02em;font-weight:600;margin:0 0 18px;max-width:14ch}
.hero p{font-size:clamp(17px,1.6vw,21px);max-width:44ch;margin:0;opacity:.95}
.kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:600;margin:0 0 14px}
.hero .kicker{color:#fff;opacity:.85}
.rule{height:1px;background:var(--line);border:0;margin:0 0 28px;width:64px;background:var(--ink)}
section{padding:120px 0}
section.alt{background:var(--sand)}
h2{font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-.015em;font-weight:600;margin:0 0 28px;max-width:20ch}
h3{font-size:22px;letter-spacing:-.01em;margin:0 0 8px;font-weight:600}
.lead{font-size:clamp(19px,1.8vw,23px);line-height:1.5;color:#2b2b28;max-width:40ch}
p{margin:0 0 18px}
.mute{color:var(--mute)}
.full{width:100%;height:78vh;min-height:420px;object-fit:cover;margin:0}
figure{margin:0}figcaption{font-size:13px;color:var(--mute);margin-top:10px}
.facts{list-style:none;padding:0;margin:48px 0 0;border-top:1px solid var(--line)}
.facts li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;padding:22px 0;border-bottom:1px solid var(--line)}
.facts b{font-weight:600}
.facts .src{display:block;font-size:13px;color:var(--mute);margin-top:4px}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.props{margin-top:64px;border-top:1px solid var(--ink)}
.prop{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;padding:56px 0;border-bottom:1px solid var(--line);align-items:start}
.prop .ph{aspect-ratio:4/3;width:100%;object-fit:cover;background:var(--sand)}
.prop .noph{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:var(--sand);color:var(--mute);font-size:14px;text-align:center;padding:24px}
.prop dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 20px;margin:18px 0 22px;font-size:15px}
.prop dt{color:var(--mute)}.prop dd{margin:0}
.num{font-size:13px;color:var(--mute);letter-spacing:.12em}
.gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;margin-top:56px}
.gallery img{width:100%;height:100%;object-fit:cover}
.g-a{grid-column:span 7;aspect-ratio:7/6}.g-b{grid-column:span 5;aspect-ratio:5/6}
.g-c{grid-column:span 4;aspect-ratio:3/4}.g-full{grid-column:span 12;aspect-ratio:16/8}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;margin-top:40px}
.split ul{padding-left:20px;margin:0}.split li{margin-bottom:12px}
.receipt{margin-top:40px;border:1px solid var(--ink);background:#fff}
.receipt .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;padding:22px 28px;border-bottom:1px dashed var(--line)}
.receipt .row:last-child{border-bottom:0}
.receipt .tier{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.pending{border:1px dashed #b9b3a6;padding:40px;color:var(--mute);margin-top:32px;text-align:center}
form{margin-top:40px;display:grid;gap:16px;max-width:560px}
label{font-size:14px;color:var(--mute);display:grid;gap:6px}
input,select,textarea{font:inherit;padding:14px 16px;border:1px solid #cfcac0;background:#fff;border-radius:0;width:100%;color:var(--ink)}
button{font:inherit;font-weight:600;padding:16px 24px;background:var(--ink);color:#fff;border:0;cursor:pointer;justify-self:start}
.note{font-size:14px;color:var(--mute);margin-top:12px}
.grow{padding:64px 0;border-top:1px solid var(--line)}
.grow p{font-size:15px;color:var(--mute);max-width:70ch;margin:0}
footer{background:#111;color:#bdbdb7;padding:56px 0;font-size:13px}
footer .by{display:flex;align-items:center;gap:14px;margin-bottom:24px;color:#fff}
footer .by img{height:16px;width:auto}
footer ol{padding-left:18px;margin:12px 0 0;columns:2;column-gap:40px}
footer li{margin-bottom:6px;break-inside:avoid}
footer a{color:#d8d8d2}
@media (max-width:820px){
 .wrap{padding:0 16px}nav.top{padding:16px}
 section{padding:72px 0}
 .facts li,.two,.prop,.split,.receipt .row{grid-template-columns:minmax(0,1fr);gap:14px}
 .prop{gap:20px;padding:40px 0}.two,.split{gap:40px}
 .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .g-a,.g-b,.g-c{grid-column:span 1;aspect-ratio:3/4}.g-full{grid-column:span 2;aspect-ratio:4/3}
 .full{height:56vh}
 footer ol{columns:1}
 .receipt .row{padding:18px}
}
/* ronda 2 */
:root{--track:#e3ece9;--accent-soft:#9cc9c7}
.bignums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 64px;margin-top:56px}
.bignums.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.bignums div,.chart,.yield{display:flex;flex-direction:column;gap:4px}
.bn{font-size:clamp(40px,5vw,64px);font-weight:600;letter-spacing:-.02em;line-height:1;color:var(--accent);margin-bottom:10px}
.bignums small,.chart small{color:var(--mute);font-size:13px}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:80px}
.tile img{aspect-ratio:4/3;width:100%;object-fit:cover}
.tile figcaption{display:flex;flex-direction:column;gap:2px;margin-top:12px;font-size:15px;color:var(--ink)}
.tile figcaption span{color:#3b3b37}.tile em{font-style:normal;font-size:11px;color:var(--mute)}
.tile.txt{background:var(--accent);color:#fff;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;aspect-ratio:4/3;font-size:15px}
.tile.txt b{font-size:24px}
#map{height:480px;margin-top:40px;background:#dfe9e8;z-index:0}
.know{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 64px;margin-top:40px}
.know b{display:block;font-size:18px;margin-bottom:6px}.know p{color:#3b3b37;margin:0}
.charts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;margin-top:48px}
.bar{width:100%;height:12px;margin-top:12px}
.svgc{width:100%;max-width:440px;margin-top:20px;overflow:visible}
.svgc .ax{font-size:13px;fill:var(--mute)}.svgc .vl{font-size:13px;fill:var(--ink);font-weight:600}.svgc .lb{font-size:12px;fill:var(--accent);font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.tablewrap{overflow-x:auto;margin-top:48px}
.ptable{width:100%;border-collapse:collapse;font-size:15px}
.ptable th{text-align:left;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-weight:600;padding:10px 12px 10px 0;border-bottom:1px solid var(--ink)}
.ptable td{padding:14px 12px 14px 0;border-bottom:1px solid var(--line);white-space:nowrap}
.ptable td:nth-child(4),.ptable td:nth-child(5),.ptable th:nth-child(4),.ptable th:nth-child(5){text-align:right}
.price{font-size:22px;font-weight:600;color:var(--accent);margin:4px 0 0}.price span{font-size:14px;color:var(--mute);font-weight:400}
.why{font-size:15px}
.tag{display:inline-block;background:#fff;border:1px solid var(--accent);color:var(--accent);padding:8px 14px;font-size:14px;margin-bottom:24px}
.yields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;margin-top:24px}
.yield dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 20px;font-size:15px;margin-top:20px}.yield dt{color:var(--mute)}.yield dd{margin:0}
.steps{padding-left:20px;color:#3b3b37;max-width:70ch;font-size:15px}.steps li{margin-bottom:8px}
.credits{margin-top:20px}
@media (max-width:820px){
 .bignums,.bignums.three,.know,.yields{grid-template-columns:minmax(0,1fr);gap:36px}
 .tiles{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:56px}
 .charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}
 .charts .bn{font-size:34px}
 #map{height:360px}
 .ptable{font-size:13px}
}
.tile.txt{grid-column:1/-1;aspect-ratio:auto;padding:28px 32px}
.charts .bn{font-size:clamp(32px,3.4vw,48px);white-space:nowrap}
@media (max-width:820px){.ptable th:nth-child(2),.ptable td:nth-child(2){display:none}.ptable td{white-space:normal}}
.herocred{position:absolute;right:16px;bottom:12px;z-index:3;font-size:11px;color:rgba(255,255,255,.8)}
.hero img{object-position:center 40%}
figure.wide{margin-top:64px}figure.wide img{width:100%;aspect-ratio:16/9;object-fit:cover}
.poi{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;border-top:1px solid var(--line)}
.poi li{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px}
.poi b{color:var(--accent);font-weight:600;white-space:nowrap}
@media (max-width:820px){.poi{grid-template-columns:minmax(0,1fr)}}
.fullfig{position:relative}
.thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}
.thumbs img{aspect-ratio:1;width:100%;object-fit:cover}
@media (max-width:820px){
 .ptable thead{display:none}
 .ptable,.ptable tbody,.ptable tr,.ptable td{display:block;width:100%}
 .ptable tr{border-top:1px solid var(--ink);padding:14px 0 10px}
 .ptable td{border:0;padding:3px 0;text-align:left!important;display:flex!important;justify-content:space-between;gap:16px}
 .ptable td:first-child{font-weight:600;font-size:16px}
 .ptable td:first-child:before{content:none}
 .ptable td:before{content:attr(data-l);color:var(--mute);font-size:13px}
 .ptable th:nth-child(2),.ptable td:nth-child(2){display:flex!important}
}
