@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
:root{--ink:#143b62;--blue:#1264b0;--sea:#007d9b;--sky:#e8f4fb;--white:#fffefa;--sand:#f8f0df;--olive:#65794e;--olive-dark:#3f5638;--terracotta:#d77e4e;--gold:#e5b856;--line:#d9e1dd;--muted:#62706d;--shadow:0 18px 45px rgba(24,69,91,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sand);color:#284443;font:16px/1.6 'DM Sans',sans-serif;background-image:radial-gradient(rgba(18,100,176,.055) .7px,transparent .7px);background-size:11px 11px}body:before{content:"";display:block;height:10px;background:repeating-linear-gradient(90deg,var(--blue) 0 20px,var(--white) 20px 26px,var(--blue) 26px 42px,var(--white) 42px 48px);box-shadow:0 2px 8px rgba(20,59,98,.18)}h1,h2,h3{font-family:'DM Serif Display',Georgia,serif;letter-spacing:-.025em}.hero{min-height:500px;padding:62px max(24px,7vw) 42px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;color:#fff;isolation:isolate;position:relative;background:linear-gradient(90deg,rgba(7,43,73,.78) 0%,rgba(7,43,73,.38) 46%,rgba(7,43,73,.08) 100%),url('/assets/crete-olive-hero.png') center/cover}.hero:after{content:"✦  ✦";position:absolute;right:7vw;top:35px;font-size:1.2rem;letter-spacing:10px;color:rgba(255,255,255,.72);z-index:-1}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.17em;font-size:.7rem;font-weight:700;color:#ffe1a0}.eyebrow.dark{color:var(--terracotta)}h1{font-size:clamp(3.5rem,8vw,7rem);line-height:.86;margin:0;text-shadow:0 3px 20px rgba(0,0,0,.24)}.tagline{font-family:'Libre Baskerville',serif;font-style:italic;font-size:1.08rem;margin:18px 0 0}.hero-facts{display:flex;gap:8px;flex-wrap:wrap;justify-content:end}.hero-facts span,.chips span{border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.13);backdrop-filter:blur(4px);padding:7px 11px;border-radius:99px;font-size:.78rem;font-weight:700;white-space:nowrap}.tabs{position:sticky;top:0;z-index:900;display:flex;overflow:auto;gap:8px;padding:11px max(16px,4vw);background:rgba(255,254,250,.94);border-bottom:1px solid #c8d9e3;backdrop-filter:blur(13px);box-shadow:0 4px 14px rgba(20,59,98,.06)}.tab{border:1px solid #b7cee0;border-radius:99px;background:var(--white);color:var(--ink);padding:8px 14px;font-weight:700;white-space:nowrap;cursor:pointer;transition:.18s}.tab:hover{transform:translateY(-1px);border-color:var(--blue)}.tab.active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 5px 13px rgba(18,100,176,.26)}#app{max-width:1100px;margin:auto;padding:58px 24px 100px}.intro{max-width:920px;position:relative}.intro:after{content:"🫒";position:absolute;right:0;top:0;font-size:3rem;opacity:.68;transform:rotate(-16deg)}.intro>h2{font-size:clamp(2.1rem,4.3vw,4rem);line-height:1.06;margin:.1rem 0 39px;color:var(--ink)}.facts{display:grid;grid-template-columns:repeat(4,1fr);border-radius:13px;overflow:hidden;border:1px solid #dbe1d8;background:#dbe1d8;gap:1px;box-shadow:var(--shadow)}.facts div{background:var(--white);padding:20px}.facts dt,.aside-label{font-size:.67rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--olive)}.facts dd{margin:7px 0 0;color:var(--ink);font-weight:700}.map-wrap{margin:50px 0}.map-wrap #map{height:440px;border:7px solid var(--white);border-radius:18px 18px 0 0;box-shadow:var(--shadow)}.map-note{margin:0;padding:12px 16px;background:#e6f3f4;color:#315a5e;font-size:.84rem;border-radius:0 0 14px 14px}.route-list{margin-top:72px}.section-title{font-size:clamp(2.4rem,4.5vw,4rem);color:var(--ink);margin:.1rem 0 27px}.day-card{padding:31px 0;border-top:1px solid #d5ddd6}.day-card:first-of-type{border-top:0}.day-kicker{color:var(--terracotta);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.day-card h2{font-size:clamp(1.9rem,3.2vw,2.9rem);color:var(--ink);line-height:1.05;margin:5px 0 11px}.day-card p{max-width:800px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{border:1px solid #bfcec3;background:#f2f6ee;color:var(--olive-dark);padding:5px 10px}.text-link,.back{appearance:none;border:0;padding:0;background:transparent;color:var(--blue);font-weight:700;font-size:1rem;cursor:pointer}.text-link:hover,.back:hover{color:var(--terracotta)}.day-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:30px;margin-top:26px}.day-grid h3{font-size:1.45rem;color:var(--ink);margin:0 0 8px}.day-grid ol{padding-left:21px}.day-grid li{margin:8px 0}.day-grid aside{background:linear-gradient(150deg,#edf5ec,#d9eade);padding:22px;border-radius:15px;border:1px solid #c4d8c2;align-self:start}.swim{background:#e0f3f7;border-left:4px solid var(--sea);padding:12px 14px}.primary-link,.map-link,.resource-links a{display:block;color:var(--blue);font-weight:700;text-decoration:none;margin-top:12px}.primary-link{background:var(--blue);color:#fff;padding:11px 13px;text-align:center;border-radius:8px;box-shadow:0 6px 14px rgba(18,100,176,.19)}.primary-link:hover{background:#0b528f}.map-link{text-decoration:underline}.single-day{max-width:920px}.back{margin-bottom:26px}.practical{margin-top:60px;padding:38px;border-radius:18px;background:linear-gradient(135deg,var(--olive-dark),#254a45);color:#fdf8ed;box-shadow:var(--shadow);position:relative;overflow:hidden}.practical:after{content:"🌿";position:absolute;right:-10px;bottom:-32px;font-size:9rem;opacity:.15}.practical h2{font-size:2.25rem;margin:0 0 15px}.practical li{margin:8px 0}.resource-links{display:flex;flex-wrap:wrap;gap:18px}.resource-links a{color:#d5ead0}.packing{max-width:980px}.packing-title{font-size:clamp(2.8rem,6vw,5.5rem);color:var(--ink);line-height:.9;margin:.2rem 0 20px}.packing-intro{max-width:680px;font-family:'Libre Baskerville',serif;font-style:italic;font-size:1.08rem;color:var(--muted)}.packing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:42px}.packing-grid article{background:var(--white);border:1px solid #dae3d8;border-radius:15px;padding:25px;box-shadow:0 9px 24px rgba(44,73,58,.07)}.packing-grid article:nth-child(odd){border-top:5px solid var(--olive)}.packing-grid article:nth-child(even){border-top:5px solid var(--blue)}.packing-grid h3,.pack-highlight h3{font-size:1.55rem;color:var(--ink);margin:0 0 10px}.packing-grid ul{padding-left:19px;margin:0}.packing-grid li{margin:9px 0}.pack-highlight{margin-top:18px;padding:28px;background:linear-gradient(120deg,#e0f0e4,#e2f4fb);border-left:5px solid var(--terracotta);border-radius:8px}.pack-highlight p{margin-bottom:0;font-weight:600}.pack-footnote{color:var(--muted);margin-top:29px}.leaflet-popup-content{font-family:'DM Sans',sans-serif;color:var(--ink)}@media(max-width:720px){.hero{min-height:460px;display:block;padding:52px 24px 30px;background-position:58% center}.hero-facts{justify-content:start;margin-top:32px}.facts{grid-template-columns:1fr 1fr}.day-grid{grid-template-columns:1fr}.map-wrap #map{height:335px;border-width:5px}#app{padding:40px 18px 75px}.packing-grid{grid-template-columns:1fr}}@media(max-width:420px){.facts{grid-template-columns:1fr}.hero{padding:45px 20px 28px}.intro:after{display:none}}
.why{max-width:980px}.why>h2{font-size:clamp(3rem,6vw,5.7rem);line-height:.9;color:var(--ink);margin:.2rem 0 24px}.why>h2 em{color:var(--sea);font-family:'Libre Baskerville',serif;font-weight:400}.why-lede{max-width:760px;font:italic 1.18rem/1.7 'Libre Baskerville',serif;color:#536d69}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:42px}.why-grid article{background:var(--white);padding:27px;border-radius:16px;border:1px solid #d7e1dc;box-shadow:0 10px 25px rgba(47,75,65,.07)}.why-grid span{font:700 1rem 'Libre Baskerville',serif;color:var(--terracotta)}.why-grid h3{font-size:1.65rem;line-height:1;margin:8px 0;color:var(--ink)}.why-grid p{margin:0}.why blockquote{margin:40px 0 28px;padding:30px 35px;border-left:5px solid var(--gold);background:linear-gradient(120deg,#e4f2ec,#e8f4fb);font:italic 1.45rem/1.45 'Libre Baskerville',serif;color:var(--ink)}.why-close{max-width:800px;font:italic 1.12rem/1.7 'Libre Baskerville',serif;color:var(--olive-dark)}@media(max-width:720px){.why-grid{grid-template-columns:1fr}.why blockquote{margin:30px 0;padding:24px}}
.games{max-width:1000px}.games>h2{font-size:clamp(3rem,6vw,5.8rem);line-height:.9;color:var(--ink);margin:.2rem 0 18px}.games-lede{max-width:690px;font:italic 1.12rem/1.7 'Libre Baskerville',serif;color:var(--muted)}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.game-card{min-height:360px;background:var(--white);padding:25px;border-radius:18px;border:1px solid #dce4da;box-shadow:0 12px 30px rgba(41,75,56,.09)}.game-card h3{font-size:1.75rem;line-height:1;margin:6px 0 10px;color:var(--ink)}.game-number{margin:0;color:var(--terracotta);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.olive-grove{height:170px;margin:20px 0 15px;border-radius:13px;position:relative;overflow:hidden;background:linear-gradient(#c9e7ed 0 52%,#d9ebc6 52%);border:1px solid #b9d6cc}.olive-grove span{position:absolute;font-size:2.6rem;bottom:-9px}.olive-grove span:nth-of-type(1){left:8px}.olive-grove span:nth-of-type(2){right:8px}.olive-grove button{position:absolute;border:0;background:transparent;font-size:2.15rem;cursor:pointer;z-index:2;transition:left .2s,top .2s}.olive-grove button:disabled{cursor:default}.olive-grove.won{background:linear-gradient(#c9e7ed,#f6da87)}.score{font-weight:600}.oil-steps,.quiz-options{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.oil-steps button,.quiz-options button{border:1px solid #b8d2c4;background:#f3f8f1;color:var(--olive-dark);font-weight:700;padding:9px 11px;border-radius:9px;cursor:pointer}.oil-steps button:hover,.quiz-options button:hover{border-color:var(--terracotta);background:#fff3e4}.oil-steps button.right,.quiz-options button.right{background:var(--olive);border-color:var(--olive);color:#fff}.game-feedback{min-height:50px;color:var(--blue);font-weight:700}.games-footnote{margin-top:30px;color:var(--muted);font-style:italic}@media(max-width:850px){.game-grid{grid-template-columns:1fr}.game-card{min-height:0}}
.game-grid{grid-template-columns:repeat(3,1fr);align-items:start}.canvas-game canvas{width:100%;height:auto;display:block;margin:18px 0 10px;border-radius:13px;border:4px solid #e1e8d6;touch-action:none;background:#c5e9e9}.game-hud{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:10px;font-size:.85rem}.game-hud button{border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:700;padding:8px 10px;cursor:pointer}.game-hud button:hover{background:var(--olive-dark)}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0 15px}.memory-board button{aspect-ratio:1;border:0;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--sea));color:#fff;font-size:1.45rem;font-weight:700;cursor:pointer;box-shadow:inset 0 0 0 2px rgba(255,255,255,.32)}.memory-board button.open{background:#f8edd0;color:var(--ink)}.memory-board button.done{background:var(--olive);color:#fff}.canvas-game{min-height:0}@media(max-width:850px){.game-grid{grid-template-columns:1fr}.canvas-game canvas{max-height:410px;object-fit:contain}}