:root { --ink:#173126; --cream:#f5f0e6; --paper:#fbf8f1; --gold:#d59d3f; --rust:#a84e2f; --muted:#67746c; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1160px, calc(100% - 48px)); margin-inline:auto; }
.hero { min-height:760px; color:white; position:relative; display:flex; flex-direction:column; overflow:hidden; background:linear-gradient(90deg,rgba(14,35,27,.97) 0%,rgba(14,35,27,.82) 43%,rgba(14,35,27,.18) 100%), url('assets/cafe-hero.png') center/cover no-repeat; }
.hero::before { content:""; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(30deg,transparent 46%,rgba(255,255,255,.12) 47%,transparent 48%),linear-gradient(150deg,transparent 46%,rgba(255,255,255,.08) 47%,transparent 48%); background-size:48px 48px; }
.hero::after { content:""; position:absolute; width:330px; height:330px; border:1px solid rgba(255,255,255,.18); border-radius:50%; right:8%; top:23%; box-shadow:0 0 0 45px rgba(255,255,255,.035),0 0 0 90px rgba(255,255,255,.025); }
.nav { height:100px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:2; border-bottom:1px solid rgba(255,255,255,.15); }
.brand { display:flex; align-items:center; gap:12px; color:white; }
.brand-mark { display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--gold); border-radius:50%; font-family:Georgia,serif; font-size:24px; color:var(--gold); }
.brand b,.brand small { display:block; letter-spacing:.12em; }.brand b{font-size:13px}.brand small{font-size:10px;margin-top:4px;color:#d9cdbd}
.nav-links { display:flex; gap:35px; font-size:13px; }.nav-links a{opacity:.82}.nav-links a:hover{opacity:1;color:#f0bd67}
.nav-cta { padding:13px 18px; border:1px solid rgba(255,255,255,.45); font-size:12px; text-transform:uppercase; letter-spacing:.1em; }
.hero-content { position:relative; z-index:2; padding-top:112px; }
.eyebrow { font-size:11px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--rust); margin:0 0 25px; }.eyebrow.light{color:#efb85b}
h1,h2 { font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.035em; margin:0; line-height:.98; }
h1 { font-size:clamp(58px,7.3vw,102px); } h1 em,h2 em { color:var(--gold); font-weight:400; }
.hero-copy { max-width:560px; font-size:17px; line-height:1.8; color:#e2ddd3; margin:34px 0; }
.hero-actions { display:flex; align-items:center; gap:28px; }.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:17px 23px;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700}.gold{background:var(--gold);color:#173126}.gold:hover{background:#e5b65e}.text-link{font-size:12px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:7px}
.hero-note { position:absolute; z-index:2; right:5%; bottom:34px; border-left:1px solid var(--gold); padding-left:20px; }.hero-note span,.hero-note b{display:block}.hero-note span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#e4b35e}.hero-note b{font-family:Georgia,serif;font-weight:400;margin-top:7px}
.intro { padding:120px 0 70px; display:grid; grid-template-columns:1.15fr .85fr; align-items:end; gap:80px; }.intro h2,.menu-heading h2,.about h2,.contact h2{font-size:clamp(45px,5vw,70px)}.intro-copy{font-family:Georgia,serif;font-size:19px;line-height:1.85;color:#53645b;border-left:1px solid #d9cdbb;padding-left:30px;margin:0 0 8px}
.features { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #ded6c8; border-bottom:1px solid #ded6c8; margin-bottom:120px; }.features article{padding:50px 42px;position:relative;border-right:1px solid #ded6c8}.features article:last-child{border:0}.feature-no{position:absolute;right:25px;top:22px;font-family:Georgia,serif;color:#bfb4a2}.coffee-icon{font-size:25px;filter:grayscale(1);opacity:.75}.features h3{font:400 25px Georgia,serif;margin:30px 0 14px}.features p{color:var(--muted);font-size:14px;line-height:1.75;margin:0}
.menu-section { background:var(--ink); color:white; padding:115px 0; }.menu-wrap{display:grid;grid-template-columns:.82fr 1.18fr;gap:100px}.menu-heading>p:not(.eyebrow){color:#bcc5bf;line-height:1.8;margin:30px 0}.outline{border:1px solid rgba(255,255,255,.35);color:white;margin-top:20px}.menu-list{border-top:1px solid rgba(255,255,255,.22)}.menu-item{display:flex;justify-content:space-between;align-items:center;padding:27px 6px;border-bottom:1px solid rgba(255,255,255,.16)}.menu-item span{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:var(--gold)}.menu-item h3{font:400 24px Georgia,serif;margin:7px 0}.menu-item p{color:#aebbb4;font-size:13px;margin:0}.menu-item>b{font:400 19px Georgia,serif;color:#e8bc70}.menu-list>small{display:block;color:#84968d;margin-top:18px;font-size:10px}
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px;align-items:center;padding:120px 0}.about-visual{aspect-ratio:4/5;background:var(--cream);border:1px solid #ded4c4;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.about-visual::before,.about-visual::after{content:"";position:absolute;width:65%;height:65%;border:1px solid #d5c5aa;transform:rotate(45deg)}.about-visual::after{width:45%;height:45%}.about-visual span,.about-visual b,.about-visual small{position:relative;z-index:1}.about-visual span{font:italic 22px Georgia,serif;color:var(--rust)}.about-visual b{font:400 92px Georgia,serif;color:var(--ink);line-height:1}.about-visual small{letter-spacing:.3em;margin-top:20px}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.9;margin:32px 0}.facts{display:flex;gap:40px;border-top:1px solid #ded6c8;padding-top:30px}.facts b,.facts span{display:block}.facts b{font:400 30px Georgia,serif;color:var(--rust)}.facts span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-top:7px;color:var(--muted)}
.contact{background:#b25937;color:white;padding:100px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.contact h2 em{color:#f0c27a}.contact-card{background:#fff;color:var(--ink);padding:40px}.label{font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--rust);margin:0 0 12px}.contact-card h3{font:400 24px/1.5 Georgia,serif;margin:0}.contact-card hr{border:0;border-top:1px solid #e0d8ca;margin:26px 0}.contact-card>p:not(.label){color:var(--muted);font-size:14px}.contact-actions{display:flex;gap:10px;margin-top:25px}.contact-card .outline{color:var(--ink);border-color:#cfc6b8;margin-top:0}
.footer{min-height:130px;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand.dark{color:var(--ink)}.footer p{font-size:10px;color:#7d8881}.legal{text-transform:uppercase;letter-spacing:.08em}
@media(max-width:800px){.shell{width:min(100% - 30px,1160px)}.nav{height:82px}.nav-links{display:none}.nav-cta{padding:11px}.hero{min-height:700px}.hero-content{padding-top:100px}.hero-note{display:none}.intro,.menu-wrap,.about,.contact-grid{grid-template-columns:1fr;gap:45px}.intro{padding:85px 0 55px}.features{grid-template-columns:1fr;margin-bottom:80px}.features article{border-right:0;border-bottom:1px solid #ded6c8;padding:35px 20px}.menu-section{padding:80px 0}.about{padding:80px 0}.about-visual{max-height:480px}.contact{padding:75px 0}.contact-actions{flex-direction:column}.footer{padding:35px 0;flex-direction:column;text-align:center}.facts{gap:18px}.facts span{font-size:8px}}