:root{--background:#fff;--text:#272b24;--brown:#9a5b3b;--green:#3f6b4f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--background);margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:.25rem;text-decoration:underline}a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:.35rem}.page{height:100svh;padding:2rem clamp(1.25rem,5vw,5rem);overflow:hidden}header{justify-content:space-between;align-items:center;display:flex}.name{color:var(--text);letter-spacing:-.055em;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-style:italic;font-weight:600}.name span+span{margin-left:.08em}.animated-text{color:var(--brown)}main{grid-template-columns:minmax(0,.85fr) minmax(30rem,1.15fr);gap:clamp(2rem,5vw,6rem);height:calc(100svh - 6.75rem);display:grid}.hero{flex-direction:column;justify-content:center;display:flex}h1,.intro{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,6vw,5rem);line-height:1.1}.intro{max-width:18ch;color:var(--green)}.destinations{align-items:center;min-height:0;display:flex}.card-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,2vw,1.25rem);width:100%;height:min(52%,25rem);display:grid}.destination-card{min-height:0;color:var(--text);background:#f4f0e9;border:1px solid #0000;border-radius:1.25rem;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr auto;gap:1rem;padding:clamp(1.25rem,3vw,2rem);transition:color .18s,background-color .18s,transform .18s;display:grid;position:relative;overflow:hidden}.destination-card:nth-child(4n+2),.destination-card:nth-child(4n+3){background:#e8efe9}.destination-card:hover{color:#fff;background:var(--green);text-decoration:none;transform:translateY(-.3rem)}.destination-card:focus-visible{outline-offset:.25rem}.destination-card .icon{grid-area:1/2;width:1.65rem;height:1.65rem}.card-number{color:color-mix(in srgb, currentColor, transparent 42%);letter-spacing:.1em;grid-area:1/1;align-self:center;font-size:.75rem}.card-copy{flex-direction:column;grid-area:2/1/auto/-1;align-self:end;gap:.55rem;display:flex}.card-title{letter-spacing:-.04em;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.7rem,3.5vw,3rem)}.card-description{max-width:32ch;color:color-mix(in srgb, currentColor, transparent 25%);line-height:1.45}.card-arrow{grid-area:1/3;align-self:start;font-size:1.5rem;transition:transform .18s}.destination-card:hover .card-arrow{transform:translate(.2rem,-.2rem)}.animated-text{vertical-align:bottom;display:inline-block;overflow:hidden}.animated-text span{animation:.35s ease-out slide-in;display:inline-block}.screen-reader-text{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes slide-in{0%{opacity:0;transform:translate(1.25rem)}}.icon{fill:currentColor;width:1.4rem;height:1.4rem}.site-menu{position:relative}.site-menu summary{z-index:4;cursor:pointer;border:1px solid color-mix(in srgb, var(--text), transparent 75%);border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;list-style:none;display:grid;position:relative}.site-menu:not([open]) .menu-close,.site-menu[open] .menu-open{display:none}.site-menu summary::-webkit-details-marker{display:none}.site-menu nav{z-index:3;background:var(--background);border-left:1px solid color-mix(in srgb, var(--text), transparent 80%);align-content:start;width:min(20rem,25vw);height:100dvh;padding:6.5rem 1.5rem 1.5rem;animation:.18s ease-out menu-in;display:grid;position:fixed;top:0;right:0;box-shadow:-.75rem 0 2rem #00000014}.site-menu[open]:before{z-index:2;content:"";background:#00000052;position:fixed;inset:0}body:has(.site-menu[open]){overflow:hidden}.site-menu nav a{align-items:center;gap:.75rem;padding:.75rem;display:flex}@keyframes menu-in{0%{opacity:0;transform:translate(1.5rem)}}@media (max-width:800px){main{grid-template-columns:minmax(0,.72fr) minmax(23rem,1.28fr);gap:1.5rem}.card-description{font-size:.85rem}}@media (max-width:600px){.site-menu nav{width:min(22rem,84vw)}h1,.intro{font-size:clamp(2.25rem,11vw,3.5rem)}.page{padding-inline:1rem}main{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:1rem}.hero{padding-top:1rem}.hero h1,.hero .intro{font-size:clamp(1.65rem,8vw,2.5rem)}.destinations{padding-top:0}.card-grid{gap:.6rem;height:100%}.destination-card{border-radius:.9rem;grid-template-columns:1fr auto;padding:1rem}.destination-card .icon{display:none}.card-arrow{grid-column:2}.card-title{font-size:clamp(1.35rem,6.5vw,1.8rem)}.card-description{font-size:.85rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.animated-text span,.site-menu nav{animation:none}.destination-card,.card-arrow{transition:none}}
