@font-face{font-family:Golos;src:url('fonts/golos.ttf') format('truetype');font-weight:100 900;font-display:swap}:root{font-family:Golos,sans-serif;color:#30251d;background:#fff8e9;--orange:#ed6c36;--green:#3c5943;--line:#c9bba4;--cup-y:0px;--field-x:0px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:5px}a,button{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.frame{width:min(1320px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-70px;left:20px;background:var(--green);color:white;padding:14px;z-index:5}.skip:focus{top:10px}.demo{font-size:11px;text-align:center;padding:11px 20px;background:#f3e6ce;border-bottom:1px solid var(--line)}.header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:24px 30px}.brand{font-size:43px;letter-spacing:-.07em;font-weight:800;line-height:1}.brand span{display:block;font-size:9px;letter-spacing:.1em;font-weight:500;margin-top:10px;text-transform:uppercase}.header nav{display:flex;gap:30px;font-size:12px}.header nav a{padding-block:15px}.header-address{font-size:11px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px 68px;align-items:center;padding-block:34px 70px}.eyebrow{font-size:10px;letter-spacing:.11em;text-transform:uppercase;margin:0 0 26px;font-weight:500}h1{font-size:clamp(68px,6.8vw,103px);line-height:.99;letter-spacing:-.07em;font-weight:700;margin:0 0 30px}h1 span{color:var(--green)}.hero-intro{font-size:15px;line-height:1.8;margin:0 0 29px}.button{display:flex;justify-content:space-between;align-items:center;gap:35px;min-height:54px;padding:18px 24px;font-size:12px;font-weight:600;max-width:310px;transition:background .2s}.button span{font-size:20px;line-height:1}.dark{background:#30251d;color:#fff8e9}.dark:hover{background:#49402d}.light{background:#fff8e9;color:#30251d}.opening-hours{display:flex;gap:34px;margin-top:29px;font-size:10px}.opening-hours p{margin:0;line-height:1.7}.opening-hours b{font-size:12px;display:block;font-weight:500}.cup-stage{position:relative;padding:20px 22px 18px 0}.cup{width:100%;height:560px;object-fit:cover;object-position:center bottom;display:block;border-radius:140px 10px 10px 10px;transform:translateY(var(--cup-y));position:relative;z-index:1}.orange-field{position:absolute;inset:0 0 0 24px;background:var(--orange);border-radius:150px 10px 10px 10px;transform:translateX(var(--field-x)) rotate(2deg)}.menu{padding-block:70px 100px;border-top:1px solid var(--line)}.menu-title{display:flex;justify-content:space-between;gap:60px;align-items:start;margin-bottom:44px}h2{font-size:clamp(42px,4.6vw,66px);font-weight:600;letter-spacing:-.06em;line-height:1.08;margin:0}h2 span{color:var(--green)}.menu-title .eyebrow{margin-top:10px;max-width:180px;line-height:1.8}.visit-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.visit-picker button{min-height:65px;background:none;color:#30251d;border:1px solid #a9967a;text-align:left;padding:17px 20px;display:flex;justify-content:space-between;gap:24px;font-size:14px}.visit-picker button span{font-size:23px}.visit-picker button[aria-pressed=true]{background:var(--green);color:#fff8e9;border-color:var(--green)}.visit-advice{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-block:21px 30px;min-height:100px;font-size:12px;line-height:1.7}.visit-advice p{max-width:690px;margin:0}.visit-advice a{border-bottom:1px solid var(--green);padding:6px 0;white-space:nowrap}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px}.menu-grid article{padding:30px 28px 12px;border-top:3px solid #30251d;border-right:1px solid var(--line)}.menu-grid article:first-child{padding-left:0}.menu-grid article:last-child{border-right:0}.menu-grid article.is-selected{border-top-color:var(--orange)}.menu-category{font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 35px}.menu-grid h3{font-size:32px;letter-spacing:-.04em;line-height:1.2;margin:0 0 25px;font-weight:500}.menu-grid ul{padding:0;margin:0;list-style:none;font-size:14px;line-height:2.15}.menu-note{font-size:11px;line-height:1.8;margin:30px 0 0;color:#695c4f}.orange{background:var(--orange)}.visit{padding-block:86px}.visit-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.visit h2{font-size:clamp(56px,6vw,84px)}.visit h2 span{color:#30251d}.visit-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;margin:30px 0}.room-photo{overflow:hidden;border-radius:6px}.room-photo img{width:100%;height:600px;object-fit:cover;display:block;transform:translateY(var(--room-y,0px)) scale(1.04)}.home{display:grid;grid-template-columns:.95fr 1.2fr;gap:110px;align-items:center;padding-block:105px}.bean-photo{padding:25px;background:#d2ddc6;transform:rotate(-3deg);max-width:480px}.bean-photo img{width:100%;height:auto;display:block}.home-copy>p:not(.eyebrow):not(.availability){max-width:480px;font-size:14px;line-height:1.9;margin:28px 0}.brew-notes{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:25px 0;display:flex;gap:34px}.brew-notes p{margin:0;font-size:11px;line-height:1.8}.brew-notes b{display:block;font-size:12px;font-weight:500;margin-top:5px}.text-link{display:inline-block;font-size:12px;border-bottom:1px solid var(--green);padding:8px 0;line-height:1.7}.availability{font-size:10px;line-height:1.8;max-width:390px;color:#695c4f;margin-top:20px}.dessert{border-top:1px solid var(--line);padding-block:85px 105px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.dessert-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:350px;margin:28px 0 24px}.dessert-photo img{display:block;width:100%;height:440px;object-fit:cover;border-radius:8px}.contact{background:var(--green);color:#fff8e9;padding-block:85px 90px}.contact-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:90px}.contact h2{font-size:clamp(40px,4.4vw,64px);line-height:1.15}.contact h2 span{display:block;color:#f6c177;margin-top:10px}.map{display:inline-block;border-bottom:1px solid #b4c5ab;font-size:12px;padding-bottom:10px;margin-top:30px}.contact-hours{margin-top:7px;font-size:12px;line-height:1.8}.contact-hours p{display:flex;justify-content:space-between;gap:30px;margin:0 0 14px}.contact-hours b{font-weight:500;white-space:nowrap}.phone{display:block;font-size:25px;margin:28px 0 30px;padding-block:10px;letter-spacing:-.03em}.contact .button{max-width:none}.contact-note{font-size:11px;line-height:1.8;margin:19px 0 0;color:#dce4d3}.footer{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-block:29px;font-size:10px}.footer p{margin:0}.footer .brand{font-size:31px}.no-cup .cup-stage{display:none}.no-cup .hero-copy{grid-column:1/-1}.no-room .room-photo{display:none}.no-room .visit-layout{display:block}.no-beans .bean-photo{display:none}.no-beans.home{display:block}.no-dessert .dessert-photo{display:none}.no-dessert.dessert{display:block}
@media(max-width:1050px){.frame{width:calc(100% - 56px)}.header-address{display:none}.hero{gap:40px}h1{font-size:70px}.cup{height:490px}.hero-intro{font-size:13px}.visit-layout,.dessert{gap:60px}.home{gap:65px}.menu-grid h3{font-size:27px}.menu-grid article{padding-inline:20px}.contact-layout{gap:55px}.contact-hours p{display:block}.contact-hours b{display:block}.phone{font-size:22px}.room-photo img{height:530px}}
@media(max-width:700px){.frame{width:calc(100% - 40px)}.demo{font-size:10px}.header{padding-block:20px;gap:22px}.brand{font-size:36px}.brand span{font-size:8px}.header nav{gap:16px;font-size:10px}.header nav a{padding-block:15px;min-height:44px;display:inline-flex;align-items:center}.header nav a:nth-child(2){display:none}.hero{display:block;padding-block:30px 45px}h1{font-size:clamp(55px,14vw,83px);margin-bottom:26px}.eyebrow{font-size:9px;margin-bottom:24px}.hero-intro{font-size:14px;line-height:1.85}.hero .button{max-width:none}.opening-hours{margin-top:24px;gap:45px}.opening-hours p{font-size:11px}.opening-hours b{font-size:13px}.cup-stage{margin:36px 0 0;padding-right:15px;padding-top:15px}.cup{height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:100px 8px 8px 8px}.orange-field{border-radius:100px 8px 8px 8px;inset:0 0 0 20px}.menu{padding-block:55px 65px}.menu-title{display:block;margin-bottom:30px}.menu-title .eyebrow{max-width:none;margin:0 0 22px}h2{font-size:clamp(37px,9vw,52px);line-height:1.1}.visit-picker{display:block}.visit-picker button{width:100%;min-height:54px;margin-bottom:10px;font-size:13px;padding:14px 18px}.visit-advice{display:block;font-size:12px;padding-block:10px 20px;min-height:125px}.visit-advice a{display:inline-block;margin-top:12px;white-space:normal}.menu-grid{display:block;margin-top:12px}.menu-grid article,.menu-grid article:first-child{padding:26px 0;border-right:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.menu-category{grid-column:1/-1;margin:0;font-size:10px}.menu-grid h3{font-size:26px;margin:0}.menu-grid ul{font-size:12px;line-height:2}.menu-note{grid-column:1/-1;margin:0;font-size:11px}.visit{padding-block:54px}.visit-layout{display:block}.visit h2{font-size:55px}.visit-copy>p:not(.eyebrow){font-size:14px;margin-block:26px}.visit .button{max-width:none}.room-photo{margin-top:34px}.room-photo img{height:auto;max-height:600px}.home{display:flex;flex-direction:column-reverse;gap:35px;padding-block:65px}.home-copy>p:not(.eyebrow):not(.availability){font-size:14px;margin-block:25px}.bean-photo{width:80%;padding:18px}.brew-notes{display:block}.brew-notes p{font-size:11px}.brew-notes p+p{margin-top:20px}.brew-notes b{font-size:12px}.text-link{font-size:12px}.availability{font-size:11px}.dessert{display:block;padding-block:58px 65px}.dessert-copy>p:not(.eyebrow){font-size:14px}.dessert-photo{margin-top:30px}.dessert-photo img{height:auto;max-height:500px}.contact{padding-block:56px}.contact-layout{display:block}.contact h2{font-size:clamp(35px,8.9vw,51px)}.map{margin-top:24px}.contact-actions{margin-top:38px}.contact-hours p{display:flex;justify-content:space-between;font-size:11px;gap:20px}.phone{font-size:24px;margin-block:22px}.contact-note{font-size:11px}.footer{flex-wrap:wrap;padding-block:26px;font-size:10px;gap:20px}.footer p{order:3;width:100%;line-height:1.8}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.cup,.orange-field,.room-photo img{transform:none!important}}