:root{--ink:#183c32;--cream:#f7f3e8;--muted:#606858;--line:#d3d7c5;color:var(--ink);background:var(--cream);font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:5px;outline:3px solid #aa4836}h1,h2,h3,p,figure{margin:0}h1,h2,h3,.brand,.footer-brand{font-family:Georgia,Times New Roman,serif;font-weight:400}p{line-height:1.7}.wrap{width:calc(100% - 96px);max-width:1240px;margin:auto}.skip-link{background:var(--ink);color:#fff;z-index:10;padding:12px;position:absolute;top:-100px}.skip-link:focus{top:12px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:118px;display:flex}.brand{align-items:center;gap:12px;font-size:27px;font-weight:700;line-height:.95;display:flex}.brand b{background:var(--ink);color:var(--cream);border-radius:8px;padding:10px;font-size:38px;box-shadow:3px 4px #c8cbb6}.brand small{letter-spacing:2px;margin-top:10px;font:8px Arial,sans-serif;display:block}nav{gap:30px;font-size:13px;display:flex}.button{background:var(--ink);color:var(--cream);border-radius:5px;justify-content:center;align-items:center;min-height:50px;padding:17px 23px;font-size:13px;display:inline-flex}.button:hover{background:#315b46}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-block:70px 76px;display:grid}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:700}.hero h1{letter-spacing:-3px;margin-top:27px;font-size:clamp(58px,6.2vw,88px);line-height:1.02}h1 em{color:#aa4836}.intro{max-width:440px;color:var(--muted);margin-top:26px;font-size:16px}.actions{align-items:center;gap:25px;margin-top:31px;display:flex}.text-link{border-bottom:1px solid;padding-block:5px;font-size:13px}.note{color:var(--muted);margin-top:22px;font-size:12px}.art{background:#e7eadb;border-radius:180px 180px 8px 8px;min-width:0;padding:44px 28px 24px;overflow:hidden}.art-heading{letter-spacing:2px;justify-content:space-between;align-items:center;padding:30px 25px 0;font-size:10px;display:flex}.art-heading span{color:#aa4836;font-family:serif;font-size:22px}.scene{perspective:750px;place-items:center;height:325px;display:grid}.table{background:#35634d;border:12px solid #b38e61;border-radius:34px;width:95%;height:260px;position:relative;transform:rotateX(25deg)rotate(-12deg);box-shadow:0 18px #765b3e,0 30px 26px #183c3233}.tiles{gap:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tiles i,.loose{color:#24543a;background:#fffae8;border-bottom:7px solid #c8c5a1;border-radius:4px;place-items:center;width:40px;height:57px;font:700 29px Georgia,serif;display:grid;box-shadow:0 4px 4px #0003}.tiles i:nth-child(2n){color:#aa4836}.back{top:15px}.front{bottom:13px}.loose{position:absolute}.one{top:98px;left:25%;transform:rotate(-18deg)}.two{color:#aa4836;top:111px;left:45%;transform:rotate(15deg)}.coffee{background:#ded9bf;border-radius:50%;place-items:center;width:65px;height:65px;font-size:43px;display:grid;position:absolute;top:87px;right:7%;box-shadow:3px 5px 6px #0004}.art figcaption{text-align:center;font:italic 17px Georgia,serif}.art figcaption small{letter-spacing:1px;color:var(--muted);margin-top:12px;font:9px Arial,sans-serif;display:block}.ribbon{background:var(--ink);color:#e4e7ca;letter-spacing:2px;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:24px;padding:23px 20px;font-size:11px;display:flex}.ribbon span{color:#d9b36d;font-size:20px}.split{grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-block:85px;display:grid}h2{letter-spacing:-1.5px;font-size:clamp(34px,3.8vw,50px);line-height:1.12}.eyebrow+h2{margin-top:18px}.split>div>p:not(.eyebrow){color:var(--muted)}.features{flex-direction:column;gap:15px;margin-top:25px;padding:0;font-size:12px;list-style:none;display:flex}.pricing{background:#edeedf;padding-block:76px}.section-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px;display:flex}.cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card{background:var(--cream);border:1px solid #d8dbc8;border-radius:8px;padding:32px}.card h3{margin-top:20px;font-size:29px}.price{letter-spacing:-1px;margin:22px 0 17px;font-family:Georgia,serif;font-size:38px}.price small{letter-spacing:0;margin-top:9px;font:11px Arial,sans-serif;display:block}.card>p:not(.price):not(.eyebrow){color:var(--muted);font-size:13px}.card ul{border-top:1px solid var(--line);margin-top:23px;padding:20px 0 0 17px;font-size:12px;line-height:2.3}.label{letter-spacing:1.5px;margin-top:26px;font-size:9px;display:block}.featured{background:var(--ink);color:var(--cream)}.featured>p:not(.price):not(.eyebrow){color:#dae1d1}.featured ul{border-color:#597160}.menu{border-top:1px solid #cbd0bc;grid-template-columns:1fr 1fr;gap:50px;margin-top:50px;padding-top:40px;display:grid}.menu h3{margin-top:14px;font-size:30px}.menu dl{margin:0}.menu dl div{border-bottom:1px solid #d1d5c4;justify-content:space-between;gap:20px;padding:12px 0;font-size:13px;display:flex}.menu dd{white-space:nowrap;margin:0;font-weight:700}.address{border:1px solid var(--line);background:#e6eadc;border-radius:8px;padding:40px}.house{color:#aa4836;margin-bottom:20px;font-size:45px;display:block}address{margin-block:25px 18px;font-size:14px;font-style:normal;line-height:1.8}.location .button{margin-top:25px}.closing-panel{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-block:28px;display:flex}.closing-panel>span{font:29px Georgia,serif}footer{justify-content:space-between;align-items:center;gap:20px;padding-block:32px;display:flex}footer p,footer>a:last-child{font-size:11px}.footer-brand{font-size:23px}.reveal-ready{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(16px)}.reveal-ready.visible{opacity:1;transform:none}@media (width<=1000px){.wrap{width:calc(100% - 48px)}.hero{gap:30px}.hero h1{font-size:64px}.actions{flex-wrap:wrap;gap:14px}.table{width:100%}.art{padding-inline:16px}.card{padding:23px}.price{font-size:32px}.split{gap:40px}nav{gap:16px}}@media (width<=700px){.wrap{width:calc(100% - 40px)}header{gap:12px;min-height:100px}nav{display:none}.brand{font-size:23px}.brand b{padding:8px;font-size:28px}.brand small{letter-spacing:1px;font-size:7px}header .button{padding:12px;font-size:12px}.hero{grid-template-columns:1fr;gap:36px;padding-block:40px}.hero h1{font-size:64px}.hero .eyebrow{letter-spacing:1.4px;font-size:9px}.intro{font-size:15px}.art{width:100%;max-width:480px;margin:auto}.scene{height:310px}.art figcaption{font-size:15px}.ribbon{letter-spacing:1px;gap:15px;font-size:9px}.ribbon span{font-size:14px}.split{grid-template-columns:1fr;gap:30px;padding-block:50px}.pricing{padding-block:50px}.section-heading{flex-direction:column;align-items:start}.cards{grid-template-columns:1fr}.card{padding:28px}.price{font-size:40px}.menu{grid-template-columns:1fr;gap:20px;margin-top:35px}.address{padding:28px}.closing-panel{flex-direction:column;align-items:start}.closing-panel>span{font-size:27px}footer{flex-wrap:wrap}footer p{order:3;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal-ready{opacity:1;transform:none}}
