@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--paper:#e8ed38;--ink:#20231c;--muted:#505529;--line:#a4aa31;--focus:#303ab1;color-scheme:light;font-family:Manrope,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}::selection{color:var(--paper);background:var(--ink)}html{scrollbar-color:var(--ink) var(--paper)}
main{width:min(1040px,100%);margin:auto;padding:64px 48px 32px;min-height:100svh;display:flex;flex-direction:column}
header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-bottom:54px}
h1{font-size:clamp(56px,7.3vw,96px);font-weight:800;line-height:.98;letter-spacing:-.04em;margin:0}.period{color:var(--focus)}
.intro{margin:0 0 5px;font-size:18px;line-height:1.6;font-weight:500}
nav{border-top:2px solid var(--ink)}a{color:inherit;text-decoration:none;text-underline-offset:5px}
.destination{display:grid;grid-template-columns:1fr 1fr 32px;align-items:center;column-gap:24px;padding:28px 0;border-bottom:1px solid var(--line);position:relative;transition:padding .22s cubic-bezier(.16,1,.3,1),background-color .22s}
.name{font-size:clamp(30px,4.2vw,46px);font-weight:650;letter-spacing:-.035em;line-height:1.2}.detail{font-size:15px;line-height:1.6}.domain{display:block;font-size:12px;color:var(--muted);margin-top:5px;letter-spacing:.01em}
svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .22s cubic-bezier(.16,1,.3,1)}
a:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.destination:focus-visible{outline-offset:-3px}.destination:hover,.destination:focus-visible{background:#dce22f;padding-left:16px;padding-right:16px}.destination:hover svg{transform:translate(2px,-2px)}
footer{margin-top:auto;padding-top:40px;display:flex;align-items:flex-start;gap:28px;font-size:14px;font-weight:650}footer a{min-height:44px;display:block;padding:6px 0}footer a:first-child{margin-right:auto}.email{display:block;color:var(--muted);font-size:12px;margin-top:6px;font-weight:450}footer a:hover{text-decoration:underline}
@media(max-width:640px){main{padding:40px 24px 24px}header{display:block;padding-bottom:32px}h1{font-size:64px}.intro{font-size:16px;margin-top:24px;line-height:1.5}.destination{grid-template-columns:1fr 28px;gap:8px;padding:22px 0}.name{font-size:34px}.detail{grid-column:1;grid-row:2;font-size:14px}.destination svg{grid-column:2;grid-row:1/3;width:26px;height:26px}.domain{font-size:12px;margin-top:3px}footer{gap:20px;padding-top:30px;font-size:13px}.email{font-size:11px}}
@media(max-width:360px){main{padding-inline:20px}h1{font-size:58px}footer{gap:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}