:root{
  --bg:#120f10;--bg2:#191314;--panel:#21191a;--panel2:#281e1e;
  --coffee:#8b5e46;--coffee2:#b98562;--cream:#f1e4d2;--cream2:#d9c4ad;
  --rose:#b66d79;--rose2:#d9949e;--muted:#aa9a92;--line:rgba(217,196,173,.20);
  --shadow:0 24px 70px rgba(0,0,0,.34);--serif:Georgia,"Times New Roman",serif;
  --sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--cream);background:radial-gradient(circle at 78% 3%,rgba(139,94,70,.20),transparent 30rem),radial-gradient(circle at 7% 55%,rgba(182,109,121,.09),transparent 28rem),var(--bg);font:16px/1.7 var(--sans)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.035;background-image:radial-gradient(#fff .6px,transparent .6px);background-size:5px 5px}
a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:16px 28px;background:rgba(18,15,16,.90);backdrop-filter:blur(14px);border-bottom:1px solid rgba(217,196,173,.10)}
.brand{display:flex;gap:11px;align-items:center}.brand-cup{font-size:25px;color:var(--coffee2);filter:drop-shadow(0 3px 10px rgba(185,133,98,.18))}.brand small{display:block;font-size:8px;letter-spacing:.35em;color:var(--muted)}.brand strong{font:14px var(--serif);letter-spacing:.09em}nav{display:flex;gap:25px;font-size:13px;color:var(--muted)}nav a{transition:.2s}nav a:hover{color:var(--cream2)}.menu{display:none;background:none;border:0;color:var(--cream);font-size:22px}
.hero{min-height:calc(100vh - 65px);max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr .92fr;gap:65px;align-items:center;padding:80px 28px 75px}.eyebrow{font-size:9px;letter-spacing:.32em;color:var(--coffee2);font-weight:800;margin:0 0 13px}.hero h1{font:500 clamp(58px,8vw,108px)/.83 var(--serif);margin:0 0 25px;letter-spacing:-.045em}.hero h1 em{font-style:italic;color:var(--cream2);padding-left:.16em}.subtitle{font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:#d6c8bf}.hero-text{max-width:590px;color:var(--muted)}.actions{display:flex;gap:11px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;padding:11px 19px;border:1px solid var(--line);font-size:11px;letter-spacing:.12em;text-transform:uppercase;transition:.2s}.btn.primary{background:linear-gradient(135deg,#6f4636,#8c5965);border-color:rgba(217,148,158,.34)}.btn:hover{transform:translateY(-2px);border-color:var(--coffee2)}.coffee-note{margin-top:27px;color:var(--muted);font:italic 15px var(--serif)}.coffee-note span{color:var(--rose2);margin:0 7px}
.frame{padding:11px;background:linear-gradient(145deg,rgba(185,133,98,.50),rgba(182,109,121,.25));box-shadow:var(--shadow);transform:rotate(1deg);position:relative;border-radius:4px}.art-window{aspect-ratio:4/5;display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,rgba(185,133,98,.18),transparent 48%),radial-gradient(circle at 60% 25%,rgba(217,148,158,.16),transparent 24%),#251c1d;overflow:hidden;border:1px solid rgba(241,228,210,.10)}.art-window img{width:100%;height:100%;object-fit:cover;display:block}.art-fallback{padding:30px}.art-fallback>span{font-size:75px;color:var(--coffee2)}.art-fallback p{font:21px var(--serif);letter-spacing:.08em}.art-fallback small{color:var(--muted)}.cup-accent{position:absolute;right:-17px;bottom:28px;background:var(--panel);border:1px solid var(--line);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--coffee2);font-size:20px}.frame-label{position:absolute;left:24px;bottom:23px;background:rgba(18,15,16,.91);padding:7px 10px;font-size:8px;letter-spacing:.20em;color:var(--cream2)}
.ornament{display:flex;align-items:center;justify-content:center;gap:13px;max-width:900px;margin:auto;padding:12px 28px;color:var(--coffee2);font-size:10px;letter-spacing:.19em}.ornament i{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.section{max-width:1080px;margin:auto;padding:105px 28px}.heading{margin-bottom:37px}.heading h2{font:500 clamp(38px,5vw,62px) var(--serif);margin:0 0 9px}.heading>p:last-child{color:var(--muted)}.grid{display:grid;gap:19px}.about-grid{grid-template-columns:.72fr 1.28fr}.panel{background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 45%),var(--panel);border:1px solid var(--line);box-shadow:0 15px 50px rgba(0,0,0,.22)}.profile-card,.facts-card{padding:23px}.card-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.22em;color:var(--coffee2);padding-bottom:14px;border-bottom:1px solid rgba(217,196,173,.13)}.portrait-small{aspect-ratio:1;max-width:205px;margin:23px auto 17px;border:1px solid rgba(217,196,173,.15);padding:5px;background:rgba(255,255,255,.025)}.art-placeholder,.mini{height:100%;overflow:hidden;background:#241b1c}.art-placeholder img{width:100%;height:100%;object-fit:cover;display:block}.profile-card h3{font:500 28px var(--serif);margin:8px 0}.profile-card p{color:var(--muted)}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.tags span{border:1px solid rgba(217,148,158,.24);background:rgba(182,109,121,.08);border-radius:999px;padding:5px 9px;font-size:10px;color:var(--cream2)}.facts-grid{display:grid;grid-template-columns:1fr 1fr}.facts-grid div{padding:20px 11px;border-bottom:1px solid rgba(217,196,173,.11)}.facts-grid small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.14em}.facts-grid strong{display:block;margin-top:5px;font:17px var(--serif);color:var(--cream)}
.lore{max-width:980px}.menu-story{padding:10px;background:linear-gradient(145deg,rgba(185,133,98,.08),transparent),var(--panel)}.menu-paper{border:1px solid rgba(217,196,173,.12);padding:21px 27px;background:radial-gradient(circle at 85% 12%,rgba(185,133,98,.08),transparent 18rem),#1d1718}.story{max-width:710px;margin:39px auto;font:17px/1.82 var(--serif);color:#d9d0c8}.story h3{font:800 10px var(--sans);letter-spacing:.27em;color:var(--coffee2);margin:43px 0 17px}.dropcap:first-letter{font-size:4.2em;float:left;line-height:.74;padding:8px 10px 0 0;color:var(--coffee2)}.callout{font-size:24px;color:var(--cream2);font-style:italic;border-left:2px solid var(--rose);padding:11px 0 11px 19px}.blood{color:var(--rose2);font-style:italic}blockquote{margin:39px 0 0;padding:19px 23px;border:1px solid rgba(217,148,158,.23);background:rgba(182,109,121,.08);color:var(--cream2);font-style:italic}
.cafe-board{padding:26px;background:linear-gradient(145deg,rgba(139,94,70,.16),rgba(182,109,121,.05)),var(--panel2)}.cafe-sign{text-align:center;padding:24px 15px;border:1px dashed rgba(217,196,173,.22);background:rgba(18,15,16,.22);border-radius:3px}.cafe-sign strong{display:block;font:500 clamp(37px,6vw,66px) var(--serif);letter-spacing:.03em;color:var(--cream)}.sign-line{display:block;color:var(--coffee2);font-size:9px;letter-spacing:.25em}.cafe-content{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;padding:30px 7px 5px}.cafe-content>div:first-child{color:var(--muted)}.cast-list{border-left:1px solid var(--line);padding-left:28px}.cast-list>span{font-size:9px;letter-spacing:.22em;color:var(--coffee2)}.cast-list p{font:18px var(--serif);margin:9px 0;color:var(--cream2)}.cast-list small{color:var(--muted)}
.credits{padding-top:70px}.credit-grid{grid-template-columns:repeat(4,1fr)}.credit-card{padding:22px;min-height:190px}.credit-card>b{font-size:28px;display:block;margin-bottom:17px}.credit-card h3{font:500 23px var(--serif);margin:0 0 8px}.credit-card p{color:var(--muted);font-size:13px;margin:0}
.quote{text-align:center;padding:45px 28px 120px}.quote>div{font-size:47px;color:var(--coffee2)}.quote p{font:italic clamp(27px,4vw,45px) var(--serif);max-width:820px;margin:17px auto 8px}.quote small{color:var(--muted)}
.links-section{padding-top:20px}.links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.links a{padding:21px;display:grid;gap:3px;transition:.2s}.links small{font-size:9px;letter-spacing:.22em;color:var(--coffee2)}.links strong{font:20px var(--serif);font-weight:500}.links span{font-size:12px;color:var(--muted)}.links a:hover{border-color:var(--coffee2);transform:translateY(-2px)}
footer{max-width:1080px;margin:auto;text-align:center;padding:0 28px 55px;color:var(--muted);font-size:11px}footer b{color:var(--coffee2);letter-spacing:.17em}.top{position:fixed;right:22px;bottom:22px;opacity:0;pointer-events:none;border:1px solid var(--line);background:rgba(33,25,26,.94);color:var(--coffee2);width:40px;height:40px;border-radius:50%;transition:.2s}.top.show{opacity:1;pointer-events:auto}
@media(max-width:850px){nav{display:none}.menu{display:block}.nav-open nav{display:flex;position:absolute;top:65px;left:0;right:0;padding:17px 20px;background:rgba(18,15,16,.98);justify-content:space-around;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;padding-top:62px;min-height:auto}.hero .frame{max-width:540px;margin:12px auto 0;width:100%}.about-grid,.cafe-content{grid-template-columns:1fr}.cast-list{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.credit-grid{grid-template-columns:1fr 1fr}.facts-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.site-header{padding:14px 18px}.hero,.section{padding-left:18px;padding-right:18px}.hero h1{font-size:58px}.facts-grid,.links,.credit-grid{grid-template-columns:1fr}.menu-paper{padding:17px}.story{font-size:16px}.cafe-board{padding:17px}.cafe-sign{padding:21px 10px}.cafe-sign strong{font-size:39px}.frame-label{font-size:7px}.quote{padding-bottom:80px}}