/* Startseiten-Menü v2 (menu2.js) – Rad, Farbband, Platte, Tasten-Leiste, Impressum, markoki.craft-Intro.
   Nur eigenes Material; Schriften der Startseite (Juana Black lizenziert, Bodoni Moda + Barlow OFL).
   Autor: MarKoki_craft */

/* gleiche Datei wie JuanaLocal (Startseite) – das Logo-Intro spricht sie als „Juana" an */
@font-face{font-family:Juana;font-style:normal;font-weight:400;font-display:block;
  src:url('../fonts/juana-black-webfont.woff2') format('woff2'),url('../fonts/juana-black-webfont.woff') format('woff')}

.m2-on{--sw:min(100vw,177.7778svh);--u:calc(var(--sw) / 3840)}
/* altes Rad ausblenden (bleibt im DOM: Fallback ?altmenu=1 und schmale Bildschirme) */
.m2-on .cascade,.m2-on .radsplash{display:none!important}
.m2-on .bottomline .input-hint,.m2-on .bottomline .touch-hint{display:none}
/* Beschreibung unten links bleibt lesbar, auch wenn das Farbband dahinter liegt */
.m2-on .describe{text-shadow:0 0 3px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.75)}

.m2{position:absolute;inset:0;z-index:3;pointer-events:none}
.m2-stage{position:absolute;left:0;top:50%;width:var(--sw);aspect-ratio:16/9;translate:0 -50%}
.m2-brush{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.m2-word{position:absolute;width:0;height:0}
.m2-btn{position:absolute;right:0;margin:0;padding:0;border:0;background:none;cursor:pointer;
  transform-origin:100% 50%;pointer-events:auto;-webkit-tap-highlight-color:transparent}
.m2-btn canvas{display:block;width:100%;height:100%}
.m2-btn:focus,.m2-btn:focus-visible{outline:none}
/* gewähltes Wort schwarz auf dem Farbband (harter Schnitt) */
.m2-word.sel canvas{filter:brightness(0)}
.m2-plate{position:absolute;opacity:0;pointer-events:none;transform-origin:50% 50%;
  padding:calc(12 * var(--u)) calc(44 * var(--u)) calc(12 * var(--u)) calc(38 * var(--u));
  background:#0e0e10;color:#f2ede4;white-space:nowrap;
  font:700 calc(46 * var(--u))/1 var(--condensed,"Arial Narrow",sans-serif);letter-spacing:.07em;
  clip-path:polygon(2% 10%,30% 2%,62% 6%,99% 0,97% 52%,100% 96%,66% 100%,34% 92%,0 100%,3% 50%)}

/* ---------- Tasten-Leiste unten rechts (wie Studie) ---------- */
/* Größe wie in der Studie (dort ~60 px Schrift auf 3840) → wächst mit der Bühne, nie kleiner als gut lesbar */
.m2-keys{position:fixed;right:max(16px,calc(70 * var(--u)));bottom:max(12px,calc(36 * var(--u)));z-index:95;
  display:flex;gap:max(12px,calc(30 * var(--u)));align-items:center}
.m2-key{display:flex;align-items:center;gap:max(10px,calc(22 * var(--u)));height:max(44px,calc(104 * var(--u)));
  padding:0 max(18px,calc(40 * var(--u))) 0 max(7px,calc(14 * var(--u)));border:0;cursor:pointer;
  background:rgba(10,10,12,.86);color:#f2ede4;font:600 max(20px,calc(60 * var(--u)))/1 var(--serif,serif);
  clip-path:polygon(max(8px,calc(18 * var(--u))) 0,100% 0,calc(100% - max(8px,calc(18 * var(--u)))) 100%,0 100%)}
/* Tasten-Feld als Parallelogramm im gleichen Winkel wie der Knopf (Versatz/Höhe ≈ 0,173 → 18/104 bzw. 12,8/74) */
.m2-key b{display:inline-grid;place-items:center;min-width:max(40px,calc(92 * var(--u)));height:max(32px,calc(74 * var(--u)));
  padding:0 max(11px,calc(24 * var(--u)));background:#f2ede4;color:#101014;font:700 max(15px,calc(40 * var(--u)))/1 var(--condensed,sans-serif);
  --kb:max(6px,calc(12.8 * var(--u)));clip-path:polygon(var(--kb) 0,100% 0,calc(100% - var(--kb)) 100%,0 100%)}
/* Kennzahlen der Startseite rutschen über die (größere) Tasten-Leiste */
.m2-on .stats{bottom:calc(max(12px,calc(36 * var(--u))) + max(44px,calc(104 * var(--u))) + 16px)}
.m2-key:hover{background:#e3c400;color:#101014}
.m2-key:hover b{background:#101014;color:#e3c400}
.m2-key.off{opacity:.6}

/* ---------- Overlays ---------- */
.m2-ov{position:fixed;inset:0;z-index:80;visibility:hidden;opacity:0;transition:opacity .15s linear,visibility 0s linear .15s}
.m2-ov.open{visibility:visible;opacity:1;transition:opacity .15s linear}

/* markoki.craft-Intro (studio.js, SVG in 3840×2160) */
.m2-studio{background:#0b0b0c;cursor:pointer}
.m2-studio .st-svg{position:absolute;inset:0;width:100%;height:100%}
.st-grid{opacity:0}
.st-grid-line{fill:none;stroke:rgba(225,224,225,.06);stroke-width:2}
.st-con line,.st-con path,.st-con circle{fill:none;stroke-linecap:round}
.st-guide{stroke:rgba(225,224,225,.26);stroke-width:2}
.st-guide.base{stroke:rgba(225,224,225,.5);stroke-width:3}
.st-label{fill:rgba(225,224,225,.4);font:500 30px BarlowCondensedLocal,"Arial Narrow",sans-serif;letter-spacing:3px}
.st-arc{stroke:rgba(225,224,225,.62);stroke-width:3}
.st-axis{stroke:rgba(225,224,225,.5);stroke-width:2.5;stroke-dasharray:60 14 6 14}
.st-tick{stroke:rgba(225,224,225,.7);stroke-width:3}
.st-hit{stroke:#DD2C4E;stroke-width:4}
.st-ring{stroke:rgba(225,224,225,.45);stroke-width:2.5}
.st-ring.small{stroke:rgba(225,224,225,.35)}
.st-ext{stroke:rgba(225,224,225,.3);stroke-width:2}
.st-dim{stroke:rgba(225,224,225,.6);stroke-width:2.5}
.st-slash{stroke:rgba(225,224,225,.85);stroke-width:6}
.st-num{fill:rgba(225,224,225,.78);font:500 40px BarlowCondensedLocal,"Arial Narrow",sans-serif;letter-spacing:2px}
.st-crop{stroke:rgba(225,224,225,.55);stroke-width:3}
.st-reg circle,.st-reg path{fill:none;stroke:rgba(225,224,225,.55);stroke-width:3}
.st-leader{stroke:rgba(225,224,225,.5);stroke-width:2.5}
.st-cutline{fill:none;stroke:#DD2C4E;stroke-width:7;stroke-linejoin:round;stroke-linecap:round}
.st-mark-text{fill:#F8F7F7;font-family:Juana,serif;font-variant-ligatures:normal;font-feature-settings:normal}
.st-mark-text.outline{fill:none;stroke:rgba(248,247,247,.85);stroke-width:3}
.st-mark-text.red{fill:#DD2C4E}
.st-mark-text.teal{fill:#1A9FA6}
.st-gantry{opacity:0}
.st-portal{stroke:rgba(225,224,225,.2);stroke-width:2}
.st-readout{fill:rgba(225,224,225,.85);font:500 34px BarlowCondensedLocal,"Arial Narrow",sans-serif;letter-spacing:2px}
.st-bit circle{transform:scale(var(--bs,0));transform-box:fill-box;transform-origin:center}
.st-bit-glow{fill:#DD2C4E;opacity:.28}
.st-bit-ring{fill:none;stroke:#F8F7F7;stroke-width:5}
.st-bit-dot{fill:#F8F7F7}
.st-chip{fill:#F8F7F7}
.st-chip.red{fill:#DD2C4E}
.st-gate{display:none}
/* profIT-Logo-Intro (brand.js): Raute + „profIT" in Archivo Black wie das Logo oben links */
.pb-tri path{fill:none;stroke:rgba(241,238,229,.6);stroke-linejoin:miter}
.pb-text{font-family:ArchivoLocal,Impact,sans-serif;font-weight:900}
.pb-line .pb-text{fill:none;stroke:rgba(241,238,229,.85);stroke-width:4}
.pb-red .chev,.pb-teal .chev,.pb-final .chev{fill:none;stroke-linejoin:miter}
.pb-red .chev{stroke:#ef315f}
.pb-red .pb-text{fill:#ef315f}
.pb-teal .chev{stroke:#1A9FA6}
.pb-teal .pb-text{fill:#1A9FA6}
.pb-final .chev{stroke:#f1eee5}
.pb-final .pb-text{fill:#f1eee5}
.pb-final .it,.pb-bar{fill:#ef315f}
.st-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

/* ---------- Kalender im Studien-Layout (DOM + Logik der Startseite, nur neu gesetzt) ----------
   Maße in Bühnen-Einheiten 3840×2160 wie die Studie: Raster x 105, y 640, KW-Spalte 260, Tag 418;
   helle Detailspalte ab x 2506. Eigene Symbole (SVG). */
.m2-on #kalender{overflow:hidden;
  --cal-ev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 4 96 50 50 96 4 50Z' fill='%23E3C400' stroke='%23101014' stroke-width='6' stroke-linejoin='round'/%3E%3Cpath d='M43 22h14l-3 39h-8z' fill='%23101014'/%3E%3Ccircle cx='50' cy='73' r='7.5' fill='%23101014'/%3E%3C/svg%3E");
  --cal-pa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='%232F9C90' stroke='%23101014' stroke-width='6'/%3E%3Cpath d='M36 42 45 24M64 42 55 24' stroke='%23101014' stroke-width='7' stroke-linecap='round' fill='none'/%3E%3Cpath d='M20 40h60l-8 33H28z' fill='%23101014'/%3E%3Cpath d='M39 48v18M50 48v18M61 48v18' stroke='%232F9C90' stroke-width='5'/%3E%3C/svg%3E")}
/* helle Detailspalte über die volle Bildschirmhöhe */
.m2-on #kalender::before{content:"";position:absolute;top:0;bottom:0;right:0;left:calc(2494 * var(--u));
  border-left:calc(16 * var(--u)) solid #f2ede4;background:#dddcd9;
  background-image:radial-gradient(120% 60% at 30% 20%,rgba(255,255,255,.55),transparent 60%),radial-gradient(90% 50% at 80% 90%,rgba(0,0,0,.08),transparent 70%)}
/* ohne transform/translate: sonst eigene Ebene und die Wortmarke könnte nicht mit der hellen Spalte mischen */
.m2-on #kalender .cal-wrap{position:absolute;left:0;right:0;top:50%;height:calc(2160 * var(--u));min-height:0;
  margin-top:calc(-1080 * var(--u));display:block;padding:0}
.m2-on #calBack{display:none}
/* Wortmarke über die ganze Breite; „difference" macht sie auf der hellen Spalte dunkel */
.m2-on #kalender .cal-title{position:absolute;left:calc(30 * var(--u));top:calc(18 * var(--u));width:calc(3780 * var(--u));
  z-index:1;mix-blend-mode:difference;pointer-events:none}
.m2-on #kalender .cal-sub{position:absolute;left:0;top:calc(282 * var(--u));z-index:2;
  padding:calc(10 * var(--u)) calc(60 * var(--u)) calc(10 * var(--u)) calc(110 * var(--u));
  background:#f2ede4;color:#55565a;font:600 calc(64 * var(--u))/1 var(--serif,serif);
  clip-path:polygon(0 0,100% 6%,97% 100%,0 92%)}
/* Monatszeile: ◀ Monat: 10 ▶ Oktober 2026 */
.m2-on #kalender .cal-month{position:absolute;left:calc(105 * var(--u));top:calc(400 * var(--u));
  align-items:center;gap:calc(34 * var(--u))}
.m2-on #kalender .cal-mon-label{font:600 calc(96 * var(--u))/1 var(--serif,serif);letter-spacing:0;text-transform:none;color:#f2ede4}
.m2-on #kalender .cal-digit{height:calc(140 * var(--u))}
.m2-on #kalender .cal-mon-name{font:600 calc(72 * var(--u))/1 var(--serif,serif);letter-spacing:0;text-transform:none;color:#e3c400}
.m2-on #kalender .cal-nav{width:calc(110 * var(--u));height:calc(110 * var(--u));border:calc(4 * var(--u)) solid rgba(242,237,228,.7);
  font:700 calc(46 * var(--u))/1 var(--condensed,sans-serif)}
/* Kopfzeile + Raster: eine Spaltenteilung (KW 256 + 5 × 414, Fuge 4) */
.m2-on #kalender .cal-main{display:block}
.m2-on #kalender .cal-left{position:absolute;left:calc(105 * var(--u));top:calc(548 * var(--u));width:calc(2350 * var(--u))}
.m2-on #kalender .cal-weekdays,.m2-on #kalender .cal-days{
  grid-template-columns:calc(256 * var(--u)) repeat(5,calc(414 * var(--u)));gap:calc(4 * var(--u))}
.m2-on #kalender .cal-weekdays{margin:0;border:0;height:calc(92 * var(--u))}
.m2-on #kalender .cal-weekdays span{padding:0 0 0 calc(20 * var(--u));font:600 calc(62 * var(--u))/1 var(--serif,serif);
  letter-spacing:0;text-transform:none;color:#f2ede4}
.m2-on #kalender .cal-weekdays .kw{color:#d6218f}
.m2-on #kalender .cal-weekdays span.today{color:#e3c400}
.m2-on #kalender .cal-days{border:0;grid-auto-rows:min(calc(246 * var(--u) - 4 * var(--u)),calc(1320 * var(--u) / var(--rows,5) - 4 * var(--u)))}
.m2-on #kalender .cal-week,.m2-on #kalender .cal-day{border:0;min-height:0;padding:0 calc(22 * var(--u)) calc(14 * var(--u)) 0;
  background:rgba(255,255,255,.028);box-shadow:inset 0 0 0 calc(3 * var(--u)) rgba(242,237,228,.15)}
.m2-on #kalender .cal-week{font:900 calc(150 * var(--u))/.85 var(--serif,serif);color:#d6218f}
.m2-on #kalender .cal-day{font:900 calc(222 * var(--u))/.85 var(--serif,serif);color:#f2ede4}
.m2-on #kalender .cal-day.past{color:rgba(242,237,228,.4)}
.m2-on #kalender .cal-day.empty{background:none;box-shadow:none}
.m2-on #kalender .cal-day:hover{background:rgba(242,237,228,.08)}
.m2-on #kalender .cal-day.has-patch{background:rgba(47,156,144,.16)}
.m2-on #kalender .cal-day.today{color:#e3c400;z-index:3}
.m2-on #kalender .cal-day.today .dnum{border:0}
/* HEUTE-Fahne sitzt auf der Oberkante der Zelle */
.m2-on #kalender .cal-day.today::before{top:calc(-44 * var(--u));left:calc(26 * var(--u));opacity:1;
  padding:calc(6 * var(--u)) calc(22 * var(--u));background:#0d0e11;color:#e3c400;
  font:600 calc(42 * var(--u))/1 var(--serif,serif);letter-spacing:.06em}
/* Auswahl: dicker weißer Rahmen, etwas größer als die Zelle */
.m2-on #kalender .cal-day.sel{z-index:2;box-shadow:0 0 0 calc(10 * var(--u)) #f2ede4,inset 0 0 0 calc(3 * var(--u)) rgba(242,237,228,.15)}
.m2-on #kalender .cal-day.today.sel{z-index:3}
.m2-on #kalender .cal-day .dot{display:none}
.m2-on #kalender .cal-day .mks{display:flex;position:absolute;top:calc(16 * var(--u));left:calc(16 * var(--u));gap:calc(10 * var(--u))}
.m2-on #kalender .mk{display:block;width:calc(104 * var(--u));height:calc(104 * var(--u));background:var(--cal-ev) center/contain no-repeat}
.m2-on #kalender .mk.pa{background-image:var(--cal-pa)}
/* Tasten-Hinweise stehen schon in der Leiste unten rechts → hier nicht doppelt */
.m2-on #kalender .cal-hints{display:none}
/* Detailspalte: Datum groß, schwarze Schräg-Balken Events / Patch, Liste dunkel auf hell */
.m2-on #kalender .cal-side{position:absolute;left:calc(2510 * var(--u));right:0;top:0;bottom:0;z-index:2;
  border:0;padding:calc(330 * var(--u)) calc(110 * var(--u)) calc(190 * var(--u)) 0;gap:0;overflow-y:auto;color:#161616}
.m2-on #kalender .cal-date{margin:0 0 calc(60 * var(--u)) calc(54 * var(--u));gap:calc(40 * var(--u))}
.m2-on #kalender .cal-date .big{font:900 calc(176 * var(--u))/1 var(--serif,serif);letter-spacing:-.02em;color:#161616}
.m2-on #kalender .cal-date .tag{font:600 calc(84 * var(--u))/1 var(--serif,serif);color:#161616}
.m2-on #kalender .cal-block{min-height:calc(560 * var(--u))}
.m2-on #kalender .cal-block + .cal-block{min-height:calc(430 * var(--u))}
.m2-on #kalender .cal-block h3{width:calc(1090 * var(--u));height:calc(124 * var(--u));margin:0 0 calc(44 * var(--u));
  padding:0 calc(40 * var(--u)) 0 calc(30 * var(--u));gap:calc(30 * var(--u));background:#111;color:#f2ede4;
  font:600 calc(76 * var(--u))/1 var(--serif,serif);letter-spacing:0;text-transform:none;
  clip-path:polygon(0 4%,100% 0,96% 100%,0 96%)}
.m2-on #kalender .cal-ico{width:calc(96 * var(--u));height:calc(96 * var(--u));border-radius:0;font-size:0;
  background:var(--cal-ev) center/contain no-repeat}
.m2-on #kalender .cal-ico.pa{background-image:var(--cal-pa)}
/* Edit-Mode: Blöcke auf Inhalt schrumpfen, damit das Formular über der Tasten-Leiste bleibt */
.m2-on #kalender .cal-side:has(.cal-edit:not([hidden])) .cal-block{min-height:0;margin-bottom:calc(40 * var(--u))}
.m2-on #kalender .cal-block ul{padding-left:calc(110 * var(--u));max-width:calc(1110 * var(--u))}
.m2-on #kalender .cal-block li{padding:calc(14 * var(--u)) calc(10 * var(--u));border-bottom:calc(3 * var(--u)) solid rgba(0,0,0,.16);
  font:500 calc(62 * var(--u))/1.3 var(--serif,serif);color:#1b1b1b}
.m2-on #kalender .cal-block .empty{color:rgba(22,22,22,.45);border-bottom-style:dashed}
.m2-on #kalender .cal-block li .del{color:#b5121b;font-size:calc(60 * var(--u))}
.m2-on #kalender .cal-editbar{margin:auto 0 0 calc(110 * var(--u));gap:calc(30 * var(--u))}
.m2-on #kalender .cal-side .cal-nav,.m2-on #kalender .cal-edit button{width:auto;height:auto;
  padding:calc(18 * var(--u)) calc(36 * var(--u));border:calc(4 * var(--u)) solid #161616;background:transparent;color:#161616;
  font:700 calc(42 * var(--u))/1 var(--condensed,sans-serif);letter-spacing:.08em;text-transform:uppercase}
.m2-on #kalender .cal-side .cal-nav:hover,.m2-on #kalender .cal-edit button:hover{background:#161616;color:#e3c400}
.m2-on #kalender .cal-editbar .state{font:700 calc(34 * var(--u))/1 var(--condensed,sans-serif);color:rgba(22,22,22,.55)}
.m2-on #kalender .cal-editbar .state.on{color:#8a6f00}
.m2-on #kalender .cal-edit{margin:calc(30 * var(--u)) 0 0 calc(110 * var(--u));gap:calc(18 * var(--u));padding:calc(28 * var(--u));
  max-width:calc(1110 * var(--u));
  border:calc(4 * var(--u)) dashed rgba(22,22,22,.45)}
.m2-on #kalender .cal-edit input{background:#f4f3f0;border:calc(3 * var(--u)) solid #161616;color:#161616;
  padding:calc(16 * var(--u)) calc(20 * var(--u));font:500 calc(46 * var(--u))/1 var(--sans,sans-serif)}

/* ---------- Impressum im Studien-Layout ---------- */
.m2-imp{background:rgba(11,12,14,.97);overflow:hidden}
.m2-imp::before{content:"";position:absolute;left:0;top:50%;width:var(--sw);aspect-ratio:16/9;translate:0 -50%;pointer-events:none}
.m2-imp-head{position:absolute;left:0;right:34%;bottom:calc(-70 * var(--u));pointer-events:none;
  font:900 calc(520 * var(--u))/0.8 var(--serif,serif);letter-spacing:-.02em;color:#f2ede4;white-space:nowrap;
  overflow:hidden;opacity:.94}
.m2-imp-q{position:absolute;left:0;top:calc(94 * var(--u));padding:calc(10 * var(--u)) calc(60 * var(--u)) calc(10 * var(--u)) calc(110 * var(--u));
  background:#f2ede4;color:#55565a;font:600 calc(70 * var(--u))/1 var(--serif,serif);
  clip-path:polygon(0 0,100% 6%,97% 100%,0 92%)}
.m2-imp-list{position:absolute;inset:0;pointer-events:none}
.m2-imp-row{position:absolute;width:calc(1400 * var(--u));height:calc(150 * var(--u));pointer-events:auto;
  border:0;background:none;padding:0;cursor:pointer;color:#f2ede4;text-align:left}
.m2-imp-row::after{content:"";position:absolute;left:0;top:calc(30 * var(--u));width:100%;height:calc(4 * var(--u));background:#f2ede4}
.m2-imp-row.sel::after{height:calc(16 * var(--u))}
.m2-imp-row span{position:absolute;left:calc(110 * var(--u));top:calc(-117 * var(--u));white-space:nowrap;
  font:600 calc(88 * var(--u))/1 var(--serif,serif)}
.m2-imp-row .rune{position:absolute;left:calc(14 * var(--u));top:calc(-100 * var(--u));width:calc(46 * var(--u));height:calc(46 * var(--u));
  border:calc(5 * var(--u)) solid #f2ede4;rotate:45deg}
/* gewählte Zeile: eigener Startseiten-Pinselstrich (frame-3) in Grün dahinter */
.m2-imp-row::before{content:"";position:absolute;left:calc(-40 * var(--u));top:calc(-170 * var(--u));width:calc(1300 * var(--u));height:calc(170 * var(--u));
  background:var(--acc,#1B9C5B);opacity:0;-webkit-mask:url('../brush/frame-3.png') 0 0/100% 100% no-repeat;mask:url('../brush/frame-3.png') 0 0/100% 100% no-repeat}
.m2-imp-row.sel::before{opacity:.95}
.m2-imp-row.sel span{color:#101014}
.m2-imp-row.sel .rune{border-color:#101014;background:#101014}
.m2-imp-row:focus,.m2-imp-row:focus-visible{outline:none}
.m2-imp-side{position:absolute;top:0;bottom:0;right:0;width:34%;padding:calc(330 * var(--u)) calc(110 * var(--u)) 0;
  background:#dddcd9;color:#161616;border-left:calc(16 * var(--u)) solid #f2ede4;
  background-image:radial-gradient(120% 60% at 30% 20%,rgba(255,255,255,.55),transparent 60%),radial-gradient(90% 50% at 80% 90%,rgba(0,0,0,.08),transparent 70%)}
.m2-imp-title{margin:0 0 calc(50 * var(--u));font:600 calc(96 * var(--u))/1.05 var(--serif,serif)}
.m2-imp-text{white-space:pre-line;font:500 calc(56 * var(--u))/1.35 var(--serif,serif);color:#1b1b1b}
/* Datenschutz-Volltext: kleiner, scrollt in der Spalte, endet über der Tasten-Leiste */
.m2-imp-text.long{white-space:normal;max-height:calc(1240 * var(--u));overflow-y:auto;padding-right:calc(30 * var(--u));
  font-size:calc(42 * var(--u));line-height:1.4;scrollbar-width:thin;scrollbar-color:#161616 transparent}
.m2-imp-text.long p{margin:0 0 calc(18 * var(--u));white-space:pre-line}
.m2-imp-text.long .m2-imp-stand{color:rgba(22,22,22,.6)}
.m2-imp-sh{margin:calc(34 * var(--u)) 0 calc(10 * var(--u));font:700 calc(48 * var(--u))/1.15 var(--serif,serif);color:#111}
.m2-imp-act{display:flex;gap:calc(30 * var(--u));flex-wrap:wrap;align-items:center;margin-top:calc(70 * var(--u))}
.m2-imp-btn{border:0;cursor:pointer;background:#111;color:#f2ede4;padding:calc(18 * var(--u)) calc(40 * var(--u));
  font:700 calc(48 * var(--u))/1 var(--condensed,sans-serif);letter-spacing:.06em;clip-path:polygon(0 8%,100% 0,97% 100%,1% 92%)}
.m2-imp-btn:hover{background:#1B9C5B}
.m2-imp-link{color:#161616;font:600 calc(44 * var(--u))/1 var(--condensed,sans-serif);letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid currentColor}