/* Header and fullscreen navigation adapted from rapda24.github.io/dewford. */
.dewford-header {padding:20px 30px;}
.dewford-header .dewford-desktop-nav {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;}
.dewford-header .dewford-navigation {gap:18px;}
.dewford-header .dewford-navigation > li > a {font-family:'Pretendard',Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:.02em;}
.dewford-header .dewford-header-actions {display:flex;align-items:center;gap:26px;margin-left:auto;}
.dewford-header .dewford-email {display:none;font-family:'Pretendard',Arial,sans-serif;font-size:var(--dewford-small-text,14px);font-weight:500;}
.dewford-header .dewford-menu-toggle {display:grid;place-items:center;width:30px;height:44px;padding:0;}
.dewford-menu-dots {display:grid!important;grid-template-columns:repeat(3,3px);grid-template-rows:repeat(3,3px);gap:5px;width:19px!important;height:19px!important;background:none!important;}
.dewford-menu-dots i {display:block;width:3px;height:3px;background:currentColor;}
.dewford-menu-dots i:nth-child(1){grid-area:1/2;}.dewford-menu-dots i:nth-child(2){grid-area:2/1;}.dewford-menu-dots i:nth-child(3){grid-area:2/2;}.dewford-menu-dots i:nth-child(4){grid-area:2/3;}.dewford-menu-dots i:nth-child(5){grid-area:3/2;}
.dewford-header .dewford-header-talk {display:flex;align-items:center;gap:12px;background:var(--dewford-purple);padding:4px 20px 4px 4px;color:#ffffff;font-family:'Pretendard',Arial,sans-serif;font-size:var(--dewford-small-text,14px);font-weight:600;white-space:nowrap;}
.dewford-header-talk > span {display:grid;place-items:center;width:40px;height:40px;background:var(--dewford-orange);color:#ffffff;font-size:22px;font-weight:500;}
.dewford-header .dewford-header-talk {display:none;}
.dewford-header .dewford-email {display:inline-flex;align-items:center;gap:8px;}
.dewford-header .dewford-brand {width:264px;}
.dewford-header.is-scrolled .dewford-brand {width:176px;}
.dewford-drawer {inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;padding:140px 24px 150px;background:var(--dewford-purple);color:#ffffff;overflow-y:auto;overscroll-behavior:contain;}
.dewford-drawer::backdrop {background:var(--dewford-purple);}
.dewford-drawer[open] {animation:dewford-dialog-enter .25s ease-out;}
.dewford-drawer .dewford-menu-close {position:absolute;top:32px;right:40px;display:flex;align-items:center;gap:12px;padding:8px 0;font:500 16px Arial,sans-serif;}
.dewford-menu-close:hover {color:var(--dewford-orange);}
.dewford-dialog-layout {display:grid;grid-template-columns:650fr 420fr;column-gap:200px;max-width:1300px;margin:0 auto;align-items:start;}
.dewford-dialog-navigation {align-self:start;overflow-anchor:none;}
@media(min-width:768px){
 .dewford-dialog-story {display:contents;}
 .dewford-dialog-story h2 {grid-column:1;grid-row:1;}
 .dewford-dialog-photo {grid-column:1;grid-row:2;align-self:start;margin-top:var(--dewford-dialog-photo-offset,0px);}
 .dewford-dialog-navigation {grid-column:2;grid-row:2;align-self:start;margin-top:var(--dewford-dialog-nav-offset,0px);}
}
.dewford-dialog-story h2 {margin:0 0 80px;color:#ffffff;font-family:'Pretendard',Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:48px;line-height:1.4;font-weight:700;letter-spacing:-.025em;word-break:keep-all;}
.dewford-dialog-photo {display:block;width:100%;height:auto;}
.dewford-dialog-crest {position:relative;width:150px;height:150px;margin:0 0 32px;}
.dewford-dialog-crest > img {position:absolute;inset:30px;width:90px;height:90px;}
.dewford-dialog-crest > svg {display:block;width:100%;height:100%;animation:dewford-crest-turn 15s linear infinite;}
.dewford-dialog-crest text {fill:#ffffff;font:500 11px Arial,sans-serif;letter-spacing:2px;}
.dewford-dialog-links,.dewford-dialog-submenu {list-style:none;padding:0;margin:0;}
.dewford-dialog-links > li {border-bottom:1px solid rgb(255 255 255 / 16%);}
.dewford-dialog-row {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;}
.dewford-dialog-row > :is(a,.dewford-dialog-parent) {display:block;padding:14px 0;color:#ffffff;font-family:'Pretendard',Arial,sans-serif;font-size:18px;font-weight:500;line-height:1.4;letter-spacing:.02em;}
.dewford-dialog-parent {flex:1;text-align:left;border:0;background:transparent;cursor:pointer;}
.dewford-submenu-toggle {display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;background:none;color:#ffffff;border:0;font:600 24px Arial,sans-serif;cursor:pointer;}
.dewford-dialog-submenu[hidden] {display:none;}
.dewford-dialog-submenu {padding:0 20px 14px 0;}
.dewford-dialog-submenu a {display:block;padding:8px 0;color:#ffffff;font:500 15px/1.5 Arial,sans-serif;}
.dewford-dialog-links a:hover,.dewford-submenu-toggle:hover {color:var(--dewford-orange);}
.dewford-drawer :focus-visible {outline:2px solid var(--dewford-orange)!important;outline-offset:4px;}
@keyframes dewford-crest-turn {to{transform:rotate(360deg);}}
@keyframes dewford-dialog-enter {from{opacity:0;transform:translateY(-12px);}to{opacity:1;transform:none;}}
@media(min-width:1200px) and (max-width:1439px){.dewford-header .dewford-brand{width:228px;}.dewford-header .dewford-navigation{gap:12px;}.dewford-header .dewford-navigation > li > a{font-size:var(--dewford-small-text,14px);}.dewford-header .dewford-header-actions{gap:16px;}.dewford-header.is-scrolled .dewford-brand{width:152px;}.dewford-header .dewford-email{font-size:var(--dewford-small-text,14px);}}
@media(max-width:1199px){.dewford-header,.dewford-header.is-scrolled{min-height:80px;padding:14px 24px;}.dewford-header .dewford-brand,.dewford-header.is-scrolled .dewford-brand{width:128px;}.dewford-header .dewford-header-talk,.dewford-header .dewford-email{display:none;}.dewford-dialog-layout{gap:50px;}.dewford-drawer{padding:90px 32px;}.dewford-dialog-story h2{font-size:36px;margin-bottom:50px;}}
@media(max-width:767px){.dewford-drawer{padding:90px 24px 48px;}.dewford-drawer .dewford-menu-close{top:20px;right:24px;}.dewford-dialog-layout{grid-template-columns:1fr;gap:32px;}.dewford-dialog-story h2{font-size:clamp(24px,7.18vw,35px);margin-bottom:24px;}.dewford-dialog-photo{max-height:220px;object-fit:cover;}.dewford-dialog-navigation{display:grid;grid-template-columns:1fr;}.dewford-dialog-crest{width:110px;height:110px;margin-bottom:20px;}.dewford-dialog-crest>img{inset:22px;width:66px;height:66px;}}
@media(prefers-reduced-motion:reduce){.dewford-drawer[open],.dewford-dialog-crest>svg{animation:none;}}

/* Anchor dropdowns to the full header height, including while it shrinks. */
@media(min-width:1200px){
 .dewford-header .dewford-desktop-nav {top:0;bottom:0;transform:translateX(-50%);}
 .dewford-header .dewford-desktop-nav > .dewford-navigation {height:100%;align-items:stretch;}
 .dewford-header .dewford-desktop-nav > .dewford-navigation > li {display:flex;align-items:stretch;}
 .dewford-header .dewford-desktop-nav > .dewford-navigation > li > a {display:flex;align-items:center;}
 .dewford-header .dewford-desktop-nav .sub-menu {top:100%;margin-top:0;}
}
/* Include submenu padding in its animated height. */
.dewford-dialog-submenu {box-sizing:border-box;}
/* Bring the popup photo, navigation and crest closer together. */
.dewford-dialog-layout {column-gap:100px;}
.dewford-dialog-story h2 {margin-bottom:48px;}
.dewford-dialog-crest {margin-bottom:16px;}
@media(max-width:1199px){
 .dewford-dialog-layout {gap:32px;}
 .dewford-dialog-story h2 {margin-bottom:32px;}
}
@media(max-width:767px){
 .dewford-dialog-layout {gap:20px;}
 .dewford-dialog-story h2 {margin-bottom:20px;}
 .dewford-dialog-crest {margin-bottom:12px;}
}

/* Scale the top-of-page logo to 80% at each breakpoint. */
.dewford-header:not(.is-scrolled) .dewford-brand {width:211.2px;}
@media(min-width:1200px) and (max-width:1439px){.dewford-header:not(.is-scrolled) .dewford-brand{width:182.4px;}}
@media(max-width:1199px){.dewford-header:not(.is-scrolled) .dewford-brand{width:102.4px;}}
