/* Ronesi — shared stylesheet for the service and island landing pages.
   Mirrors the homepage's inline system (MASTER.md v4+): ink / gold / parchment,
   Archivo + Space Mono, zero radius, no shadows, natural-colour photography. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}
html{scroll-behavior:smooth}
:root{
  --ink:#120c0b;
  --ink2:#1d1412;
  --ink3:#241a17;
  --parchment:#f2e9d6;
  --parchment2:#e7d9bc;
  --gold:#c9a24b;
  --gold-ink:#68490d;
  --ash:#5c4f3d;
  --ash-dark:rgba(242,233,214,0.64);
  --ash-dark-mute:rgba(242,233,214,0.56);
  --sans:'Archivo',sans-serif;
  --mono:'Space Mono',monospace;
  --rule-accent:5px solid var(--gold);
}
body{font-family:var(--sans);background:var(--ink);color:var(--parchment);overflow-x:hidden;-webkit-font-smoothing:antialiased}
[id]{scroll-margin-top:72px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.sec a:focus-visible,.sec summary:focus-visible{outline-color:var(--gold-ink)}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}
  .rv{opacity:1!important;transform:none!important}
}
.grain{position:relative}
.grain::after{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.mono-lbl{font-family:var(--mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase}
.skip{position:fixed;top:-100px;left:16px;z-index:1000;background:var(--gold);color:var(--ink);padding:12px 18px;font-family:var(--sans);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.03em;text-decoration:none;transition:top .15s}
.skip:focus{top:12px}

/* NAV */
nav.top{
  position:sticky;top:0;z-index:400;height:64px;padding:0 56px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  background:var(--ink);border-bottom:var(--rule-accent);
}
.logo{font-family:var(--sans);font-size:15px;font-weight:900;letter-spacing:0.26em;text-transform:uppercase;color:var(--parchment);display:flex;align-items:center;gap:12px;text-decoration:none}
.mark{width:26px;height:26px;flex-shrink:0}
.mark polygon{fill:var(--gold)}
.mark .mark-fault{fill:var(--ink)}
.mark text{fill:var(--ink);font-family:var(--sans)}
.nav-links{display:flex;gap:28px;list-style:none}
.nav-links a{font-family:var(--mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ash-dark);text-decoration:none;transition:color .15s;padding:4px 2px}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--gold)}
.nav-cta-m{display:none}
.nav-right{display:flex;align-items:center;gap:10px}
.lang-switch{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;border-left:1px solid rgba(242,233,214,0.22);padding-left:16px;margin-left:4px}
.lang-switch a{color:var(--ash-dark);text-decoration:none;padding:6px 3px;min-height:32px;display:flex;align-items:center;transition:color .15s}
.lang-switch a:hover,.lang-switch a[aria-current="true"]{color:var(--gold)}
.lang-switch span{color:var(--ash-dark-mute)}
.nav-btn{
  font-family:var(--sans);font-size:12px;letter-spacing:0.03em;text-transform:uppercase;font-weight:800;
  background:var(--gold);border:2px solid var(--gold);color:var(--ink);padding:11px 20px;min-height:44px;
  display:inline-flex;align-items:center;text-decoration:none;transition:background .15s,color .15s,border-color .15s;
}
.nav-btn:hover{background:var(--ink);color:var(--gold)}
.nav-burger{
  display:none;font-family:var(--sans);font-size:12px;letter-spacing:0.03em;text-transform:uppercase;font-weight:800;
  background:transparent;border:2px solid rgba(242,233,214,0.5);color:var(--parchment);
  min-height:44px;padding:0 14px;cursor:pointer;transition:border-color .15s,color .15s;
}
.nav-burger[aria-expanded="true"],.nav-burger:hover{border-color:var(--gold);color:var(--gold)}

/* HERO — split: copy on ink, photograph behind a gold rule */
.lp-hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:calc(86vh - 64px);background:var(--ink);border-bottom:var(--rule-accent)}
.lp-hero-txt{padding:64px 56px 60px;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}
.crumbs{font-family:var(--mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ash-dark-mute);margin-bottom:auto;padding-bottom:40px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 10px}
.crumbs li+li::before{content:'/';margin-right:10px;color:var(--ash-dark-mute)}
.crumbs a{color:var(--ash-dark);text-decoration:none;transition:color .15s}
.crumbs a:hover{color:var(--gold)}
.h-tag{font-family:var(--mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;display:flex;align-items:center;gap:10px}
.h-tag::before{content:'';display:block;width:9px;height:9px;background:var(--gold);flex-shrink:0}
h1{
  font-family:var(--sans);font-weight:900;text-transform:uppercase;
  font-size:clamp(1.6rem,0.9rem + 2.6vw,3.6rem);line-height:0.94;letter-spacing:-0.02em;color:var(--parchment);
}
h1 em{font-style:normal;color:var(--gold);display:block;padding-top:4px}
.h-sub{font-size:16px;line-height:1.75;font-weight:500;color:var(--ash-dark);max-width:460px;margin-top:22px}
.h-btns{display:flex;align-items:center;gap:12px;margin-top:30px;flex-wrap:wrap}
.btn-t,.btn-gl{
  font-family:var(--sans);font-size:13px;letter-spacing:0.02em;text-transform:uppercase;font-weight:800;
  padding:14px 28px;min-height:44px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;
  transition:background .15s,color .15s,border-color .15s;
}
.btn-t{background:var(--gold);color:var(--ink);border:2px solid var(--gold)}
.btn-t:hover{background:var(--ink);color:var(--gold)}
.btn-gl{background:transparent;color:var(--parchment);border:2px solid rgba(242,233,214,0.5)}
.btn-gl:hover{background:var(--parchment);color:var(--ink);border-color:var(--parchment)}
.lp-hero-img{position:relative;overflow:hidden;border-left:var(--rule-accent);background:var(--ink3);min-height:360px}
.lp-hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(1.18) brightness(0.88)}

/* SECTIONS */
.sec{padding:96px 56px;background:var(--parchment);color:var(--ink)}
.sec-alt{background:var(--parchment2)}
.ey{font-family:var(--mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:20px;display:inline-block;border-bottom:3px solid var(--gold);padding-bottom:8px;font-weight:700}
.dark .ey{color:var(--gold)}
h2{font-family:var(--sans);font-weight:900;text-transform:uppercase;color:var(--ink);line-height:0.96;letter-spacing:-0.02em;font-size:clamp(1.5rem,1rem + 2vw,2.7rem)}
h2 em{font-style:normal;color:var(--gold-ink);display:block;padding-top:4px}
.dark h2{color:var(--parchment)}
.dark h2 em{color:var(--gold)}
.body-txt{font-size:16px;line-height:1.85;color:var(--ash);margin-bottom:18px;font-weight:500}
.body-txt strong{color:var(--ink);font-weight:700}
.body-txt a{color:var(--gold-ink);text-underline-offset:3px}
.body-txt a:hover{color:var(--ink)}
.dark .body-txt{color:var(--ash-dark)}
.dark .body-txt strong{color:var(--parchment)}
.split{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:start}
.split > :last-child{max-width:680px}

/* INCLUDED — ink band */
.inc{background:var(--ink);padding:88px 56px;border-bottom:var(--rule-accent)}
.inc-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(242,233,214,0.15)}
.inc-item{padding:20px 0;border-bottom:1px solid rgba(242,233,214,0.15)}
.inc-item:nth-child(odd){border-right:1px solid rgba(242,233,214,0.15);padding-right:26px}
.inc-item:nth-child(even){padding-left:26px}
.inc-cat{font-family:var(--mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-weight:700}
.inc-desc{font-size:14px;line-height:1.65;color:var(--ash-dark);font-weight:500}

/* PHOTO STRIP */
.lp-strip{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:6px;height:340px;background:var(--ink);border-bottom:var(--rule-accent)}
.lp-strip figure{position:relative;overflow:hidden;background:var(--ink3)}
.lp-strip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(1.2) brightness(0.85);transition:transform .6s cubic-bezier(.16,1,.3,1)}
.lp-strip figure:hover img{transform:scale(1.05)}
.lp-strip figcaption{position:absolute;left:14px;bottom:14px;z-index:2;font-family:var(--mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--parchment);background:rgba(18,12,11,0.72);padding:4px 8px}

/* PROCESS — connected timeline */
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:56px;position:relative}
.timeline::before{content:'';position:absolute;top:11px;left:0;right:0;height:4px;background:var(--gold);z-index:0}
.tl-step{position:relative;padding-top:36px}
.tl-node{position:absolute;top:0;left:0;width:24px;height:24px;background:var(--gold);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--ink);z-index:1}
.tl-t{font-family:var(--sans);font-size:19px;font-weight:900;text-transform:uppercase;color:var(--ink);margin-bottom:12px;line-height:1.15}
.tl-d{font-size:15px;line-height:1.75;color:var(--ash);font-weight:500}

/* FAQ */
.faq{margin-top:8px;border-bottom:3px solid var(--ink)}
.faq details{border-top:3px solid var(--ink)}
.faq summary{
  list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:22px 0;
  font-family:var(--sans);font-weight:800;font-size:17px;line-height:1.3;text-transform:uppercase;letter-spacing:0.01em;color:var(--ink);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-family:var(--mono);font-size:20px;font-weight:700;color:var(--gold-ink);flex-shrink:0}
.faq details[open] summary::after{content:'\2013'}
.faq summary:hover{color:var(--gold-ink)}
.faq .body-txt{max-width:720px;padding-bottom:10px}
.lp-aside{margin-top:28px;font-size:14px;color:var(--ash)}
.lp-aside a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}

/* photo placeholder — deliberately obvious; pages that use it are noindex until real photos arrive */
.ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;
  background:repeating-linear-gradient(135deg,var(--ink3) 0 14px,var(--ink2) 14px 28px);outline:2px dashed var(--gold);outline-offset:-12px}
.ph span{font-family:var(--mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold)}
.ph .ph-d{font-size:10px;letter-spacing:0.06em;text-transform:none;color:var(--ash-dark);max-width:32ch}

/* GUIDES — article body + index list */
.article{max-width:720px;margin:0 auto}
.art-meta{font-family:var(--mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ash);padding-bottom:22px;margin-bottom:8px;border-bottom:3px solid var(--ink)}
.article h2{font-size:clamp(1.3rem,1rem + 1.2vw,1.9rem);line-height:1.02;margin:52px 0 18px}
.article .body-txt{font-size:17px}
.guide-list{list-style:none;max-width:900px;margin:0 auto;border-top:3px solid var(--ink)}
.guide-list li{border-bottom:3px solid var(--ink)}
.guide-list a{display:flex;flex-direction:column;gap:10px;padding:30px 0;text-decoration:none}
.guide-k{font-family:var(--mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold-ink);font-weight:700}
.guide-t{font-family:var(--sans);font-weight:900;text-transform:uppercase;font-size:clamp(1.3rem,1rem + 1.4vw,2.1rem);line-height:1;color:var(--ink);transition:color .15s}
.guide-t::after{content:' \2192';color:var(--gold-ink)}
.guide-d{font-size:16px;line-height:1.7;color:var(--ash);font-weight:500;max-width:680px}
.guide-list a:hover .guide-t{color:var(--gold-ink)}

/* MORE — internal links */
.lp-more{background:var(--ink);padding:88px 56px;border-bottom:var(--rule-accent)}
.lp-links{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px;margin-top:40px}
.lp-links a{
  display:flex;flex-direction:column;gap:12px;min-height:150px;padding:24px;height:100%;
  border:2px solid rgba(242,233,214,0.18);background:var(--ink2);text-decoration:none;
  transition:border-color .15s,background .15s;
}
.lp-links a:hover{border-color:var(--gold);background:var(--ink3)}
.lp-link-k{font-family:var(--mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);font-weight:700}
.lp-link-t{font-family:var(--sans);font-size:18px;font-weight:900;text-transform:uppercase;line-height:1.05;color:var(--parchment);margin-top:auto}
.lp-link-t::after{content:' \2192';color:var(--gold)}

/* CONTACT + conversational brief (same funnel as the homepage) */
.ct{display:grid;grid-template-columns:1fr 1fr}
.ct-l{position:relative;overflow:hidden;min-height:560px;border-right:var(--rule-accent);background:linear-gradient(160deg,var(--ink3) 0%,var(--ink) 62%)}
.ct-l-body{position:relative;z-index:2;padding:60px 52px;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.ct-l .ey{color:var(--gold)}
.ct-h2{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.6rem);color:var(--parchment);margin-bottom:16px}
.ct-h2 em{color:var(--gold)}
.ct-body{font-size:15px;line-height:1.8;color:var(--ash-dark);margin-bottom:26px;font-weight:500}
.ct-meta{display:flex;flex-direction:column;gap:12px}
.ct-row{display:flex;align-items:center;gap:11px}
.ct-pip{width:8px;height:8px;background:var(--gold);flex-shrink:0}
.ct-txt{font-family:var(--mono);font-size:12px;color:var(--parchment)}
.ct-txt a{color:inherit;text-decoration:none}
.ct-note{font-family:var(--mono);font-size:10px;color:var(--ash-dark-mute);line-height:1.7}
.ct-r{background:var(--ink2);padding:60px 52px}
.ct-intro{font-size:14px;font-weight:600;color:var(--ash-dark);margin-bottom:30px;line-height:1.6;padding-bottom:22px;border-bottom:1px solid rgba(242,233,214,0.15)}
.brief-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.brief-back,.brief-skip{background:none;border:none;cursor:pointer;padding:4px 0;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--ash-dark);transition:color .15s,border-color .15s}
.brief-back:hover{color:var(--gold)}
.brief-skip{border-bottom:1px solid rgba(242,233,214,0.3)}
.brief-skip:hover{color:var(--gold);border-color:var(--gold)}
.brief-track{height:3px;background:rgba(242,233,214,0.15);margin-bottom:26px;overflow:hidden}
.brief-fill{height:100%;width:20%;background:var(--gold);transition:width .35s cubic-bezier(.16,1,.3,1)}
.step{display:none}
.step.active{display:block;animation:rise .35s cubic-bezier(.16,1,.3,1) both}
.brief-q{font-family:var(--sans);font-weight:900;font-size:21px;text-transform:uppercase;color:var(--parchment);line-height:1.1;margin-bottom:18px}
.opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.opt{
  font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;
  background:var(--ink);border:2px solid rgba(242,233,214,0.25);color:var(--parchment);
  padding:15px 13px;min-height:48px;text-align:left;cursor:pointer;transition:border-color .15s,color .15s,background .15s;
}
.opt:hover{border-color:var(--gold);color:var(--gold)}
.opt.sel{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.brief-nav{display:flex;align-items:center;gap:16px;margin-top:6px;flex-wrap:wrap}
.field{margin-bottom:20px}
.field label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ash-dark);margin-bottom:9px}
.field input,.field textarea{
  width:100%;background:var(--ink);border:2px solid rgba(242,233,214,0.22);color:var(--parchment);
  font-size:16px;font-family:var(--sans);font-weight:500;padding:12px;min-height:44px;outline:none;appearance:none;transition:border-color .15s;
}
.field textarea{min-height:64px;height:64px;resize:none}
.field input:focus,.field textarea:focus{border-color:var(--gold)}
.field input::placeholder,.field textarea::placeholder{color:rgba(242,233,214,0.38)}
.sub-btn{
  width:100%;font-family:var(--sans);font-size:13px;letter-spacing:0.02em;text-transform:uppercase;font-weight:800;
  background:var(--gold);color:var(--ink);border:2px solid var(--gold);padding:16px;min-height:48px;cursor:pointer;
  transition:background .15s,color .15s;margin-top:6px;
}
.sub-btn:hover{background:var(--ink);color:var(--gold)}
.form-msg{font-family:var(--mono);font-size:11px;line-height:1.7;color:var(--gold);margin-top:14px}
.form-alt{font-family:var(--mono);font-size:10px;letter-spacing:0.04em;color:var(--ash-dark-mute);margin-top:16px;line-height:1.7}
.form-alt a{color:var(--parchment);text-decoration:none;border-bottom:1px solid var(--gold)}
.form-alt a:hover{color:var(--gold)}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}

/* FOOTER */
footer{padding:22px 96px 22px 56px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--ink)}
.foot-logo{font-family:var(--sans);font-size:12px;font-weight:900;letter-spacing:0.26em;text-transform:uppercase;color:var(--parchment);display:flex;align-items:center;gap:10px;text-decoration:none}
.foot-logo .mark{width:20px;height:20px}
.foot-copy{font-family:var(--mono);font-size:9px;color:var(--ash-dark-mute);letter-spacing:0.03em}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 20px}
.foot-links a{font-family:var(--mono);font-size:9px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ash-dark-mute);text-decoration:none;transition:color .15s}
.foot-links a:hover{color:var(--gold)}

/* WHATSAPP */
.wa{position:fixed;bottom:26px;right:26px;z-index:600;width:52px;height:52px;border-radius:50%!important;background:#25d366;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .2s}
.wa svg{width:26px;height:26px;display:block}
.wa:hover{transform:scale(1.08)}
.wa:focus-visible{outline:3px solid var(--gold);outline-offset:4px}

/* Reveal */
.rv{opacity:0;transform:translateY(18px);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}
.rv.in{opacity:1;transform:translateY(0)}

/* ============ RESPONSIVE ============ */
@media (max-width:1100px){
  .lp-hero{grid-template-columns:1fr;min-height:0}
  .lp-hero-img{order:-1;height:46vh;min-height:300px;border-left:none;border-bottom:var(--rule-accent)}
  .crumbs{padding-bottom:28px}
}
@media (max-width:1024px){
  nav.top,.lp-hero-txt,.sec,.inc,.lp-more,.ct-l-body,.ct-r{padding-left:36px;padding-right:36px}
  .nav-links{gap:20px}
  .split{grid-template-columns:1fr;gap:28px}
  .lp-strip{height:280px}
  .timeline{gap:28px}
  .timeline::before{display:none}
}
@media (max-width:900px){
  .ct{grid-template-columns:1fr}
  .ct-l{min-height:0;border-right:none;border-bottom:var(--rule-accent)}
}
@media (max-width:860px){
  nav.top{height:58px}
  .nav-burger{display:block}
  .nav-btn{display:none}
  .nav-links{
    display:none;position:fixed;top:58px;left:0;right:0;z-index:399;
    flex-direction:column;gap:0;background:var(--ink);border-bottom:var(--rule-accent);padding:6px 22px 18px;
  }
  .nav-links.open{display:flex}
  .nav-links a{display:block;padding:13px 0;font-size:11px;border-bottom:1px solid rgba(242,233,214,0.1)}
  .nav-links li:last-child a{border-bottom:none}
  .nav-cta-m{display:block}
  .nav-cta-m a{font-family:var(--sans);font-weight:800;font-size:12px;letter-spacing:0.03em;color:var(--gold)}
}
@media (max-width:768px){
  nav.top,.lp-hero-txt,.sec,.inc,.lp-more,.ct-l-body,.ct-r,footer{padding-left:22px;padding-right:22px}
  .lp-hero-txt{padding-top:32px;padding-bottom:48px}
  .sec{padding-top:64px;padding-bottom:64px}
  .inc,.lp-more{padding-top:56px;padding-bottom:56px}
  .inc-list{grid-template-columns:1fr}
  .inc-item:nth-child(odd){border-right:none;padding-right:0}
  .inc-item:nth-child(even){padding-left:0}
  .lp-strip{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px;height:auto}
  .lp-strip figure:last-child:nth-child(odd){grid-column:span 2}
  .timeline{grid-template-columns:1fr;row-gap:36px}
  .faq summary{font-size:15px}
  .ct-l-body,.ct-r{padding-top:44px;padding-bottom:44px}
  footer{flex-direction:column;align-items:flex-start;padding:22px 78px 22px 22px}
}
@media (max-width:480px){
  .opt-grid{grid-template-columns:1fr}
  .h-btns{flex-direction:column;align-items:stretch;gap:8px;width:100%}
  .lp-strip{grid-template-columns:1fr;grid-auto-rows:220px}
  .lp-strip figure:last-child:nth-child(odd){grid-column:auto}
  nav.top{gap:8px}
  .lang-switch{padding-left:10px;margin-left:0}
}