:root{--ink:#1c1b19;--cream:#eee9df;--orange:#ff6c36;--blue:#2650a5;--line:rgba(28,27,25,.26)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Gowun Dodum',sans-serif}.topbar{height:80px;position:fixed;z-index:10;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.45);color:#fff;mix-blend-mode:normal}.brand{font:500 24px 'DM Mono',monospace;color:inherit;text-decoration:none;letter-spacing:-2px}.brand i{font-family:'Playfair Display';font-size:31px}.topbar nav{display:flex;gap:37px}.topbar nav a,.sound{font:500 12px 'DM Mono';letter-spacing:.05em;color:inherit;text-decoration:none;background:none;border:0}.sound{display:flex;gap:8px;align-items:center}.hero{height:780px;min-height:78vh;position:relative;color:#fff;overflow:hidden}.slide{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,14,10,.65),rgba(20,14,10,.08)),var(--image) center/cover;opacity:0;transition:opacity .7s ease}.slide.is-active{opacity:1}.hero-copy{position:absolute;left:11vw;top:28%;z-index:1}.eyebrow{font:500 11px 'DM Mono';letter-spacing:.11em;margin:0 0 20px}.hero h1,.neighbor h2,.story h2,.characters h2,.closing h2{font:500 clamp(38px,5.1vw,78px)/1.08 'Playfair Display','Gowun Dodum';letter-spacing:-.06em;margin:0}.hero h1 em,.neighbor h2 em{font-style:italic}.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;margin:29px 0}.line-link{font:500 12px 'DM Mono';color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:8px;display:inline-block}.line-link b{font-size:16px;margin-left:22px}.cup-label{position:absolute;right:10vw;bottom:145px;text-align:right}.cup-label span{font:13px 'DM Mono';display:block;margin-bottom:11px}.cup-label strong{font:500 24px/1.05 'Playfair Display';display:block}.cup-label small{display:block;font:10px 'DM Mono';margin-top:12px}.slider-ui{position:absolute;z-index:2;bottom:42px;left:11vw;right:10vw;display:flex;align-items:center;gap:20px}.slide-count{font:13px 'DM Mono';white-space:nowrap}.slide-count span{opacity:.6}.progress{height:1px;background:rgba(255,255,255,.4);flex:1}.progress i{height:100%;display:block;background:#fff;width:33.33%;transition:width .4s}.controls{display:flex;gap:17px}.controls button{color:#fff;background:none;border:0;font-size:22px;cursor:pointer}.neighbor{height:660px;display:grid;grid-template-columns:1.08fr .92fr}.neighbor-photo{background:url('https://images.unsplash.com/photo-1521017432531-fbd92d768814?auto=format&fit=crop&w=1500&q=85') center/cover}.neighbor-copy{background:var(--orange);padding:110px 8vw 70px 7vw;position:relative}.neighbor-copy>p:not(.eyebrow){font-size:14px;line-height:2;margin:34px 0}.stamp{position:absolute;bottom:67px;right:8vw;border:1px solid var(--ink);border-radius:50%;width:102px;height:102px;display:grid;place-items:center;text-align:center;font:10px/1.5 'DM Mono';transform:rotate(-11deg)}.story{min-height:700px;background:var(--blue);color:#f7f1e9;position:relative;padding:110px 11vw;overflow:hidden}.story-title{max-width:650px}.story-title span{font:11px 'DM Mono';display:block;margin:0 0 27px}.story-text{width:min(410px,100%);margin:55px 0 0 37%;font-size:14px;line-height:2}.story-text p{margin-bottom:19px}.story-text .line-link{margin-top:12px}.orbit{font:700 clamp(75px,13vw,210px)/.73 'Playfair Display';position:absolute;right:-1vw;bottom:-10px;opacity:.11;text-align:right}.characters{background:#191818;color:#eee9df;min-height:5772px;padding:130px 7vw 0;position:relative}.char-intro{height:570px;padding-left:4vw}.char-intro h2{font-size:86px;margin-bottom:30px}.char-intro>p:not(.eyebrow){font-size:14px;line-height:2}.vertical{font:10px 'DM Mono';letter-spacing:.13em;writing-mode:vertical-rl;position:absolute;right:7vw;top:150px}.character{height:1270px;max-width:1160px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:8vw;border-top:1px solid rgba(238,233,223,.3)}.character:nth-of-type(3){grid-template-columns:.9fr 1.1fr}.character:nth-of-type(3) .portrait{order:2}.portrait{position:relative;height:790px}.portrait-image{height:100%;width:100%;filter:grayscale(1);background-size:cover;background-position:center}.p1{background-image:linear-gradient(rgba(30,23,19,.08),rgba(30,23,19,.32)),url('https://images.unsplash.com/photo-1544717305-2782549b5136?auto=format&fit=crop&w=1200&q=85')}.p2{background-image:linear-gradient(rgba(30,23,19,.1),rgba(30,23,19,.25)),url('https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=1200&q=85')}.p3{background-image:linear-gradient(rgba(30,23,19,.08),rgba(30,23,19,.30)),url('https://images.unsplash.com/photo-1539571696357-5a69c17a67c6?auto=format&fit=crop&w=1200&q=85')}.portrait span{font:13px 'DM Mono';position:absolute;bottom:-28px;right:0}.bio h3{font:500 50px/1 'Gowun Dodum';letter-spacing:-.1em;margin:0 0 40px}.bio h3 i{display:block;font:italic 20px 'Playfair Display';letter-spacing:0;margin:16px 0 0}.bio dl{border-top:1px solid rgba(238,233,223,.35);margin:0}.bio dl div{display:grid;grid-template-columns:90px 1fr;padding:16px 0;border-bottom:1px solid rgba(238,233,223,.2);font-size:13px}.bio dt{font:10px 'DM Mono';opacity:.7}.bio dd{margin:0}.quote{font:italic 24px/1.4 'Playfair Display';margin-top:55px}.closing{height:720px;border-top:1px solid rgba(238,233,223,.3);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.closing>p{font:10px 'DM Mono';letter-spacing:.14em}.closing h2{font-size:74px;margin:24px 0 47px}footer{height:88px;background:var(--orange);display:flex;justify-content:space-between;align-items:center;padding:0 4vw;font:10px 'DM Mono';letter-spacing:.05em}@media(max-width:700px){.topbar{height:62px;padding:0 5vw}.brand{font-size:18px}.topbar nav{display:none}.sound span{display:none}.hero{height:700px}.hero-copy{left:8vw;top:24%}.cup-label{right:8vw;bottom:125px}.slider-ui{left:8vw;right:8vw;bottom:28px}.neighbor{height:auto;display:block}.neighbor-photo{height:330px}.neighbor-copy{min-height:440px;padding:70px 8vw}.neighbor-copy h2{font-size:47px}.story{padding:75px 8vw;min-height:630px}.story h2{font-size:43px}.story-text{margin:43px 0 0;font-size:13px}.characters{padding:80px 6vw 0;min-height:auto}.char-intro{height:370px;padding-left:2vw}.char-intro h2{font-size:60px}.vertical{display:none}.character,.character:nth-of-type(3){height:auto;min-height:920px;grid-template-columns:1fr;gap:48px;padding:75px 2vw}.character:nth-of-type(3) .portrait{order:0}.portrait{height:470px}.bio h3{font-size:39px}.closing{height:500px}.closing h2{font-size:52px}footer{height:auto;gap:13px;padding:25px 6vw;align-items:flex-start;flex-direction:column}}