*{box-sizing:border-box}body{margin:0;font:16px/1.6 "DM Sans",sans-serif;color:#292c26;background:#f7f6f0}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bb632e;outline-offset:4px}h1,h2,p{margin-top:0}h1,h2{font-weight:400;line-height:1.06}h1{font-size:clamp(42px,6vw,80px);letter-spacing:-.035em}h2{font-size:36px}.demo-note{padding:7px 20px;background:#e6e8df;text-align:center;font-size:11px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 5vw}header strong{font-size:24px;letter-spacing:-.035em}nav{display:flex;gap:25px}nav a{text-decoration:none;font-size:13px}.button,button{border:1px solid currentColor;background:transparent;color:inherit;padding:12px 22px;text-decoration:none;display:inline-block;transition:background .2s,color .2s}.button:hover,button:hover{background:#292c26;color:#fff}.space{padding:70px 6vw}footer{padding:30px 5vw;border-top:1px solid #d8d6cc;display:flex;justify-content:space-between;gap:15px;font-size:12px}.architecture .intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:4vw;padding:30px 5vw 65px;align-items:center}.architecture h1,.coffee h1,.coffee h2{font-family:"DM Serif Display",serif}.architecture .intro p{max-width:30ch;color:#62685a}.architecture .intro img{width:100%;height:610px;object-fit:cover}.architecture .projects{display:grid;grid-template-columns:1.3fr 1fr;gap:45px;margin-top:40px}.projects img{width:100%;height:300px;object-fit:cover}.projects h3{font-size:19px;font-weight:500}.projects article:nth-child(2){padding-top:70px}.coffee{background:#f1e9d9;color:#462919}.coffee header{position:absolute;z-index:1;left:0;right:0;top:32px;color:#fff}.coffee .hero-coffee{min-height:740px;background:linear-gradient(#20130f60,#20130f75),url(../assets/coffee.jpg) center/cover;display:grid;place-content:center;text-align:center;color:white;padding:140px 20px 80px}.coffee .hero-coffee h1{max-width:12ch;margin:0 auto 25px}.coffee .hero-coffee p{max-width:38ch;margin:0 auto 30px}.menu{max-width:900px;margin:auto}.menu-row{display:flex;justify-content:space-between;border-bottom:1px solid #c4b39c;padding:23px 0}.menu-row small{display:block;color:#77614c}.coffee .order{max-width:620px;margin:auto;text-align:center}.coffee .order button{background:#462919;color:#fff}.shop{background:#fff;color:#1c2d44}.shop header{border-bottom:1px solid #dbe1e9}.shop .shop-head{padding:50px 5vw 35px;display:flex;justify-content:space-between;align-items:end}.shop h1{font-size:52px;font-weight:500}.shop .products{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:0 5vw 70px}.products img{height:320px;width:100%;object-fit:cover;background:#f1f0eb}.products article:nth-child(2) img{object-position:30%;filter:saturate(.6)}.products article:nth-child(3) img{object-position:80%}.products h2{font-size:19px;font-weight:500;margin:20px 0 6px}.products button{width:100%;margin-top:15px}.cart-panel{padding:25px 5vw;background:#eef2f5}.cart-panel[hidden]{display:none}.cart-panel p{margin:4px 0}.feedback{min-height:26px;margin-top:15px;font-size:14px}.contact{max-width:600px}.contact label{display:block;margin:18px 0 5px}.contact input{width:100%;padding:13px;border:1px solid #b4b7ac;background:transparent}.contact button{margin-top:20px}.fine{font-size:12px;color:#65705d}.architecture .intro img{animation:photo-in .8s ease-out}@keyframes photo-in{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media(max-width:650px){header{padding:22px}nav{gap:14px}nav a{font-size:11px}.architecture .intro{display:flex;flex-direction:column;align-items:stretch;padding:35px 22px;gap:30px}.architecture .intro img{height:380px}.space{padding:50px 22px}.architecture .projects{grid-template-columns:1fr}.projects article:nth-child(2){padding:0}.coffee .hero-coffee{min-height:660px}.shop .products{grid-template-columns:1fr;padding:0 22px 40px}.shop .shop-head{padding:35px 22px;align-items:start;gap:15px}.shop h1{font-size:40px}.products img{height:330px}footer{flex-direction:column}.coffee header strong{font-size:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}