@font-face{font-family:Daisy;src:url('assets/fonts/Ownglyph_daisy-Rg.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:Jua;src:url('assets/fonts/Jua-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
:root{--paper:#fff;--back:#f5f1ea;--ink:#37352e;--olive:#4a583b;--wine:#793443;--muted:#9a8c7b;--comic:Daisy,Jua,'Malgun Gothic',sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--back);color:var(--ink);font-family:'Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%;height:auto}p,figure{margin:0}.skip{position:fixed;top:-60px;padding:12px;background:white;z-index:10}.skip:focus{top:10px}.site-header{max-width:780px;margin:auto;padding:23px 30px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#746354;letter-spacing:.015em}.site-header a{text-decoration:none;font-weight:700}.site-header span{font-size:10px;color:#9e8e7a}.reader{max-width:760px;margin:auto;background:var(--paper);overflow:hidden}.opening{padding:72px 6% 135px;text-align:center;background:linear-gradient(#faf7f1,#fff 90%)}.eyebrow{font-size:10px;letter-spacing:.25em;color:#a89377;margin-bottom:35px}.eyebrow b{font-size:16px;color:var(--wine);font-weight:400;margin-left:9px}.title-logo{width:90%;margin:auto;mix-blend-mode:multiply}.opening-line{font-family:var(--comic);font-size:24px;color:#6c685b;margin-top:30px}.read-start{display:inline-flex;gap:30px;align-items:center;margin-top:38px;font-size:10px;text-decoration:none;color:#a09180}.read-start span{font-size:17px;color:#826c52}article{padding-top:20px}.cut{position:relative;isolation:isolate;margin-bottom:var(--gap,110px)}.art{position:relative;width:var(--art-width,90%);margin-inline:auto}.art img{width:100%;height:auto;outline:1px solid rgba(80,68,45,.19)}.speech{position:relative;width:min(var(--bubble-width),90%);aspect-ratio:var(--bubble-ratio);margin-bottom:19px;z-index:2;color:var(--olive);font-family:var(--comic);font-size:25px;line-height:1.22;letter-spacing:.005em}.speech svg{width:100%;height:100%;display:block;overflow:visible}.speech path{fill:white;stroke:#6d6658;stroke-width:1.25;stroke-linejoin:round;vector-effect:non-scaling-stroke}.speech p{position:absolute;inset:2% 8% var(--tail-space);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:translateY(.13em);white-space:nowrap}.speech p span{display:block}.speech.left{margin-left:6%}.speech.right{margin-left:auto;margin-right:6%}.speech.student{font-family:Jua,'Malgun Gothic',sans-serif;font-size:18px;color:#6c604d;line-height:1.45}.speech.student p{transform:none}.speech.professor{font-family:Jua,'Malgun Gothic',sans-serif;font-size:18px;line-height:1.5;color:#42433e}.speech.professor p{transform:none}.speech.cold{color:var(--wine)}.speech.cold path{stroke:#70535b}.cut .art+.speech{margin-top:22px}.embedded{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;font-family:var(--comic);color:var(--olive);line-height:1.1;z-index:2}.embedded-04{left:78%;top:8%;width:17%;height:31%;font-size:clamp(15px,3.5vw,26px);transform:translateY(.10em)}.embedded-07{left:25.8%;top:9.9%;width:7.8%;height:20.5%;font-size:clamp(18px,4vw,27px);color:var(--wine)}.embedded-09{left:50.1%;top:1.5%;width:16%;height:10.5%;font-size:clamp(15px,3.4vw,24px);font-family:Jua,sans-serif;color:#6c604d}.location{position:absolute;left:5%;bottom:-24px;padding:11px 18px;background:white;border:1px solid #c1b5a3;font-family:Jua,sans-serif;font-size:17px;line-height:1.5;color:#605b50}.location span{display:block;font-size:12px;letter-spacing:.04em;color:#8c8271}.sfx{font-family:var(--comic);font-size:37px;line-height:1.2;color:#6f6656;letter-spacing:.04em;-webkit-text-stroke:3px white;paint-order:stroke fill;position:relative;width:max-content;max-width:90%}.ambient{margin:52px 8% 0 auto;font-size:28px;transform:rotate(-8deg);color:#a3967f}.ambient span{display:block;margin-left:65px;margin-top:-7px;transform:rotate(9deg)}.rustle{margin:14px 10% 0 auto;transform:rotate(-13deg)}.tap{margin:17px 0 0 19%;transform:rotate(-8deg);color:#80715a}.tap span{display:inline-block;font-size:30px;margin-left:18px;transform:rotate(14deg)}.bell{margin-left:45%;margin-bottom:27px;font-size:48px;transform:rotate(-5deg);color:#60564a}.time-note{width:max-content;margin:25px 12% 0 auto;border-bottom:1px solid #b5a48f;padding:3px 12px 9px;font-family:Jua,sans-serif;font-size:17px;color:#8f7b61}.time-note strong{font-weight:400;font-size:22px;margin-left:7px}
.cut-01{--art-width:100%;--gap:158px}.cut-01 .art img{outline:none}.cut-02{--art-width:73%;--gap:132px}.cut-02 .art{margin-right:4%}.cut-02 .speech.right{margin-right:13%}.cut-03{--art-width:72%;--gap:114px}.cut-03 .art{margin-left:4%}.cut-03 .speech{margin-right:4%}.cut-04{--art-width:95%;--gap:50px}.cut-04 .speech{margin-right:4%;margin-top:16px}.cut-05{--art-width:95%;--gap:27px}.cut-05 .art img{outline:none}.cut-06{--art-width:95%;--gap:148px}.cut-06 .speech{margin-left:7%;margin-bottom:24px}.cut-07{--art-width:89%;--gap:100px}.cut-07 .art{margin-right:3%}.cut-07 .speech.right{margin-right:4%}.cut-07 .speech.left{margin-top:20px}.cut-08{--art-width:74%;--gap:145px}.cut-08 .art{margin-left:5%}.cut-08 .speech{margin-left:12%;margin-bottom:23px}.cut-09{--art-width:88%;--gap:88px}.cut-09 .art{margin-left:5%}.cut-09 .speech{margin-right:5%;margin-top:23px}.cut-10{--art-width:86%;--gap:136px}.cut-10 .art{margin-right:4%}.cut-10 .speech{margin-left:4%}.cut-11{--art-width:73%;--gap:118px}.cut-11 .art{margin-left:5%}.cut-12{--art-width:62%;--gap:210px}.cut-12 .art{margin-right:6%}.cut-12 .speech{margin-left:10%;margin-bottom:28px}.cut-13{--art-width:65%;--gap:155px}.cut-13 .art{margin-left:5%}.cut-13 .art img{outline:none}.cut-14{--art-width:100%;--gap:135px}.cut-14 .art img{outline:none}.cut-14 .speech{margin-left:4%;margin-bottom:28px}.cut-15{--art-width:75%;--gap:172px}.cut-15 .art{margin-right:4%}.cut-15 .speech{margin-right:5%;margin-bottom:22px}.cut-16{--art-width:66%;--gap:0}.cut-16 .art{margin-left:7%}.cut-16 .speech{margin-right:5%;margin-bottom:32px}.last-silence{height:380px}.end-mark{text-align:center;font-size:10px;letter-spacing:.13em;color:#aaa08f}.end-mark span{margin-left:17px;color:#7c6256}footer{padding:90px 20px 45px;text-align:center;background:linear-gradient(white,#faf7f1);font-size:10px;color:#9a8d7d}footer p{color:#7f6a5b;font-size:12px}footer nav{display:flex;justify-content:center;gap:28px;margin-top:20px}footer a{text-decoration:none;font-size:10px;color:#9b8c77}
@media(min-width:900px){.speech{font-size:26px}.speech.student,.speech.professor{font-size:19px}.cut-04 .embedded{font-size:27px}}
@media(max-width:600px){body{background:white}.site-header{padding:19px 17px;font-size:10px;gap:8px}.site-header span{font-size:9px;white-space:nowrap}.opening{padding:52px 5% 95px}.eyebrow{margin-bottom:25px;font-size:9px}.eyebrow b{font-size:14px}.title-logo{width:97%}.opening-line{font-size:23px;margin-top:26px}.read-start{margin-top:27px}article{padding-top:10px}.cut{margin-bottom:calc(var(--gap,110px)*.70)}.speech{font-size:23px}.speech.student,.speech.professor{font-size:17px}.speech p{inset-inline:7%}.location{left:5%;bottom:-30px;padding:8px 12px;font-size:15px}.location span{font-size:10px}.ambient{font-size:26px;margin-top:59px}.sfx.rustle{font-size:32px}.sfx.tap{font-size:33px}.sfx.tap span{font-size:27px}.bell{font-size:42px;margin-left:40%}.cut-04{--art-width:96%}.cut-05{--art-width:96%}.cut-06{--art-width:96%}.cut-04 .speech{margin-top:20px}.cut-06 .speech{margin-bottom:20px}.cut-07 .art+.speech{margin-top:20px}.cut-09{--art-width:91%}.cut-10 .speech{margin-left:5%}.cut-12{--art-width:65%}.cut-13{--art-width:73%}.cut-15 .speech{width:min(var(--bubble-width),94%);margin-right:3%}.cut-16{--art-width:73%}.last-silence{height:290px}.end-mark{font-size:9px}footer{padding-top:70px;padding-bottom:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Replies below a panel point back up to their speaker. The path is still
   one continuous outline, and the text is centered in the body, not the tail. */
.cut .art+.speech svg{transform:scaleY(-1)}
.cut .art+.speech p{inset:var(--tail-space) 8% 2%}
.cut-04 .speech.left{margin-left:7%;margin-right:auto}
@media(max-width:600px){.cut .art+.speech p{inset-inline:7%}}
.cut-13 .art .clock-hands{position:absolute;inset:0;width:100%;height:100%;outline:0;pointer-events:none}