:root{--ink:#101817;--paper:#f2eee4;--lime:#c8db62;--terracotta:#d75e3d;--sea:#0c6271;--line:#c8c2b4;--muted:#73736d}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.mlg{overflow:hidden}
.mlg a{text-decoration:none;color:inherit}
.mlg button{font:inherit}
.mlg .hero{min-height:100vh;background:var(--ink);color:var(--paper)}
.mlg nav{height:74px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff35}
.mlg .logo{font-weight:700;letter-spacing:.08em}
.mlg .logo i{color:var(--lime);font-style:normal}
.mlg .hero nav div{display:flex;gap:26px;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
.mlg .heroGrid{min-height:calc(100vh - 124px);display:grid;grid-template-columns:1.05fr .95fr;padding:6vh 5vw 5vh}
.mlg .heroGrid>div:first-child{z-index:2}
.mlg .over,.mlg .no{font-size:.72rem;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:var(--terracotta)}
.mlg h1{font-family:Georgia,serif;font-size:clamp(3.6rem,8vw,8.25rem);font-weight:400;line-height:.86;letter-spacing:-.03em;margin:.45em 0 .4em}
.mlg h1 em{color:var(--lime);font-style:italic}
.mlg .lead{max-width:510px;font-size:1.1rem;line-height:1.55;color:#d8d6c8}
.mlg .cta{display:inline-block;margin-top:24px;border-bottom:2px solid var(--lime);padding:12px 0;font-weight:700}
.mlg .art{position:relative;overflow:hidden;min-height:420px}
.mlg .sun{position:absolute;width:min(24vw,340px);aspect-ratio:1;border-radius:50%;background:#eaa541;right:-4vw;top:6%;box-shadow:0 0 100px #eaa54155}
.mlg .sea{position:absolute;left:-15%;right:-15%;bottom:0;height:32%;background:var(--sea);transform:skewY(-7deg)}
.mlg .cliff{position:absolute;bottom:18%;left:4%;width:78%;height:54%;background:#283e35;clip-path:polygon(0 100%,15% 48%,26% 58%,43% 18%,58% 65%,70% 36%,100% 100%)}
.mlg .white{position:absolute;background:#f7f3e8;border:8px solid var(--ink);z-index:2;transform:skewY(-8deg)}
.mlg .w1{width:130px;height:100px;right:7%;bottom:20%}
.mlg .w2{width:105px;height:80px;right:29%;bottom:15%}
.mlg .art b{position:absolute;right:0;bottom:0;z-index:4;font-size:.68rem;letter-spacing:.14em}
.mlg .strip{height:56px;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:space-around;font-weight:700;letter-spacing:.12em;font-size:.72rem}
.mlg .manifest,.mlg .prep,.mlg .pace,.mlg .food,.mlg .check{padding:105px 7vw}
.mlg .manifest{display:grid;grid-template-columns:.45fr 1fr 1fr;gap:5vw}
.mlg .manifest h2,.mlg .dark h2,.mlg .pace h2,.mlg .route h2,.mlg .food h2,.mlg .prep h2{font-family:Georgia,serif;font-size:clamp(2.6rem,6.4vw,6.2rem);font-weight:400;line-height:.9;margin:.25em 0}
.mlg .manifest h2 i,.mlg .dark h2 i,.mlg .pace h2 i,.mlg .route h2 i,.mlg .food h2 i,.mlg .prep h2 i{font-style:italic;color:var(--terracotta)}
.mlg .manifest>div{padding-top:45px;line-height:1.7;font-size:1.05rem}
.mlg .manifest blockquote{border-left:4px solid var(--terracotta);margin:35px 0 0;padding:0 0 0 25px;font-family:Georgia,serif;font-size:1.5rem;font-style:italic}
.mlg .dark,.mlg .route{background:var(--ink);color:var(--paper);padding:105px 7vw}
.mlg .lime{color:var(--lime)}
.mlg .dark h2 i,.mlg .route h2 i{color:var(--lime)}
.mlg .zones{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff25;margin-top:55px}
.mlg .zones article{background:var(--ink);padding:28px;min-height:210px}
.mlg .zones b{font-size:.68rem;letter-spacing:.14em;color:var(--lime)}
.mlg .zones h3{font-family:Georgia,serif;font-size:1.7rem;margin:35px 0 10px;font-weight:400}
.mlg .zones p{color:#bcbdb8;line-height:1.55}
.mlg .trav{display:flex;gap:8px;flex-wrap:wrap;margin-top:36px}
.mlg .trav button,.mlg .days button,.mlg .paceTabs button,.mlg .switch button{border:1px solid #ffffff35;background:transparent;color:inherit;padding:14px 20px;cursor:pointer}
.mlg .trav button.active,.mlg .days button.active{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.mlg .stay{border-top:1px solid #ffffff35;margin-top:20px;padding:32px 0;display:grid;grid-template-columns:.3fr .7fr 1fr .5fr;align-items:center;gap:25px}
.mlg .stay span{font-size:.68rem;letter-spacing:.14em;color:var(--lime)}
.mlg .stay h3{font-family:Georgia,serif;font-size:1.9rem;margin:0;font-weight:400}
.mlg .stay p{color:#bcbdb8;line-height:1.5}
.mlg .stay a{font-weight:700;text-decoration:underline;white-space:nowrap}
.mlg .prepGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:55px}
.mlg .prepGrid article{background:var(--paper);padding:30px;min-height:290px}
.mlg .prepGrid b{font-family:Georgia,serif;font-size:3.4rem;color:var(--terracotta);font-weight:400}
.mlg .prepGrid h3{font-size:1.4rem;margin:.4em 0}
.mlg .prepGrid p{line-height:1.6}
.mlg .prepGrid a{font-weight:700;text-decoration:underline}
.mlg .decision{display:grid;grid-template-columns:1fr 1fr;background:var(--sea);color:#fff;padding:90px 7vw;gap:9vw}
.mlg .decision h2{font-family:Georgia,serif;font-size:clamp(2.6rem,6vw,5.5rem);font-weight:400;line-height:.9;margin:.25em 0}
.mlg .decision h2 i{color:var(--lime);font-style:italic}
.mlg .decision p{line-height:1.65;font-size:1.05rem}
.mlg .switch{display:flex;flex-direction:column;justify-content:center;gap:10px}
.mlg .switch button{text-align:left;padding:24px;font-size:1.05rem}
.mlg .switch button.active{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.mlg .pace{text-align:left}
.mlg .paceTabs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px}
.mlg .paceTabs button{color:var(--ink);border-color:var(--line);padding:28px;text-align:left;font-size:1.15rem;font-weight:700}
.mlg .paceTabs button span{display:block;color:var(--terracotta);font-size:.68rem;margin-bottom:40px}
.mlg .paceTabs button small{display:block;margin-top:12px;color:var(--muted);font-size:.7rem;text-transform:uppercase}
.mlg .paceTabs button.active{background:var(--terracotta);color:#fff}
.mlg .paceTabs button.active span,.mlg .paceTabs button.active small{color:#fff}
.mlg .days{display:flex;margin:55px 0 25px;overflow:auto}
.mlg .detail{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid #ffffff30}
.mlg .detail>div{padding:42px}
.mlg .detail h3{font-family:Georgia,serif;font-size:clamp(2rem,4.4vw,3.4rem);line-height:.98;margin:.3em 0;font-weight:400;text-transform:uppercase}
.mlg .detail>div>b{display:block;color:var(--lime);margin-bottom:30px;font-size:.7rem}
.mlg .detail p{color:#bcbdb8;line-height:1.6;font-size:1.05rem}
.mlg .detail em{display:block;color:var(--lime);font-style:normal;font-size:.7rem;letter-spacing:.1em;margin-top:30px;font-weight:700}
.mlg .detail ol{margin:0;padding:0;list-style:none}
.mlg .detail li{display:grid;grid-template-columns:48px 1fr auto;align-items:center;min-height:70px;border-bottom:1px solid #ffffff25;padding:0 22px}
.mlg .detail li span{color:var(--lime);font-size:.68rem}
.mlg .detail li strong{font-weight:600}
.mlg .detail li a{font-size:.62rem;color:#c8db9c}
.mlg .frigiliana{display:grid;grid-template-columns:1fr 1fr;background:var(--terracotta);color:#fff;padding:90px 7vw;gap:9vw}
.mlg .frigiliana h2{font-family:Georgia,serif;font-size:clamp(2.6rem,6vw,5.5rem);font-weight:400;line-height:.9;margin:.25em 0}
.mlg .frigiliana h2 i{color:var(--ink);font-style:italic}
.mlg .frigiliana>div>p{line-height:1.65;font-size:1.05rem;max-width:600px}
.mlg .frigiliana>div>a{display:inline-block;margin-top:20px;border-bottom:2px solid var(--ink);padding-bottom:4px;font-weight:700}
.mlg .frigiliana aside{border:1px solid #ffffff55;padding:50px;display:flex;flex-direction:column;justify-content:center}
.mlg .frigiliana aside strong{font-family:Georgia,serif;font-size:7.5rem;line-height:.7;font-weight:400}
.mlg .frigiliana aside span{font-weight:700;letter-spacing:.14em;margin:26px 0;display:block;font-size:.75rem}
.mlg .frigiliana aside p{font-size:1.1rem;line-height:1.5}
.mlg .foodLead{max-width:650px;line-height:1.55;margin-top:10px}
.mlg .foodGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:55px}
.mlg .foodGrid article{background:var(--paper);color:var(--ink);padding:26px 26px 30px;min-height:300px;display:flex;flex-direction:column}
.mlg .foodGrid span{color:var(--terracotta);font-size:.65rem;font-weight:700;letter-spacing:.08em}
.mlg .foodGrid h3{font-family:Georgia,serif;font-size:1.9rem;margin:.5em 0 .2em;font-weight:400}
.mlg .foodGrid article>b{font-size:.8rem;color:var(--sea)}
.mlg .foodGrid p{line-height:1.55;color:#4a4a44;flex:1}
.mlg .foodGrid div{display:flex;gap:18px;margin-top:22px;font-size:.68rem}
.mlg .foodGrid div a{font-weight:700;text-decoration:underline}
.mlg .check{background:#dfe7c2;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}
.mlg .check h2{font-family:Georgia,serif;font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:.86;margin:.3em 0;font-weight:400}
.mlg .check h2 i{font-style:italic;color:var(--terracotta)}
.mlg .bar{height:7px;background:#bac29d}
.mlg .bar span{display:block;height:100%;background:var(--terracotta);transition:.3s}
.mlg .check ul{list-style:none;margin:0;padding:0}
.mlg .check li{border-bottom:1px solid #aab28e}
.mlg .check label{display:flex;align-items:center;gap:15px;cursor:pointer;padding:18px 0}
.mlg .check input{appearance:none;width:22px;height:22px;border:2px solid var(--ink);display:grid;place-content:center;flex:none}
.mlg .check input:checked{background:var(--terracotta);border-color:var(--terracotta)}
.mlg .check input:checked:after{content:"✓";color:#fff;font-weight:700}
.mlg .check input:checked+span{text-decoration:line-through;color:var(--muted)}
.mlg footer{background:var(--ink);color:#fff;padding:110px 7vw 60px}
.mlg footer>p{font-size:.7rem;letter-spacing:.15em;color:var(--lime);font-weight:700}
.mlg footer h2{font-family:Georgia,serif;font-size:clamp(2.4rem,7vw,5.6rem);font-weight:400;line-height:.9;margin:.25em 0}
.mlg footer h2 i{color:var(--lime);font-style:italic}
.mlg footer>a{display:inline-block;border-bottom:2px solid var(--lime);padding-bottom:8px;margin:15px 0 40px;font-weight:700}
.mlg footer small{display:block;max-width:650px;color:#8f8f86}
.mlg .dock{display:none}
@media(max-width:850px){
  .mlg .hero nav div{display:none}
  .mlg .heroGrid{grid-template-columns:1fr;padding-top:5vh}
  .mlg .art{min-height:320px}
  .mlg h1{font-size:16vw}
  .mlg .manifest,.mlg .detail,.mlg .decision,.mlg .frigiliana,.mlg .check{grid-template-columns:1fr}
  .mlg .zones,.mlg .prepGrid,.mlg .foodGrid{grid-template-columns:1fr 1fr}
  .mlg .prepGrid{grid-template-columns:1fr}
  .mlg .foodGrid{grid-template-columns:1fr}
  .mlg .paceTabs{grid-template-columns:1fr}
  .mlg .days{overflow:auto}
  .mlg .days button{min-width:90px}
  .mlg .stay{grid-template-columns:1fr;gap:8px}
  .mlg .frigiliana aside{padding:30px}
  .mlg .frigiliana aside strong{font-size:5.5rem}
  .mlg .dock{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);height:auto;bottom:calc(10px + env(safe-area-inset-bottom));left:4vw;right:4vw;padding:7px;background:rgba(16,24,23,.94);color:#fff;z-index:20;backdrop-filter:blur(12px)}
  .mlg .dock a{text-align:center;padding:9px 2px;font-size:.54rem;text-transform:uppercase}
  .mlg footer{padding-bottom:110px}
}
@media(max-width:520px){
  .mlg .manifest,.mlg .prep,.mlg .pace,.mlg .food,.mlg .check,.mlg .dark,.mlg .route,.mlg .decision,.mlg .frigiliana{padding:72px 6vw}
  .mlg .manifest h2,.mlg .dark h2,.mlg .pace h2,.mlg .route h2,.mlg .food h2,.mlg .prep h2,.mlg .decision h2,.mlg .frigiliana h2,.mlg .check h2{font-size:13vw}
  .mlg .zones{grid-template-columns:1fr}
  .mlg .detail li{grid-template-columns:36px 1fr auto}
  .mlg .frigiliana aside strong{font-size:4.4rem}
  .mlg .foodGrid article{min-height:auto}
}
@media(prefers-reduced-motion:reduce){.mlg *{animation:none!important;transition:none!important}html{scroll-behavior:auto!important}}