/* Two distinct pieces of printed ephemera on the cover */
.hero-content{bottom:15px}
.hero h1{font-size:5.3rem}
.hero-label{position:absolute;z-index:6;top:244px;left:22px;width:202px;height:61px;padding:0 20px 7px;background:url('assets/torn-strip.png') center/100% 100% no-repeat;box-shadow:none;display:flex;align-items:center;gap:7px;transform:rotate(-4deg);color:#315fa8;text-shadow:none;white-space:nowrap}
.hero-label b{font-family:'Bebas Neue',sans-serif;font-size:1rem;font-weight:400;letter-spacing:.055em}
.hero-label i{font-family:'Bebas Neue',sans-serif;font-style:normal;font-size:.78rem;color:#e84438;transform:rotate(7deg);margin-top:13px}
.hero-date{right:8px;bottom:-34px;z-index:7;width:266px;height:79px;padding:11px 70px 15px 30px;background:url('assets/date-ticket.png') center/100% 100% no-repeat;box-shadow:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;color:#25272a;transform:rotate(-4deg);white-space:nowrap}
.hero-date small{font-family:'Bebas Neue',sans-serif;font-size:.77rem;color:#315fa8;letter-spacing:.12em;line-height:1}
.hero-date strong{font-family:'Bebas Neue',sans-serif;font-size:1.55rem;font-weight:400;letter-spacing:.035em;line-height:1.12}
.hero-date em{position:absolute;right:24px;top:24px;color:#e84438;font-family:'Bebas Neue',sans-serif;font-size:1.15rem;font-style:normal;transform:rotate(90deg)}
.home-intro{padding-top:59px}

/* A punched travel notebook page, with the holes kept clear of content */
.notebook-sheet{background:url('assets/notebook-page.png') center/100% 100% no-repeat;border:0;box-shadow:none}
.notebook-sheet:before{display:none}
.today-card{padding:39px 35px 37px 67px;min-height:434px;margin:1px -14px -11px;transform:rotate(-1deg)}
.today-card .card-topline{font-family:'IBM Plex Sans KR',sans-serif;color:#315fa8;font-size:.7rem;font-weight:700;letter-spacing:0;margin:0 0 4px}
.notebook-title{text-align:center;border-bottom:1px dotted #c5b9a5;margin:1px 1px 10px;padding-bottom:11px}
.notebook-title span{font-family:'Hahmlet',serif;color:#315fa8;font-size:1.7rem;font-weight:600;line-height:1.1}
.notebook-title h2{font-size:1.12rem;margin:4px 0 0}
.notebook-sheet .mini-row{position:relative;border:0;padding:10px 0;min-height:56px;gap:9px}
.notebook-sheet .mini-row:before{content:'';position:absolute;left:-7px;top:15px;width:3px;height:3px;background:#e84438;border-radius:50%}
.notebook-sheet .mini-row+.mini-row{border-top:1px dotted #c6bbaa}
.notebook-sheet .mini-time{min-width:48px;font-size:.77rem;font-weight:800}
.notebook-sheet .mini-title{font-family:'Pretendard Variable','IBM Plex Sans KR',sans-serif;font-size:.84rem;font-weight:700}
.notebook-sheet .mini-chevron{color:#315fa8;font-size:.9rem}
.notebook-footer{font-family:'Bebas Neue',sans-serif;color:#315fa8;font-size:.76rem;letter-spacing:.11em;border-top:1px dotted #c6bbaa;padding-top:10px;margin-top:1px;text-align:right}
.quick-grid{margin-top:30px}

.schedule-page .day-title{display:none}
.timeline-sheet{padding:45px 35px 47px 66px;margin:8px -14px 2px;min-height:540px;transform:rotate(-.7deg)}
.sheet-heading{text-align:center;border-bottom:1px dotted #c3b7a3;padding:2px 0 15px;margin-bottom:20px}
.sheet-heading span{display:block;font-family:'Hahmlet',serif;font-size:2.1rem;font-weight:600;color:#315fa8;line-height:1.25}
.sheet-heading small{display:block;font-size:.83rem;font-weight:700;color:#454b4e;margin-top:5px}
.timeline-sheet .timeline-item{grid-template-columns:49px 17px 1fr;gap:4px;min-height:82px}
.timeline-sheet .timeline-track:before{width:7px;height:7px;border:0;background:#e84438;border-radius:50%;transform:none;margin-top:8px}
.timeline-sheet .timeline-track:after{width:0;border-left:2px dotted #e84438;background:none;top:17px;bottom:0}
.timeline-sheet .time{font-size:.75rem}
.timeline-sheet .timeline-body strong{font-size:.96rem}
.timeline-sheet .timeline-body p{font-size:.79rem}
@media(max-width:370px){
  .hero-label{width:181px;left:17px}
  .hero-label b{font-size:.9rem}
  .hero-date{width:247px}
  .today-card{padding-left:58px;padding-right:27px}
  .timeline-sheet{padding-left:58px;padding-right:27px}
}

.sheet-heading h2{font-family:'Hahmlet',serif;font-size:1.12rem;font-weight:700;margin:5px 0 0;color:#25272a}
