@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--ink:#18251c;--forest:#13251c;--muted:#79847a;--paper:#f5f4ec;--lime:#cce383}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.hero{min-height:760px;height:100svh;max-height:1150px;color:#fff;position:relative;display:flex;flex-direction:column;overflow:hidden;background:#17281d}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,21,14,.81),rgba(7,21,14,.24) 65%,rgba(7,21,14,.12)),linear-gradient(0deg,rgba(7,21,14,.7),transparent 38%),url('images/03_Main_Basin.webp') center/cover}nav,.hero-content,.hero-bottom{position:relative}nav{display:flex;justify-content:space-between;align-items:center;padding:30px 6%;border-bottom:1px solid #ffffff38;font-size:11px;letter-spacing:.16em;font-weight:700}.brand{display:flex;align-items:center;gap:10px}.brand-mark{font-size:25px;line-height:1;color:var(--lime)}.brand-slash{color:#ffffff77}.nav-link span{font-size:17px;margin-left:14px}.hero-content{margin:auto 6%;max-width:760px;padding:45px 0}.eyebrow,.section-tag{font-size:10px;letter-spacing:.21em;font-weight:700}.eyebrow span{display:inline-block;width:34px;height:1px;background:var(--lime);vertical-align:middle;margin-right:12px}h1,h2,p{margin:0}h1{font-family:'Playfair Display',serif;font-size:clamp(88px,12vw,176px);font-weight:500;letter-spacing:-.055em;line-height:.93;margin:31px 0}h1 em,h2 em{font-weight:500;color:var(--lime)}.hero-desc{max-width:380px;line-height:1.75;color:#f6f7e5d9;font-size:15px}.hero-cta{display:inline-flex;gap:50px;margin-top:32px;padding:16px 19px;background:var(--lime);color:#18291c;font-weight:700;font-size:12px}.hero-bottom{padding:24px 6%;border-top:1px solid #ffffff38;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;font-weight:700;color:#ffffffbd}main{max-width:1600px;margin:auto;padding:105px 6% 130px}.intro{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:60px}.section-tag{color:#65756a}.section-tag span{color:#a3ac9a}.intro h2{font:500 clamp(50px,6vw,88px)/1 'Playfair Display',serif;letter-spacing:-.04em;margin-top:22px}.intro h2 em{color:#718d52}.intro>p{max-width:300px;color:#6f7b70;line-height:1.8;font-size:14px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 22px}.card{border:0;background:none;padding:0;text-align:left;cursor:pointer;color:inherit;font:inherit}.card-img{position:relative;overflow:hidden;aspect-ratio:16/9;background:#d5dfd3}.card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.card:hover img,.card:focus-visible img{transform:scale(1.035)}.card-img .plus{position:absolute;right:18px;bottom:18px;width:38px;height:38px;display:grid;place-items:center;background:#f5f4ecd9;font-size:22px;transition:background .2s}.card:hover .plus{background:var(--lime)}.card-meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:15px;gap:10px}.card-title{font-family:'Playfair Display',serif;font-size:22px}.card-num{font-size:10px;letter-spacing:.14em;color:#8a9789}footer{background:#17271e;color:#f4f6e8;display:flex;justify-content:space-between;align-items:end;gap:25px;padding:65px 6%}footer p{font-size:9px;letter-spacing:.18em;margin:24px 0 9px;color:#adbdad}footer strong{font:500 40px 'Playfair Display',serif}.footer-right{text-align:right;font-size:9px;letter-spacing:.14em;line-height:2.5;color:#adbdad}.footer-right a{color:var(--lime)}dialog{width:100%;height:100%;max-width:none;max-height:none;border:0;margin:0;padding:20px 3%;background:#0b130ff7;color:#f7f8ed;overflow:auto}dialog::backdrop{background:#000c}.viewer-bar{display:flex;align-items:center;justify-content:space-between;letter-spacing:.15em;font-size:10px}.viewer-actions{display:flex;align-items:center;gap:25px}.viewer-actions a{color:var(--lime)}.viewer-actions button,.arrow{border:0;background:none;color:white;cursor:pointer}.viewer-actions button{font-size:38px;line-height:1}.viewer-stage{height:calc(100dvh - 145px);display:grid;grid-template-columns:48px 1fr 48px;align-items:center}.viewer-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;justify-self:center}.arrow{font-size:28px;height:60px}.viewer-caption{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.viewer-caption h2{font:500 24px 'Playfair Display',serif}.viewer-caption span{font-size:9px;letter-spacing:.14em;color:#a6b0a4}@media(max-width:700px){.hero{min-height:650px;max-height:none}.hero-bg{background-image:linear-gradient(90deg,rgba(7,21,14,.76),rgba(7,21,14,.20)),linear-gradient(0deg,rgba(7,21,14,.8),transparent 45%),url('images/03_Main_Basin.webp');background-position:60% center}nav{padding:23px 6%}.hero-content{margin:auto 6%}h1{font-size:clamp(76px,19vw,122px)}.hero-bottom span:nth-child(2){display:none}.hero-bottom{font-size:8px}main{padding:75px 6% 85px}.intro{display:block;margin-bottom:35px}.intro>p{margin-top:24px}.grid{grid-template-columns:1fr;gap:34px}.card-title{font-size:21px}footer{padding:48px 6%;align-items:start;flex-direction:column}.footer-right{text-align:left}.viewer-stage{grid-template-columns:32px 1fr 32px;height:calc(100dvh - 145px)}dialog{padding:18px 2%}.arrow{font-size:23px}.viewer-caption{padding:0 8px}.viewer-caption h2{font-size:20px}}