@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:#123238;--muted:#617477;--mint:#cce6df;--paper:#fbfbf8;--cream:#f4f3ee;--coral:#ed8062;--line:#dbe3df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font:16px/1.55 'DM Sans',Arial,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}.shell{max-width:1440px;margin:auto}.header{height:76px;padding:0 clamp(20px,5vw,74px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(18,50,56,.1);background:rgba(251,251,248,.95);position:sticky;top:0;z-index:20}.brand{font-size:28px;font-weight:700;letter-spacing:-1.8px}.brand b{color:#5ca99a}.brand sup{font-size:7px}.nav{display:flex;gap:24px;font-size:13px;color:#416167}.nav a:hover{color:#55a494}.menu{display:none}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-width:206px;padding:14px 18px;background:var(--ink);color:white;border:1px solid var(--ink);font-size:13px;font-weight:700;transition:.2s}.btn:hover{background:#24535a;transform:translateY(-2px)}.btn.light{background:white;color:var(--ink);border-color:white}.eyebrow{margin:0 0 13px;color:#5c9b8e;text-transform:uppercase;letter-spacing:1.7px;font-weight:700;font-size:11px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}.hero-copy{padding:105px 9vw;align-self:center}.hero h1,.intro h1{font-size:clamp(48px,6vw,82px);line-height:.97;letter-spacing:-4px;font-weight:500;margin:0}.hero h1 em{font-family:'Playfair Display';color:#5fae9f;font-weight:500}.lead{max-width:510px;color:var(--muted);margin:27px 0}.actions{display:flex;gap:21px;align-items:center}.textlink{font-size:13px;font-weight:700;border-bottom:1px solid #91a7a3}.body-art{position:relative;background:#d9ebe5;min-height:650px;display:grid;place-items:center;overflow:hidden}.body-stage{height:590px;width:min(420px,92%);position:relative;display:flex;justify-content:center}.body-stage img{height:100%;width:auto;filter:drop-shadow(0 18px 22px rgba(0,0,0,.12))}.switch{position:absolute;top:12px;right:8px;z-index:3;background:#fff9;display:flex;padding:3px}.switch button{border:0;background:transparent;padding:7px 10px;font:600 11px 'DM Sans';color:#4d7770;cursor:pointer}.switch button.active{background:var(--ink);color:white}.hotspot{position:absolute;width:16px;height:16px;background:var(--coral);border:0;border-radius:50%;box-shadow:0 0 0 6px #ed806330;cursor:pointer;animation:pulse 2s infinite}.hotspot:after{content:attr(data-label);position:absolute;left:20px;top:-5px;opacity:0;white-space:nowrap;background:var(--ink);color:white;padding:4px 7px;font:600 10px 'DM Sans';transition:.2s}.hotspot:hover:after{opacity:1}@keyframes pulse{50%{box-shadow:0 0 0 11px transparent}}.explore{padding:105px clamp(24px,8vw,115px);display:grid;grid-template-columns:.8fr 1fr .7fr;gap:35px;align-items:center}.explore h2,.section-title{font-size:clamp(35px,4vw,58px);letter-spacing:-2.6px;line-height:1.02;font-weight:500;margin:0}.copy{color:var(--muted);font-size:15px}.zones-list{border-top:1px solid var(--line)}.zones-list a{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:600}.zones-list a span{color:#5ba798}.services{background:var(--ink);color:white;padding:100px clamp(24px,8vw,115px)}.services .eyebrow{color:#a5d7ca}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff33;margin-top:55px}.card{min-height:252px;border-bottom:1px solid #ffffff33;border-right:1px solid #ffffff33;padding:25px;display:flex;flex-direction:column}.card:nth-child(3n){border-right:0}.card small{color:#9ed3c5}.card h3{font-size:22px;line-height:1.12;font-weight:500;margin:39px 0 10px}.card p{font-size:13px;color:#bed0cd;margin:0}.card a{font-size:12px;font-weight:700;margin-top:auto}.about{padding:110px clamp(24px,8vw,115px);display:grid;grid-template-columns:1fr 1fr;gap:11vw;align-items:center}.placeholder{min-height:440px;background:linear-gradient(145deg,#cadfd8,#edf2ef);display:grid;place-items:center;text-align:center;color:#66857f;font-size:13px;position:relative}.placeholder:after{content:'';position:absolute;width:55%;height:70%;border:1px solid #ffffffa0}.placeholder span{z-index:1}.about p{max-width:510px}.process{padding:100px clamp(24px,8vw,115px);background:#e9f2ee}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:48px}.steps b{color:#64a899;font-size:12px}.steps h3{font-size:21px;margin:16px 0 5px;font-weight:500}.steps p{color:var(--muted);font-size:14px;margin:0}.cta{padding:118px 24px;text-align:center;background:var(--coral);color:white}.cta .eyebrow{color:#ffebe2}.cta h2{font-size:clamp(40px,5vw,65px);line-height:1;letter-spacing:-3px;font-weight:500;max-width:800px;margin:0 auto 20px}.cta p{margin:0 auto 28px}.footer{padding:48px clamp(24px,8vw,115px) 24px;background:#09262c;color:#d4e4df;display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.footer p,.footer a{font-size:13px;margin:0}.footer small{grid-column:1/-1;margin-top:35px;color:#89a59f;font-size:10px}.intro{padding:105px clamp(24px,8vw,115px) 80px;background:var(--cream)}.intro .lead{font-size:17px}.index-grid{padding:60px clamp(24px,8vw,115px) 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.index-grid .item{padding:28px;background:var(--paper);min-height:285px;display:flex;flex-direction:column}.item h2{font-size:26px;line-height:1.1;font-weight:500;margin:36px 0 10px}.item p{font-size:13px;color:var(--muted)}.item a{margin-top:auto;font-size:12px;font-weight:700}.detail{padding:90px clamp(24px,8vw,115px);display:grid;grid-template-columns:1fr 1fr;gap:10vw}.detail h2{font-size:clamp(35px,4vw,54px);line-height:1;letter-spacing:-2px;font-weight:500;margin:0}.detail li{border-bottom:1px solid var(--line);list-style:none;padding:17px 0}.detail li:before{content:'•';color:#5ca99a;margin-right:10px}.notice{padding:90px clamp(24px,8vw,115px);background:#e9f2ee}.notice h2{font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:-2px;font-weight:500;margin:0;max-width:680px}.notice p{max-width:640px;color:var(--muted)}.modal{display:none;position:fixed;inset:0;z-index:30;background:#09262c99;place-items:center;padding:20px}.modal.open{display:grid}.modal-box{position:relative;width:min(440px,100%);background:var(--paper);padding:38px}.close{position:absolute;right:12px;top:7px;border:0;background:transparent;font-size:27px;cursor:pointer}.modal h2{font:500 44px/1 'Playfair Display';margin:3px 0 15px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{border:1px solid #b3cec5;padding:6px 9px;font-size:11px;color:#477c72}.fine{font-size:11px;color:var(--muted)}@media(max-width:800px){.header{height:68px;padding:0 22px}.nav{display:none}.menu{display:block;border:0;background:transparent;font-size:22px}.nav.open{display:flex;position:absolute;top:68px;left:0;right:0;padding:20px 22px;background:var(--paper);flex-direction:column}.header .btn{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:85px 24px 55px}.hero h1,.intro h1{letter-spacing:-2.6px}.body-art{min-height:540px}.body-stage{height:500px}.explore{display:flex;flex-direction:column;padding:75px 24px;align-items:stretch}.explore .body-stage{height:540px;margin:auto}.cards,.index-grid{grid-template-columns:1fr}.card,.card:nth-child(3n){border-right:0}.about,.detail{grid-template-columns:1fr;padding:75px 24px;gap:42px}.steps{grid-template-columns:1fr;gap:33px}.services,.process,.notice{padding:75px 24px}.footer{grid-template-columns:1fr;padding:42px 24px 20px}.footer small{margin-top:22px}.actions{align-items:flex-start;flex-direction:column}.hotspot:after{display:none}.intro{padding:80px 24px 65px}.index-grid{padding:30px 24px 70px}.index-grid .item{min-height:230px}}
