/*
Theme Name: Musikkverkstedet Byremo
Theme URI: https://musikkverkstedet.org/
Description: Custom front page for Musikkverkstedet Byremo. Child theme of Divi.
Author: Musikkverkstedet
Template: Divi
Version: 3.0.0
Text Domain: musikkverkstedet
*/


  #mv-root{
    --cream:#F2ECDF;
    --cream-2:#EAE1CE;
    --ink:#161310;
    --ink-2:#3A332C;
    --muted:#7A6F62;
    --line:#D6CCB6;
    --accent:#E04A1F;   /* vermillion */
    --accent-ink:#B73813;
    --moss:#3F5340;
    --bg:var(--cream);
    --fg:var(--ink);
  }
  #mv-root.dark{
    --cream:#15130F;
    --cream-2:#1E1B16;
    --ink:#F2ECDF;
    --ink-2:#C9C0AE;
    --muted:#8A8170;
    --line:#2C2820;
    --accent:#F26A3D;
    --accent-ink:#F26A3D;
    --moss:#9DB29A;
    --bg:var(--cream);
    --fg:var(--ink);
  }
  #mv-root *{box-sizing:border-box}
  #mv-root,#mv-root{margin:0;padding:0;background:var(--bg);color:var(--fg);}
  #mv-root{
    font-family:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
    font-feature-settings:"ss01","ss02";
    font-size:17px;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }
  #mv-root .mono{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11.5px;letter-spacing:0.08em;text-transform:uppercase;}
  #mv-root .serif-i{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;}
  #mv-root a{color:inherit;text-decoration:none}
  #mv-root ::selection{background:var(--accent);color:#fff}

  #mv-root .wrap{max-width:1320px;margin:0 auto;padding:0 28px}
  @media (max-width:720px){ #mv-root .wrap{padding:0 18px} }

  /* ===== NAV ===== */
  #mv-root .nav{
    position:sticky;top:0;z-index:50;
    background:color-mix(in oklab, var(--bg) 92%, transparent);
    backdrop-filter:saturate(120%) blur(10px);
    border-bottom:1px solid var(--line);
  }
  #mv-root .nav-row{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}
  #mv-root .brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-0.01em}
  #mv-root .brand-mark{width:28px;height:28px;display:grid;place-items:center;background:var(--ink);color:var(--bg);border-radius:6px}
  #mv-root .brand-mark svg{width:18px;height:18px}
  #mv-root .nav-links{display:flex;gap:22px;align-items:center}
  #mv-root .nav-links a{color:var(--ink-2);font-size:14.5px}
  #mv-root .nav-links a:hover{color:var(--ink)}
  #mv-root .nav-cta{background:var(--ink);color:var(--bg);padding:9px 14px;border-radius:999px;font-size:13.5px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:transform .15s ease}
  #mv-root .nav-cta:hover{transform:translateY(-1px)}
  #mv-root .nav-cta .dot{width:6px;height:6px;background:var(--accent);border-radius:50%}
  @media (max-width:880px){ #mv-root .nav-links a:not(.nav-cta){display:none} }

  /* ===== HERO ===== */
  #mv-root .hero{padding:56px 0 84px;position:relative;overflow:hidden}
  #mv-root .hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:end}
  @media (max-width:980px){ #mv-root .hero-grid{grid-template-columns:1fr;gap:32px} }
  #mv-root .eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--muted)}
  #mv-root .eyebrow .line{width:28px;height:1px;background:var(--muted)}
  #mv-root h1.display{
    font-family:"Bricolage Grotesque",sans-serif;
    font-weight:500;
    font-size:clamp(56px,9vw,148px);
    line-height:0.92;
    letter-spacing:-0.035em;
    margin:18px 0 0;
  }
  #mv-root h1.display em{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;color:var(--accent);letter-spacing:-0.01em}
  #mv-root .hero-sub{max-width:46ch;color:var(--ink-2);font-size:18px;margin-top:22px}
  #mv-root .hero-meta{display:flex;flex-wrap:wrap;gap:28px;margin-top:36px;padding-top:22px;border-top:1px solid var(--line)}
  #mv-root .hero-meta .item{display:flex;flex-direction:column;gap:4px}
  #mv-root .hero-meta .num{font-size:28px;letter-spacing:-0.02em}
  #mv-root .hero-meta .lbl{color:var(--muted)}

  /* equalizer/visual */
  #mv-root .visual{position:relative;aspect-ratio:1/1.05;border:1px solid var(--line);border-radius:18px;background:
    radial-gradient(120% 80% at 0% 0%, color-mix(in oklab, var(--accent) 9%, transparent), transparent 60%),
    var(--cream-2);
    padding:22px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
  #mv-root .visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:36px 36px;opacity:.25;pointer-events:none}
  #mv-root .visual-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:2}
  #mv-root .visual-badge{padding:6px 10px;border:1px solid var(--ink);border-radius:999px;background:var(--bg)}
  #mv-root .eq{display:flex;align-items:flex-end;gap:6px;height:60%;position:relative;z-index:2;padding-top:20px}
  #mv-root .eq i{display:block;flex:1;background:var(--ink);border-radius:3px;animation:eq 1.4s ease-in-out infinite}
  #mv-root .eq i:nth-child(1){animation-delay:.0s;background:var(--accent)}
  #mv-root .eq i:nth-child(2){animation-delay:.1s}
  #mv-root .eq i:nth-child(3){animation-delay:.25s}
  #mv-root .eq i:nth-child(4){animation-delay:.4s;background:var(--accent)}
  #mv-root .eq i:nth-child(5){animation-delay:.1s}
  #mv-root .eq i:nth-child(6){animation-delay:.3s}
  #mv-root .eq i:nth-child(7){animation-delay:.05s;background:var(--moss)}
  #mv-root .eq i:nth-child(8){animation-delay:.2s}
  #mv-root .eq i:nth-child(9){animation-delay:.4s}
  #mv-root .eq i:nth-child(10){animation-delay:.15s}
  #mv-root .eq i:nth-child(11){animation-delay:.3s;background:var(--accent)}
  #mv-root .eq i:nth-child(12){animation-delay:.05s}
  @keyframes eq{
    0%,100%{height:18%}
    20%{height:84%}
    40%{height:42%}
    60%{height:96%}
    80%{height:30%}
  }
  #mv-root .visual-foot{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;color:var(--muted)}

  #mv-root .hero-marquee{margin-top:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;overflow:hidden;white-space:nowrap;color:var(--muted)}
  #mv-root .hero-marquee .track{display:inline-block;animation:scroll 38s linear infinite}
  #mv-root .hero-marquee span{margin:0 28px}
  #mv-root .hero-marquee .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);vertical-align:middle;margin:0 16px}
  @keyframes scroll{ from{transform:translateX(0)} to{transform:translateX(-50%)} }

  /* ===== SECTION ===== */
  #mv-root section{padding:90px 0;border-top:1px solid var(--line)}
  #mv-root .sec-head{display:grid;grid-template-columns:240px 1fr;gap:48px;margin-bottom:48px;align-items:start}
  @media (max-width:780px){ #mv-root .sec-head{grid-template-columns:1fr;gap:18px} }
  #mv-root .sec-num{color:var(--muted)}
  #mv-root .sec-title{font-size:clamp(34px,4.8vw,64px);line-height:1;letter-spacing:-0.03em;font-weight:500;margin:0;max-width:18ch}
  #mv-root .sec-title em{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;color:var(--accent)}
  #mv-root .sec-lede{color:var(--ink-2);font-size:17px;max-width:60ch;margin-top:14px}

  /* ===== OM OSS ===== */
  #mv-root .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
  @media (max-width:980px){ #mv-root .about-grid{grid-template-columns:1fr;gap:40px} }
  #mv-root .about-body p{font-size:19px;line-height:1.55;color:var(--ink-2);margin:0 0 18px}
  #mv-root .about-body p:first-child::first-letter{font-family:"Instrument Serif",serif;font-style:italic;color:var(--accent);font-size:64px;line-height:.85;float:left;padding:6px 10px 0 0}
  #mv-root .stats{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
  #mv-root .stat{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 20px;display:flex;flex-direction:column;gap:6px}
  #mv-root .stat .v{font-size:42px;line-height:1;letter-spacing:-0.02em;font-weight:500}
  #mv-root .stat .v em{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;color:var(--accent)}
  #mv-root .stat .k{color:var(--muted)}

  /* ===== ØVINGSROM ===== */
  #mv-root .rooms{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
  @media (max-width:980px){ #mv-root .rooms{grid-template-columns:1fr 1fr} }
  @media (max-width:680px){ #mv-root .rooms{grid-template-columns:1fr} }
  #mv-root .room{position:relative;background:var(--cream-2);border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:14px;min-height:360px;overflow:hidden;transition:transform .2s ease}
  #mv-root .room:hover{transform:translateY(-3px)}
  #mv-root .room .label{display:flex;justify-content:space-between;align-items:center}
  #mv-root .room .label .pill{padding:4px 9px;border-radius:999px;background:var(--bg);border:1px solid var(--line);color:var(--ink-2);font-size:11px;letter-spacing:.08em;font-family:"JetBrains Mono",monospace;text-transform:uppercase}
  #mv-root .room h3{font-size:32px;letter-spacing:-0.02em;margin:6px 0 4px;font-weight:500}
  #mv-root .room .who{color:var(--muted)}
  #mv-root .room ul{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:6px;font-size:14.5px;color:var(--ink-2)}
  #mv-root .room ul li{display:flex;gap:10px;align-items:flex-start}
  #mv-root .room ul li::before{content:"";display:block;width:4px;height:4px;background:var(--ink);border-radius:50%;margin-top:9px;flex-shrink:0}
  #mv-root .room .ill{margin-top:auto;align-self:flex-end;opacity:.85}

  #mv-root .booking{margin-top:32px;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:stretch}
  @media (max-width:880px){ #mv-root .booking{grid-template-columns:1fr} }
  #mv-root .booking-card{background:var(--ink);color:var(--bg);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden}
  #mv-root .booking-card .mono{color:color-mix(in oklab, var(--bg) 70%, var(--ink))}
  #mv-root .booking-card h3{font-size:34px;line-height:1.05;letter-spacing:-0.02em;margin:4px 0 0;font-weight:500;max-width:18ch}
  #mv-root .booking-card h3 em{font-family:"Instrument Serif",serif;font-style:italic;color:var(--accent)}
  #mv-root .booking-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
  #mv-root .booking-form .full{grid-column:1/-1}
  #mv-root .booking-form .fld{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:12px 14px}
  #mv-root .booking-form .fld .k{font-size:11px;letter-spacing:.08em;font-family:"JetBrains Mono",monospace;text-transform:uppercase;color:color-mix(in oklab, var(--bg) 60%, var(--ink))}
  #mv-root .booking-form .fld .v{font-size:15px}
  #mv-root .booking-form .btn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:14px;font:inherit;font-weight:500;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}
  #mv-root .rules{background:var(--cream-2);border:1px solid var(--line);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px}
  #mv-root .rules h4{font-size:14px;letter-spacing:.08em;font-family:"JetBrains Mono",monospace;text-transform:uppercase;color:var(--muted);margin:0}
  #mv-root .rules ol{padding-left:1.1em;margin:0;display:flex;flex-direction:column;gap:8px;font-size:15.5px;color:var(--ink-2)}
  #mv-root .rules ol li::marker{color:var(--accent);font-weight:500}

  /* ===== MEDLEM ===== */
  #mv-root .members{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:stretch}
  @media (max-width:880px){ #mv-root .members{grid-template-columns:1fr} }
  #mv-root .tiers{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
  #mv-root .tier{display:grid;grid-template-columns:auto 1fr auto;gap:24px;padding:22px 0;border-bottom:1px solid var(--line);align-items:center;cursor:pointer;transition:padding-left .2s ease}
  #mv-root .tier:hover{padding-left:8px}
  #mv-root .tier .t-num{font-family:"JetBrains Mono",monospace;color:var(--muted);font-size:12px;letter-spacing:.08em}
  #mv-root .tier .t-body h4{margin:0;font-size:26px;letter-spacing:-0.02em;font-weight:500}
  #mv-root .tier .t-body p{margin:4px 0 0;color:var(--muted);font-size:14.5px}
  #mv-root .tier .t-price{text-align:right;font-size:22px;letter-spacing:-0.02em;font-weight:500;display:flex;flex-direction:column;align-items:flex-end}
  #mv-root .tier .t-price .per{font-size:11px;letter-spacing:.08em;font-family:"JetBrains Mono",monospace;color:var(--muted);text-transform:uppercase;margin-top:2px}
  #mv-root .tier .t-price em{font-family:"Instrument Serif",serif;font-style:italic;color:var(--accent)}

  #mv-root .join{background:var(--cream-2);border:1px solid var(--line);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:16px}
  #mv-root .join h3{margin:0;font-size:28px;letter-spacing:-0.02em;font-weight:500;line-height:1.1}
  #mv-root .join h3 em{font-family:"Instrument Serif",serif;font-style:italic;color:var(--accent)}
  #mv-root .join .checks{display:flex;flex-direction:column;gap:10px;color:var(--ink-2);font-size:15.5px}
  #mv-root .join .checks div{display:flex;gap:10px;align-items:flex-start}
  #mv-root .join .checks svg{flex-shrink:0;margin-top:4px}
  #mv-root .join .join-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:space-between;padding:16px 18px;border-radius:12px;background:var(--ink);color:var(--bg);font-size:16px;font-weight:500;gap:14px}
  #mv-root .join .join-cta:hover .arr{transform:translateX(4px)}
  #mv-root .join .arr{transition:transform .2s ease;display:inline-flex}

  /* ===== NYHETER (WP POSTS) ===== */
  #mv-root .posts{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px}
  @media (max-width:980px){ #mv-root .posts{grid-template-columns:1fr 1fr} }
  @media (max-width:640px){ #mv-root .posts{grid-template-columns:1fr} }
  #mv-root .post{border:1px solid var(--line);background:var(--cream-2);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:14px;min-height:340px;position:relative;overflow:hidden;transition:transform .2s ease}
  #mv-root .post:hover{transform:translateY(-3px)}
  #mv-root .post-feat{grid-row:span 1}
  @media (min-width:981px){ #mv-root .post-feat{grid-column:1/2;grid-row:1/3} #mv-root .post-feat{min-height:0} }
  #mv-root .post .tag{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}
  #mv-root .post .tag .d{width:6px;height:6px;background:var(--accent);border-radius:50%}
  #mv-root .post h4{margin:6px 0 0;font-size:22px;line-height:1.15;letter-spacing:-0.015em;font-weight:500}
  #mv-root .post-feat h4{font-size:38px;line-height:1.04;letter-spacing:-0.025em}
  #mv-root .post-feat h4 em{font-family:"Instrument Serif",serif;font-style:italic;color:var(--accent)}
  #mv-root .post p{color:var(--ink-2);font-size:14.5px;margin:0}
  #mv-root .post .read{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:14px;font-weight:500;border-top:1px dashed var(--line);padding-top:14px}
  #mv-root .post .read:hover{color:var(--accent)}
  #mv-root .post .ill{position:absolute;right:-20px;bottom:-20px;opacity:.18;pointer-events:none}
  #mv-root .post-feat .ill{opacity:.9;position:relative;right:auto;bottom:auto;align-self:flex-end;margin-top:-12px}

  /* ===== ARRANGEMENT ===== */
  #mv-root .events{border-top:1px solid var(--line)}
  #mv-root .event{display:grid;grid-template-columns:120px 1fr auto auto;gap:24px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);transition:background .2s ease}
  #mv-root .event:hover{background:color-mix(in oklab, var(--accent) 5%, transparent)}
  #mv-root .event:hover .ev-cta{background:var(--accent);color:#fff;border-color:var(--accent)}
  #mv-root .event .ev-date{display:flex;flex-direction:column;line-height:1}
  #mv-root .event .ev-date .day{font-size:48px;letter-spacing:-0.025em;font-weight:500}
  #mv-root .event .ev-date .mo{font-family:"JetBrains Mono",monospace;color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-top:4px}
  #mv-root .event .ev-body h4{margin:0;font-size:24px;letter-spacing:-0.015em;font-weight:500}
  #mv-root .event .ev-body h4 em{font-family:"Instrument Serif",serif;font-style:italic;color:var(--accent)}
  #mv-root .event .ev-body .meta{color:var(--muted);font-size:14px;margin-top:4px;display:flex;gap:14px;flex-wrap:wrap}
  #mv-root .event .ev-tag{padding:5px 10px;border:1px solid var(--line);border-radius:999px;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
  #mv-root .event .ev-cta{padding:10px 16px;border-radius:999px;border:1px solid var(--ink);font-size:14px;font-weight:500;transition:all .2s ease;white-space:nowrap}
  @media (max-width:880px){
    #mv-root .event{grid-template-columns:84px 1fr;gap:14px}
    #mv-root .event .ev-date .day{font-size:36px}
    #mv-root .event .ev-tag,#mv-root .event .ev-cta{grid-column:2}
    #mv-root .event .ev-cta{justify-self:start}
  }

  /* ===== STYRET ===== */
  #mv-root .board{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  @media (max-width:980px){ #mv-root .board{grid-template-columns:repeat(2,1fr)} }
  @media (max-width:540px){ #mv-root .board{grid-template-columns:1fr 1fr} }
  #mv-root .member{background:var(--cream-2);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:14px}
  #mv-root .member .avatar{aspect-ratio:1/1;border-radius:12px;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;font-family:"Instrument Serif",serif;font-style:italic;font-size:64px;color:var(--accent);overflow:hidden;position:relative}
  #mv-root .member .avatar::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 8px,color-mix(in oklab, var(--accent) 10%, transparent) 8px 9px);opacity:.5}
  #mv-root .member .name{font-size:18px;letter-spacing:-0.01em;font-weight:500;margin:0;line-height:1.15}
  #mv-root .member .role{color:var(--muted);font-size:13.5px;margin-top:2px}

  /* ===== KONTAKT ===== */
  #mv-root .contact{display:grid;grid-template-columns:1.3fr 1fr;gap:32px}
  @media (max-width:880px){ #mv-root .contact{grid-template-columns:1fr} }
  #mv-root .contact-card{background:var(--cream-2);border:1px solid var(--line);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:20px;justify-content:space-between}
  #mv-root .contact-card.dark{background:var(--ink);color:var(--bg)}
  #mv-root .contact-card.dark .c-label{color:color-mix(in oklab, var(--bg) 60%, var(--ink))}
  #mv-root .c-row{display:grid;grid-template-columns:140px 1fr;gap:14px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line)}
  #mv-root .contact-card.dark .c-row{border-color:rgba(255,255,255,.1)}
  #mv-root .c-row:last-of-type{border-bottom:none}
  #mv-root .c-label{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
  #mv-root .c-val{font-size:18px;letter-spacing:-0.01em}
  #mv-root .c-val em{font-family:"Instrument Serif",serif;font-style:italic;color:var(--accent)}
  #mv-root .map{aspect-ratio:1/1;border-radius:14px;background:var(--bg);border:1px solid var(--line);position:relative;overflow:hidden}
  #mv-root .map .grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:28px 28px;opacity:.6}
  #mv-root .map .road{position:absolute;background:var(--line)}
  #mv-root .map .pin{position:absolute;left:48%;top:46%;display:flex;flex-direction:column;align-items:center;gap:6px;transform:translate(-50%,-100%)}
  #mv-root .map .pin .b{padding:6px 10px;background:var(--ink);color:var(--bg);border-radius:6px;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
  #mv-root .map .pin .d{width:14px;height:14px;background:var(--accent);border-radius:50%;border:3px solid var(--bg);box-shadow:0 0 0 1px var(--ink)}
  #mv-root .map .pulse{position:absolute;left:48%;top:46%;width:48px;height:48px;border:2px solid var(--accent);border-radius:50%;transform:translate(-50%,-50%);opacity:.4;animation:pulse 2s ease-out infinite}
  @keyframes pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:.7}100%{transform:translate(-50%,-50%) scale(1.6);opacity:0}}

  /* ===== FOOTER ===== */
  #mv-root footer{background:var(--ink);color:var(--bg);padding:80px 0 28px;margin-top:0}
  #mv-root.dark footer{background:#0A0907;border-top:1px solid var(--line)}
  #mv-root footer .big{
    font-size:clamp(64px,14vw,210px);
    line-height:.86;letter-spacing:-0.04em;font-weight:500;margin:0 0 60px
  }
  #mv-root footer .big em{font-family:"Instrument Serif",serif;font-style:italic;color:var(--accent);font-weight:400}
  #mv-root .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;align-items:start}
  @media (max-width:780px){ #mv-root .foot-grid{grid-template-columns:1fr 1fr} }
  #mv-root .foot-col h5{margin:0 0 14px;color:color-mix(in oklab, var(--bg) 55%, var(--ink));font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:500}
  #mv-root .foot-col a,#mv-root .foot-col p{display:block;color:color-mix(in oklab, var(--bg) 85%, var(--ink));font-size:15px;margin:0 0 8px;line-height:1.5}
  #mv-root .foot-col a:hover{color:var(--accent)}
  #mv-root .foot-bot{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);margin-top:48px;padding-top:22px;color:color-mix(in oklab, var(--bg) 50%, var(--ink));flex-wrap:wrap;gap:12px}

  #mv-root .btn{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border-radius:999px;border:1px solid var(--ink);font-weight:500;font-size:15px;background:transparent;color:var(--ink);cursor:pointer;font-family:inherit}
  #mv-root .btn:hover{background:var(--ink);color:var(--bg)}
  #mv-root .btn.primary{background:var(--ink);color:var(--bg)}
  #mv-root .btn.primary:hover{background:var(--accent);border-color:var(--accent)}
  #mv-root .btn .arr{transition:transform .2s ease;display:inline-flex}
  #mv-root .btn:hover .arr{transform:translateX(4px)}

  #mv-root .hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}

  /* edit-overrides slot */
/* ---- v3 additions ---- */

/* Logo in nav — replace boxy brand-mark with image */
#mv-root .brand-mark {
  width: 36px !important; height: 36px !important;
  background: transparent !important; color: inherit !important;
  border-radius: 6px !important;
  object-fit: contain !important; display: inline-block !important;
}
#mv-root .brand { gap: 12px; }

/* Rooms grid: 4 rooms → 2×2 on desktop, 1 column on narrow */
#mv-root .rooms { grid-template-columns: repeat(2, 1fr) !important; gap: 18px; }
@media (max-width: 680px) { #mv-root .rooms { grid-template-columns: 1fr !important; } }
#mv-root .room { min-height: 320px; }
#mv-root .room h3 { font-size: 28px; }

/* Rooms footer note */
#mv-root .rooms-foot { margin-top: 28px; }
#mv-root .rooms-note {
  background: var(--cream-2); border: 1px solid var(--line); border-radius: 16px;
  padding: 22px 28px; display: flex; flex-direction: column; gap: 6px;
}
#mv-root .rooms-note p { margin: 0; color: var(--ink-2); font-size: 15.5px; line-height: 1.55; }
#mv-root .rooms-note em { font-family: "Instrument Serif", serif; font-style: italic; color: var(--accent); }

/* Facebook card (replaces events list) */
#mv-root .fb-card {
  display: grid; grid-template-columns: 1.4fr 1fr; gap: 0; align-items: stretch;
  border: 1px solid var(--line); border-radius: 18px; overflow: hidden;
  background: var(--ink); color: var(--bg);
}
@media (max-width: 880px) { #mv-root .fb-card { grid-template-columns: 1fr; } }
#mv-root .fb-card-body {
  padding: 38px; display: flex; flex-direction: column; gap: 14px; justify-content: center;
}
#mv-root .fb-card-body h3 { font-size: 38px; line-height: 1.05; letter-spacing: -0.02em; font-weight: 500; margin: 0; }
#mv-root .fb-card-body h3 em { font-family: "Instrument Serif", serif; font-style: italic; color: var(--accent); }
#mv-root .fb-card-body p { color: color-mix(in oklab, var(--bg) 80%, var(--ink)); font-size: 16px; line-height: 1.55; margin: 0; max-width: 50ch; }
#mv-root .fb-card-visual {
  display: grid; place-items: center; padding: 32px;
  background: radial-gradient(120% 80% at 100% 0%, color-mix(in oklab, var(--accent) 22%, transparent), transparent 60%);
}
#mv-root .fb-card-visual img { width: 100%; max-width: 200px; height: auto; opacity: 0.95; filter: invert(1); }

/* Board CTA card (replaces full board list) */
#mv-root .board-cta {
  background: var(--cream-2); border: 1px solid var(--line); border-radius: 18px;
  padding: 40px; display: flex; flex-direction: column; gap: 14px; align-items: flex-start;
}
#mv-root .board-cta h4 { margin: 0; font-size: 24px; letter-spacing: -0.015em; font-weight: 500; }
#mv-root .board-cta p { margin: 0; color: var(--ink-2); font-size: 16.5px; line-height: 1.55; max-width: 60ch; }
#mv-root .board-cta a { color: var(--accent); text-decoration: underline; text-decoration-color: var(--line); }
#mv-root .board-cta a.btn { color: var(--ink); text-decoration: none; margin-top: 8px; }

/* Aktuelt: 3-up by default */
#mv-root .posts { grid-template-columns: repeat(3, 1fr); }
#mv-root .post-feat { grid-column: auto !important; grid-row: auto !important; }
@media (max-width: 980px) { #mv-root .posts { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { #mv-root .posts { grid-template-columns: 1fr; } }

/* Divi chrome overrides on the front page */
body.home #main-header, body.home #top-header,
body.home #main-footer, body.home #et-footer-nav { display: none !important; }
body.home #page-container { padding-top: 0 !important; }
body.home #main-content, body.home #content-area { padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: none !important; }
body.home #et-main-area { padding: 0 !important; margin: 0 !important; }
body.home { background: #F2ECDF; }