*{box-sizing:border-box}body{margin:0;background:#f5f0e6;color:#332c25;font:16px/1.8 Arial,sans-serif}header,main,footer{max-width:1200px;margin:auto}header{padding:30px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8cfc0;gap:20px}.wordmark{font:26px Georgia;text-decoration:none;color:inherit;letter-spacing:2px}.wordmark span{display:block;font:9px Arial;letter-spacing:4px;margin-top:8px}.header-note,.eyebrow{font:10px/1.7 Arial;letter-spacing:1.9px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;padding:70px 6%}.hero h1{font:clamp(55px,7vw,86px)/1.08 Georgia;letter-spacing:-2px;margin:25px 0}.hero h1 em{color:#956344}.lead{font-size:20px;max-width:530px;color:#5d5346}.small{font-size:12px;color:#766c5f;max-width:460px}.cup-art{height:370px;position:relative;background:#e7ddc9;border-radius:200px 200px 6px 6px;overflow:hidden}.cup{width:190px;height:150px;background:#faf5e9;position:absolute;top:140px;left:calc(50% - 95px);border-radius:10px 10px 85px 85px;box-shadow:inset -15px -8px 20px #b0a38e44,5px 15px 25px #5c493322}.cup:after{content:'';position:absolute;width:55px;height:70px;border:15px solid #faf5e9;right:-42px;top:18px;border-radius:0 50% 50% 0}.coffee{height:25px;background:#66503b;border:7px solid #fff9ee;border-radius:50%;position:absolute;left:0;right:0;top:-6px}.saucer{width:265px;height:35px;background:#f9f3e5;position:absolute;top:275px;left:calc(50% - 130px);border-radius:50%;box-shadow:0 8px 20px #493b2420}.star{position:absolute;color:#9c774e}.s1{font-size:45px;top:45px;left:55px}.s2{font-size:25px;top:88px;right:45px}.cup-caption{position:absolute;bottom:25px;left:30px;font:9px/1.7 Arial;letter-spacing:2px}.next{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid #d8cfc0;padding:55px 6%;background:#eae1d1}.next h2{font:42px/1.15 Georgia;letter-spacing:-1px;margin:20px 0}.next p{font-size:15px}.next p.small{font-size:11px}.button{display:inline-block;background:#433b30;color:#fff9ee;text-decoration:none;font-weight:bold;font-size:12px;padding:13px 20px;margin:12px 0}.links{display:flex;gap:25px;flex-wrap:wrap;justify-content:space-between;padding:25px 6%;border-bottom:1px solid #d8cfc0;font-size:11px}.links span{font-size:9px;letter-spacing:1.5px}.links a{color:inherit;text-underline-offset:5px}footer{padding:40px 6%;font-size:12px}footer b{font:23px Georgia}footer p:last-child{font-size:10px;max-width:700px;color:#766c5f}a:focus-visible{outline:3px solid #956344;outline-offset:6px}@media(max-width:700px){.hero,.next{grid-template-columns:1fr;gap:25px;padding-top:35px;padding-bottom:35px}.header-note{font-size:8px;max-width:100px}.wordmark{font-size:22px}.hero h1{font-size:65px}.cup-art{height:330px}.next h2{font-size:37px}.links{flex-direction:column;gap:15px}}