*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{font-family:Arial,sans-serif;color:#153d36;background:#fbf6eb;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #f3ab89;outline-offset:5px}img{display:block;width:100%;height:auto}figure{margin:0}figcaption{font-size:10px;padding:10px 0;line-height:1.5}.concept{background:#153d36;color:#fbf6eb;text-align:center;padding:7px 15px;font-size:10px}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 5%;background:#bde3d8;border-bottom:1px solid #7baa9d}.brand{font-family:Georgia,serif;font-size:43px;line-height:1;letter-spacing:-1px}.brand span{display:block;font-family:Arial,sans-serif;font-size:7px;letter-spacing:1.5px;margin-top:10px}nav{display:flex;gap:32px;font-size:12px}section{scroll-margin-top:20px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center;padding:40px 5% 50px;background:#bde3d8}.hero figure{max-width:540px;justify-self:end}.eyebrow{font-size:10px;letter-spacing:1.5px}h1{font-size:clamp(55px,7.2vw,105px);font-weight:500;line-height:.98;letter-spacing:-3px;margin:27px 0}.hero-copy>p:not(.eyebrow){font-size:16px;max-width:45ch}.button{display:inline-block;background:#153d36;color:#fbf6eb;padding:14px 25px;font-size:13px;margin-top:30px}.button:hover{background:#24584e}.hero-note{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #7baa9d;padding-top:22px;margin-top:45px;max-width:440px;font-size:10px;letter-spacing:1px}.cafe{padding:70px 8%}.cafe-title{display:grid;grid-template-columns:1fr 1fr;gap:15px 70px;align-items:end}.cafe-title .eyebrow{grid-column:1/-1}h2{font-size:clamp(35px,4.5vw,64px);font-weight:500;line-height:1.08;letter-spacing:-1.7px;margin:20px 0}.cafe-title>p:last-child{font-size:16px;max-width:44ch;margin-bottom:22px}.cafe figure{max-width:1000px;margin:30px auto 0}.cafe-bottom{display:grid;grid-template-columns:1fr 1fr;gap:70px;font-size:13px;margin-top:20px}.cafe-bottom p{max-width:45ch}.cafe-bottom a{text-decoration:underline;display:inline-block;margin-top:10px}.visit{padding:65px 8%;background:#efb59c;display:grid;grid-template-columns:1fr 1fr;gap:100px}.visit p{max-width:45ch}.small{font-size:11px!important;line-height:1.8;margin-top:10px}.contact{padding-top:12px}.contact h3{font-size:25px;font-weight:500;margin-bottom:20px}.contact-link{display:block;width:max-content;border-bottom:1px solid #5c7d66;font-size:21px;margin-top:30px}.email{font-size:16px;margin-top:23px}.email-address{overflow-wrap:anywhere}.text-link{display:inline-block;border-bottom:1px solid currentColor;margin-top:25px;font-size:13px}footer{padding:35px 5%;font-size:11px}.footer-line{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px;font-size:10px;letter-spacing:.8px}details{border-top:1px solid #a2b6a4;padding-top:20px}summary{cursor:pointer}details p{max-width:110ch;margin-top:15px}@media(max-width:1000px){.hero{gap:40px}h1{font-size:75px}.cafe,.visit{padding-inline:5%}.cafe-title,.cafe-bottom,.visit{gap:40px}}@media(max-width:767px){header{padding:18px 20px;gap:15px}.brand{font-size:37px}.brand span{font-size:6px;letter-spacing:1px}nav{font-size:10px;gap:22px}.hero{grid-template-columns:1fr;padding:25px 20px 40px;gap:26px}.hero figure{order:1;max-width:none;justify-self:stretch}.hero-copy{order:2}h1{font-size:60px;letter-spacing:-2px;margin:20px 0}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-note{margin-top:30px}.eyebrow{font-size:9px;letter-spacing:1px}.cafe,.visit{padding:45px 20px}.cafe-title,.cafe-bottom,.visit{grid-template-columns:1fr;gap:20px}.cafe-title>p:last-child{font-size:14px;margin-bottom:0}.cafe figure{margin-top:25px}h2{font-size:40px;letter-spacing:-1px}.cafe-bottom{font-size:12px;margin-top:25px}.visit{gap:35px}.contact{padding-top:0}.contact p{font-size:14px}footer{padding:28px 20px}.footer-line{flex-wrap:wrap;font-size:9px}}@media(max-width:360px){header{padding-inline:16px}.brand span{font-size:5px}.hero,.cafe,.visit{padding-inline:16px}h1{font-size:54px}h2{font-size:35px}.eyebrow{font-size:8px}nav{gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}