:root{--ink:#11100f;--paper:#f1eee6;--muted:#9a9488;--amber:#bf6b28;--line:rgba(17,16,15,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.topbar{position:fixed;z-index:20;top:0;left:0;width:100%;height:74px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;color:#f6f2ea;mix-blend-mode:difference}.brand{font-family:Georgia,serif;letter-spacing:.14em;font-size:1rem}.topbar nav{display:flex;gap:1.7rem;font-size:.82rem}.menu-toggle{display:none;border:0;background:none;color:inherit;letter-spacing:.12em}
.hero{position:relative;min-height:100svh;overflow:hidden;background:#090909;color:#fff}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%;filter:brightness(.72) contrast(1.04)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.05) 58%,rgba(0,0,0,.25)),linear-gradient(0deg,rgba(0,0,0,.45),transparent 48%)}.since{position:absolute;top:17%;left:5vw;font-size:.72rem;letter-spacing:.18em}.hero-copy{position:absolute;left:5vw;bottom:10%;max-width:780px}.hero-copy>p{font-size:.9rem;letter-spacing:.4em;margin:0 0 1.8rem}.hero h1{font-family:"Iropke Batang","Noto Serif KR",serif;font-weight:400;font-size:clamp(2.3rem,5.1vw,5.8rem);line-height:1.17;letter-spacing:-.055em;margin:0}.scroll-cue{position:absolute;right:4vw;bottom:5%;font-size:.68rem;letter-spacing:.18em}.scroll-cue span{margin-left:.7rem}
.manifesto{min-height:92vh;padding:13vh 6vw;display:grid;grid-template-columns:8vw minmax(280px,1fr) minmax(300px,.8fr);gap:5vw;align-items:start}.number,.chapter-label span{font-family:Georgia,serif;font-size:.83rem}.eyebrow,.chapter-label p{font-family:Georgia,serif;font-size:.78rem;letter-spacing:.22em;margin:0 0 2rem}.manifesto h2,.chapter h2,.visit h2{font-family:"Iropke Batang","Noto Serif KR",serif;font-size:clamp(2.1rem,4.2vw,4.8rem);font-weight:400;letter-spacing:-.055em;line-height:1.25;margin:0}.body-copy{padding-top:5rem;max-width:580px;font-size:1.04rem}.body-copy p{margin:0 0 1.7rem}
.image-break{height:72vh;position:relative;overflow:hidden;background:#101010;color:#fff}.image-break-inner{position:absolute;inset:-10%;background:url('assets/formal-coffee-exterior.png') center 58%/cover no-repeat;filter:brightness(.45);transform:scale(1.05)}.image-break p{position:absolute;inset:auto 0 8% 0;text-align:center;font-family:Georgia,serif;font-size:clamp(2rem,6vw,6rem);letter-spacing:.13em;line-height:1}.image-break p span{font-family:inherit;font-size:.68rem;letter-spacing:.4em}
.chapter{position:relative;min-height:100vh;padding:12vh 7vw 10vh;display:grid;grid-template-columns:minmax(180px,.4fr) minmax(330px,1fr);gap:8vw;overflow:hidden;border-bottom:1px solid var(--line)}.chapter.dark{background:#111;color:#ece8df}.chapter-label{display:flex;gap:1.2rem;align-items:flex-start}.chapter-copy{max-width:760px}.chapter-copy h2{margin-bottom:4rem}.chapter-copy>p{max-width:630px;font-size:1.08rem;margin:0 0 2rem}.chapter-copy .attitude{font-family:"Iropke Batang","Noto Serif KR",serif;font-size:clamp(1.4rem,2.2vw,2.2rem);line-height:1.65;margin-top:4rem}.word-mark{position:absolute;right:-.02em;bottom:-.18em;font-family:Arial,sans-serif;font-weight:700;font-size:clamp(6rem,18vw,20rem);letter-spacing:-.085em;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(17,16,15,.13);pointer-events:none}.dark .word-mark{-webkit-text-stroke-color:rgba(255,255,255,.15)}
.visit{display:grid;grid-template-columns:1.15fr .85fr;min-height:100vh;background:#0d0d0d;color:#f3efe6}.visit>img{width:100%;height:100%;object-fit:cover;object-position:center}.visit-copy{padding:12vh 7vw;display:flex;flex-direction:column;justify-content:center}.visit-copy h2{margin-bottom:2.5rem}.visit-copy>p:not(.eyebrow){color:#bbb4a7}.visit dl{margin:4rem 0 0;border-top:1px solid rgba(255,255,255,.2)}.visit dl div{display:grid;grid-template-columns:130px 1fr;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.2)}.visit dt{font-family:Georgia,serif;font-size:.7rem;letter-spacing:.14em}.visit dd{margin:0}
footer{padding:3rem 4vw;display:grid;grid-template-columns:1fr 2fr auto;gap:2rem;align-items:end;font-size:.72rem;letter-spacing:.08em}footer p{margin:0}
@media(max-width:800px){.topbar{height:62px}.menu-toggle{display:block}.topbar nav{position:absolute;top:62px;left:0;width:100%;padding:1.3rem 5vw 2rem;background:#111;color:#fff;display:none;flex-direction:column;gap:1rem;mix-blend-mode:normal}.topbar nav.open{display:flex}.hero-copy{left:7vw;bottom:13%;right:7vw}.hero-copy>p{font-size:.78rem}.manifesto{padding:11vh 7vw;display:block;min-height:auto}.manifesto .number{margin-bottom:3rem}.body-copy{padding-top:4rem}.image-break{height:54vh}.chapter{display:block;min-height:85vh;padding:10vh 7vw}.chapter-label{margin-bottom:4rem}.chapter-copy h2{margin-bottom:3rem}.visit{display:block}.visit>img{height:62vh}.visit-copy{padding:10vh 7vw}.visit dl div{grid-template-columns:100px 1fr}.topbar{mix-blend-mode:difference}footer{grid-template-columns:1fr;gap:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Final photo-led editorial composition. */
section[id]{scroll-margin-top:82px}a:focus-visible,button:focus-visible{outline:2px solid #bf6b28;outline-offset:6px}
.topbar{mix-blend-mode:normal;background:#11100ff2;border-bottom:1px solid #ffffff1c}.topbar nav{font-size:.875rem}.since{font-size:.8rem}.hero{min-height:980px;height:100svh;max-height:1250px}.hero>img{width:55%;left:auto;object-fit:cover;object-position:center;filter:none}.hero-shade{background:linear-gradient(90deg,#11100f 0%,#11100f 37%,#11100fb3 47%,transparent 65%)}.hero-copy{bottom:12%;max-width:700px}.hero h1{font-size:clamp(2.5rem,4vw,4.5rem);line-height:1.4}.hero-copy .hero-intro{letter-spacing:0;font-size:1rem;line-height:1.9;color:#c7c1b7;margin-top:2.5rem}.eyebrow,.chapter-label p{font-size:.875rem}.manifesto{grid-template-columns:40px 1fr 1fr;gap:3vw;min-height:auto;padding:120px 6vw}.manifesto h2{font-size:clamp(2rem,3vw,3.6rem)}.body-copy{padding-top:3.5rem}
.chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 6vw;padding:100px 6vw;overflow:visible;min-height:0}.chapter-photo{grid-column:1;grid-row:1 / span 2;margin:0;position:sticky;top:110px;align-self:start}.chapter-photo img{width:100%;height:auto;max-height:78vh;object-fit:contain;object-position:top}.chapter-label{grid-column:2;grid-row:1;margin:0 0 28px;gap:20px}.chapter-label p{margin:0}.chapter-copy{grid-column:2;grid-row:2;min-width:0}.chapter-copy h2{font-size:clamp(2rem,3.15vw,3.8rem);line-height:1.4;margin-bottom:2.5rem}.chapter-copy>p{font-size:1rem;line-height:1.95;word-break:keep-all;overflow-wrap:break-word}.chapter-copy .attitude{font-size:1.5rem;margin:2.5rem 0}.word-mark{display:none}
.visit{display:block;min-height:0}.visit-copy{max-width:1000px;margin:auto;padding:110px 6vw}.visit h2{font-size:clamp(2.5rem,4vw,4rem)}.visit dt{font-family:inherit;font-size:.875rem;letter-spacing:0}.visit dl{margin-top:2rem}.map-link{align-self:flex-start;border-bottom:1px solid #a58a6c;padding:12px 0;margin-top:25px;font-size:1rem}footer{font-size:.875rem}.scroll-cue{font-size:.8rem}
@media(max-width:800px){.hero{min-height:860px;height:100svh;max-height:none}.hero>img{width:100%;height:100%;object-position:center;filter:brightness(.62)}.hero-shade{background:linear-gradient(0deg,#11100fea,transparent 90%)}.hero-copy{bottom:9%;max-width:none}.hero h1{font-size:clamp(2rem,6.8vw,3.6rem);letter-spacing:-.05em}.hero-copy .hero-intro{font-size:.95rem}.since{top:13%;left:7vw}.topbar{mix-blend-mode:normal}.topbar nav{background:#111}.manifesto{display:block;padding:80px 7vw}.chapter{display:flex;flex-direction:column;padding:70px 7vw;gap:0}.chapter-photo{position:static;order:1;margin-bottom:35px}.chapter-photo img{max-height:none;width:100%;height:auto}.chapter-label{order:0;margin-bottom:25px}.chapter-copy{order:2}.chapter h2{font-size:2rem}.visit-copy{padding:80px 7vw}.visit dl div{grid-template-columns:90px 1fr}.menu-toggle{font-size:.875rem;padding:12px}.scroll-cue{display:none}}