@font-face{font-family:Display;src:url(assets/display.ttf)}@font-face{font-family:Body;src:url(assets/body.ttf)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#f8f7f2;color:#253e36;font:16px/1.65 Body,Arial,sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}button,a,summary,select{touch-action:manipulation}a,button,summary,select{outline-offset:5px}button{cursor:pointer}.demo{padding:8px 20px;text-align:center;font-size:12px;background:#253e36;color:#fff}.skip{position:absolute;top:-90px;z-index:9;background:white}.skip:focus{top:0}header{max-width:1360px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 5%;gap:25px}.brand{font:34px/1 Display,Georgia,serif;text-decoration:none;white-space:nowrap}.brand span{display:block;margin-top:10px;font:10px/1.3 Body,sans-serif;letter-spacing:.17em}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav a{text-decoration:none}.pill{border:1px solid #94a199;border-radius:99px;padding:10px 18px}.hero{max-width:1440px;margin:auto;padding:50px 5% 80px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}h1,h2,h3{font-family:Display,Georgia,serif;font-weight:400;line-height:1.08;margin:18px 0 24px}h1{font-size:clamp(48px,5.9vw,84px);letter-spacing:-.045em}h1 em{font-style:normal;color:#9c4932}h2{font-size:clamp(37px,4vw,58px);letter-spacing:-.025em}h3{font-size:38px}.lede{font-size:19px;max-width:390px;margin:0 0 30px}.button{display:inline-block;border:0;background:#304e42;color:#fff;border-radius:40px;padding:15px 25px;text-decoration:none;font-size:15px;font-weight:600}.button:hover{background:#1a362a}.small,.footnote{font-size:13px;color:#5c6b62}.small{margin-top:15px}.hero-images{height:520px;position:relative}.hero-images figure{position:absolute;margin:0}.hero-images img{object-fit:cover;width:100%;height:100%;display:block}.glass{width:75%;height:390px;right:0;top:0}.glass img{border-radius:180px 180px 4px 4px;object-position:53% center}.hands{width:42%;height:260px;left:0;bottom:0;border:8px solid #f8f7f2}.hands img{border-radius:3px}.hero-images figcaption{font-size:12px;padding-top:10px}.ribbon{display:flex;align-items:center;justify-content:center;gap:60px;border-block:1px solid #d5dcd5;padding:21px;font-size:14px}.ribbon i{color:#9c4932}.section{max-width:1280px;margin:auto;padding:90px 5%}.section-heading{position:relative}.section-heading>p:last-child{position:absolute;right:0;bottom:0;max-width:340px}.offers{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px}.offers article{padding:0 35px;border-left:1px solid #cdd6cc}.offers article:first-child{padding-left:0;border:0}.offers p{max-width:300px}.number{font-size:12px;letter-spacing:.13em;color:#9c4932}.offers a{display:inline-block;margin-top:16px;text-underline-offset:6px}.footnote{margin-top:30px;max-width:770px}.finder{background:#e6eadf;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;gap:8%;max-width:1152px;padding:60px}.finder>div>p{max-width:400px}.finder form{margin-top:25px;max-width:390px}label{display:block;font-size:14px;margin:15px 0 6px}select{width:100%;padding:13px;border:1px solid #b0bba8;background:#fff;border-radius:6px;color:#253e36}.finder button{margin-top:24px}.recommendation{background:#fffdf8;padding:32px;border-radius:70px 5px 5px 5px;align-self:center;box-shadow:0 15px 40px #293c2510}.recommendation h3{font-size:36px}.recommendation ul{padding-left:20px}.recommendation textarea{width:100%;min-height:180px;resize:vertical;border:1px solid #cdd6cc;border-radius:5px;padding:12px;font-size:14px;background:#f9faf5;color:#253e36}.recommendation .copy{margin:12px 0;background:transparent;border:1px solid #93a390;border-radius:99px;padding:10px 20px;font-size:14px}.recommendation .note{font-size:12px;color:#5c6b62;margin:8px 0}.place{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.place figure{margin:0}.place img{width:100%;height:440px;object-fit:cover;border-radius:4px 120px 4px 4px}.place figcaption{font-size:12px;margin-top:10px}dl{margin:25px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}dt{font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:#667369}dd{margin:8px 0;font-size:14px}.text-link{text-underline-offset:5px}.questions{padding-top:10px;padding-bottom:100px;max-width:980px}details{border-top:1px solid #cbd5c9;padding:20px 0}summary{cursor:pointer;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:15px}summary:after{content:'+';font-size:24px}details[open] summary:after{content:'−'}details p{max-width:680px}footer{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:40px 5%;background:#233f35;color:white}footer p{font-size:12px;max-width:430px}footer a{text-underline-offset:3px}@media(max-width:800px){header{padding:22px 6%}.brand{font-size:29px}nav>a:not(.pill){display:none}nav .pill{font-size:12px;padding:9px 12px}.hero{grid-template-columns:1fr;padding:25px 6% 65px;gap:30px}.hero-copy{max-width:560px}.lede{font-size:18px}.hero-images{height:380px;max-width:480px;width:100%;margin:auto}.glass{height:300px;width:71%}.hands{height:215px;width:40%}.ribbon{gap:20px;flex-wrap:wrap;font-size:12px}.ribbon i{display:none}.section{padding:65px 6%}.section-heading>p:last-child{position:static}.offers{grid-template-columns:1fr;margin-top:30px;gap:35px}.offers article,.offers article:first-child{padding:0 0 25px;border:0;border-bottom:1px solid #cdd6cc}.offers h3{margin:12px 0}.offers p{max-width:550px}.offers a{margin-top:0}.finder{margin:0 4%;padding:35px 6%;grid-template-columns:1fr;gap:35px}.recommendation{padding:30px 23px}.place{grid-template-columns:1fr;gap:30px}.place img{height:320px}dl{grid-template-columns:1fr 1fr}footer{flex-direction:column;align-items:flex-start}.questions{padding-top:5px}summary{font-size:16px}}@media(max-width:360px){header{align-items:flex-start;gap:10px}.brand{font-size:25px}.brand span{font-size:8px}nav .pill{font-size:11px;max-width:120px;text-align:center}.hero h1{font-size:46px}.button{padding:13px 18px;font-size:14px}.hero-images{height:335px}.glass{height:270px}.hands{height:190px}.finder{margin:0 3%;padding:30px 6%}.recommendation{padding:28px 17px}.recommendation h3{font-size:31px}dl{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.glass figcaption{text-align:right}

select,input,textarea,.finder>*,.offers>*,.place>*{min-width:0}select,input,textarea{max-width:100%}
