:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#20372b;background:#f7f6ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.test-bar{background:#20372b;color:#f5f7ee;text-align:center;padding:9px 16px;font-size:12px;letter-spacing:.04em}header{max-width:1240px;margin:auto;padding:30px 32px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:23px;letter-spacing:-.07em;font-weight:800}.brand span{font-weight:400;margin-left:4px}nav{display:flex;gap:32px;align-items:center;font-size:14px}.nav-cta{border:1px solid #bdc7b7;border-radius:40px;padding:12px 20px}main{max-width:1240px;margin:auto;padding:0 32px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;padding:55px 0 80px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#617457;margin:0 0 20px}h1{font-size:clamp(44px,5.2vw,72px);line-height:1.09;letter-spacing:-.065em;font-weight:600;margin:0 0 26px}h1 em{font-family:Georgia,serif;font-weight:400;color:#758557}.intro{font-size:17px;line-height:1.8;color:#667362;max-width:450px;margin-bottom:30px}.hero-cta{display:inline-flex;gap:30px;align-items:center;background:#20372b;color:#fff;border-radius:40px;padding:16px 24px;font-size:14px;font-weight:600}.hero-note{display:flex;align-items:center;gap:9px;font-size:11px;color:#687960;margin-top:24px}.dot{width:7px;height:7px;border-radius:50%;background:#7e926b}.art{height:420px;border-radius:180px 180px 24px 24px;background:#e3e7d6;position:relative;overflow:hidden}.ring{position:absolute;border:1px solid #b3bf9b;width:380px;height:380px;border-radius:50%;left:50%;transform:translateX(-50%)}.ring-one{top:38px}.ring-two{top:96px}.ring-three{top:156px}.art-caption{position:absolute;left:50%;top:110px;transform:translateX(-50%);font-family:Georgia,serif;font-size:48px;line-height:1.1;letter-spacing:-.04em;color:#687958}.art-label{position:absolute;bottom:24px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.22em;font-weight:700;color:#748463}.booking-section{scroll-margin-top:24px;background:#fff;border:1px solid #e4e7dc;border-radius:24px;padding:36px;margin-bottom:65px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.section-heading .eyebrow{margin-bottom:10px}h2{font-size:38px;letter-spacing:-.05em;line-height:1.15;margin:0}.section-heading>p{font-size:13px;line-height:1.8;color:#6b7865}.mode-bar{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 24px}.mode-bar a{font-size:12px;font-weight:600;border:1px solid #dce4d7;padding:10px 14px;border-radius:30px}.mode-bar a[aria-current=true]{background:#edf2e8;border-color:#a7b797}.widget-panel{padding:28px;background:#f7f8f3;border-radius:16px}.test-settings{margin-top:24px;font-size:12px;color:#62735b}summary{cursor:pointer}form{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;align-items:end}label{display:grid;gap:6px}input,select,button{border:1px solid #c9d2c2;border-radius:8px;padding:10px;background:#fff;color:#20372b}button{background:#20372b;color:#fff;cursor:pointer}.explanation{padding:0 0 70px}.explanation>div{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.explanation b{font-size:12px;color:#90a17d}.explanation h3{font-size:19px;letter-spacing:-.03em}.explanation article p{font-size:14px;line-height:1.8;color:#697761}footer{border-top:1px solid #dde3d5;max-width:1240px;margin:auto;padding:30px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px}footer p,footer>a:last-child{font-size:12px;line-height:1.8;color:#6a7962}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #638456;outline-offset:4px}@media(max-width:700px){header{padding:24px 20px}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:12px;padding:10px 14px}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:32px;padding:28px 0 45px}.art{height:250px;border-radius:120px 120px 20px 20px}.art-caption{top:55px;font-size:37px}.ring{width:290px;height:290px}.ring-one{top:15px}.ring-two{top:58px}.ring-three{top:100px}.hero-note{font-size:10px}.booking-section{padding:22px 16px;margin-bottom:40px;border-radius:18px}.section-heading{display:block}h2{font-size:32px}.mode-bar{gap:6px;margin-top:20px}.mode-bar a{font-size:11px;padding:9px 10px}.widget-panel{padding:18px 10px}.explanation>div{grid-template-columns:1fr;gap:14px}.explanation{padding-bottom:35px}footer{padding:24px 20px;flex-wrap:wrap}form label,form button{width:100%}}
