:root{
  --deep:#06402f; --deeper:#021f17; --sun:#f2a33a; --ink:#0d2a2d; --mute:#4a6568; --line:#dbe6e4; --foam:#eef5f0;
  --display:'Bricolage Grotesque','Trebuchet MS',sans-serif;
  --body:'DM Sans','Segoe UI',sans-serif;
  --weave:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 6px,transparent 6px 12px),repeating-linear-gradient(-45deg,rgba(255,255,255,.07) 0 6px,transparent 6px 12px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--ink);background:var(--deeper);line-height:1.65;font-size:1.0625rem}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--sun);outline-offset:3px}
.wrap{max-width:1120px;margin:0 auto;padding:0 1.5rem}
h1,h2,h3{font-family:var(--display);line-height:1.05;letter-spacing:-.02em}
h2{font-size:clamp(2rem,4.5vw,3rem);margin-bottom:1rem}
section{padding:6rem 0}
.sub{color:var(--mute);max-width:36rem}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:1rem clamp(1.25rem,4vw,3.5rem);transition:transform .6s cubic-bezier(.22,1,.36,1),padding .6s cubic-bezier(.22,1,.36,1)}
.nav.scrolled{padding-top:.75rem;padding-bottom:.75rem}
.nav-bar{position:relative;display:flex;align-items:center;gap:1.25rem;width:100%;padding:.5rem .55rem .5rem 1.1rem;border-radius:999px;border:1px solid transparent;transition:width .6s cubic-bezier(.22,1,.36,1),background .5s,border-color .5s,box-shadow .5s,backdrop-filter .5s}
.nav.scrolled .nav-bar{width:min(100%,1040px);background:rgba(2,31,23,.72);border-color:rgba(255,255,255,.14);box-shadow:0 12px 40px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:.55rem;font-family:var(--display);font-weight:800;color:#fff;text-decoration:none;font-size:1.2rem;white-space:nowrap}
.brand svg{color:var(--sun);transition:transform .6s cubic-bezier(.22,1,.36,1)}
.brand:hover svg{transform:translateX(5px) rotate(-8deg)}
.links{position:relative;display:flex;margin-left:auto;padding:.25rem;border-radius:999px}
.links a{position:relative;z-index:1;display:block;padding:.5rem .85rem;color:#fff;text-decoration:none;font-weight:500;font-size:.95rem;border-radius:999px;transition:color .3s}
.links a:hover,.links a.on{color:var(--deeper)}
.bubble{position:absolute;z-index:0;top:.25rem;left:0;height:calc(100% - .5rem);width:0;border-radius:999px;background:var(--sun);opacity:0;transition:transform .5s cubic-bezier(.22,1,.36,1),width .5s cubic-bezier(.22,1,.36,1),opacity .3s;pointer-events:none}
.nav-call{padding:.6rem 1.3rem;border-radius:999px;background:var(--sun);color:var(--deeper);font-weight:700;text-decoration:none;white-space:nowrap;transition:background .3s,transform .3s}
.nav-call:hover{background:#fff;transform:translateY(-1px)}
.progress{position:absolute;left:1.6rem;right:1.6rem;bottom:-1px;height:2px;border-radius:2px;background:var(--sun);transform:scaleX(0);transform-origin:left;opacity:0;transition:opacity .4s}
.nav.scrolled .progress{opacity:1}
.burger{display:none;position:relative;width:2.8rem;height:2.8rem;margin-left:auto;border:0;border-radius:50%;background:rgba(255,255,255,.12)}
.burger span{position:absolute;left:50%;top:50%;width:20px;height:2px;margin-left:-10px;background:#fff;border-radius:2px;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.burger span:first-child{transform:translateY(-4px)}
.burger span:last-child{transform:translateY(4px)}
.menu-open .burger span:first-child{transform:rotate(45deg)}
.menu-open .burger span:last-child{transform:rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;justify-content:center;gap:.4rem;padding:0 clamp(1.5rem,8vw,4rem);background:var(--deeper) url(images/leaf-pattern.webp) center/cover;color:#fff;visibility:hidden;clip-path:circle(0 at calc(100% - 3rem) 2.6rem);transition:clip-path .8s cubic-bezier(.77,0,.18,1),visibility 0s .8s}
.menu-open .mnav{visibility:visible;clip-path:circle(150% at calc(100% - 3rem) 2.6rem);transition:clip-path .8s cubic-bezier(.77,0,.18,1),visibility 0s}
.mnav a{font-family:var(--display);font-weight:800;font-size:clamp(2rem,9vw,3.2rem);line-height:1.15;color:#fff;text-decoration:none;opacity:0;transform:translateY(30px);transition:opacity .5s,transform .6s cubic-bezier(.22,1,.36,1),color .3s}
.menu-open .mnav a{opacity:1;transform:none;transition-delay:calc(.25s + var(--i)*.07s)}
.mnav a:hover{color:var(--sun)}
.mnav .mcall{margin-top:1.5rem;font-family:var(--body);font-size:1.15rem;font-weight:700;color:var(--sun)}
.menu-open{overflow:hidden}
@media(max-width:1100px){.links{display:none}.nav-call{margin-left:auto}.burger{display:block;margin-left:0}.nav.scrolled .nav-bar{width:100%}}
@media(prefers-reduced-motion:reduce){.nav,.nav-bar,.bubble,.mnav,.mnav a,.burger span,.brand svg{transition:none!important}}

/* hero */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;color:#fff;background:var(--deeper)}
.hero .bg{position:absolute;inset:0;overflow:hidden;background:var(--deep) var(--weave)}
.hero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,29,33,.55),rgba(0,29,33,.1) 40%,rgba(0,29,33,.92))}
.hero .wrap{position:relative;max-width:none;padding:8rem clamp(1.25rem,4vw,3.5rem) 4.5rem;width:100%}
.hero h1{font-weight:800;font-size:clamp(3.5rem,13vw,9rem);max-width:9ch}
.hero .tag{font-size:clamp(1.1rem,2.4vw,1.45rem);max-width:34rem;margin:1.25rem 0 1.75rem}
.status{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;margin-bottom:1.25rem}
.dot{width:.7rem;height:.7rem;border-radius:50%;background:#888}
.status.open .dot{background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.25)}
.status.closed .dot{background:var(--sun)}
.btns{display:flex;flex-wrap:wrap;gap:.8rem}
.btn{display:inline-block;padding:.9rem 1.6rem;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid var(--sun);transition:transform .15s}
.btn:hover{transform:translateY(-2px)}
.btn.main{background:var(--sun);color:var(--deeper)}
.btn.ghost{color:#fff}

.leafbg{background:var(--deep) url(images/leaf-pattern.webp) center/cover;color:#fff}
.leafbg{background-size:auto 135%}
.leafbg .sub{color:#b9d8cb}
.leafbg .glance{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2)}
.leafbg .glance dl div{border-color:rgba(255,255,255,.18)}
.leafbg .glance dt{color:#b9d8cb}

/* story + glance */
.story .grid{display:grid;grid-template-columns:1.3fr 1fr;gap:4rem;align-items:start}
.story p+p{margin-top:1rem}
.story .lead{font-size:1.3rem;font-family:var(--display);font-weight:500;line-height:1.4;margin-bottom:1.25rem}
.glance{background:var(--foam);border:1px solid var(--line);border-radius:12px;padding:1.75rem}
.glance h3{font-size:1.3rem;margin-bottom:.75rem}
.glance dl div{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-top:1px solid var(--line)}
.glance dt{color:var(--mute)}
.glance dd{font-weight:700;text-align:right}

/* offer */
.offer{background:linear-gradient(180deg,#04281d,#06392a);color:#fff;border-block:1px solid rgba(242,163,58,.25)}
.offer .sub{color:#b9d8cb}
.offer .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:2.5rem}
.offer h3{font-size:1.5rem;margin-bottom:.6rem}
.offer .bar-line{height:4px;width:48px;background:var(--sun);border-radius:2px;margin-bottom:1.1rem}
.offer p{color:#b9d8cb}

/* gallery: accordion preview */
.accordion-gallery{--ag-gap:10px;--ag-radius:16px;position:relative;display:flex;gap:var(--ag-gap);width:100%;height:480px;margin-top:2rem;perspective:1400px}
.ag-vertical{flex-direction:column;height:520px}
.ag-panel{position:relative;flex:1 1 0;min-width:0;min-height:0;padding:0;border:0;border-radius:var(--ag-radius);background:var(--deep);overflow:hidden;cursor:pointer;color:#fff;transform-style:preserve-3d;touch-action:manipulation;will-change:flex-grow,transform}
.ag-panel:focus-visible{outline-offset:-4px}
.ag-frame{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
.ag-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(2,31,23,.8));pointer-events:none}
.ag-media{position:absolute;left:50%;top:50%;width:var(--ag-media-size,320px);height:100%;will-change:transform}
.ag-vertical .ag-media{width:100%;height:var(--ag-media-size,320px)}
.ag-media img{filter:grayscale(var(--ag-gray,0))}
.ag-dim{position:absolute;inset:0;background:var(--deeper);opacity:var(--ag-dim,0)}
.ag-label{position:absolute;left:1.4rem;right:1.4rem;bottom:1.4rem;display:flex;align-items:center;gap:.75rem;text-align:left;pointer-events:none}
.ag-bar{flex:none;width:34px;height:2px;background:var(--sun);opacity:0}
.ag-text{font-family:var(--display);font-weight:800;font-size:1.35rem;opacity:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gh-foot{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:2.75rem;color:#b9d8cb}
.gh-foot .btn{color:#fff;padding:.7rem 1.4rem}
.gh-foot .btn:hover{background:var(--sun);color:var(--deeper)}
.cta{padding:7.5rem 0;text-align:center}
.cta h2{font-size:clamp(2.4rem,7vw,5rem);max-width:14ch;margin:0 auto 1rem}
.cta p{max-width:34rem;margin:0 auto 2rem;color:#b9d8cb}
.cta .btns{justify-content:center}
.more{display:flex;justify-content:center;margin-top:2.25rem}
.more .btn{background:transparent;color:#fff}
.more .btn:hover{background:var(--sun);color:var(--deeper)}

/* gallery: full view (masonry, inline on gallery page) */
.mlist{position:relative;width:100%}
.m-item{position:absolute;top:0;left:0;padding:6px;cursor:pointer;opacity:0;will-change:transform,width,height,opacity}
.m-img{width:100%;height:100%;background:var(--deep) center/cover;border-radius:10px;box-shadow:0 10px 50px -10px rgba(0,0,0,.45)}
html:has(dialog[open]){overflow:hidden}

/* lightbox */
dialog{border:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;color:#fff}
dialog::backdrop{background:rgba(0,16,18,.94)}
.lb{height:100%;display:grid;grid-template-rows:1fr auto;padding:1rem}
.lb .stage{display:flex;align-items:center;justify-content:center;min-height:0}
.lb .stage img{width:auto;height:auto;max-width:100%;max-height:100%;border-radius:6px}
.lb .meta{display:flex;justify-content:center;gap:1rem;padding:.8rem;font-size:.95rem}
.lb button{position:absolute;background:rgba(255,255,255,.12);border:0;color:#fff;width:3rem;height:3rem;border-radius:50%;font-size:1.4rem}
.lb button:hover{background:rgba(255,255,255,.25)}
.lb .x{top:1rem;right:1rem}.lb .pv{left:1rem;top:50%}.lb .nx{right:1rem;top:50%}

/* find */
.find{background:var(--deeper);color:#fff}
.find .grid{display:grid;grid-template-columns:1fr 1.2fr;gap:3.5rem}
.find .sub{color:#b5d0cc}
.find dl{margin-top:1.5rem}
.find dt{color:var(--sun);font-weight:700;margin-top:1.25rem}
.find dd a{text-decoration:none;font-size:1.25rem;font-weight:500}
.find dd a:hover{text-decoration:underline}
.map{border-radius:12px;overflow:hidden;min-height:340px;background:var(--deep) var(--weave)}
.map iframe{width:100%;height:100%;min-height:340px;border:0}
footer{background:#001417;color:#9dbbb7;padding:1.75rem 0;font-size:.9rem}

@media(max-width:860px){
  section{padding:4rem 0}
  .story .grid,.find .grid{grid-template-columns:1fr;gap:2.5rem}
  .offer .cols{grid-template-columns:1fr;gap:2rem}
  .lb .pv,.lb .nx{top:auto;bottom:4rem}
}
@media(max-width:600px){
  section{padding:3.25rem 0}
  .wrap{padding:0 1.15rem}
  h2{font-size:1.85rem;margin-bottom:.75rem}
  .hero .wrap{padding-bottom:3rem}
  .hero .tag{font-size:1.05rem;margin:1rem 0 1.4rem}
  .btn{padding:.8rem 1.25rem;font-size:.95rem}
  .story .grid{gap:1.75rem}
  .story .lead{font-size:1.1rem;margin-bottom:1rem}
  .glance{padding:1.1rem 1.25rem}
  .glance h3{font-size:1.1rem}
  .glance dl div{padding:.6rem 0;font-size:.95rem}
  .offer .cols{display:flex;gap:.8rem;margin:1.75rem -1.15rem 0;padding:0 1.15rem .5rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .offer .cols::-webkit-scrollbar{display:none}
  .offer .cols>div{flex:0 0 76%;scroll-snap-align:start;padding:1.15rem;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.05)}
  .offer h3{font-size:1.25rem}
  .offer .cols p{font-size:.95rem;line-height:1.55}
  .ag-vertical{height:420px}
  .ag-label{left:1rem;bottom:1rem}
  .ag-text{font-size:1.1rem}
  .more{margin-top:1.5rem}
  .gh-foot{margin-top:1.5rem;gap:.75rem 1rem;font-size:.95rem}
  .cta{padding:4.5rem 0}
  .cta p{margin-bottom:1.5rem}
  .find .grid{gap:1.75rem}
  .find dd a{font-size:1.1rem}
  .map,.find iframe{min-height:260px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* ===== shared: text links, inner page header, feature rows, timeline ===== */
.tlink{display:inline-block;margin-top:1.5rem;color:var(--sun);font-weight:700;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .25s}
.tlink:hover{border-color:var(--sun)}
.more .btn{text-decoration:none}
.phead{padding:9.5rem 0 4.5rem}
.phead h1{font-size:clamp(2.8rem,9vw,6rem);font-weight:800;max-width:12ch}
.phead .sub{margin-top:1rem;font-size:1.15rem}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
.frow+.frow{margin-top:5rem}
.frow.flip .fmedia{order:2}
.fmedia{aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--deep) var(--weave)}
.fcollage{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:.6rem;aspect-ratio:4/3}
.fcollage div{border-radius:12px;overflow:hidden;background:var(--deep) var(--weave)}
.fcollage div:first-child{grid-row:span 2}
.ftxt h2,.ftxt h3{font-size:clamp(1.7rem,3.2vw,2.4rem);margin-bottom:.9rem}
.ftxt p{color:#b9d8cb}
.ftxt p+p{margin-top:1rem}
.note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-top:4.5rem;padding:1.6rem 1.8rem;border:1px solid rgba(242,163,58,.35);border-radius:14px;background:rgba(255,255,255,.04)}
.note p{color:#d4e7e1;max-width:34rem}
.tl{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2.25rem}
.tl>div{padding:1.7rem;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.05)}
.tl .yr{font-family:var(--display);font-weight:800;font-size:2.4rem;color:var(--sun);line-height:1;margin-bottom:.7rem}
.tl p{color:#b9d8cb}
.glance .tlink{margin-top:1rem}

/* ===== boat excursions band ===== */
.boat{background:var(--deeper);padding:5.5rem 0}
.boatcard{display:grid;grid-template-columns:1.4fr auto;gap:2rem 3rem;align-items:center;padding:2.75rem;border:1px solid rgba(242,163,58,.35);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.02));color:#fff}
.boatcard h2{font-size:clamp(1.9rem,4vw,2.9rem);margin-bottom:.7rem}
.boatcard p{color:#b9d8cb;max-width:36rem}
.boatcard .btn{text-decoration:none;white-space:nowrap}

/* ===== footer ===== */
.foot{background:#001417;color:#9dbbb7;padding:4rem 0 1.5rem;font-size:.97rem}
.foot .fgrid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:2.5rem}
.foot h4{font-family:var(--display);color:#fff;font-size:1.05rem;margin-bottom:1rem}
.foot a{color:#cfe5df;text-decoration:none}
.foot a:hover{color:var(--sun)}
.foot ul{list-style:none}
.foot li+li{margin-top:.5rem}
.foot .fbrand{display:flex;align-items:center;gap:.55rem;font-family:var(--display);font-weight:800;font-size:1.3rem;color:#fff;margin-bottom:.8rem}
.foot .fbrand svg{color:var(--sun)}
.foot .copy{margin-top:3rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.1);font-size:.88rem}

/* ===== loading screen ===== */
html:not(.loaded){overflow:hidden}
#loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;color:#fff;
  background:linear-gradient(rgba(2,31,23,.6),rgba(2,31,23,.6)),var(--deeper) url(images/leaf-pattern.webp) center/cover;
  transition:transform .95s cubic-bezier(.77,0,.18,1),border-radius .95s cubic-bezier(.77,0,.18,1),visibility 0s;
  animation:ld-fail .4s 12s forwards}
#loader.done{transform:translateY(-100%);border-radius:0 0 50% 50%/0 0 14vh 14vh;visibility:hidden;
  transition:transform .95s cubic-bezier(.77,0,.18,1),border-radius .95s cubic-bezier(.77,0,.18,1),visibility 0s .95s}
.ld-in{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:1rem}
.ld-trap{width:min(46vw,190px);height:auto;overflow:visible}
.ld-trap .outline{fill:none;stroke:var(--sun);stroke-width:2.4;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:ld-draw 1.4s .1s cubic-bezier(.65,0,.35,1) forwards}
.ld-trap .weave{fill:url(#ldwv);opacity:0;animation:ld-fade 1s .9s forwards}
.ld-fish{opacity:0;transform-box:fill-box;transform-origin:center;animation:ld-swim 2.3s .5s cubic-bezier(.45,0,.2,1) forwards}
.ld-name{font-family:var(--display);font-weight:800;font-size:1.7rem;letter-spacing:.01em;opacity:0;animation:ld-up .8s .6s forwards}
.ld-sub{font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;color:#b9d8cb;margin-top:-.5rem;opacity:0;animation:ld-up .8s .8s forwards}
.ld-bar{width:min(60vw,220px);height:2px;border-radius:2px;background:rgba(255,255,255,.16);overflow:hidden;margin-top:.5rem}
.ld-bar i{display:block;height:100%;background:var(--sun);transform-origin:left;transform:scaleX(0)}
.ld-pct{font-size:.78rem;letter-spacing:.2em;color:#b9d8cb;font-variant-numeric:tabular-nums}
.quick .ld-name,.quick .ld-sub,.quick .ld-bar,.quick .ld-pct,.quick .ld-fish{display:none}
.quick .ld-trap .outline{animation-duration:.55s;animation-delay:0s}
.quick .ld-trap .weave{animation-duration:.4s;animation-delay:.2s}
@keyframes ld-draw{to{stroke-dashoffset:0}}
@keyframes ld-fade{to{opacity:.55}}
@keyframes ld-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes ld-swim{0%{opacity:0;transform:translate(-95px,12px)}18%{opacity:1}62%{opacity:1;transform:translate(-2px,-5px)}88%{opacity:1;transform:translate(26px,2px) scale(.85)}100%{opacity:0;transform:translate(40px,4px) scale(.6)}}
@keyframes ld-fail{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){
  #loader,#loader *{animation:none!important;transition:none!important}
  .ld-trap .outline{stroke-dashoffset:0}.ld-trap .weave,.ld-name,.ld-sub{opacity:1}.ld-fish{display:none}
}

/* ===== responsive additions ===== */
@media(max-width:860px){
  .frow{grid-template-columns:1fr;gap:1.75rem}
  .frow+.frow{margin-top:3.5rem}
  .frow.flip .fmedia{order:0}
  .tl{grid-template-columns:1fr}
  .boatcard{grid-template-columns:1fr;padding:2rem 1.5rem}
  .foot .fgrid{grid-template-columns:1fr 1fr}
  .foot .fgrid>div:first-child{grid-column:1/-1}
}
@media(max-width:600px){
  .phead{padding:7.5rem 0 2.75rem}
  .phead .sub{font-size:1.02rem}
  .boat{padding:3.5rem 0}
  .tl>div{padding:1.2rem}
  .tl .yr{font-size:1.9rem}
  .note{margin-top:3rem;padding:1.2rem}
  .foot{padding:3rem 0 1.25rem}
  .foot .fgrid{grid-template-columns:1fr;gap:1.75rem}
}

/* ===== logo ===== */
.brand-logo{display:block;height:52px;width:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
.flogo{display:block;height:76px;width:auto;margin-bottom:1rem}
.ld-logo{width:min(54vw,230px);height:auto;opacity:0;animation:ld-up .8s .6s forwards}
.quick .ld-logo{display:none}
@media(prefers-reduced-motion:reduce){.ld-logo{opacity:1}}
.find dd a{overflow-wrap:anywhere}
.foot li a{overflow-wrap:anywhere}

/* ===== menu page ===== */
.mtabs{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.25rem}
.mtabs button{padding:.65rem 1.5rem;border-radius:999px;border:1.5px solid rgba(255,255,255,.35);background:transparent;color:#fff;font-weight:700}
.mtabs button:hover{border-color:#fff}
.mtabs button[aria-selected="true"]{background:var(--sun);border-color:var(--sun);color:var(--deeper)}
.mpanel[hidden]{display:none}
.mgrid{columns:2 340px;column-gap:1.25rem}
.mg{break-inside:avoid;margin:0 0 1.25rem;padding:1.5rem 1.6rem;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.05)}
.mg h3{font-size:1.45rem;color:#fff;margin-bottom:.35rem}
.mnote{color:var(--sun);font-size:.9rem;font-weight:500;margin-bottom:.4rem}
.mg ul{list-style:none}
.mg li{padding:.7rem 0;border-top:1px solid rgba(255,255,255,.1)}
.mg li:first-child{border-top:0}
.mi{display:flex;align-items:baseline;gap:.6rem}
.mn{flex:none;max-width:78%;font-weight:700;color:#fff}
.ml{flex:1;min-width:12px;border-bottom:1px dotted rgba(255,255,255,.3);transform:translateY(-3px)}
.mp{flex:none;color:var(--sun);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.mg li p{margin-top:.2rem;font-size:.93rem;line-height:1.5;color:#b9d8cb}
.mfoot{margin-top:1.25rem;font-size:.92rem;color:#9dbbb7}
@media(max-width:600px){.mg{padding:1.1rem 1.1rem}.mg h3{font-size:1.25rem}.mtabs button{padding:.55rem 1.15rem}}

.m-img{overflow:hidden}
.m-img img{border-radius:inherit}