:root{--paper:#f6f1e8;--ink:#25392e;--muted:#647063;--rust:#a94f30;--line:#d8d9ca}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 system-ui,sans-serif}a{color:inherit;text-underline-offset:5px}header,main,footer{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}header{display:flex;justify-content:space-between;align-items:center;padding-top:28px;padding-bottom:28px;border-bottom:1px solid var(--line)}.brand{font:700 30px Georgia,serif;text-decoration:none;letter-spacing:-1px}.brand span{display:block;font:10px system-ui,sans-serif;text-transform:uppercase;letter-spacing:3px;margin-top:8px}nav{display:flex;gap:28px;font-size:13px}nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:55px;padding:85px 0 95px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 22px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.08;margin:0}h1{font-size:clamp(42px,5.3vw,70px);letter-spacing:-2px}h1 em{color:var(--rust);font-weight:400}.intro{max-width:480px;color:var(--muted);margin:28px 0 32px}.button{display:inline-block;background:var(--ink);color:var(--paper);padding:13px 22px;font-size:13px;text-decoration:none}.art{height:420px;border-radius:160px 160px 3px 3px;background:#e3b58d;position:relative;overflow:hidden;box-shadow:12px 12px 0 #eae3d5}.sun{width:160px;height:160px;border-radius:50%;position:absolute;top:55px;right:35px;background:#f7dba8}.skyline{position:absolute;bottom:70px;left:0;right:0;height:250px;display:flex;align-items:flex-end;justify-content:center;gap:7px;background:linear-gradient(transparent 80%,#485647 80%)}.skyline i{width:38px;height:125px;background:#485647;border-top:6px solid #677563;z-index:1}.skyline i:nth-child(2){height:175px;width:30px}.skyline i:nth-child(3){height:215px;width:42px;clip-path:polygon(0 12%,50% 0,100% 12%,100% 100%,0 100%)}.skyline i:nth-child(4){height:145px;width:45px}.skyline i:nth-child(5){height:245px;width:28px;clip-path:polygon(0 20%,40% 20%,50% 0,60% 20%,100% 20%,100% 100%,0 100%)}.skyline i:nth-child(6){height:170px}.skyline i:nth-child(7){height:110px}.art>span{position:absolute;bottom:25px;width:100%;text-align:center;font-size:9px;letter-spacing:3px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-title h2,h2{font-size:42px;letter-spacing:-1px}.section-title>p{font-size:13px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}article{border:1px solid var(--line);background:#faf7f0}.card-art{height:190px;display:flex;align-items:center;justify-content:center;font:italic 70px Georgia,serif;position:relative}.card-art span{position:absolute;bottom:15px;left:20px;font:9px system-ui,sans-serif;letter-spacing:2px}.beans{background:#d3d9ba}.cup{background:#e0b99b}.arch{background:#dfd8c7;font-size:45px}.card-body{padding:26px}.card-body .eyebrow{font-size:8px;margin-bottom:14px}h3{font-size:26px}.card-body p:not(.eyebrow){font-size:13px;color:var(--muted)}.card-body a{font-size:12px}.small{font-size:10px;color:var(--muted);margin-top:25px}.walk{margin:80px 0;background:var(--ink);color:var(--paper);padding:55px;position:relative}.walk h2{font-size:52px}.walk p:not(.eyebrow){max-width:650px;color:#d0d7c7}.walk span{display:block;font-size:9px;letter-spacing:2px;margin-top:30px}.about{max-width:620px;margin-bottom:80px}.about>p:last-child{color:var(--muted)}footer{border-top:1px solid var(--line);padding-top:25px;padding-bottom:30px;font-size:11px;display:flex;justify-content:space-between}@media(max-width:800px){header,main,footer{padding-left:22px;padding-right:22px}header{align-items:flex-start}nav{gap:12px;flex-direction:column;font-size:11px}.hero{grid-template-columns:1fr;padding:45px 0 60px;gap:35px}.art{height:330px;max-width:450px;width:100%;justify-self:center}.cards{grid-template-columns:1fr}.card-art{height:155px}.section-title{display:block}.section-title h2,h2{font-size:36px}.walk{padding:30px;margin:55px 0}.walk h2{font-size:40px}.about{margin-bottom:50px}footer{gap:18px}.card-body p:not(.eyebrow){font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}