
      
    


      
     


      {} *{} {}
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    



 :root{--ivory:#f5f1e8;--paper:#fffdf8;--teal:#173f3b;--teal2:#285b55;--charcoal:#232725;--stone:#b8aa98;--brass:#9b7a4f;--mist:#e8eee9;--line:#d8d0c4;--red:#7f4034;--shadow:0 22px 60px rgba(28,44,40,.12)} *{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--ivory)} body{margin:0;color:var(--charcoal);background:var(--ivory);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:18px;line-height:1.58;-webkit-font-smoothing:antialiased} a{color:inherit} img{display:block;max-width:100%} .container{width:min(1180px,calc(100% - 40px));margin:0 auto} .eyebrow{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--brass);margin:0 0 14px} h1,h2,h3,.display{font-family:Georgia,"Times New Roman",serif;color:var(--teal);letter-spacing:-.035em} h1{font-size:clamp(3rem,7vw,6.4rem);line-height:.94;margin:0 0 22px;font-weight:500} h2{font-size:clamp(2.2rem,4.3vw,4rem);line-height:1.02;margin:0 0 22px;font-weight:500} h3{font-size:clamp(1.3rem,2.2vw,1.85rem);line-height:1.15;margin:0 0 10px;font-weight:600} p{margin:0 0 18px} .lead{font-size:clamp(1.12rem,1.8vw,1.45rem);line-height:1.5;color:#3b4743;max-width:760px} .small{font-size:.88rem;color:#66716d} .note{font-size:.78rem;line-height:1.45;color:#69746f} section{padding:88px 0;border-top:1px solid rgba(155,122,79,.16)} .nav{position:sticky;top:0;z-index:50;background:rgba(245,241,232,.93);backdrop-filter:blur(15px);border-bottom:1px solid rgba(23,63,59,.1)} .nav-inner{height:66px;display:flex;align-items:center;gap:28px} .brand{font-family:Georgia,"Times New Roman",serif;font-size:1.1rem;font-weight:700;color:var(--teal);white-space:nowrap} .nav-links{display:flex;gap:22px;margin-left:auto;font-size:.82rem;font-weight:700;letter-spacing:.04em} .nav-links a{text-decoration:none;opacity:.78} .nav-links a:hover{opacity:1} .nav-cta{text-decoration:none;background:var(--teal);color:white;padding:10px 15px;border-radius:999px;font-weight:800;font-size:.82rem} .hero{padding:58px 0 42px;border-top:0} .hero-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:46px;align-items:center} .hero-kicker{display:inline-flex;gap:8px;align-items:center;background:#e9ede6;border:1px solid #dce3dc;color:var(--teal);padding:8px 12px;border-radius:999px;font-size:.78rem;font-weight:800;margin-bottom:22px} .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 30px} .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;padding:14px 20px;font-weight:800;border:1px solid var(--teal);font-size:.94rem} .btn.primary{background:var(--teal);color:white} .btn.secondary{background:transparent;color:var(--teal)} .hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px} .stat{background:rgba(255,255,255,.58);border:1px solid rgba(23,63,59,.13);padding:15px;border-radius:14px} .stat strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.38rem;color:var(--teal);line-height:1.05} .stat span{display:block;font-size:.77rem;color:#67716d;margin-top:6px} .hero-visual{position:relative} .hero-visual img{width:100%;border-radius:28px;box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover} .caption{font-size:.72rem;color:#69746f;line-height:1.4;margin-top:10px} .section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:end;margin-bottom:38px} .section-head .lead{margin-left:auto} .facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .fact{padding:24px 22px;background:var(--paper);border:1px solid rgba(23,63,59,.1);border-radius:18px;min-height:150px} .fact strong{font-family:Georgia,"Times New Roman",serif;font-size:2rem;color:var(--teal);display:block;margin-bottom:8px} .fact span{font-size:.9rem;color:#5a6762} .band{background:var(--teal);color:white;padding:26px;border-radius:20px;margin-top:18px} .band h3{color:white} .split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch} .card{background:var(--paper);border:1px solid rgba(23,63,59,.1);border-radius:20px;padding:28px} .card.dark{background:var(--teal);color:white;border-color:transparent} .card.dark h3{color:white} .card ul{padding-left:1.1em;margin:14px 0 0} .card li{margin:10px 0} .visual-card{background:var(--paper);border-radius:24px;overflow:hidden;border:1px solid rgba(23,63,59,.1)} .visual-card img{width:100%;height:100%;object-fit:cover} .visual-card .pad{padding:20px 22px 22px} .timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:30px} .time{border-top:2px solid var(--brass);padding-top:15px} .time strong{font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;color:var(--teal)} .time span{display:block;font-size:.84rem;color:#606b67;margin-top:8px} .mix-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .mix-item{padding:24px;background:var(--paper);border-radius:18px;border:1px solid rgba(23,63,59,.1)} .mix-item .num{font-family:Georgia,"Times New Roman",serif;font-size:2.1rem;color:var(--teal)} .mix-item .label{font-weight:800;margin-top:6px} .mix-item p{font-size:.86rem;color:#66716d;margin:8px 0 0} .image-feature{position:relative;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);min-height:500px;background:#ddd} .image-feature img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0} .image-overlay{position:absolute;inset:auto 0 0 0;padding:80px 30px 28px;background:linear-gradient(transparent,rgba(11,34,31,.76));color:white} .image-overlay h3{color:white;font-size:2rem} .image-overlay p{margin:0;max-width:680px} .river-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px} .stack{display:grid;gap:22px} .metric-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px} .metric{background:var(--paper);border-radius:18px;padding:22px;border:1px solid rgba(23,63,59,.1)} .metric strong{font-family:Georgia,"Times New Roman",serif;font-size:2.2rem;color:var(--teal)} .metric span{display:block;font-size:.9rem;color:#62706b;margin-top:4px} .map-wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:start} .map-card{background:var(--paper);padding:14px;border-radius:24px;border:1px solid rgba(23,63,59,.1);box-shadow:0 12px 35px rgba(28,44,40,.08)} .map-card img{border-radius:16px} .place-list{display:grid;gap:12px} .place{padding:20px;background:var(--paper);border-radius:16px;border-left:4px solid var(--brass)} .place b{font-size:1.05rem;color:var(--teal);display:block} .place span{color:#63706b;font-size:.88rem} .prelim{background:#f3e7da;color:var(--red);display:inline-block;border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px} .bar-chart{display:grid;gap:12px} .bar-row{display:grid;grid-template-columns:90px 1fr 40px;gap:12px;align-items:center} .bar-label{font-weight:800;color:var(--teal)} .bar-track{height:14px;background:#e3e8e3;border-radius:999px;overflow:hidden} .bar-fill{height:100%;background:linear-gradient(90deg,var(--teal2),var(--brass));border-radius:999px} .bar-value{font-weight:800;text-align:right} .data-table{width:100%;border-collapse:separate;border-spacing:0 8px} .data-table th{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;text-align:left;color:#69746f;padding:0 14px 6px} .data-table td{background:var(--paper);padding:16px 14px;border-top:1px solid rgba(23,63,59,.08);border-bottom:1px solid rgba(23,63,59,.08)} .data-table td:first-child{border-left:1px solid rgba(23,63,59,.08);border-radius:12px 0 0 12px;font-weight:800;color:var(--teal)} .data-table td:last-child{border-right:1px solid rgba(23,63,59,.08);border-radius:0 12px 12px 0;text-align:right} .gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:310px 240px;gap:14px} .gallery figure{margin:0;position:relative;border-radius:20px;overflow:hidden;background:white;border:1px solid rgba(23,63,59,.1)} .gallery figure:first-child{grid-row:1/3} .gallery img{width:100%;height:100%;object-fit:cover} .gallery figcaption{position:absolute;left:12px;bottom:12px;background:rgba(245,241,232,.92);padding:7px 10px;border-radius:999px;font-size:.72rem;font-weight:800;color:var(--teal)} .reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .reason{background:var(--paper);border-radius:20px;padding:28px;border:1px solid rgba(23,63,59,.1)} .reason .idx{font-family:Georgia,"Times New Roman",serif;font-size:2.5rem;color:var(--brass)} .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} .step{background:var(--paper);border-radius:18px;padding:22px;border:1px solid rgba(23,63,59,.1)} .step b{color:var(--teal);font-size:1.02rem} .step span{display:block;font-size:.85rem;color:#65716c;margin-top:6px} .question{margin-top:20px;background:var(--teal);color:white;border-radius:22px;padding:30px} .question h3{color:white;font-size:clamp(1.6rem,3vw,2.6rem)} .cta{background:linear-gradient(130deg,#173f3b,#285b55);color:white;border-radius:30px;padding:38px;display:grid;grid-template-columns:160px 1fr;gap:28px;align-items:center} .cta h2{color:white;margin-bottom:12px} .portrait{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.65)} .cta .btn{border-color:white;color:white} .cta .btn.primary{background:white;color:var(--teal)} .research-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px} .research-card{background:var(--paper);border-radius:20px;padding:26px;border:1px solid rgba(23,63,59,.1)} .research-card h3{font-size:1.45rem} .research-card ul{padding-left:1.2em;margin:14px 0 0} .research-card li{margin:8px 0} .source-list{margin-top:24px;padding-top:24px;border-top:1px solid var(--line);font-size:.84rem;color:#62706b} .source-list a{color:var(--teal);font-weight:700} .mobile-cta{display:none} .footer{padding:34px 0 100px;color:#69746f;font-size:.8rem} @media (max-width:900px){ body{font-size:17px} .container{width:min(100% - 28px,760px)} .nav-inner{height:58px} .nav-links{display:none} .nav-cta{margin-left:auto;padding:9px 13px} section{padding:62px 0} .hero{padding-top:28px} .hero-grid,.section-head,.split,.river-grid,.map-wrap,.research-grid{grid-template-columns:1fr} .hero-grid{gap:28px} .hero-visual{order:-1} .hero-visual img{border-radius:20px} .hero-stats{grid-template-columns:1fr 1fr 1fr} .section-head{gap:14px;margin-bottom:28px} .section-head .lead{margin-left:0} .facts{grid-template-columns:1fr 1fr} .timeline{grid-template-columns:1fr 1fr} .mix-grid{grid-template-columns:1fr 1fr} .image-feature{min-height:430px} .metric-row{grid-template-columns:1fr 1fr} .gallery{grid-template-columns:1fr 1fr;grid-template-rows:280px 220px 220px} .gallery figure:first-child{grid-column:1/3;grid-row:auto} .reason-grid,.steps{grid-template-columns:1fr} .cta{grid-template-columns:1fr;padding:28px;text-align:left} .portrait{width:110px;height:110px} .mobile-cta{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:60} .mobile-cta a{display:block;background:var(--teal);color:white;text-decoration:none;text-align:center;padding:13px 18px;border-radius:999px;font-weight:850;box-shadow:0 12px 35px rgba(23,63,59,.28)} } @media (max-width:560px){ h1{font-size:3.25rem} h2{font-size:2.3rem} .hero-stats,.facts,.mix-grid,.timeline,.metric-row{grid-template-columns:1fr 1fr} .fact{min-height:auto} .gallery{grid-template-columns:1fr;grid-template-rows:250px 220px 220px 220px} .gallery figure:first-child{grid-column:auto} .bar-row{grid-template-columns:72px 1fr 34px;gap:9px} .data-table thead{display:none} .data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%} .data-table tr{margin-bottom:10px;background:var(--paper);border:1px solid rgba(23,63,59,.08);border-radius:14px;padding:12px 14px} .data-table td{border:0!important;padding:4px 0!important;text-align:left!important;background:transparent!important} .data-table td:nth-child(2){color:#596862} .data-table td:last-child{font-weight:800} .cta .hero-actions{display:grid} } @media print{.nav,.mobile-cta{display:none!important}body{background:white}section{break-inside:avoid}} 

