:root{--ink:#17130f;--night:#151718;--paper:#f1eadc;--cream:#fffaf0;--copper:#c17b42;--blue:#b8cad6;--moss:#6f8068;--line:rgba(23,19,15,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font:16px/1.75 system-ui,-apple-system,"Noto Sans SC",sans-serif}a{color:inherit;text-decoration:none}.cafe-mast{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(20,18,16,.96);color:white;position:relative;z-index:5}.wordmark{display:flex;align-items:center;gap:12px}.wordmark i{font-style:normal;background:var(--copper);color:#17130f;width:38px;height:38px;display:grid;place-items:center;font-weight:900}.wordmark span{font-weight:800;letter-spacing:.08em}.wordmark small{display:block;font-size:9px;letter-spacing:.26em;color:#d9c5ac}.cafe-mast nav,.closing-note nav{display:flex;gap:22px;font-size:13px}.cafe-mast button{display:none;background:none;border:1px solid #71695e;color:white;padding:8px 12px}.cafe-hero{min-height:690px;position:relative;background:#0f1010;color:white;overflow:hidden}.cafe-hero>img{position:absolute;width:100%;height:100%;object-fit:cover}.cafe-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,9,.92) 0%,rgba(10,10,9,.55) 38%,rgba(10,10,9,.04) 72%)}.hero-copy{position:relative;z-index:1;padding:130px 6vw 90px;max-width:680px}.hero-copy>p,.bookmark-rail header p,.account-table>div>p,.android-counter header p,.slip-section header p,.task-head>p,.brew-article>header>p{font-size:11px;letter-spacing:.28em;font-weight:900;color:#e3a66e}.hero-copy h1{font:800 clamp(48px,6.2vw,92px)/.98 Georgia,"Noto Serif SC",serif;margin:20px 0}.hero-copy h1 em{font:500 .48em/1.25 system-ui;font-style:normal;color:#f4e8d5}.hero-copy>span{display:block;max-width:590px;color:#e2ded7}.hero-copy>div{display:flex;gap:12px;margin-top:30px}.hero-copy a,.bookmark-rail>a,.account-table a,.android-counter>a,.cafe-questions>a,.next a,.lost a{padding:12px 18px;background:var(--copper);font-weight:800;display:inline-block}.hero-copy a+ a{background:var(--paper);color:var(--ink)}.cafe-hero aside{position:absolute;z-index:2;right:4vw;bottom:32px;display:flex;gap:0;background:rgba(18,17,15,.83);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.cafe-hero aside>*{padding:12px 16px;border-right:1px solid rgba(255,255,255,.15)}.bookmark-rail{padding:88px 6vw;background:var(--paper)}.bookmark-rail header{max-width:900px}.bookmark-rail h2,.account-table h2,.android-counter h2,.slip-section h2,.cafe-questions h2{font:800 clamp(34px,4vw,60px)/1.1 Georgia,"Noto Serif SC",serif;margin:14px 0}.bookmark-rail header>span{display:block;max-width:760px}.bookmark-rail>div{display:grid;grid-template-columns:repeat(3,1fr);margin:46px 0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.bookmark-rail article{padding:28px;border-right:1px solid var(--line)}.bookmark-rail article:last-child{border:0}.bookmark-rail article i{font-style:normal;color:var(--copper);font-weight:900}.bookmark-rail article b{display:block;font:700 23px Georgia,serif;margin:15px 0}.account-table{display:grid;grid-template-columns:1fr 1fr;padding:100px 7vw;gap:8vw;background:white}.account-table>div>span{display:block}.account-table dl{margin:0;border-top:3px solid var(--moss)}.account-table dt,.account-table dd{margin:0;padding:18px 10px;border-bottom:1px solid var(--line)}.account-table dt{float:left;width:110px;color:var(--moss);font-weight:900}.android-counter{padding:95px 6vw;background:#231c17;color:#f8eee2}.counter-flow{display:grid;grid-template-columns:repeat(4,1fr);margin:42px 0 28px;border-top:1px solid #6b5545;border-bottom:1px solid #6b5545}.counter-flow span{padding:24px;border-right:1px solid #6b5545}.counter-flow span:last-child{border:0}.counter-flow i{display:block;font-style:normal;color:#d7965e}.counter-flow b,.counter-flow small{display:block}.counter-flow b{font-size:20px;margin:8px 0}.counter-flow small{color:#cbbbaa}.android-counter>p{max-width:900px}.slip-section{padding:90px 7vw;background:#dae4e9}.reading-slips{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;margin-top:35px}.reading-slip{background:#fffdf8;padding:30px;border-top:5px solid var(--copper);box-shadow:0 12px 35px rgba(40,35,28,.08);transform:rotate(-.5deg)}.reading-slip:nth-child(2){transform:translateY(20px) rotate(.7deg)}.reading-slip time{font-size:12px;color:#6c6c67}.reading-slip strong{display:block;font:700 25px/1.35 Georgia,"Noto Serif SC",serif;margin:14px 0}.reading-slip b{color:#8e552e}.cafe-questions{padding:90px 7vw;background:var(--cream)}.cafe-questions>div{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin:35px 0}.cafe-questions details{padding:18px;border-bottom:1px solid var(--line)}.cafe-questions summary{font-weight:800;cursor:pointer}.inner,.brew-article-main{max-width:1180px;margin:auto;padding:48px 6vw 90px}.crumb{font-size:13px;color:#69635b;display:flex;gap:8px}.task-head{padding:60px 0;border-bottom:5px solid var(--copper)}.task-head h1,.brew-article h1,.lost h1{font:800 clamp(40px,5vw,72px)/1.08 Georgia,"Noto Serif SC",serif;margin:14px 0}.task-head>span{display:block;max-width:800px;font-size:19px;color:#59534c}.service-ledger article{display:grid;grid-template-columns:90px 1fr;padding:42px 0;border-bottom:1px solid var(--line)}.service-ledger article>i{font-style:normal;color:var(--copper);font-weight:900}.service-ledger h2{font:700 30px Georgia,serif;margin:0 0 12px}.service-ledger ul{padding-left:20px}.next,.article-nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:42px}.next a:nth-child(even),.article-nav a{background:var(--night);color:white;padding:11px 16px}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:45px}.about-grid article{padding:30px;background:white}.article-index{margin-top:50px}.brew-article{max-width:820px;margin:35px auto}.brew-article>header{padding:45px 0;border-top:6px solid var(--copper);border-bottom:1px solid var(--line)}.brew-article>header time{display:block;color:#746b62}.brew-article>header>span{font-size:20px;color:#5c554d}.brew-article-body{font:18px/1.9 Georgia,"Noto Serif SC",serif}.brew-article-body section{margin:50px 0}.brew-article-body h2{font:800 32px/1.25 system-ui}.brew-article-body aside{background:var(--paper);padding:24px;border-left:5px solid var(--copper)}.closing-note{background:#151718;color:#ddd;padding:55px 6vw;display:grid;grid-template-columns:1fr auto;gap:22px}.closing-note small{grid-column:1/-1;color:#918d88}.lost{min-height:70vh;padding:12vh 7vw;max-width:850px}.lost>span{display:block;font-size:20px}.lost nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}@media(max-width:760px){.cafe-mast{height:auto;min-height:64px;padding:12px 18px;align-items:flex-start}.cafe-mast button{display:block}.cafe-mast nav{display:none;position:absolute;top:64px;left:0;right:0;background:#1b1917;padding:18px;flex-direction:column}.cafe-mast nav.open{display:flex}.cafe-hero{min-height:0;padding-bottom:0;display:flex;flex-direction:column}.cafe-hero>img{position:relative;order:2;height:300px;object-position:67% center}.cafe-hero:after{display:none}.hero-copy{padding:60px 22px 38px;order:1;background:#171513}.hero-copy h1{font-size:50px}.hero-copy h1 em{font-size:.48em}.hero-copy>div{flex-direction:column}.hero-copy a{text-align:center}.cafe-hero aside{position:relative;order:3;right:auto;bottom:auto;display:grid;grid-template-columns:1fr 1fr;border:0}.cafe-hero aside b{grid-column:1/-1}.bookmark-rail,.android-counter,.slip-section,.cafe-questions{padding:64px 22px}.bookmark-rail>div,.counter-flow,.reading-slips,.cafe-questions>div,.account-table,.about-grid{grid-template-columns:1fr}.bookmark-rail article,.counter-flow span{border-right:0;border-bottom:1px solid var(--line)}.account-table{padding:64px 22px;gap:40px}.account-table dt{float:none;width:auto;padding-bottom:2px}.account-table dd{padding-top:2px}.reading-slip,.reading-slip:nth-child(2){transform:none}.service-ledger article{grid-template-columns:45px 1fr}.inner,.brew-article-main{padding:35px 20px 70px}.task-head{padding:40px 0}.task-head h1,.brew-article h1{font-size:42px}.brew-article-body{font-size:17px}.closing-note{grid-template-columns:1fr}.closing-note nav{flex-direction:column}.closing-note small{grid-column:auto}}