:root{--blue:#0f2d51;--ink:#24262b;--muted:#646973;--line:#dfe3ee}
html{background:#fafafa}body{padding:32px 24px 64px;background:linear-gradient(to bottom,#fafafa 0 76%,#eeeeef 76% 100%);color:var(--ink)}
.page{width:min(100%,1080px);min-height:calc(100svh - 96px);padding:42px 76px 28px;background:white;border:3px solid #18a4a0}
header{display:flex;justify-content:flex-end;padding-bottom:34px}.logo{width:236px}
main{max-width:none;padding:0 0 48px}.status{color:var(--blue);margin-bottom:28px;font-size:13px}.status>span{display:none}
.eyebrow{color:var(--blue);font-size:23px;font-weight:400;margin-bottom:22px}
.opening-date{font-size:38px;line-height:1.3;color:#18a4a0;font-weight:400;margin:0 0 24px}
h1{font-size:74px;line-height:1.2;font-weight:800;color:#087f7c}.light{font-weight:400;color:#315c68}
.notice-label{color:var(--blue);font-size:17px;font-weight:700;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px 16px}.notice-label span{font-weight:400}
.description{font-size:17px;line-height:1.9;color:var(--ink);margin-top:62px}.description strong{display:inline-block;margin-bottom:12px}
.english{border:0;padding:0;margin-top:28px}h2{font-size:20px;color:var(--ink)}.english p{font-size:15px;line-height:1.85}
.contact{margin-top:30px;padding-top:18px}.contact a,.arrow{color:var(--blue)}footer{border:0;padding-top:0;font-size:11px}
@media(max-width:700px){body{padding:14px 12px 36px}.page{padding:26px 24px 22px;min-height:calc(100svh - 50px);border-width:2px}header{padding-bottom:40px}.logo{width:190px}.status{font-size:12px;margin-bottom:24px}.eyebrow{font-size:17px;margin-bottom:18px}h1{font-size:42px;line-height:1.25}.notice-label{font-size:13px;margin-top:22px;gap:6px 10px}.description{font-size:15px;margin-top:40px}.english{margin-top:26px}h2{font-size:17px}.english p{font-size:14px}.contact{margin-top:26px;padding-top:16px;gap:6px 18px}.contact a{font-size:21px}main{padding-bottom:36px}footer{font-size:10px}}
@media(max-width:360px){.page{padding:24px 18px}h1{font-size:35px}.logo{width:175px}}
@media(max-width:700px){.opening-date{font-size:28px;margin-bottom:20px}h1{font-size:36px}}
@media(max-width:360px){h1{font-size:29px}}
.notice-label{color:#16867f}.status{color:#16867f}.contact a,.arrow{color:#16867f}.contact{border-top:2px solid #f0f1f4}
.copy-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;margin-left:-14px;background:transparent;border:0;border-radius:4px;color:#16867f;cursor:pointer}.copy-button:hover{background:#f0f1f4}.copy-button:focus-visible{outline:2px solid #16867f;outline-offset:2px}#mail-status{color:#546861;font-size:12px}
