:root{
  color-scheme:dark;
  --bg:#080b08;
  --bg-soft:#101610;
  --panel:#111812;
  --panel-2:#151f18;
  --line:rgba(183,255,37,.17);
  --line-bright:#8dbb58;
  --lime:#b7ff25;
  --lime-soft:#9ad746;
  --green:#c5f45a;
  --white:#f4f1e8;
  --muted:#b0b4a8;
  --dim:#788174;
  --purple:#e5a264;
  --amber:#e5a264;
  --max:1240px;
}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{background:transparent;color:var(--white);font-family:var(--sans);font-size:16px;line-height:1.65}
::selection{background:var(--lime);color:#0a0d08}
a{color:inherit}
button{font:inherit}

/* A compact, street-guide masthead with real desktop navigation. */
.site-header{
  position:sticky;top:0;z-index:50;height:78px;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:26px;
  padding:0 max(28px,calc((100vw - 1360px)/2));
  background:rgba(7,10,8,.84);border-bottom:1px solid rgba(183,255,37,.2);
  box-shadow:0 8px 32px rgba(0,0,0,.18);backdrop-filter:blur(18px) saturate(1.15);
}
.brand{gap:12px;letter-spacing:.04em}
.brand-mark{width:42px;height:42px;border:1px solid rgba(183,255,37,.76);border-radius:13px;background:linear-gradient(145deg,rgba(183,255,37,.14),rgba(183,255,37,.025));color:var(--lime);font-size:12px;box-shadow:0 0 24px rgba(183,255,37,.12);}
.brand-mark:after{inset:-5px;border:1px solid rgba(183,255,37,.19);border-radius:17px;transform:rotate(8deg)}
.brand-copy strong{font-size:10px;letter-spacing:.14em;color:#f4f1e8}
.brand-copy small{font-size:8px;letter-spacing:.18em;color:var(--lime);margin-top:5px}
.desktop-nav{display:flex;justify-content:center;align-items:center;gap:clamp(14px,2.5vw,36px)}
.desktop-nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 2px;color:#bdc5b7;font:500 9px var(--mono);letter-spacing:.12em;white-space:nowrap;transition:color .2s ease}
.desktop-nav a span{color:var(--lime);font-size:8px;opacity:.8}
.desktop-nav a:hover{color:var(--lime)}
.header-right{gap:14px}
.languages{padding:4px;border:1px solid rgba(183,255,37,.3);border-radius:999px;background:rgba(183,255,37,.035)}
.language{width:31px;height:29px;color:#aeb8a9;font-size:9px;transition:background .2s ease,color .2s ease,box-shadow .2s ease}
.language.is-active{background:var(--lime);color:#0b1008;box-shadow:0 0 17px rgba(183,255,37,.24)}
.menu-toggle{border-color:rgba(183,255,37,.42);border-radius:10px;background:rgba(183,255,37,.055)}
.mobile-menu{top:100%;padding:12px 22px 20px;background:rgba(8,12,9,.97);border-bottom:1px solid rgba(183,255,37,.26);box-shadow:0 18px 40px rgba(0,0,0,.42);backdrop-filter:blur(18px)}
.mobile-menu a{padding:15px 3px;border-bottom:1px solid rgba(183,255,37,.12);color:#e0e5da;font-size:14px}
.mobile-menu a:hover{color:var(--lime)}

/* Asymmetric editorial hero. The photo cycle and supplied logo remain intact. */
.hero{
  height:auto;min-height:760px;max-height:none;position:relative;isolation:isolate;overflow:hidden;
  display:grid;place-items:center;padding:82px max(28px,calc((100vw - 1240px)/2)) 105px;
  text-align:left;
  background:linear-gradient(90deg,rgba(6,9,7,.91) 0%,rgba(6,9,7,.79) 41%,rgba(6,9,7,.36) 100%),linear-gradient(180deg,rgba(8,11,8,.12),rgba(8,11,8,.72));
}
.hero:before{background-size:100px 100px;opacity:.34;mask-image:linear-gradient(180deg,transparent 0%,#000 22%,transparent 96%)}
.hero:after{height:230px;background:linear-gradient(0deg,#080b08 0%,rgba(8,11,8,.82) 22%,transparent 100%)}
.hero-noise{opacity:.045}
.hero-gridline{left:53%;height:34%;background:linear-gradient(180deg,rgba(229,162,100,.75),rgba(183,255,37,.12),transparent)}
.hero-copy{
  width:min(100%,1240px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
  grid-template-areas:"eyebrow logo" "byline logo" "lede logo" "sub logo" "social logo";
  gap:0 clamp(28px,4.4vw,68px);align-items:center;justify-items:start;text-align:left;
}
.hero-copy>.eyebrow{grid-area:eyebrow;align-self:end;margin:0 0 17px;padding:8px 12px;border:1px solid rgba(183,255,37,.23);border-radius:999px;background:rgba(11,16,12,.52);font-size:9px;letter-spacing:.16em}
.pulse-dot{background:var(--lime);box-shadow:0 0 12px var(--lime)}
.hero-copy>h1.hero-logo{
  grid-area:logo;justify-self:end;align-self:center;width:min(100%,510px);aspect-ratio:1.45/1;
  margin:0;display:block;overflow:hidden;border:1px solid rgba(183,255,37,.18);border-radius:25px;
  background:radial-gradient(ellipse at 50% 58%,rgba(183,255,37,.075),transparent 62%);
  box-shadow:0 25px 80px rgba(0,0,0,.36),0 0 44px rgba(183,255,37,.06);
  font-size:0;line-height:0;letter-spacing:0;text-shadow:none;
}
.hero-copy>h1.hero-logo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;mix-blend-mode:screen;filter:saturate(1.06) drop-shadow(0 10px 26px rgba(183,255,37,.08))}
.byline{grid-area:byline;justify-self:start;margin:0 0 17px;padding:0;color:var(--amber);font-size:10px;letter-spacing:.32em;text-shadow:0 0 18px rgba(229,162,100,.2)}
.hero-lede{grid-area:lede;max-width:650px;margin:0 0 17px;color:#fbf6eb;font-size:clamp(38px,4.6vw,62px);font-weight:600;line-height:.99;letter-spacing:-.055em;text-wrap:balance}
.hero-sub{grid-area:sub;max-width:560px;margin:0 0 24px;color:#c1c3b8;font-size:14px;line-height:1.72}
.hero .social-row{grid-area:social;justify-self:start;width:min(100%,460px);grid-template-columns:1fr;gap:10px;margin:0}
.hero .social-button,.article-aside .social-button,.legal-section .social-button{
  --contact-rgb:183,255,37;--contact-color:var(--lime);
  position:relative;isolation:isolate;display:flex;align-items:center;gap:15px;
  width:100%;height:auto;min-height:72px;padding:12px 17px;overflow:hidden;
  border:1px solid rgba(183,255,37,.25);border-radius:14px;
  background:linear-gradient(105deg,rgba(13,19,14,.94),rgba(8,12,9,.85));
  box-shadow:inset 3px 0 0 var(--contact-color),0 8px 26px rgba(0,0,0,.25);
  color:var(--white);text-decoration:none;backdrop-filter:blur(12px);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.hero .social-button.telegram,.article-aside .social-button.telegram,.legal-section .social-button.telegram{--contact-rgb:59,178,235;--contact-color:#55c0f2}
.hero .social-button.whatsapp,.article-aside .social-button.whatsapp,.legal-section .social-button.whatsapp{--contact-rgb:56,218,112;--contact-color:#53e27e}
.hero .social-button.signal,.article-aside .social-button.signal,.legal-section .social-button.signal{--contact-rgb:145,128,255;--contact-color:#aa9bff}
.hero .social-button:before,.article-aside .social-button:before,.legal-section .social-button:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(100deg,rgba(var(--contact-rgb),.12),transparent 64%);opacity:.8}
.hero .social-button>*,.article-aside .social-button>*,.legal-section .social-button>*{position:relative;z-index:1}
.hero .social-icon,.article-aside .social-icon,.legal-section .social-icon{flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(var(--contact-rgb),.4);border-radius:13px;background:rgba(var(--contact-rgb),.12);color:var(--contact-color);font-size:18px;box-shadow:0 0 20px rgba(var(--contact-rgb),.08)}
.hero .social-button strong,.article-aside .social-button strong,.legal-section .social-button strong{font-size:14px;line-height:1.2;letter-spacing:.02em;color:#f5f4ed}
.hero .social-button small,.article-aside .social-button small,.legal-section .social-button small{margin-top:4px;font-size:8px;letter-spacing:.15em;color:#c4c9bc;opacity:.9}
.hero .social-arrow,.article-aside .social-arrow,.legal-section .social-arrow{display:block;color:var(--lime);font-size:18px;transition:transform .22s ease}
.hero .social-button:hover,.article-aside .social-button:hover,.legal-section .social-button:hover{transform:translateY(-2px);border-color:rgba(183,255,37,.63);box-shadow:inset 3px 0 0 var(--contact-color),0 13px 32px rgba(0,0,0,.38),0 0 20px rgba(183,255,37,.08)}
.hero .social-button:hover .social-arrow,.article-aside .social-button:hover .social-arrow,.legal-section .social-button:hover .social-arrow{transform:translate(2px,-2px)}
.hero .social-button:focus-visible,.article-aside .social-button:focus-visible,.legal-section .social-button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.hero-scroll,.hero-side-stamp{display:none!important}

/* Guide discovery: one feature card and a looser editorial card grid. */
.ticker{height:54px;gap:0;border-top:1px solid rgba(183,255,37,.2);border-bottom:1px solid rgba(183,255,37,.16);background:rgba(11,16,12,.68);color:var(--lime);font-size:21px;letter-spacing:.035em}
.ticker span{animation-duration:32s}
.section-shell{max-width:var(--max);padding-left:clamp(20px,4vw,54px);padding-right:clamp(20px,4vw,54px)}
.topic-section{padding-top:98px;padding-bottom:112px}
.section-heading{align-items:flex-end;gap:34px;margin-bottom:34px}
.section-kicker{margin:0 0 13px;color:var(--lime);font-size:9px;letter-spacing:.2em}
.section-heading h2,.responsible-copy h2{font-size:clamp(34px,4.8vw,58px);font-weight:600;line-height:1.02;letter-spacing:-.055em;color:#f3f0e6}
.section-intro{max-width:680px;margin:16px 0 0;color:#b2b7aa;font-size:15px;line-height:1.72}
.outline-link{display:inline-flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid rgba(183,255,37,.32);border-radius:999px;background:rgba(183,255,37,.045);color:#e3e9dc;font-size:9px;letter-spacing:.12em;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.outline-link:hover{transform:translateY(-2px);border-color:var(--lime);background:rgba(183,255,37,.1);color:var(--lime)}
.topic-grid,.archive-guides,.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;border:0}
.topic-card,.archive-grid .topic-card,.related-grid .topic-card{
  position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;
  min-height:242px;padding:29px 30px 26px;overflow:hidden;
  border:1px solid rgba(183,255,37,.14);border-radius:20px;
  background:linear-gradient(140deg,rgba(17,24,18,.93),rgba(8,12,9,.82));
  box-shadow:0 15px 42px rgba(0,0,0,.19);transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease;
}
.topic-card:after{content:"";position:absolute;z-index:-1;right:-72px;top:-87px;width:230px;height:230px;border:1px solid rgba(183,255,37,.13);border-radius:50%;box-shadow:0 0 0 20px rgba(183,255,37,.018),0 0 0 46px rgba(183,255,37,.012);transition:transform .35s ease,border-color .25s ease}
.topic-card:hover,.archive-grid .topic-card:hover,.related-grid .topic-card:hover{transform:translateY(-4px);border-color:rgba(183,255,37,.5);background:linear-gradient(140deg,rgba(24,35,24,.96),rgba(9,13,10,.92));box-shadow:0 22px 50px rgba(0,0,0,.34),0 0 28px rgba(183,255,37,.045);z-index:2}
.topic-card:hover:after{transform:scale(1.08);border-color:rgba(183,255,37,.25)}
.card-number{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(183,255,37,.19);border-radius:999px;background:rgba(183,255,37,.045);color:var(--lime);font:500 8px var(--mono);letter-spacing:.15em}
.card-number i{color:var(--amber)}
.topic-card h3{position:relative;z-index:1;margin:28px 0 10px;color:#f4f1e8;font-size:clamp(23px,2.7vw,31px);line-height:1.08;letter-spacing:-.04em}
.topic-card p{position:relative;z-index:1;max-width:420px;margin:0 0 22px;color:#afb7aa;font-size:13px;line-height:1.65}
.read-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:#e3e9dc;font:500 8px var(--mono);letter-spacing:.15em}
.read-link b{color:var(--lime);font-size:16px;transition:transform .2s ease}
.topic-card:hover .read-link b{transform:translateX(4px)}
.topic-grid>.topic-card:first-child{grid-row:span 2;min-height:500px;justify-content:flex-end;padding:38px}
.topic-grid>.topic-card:first-child h3{font-size:clamp(34px,4vw,48px);max-width:440px}
.topic-grid>.topic-card:first-child:before{content:"BERLIN / FIELD NOTES";position:absolute;top:30px;left:31px;color:rgba(183,255,37,.7);font:500 8px var(--mono);letter-spacing:.2em}
.related-grid .topic-card{min-height:220px}
.archive-page{padding-top:44px}
.archive-heading{max-width:none;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:8px 54px;align-items:end;padding:62px 0 42px}
.archive-heading .section-kicker{grid-column:1/-1}
.archive-heading h1{grid-column:1;max-width:760px;color:#f4f1e8;font-size:clamp(54px,8vw,100px);line-height:.92;letter-spacing:-.075em}
.archive-heading .article-deck{grid-column:2;grid-row:2/4;align-self:end;margin:0 0 4px}
.archive-grid{gap:15px;padding-bottom:94px}
.archive-guides{grid-template-columns:repeat(2,minmax(0,1fr))}
.archive-neighbours{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.archive-grid .topic-card{min-height:245px}

/* Neighbourhoods become tactile wayfinding panels rather than plain list rows. */
.neighbourhood-section{padding:102px 0 94px;border-top:1px solid rgba(183,255,37,.15);border-bottom:1px solid rgba(183,255,37,.15);background:linear-gradient(135deg,rgba(13,20,14,.91),rgba(8,12,9,.76))}
.neighbourhood-section .section-heading{margin-bottom:36px}
.neighbour-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.neighbour-card{min-height:300px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:12px;padding:24px;border:1px solid rgba(183,255,37,.17);border-radius:19px;background:linear-gradient(145deg,rgba(20,29,21,.92),rgba(8,12,9,.89));box-shadow:0 15px 36px rgba(0,0,0,.2);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.neighbour-card:hover{transform:translateY(-5px);border-color:rgba(183,255,37,.54);box-shadow:0 24px 45px rgba(0,0,0,.35),0 0 22px rgba(183,255,37,.05)}
.neighbour-card:after{right:-46px;top:auto;bottom:105px;width:175px;height:175px;border-color:rgba(183,255,37,.16);box-shadow:0 0 0 18px rgba(183,255,37,.025),0 0 0 38px rgba(183,255,37,.016)}
.art-kreuzberg:after{border-color:rgba(229,162,100,.28)}
.art-friedrichshain:after{border-color:rgba(183,255,37,.23)}
.art-neukolln:after{border-color:rgba(48,177,150,.27)}
.neighbour-count{position:absolute;top:22px;left:24px;padding:7px 9px;border:1px solid rgba(183,255,37,.24);border-radius:999px;background:rgba(7,10,8,.36);color:var(--lime);font-size:8px}
.neighbour-mark{position:absolute;top:20px;right:20px;width:66px;height:66px;border:1px solid rgba(183,255,37,.43);border-radius:19px;background:rgba(183,255,37,.06);font-size:22px;box-shadow:0 0 30px rgba(183,255,37,.06)}
.art-kreuzberg .neighbour-mark{color:#f0b579;border-color:rgba(229,162,100,.5)}
.art-friedrichshain .neighbour-mark{color:var(--lime);border-radius:19px}
.art-neukolln .neighbour-mark{color:#82ddbd;border-color:rgba(48,177,150,.47)}
.neighbour-copy{z-index:1}
.neighbour-copy h3{margin:0 0 9px;color:#f5f2e9;font-size:27px;letter-spacing:-.045em}
.neighbour-copy p{max-width:280px;color:#b6bbaf;font-size:12px;line-height:1.62}
.card-arrow{z-index:1;position:absolute;right:23px;bottom:26px;color:var(--lime);font-size:18px}
.neighbour-note{margin-top:28px;padding-top:18px;border-top:1px solid rgba(183,255,37,.16);color:#b7b9ac}
.neighbour-note span{color:var(--amber);font-size:8px;letter-spacing:.17em}
.neighbour-note p{font-size:12px;line-height:1.65}

/* Responsible information and long-form reading surfaces. */
.responsible-section{padding:104px clamp(20px,4vw,54px) 112px;background:linear-gradient(180deg,transparent,rgba(8,11,8,.76))}
.responsible-inner{max-width:var(--max);grid-template-columns:190px minmax(0,1fr);gap:clamp(34px,6vw,80px);padding:clamp(30px,5vw,58px);border:1px solid rgba(183,255,37,.23);border-radius:26px;background:linear-gradient(135deg,rgba(17,25,18,.94),rgba(8,12,9,.91));box-shadow:0 26px 90px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.025)}
.responsible-stamp{width:158px;height:158px;border:1px solid rgba(229,162,100,.55);border-radius:50%;color:var(--amber);background:radial-gradient(circle,rgba(229,162,100,.08),transparent 70%);box-shadow:0 0 40px rgba(229,162,100,.07)}
.responsible-stamp:before{border-color:rgba(229,162,100,.25)}
.responsible-stamp:after{border-color:rgba(183,255,37,.16)}
.responsible-stamp span{font-size:61px}
.responsible-stamp small{font-size:7px;letter-spacing:.16em}
.responsible-copy h2{max-width:760px}
.responsible-copy>p:not(.section-kicker){max-width:790px;color:#b6bcb0;font-size:15px;line-height:1.75;margin:20px 0 25px}
.responsible-copy ul{border-top-color:rgba(183,255,37,.17)}
.responsible-copy li{padding:14px 0;border-bottom-color:rgba(183,255,37,.13);color:#e0e4d9;font-size:13px}
.responsible-copy li span{color:var(--amber);font-size:9px}
.official-link{border-radius:999px;padding:13px 18px;background:var(--lime);color:#11150c;font-size:9px;letter-spacing:.13em;box-shadow:0 8px 24px rgba(183,255,37,.12)}
.official-link:hover{background:#d0ff78}
.article-page,.archive-page{max-width:var(--max);padding:42px clamp(20px,4vw,54px) 0}
.article-topline{padding:0 0 16px;border-bottom:1px solid rgba(183,255,37,.19);color:var(--lime);font-size:8px;letter-spacing:.18em}
.article-topline a{display:inline-flex;align-items:center;gap:8px;color:#c5c9bd;transition:color .2s ease}
.article-topline a:hover{color:var(--lime)}
.article-heading{max-width:none;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(260px,.88fr);gap:9px 56px;align-items:end;padding:66px 0 40px}
.article-heading .section-kicker{grid-column:1/-1}
.article-heading h1{grid-column:1;max-width:800px;color:#f4f1e8;font-size:clamp(52px,7.5vw,94px);line-height:.92;letter-spacing:-.075em}
.article-heading .article-deck{grid-column:2;grid-row:2/4;align-self:end;margin:0 0 5px;color:#b9bdb1;font-size:17px;line-height:1.7}
.article-cover{height:clamp(300px,39vw,500px);border:1px solid rgba(183,255,37,.25);border-radius:23px;background:linear-gradient(135deg,#151c13,#090d0a 70%);box-shadow:0 22px 60px rgba(0,0,0,.3)}
.article-cover:before{background-image:linear-gradient(rgba(183,255,37,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(183,255,37,.065) 1px,transparent 1px);background-size:60px 60px;opacity:.38}
.cover-photo img{opacity:.78;filter:saturate(.82) brightness(.72)}
.cover-photo:after{background:linear-gradient(90deg,rgba(4,8,5,.25),transparent 70%),linear-gradient(0deg,rgba(4,8,5,.77),transparent 50%)}
.cover-chip{top:22px;left:22px;padding:8px 11px;border-radius:999px;border-color:rgba(183,255,37,.5);background:rgba(7,10,8,.46);backdrop-filter:blur(10px)}
.cover-caption{bottom:23px;left:24px;font-size:10px;letter-spacing:.17em}
.article-layout{grid-template-columns:minmax(0,760px) minmax(250px,300px);gap:clamp(34px,6vw,88px);padding:68px 0 92px}
.article-body{color:#c7c9be;font-size:17px;line-height:1.88}
.article-body>p{max-width:720px;margin:0 0 25px}
.article-body .article-lead{color:#f0ede3;font-size:22px;line-height:1.55}
.inline-note{gap:17px;padding:17px 20px;margin:34px 0;border-left:3px solid var(--amber);border-radius:0 14px 14px 0;background:rgba(15,22,16,.82)}
.inline-note span{color:var(--amber);font-size:30px}
.inline-note p{color:#b5baae;font-size:10px;line-height:1.5}
.official-note{grid-template-columns:36px 1fr;gap:14px;margin:40px 0;padding:24px;border:1px solid rgba(183,255,37,.22);border-radius:16px;background:rgba(13,19,14,.8)}
.note-mark{color:var(--lime);font-size:21px}
.official-note strong{color:var(--lime);font-size:9px;letter-spacing:.14em}
.official-note p{color:#b8bdb1;font-size:13px;line-height:1.7}
.official-note>a{color:var(--amber);font-size:9px;letter-spacing:.13em}
.article-aside{position:sticky;top:100px;padding:24px;border:1px solid rgba(183,255,37,.19);border-radius:19px;background:rgba(11,16,12,.82);box-shadow:0 18px 42px rgba(0,0,0,.22);backdrop-filter:blur(14px)}
.aside-index{display:inline-flex;padding:7px 10px;border:1px solid rgba(183,255,37,.21);border-radius:999px;color:var(--lime);font-size:8px;letter-spacing:.16em}
.article-aside>p{color:#b3b9ac;font-size:12px;line-height:1.65;margin:18px 0}
.aside-rule{height:1px;margin:20px 0;background:rgba(183,255,37,.17)}
.article-aside>a:not(.social-button){padding:12px 0;border-bottom:1px solid rgba(183,255,37,.12);color:#e0e5da;font-size:12px}
.article-aside>a span{color:var(--lime)}
.article-aside .social-row,.legal-section .social-row{grid-template-columns:1fr;width:100%;gap:9px;margin-top:18px}
.article-aside .social-button,.legal-section .social-button{min-height:66px;height:auto;padding:10px 12px;gap:11px;border-radius:12px}
.article-aside .social-icon,.legal-section .social-icon{flex-basis:36px;width:36px;height:36px;border-radius:11px;font-size:16px}
.article-aside .social-button strong,.legal-section .social-button strong{font-size:12px}
.article-aside .social-button small,.legal-section .social-button small{font-size:7px}
.related-section{padding:0 0 94px}
.related-grid .topic-card{min-height:220px}
.archive-page .responsible-section{margin:0 calc(-1 * clamp(20px,4vw,54px))}
.legal-body{max-width:920px;min-height:0;padding:24px 30px 18px;border:1px solid rgba(183,255,37,.18);border-radius:20px;background:rgba(11,16,12,.78);box-shadow:0 18px 44px rgba(0,0,0,.2)}
.legal-body .legal-intro{color:#e4e1d7;font-size:19px;line-height:1.7}
.legal-section{padding:25px 0;border-top-color:rgba(183,255,37,.15)}
.legal-section h2{color:#f2efe5;font-size:20px}
.legal-section p{color:#b5baae;font-size:14px;line-height:1.8}
.legal-updated{border-top-color:rgba(183,255,37,.15);padding:18px 0 4px;color:#929b8c}
.error-page{min-height:65vh;padding:90px clamp(20px,4vw,54px)}
.error-page h1{color:#f5f1e6;font-size:clamp(56px,9vw,100px)}
.error-page p:not(.section-kicker){max-width:560px;color:#b5baae}

/* A quieter footer and persistent audio control finish the guide system. */
.site-footer{padding:48px max(28px,calc((100vw - 1240px)/2)) 20px;border-top:1px solid rgba(183,255,37,.2);background:rgba(7,10,8,.92);backdrop-filter:blur(12px)}
.footer-main{gap:36px;padding-bottom:36px}
.footer-brand .brand-mark{width:38px;height:38px;border-radius:12px}
.footer-message span,.footer-bottom{color:#929b8d;font-size:8px;letter-spacing:.14em}
.footer-message span{color:var(--amber)}
.footer-message p{color:#e0e2d9;font-size:14px}
.footer-nav{gap:22px;color:#bdc4b8;font-size:9px;letter-spacing:.08em}
.footer-nav a{transition:color .2s ease}
.footer-nav a:hover{color:var(--lime)}
.footer-bottom{border-top-color:rgba(183,255,37,.14);padding-top:17px}
.music-toggle{right:22px;bottom:20px;border:1px solid rgba(183,255,37,.45);border-radius:14px;background:rgba(8,12,9,.88);color:#ebece4;padding:11px 15px;font-size:9px;box-shadow:0 12px 34px rgba(0,0,0,.4);backdrop-filter:blur(16px)}
.music-toggle:hover{border-color:var(--lime);color:var(--lime);transform:translateY(-2px)}
.music-bars i{background:var(--lime)}

@media(max-width:1000px){
  .site-header{gap:18px;padding-inline:22px}
  .desktop-nav{gap:15px}
  .desktop-nav a{font-size:8px;letter-spacing:.08em}
  .hero{min-height:700px}
  .hero-copy{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:0 28px}
  .hero-copy>h1.hero-logo{width:min(100%,450px)}
  .neighbour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .neighbour-card{min-height:250px}
  .article-layout{grid-template-columns:minmax(0,1fr) 260px;gap:34px}
}
@media(max-width:800px){
  .site-header{height:68px;grid-template-columns:auto 1fr;padding:0 20px}
  .desktop-nav{display:none}
  .header-right{justify-self:end}
  .menu-toggle{width:38px;height:38px;border:1px solid rgba(183,255,37,.36);border-radius:11px;display:flex;gap:5px}
  .menu-toggle span{width:15px;background:var(--lime)}
  .hero{min-height:0;padding:70px 28px 92px}
  .hero-copy{grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr);gap:0 20px}
  .hero-copy>.eyebrow{font-size:8px;letter-spacing:.12em}
  .hero-lede{font-size:clamp(34px,5vw,49px)}
  .hero-sub{font-size:13px}
  .section-shell{padding-left:24px;padding-right:24px}
  .topic-section{padding-top:78px;padding-bottom:82px}
  .topic-grid,.archive-guides,.related-grid{gap:12px}
  .topic-card,.archive-grid .topic-card,.related-grid .topic-card{min-height:220px;padding:24px}
  .topic-grid>.topic-card:first-child{min-height:450px;padding:30px}
  .neighbourhood-section{padding:78px 0}
  .responsible-section{padding:80px 24px}
  .responsible-inner{grid-template-columns:145px minmax(0,1fr);gap:28px;padding:30px}
  .responsible-stamp{width:130px;height:130px}
  .article-page,.archive-page{padding:34px 24px 0}
  .article-heading{gap:8px 28px;padding:50px 0 30px}
  .article-heading h1{font-size:clamp(48px,8vw,74px)}
  .article-heading .article-deck{font-size:15px}
  .article-layout{grid-template-columns:minmax(0,1fr) 235px;gap:22px}
  .article-aside{padding:19px}
  .archive-heading{gap:8px 28px;padding:50px 0 32px}
  .archive-heading h1{font-size:clamp(48px,8vw,76px)}
  .site-footer{padding-left:24px;padding-right:24px}
}
@media(max-width:620px){
  html{scroll-padding-top:78px}
  .site-header{height:64px;padding:0 16px;gap:10px}
  .brand{gap:9px}
  .brand-mark{width:34px;height:34px;border-radius:11px;font-size:10px}
  .brand-copy strong{font-size:8px;letter-spacing:.1em}
  .brand-copy small{font-size:7px;letter-spacing:.14em}
  .header-right{gap:9px}
  .languages{padding:3px;gap:1px}
  .language{width:25px;height:24px;font-size:8px}
  .menu-toggle{width:34px;height:34px;border-radius:10px}
  .mobile-menu{padding:8px 17px 17px}
  .hero{min-height:0;padding:53px 18px 70px;text-align:center}
  .hero-copy{width:100%;grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow" "logo" "byline" "lede" "sub" "social";gap:0;justify-items:center;text-align:center}
  .hero-copy>.eyebrow{justify-self:center;margin-bottom:15px;padding:7px 10px;font-size:7px;letter-spacing:.105em}
  .hero-copy>h1.hero-logo{justify-self:center;width:min(390px,94vw);margin-bottom:9px;border-radius:19px}
  .byline{justify-self:center;margin:0 0 13px;font-size:9px;letter-spacing:.25em}
  .hero-lede{max-width:520px;margin:0 0 14px;font-size:clamp(34px,10vw,47px);line-height:1.02;text-align:center}
  .hero-sub{max-width:500px;margin:0 0 20px;font-size:12px;line-height:1.66;text-align:center}
  .hero .social-row{justify-self:center;width:min(100%,440px);gap:9px}
  .hero .social-button{min-height:70px;padding:11px 14px;gap:12px;border-radius:12px}
  .hero .social-icon{flex-basis:40px;width:40px;height:40px;border-radius:12px}
  .hero .social-button strong{font-size:13px}
  .hero .social-button small{font-size:7px}
  .ticker{height:44px;font-size:17px}
  .section-shell{padding-left:18px;padding-right:18px}
  .topic-section{padding-top:62px;padding-bottom:68px}
  .section-heading{align-items:flex-start;gap:13px;margin-bottom:24px}
  .section-heading h2,.responsible-copy h2{font-size:clamp(31px,9vw,42px)}
  .section-intro{font-size:12px;line-height:1.65}
  .section-heading .outline-link{display:none}
  .topic-grid,.archive-guides,.related-grid{grid-template-columns:minmax(0,1fr);gap:11px}
  .topic-card,.archive-grid .topic-card,.related-grid .topic-card{min-height:190px;padding:22px;border-radius:16px}
  .topic-grid>.topic-card:first-child{grid-row:auto;min-height:260px;padding:24px}
  .topic-grid>.topic-card:first-child h3{font-size:34px}
  .topic-grid>.topic-card:first-child:before{top:22px;left:23px}
  .topic-card h3{margin-top:23px;font-size:25px}
  .neighbourhood-section{padding:65px 0}
  .neighbour-grid,.archive-neighbours{grid-template-columns:minmax(0,1fr);gap:10px}
  .neighbour-card{min-height:190px;padding:21px;border-radius:16px}
  .neighbour-mark{width:54px;height:54px;right:17px;top:17px;font-size:18px}
  .neighbour-count{left:19px;top:19px}
  .neighbour-copy h3{font-size:24px}
  .neighbour-copy p{font-size:11px}
  .neighbour-note{align-items:flex-start;gap:12px}
  .neighbour-note span{font-size:7px}
  .neighbour-note p{font-size:10px}
  .responsible-section{padding:66px 18px 76px}
  .responsible-inner{grid-template-columns:minmax(0,1fr);gap:21px;padding:25px 20px;border-radius:19px}
  .responsible-stamp{width:105px;height:105px;margin:0 auto}
  .responsible-stamp span{font-size:43px}
  .responsible-stamp small{font-size:6px}
  .responsible-copy h2{font-size:32px}
  .responsible-copy>p:not(.section-kicker){font-size:12px}
  .responsible-copy li{align-items:flex-start;font-size:11px;line-height:1.55}
  .official-link{font-size:8px}
  .article-page,.archive-page{padding:25px 17px 0}
  .article-topline{align-items:flex-start;gap:10px;font-size:7px;letter-spacing:.08em}
  .article-topline a{font-size:7px;text-align:right}
  .article-heading,.archive-heading{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:37px 0 24px}
  .article-heading h1,.archive-heading h1{font-size:clamp(43px,12vw,61px);line-height:.96}
  .article-heading .article-deck,.archive-heading .article-deck{margin:13px 0 0;font-size:14px;line-height:1.6}
  .article-cover{height:250px;border-radius:16px}
  .cover-chip{top:14px;left:14px;font-size:7px}
  .cover-caption{bottom:15px;left:15px;font-size:8px}
  .article-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:33px 0 57px}
  .article-aside{order:0;position:static;padding:17px;border-radius:15px}
  .article-body{font-size:14px;line-height:1.82}
  .article-body .article-lead{font-size:18px}
  .article-aside .social-row{grid-template-columns:1fr;gap:8px}
  .article-aside .social-button{min-height:64px;height:auto;padding:10px 12px}
  .article-aside .social-icon{width:36px;height:36px;flex-basis:36px}
  .article-aside .social-button strong{font-size:12px}
  .article-aside .social-button small{font-size:7px}
  .related-section{padding-bottom:58px}
  .archive-grid{gap:11px;padding-bottom:55px}
  .archive-page .responsible-section{margin:0 -17px}
  .legal-body{padding:20px 17px;border-radius:16px}
  .legal-body .legal-intro{font-size:16px;margin-bottom:23px}
  .legal-section{padding:20px 0}
  .legal-section h2{font-size:17px}
  .legal-section p{font-size:12px}
  .legal-section .social-row{grid-template-columns:1fr}
  .legal-section .social-button{min-height:62px;height:auto;padding:9px 10px}
  .legal-section .social-icon{width:34px;height:34px;flex-basis:34px}
  .error-page{padding:72px 20px}
  .site-footer{padding:31px 18px 14px}
  .footer-main{display:grid;grid-template-columns:minmax(0,1fr);gap:19px;padding-bottom:24px}
  .footer-message{padding:0}
  .footer-nav{grid-column:auto;gap:17px;flex-wrap:wrap;font-size:8px}
  .footer-bottom{flex-direction:column;gap:7px;font-size:7px}
  .music-toggle{right:13px;bottom:13px;padding:9px 12px;border-radius:12px}
  .music-label{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  .site-header,.desktop-nav a,.topic-card,.neighbour-card,.outline-link,.social-button,.social-button:before,.social-arrow,.music-toggle{transition:none}
}

@media(prefers-reduced-motion:reduce){
  .ticker span,.pulse-dot{animation:none!important}
}


/* Berlin Weed VIP — polished night-editorial pass */
:root{
  --vip-lime:#c5ff3d;
  --vip-ink:#060906;
  --vip-glass:rgba(13,20,15,.72);
  --vip-line:rgba(197,255,61,.22);
  --vip-amber:#ffbd72;
}
body:before{
  background:
    radial-gradient(ellipse at 12% 0%,rgba(197,255,61,.08),transparent 28%),
    radial-gradient(ellipse at 86% 15%,rgba(255,189,114,.07),transparent 25%),
    linear-gradient(180deg,#060906 0%,#090d09 48%,#060906 100%);
}
.site-header{
  height:84px;
  padding-inline:max(24px,calc((100vw - 1400px)/2));
  border-bottom:1px solid var(--vip-line);
  background:rgba(5,9,6,.72);
  box-shadow:0 12px 42px rgba(0,0,0,.28),inset 0 -1px rgba(255,255,255,.025);
  backdrop-filter:blur(22px) saturate(1.25);
}
.brand{gap:14px}
.brand-mark{
  width:46px;height:46px;border-radius:15px;
  border-color:var(--vip-lime);
  background:linear-gradient(145deg,rgba(197,255,61,.18),rgba(197,255,61,.025));
  box-shadow:0 0 0 5px rgba(197,255,61,.035),0 0 30px rgba(197,255,61,.15),inset 0 1px rgba(255,255,255,.1);
}
.brand-mark:after{inset:-7px;border-color:rgba(197,255,61,.22);border-radius:19px;transform:rotate(-8deg)}
.brand-copy strong{font-size:11px;letter-spacing:.18em;color:#fbf8ed}
.brand-copy small{display:none}
.desktop-nav{gap:clamp(18px,3vw,44px)}
.desktop-nav a{padding:12px 14px;border:1px solid transparent;border-radius:999px;letter-spacing:.14em}
.desktop-nav a:hover{border-color:var(--vip-line);background:rgba(197,255,61,.055)}
.languages{border-color:rgba(197,255,61,.36);background:rgba(197,255,61,.045)}
.language.is-active{background:var(--vip-lime);box-shadow:0 0 24px rgba(197,255,61,.32)}
.hero{
  min-height:780px;padding-top:96px;padding-bottom:122px;
  background:linear-gradient(90deg,rgba(4,7,5,.94) 0%,rgba(4,7,5,.75) 46%,rgba(4,7,5,.28) 100%),linear-gradient(180deg,rgba(6,9,6,.12),rgba(6,9,6,.82));
}
.hero:before{opacity:.22}
.hero-copy{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);grid-template-areas:"eyebrow logo" "lede logo" "sub logo" "social logo";gap:0 clamp(34px,5vw,92px)}
.hero-copy>.eyebrow{border-color:rgba(197,255,61,.34);background:rgba(9,15,10,.64);box-shadow:0 10px 28px rgba(0,0,0,.18)}
.hero-copy>h1.hero-logo{
  width:min(100%,540px);aspect-ratio:1.18/1;border-radius:32px;
  border-color:rgba(197,255,61,.3);
  background:radial-gradient(circle at 50% 50%,rgba(197,255,61,.12),rgba(8,13,9,.32) 58%,rgba(8,13,9,.78));
  box-shadow:0 30px 100px rgba(0,0,0,.48),0 0 0 10px rgba(197,255,61,.025),0 0 70px rgba(197,255,61,.11),inset 0 1px rgba(255,255,255,.09);
}
.hero-copy>h1.hero-logo:before{content:"VIP EDITION · BERLIN / 030";position:absolute;z-index:2;top:20px;left:23px;color:rgba(197,255,61,.82);font:500 8px var(--mono);letter-spacing:.2em}
.hero-copy>h1.hero-logo:after{content:"";position:absolute;z-index:2;inset:14px;border:1px solid rgba(197,255,61,.12);border-radius:25px;pointer-events:none}
.hero-copy>h1.hero-logo img{position:relative;z-index:1;filter:saturate(1.12) contrast(1.04) drop-shadow(0 14px 30px rgba(197,255,61,.14))}
.hero-lede{font-size:clamp(42px,5.2vw,72px);max-width:690px}
.hero-sub{max-width:600px;color:#c9cec0}
.ticker{height:58px;background:linear-gradient(90deg,rgba(197,255,61,.09),rgba(255,189,114,.04),rgba(197,255,61,.09));border-color:rgba(197,255,61,.28);box-shadow:0 10px 34px rgba(0,0,0,.14)}
.section-shell{max-width:1320px}
.topic-section{padding-top:116px;padding-bottom:126px}
.section-heading{margin-bottom:42px}
.section-heading h2,.responsible-copy h2{font-size:clamp(38px,5.3vw,68px)}
.topic-grid,.archive-guides,.related-grid{gap:18px}
.topic-card,.archive-grid .topic-card,.related-grid .topic-card{
  min-height:258px;padding:32px 34px;border-radius:24px;border-color:rgba(197,255,61,.16);
  background:linear-gradient(145deg,rgba(19,29,20,.88),rgba(7,12,8,.82));
  box-shadow:0 22px 60px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035);
}
.topic-card:after{border-color:rgba(197,255,61,.16);box-shadow:0 0 0 24px rgba(197,255,61,.025),0 0 0 54px rgba(197,255,61,.012)}
.topic-card:hover{border-color:rgba(197,255,61,.62);box-shadow:0 26px 64px rgba(0,0,0,.38),0 0 34px rgba(197,255,61,.08)}
.card-number{border-color:rgba(197,255,61,.26);background:rgba(197,255,61,.06);color:var(--vip-lime)}
.topic-grid>.topic-card:first-child{min-height:534px;padding:42px}
.neighbourhood-section{padding:116px 0 104px;background:linear-gradient(135deg,rgba(16,27,18,.88),rgba(6,10,7,.9));border-color:rgba(197,255,61,.2)}
.neighbour-grid{gap:16px}
.neighbour-card{min-height:328px;padding:28px;border-radius:24px;border-color:rgba(197,255,61,.18);background:linear-gradient(145deg,rgba(23,34,24,.86),rgba(7,12,8,.9));box-shadow:0 22px 54px rgba(0,0,0,.22)}
.neighbour-card:hover{border-color:rgba(197,255,61,.62);box-shadow:0 28px 58px rgba(0,0,0,.38),0 0 28px rgba(197,255,61,.07)}
.responsible-section{padding-top:126px;padding-bottom:132px}
.responsible-inner{border-radius:30px;border-color:rgba(197,255,61,.28);background:linear-gradient(135deg,rgba(19,29,20,.88),rgba(7,12,8,.92));box-shadow:0 30px 100px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.04)}
.site-footer{background:rgba(5,9,6,.86);border-top-color:rgba(197,255,61,.24)}
.footer-brand .brand-copy strong{font-size:10px}
@media(max-width:800px){
  .site-header{height:74px}
  .hero{min-height:0;padding-top:72px;padding-bottom:94px}
  .hero-copy{grid-template-columns:1fr;grid-template-areas:"eyebrow" "logo" "lede" "sub" "social";gap:0}
  .hero-copy>h1.hero-logo{width:min(430px,94vw);aspect-ratio:1.15/1;margin-bottom:18px}
  .topic-section{padding-top:82px;padding-bottom:92px}
  .topic-card,.archive-grid .topic-card,.related-grid .topic-card{padding:27px 25px}
  .topic-grid>.topic-card:first-child{min-height:390px;padding:30px}
  .neighbourhood-section{padding:86px 0 78px}
}
@media(max-width:620px){
  .site-header{height:66px;padding-inline:15px}
  .brand-mark{width:38px;height:38px;border-radius:12px}
  .brand-copy strong{font-size:8px;letter-spacing:.13em}
  .hero{padding-top:54px}
  .hero-copy>h1.hero-logo{border-radius:23px}
  .hero-copy>h1.hero-logo:before{top:15px;left:17px;font-size:6px}
  .hero-copy>h1.hero-logo:after{inset:10px;border-radius:18px}
  .ticker{height:48px}
}

.hero-copy>h1.hero-logo{position:relative}

/* Supplied Mr. Boss Berlin mark in the upper masthead. */
.site-header .brand-logo-frame{
  position:relative;
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  overflow:visible;
  border:0;
  border-radius:16px;
  background:transparent;
  box-shadow:none;
}
.site-header .brand-logo-frame:after{
  content:"";
  position:absolute;
  inset:2px;
  border:1px solid rgba(197,255,61,.22);
  border-radius:16px;
  transform:rotate(-5deg);
  pointer-events:none;
}
.site-header .brand-logo-frame img{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 0 12px rgba(40,255,55,.28));
}
@media(max-width:620px){
  .site-header .brand-logo-frame{width:46px;height:46px;border-radius:13px}
  .site-header .brand-logo-frame:after{inset:1px;border-radius:13px}
}

/* Logo correction: transparent, uncropped and intentionally boxless. */
.site-header .brand-logo-frame{
  width:64px;
  height:54px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.site-header .brand-logo-frame:after{display:none}
.site-header .brand-logo-frame img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 0 11px rgba(40,255,55,.24));
}
.hero-copy>h1.hero-logo{
  position:relative;
  width:min(100%,560px);
  aspect-ratio:1/1;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.hero-copy>h1.hero-logo:before,
.hero-copy>h1.hero-logo:after{display:none}
.hero-copy>h1.hero-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  mix-blend-mode:normal;
  filter:drop-shadow(0 16px 30px rgba(40,255,55,.2));
}
@media(max-width:620px){
  .site-header .brand-logo-frame{width:50px;height:43px;border-radius:0}
  .hero-copy>h1.hero-logo{width:min(430px,94vw);aspect-ratio:1/1;margin-bottom:18px}
}

/* Mobile readability and clean entrance: keep content below the masthead. */
.hero-gridline{display:none!important}
.site-header{border-bottom-color:transparent}
@media(max-width:800px){
  .site-header{position:relative}
  .mobile-menu{top:100%;z-index:60}
  .hero-copy{min-width:0}
  .hero-lede,.hero-sub{overflow-wrap:anywhere}
  .hero .social-row{min-width:0}
  .hero .social-button{min-width:0}
}
@media(max-width:620px){
  .site-header{position:relative}
  .hero{padding-top:48px}
  .hero-lede{font-size:clamp(31px,9.3vw,44px);line-height:1.06;letter-spacing:-.045em}
  .hero-sub{font-size:12px;line-height:1.72}
  .topic-card h3{line-height:1.12}
  .topic-card p{line-height:1.7}
}

/* Restore the supplied photo backdrop above the page canvas, below readable content. */
body:before,
body:after{
  z-index:0!important;
  background-image:linear-gradient(180deg,rgba(3,5,3,.14) 0%,rgba(3,5,3,.24) 42%,rgba(3,5,3,.40) 100%),url('/assets/berlin-sunset-cannabis-background.webp');
  pointer-events:none;
}
body:after{background-image:linear-gradient(180deg,rgba(3,5,3,.14) 0%,rgba(3,5,3,.24) 42%,rgba(3,5,3,.40) 100%),url('/assets/mr-boss-neon-shop-background.webp')}
body.background-alt:before{opacity:0}
body.background-alt:after{opacity:1}
.site-header,
main,
.site-footer,
.music-toggle{position:relative;z-index:1}
.site-intro{z-index:10000}
.hero{background:linear-gradient(90deg,rgba(6,9,7,.60) 0%,rgba(6,9,7,.40) 44%,rgba(6,9,7,.10) 100%),linear-gradient(180deg,rgba(8,11,8,.05),rgba(8,11,8,.30))}
@media(max-width:620px){
  .hero{background:linear-gradient(180deg,rgba(6,9,7,.28),rgba(6,9,7,.40))}
  .topic-section,.responsible-section{background:linear-gradient(180deg,rgba(8,11,8,.20),rgba(8,11,8,.40))}
}

/* Final mobile layering and editorial article spacing. */
@media(max-width:800px){
  .site-header{z-index:1000}
  .site-header .mobile-menu{
    position:absolute;
    z-index:2000;
    width:100%;
    background:rgba(5,9,6,.985);
    isolation:isolate;
    box-shadow:0 24px 46px rgba(0,0,0,.62);
  }
  .article-topline{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    justify-items:start;
    gap:10px;
    line-height:1.55;
  }
  .article-topline a{font-size:8px;text-align:left}
  .article-heading{position:relative;z-index:1}
}

/* Premium single-column contact actions. */
.social-row{display:flex;flex-direction:column;gap:12px;width:min(100%,520px)}
.social-button,
.hero .social-button,
.article-aside .social-button,
.legal-section .social-button{
  min-height:64px;
  height:auto;
  padding:10px 16px;
  border:1px solid rgba(197,255,61,.20);
  border-left:3px solid var(--contact-color,var(--vip-lime));
  border-radius:14px;
  background:linear-gradient(110deg,rgba(18,27,20,.92),rgba(7,12,8,.88));
  box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.045);
}
.social-button:before{opacity:.34!important}
.social-button:hover{border-color:rgba(197,255,61,.58);background:linear-gradient(110deg,rgba(25,38,27,.96),rgba(8,14,9,.94));box-shadow:0 18px 38px rgba(0,0,0,.34),0 0 22px rgba(197,255,61,.08)}
.social-icon{flex:0 0 38px!important;width:38px!important;height:38px!important;border-radius:11px!important;background:rgba(255,255,255,.06)!important}
.social-button strong{font-size:13px!important;letter-spacing:.04em}
.social-button small{font-size:7px!important;letter-spacing:.18em}
.social-arrow{font-size:17px!important}
.hero .social-row{width:min(100%,500px)}
.article-aside .social-row,.legal-section .social-row{width:100%}
.site-header .brand-logo-frame,
.footer-brand .brand-logo-frame{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.footer-brand .brand-logo-frame{width:58px;height:48px;overflow:visible}
.footer-brand .brand-logo-frame:after{display:none}
.footer-brand .brand-logo-frame img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 0 10px rgba(40,255,55,.22))}

/* Final polish: premium surfaces without expensive continuous effects. */
:root{
  --vip-lime:#c5ff3d;
  --vip-ink:#070b08;
  --vip-glass:rgba(13,20,15,.78);
}
.topic-card,.neighbour-card,.social-button,.article-aside,.responsible-inner{
  -webkit-backdrop-filter:blur(10px) saturate(1.08);
  backdrop-filter:blur(10px) saturate(1.08);
}
.topic-card,.neighbour-card{
  border-color:rgba(197,255,61,.18);
  background:
    radial-gradient(circle at 92% 8%,rgba(197,255,61,.10),transparent 30%),
    linear-gradient(145deg,rgba(21,31,22,.90),rgba(7,12,9,.82));
  box-shadow:0 18px 44px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.055);
}
.topic-card:before,.neighbour-card:before{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 25%,transparent 72%,rgba(197,255,61,.07));
  opacity:.55;
}
.topic-card:after{border-color:rgba(197,255,61,.18)}
.topic-card:hover,.neighbour-card:hover{
  border-color:rgba(197,255,61,.62);
  box-shadow:0 25px 58px rgba(0,0,0,.38),0 0 34px rgba(197,255,61,.08),inset 0 1px rgba(255,255,255,.10);
}
.card-number,.neighbour-count{
  background:rgba(197,255,61,.07);
  border-color:rgba(197,255,61,.28);
}
.topic-card h3,.neighbour-copy h3{ text-wrap:balance }
.social-button{
  box-shadow:0 16px 36px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.07);
}

/* Keep the supplied photography fully fitted on every viewport. */
body:before,body:after{
  position:fixed;
  inset:0;
  width:100%;
  height:100dvh;
  min-height:100%;
  background-size:cover;
  background-position:center center;
  background-attachment:scroll;
  transform:translateZ(0);
  will-change:opacity;
}
@media (max-width:800px){
  body:before,body:after{
    background-size:cover;
    background-position:center top;
  }
  .topic-section,.neighbourhood-section,.responsible-section{content-visibility:auto;contain-intrinsic-size:720px}
  .article-page,.archive-page{content-visibility:auto;contain-intrinsic-size:900px}
}
@media (prefers-reduced-motion:reduce){
  body:before,body:after{transition:none}
  .topic-card,.neighbour-card,.social-button{transition:none}
}
@media (max-width:420px){
  body:before,body:after{background-position:52% top}
  .topic-card,.neighbour-card{ -webkit-backdrop-filter:none; backdrop-filter:none }
}

/* Readability pass: the supplied photo stays visible, but never competes with copy. */
body:before,body:after{
  background-image:linear-gradient(180deg,rgba(2,4,2,.72) 0%,rgba(2,4,2,.78) 44%,rgba(2,4,2,.90) 100%),url('/assets/berlin-sunset-cannabis-background.webp');
}
body:after{background-image:linear-gradient(180deg,rgba(2,4,2,.72) 0%,rgba(2,4,2,.78) 44%,rgba(2,4,2,.90) 100%),url('/assets/mr-boss-neon-shop-background.webp')}
.article-page,.archive-page{
  background:linear-gradient(180deg,rgba(5,9,6,.36),rgba(5,9,6,.62));
}
.article-topline,.article-heading,.article-cover,.article-layout,.related-section{
  position:relative;
  z-index:1;
}
.article-heading h1,.article-deck,.article-body,.archive-heading h1{
  text-shadow:0 2px 18px rgba(0,0,0,.72);
}
.article-cover{
  margin-top:4px;
  box-shadow:0 20px 54px rgba(0,0,0,.48);
}
.article-body p,.article-body .article-lead{ text-shadow:0 1px 14px rgba(0,0,0,.70) }
@media(max-width:800px){
  .article-page,.archive-page{background:linear-gradient(180deg,rgba(5,9,6,.50),rgba(5,9,6,.76))}
  .article-heading{padding-bottom:28px}
  .article-cover{margin-top:0}
  .article-layout{padding-top:40px}
  .article-body,.article-aside{isolation:isolate}
}

/* Warm premium palette: softer than neon green, still distinctive on dark photography. */
:root{
  --bg:#100b15;
  --bg-soft:#17111d;
  --panel:#1d1624;
  --panel-2:#261b2d;
  --line:rgba(234,194,153,.20);
  --line-bright:#d8aa7e;
  --lime:#c8efd3;
  --lime-soft:#a7d9b5;
  --green:#b8e3c3;
  --white:#fff8f0;
  --muted:#c5b9ba;
  --dim:#958995;
  --purple:#d6a8ef;
  --amber:#efbb83;
  --vip-lime:#c8efd3;
}
::selection{background:#d8aa7e;color:#160f18}
body:before,body:after{
  background-image:linear-gradient(180deg,rgba(10,6,14,.76) 0%,rgba(10,6,14,.81) 44%,rgba(10,6,14,.92) 100%),url('/assets/berlin-sunset-cannabis-background.webp');
}
body:after{background-image:linear-gradient(180deg,rgba(10,6,14,.76) 0%,rgba(10,6,14,.81) 44%,rgba(10,6,14,.92) 100%),url('/assets/mr-boss-neon-shop-background.webp')}
body:before{background-color:#100b15}
.site-header,.site-footer{background:rgba(13,8,18,.90);border-color:rgba(234,194,153,.22)}
.hero{background:linear-gradient(90deg,rgba(13,8,18,.88) 0%,rgba(13,8,18,.70) 44%,rgba(13,8,18,.30) 100%),linear-gradient(180deg,rgba(20,10,24,.15),rgba(13,8,18,.70))}
.topic-section,.neighbourhood-section,.responsible-section{background-color:rgba(16,11,21,.70)}
.topic-card,.neighbour-card{
  border-color:rgba(234,194,153,.22);
  background:radial-gradient(circle at 92% 8%,rgba(216,170,126,.11),transparent 30%),linear-gradient(145deg,rgba(34,24,39,.92),rgba(14,9,19,.88));
}
.topic-card:before,.neighbour-card:before{background:linear-gradient(120deg,rgba(255,248,240,.09),transparent 25%,transparent 72%,rgba(200,239,211,.08))}
.topic-card:after{border-color:rgba(216,170,126,.24)}
.topic-card:hover,.neighbour-card:hover{border-color:rgba(200,239,211,.66);box-shadow:0 25px 58px rgba(0,0,0,.42),0 0 34px rgba(200,239,211,.10),inset 0 1px rgba(255,248,240,.10)}
.card-number,.neighbour-count{background:rgba(200,239,211,.08);border-color:rgba(200,239,211,.34)}
.outline-link{border-color:rgba(216,170,126,.42);background:rgba(216,170,126,.07)}
.outline-link:hover{border-color:var(--lime);background:rgba(200,239,211,.10)}
.ticker{border-color:rgba(216,170,126,.26);background:rgba(216,170,126,.07);color:var(--amber)}
.section-kicker,.read-link,.social-arrow,.official-link span,.neighbour-note span,.aside-index,.cover-chip{color:var(--lime)}
.responsible-inner,.article-aside{border-color:rgba(234,194,153,.28);background:linear-gradient(145deg,rgba(29,20,34,.92),rgba(13,8,18,.90))}
.responsible-stamp{border-color:rgba(216,170,126,.55);color:var(--amber)}
.official-link{color:#17101b;background:var(--amber)}
.official-link:hover{background:#f7cf9e}
.article-cover{border-color:rgba(234,194,153,.35)}
@media(max-width:620px){
  .hero{background:linear-gradient(180deg,rgba(13,8,18,.70),rgba(13,8,18,.82))}
  .topic-section,.responsible-section{background:linear-gradient(180deg,rgba(16,11,21,.64),rgba(16,11,21,.84))}
}

/* Dual signature palette: forest green for trust, oxblood red for energy. */
:root{
  --bg:#08120e;
  --bg-soft:#0d1b14;
  --panel:#13231b;
  --panel-2:#1b2d22;
  --line:rgba(157,224,170,.20);
  --line-bright:#75c987;
  --lime:#a9e6b2;
  --lime-soft:#7dcc91;
  --green:#bdebc1;
  --white:#fff8f0;
  --muted:#c2c8bf;
  --dim:#87978b;
  --purple:#e39a9e;
  --amber:#ff8b78;
  --vip-lime:#a9e6b2;
  --vip-red:#e46b70;
  --vip-deep-red:#8e3448;
}
::selection{background:var(--vip-red);color:#fff8f0}
body:before,body:after{
  background-image:linear-gradient(180deg,rgba(4,15,10,.18) 0%,rgba(5,13,9,.28) 44%,rgba(7,10,9,.44) 100%),url('/assets/berlin-sunset-cannabis-background.webp');
}
body:after{background-image:linear-gradient(180deg,rgba(4,15,10,.18) 0%,rgba(5,13,9,.28) 44%,rgba(7,10,9,.44) 100%),url('/assets/mr-boss-neon-shop-background.webp')}
body:before{background-color:var(--bg)}
.site-header,.site-footer{background:rgba(5,17,11,.92);border-color:rgba(169,230,178,.22)}
.hero{background:linear-gradient(90deg,rgba(4,15,10,.52) 0%,rgba(4,15,10,.32) 44%,rgba(4,15,10,.08) 100%),linear-gradient(180deg,rgba(100,28,42,.06),rgba(4,15,10,.32))}
.topic-section,.neighbourhood-section,.responsible-section{background-color:rgba(7,18,12,.72)}
.topic-card,.neighbour-card{
  border-color:rgba(169,230,178,.24);
  background:radial-gradient(circle at 92% 8%,rgba(228,107,112,.15),transparent 29%),radial-gradient(circle at 8% 92%,rgba(169,230,178,.11),transparent 34%),linear-gradient(145deg,rgba(18,40,27,.94),rgba(7,17,12,.90));
}
.topic-card:before,.neighbour-card:before{background:linear-gradient(120deg,rgba(255,248,240,.09),transparent 25%,transparent 70%,rgba(228,107,112,.10))}
.topic-card:after{border-color:rgba(228,107,112,.30)}
.topic-card:hover,.neighbour-card:hover{border-color:rgba(228,107,112,.72);box-shadow:0 25px 58px rgba(0,0,0,.44),0 0 34px rgba(228,107,112,.12),inset 0 1px rgba(255,248,240,.10)}
.topic-card:nth-child(odd) .card-number,.neighbour-card:nth-child(odd) .neighbour-count{border-color:rgba(169,230,178,.42);color:var(--lime)}
.topic-card:nth-child(even) .card-number,.neighbour-card:nth-child(even) .neighbour-count{border-color:rgba(228,107,112,.48);color:#ff9a92;background:rgba(228,107,112,.08)}
.topic-card:nth-child(even) .read-link b,.neighbour-card:nth-child(even) .card-arrow{color:#ff9a92}
.outline-link{border-color:rgba(228,107,112,.42);background:rgba(228,107,112,.07)}
.outline-link:hover{border-color:var(--lime);background:rgba(169,230,178,.10)}
.ticker{border-color:rgba(228,107,112,.30);background:rgba(228,107,112,.08);color:#ff9a92}
.section-kicker,.read-link,.social-arrow,.official-link span,.neighbour-note span,.aside-index,.cover-chip{color:var(--lime)}
.neighbour-card:nth-child(even) .neighbour-mark{color:#ff9a92;border-color:rgba(228,107,112,.60)}
.responsible-inner,.article-aside{border-color:rgba(169,230,178,.28);background:linear-gradient(145deg,rgba(16,39,25,.94),rgba(5,16,10,.92))}
.responsible-stamp{border-color:rgba(228,107,112,.64);color:#ff9a92}
.official-link{color:#08120e;background:var(--lime)}
.official-link:hover{background:#d5f5d9}
.article-cover{border-color:rgba(169,230,178,.38)}
.site-header .language.is-active{background:var(--lime);color:#08120e}
@media(max-width:620px){
  .hero{background:linear-gradient(180deg,rgba(4,15,10,.24),rgba(4,15,10,.42))}
  .topic-section,.responsible-section{background:linear-gradient(180deg,rgba(7,18,12,.42),rgba(7,18,12,.62))}
}

/* Make the two-color identity unmistakable above the fold and across cards. */
.hero .eyebrow{color:#ff9a92;border-color:rgba(228,107,112,.52);background:rgba(110,28,43,.22)}
.hero .pulse-dot{background:#ff817f;box-shadow:0 0 13px #ff817f}
.desktop-nav a:nth-child(2),.mobile-menu a:nth-child(2){color:#ff9a92}
.desktop-nav a:nth-child(2) span{color:#ff9a92}
.topic-card:nth-child(even),.neighbour-card:nth-child(even){border-top:2px solid rgba(228,107,112,.78)}
.topic-card:nth-child(odd),.neighbour-card:nth-child(odd){border-top:2px solid rgba(169,230,178,.72)}
.topic-card:nth-child(even) .card-number{color:#ffaaa1;background:rgba(228,107,112,.14)}
.topic-card:nth-child(even) .read-link{color:#ffd1c5}
.responsible-section .official-link,.article-page .official-link{background:var(--vip-red);color:#fff8f0}
.responsible-section .official-link:hover,.article-page .official-link:hover{background:#f18b83}