.hero{position:relative;min-height:min(88svh,820px);padding:0;overflow:hidden;border-bottom:1px solid var(--line)}.hero-content{position:relative;z-index:2;max-width:var(--page-max);min-height:min(88svh,820px);margin:0 auto;padding:clamp(40px,6vw,88px) clamp(24px,7vw,100px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);align-items:center;gap:clamp(30px,6vw,88px)}.hero-poster{position:relative;z-index:2;justify-self:center;display:block;width:clamp(220px,24vw,330px);max-height:70svh;border-radius:18px;overflow:hidden;border:1px solid rgba(245,236,221,.55);box-shadow:0 24px 70px #0000006b;transition:transform .2s,box-shadow .2s}.hero-poster:hover{transform:translateY(-4px) rotate(.3deg);box-shadow:0 30px 78px #0000007a}.hero-poster img{width:100%;height:auto;max-height:70svh;object-fit:contain;display:block}.hero-collage{position:absolute;inset:0;z-index:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0}.hero-collage img{width:100%;height:100%;object-fit:cover;display:block}.hero-veil{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0f0b079e,#0f0b07bd 55%,#0f0b07db),radial-gradient(ellipse 70% 55% at 50% 42%,rgba(156,95,38,.16),transparent 70%)}.hero-inner{position:relative;z-index:2;text-align:left;color:#f5ecdd;padding:20px 0;max-width:680px}.hero-inner .lion{width:clamp(110px,16vw,150px);height:auto;filter:drop-shadow(0 10px 34px rgba(217,160,91,.25))}.kicker{margin-top:26px;font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:#d9a05b;font-weight:600}.hero-inner h1{font-family:Fraunces,Georgia,serif;font-weight:300;font-size:clamp(40px,7vw,76px);line-height:1.06;letter-spacing:-.015em;margin-top:14px;color:#f5ecdd}.hero-inner h1 em{font-style:italic;font-weight:500;color:#d9a05b}.hero-inner .sub{margin:20px 0 0;max-width:50ch;color:#cfc3ac;font-size:clamp(14.5px,1.5vw,16.5px);line-height:1.7}.cta-row{margin-top:34px;display:flex;gap:12px;justify-content:flex-start;flex-wrap:wrap}.cta{display:inline-flex;align-items:center;gap:8px;padding:15px 30px;border-radius:99px;text-decoration:none;font-weight:600;font-size:15.5px;letter-spacing:.02em;transition:transform .15s,filter .2s,background .2s}.cta.solid{background:#b9702f;color:#fdf6ea;border:1px solid #b9702f}.cta.solid:hover{background:#a5621f;transform:translateY(-1px)}.cta.ghost{background:transparent;color:#f0e6d4;border:1px solid rgba(240,230,212,.5)}.cta.ghost:hover{border-color:#f0e6d4;transform:translateY(-1px)}@media(max-width:900px)and (min-width:641px){.hero-content{grid-template-columns:minmax(0,1fr) minmax(210px,.65fr);gap:26px;padding-inline:32px}.hero-poster{width:min(100%,260px)}}@media(max-width:640px){.hero-content{min-height:0;grid-template-columns:1fr;gap:24px;padding:44px 20px 38px}.hero-collage{grid-template-columns:1fr;grid-template-rows:1fr}.hero-collage img:nth-child(2),.hero-collage img:nth-child(3){display:none}.hero-inner{text-align:center;padding:0;margin:0 auto}.hero-inner .sub{margin-inline:auto}.cta-row{justify-content:center;margin-top:26px}.cta{width:100%;justify-content:center}.hero-poster{width:min(190px,58vw);max-height:none}.hero-poster img{max-height:none}}main{max-width:var(--page-max);margin:0 auto;padding:10px clamp(14px,4vw,48px) 70px}section{margin-top:64px;scroll-margin-top:90px}.sec-kicker{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:10px}h2{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:clamp(26px,4vw,36px);margin-bottom:10px}.sec-sub{color:var(--ink-dim);font-size:15px;line-height:1.7;max-width:60ch}.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}@media(min-width:760px){.cat-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}}.cat{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 44px 16px 16px;border:1px solid var(--line);border-radius:14px;background:var(--bg-card);text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}.cat:hover{border-color:var(--accent);box-shadow:0 2px 12px #140f0a0f}.cat-name{font-weight:600;font-size:16px;line-height:1.3}.cat-n{font-size:12.5px;color:var(--ink-dim)}.cat-go{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--ink-dim);font-size:16px;transition:color .15s}.cat:hover .cat-go{color:var(--accent)}.roast{display:grid;grid-template-columns:1.1fr 1fr;gap:0;margin-top:26px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--bg-card)}.roast .txt{padding:clamp(24px,4vw,44px)}.roast .txt h2{margin-bottom:12px}.roast .txt p{color:var(--ink-dim);font-size:14.5px;line-height:1.8;margin-bottom:18px}.roast .pic{position:relative;min-height:300px}.roast .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media(max-width:820px){.roast{grid-template-columns:1fr}.roast .pic{order:-1;min-height:220px}}.link-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:99px;border:1px solid var(--accent);color:var(--accent);text-decoration:none;font-weight:600;font-size:14px;transition:background .2s,color .2s}.link-btn:hover{background:var(--accent);color:#221709}.loc-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:16px;margin-top:26px}@media(max-width:820px){.loc-grid{grid-template-columns:1fr}}.loc-card{background:var(--bg-card);border:1px solid var(--line);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:14px}.loc-card address{font-style:normal;font-size:16px;line-height:1.8}.loc-card .hours{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:13.5px;border-radius:10px;padding:9px 14px}.loc-card .note{font-size:13px;color:var(--ink-dim)}.map-wrap{border:1px solid var(--line);border-radius:18px;overflow:hidden}.map-wrap iframe{width:100%;height:100%;min-height:320px;border:0;display:block;filter:saturate(.85)}