/* Adapted from the I GRIN reference: fine rules, an open page, quiet typography. */
:root{
  --notebook-rule:rgba(137,158,174,.095);
  --notebook-margin:rgba(202,167,155,.36);
  font-family:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
}
h1{font-weight:500}
.hero-copy,.page-intro{
  position:relative;
  background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,var(--notebook-rule) 35px,var(--notebook-rule) 36px);
  background-position:0 14px;
}
.hero-copy:before,.page-intro:before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-18px;
  width:1px;
  background:var(--notebook-margin);
  pointer-events:none;
}
.notebook-index{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:12px 0;
  border-block:1px solid #a5b19873;
  background:var(--paper);
  color:#68765f;
  font-size:9px;
  line-height:1.6;
  letter-spacing:.12em;
}
.notebook-index span:last-child{letter-spacing:.025em;text-align:right}
.hero-copy .notebook-index{margin-bottom:26px}
.hero-location{margin-top:0}
.hero h1{letter-spacing:-.045em;line-height:1.43}
.hero-copy h1 mark{--mark:#ccd7bc}
.page-intro{padding-top:30px;border-bottom:1px solid var(--line);margin-bottom:28px}
.page-intro .notebook-index{margin-bottom:22px}
.page-intro .eyebrow{margin-top:22px}
.page-intro h1{letter-spacing:-.045em;line-height:1.43}
.button,.header-cta{border-radius:100px}
.quick-info{background:#e6eadb;padding-inline:24px;border-color:#c0cbb2}
.quick-info a{min-height:44px;display:inline-flex;align-items:center}
.hero-note{border-top:1px solid #c5cdb960;padding-top:22px}
@media(min-width:1141px){
  .main-nav>a{font-weight:540}
}
@media(max-width:1140px) and (min-width:761px){
  .hero-copy .notebook-index span:last-child{display:none}
}
@media(max-width:760px){
  .hero-copy:before,.page-intro:before{left:-10px}
  .hero-copy .notebook-index{margin-bottom:23px}
  .notebook-index{font-size:8px;letter-spacing:.08em;gap:12px;padding-block:10px}
  .notebook-index span:last-child{max-width:47%}
  .hero h1{line-height:1.4}
  .hero-note{padding-top:17px}
  .page-intro{padding-top:23px;margin-bottom:22px}
  .page-intro .eyebrow{margin-top:18px}
  .page-intro h1{line-height:1.42}
  .quick-info{padding-inline:15px}
}
@media(max-width:370px){
  .hero-copy .notebook-index span:last-child{display:none}
  .page-intro .notebook-index{align-items:flex-start}
  .page-intro .notebook-index span:last-child{font-size:7px;max-width:46%}
}