/*
Theme Name:   UpNorth Network
Theme URI:    https://upnorth-network.de
Author:       NorthStar Digital Systems UG (haftungsbeschränkt)
Author URI:   https://northstar-systeme.de
Description:  Maßgeschneidertes WordPress-Theme für UpNorth Network – Influencer-Agentur für Nachwuchs-Creator. Helles, redaktionelles Erscheinungsbild nach dem Brand Board: Weißraum, feine Haarlinien, gesperrte Versaltypografie und Gold als einziger Akzent. Enthält individuell gestaltete Seitenvorlagen, ein DSGVO-freundliches Setup mit lokal eingebundenen Schriften sowie einen Ein-Klick-Import für Demo-Inhalte.
Version:      4.12.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  upnorth
Tags:         agency, business, portfolio, custom-colors, custom-logo, custom-menu, featured-images, block-styles, wide-blocks, translation-ready, threaded-comments
*/

/* ==========================================================================
   INHALT
   01 Design-Tokens
   02 Reset & Basis
   03 Typografie
   04 Layout, Raster & Haarlinien
   05 Buttons & Links
   06 Header & Navigation
   07 Footer
   08 Utilities & Animationen
   ========================================================================== */

/* ------------------------------------------------------------------ 01 */
:root{
	/* Markenfarben laut Brand Board */
	--un-dark:        #3A2A23;   /* Dunkelbraun – Überschriften */
	--un-brown:       #5A4635;   /* Braun – Fließtext */
	--un-gold:        #CDA24A;   /* Gold – einziger Akzent */
	--un-grey:        #8E8E8E;   /* Grau – Sekundärangaben */
	--un-light:       #F7F7F7;   /* Hellgrau – Flächen */

	/* Abgeleitete Töne, sparsam */
	--un-paper:       #FCFBF9;
	--un-line:        #E7E3DC;   /* Haarlinie */
	--un-line-soft:   #F0EDE7;
	--un-gold-deep:   #A97F31;
	--un-gold-pale:   #F3E8D2;
	--un-ink:         #2A1E19;   /* nur für den Footer */

	/* Typografie */
	--font-sans: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--lh-tight: 1.18;
	--lh-body: 1.8;
	--track-xwide: .32em;   /* Claim */
	--track-wide:  .22em;   /* Eyebrow, Buttons */
	--track-mid:   .12em;
	--track-head:  .02em;

	/* Maße */
	--wrap: 1180px;
	--wrap-narrow: 760px;
	--wrap-wide: 1480px;
	--gutter: clamp(1.5rem, 5vw, 4rem);
	--section-y: clamp(4.5rem, 9vw, 9rem);
	/* Kantige Formen laut Entwurf – hier zentral umstellbar */
	--radius: 0px;
	--radius-sm: 0px;
	--radius-lg: 0px;
	--radius-pill: 0px;
	--shadow-soft: none;
	--shadow-lift: none;

	--ease: cubic-bezier(.22,.61,.36,1);

	--admin-bar: 0px;
	/* Logohöhe – im Customizer per Schieberegler einstellbar */
	--un-logo-h: 44px;
	/* Ausgleich für transparente Ränder in der Logodatei (automatisch ermittelt) */
	--un-logo-inset: 0;
	--un-flogo-inset: 0;
	--header-h: max(96px, calc(var(--un-logo-h) + 60px));
	/* Höhe des Hero-Bildes – im Customizer per Schieberegler (Anteil der Bildschirmhöhe) */
	--un-hero-vh: 75;
	--un-hero-h: clamp(280px, calc(var(--un-hero-vh) * 1vh), 1000px);
}
.admin-bar{ --admin-bar: 32px; }
@media (max-width:782px){ .admin-bar{ --admin-bar: 46px; } }

/* ------------------------------------------------------------------ 02 */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; overflow-x:hidden; }
@media (prefers-reduced-motion: reduce){
	html{ scroll-behavior:auto; }
	*,*::before,*::after{ animation-duration:.001ms !important; transition-duration:.001ms !important; }
}
body{
	margin:0;
	font-family:var(--font-sans);
	font-weight:400;
	font-size:1rem;
	line-height:var(--lh-body);
	color:var(--un-brown);
	background:#fff;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	overflow-x:hidden;
}
body.un-nav-open{ overflow:hidden; }
img,svg,video{ max-width:100%; height:auto; display:block; }
figure{ margin:0; }
ul,ol{ margin:0 0 1.25em; padding-left:1.15em; }
li{ margin-bottom:.5em; }
table{ border-collapse:collapse; width:100%; }
hr{ border:0; border-top:1px solid var(--un-line); margin:3rem 0; }
::selection{ background:var(--un-gold-pale); color:var(--un-dark); }

/* ------------------------------------------------------------------ 03 */
h1,h2,h3,h4,h5,h6{
	font-family:var(--font-sans);
	color:var(--un-dark);
	font-weight:600;
	line-height:var(--lh-tight);
	letter-spacing:var(--track-head);
	margin:0 0 .7em;
	text-wrap:balance;
}
h1,.h1{ font-size:clamp(1.9rem, 3.6vw, 3.05rem); font-weight:600; }
h2,.h2{ font-size:clamp(1.55rem, 2.8vw, 2.3rem); }
h3,.h3{ font-size:clamp(1.12rem, 1.6vw, 1.35rem); font-weight:600; }
h4,.h4{ font-size:1rem; font-weight:600; }
h5,h6{ font-size:.92rem; font-weight:600; }

/* Große Versalaussage – der Ton des Brand Boards */
.un-display{
	font-size:clamp(1.7rem, 3.4vw, 2.9rem);
	font-weight:600;
	line-height:1.22;
	letter-spacing:.01em;
	text-transform:uppercase;
	color:var(--un-dark);
	text-wrap:balance;
	margin:0 0 1.1em;
}
.un-display em{ font-style:normal; color:var(--un-gold); }
.un-display--sm{ font-size:clamp(1.35rem, 2.4vw, 2rem); }

p{ margin:0 0 1.4em; }
p:last-child{ margin-bottom:0; }
strong,b{ font-weight:600; color:var(--un-dark); }
small{ font-size:.85em; }

blockquote{
	margin:3rem 0; padding:0 0 0 2rem;
	border-left:1px solid var(--un-gold);
	font-size:1.1rem; font-weight:400; color:var(--un-dark); font-style:normal; line-height:1.7;
}
blockquote cite{
	display:block; margin-top:1.1rem; font-size:.7rem; font-weight:500;
	letter-spacing:var(--track-wide); text-transform:uppercase; color:var(--un-grey); font-style:normal;
}
code,kbd,pre{ font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.9em; }
pre{ background:var(--un-light); padding:1.5rem; overflow:auto; border-left:1px solid var(--un-gold); }

/* Auszeichnungen */
.un-eyebrow{
	display:block; font-size:.68rem; font-weight:500;
	letter-spacing:var(--track-wide); text-transform:uppercase;
	color:var(--un-gold); margin:0 0 1.35rem;
}
.un-claim{
	font-size:.7rem; font-weight:400; letter-spacing:var(--track-xwide);
	text-transform:uppercase; color:var(--un-brown); line-height:2;
}
.un-claim--gold{ color:var(--un-gold); }
.un-lead{
	font-size:clamp(1rem,1.25vw,1.12rem); font-weight:400; line-height:1.85; color:var(--un-brown);
}
.un-label{
	font-size:.64rem; font-weight:600; letter-spacing:var(--track-wide);
	text-transform:uppercase; color:var(--un-grey);
}
.un-num{
	font-size:.7rem; font-weight:600; letter-spacing:var(--track-wide);
	color:var(--un-gold); display:block; margin-bottom:1.1rem;
}
.un-num--lg{
	font-size:clamp(1.6rem,2.6vw,2.1rem); font-weight:300; letter-spacing:.02em;
	color:var(--un-gold); line-height:1; margin-bottom:1.25rem;
}

/* ------------------------------------------------------------------ 04 */
.un-wrap{ width:100%; max-width:var(--wrap); margin-inline:auto; padding-inline:var(--gutter); }
.un-wrap--narrow{ max-width:var(--wrap-narrow); }
.un-wrap--wide{ max-width:var(--wrap-wide); }

.un-section{ padding-block:var(--section-y); position:relative; }
.un-section--tight{ padding-block:clamp(3rem,6vw,5.5rem); }
.un-section--flush-top{ padding-top:0; }
.un-section--flush-bottom{ padding-bottom:0; }
.un-section--light{ background:var(--un-light); }
.un-section--paper{ background:var(--un-paper); }
/* Haarlinie als Trenner statt Farbfläche – das Rastermotiv des Brand Boards */
.un-section--rule{ border-top:1px solid var(--un-line); }
.un-section--rule-both{ border-block:1px solid var(--un-line); }

/* Der einzige dunkle Anker im Layout */
.un-section--ink{ background:var(--un-ink); color:rgba(255,255,255,.70); }
.un-section--ink h1,.un-section--ink h2,.un-section--ink h3,
.un-section--ink h4,.un-section--ink .un-display{ color:#fff; }
.un-section--ink strong{ color:#fff; }
.un-section--ink .un-eyebrow{ color:var(--un-gold); }
.un-section--ink .un-lead{ color:rgba(255,255,255,.72); }
.un-section--ink .un-claim{ color:rgba(255,255,255,.62); }

.un-grid{ display:grid; gap:clamp(2rem,3.5vw,3.25rem); }
.un-grid--2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.un-grid--3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.un-grid--4{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(1.5rem,2.4vw,2.5rem); }
.un-grid--sidebar{ grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:clamp(2.5rem,6vw,5.5rem); }
.un-split{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(2.5rem,6vw,6rem); align-items:center; }
.un-split--top{ align-items:start; }
.un-split--40{ grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); }
.un-split--60{ grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr); }
@media (max-width:1280px){ .un-grid--4{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:900px){
	.un-grid--3,.un-grid--4{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.un-split,.un-split--40,.un-split--60,.un-grid--sidebar{ grid-template-columns:minmax(0,1fr); }
	.un-split{ gap:3rem; }
}
@media (max-width:620px){
	.un-grid--2,.un-grid--3,.un-grid--4{ grid-template-columns:minmax(0,1fr); }
}

/* Panelraster mit Haarlinien – direkt vom Brand Board übernommen */
.un-panels{
	display:grid; gap:0; border:1px solid var(--un-line);
	border-radius:var(--radius); overflow:hidden; background:#fff;
	grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));
}
.un-panels > *{
	padding:clamp(2rem,3.2vw,3rem);
	border-right:1px solid var(--un-line);
	border-bottom:1px solid var(--un-line);
}
.un-panels > *:nth-child(var(--cols,3)n){ border-right:0; }
.un-panels > *:nth-last-child(-n+var(--cols,3)){ border-bottom:0; }
@media (max-width:900px){
	.un-panels{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.un-panels > *{ border-right:1px solid var(--un-line); border-bottom:1px solid var(--un-line); }
	.un-panels > *:nth-child(2n){ border-right:0; }
}
@media (max-width:600px){
	.un-panels{ grid-template-columns:minmax(0,1fr); }
	.un-panels > *{ border-right:0; }
	.un-panels > *:last-child{ border-bottom:0; }
}

/* Section-Kopf */
.un-shead{ max-width:720px; margin-bottom:clamp(3rem,5vw,4.5rem); }
.un-shead--center{ margin-inline:auto; text-align:center; }
.un-shead p{ color:inherit; }
.un-rule{ width:44px; height:1px; background:var(--un-gold); margin:0 0 2rem; }
.un-rule--center{ margin-inline:auto; }

/* ------------------------------------------------------------------ 05 */
a{ color:var(--un-gold-deep); text-decoration:none; transition:color .25s var(--ease); }
a:hover{ color:var(--un-dark); }
.un-section--ink a{ color:var(--un-gold); }
.un-section--ink a:hover{ color:#fff; }

/* Rechteck mit feinem Goldrahmen und goldenem Pfeil – so wie im Entwurf */
.un-btn{
	--btn-bg:transparent; --btn-fg:var(--un-dark); --btn-bd:var(--un-gold); --btn-ar:var(--un-gold);
	display:inline-flex; align-items:center; justify-content:center; gap:1.1rem;
	padding:1.05rem 1.75rem; border:1px solid var(--btn-bd); background:var(--btn-bg); color:var(--btn-fg);
	font-family:var(--font-sans); font-size:.63rem; font-weight:600;
	letter-spacing:var(--track-wide); text-transform:uppercase; text-align:center;
	border-radius:var(--radius); cursor:pointer; line-height:1;
	transition:background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);
}
.un-btn:hover{ --btn-ar:#fff; background:var(--un-gold); border-color:var(--un-gold); color:#fff; }
.un-btn:focus-visible{ outline:1px solid var(--un-gold); outline-offset:4px; }
.un-btn svg{
	width:15px; height:15px; flex:none; color:var(--btn-ar);
	transition:transform .3s var(--ease), color .3s var(--ease);
}
.un-btn:hover svg{ transform:translateX(4px); }

.un-btn--ghost,.un-btn--dark,.un-btn--gold{ --btn-bg:transparent; --btn-fg:var(--un-dark); --btn-bd:var(--un-gold); }
.un-btn--solid{ --btn-bg:var(--un-dark); --btn-fg:#fff; --btn-bd:var(--un-dark); --btn-ar:var(--un-gold); }
/* Auf dunklem Grund */
.un-btn--light{ --btn-bg:#fff; --btn-fg:var(--un-dark); --btn-bd:#fff; }
.un-btn--light:hover{ background:var(--un-gold); border-color:var(--un-gold); color:#fff; }
.un-btn--outline-light{ --btn-bg:transparent; --btn-fg:#fff; --btn-bd:var(--un-gold); --btn-ar:var(--un-gold); }
.un-btn--outline-light:hover{ --btn-ar:var(--un-ink); background:var(--un-gold); border-color:var(--un-gold); color:var(--un-ink); }
.un-btn--sm{ padding:.85rem 1.4rem; font-size:.6rem; gap:.8rem; }
.un-btn--wide{ width:100%; }
.un-btns{ display:flex; flex-wrap:wrap; gap:.85rem; margin-top:2.5rem; }
.un-btns--center{ justify-content:center; }

.un-textlink{
	display:inline-flex; align-items:center; gap:.7rem;
	font-size:.68rem; font-weight:600; letter-spacing:var(--track-wide);
	text-transform:uppercase; color:var(--un-dark);
	padding-bottom:.5rem; border-bottom:1px solid var(--un-gold);
	transition:gap .3s var(--ease), color .25s var(--ease);
}
.un-textlink:hover{ gap:1.1rem; color:var(--un-gold-deep); }
.un-textlink svg{ width:13px; height:13px; }
.un-textlink--light{ color:#fff; }
.un-textlink--light:hover{ color:var(--un-gold); }

.skip-link{
	position:absolute; left:-9999px; top:0; z-index:1000;
	background:var(--un-dark); color:#fff; padding:1rem 1.5rem; font-size:.8rem;
}
.skip-link:focus{ left:1rem; top:calc(1rem + var(--admin-bar)); color:#fff; }
.screen-reader-text{
	border:0; clip:rect(1px,1px,1px,1px); clip-path:inset(50%);
	height:1px; width:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; word-wrap:normal;
}
.screen-reader-text:focus{
	clip:auto; clip-path:none; height:auto; width:auto; padding:1rem 1.5rem;
	background:#fff; color:var(--un-dark); z-index:1000; left:1rem; top:1rem; display:block;
}

/* ------------------------------------------------------------------ 06 */
.un-header{
	position:fixed; top:var(--admin-bar); left:0; right:0; z-index:900;
	background:#fff;
	border-bottom:1px solid var(--un-line);
	transition:border-color .35s var(--ease), transform .4s var(--ease), background .35s var(--ease);
}
.un-header__inner{
	display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:clamp(1rem,3vw,2.5rem);
	max-width:var(--wrap-wide); margin-inline:auto; padding:1.35rem var(--gutter);
	transition:padding .35s var(--ease);
}
/* Menüpunkte stehen rechts, direkt neben dem Kontakt-Knopf – sie gehören
   optisch zusammen und der Blick muss nicht über die halbe Breite wandern. */
.un-header__inner > .un-nav{ justify-content:flex-end; }
.un-header.is-stuck{ border-bottom-color:var(--un-line); box-shadow:0 18px 40px -34px rgba(42,30,25,.5); }
.un-header.is-stuck .un-header__inner{ padding-block:.95rem; }
.un-header.is-hidden{ transform:translateY(-104%); }

.un-brand{ display:inline-flex; align-items:center; flex:none; position:relative; z-index:900; }
.un-brand img,.un-brand svg{
	width:auto; height:var(--un-logo-h); transition:height .35s var(--ease);
	margin-left:calc(var(--un-logo-h) * var(--un-logo-inset) * -1);
}
.un-header.is-stuck .un-brand img,.un-header.is-stuck .un-brand svg{ height:calc(var(--un-logo-h) * .82); }
.un-brand__light{ display:none; }

.un-nav{ display:flex; align-items:center; }
.un-nav ul{ display:flex; align-items:center; gap:clamp(.9rem,1.9vw,1.9rem); list-style:none; margin:0; padding:0; }
.un-nav li{ margin:0; position:relative; }
.un-nav a{
	display:block; padding:.45rem 0; position:relative;
	font-size:.66rem; font-weight:500; letter-spacing:var(--track-mid); text-transform:uppercase;
	color:var(--un-dark); white-space:nowrap;
}
.un-nav a::after{
	content:""; position:absolute; left:0; bottom:0; height:1px; width:0; background:var(--un-gold);
	transition:width .3s var(--ease);
}
.un-nav a:hover::after,.un-nav .current-menu-item > a::after,
.un-nav .current_page_item > a::after,.un-nav .current-menu-ancestor > a::after{ width:100%; }
.un-nav .current-menu-item > a,.un-nav .current_page_item > a{ color:var(--un-gold-deep); }

/* --- Haus zurück zur Startseite ---------------------------------------- */
.un-nav__home > a{ display:flex; align-items:center; gap:.55rem; }
.un-nav__homeico{ display:flex; }
.un-nav__homeico svg{ width:18px; height:18px; }
/* Am Desktop spricht das Zeichen für sich; das Wort bleibt für Screenreader da. */
.un-nav__homelabel{
	position:absolute; width:1px; height:1px; margin:-1px; padding:0;
	overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

.un-nav ul ul{
	position:absolute; top:calc(100% + 1.2rem); left:-1.35rem; min-width:250px;
	flex-direction:column; align-items:stretch; gap:0;
	background:#fff; border:1px solid var(--un-line);
	padding:.5rem 0; opacity:0; visibility:hidden; transform:translateY(8px);
	transition:all .3s var(--ease); z-index:20;
}
.un-nav li:hover > ul,.un-nav li:focus-within > ul{ opacity:1; visibility:visible; transform:translateY(0); }
.un-nav ul ul li a{ padding:.75rem 1.35rem; font-size:.64rem; }
.un-nav ul ul li a:hover{ background:var(--un-light); }
.un-nav ul ul a::after{ display:none; }
.un-nav ul ul ul{ top:0; left:100%; }

.un-header__cta{ display:flex; align-items:center; gap:.75rem; flex:none; position:relative; z-index:900; }
@media (max-width:1500px){ .un-header__cta .un-btn--second{ display:none; } }

.un-burger{
	display:none; width:46px; height:46px; padding:0; border:1px solid var(--un-line);
	border-radius:var(--radius-pill);
	background:transparent; cursor:pointer; position:relative; flex:none;
	transition:border-color .3s var(--ease);
}
.un-burger span{
	position:absolute; left:13px; width:18px; height:1px; background:var(--un-dark);
	transition:transform .3s var(--ease), opacity .2s var(--ease);
}
.un-burger span:nth-child(1){ top:16px; }
.un-burger span:nth-child(2){ top:21.5px; }
.un-burger span:nth-child(3){ top:27px; }
body.un-nav-open .un-burger span:nth-child(1){ transform:translateY(5.5px) rotate(45deg); }
body.un-nav-open .un-burger span:nth-child(2){ opacity:0; }
body.un-nav-open .un-burger span:nth-child(3){ transform:translateY(-5.5px) rotate(-45deg); }

@media (max-width:1024px){
	.un-burger{ display:block; }
	.un-nav{
		position:fixed; inset:0; top:var(--admin-bar); display:block; background:#fff;
		width:100%; height:100vh; height:100dvh;
		padding:calc(var(--header-h) + 1.5rem) var(--gutter) 3rem; overflow-y:auto;
		overscroll-behavior:contain;
		opacity:0; visibility:hidden; transform:translateY(-10px);
		transition:opacity .35s var(--ease), transform .35s var(--ease), visibility .35s;
		z-index:890;
	}
	body.un-nav-open .un-nav{ opacity:1; visibility:visible; transform:none; }
	body.un-nav-open .un-header{ background:#fff; transform:none !important; }
	.un-nav ul{ display:block; }
	.un-nav > ul > li{ border-bottom:1px solid var(--un-line); }
	.un-nav > ul > li > a{ font-size:.82rem; padding:1.15rem 0; letter-spacing:var(--track-wide); }
	/* In der aufgeklappten Navigation steht das Wort neben dem Haus. */
	.un-nav__homelabel{
		position:static; width:auto; height:auto; margin:0; overflow:visible;
		clip:auto; white-space:normal;
	}
	.un-nav__homeico svg{ width:20px; height:20px; }
	.un-nav ul ul{
		position:static; opacity:1; visibility:visible; transform:none;
		border:0; padding:0 0 .85rem 1rem; min-width:0; background:transparent;
	}
	.un-nav ul ul li a{ padding:.5rem 0; font-size:.78rem; text-transform:none; letter-spacing:0; color:var(--un-brown); }
}
@media (min-width:1025px){
	/* Nur am Desktop: Der Weichzeichner würde sonst das fixierte Mobilmenü einsperren. */
	.un-header{ backdrop-filter:saturate(120%) blur(10px); }
}
/* Bei geöffnetem Menü nie weichzeichnen – sonst bricht die Positionierung. */
body.un-nav-open .un-header{ backdrop-filter:none !important; }

.un-header-spacer{ height:var(--header-h); }

/* ------------------------------------------------------------------ 07 */
.un-footer{
	background:#fff; color:var(--un-brown); font-size:.86rem; line-height:1.9;
	border-top:1px solid var(--un-line);
	padding-top:clamp(3.5rem,6vw,5.5rem);
}
.un-footer a{ color:var(--un-brown); }
.un-footer a:hover{ color:var(--un-gold-deep); }
.un-footer__grid{
	display:grid; grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr));
	gap:clamp(2rem,4vw,4rem); padding-bottom:clamp(3rem,5vw,4.5rem);
}
@media (max-width:960px){ .un-footer__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px){ .un-footer__grid{ grid-template-columns:minmax(0,1fr); } }
.un-footer__brand{ max-width:34ch; }
.un-footer__logo{
	height:calc(var(--un-logo-h) * 1.05); width:auto; margin-bottom:1.5rem;
	margin-left:calc(var(--un-logo-h) * 1.05 * var(--un-flogo-inset) * -1);
}
.un-footer__word{
	display:block; font-size:1.45rem; font-weight:700; letter-spacing:-.015em;
	color:var(--un-dark); text-transform:lowercase; line-height:1;
}
.un-footer__sub{
	display:block; font-size:.5rem; font-weight:500; letter-spacing:.46em;
	text-transform:uppercase; color:var(--un-gold); margin:.4rem 0 1.5rem; padding-left:.1em;
}
.un-footer__intro{ font-size:.82rem; line-height:1.85; margin-bottom:1.75rem; }
.un-footer__col h4,
.un-footer .widget-title{
	color:var(--un-dark); font-size:.6rem; font-weight:600; letter-spacing:var(--track-wide);
	text-transform:uppercase; margin-bottom:1.5rem;
}
.un-footer ul{ list-style:none; margin:0; padding:0; }
.un-footer li{ margin-bottom:.7rem; font-size:.84rem; }
.un-footer__spaced{ margin-top:1.35rem; }
.un-footer__bottom{
	border-top:1px solid var(--un-line); padding-block:1.75rem;
	display:flex; flex-wrap:wrap; gap:.75rem 2rem; align-items:center; justify-content:space-between;
	font-size:.72rem; letter-spacing:.04em; color:var(--un-grey);
}
.un-footer__bottom p{ margin:0; }
.un-footer__claimline{ letter-spacing:var(--track-wide); text-transform:uppercase; font-size:.62rem; color:var(--un-gold); }
.un-social{ display:flex; gap:1.1rem; margin-top:.5rem; }
.un-social a{ display:grid; place-items:center; color:var(--un-dark); transition:color .3s var(--ease); }
.un-social a:hover{ color:var(--un-gold); }
.un-social svg{ width:17px; height:17px; }

.un-totop{
	position:fixed; right:clamp(1rem,3vw,2.5rem); bottom:clamp(1rem,3vw,2.5rem); z-index:880;
	width:48px; height:48px; display:grid; place-items:center; border-radius:50%;
	background:#fff; color:var(--un-dark); border:1px solid var(--un-line); cursor:pointer;
	box-shadow:var(--shadow-soft);
	opacity:0; visibility:hidden; transform:translateY(10px);
	transition:all .35s var(--ease);
}
.un-totop.is-visible{ opacity:1; visibility:visible; transform:none; }
.un-totop:hover{ border-color:var(--un-gold); color:var(--un-gold-deep); }
.un-totop svg{ width:15px; height:15px; }

/* ------------------------------------------------------------------ 08 */
.un-reveal{ opacity:0; transform:translateY(18px); transition:opacity .9s var(--ease), transform .9s var(--ease); }
.un-reveal.is-in{ opacity:1; transform:none; }
.un-reveal[data-delay="1"]{ transition-delay:.08s; }
.un-reveal[data-delay="2"]{ transition-delay:.16s; }
.un-reveal[data-delay="3"]{ transition-delay:.24s; }
.un-reveal[data-delay="4"]{ transition-delay:.32s; }
.un-reveal[data-delay="5"]{ transition-delay:.40s; }
@media (prefers-reduced-motion: reduce){ .un-reveal{ opacity:1; transform:none; } }

.un-center{ text-align:center; }
.un-mt-0{ margin-top:0 !important; }
.un-mb-0{ margin-bottom:0 !important; }
.un-nowrap{ white-space:nowrap; }
@media (max-width:760px){ .un-hide-mobile{ display:none !important; } }