:root{
	--base:#090b0c;
	--ice:#e2eeed;
	--text:#a3afaf;
	--hi:#ecf8f7;
	--muted:#849494;
	--accent:#96e2de;
	--teal:#92c4c3;
	--teal-light:#b6fbf9;
	--kicker:#68aaa8;
	--rim:#373a3a;
	--serif:"Cinzel",Georgia,serif;
	--sans:"Source Sans 3","Source Sans Pro",system-ui,sans-serif;
	--line:linear-gradient(90deg,rgba(146,196,195,0),rgba(146,196,195,.8) 50%,rgba(146,196,195,0));
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--base);scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.gp{margin:0;background:var(--base);color:var(--text);font:400 17px/27px var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.gp img{max-width:100%}
.gp p{margin:0}
.gp h2,.gp h3{margin:0}

.gp-sheet{container:gp/inline-size}
.gp-sec{position:relative;display:flow-root;isolation:isolate;padding:70px 40px 86px;background-color:var(--base);background-position:0 0,center;background-size:128px 128px,100% 100%;background-repeat:repeat,no-repeat;overflow:hidden;overflow:clip;text-align:center}

.gp-kicker{font:600 13px/16px var(--sans);letter-spacing:.42em;padding-left:.42em;color:var(--kicker);text-transform:uppercase;margin-bottom:12px}
.gp-title{font:700 40px/48px var(--serif);letter-spacing:.06em;color:var(--ice);text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 22px rgba(80,210,205,.3);text-wrap:balance}
.gp-title span{color:var(--accent)}
.gp-divider{height:16px;margin:14px -40px 42px;background:url(../images/presentation/divider.png) center/1000px 16px no-repeat}
.gp-body{max-width:820px;margin:0 auto;text-wrap:pretty}
.gp-body b,.gp-body strong,.gp-card p b,.gp-feature p b,.gp-grade p b{color:var(--hi);font-weight:600}
.gp-body p+p{margin-top:27px}
.gp-text{padding-bottom:90px}

/* Kopfbanner */
.gp-header{padding:0;aspect-ratio:1000/640;background:#07090a;container-type:inline-size}
.gp-header::before{content:"";position:absolute;inset:0;z-index:-1;background:url(../images/presentation/hero.webp) center/cover no-repeat;transform-origin:62% 40%}
.gp-hero-inner{position:absolute;left:12.5%;top:16.4%;width:36%;display:flex;flex-direction:column;align-items:center}
.gp-hero-logo{width:100%;height:auto;filter:drop-shadow(0 0 20px rgba(60,200,190,.25))}
.gp-hero-plate{position:relative;flex:none;width:38cqw;height:4cqw;max-height:40px;margin-top:.8cqw;display:flex;align-items:center;justify-content:center;border:1px solid rgba(146,196,195,.82);border-radius:40px;background:radial-gradient(ellipse 40% 60% at 50% 0,rgba(60,190,184,.15),transparent),rgba(8,11,12,.92);box-shadow:inset 0 0 0 2px rgba(8,11,12,.92),inset 0 0 0 3px rgba(146,196,195,.22);font:600 1.5cqw/1 var(--sans);letter-spacing:.62em;padding-left:.62em;color:var(--teal-light);text-transform:uppercase;white-space:nowrap}
.gp-hero-plate::before,.gp-hero-plate::after{content:"";position:absolute;top:50%;width:8px;height:8px;margin-top:-4px;background:var(--gp-dia-light) center/8px no-repeat}
.gp-hero-plate::before{left:18px}
.gp-hero-plate::after{right:18px}
.gp-hero-slogan{flex:none;margin-top:2.4cqw;font:400 2cqw/1.3 var(--serif);letter-spacing:.38em;padding-left:.38em;color:#a0ccca;text-shadow:0 0 18px rgba(60,200,190,.3);white-space:nowrap}
@container (min-width:1000px){
	.gp-hero-plate{width:380px;height:40px;margin-top:8px;font-size:15px}
	.gp-hero-slogan{margin-top:24px;font-size:20px}
}

/* Kapitelband */
.gp-part{padding:50px 0 56px}
.gp-band{position:relative;padding:54px 40px 52px;background:url(../images/presentation/band.webp) center/100% 100% no-repeat}
.gp-band::before,.gp-band::after{content:"";position:absolute;left:50%;transform:translateX(-50%)}
.gp-band::before{top:7px;width:91px;height:16px;background:url(../images/presentation/deco_top.png)}
.gp-band::after{bottom:7px;width:103px;height:13px;background:url(../images/presentation/deco_bottom.png)}
.gp-band-kicker{font:600 13px/16px var(--sans);letter-spacing:.6em;padding-left:.6em;color:var(--teal);text-transform:uppercase}
.gp-band-title{margin-top:14px;font:900 46px/54px var(--serif);letter-spacing:.24em;padding-left:.24em;background:linear-gradient(180deg,#f0faf9,#82d6d2);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 3px rgba(0,0,0,.9)) drop-shadow(0 0 13px rgba(80,210,205,.32))}
.gp-band-sub{margin-top:12px;font:italic 400 17px/22px var(--sans);color:#8c9e9e}

/* Flaechen */
.gp-chip,.gp-card,.gp-plate,.gp-capbar,.gp-row{position:relative;border:1px solid #000;box-shadow:inset 0 0 0 1px var(--rim)}
.gp-chip::before,.gp-card::before,.gp-row::before,.gp-plate::before{content:"";position:absolute;left:1px;right:1px;top:1px;height:1px;background:rgba(255,255,255,.05)}
.gp-chip{--dia:var(--gp-dia);--accent:var(--teal);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px 10px 16px;min-height:86px;
	background:
		var(--dia) 3px 3px no-repeat,var(--dia) right 3px top 3px no-repeat,var(--dia) left 3px bottom 3px no-repeat,var(--dia) right 3px bottom 3px no-repeat,
		radial-gradient(ellipse 45% 36px at 50% 0,rgba(60,190,184,.12),transparent),
		linear-gradient(rgba(27,31,32,.93),rgba(13,15,16,.93))}
.gp-chip::after{content:"";position:absolute;top:0;left:27%;right:27%;height:2px;background:linear-gradient(90deg,transparent,var(--accent) 30%,var(--accent) 70%,transparent);opacity:.9}
.gp-chip strong{font:700 28px/32px var(--serif);letter-spacing:.02em;color:var(--teal-light);text-shadow:0 0 14px rgba(80,210,205,.3)}
.gp-chip span{margin-top:9px;font:600 12px/15px var(--sans);letter-spacing:.18em;padding-left:.18em;color:var(--muted);text-transform:uppercase}
.gp-chip em{font:700 12px/15px var(--sans);font-style:normal;letter-spacing:.24em;padding-left:.24em;color:var(--teal);text-transform:uppercase;margin-bottom:10px}

.gp-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:44px}
.gp-chips .gp-chip{width:var(--cw)}
.gp-concept .gp-chips,.gp-concept .gp-cards,.gp-concept .gp-grades,.gp-concept .gp-gear,.gp-concept .gp-icons,.gp-concept .gp-legend-cap{margin-top:50px}
.gp-concept .gp-icons+.gp-chips{margin-top:36px}

.gp-capbar{display:inline-flex;align-items:center;justify-content:center;min-width:220px;height:26px;padding:0 26px 1px;
	background:var(--gp-dia-full) 8px 50% no-repeat,var(--gp-dia-full) right 8px top 50% no-repeat,
		linear-gradient(90deg,transparent,rgba(146,196,195,.55),transparent) 1px calc(100% - 1px)/calc(100% - 2px) 1px no-repeat,
		linear-gradient(#282c2d,#151718);
	box-shadow:inset 0 0 0 1px #3e4242;font:700 12px/1 var(--sans);letter-spacing:.36em;color:var(--teal);text-transform:uppercase;white-space:nowrap}
.gp-capbar{padding-left:calc(26px + .36em)}
.gp-group-title{min-width:260px;margin-bottom:30px}

/* Fenster */
.gp-groups{margin:48px -40px 0}
.gp-groups .gp-group-title+.gp-wins{margin-top:0}
.gp-wins{position:relative;width:100%}
.gp-wins+.gp-group-title{margin-top:56px}
.gp-win{position:absolute;height:auto;filter:drop-shadow(0 12px 14px rgba(0,0,0,.78)) drop-shadow(0 0 21px rgba(40,170,165,.22))}
.gp-wincap{position:absolute;transform:translateX(-50%)}
.gp-gifbox{height:auto}
.gp-gifbox img{position:absolute;max-width:none;height:auto;pointer-events:none}
.gp-splitrow .gp-win.gp-gifbox{position:relative;max-width:100%}
.gp .gp-render{filter:drop-shadow(0 0 22px rgba(60,200,190,.3)) drop-shadow(0 0 60px rgba(60,200,190,.12));pointer-events:none}

.gp-intro{display:flex;align-items:center;gap:44px;margin:0 -30px 0 20px;text-align:left}
.gp-intro-left{flex-direction:row-reverse;margin:0 20px 0 -30px}
.gp-intro-text{flex:0 1 var(--tw);min-width:0}
.gp-intro-text .gp-body{max-width:none;margin:0}
.gp-intro-text .gp-side{margin-top:30px}
.gp-intro-art{flex:1 1 0;min-width:0;display:flex;justify-content:center;align-self:flex-end}
.gp-intro-art img{display:block;max-width:100%;height:auto}
.gp-chips.gp-chipgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}
.gp-chips.gp-chipgrid .gp-chip{width:auto}
.gp-chips.gp-chipgrid .gp-chip:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 10px)}
.gp-side.gp-side-grid{display:grid;grid-template-columns:repeat(2,minmax(0,440px));justify-content:center;gap:14px 20px;margin-top:44px}

.gp-splitrow{display:flex;align-items:center;justify-content:center;gap:50px;margin-top:48px}
.gp-split-win{flex:0 0 auto;min-width:390px;display:flex;justify-content:center}
.gp-splitrow .gp-win{position:static;width:auto;max-width:100%}
.gp-side{flex:0 0 400px;display:flex;flex-direction:column;gap:14px;text-align:left}
.gp-side .gp-chip{min-height:84px;text-align:center}

.gp-row{display:flex;align-items:center;gap:0;padding:14px 20px;background:linear-gradient(90deg,var(--accent,var(--teal)),var(--accent,var(--teal))) 3px 6px/2px calc(100% - 12px) no-repeat,linear-gradient(#1f2223,#0f1112);--accent:var(--teal)}
.gp-tier{min-height:82px;padding:12px 20px 12px 16px}
.gp-tier-num{flex:0 0 70px;display:flex;flex-direction:column;align-items:center;margin-right:14px}
.gp-tier-num strong{font:700 34px/36px var(--serif);color:var(--teal-light);text-shadow:0 0 14px rgba(80,210,205,.3)}
.gp-tier-num span{margin-top:6px;font:600 12px/14px var(--sans);letter-spacing:.18em;color:var(--muted);text-transform:uppercase}
.gp-row p{font:400 15px/21px var(--sans);color:var(--text)}
.gp-legend{min-height:70px;padding:12px 20px 12px 56px}
.gp-legend i{position:absolute;left:23px;top:50%;width:14px;height:14px;margin-top:-7px;background:var(--accent);transform:rotate(45deg) scale(.72);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 50%,transparent)}
.gp-legend i::after{content:"";position:absolute;inset:4px;background:rgba(255,255,255,.6)}
.gp-legend b{display:block;font:700 13px/16px var(--sans);letter-spacing:.22em;color:var(--ice);text-transform:uppercase;margin-bottom:4px}

/* Karten */
.gp-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.gp-cards>.gp-card{flex:0 1 calc((100% - 48px) / 3)}
.gp-card{display:flex;flex-direction:column;background:linear-gradient(rgba(27,31,32,.93),rgba(13,15,16,.93))}
.gp-card-head{position:relative;display:flex;align-items:center;justify-content:center;min-height:47px;margin:1px 1px 0;padding:8px 30px;
	background:var(--gp-dia-full) 11px 50% no-repeat,var(--gp-dia-full) right 11px top 50% no-repeat,linear-gradient(#282d2e,#16191a);
	border-bottom:1px solid rgba(0,0,0,.63);box-shadow:0 1px 0 rgba(146,196,195,.55);font:700 16px/20px var(--serif);letter-spacing:.08em;color:var(--ice)}
.gp-card-body{padding:22px 22px 26px}
.gp-card-body strong{display:block;font:700 24px/28px var(--serif);letter-spacing:.03em;color:var(--teal-light);text-shadow:0 0 14px rgba(80,210,205,.3)}
.gp-card-body p{margin-top:12px;font:400 15px/22px var(--sans)}

.gp-grades{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.gp-grade{justify-content:flex-start;padding:26px 14px 24px;background:
		var(--dia) 3px 3px no-repeat,var(--dia) right 3px top 3px no-repeat,var(--dia) left 3px bottom 3px no-repeat,var(--dia) right 3px bottom 3px no-repeat,
		radial-gradient(ellipse 60% 70px at 50% 40px,color-mix(in srgb,var(--accent) 16%,transparent),transparent),
		linear-gradient(rgba(27,31,32,.93),rgba(13,15,16,.93))}
.gp-grade strong{font-size:30px;line-height:34px;color:var(--accent);text-shadow:none}
.gp-grade span{margin-top:8px;min-height:30px}
.gp-grade p{margin-top:16px;font:400 15px/22px var(--sans)}
.gp-grades .gp-grade:not(:last-child)::before{content:"";display:block;position:absolute;left:auto;top:50%;right:-21px;width:26px;height:26px;margin-top:-13px;background:url(../images/presentation/chevron.png) center/26px no-repeat;z-index:2}

.gp-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.gp-icons img{width:52px;height:52px}

.gp-gear{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:880px;margin-left:auto;margin-right:auto}
.gp-gear .gp-chip{width:205px;min-height:104px}

/* Regionenkette */
.gp-legend-cap{font:700 12px/15px var(--sans);letter-spacing:.36em;padding-left:.36em;color:var(--teal);text-transform:uppercase;margin-bottom:26px}
.gp-chain{display:grid;grid-template-columns:84fr 50fr 84fr 50fr 84fr 50fr 84fr 50fr 84fr 50fr 84fr 50fr 84fr;max-width:888px;margin:0 auto;align-items:start}
.gp-node{min-width:0;display:flex;flex-direction:column;align-items:center}
.gp-node img{width:100%;height:auto;filter:drop-shadow(0 0 22px color-mix(in srgb,var(--el) 35%,transparent))}
.gp-node span{margin-top:12px;font:700 12px/15px var(--sans);letter-spacing:.22em;padding-left:.22em;color:var(--ice);white-space:nowrap}
.gp-link{position:relative;aspect-ratio:50/84;display:flex;align-items:center;justify-content:center}
.gp-link::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,rgba(146,196,195,.5),rgba(146,196,195,.8),rgba(146,196,195,.5))}
.gp-link span{position:relative;min-width:44px;padding:3px 6px 4px;border:1px solid rgba(146,196,195,.75);border-radius:12px;background:#0a0d0e;font:700 13px/15px var(--serif);color:var(--teal-light)}

/* Komfort */
.gp-features{margin-top:50px;display:grid;grid-template-columns:repeat(2,minmax(0,440px));justify-content:center;gap:16px 40px;text-align:left}
.gp-feature{min-height:100px;padding:22px 20px 22px 22px;align-items:center;gap:18px}
.gp-feature img{flex:0 0 56px;width:56px;height:56px;align-self:center}
.gp-feature h3{font:700 16px/20px var(--serif);letter-spacing:.08em;color:var(--ice);margin-bottom:6px}
.gp-feature p{font:400 15px/22px var(--sans)}

.gp-plates{display:grid;grid-template-columns:repeat(3,minmax(0,290px));justify-content:center;gap:14px 25px;margin-top:44px}
.gp-plate{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 26px;
	background:var(--gp-dia-full) 9px 50% no-repeat,var(--gp-dia-full) right 9px top 50% no-repeat,
		linear-gradient(90deg,rgba(146,196,195,.05),rgba(146,196,195,.47),rgba(146,196,195,.05)) 1px calc(100% - 2px)/calc(100% - 2px) 1px no-repeat,
		linear-gradient(#262a2b,#131516);
	box-shadow:inset 0 0 0 1px #404444;font:700 13px/16px var(--sans);letter-spacing:.14em;color:#c8e2e1;text-transform:uppercase}
.gp-more .gp-plates{margin-top:44px}

/* Schlusswort */
.gp-closing-row{position:relative;min-height:470px;text-align:left}
.gp-closing-text{position:relative;z-index:1;max-width:520px;margin:6px 0 0 30px}
.gp-closing-text p+p{margin-top:27px}
.gp-demon{position:absolute;right:-100px;top:-106px;width:auto;height:700px;max-width:none;pointer-events:none;filter:drop-shadow(0 0 30px rgba(60,200,190,.22))}
.gp-closing .gp-title{position:relative;z-index:2}
.gp-final{position:relative;z-index:1;margin-top:80px;font:700 24px/30px var(--serif);letter-spacing:.12em;padding-left:.12em;color:var(--teal-light);text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 22px rgba(80,210,205,.3);text-wrap:balance}
.gp-final+.gp-divider{position:relative;z-index:1;margin-top:30px;margin-bottom:34px}
.gp-closing-logo{position:relative;z-index:1;width:230px;height:auto;filter:drop-shadow(0 0 15px rgba(60,200,190,.25))}
.gp-url{margin-top:14px;font:600 13px/16px var(--sans);letter-spacing:.5em;padding-left:.5em;color:var(--muted)}

@container gp (max-width:999px){
	.gp-groups{margin-left:-20px;margin-right:-20px}
}
@container gp (max-width:960px){
	.gp-sec{padding:64px 24px 72px}
	.gp-divider{margin-left:-24px;margin-right:-24px;background-size:100% 16px}
	.gp-groups{margin-left:-12px;margin-right:-12px}
	.gp-cards{max-width:420px;margin-left:auto;margin-right:auto}
	.gp-cards>.gp-card{flex-basis:100%}
	.gp-grades{grid-template-columns:repeat(3,1fr)}
	.gp-grades .gp-grade::before{display:none!important}
	.gp-grade span{min-height:0}
	.gp-features{grid-template-columns:minmax(0,560px)}
	.gp-plates{grid-template-columns:repeat(auto-fit,minmax(240px,290px))}
	.gp-splitrow{flex-direction:column;gap:36px}
	.gp-split-win{flex:none;min-width:0;max-width:100%}
	.gp-side{flex:none;width:100%;max-width:420px}
	.gp-intro,.gp-intro-left{flex-direction:column;gap:30px;margin:0}
	.gp-intro-text{flex:none;width:100%;max-width:640px;margin:0 auto}
	.gp-intro-art{flex:none;align-self:center}
	.gp-intro-art img{width:auto;height:420px;object-fit:contain}
	.gp-side.gp-side-grid{grid-template-columns:minmax(0,440px);max-width:none}
	.gp-closing-row{min-height:0}
	.gp-closing-text{margin:0 auto;max-width:640px}
	.gp-demon{position:relative;display:block;right:auto;top:auto;height:auto;width:min(360px,80%);margin:30px auto -40px}
	.gp-final{margin-top:30px}
	.gp-chain{grid-template-columns:repeat(4,1fr);gap:24px 12px;max-width:520px}
	.gp-link{display:none}
	.gp-node img{width:72px}
}
@container gp (max-width:640px){
	.gp-sec{font-size:16px;line-height:25px}
	.gp-sec{padding:56px 16px 64px}
	.gp-divider{margin:12px -16px 32px}
	.gp-title{font-size:28px;line-height:36px}
	.gp-kicker{letter-spacing:.3em;padding-left:.3em}
	.gp-header{aspect-ratio:auto;min-height:520px}
	.gp-header::before{background-position:70% center}
	.gp-hero-inner{left:0;right:0;top:auto;bottom:40px;width:auto;padding:0 16px}
	.gp-hero-logo{width:min(300px,72%)}
	.gp-hero-plate{width:auto;height:36px;max-height:none;margin-top:14px;padding:0 44px 0 calc(44px + .4em);font-size:12px;letter-spacing:.4em}
	.gp-hero-slogan{margin-top:16px;font-size:15px;letter-spacing:.24em;padding-left:.24em;white-space:normal}
	.gp-part{padding:36px 0 40px}
	.gp-band{padding:48px 16px 46px}
	.gp-band-title{font-size:30px;line-height:38px;letter-spacing:.14em;padding-left:.14em}
	.gp-band-kicker{letter-spacing:.4em;padding-left:.4em}
	.gp-chips{gap:12px}
	.gp-chips .gp-chip{width:calc(50% - 6px)}
	.gp-chip strong{font-size:24px}
	.gp-chip span{letter-spacing:.1em;padding-left:.1em}
	.gp-gear .gp-chip{width:calc(50% - 10px)}
	.gp-grades{grid-template-columns:1fr 1fr}
	.gp-groups{margin-left:-16px;margin-right:-16px}
	.gp-capbar{min-width:0;padding:0 22px;letter-spacing:.2em;font-size:10px}
	.gp-group-title{min-width:0}
	.gp-plates{grid-template-columns:1fr 1fr;gap:10px}
	.gp-plate{padding:8px 20px;font-size:11px;letter-spacing:.08em}
	.gp-feature{padding:18px 16px;gap:14px}
	.gp-feature img{flex-basis:48px;width:48px;height:48px}
	.gp-legend-cap{letter-spacing:.2em;padding-left:.2em}
	.gp-chain{grid-template-columns:repeat(3,1fr);gap:22px 8px}
	.gp-node span{font-size:11px;letter-spacing:.12em;padding-left:.12em}
	.gp-final{font-size:19px;line-height:26px}
	.gp-url{letter-spacing:.3em;padding-left:.3em}
}
@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	.pres-rail,.pres-lang-menu{transition:none}
}

/* Kapitel-Leiste und Buehne */
.presentation-page{position:relative;isolation:isolate;min-height:100vh}
.pres-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(90% 60% at 62% -10%,rgba(146,196,195,.10),transparent 60%),linear-gradient(180deg,#141616 0%,#0b0c0c 50%,#080909 100%)}
.pres-bg::after{content:"";position:absolute;inset:0;opacity:.3;background:url(../images/yuona/stone_bg.webp) center 35%/cover no-repeat;-webkit-mask-image:radial-gradient(75% 65% at 55% 40%,#000,transparent 80%);mask-image:radial-gradient(75% 65% at 55% 40%,#000,transparent 80%)}

.pres-rail-foot button,.pres-rail-foot>a,.pres-rail-close,.pres-burger{background:linear-gradient(#262a2b,#131516);border:1px solid #000;box-shadow:inset 0 0 0 1px #404444;color:#c8e2e1;transition:color .15s,box-shadow .15s}
.pres-rail-foot button:hover,.pres-rail-foot>a:hover,.pres-rail-close:hover,.pres-burger:hover{color:var(--teal-light);box-shadow:inset 0 0 0 1px rgba(146,196,195,.7)}
.pres-rail-foot button:focus-visible,.pres-rail-foot>a:focus-visible,.pres-burger:focus-visible,.pres-rail-close:focus-visible{outline:2px solid var(--teal);outline-offset:2px}

.pres-rail{position:fixed;inset:0 auto 0 0;z-index:100;width:300px;display:flex;flex-direction:column;background:linear-gradient(180deg,#141717,#0b0d0d);border-right:1px solid #000;box-shadow:inset -1px 0 0 rgba(146,196,195,.3),24px 0 64px rgba(0,0,0,.6)}
.pres-rail-head{position:relative;padding:22px 24px;border-bottom:1px solid #000;box-shadow:0 1px 0 #232626}
.pres-rail-head::after{content:"";position:absolute;left:50%;bottom:-9px;z-index:2;width:132px;height:16px;margin-left:-66px;background:url(../images/yuona/taskbar_deco.webp) no-repeat;pointer-events:none}
.pres-logo{display:block;max-width:150px;margin:0 auto}
.pres-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 14px rgba(60,200,190,.28))}
.pres-rail-sub{margin-top:8px;text-align:center;font:600 11px/1.3 var(--sans);letter-spacing:.3em;padding-left:.3em;text-transform:uppercase;color:var(--kicker)}
.pres-rail-progress{height:3px;background:#060707;border-bottom:1px solid #000}
.pres-rail-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#3a5c5b,var(--teal-light));transform:scaleX(0);transform-origin:0 50%;transition:transform .18s linear}
.pres-rail-scroll{flex:1 1 0;overflow-y:auto;overscroll-behavior:contain;padding:10px 0 24px;scrollbar-width:thin;scrollbar-color:#5e8a89 #0d0f0f}
.pres-rail-scroll::-webkit-scrollbar{width:6px}
.pres-rail-scroll::-webkit-scrollbar-thumb{background:#5e8a89}
.pres-rail-part,.pres-rail-link{display:flex;align-items:center;width:100%;margin:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.pres-rail-part b,.pres-rail-link b{min-width:0;font-weight:400}
.pres-rail-part{gap:8px;padding:20px 24px 8px;font:600 11px/1.3 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--kicker);transition:color .2s}
.pres-rail-part::after{content:"";flex:1 1 0;height:1px;background:linear-gradient(90deg,rgba(146,196,195,.45),transparent)}
.pres-rail-part:hover{color:var(--teal)}
.pres-rail-part.is-active{color:var(--teal-light)}
.pres-rail-link{gap:12px;padding:7px 24px;border-left:2px solid transparent;font:400 14.5px/1.35 var(--sans);color:#8b9393;transition:color .2s,border-color .2s,background .2s}
.pres-rail-link>span{min-width:20px;font:600 11px/1 var(--sans);letter-spacing:.08em;color:#46706e}
.pres-rail-link:hover{color:var(--ice);background:rgba(255,255,255,.035)}
.pres-rail-link.is-active{color:var(--hi);border-left-color:var(--teal);background:linear-gradient(90deg,#252a2a,#1a1d1d 70%,rgba(26,29,29,0));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -1px 0 #000}
.pres-rail-link.is-active>span{color:var(--teal-light)}
.pres-rail-part:focus-visible,.pres-rail-link:focus-visible{outline:1px solid var(--teal);outline-offset:-3px}
.pres-rail-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 20px;border-top:1px solid #000;box-shadow:inset 0 1px 0 #232626;background:#0b0c0c}
.pres-rail-foot button,.pres-rail-foot>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:34px;height:34px;padding:0 13px;cursor:pointer;text-decoration:none;font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.pres-rail-foot button[data-target="top"]{padding:0}
.pres-lang{position:relative}
.pres-lang-menu{display:none;position:absolute;left:0;bottom:calc(100% + 8px);z-index:120;min-width:180px;max-height:min(65vh,470px);overflow-y:auto;padding:5px;background:linear-gradient(#171a1a,#0d0f0f);border:1px solid #000;box-shadow:inset 0 0 0 1px rgba(146,196,195,.4),0 26px 70px rgba(0,0,0,.7)}
.pres-lang.is-open .pres-lang-menu{display:block}
.pres-lang-menu a{display:flex;align-items:center;gap:10px;padding:8px 11px;color:var(--text);text-decoration:none;font:600 14px/1 var(--sans)}
.pres-lang-menu a:hover,.pres-lang-menu a:focus-visible{background:#222727;color:var(--hi)}
.pres-lang-menu a.is-current{color:var(--teal-light)}
.pres-lang-menu img,.pres-lang>button img{display:block;flex:0 0 auto;width:23px;height:14px}
.pres-rail-close,.pres-burger{display:none}
.pres-overlay{display:none;position:fixed;inset:0;z-index:98;background:rgba(0,0,0,.65)}

.pres-main{margin-left:300px;padding:40px clamp(16px,3.4vw,48px) 64px}
.pres-sheet{position:relative;max-width:1000px;margin:0 auto;background:var(--base);border:1px solid #000;box-shadow:0 34px 90px rgba(0,0,0,.7)}
.pres-sheet::before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(146,196,195,.45),inset 0 0 0 2px #000}
.pres-sheet::after{content:"";position:absolute;inset:-7px -7px -9px;z-index:5;pointer-events:none;background:url(../images/yuona/deco_topleft.webp) left top/33px 37px no-repeat,url(../images/yuona/deco_topright.webp) right top/33px 37px no-repeat,url(../images/yuona/deco_top.webp) center top 1px/91px 16px no-repeat,url(../images/yuona/deco_bottomleft.webp) left bottom/46px 31px no-repeat,url(../images/yuona/deco_bottomright.webp) right bottom/46px 31px no-repeat,url(../images/yuona/deco_bottom.webp) center bottom 3px/103px 13px no-repeat}

@media (max-width:980px){
	.pres-rail{width:min(320px,88vw);transform:translateX(-100%);transition:transform .34s cubic-bezier(.16,1,.3,1)}
	.pres-rail.is-open{transform:none}
	.pres-rail-close{display:inline-flex;position:absolute;top:14px;right:14px;z-index:3;align-items:center;justify-content:center;width:34px;height:34px;padding:0;cursor:pointer}
	.pres-burger{display:inline-flex;position:fixed;top:14px;left:14px;z-index:99;align-items:center;gap:8px;padding:10px 16px;font:700 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
	.pres-overlay.is-open{display:block}
	.pres-main{margin-left:0;padding-top:72px}
	.gp-sec{scroll-margin-top:64px}
}
@media (max-width:600px){
	.pres-main{padding-left:10px;padding-right:10px}
}

/* Flaggen, Bildkarten, Startset, Upp-System */
.gp-flags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:40px}
.gp-flag{display:flex;align-items:center;justify-content:center;width:46px;height:30px;border:1px solid #000;box-shadow:inset 0 0 0 1px var(--rim);background:linear-gradient(#1e2122,#0e1011)}
.gp-flag img{width:33px;height:20px}

.gp-tilegrid{display:grid;grid-template-columns:repeat(2,minmax(0,440px));justify-content:center;gap:20px;margin-top:50px}
.gp-tile{position:relative;margin:0;aspect-ratio:var(--ar);filter:drop-shadow(0 12px 14px rgba(0,0,0,.7))}
.gp-tile img{display:block;width:100%;height:100%;object-fit:cover}
.gp-tile:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 10px)}
.gp-tile figcaption{position:absolute;left:24px;right:24px;bottom:16px;display:flex;flex-direction:column;gap:4px;text-align:left}
.gp-tile figcaption span{font:700 12px/15px var(--sans);letter-spacing:.24em;color:var(--teal);text-transform:uppercase}
.gp-tile figcaption b{font:700 16px/20px var(--serif);letter-spacing:.08em;color:var(--ice);text-shadow:0 2px 4px rgba(0,0,0,.9)}

.gp-stages{display:flex;justify-content:center;margin-top:30px}
.gp-stage{position:relative;display:flex;flex-direction:column;align-items:center;width:500px;margin:0}
.gp-stage+.gp-stage{margin-left:-60px}
.gp-stage img{display:block;width:100%;height:auto}
.gp-stage figcaption{position:relative;margin-top:-20px;min-width:240px}
.gp-stages+.gp-chips{margin-top:44px}

.gp-upline{margin-top:50px}
.gp-upline+.gp-upline{margin-top:40px}
.gp-uprow{display:flex;flex-wrap:wrap;justify-content:center;gap:24px 28px;margin-top:26px}
.gp-upstep{position:relative;display:flex;flex-direction:column;align-items:center;width:104px}
.gp-upstep img{width:104px;height:112px;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--el) 30%,transparent))}
.gp-upstep b{margin-top:12px;font:700 12px/15px var(--sans);letter-spacing:.2em;padding-left:.2em;color:var(--ice);width:calc(100% + 20px);min-height:30px;display:flex;align-items:center;justify-content:center;text-align:center}
.gp-upstep span{margin-top:6px;font:600 12px/15px var(--sans);letter-spacing:.14em;color:var(--muted)}
.gp-upstep:not(:last-child)::after{content:"";position:absolute;right:-27px;top:43px;width:26px;height:26px;background:url(../images/presentation/chevron.png) center/26px no-repeat}
.gp-upline~.gp-chips{margin-top:44px}

@container gp (max-width:960px){
	.gp-tilegrid{grid-template-columns:minmax(0,560px)}
	.gp-tile:last-child:nth-child(odd){grid-column:auto;width:auto}
	.gp-stages{flex-direction:column;align-items:center}
	.gp-stage{width:min(500px,100%)}
	.gp-stage+.gp-stage{margin:24px 0 0}
	.gp-uprow{gap:20px 14px}
	.gp-upstep:not(:last-child)::after{display:none}
}
@container gp (max-width:640px){
	.gp-upstep{width:84px}
	.gp-upstep img{width:84px;height:auto}
	.gp-upstep b{letter-spacing:.1em;padding-left:.1em;font-size:11px}
}

/* Bewegung: Hintergrund, Kopfbanner */
.pres-fog{position:absolute;inset:-25%;pointer-events:none;will-change:transform}
.pres-fog-a{background:radial-gradient(38% 28% at 30% 38%,rgba(60,190,184,.11),transparent 70%),radial-gradient(30% 24% at 78% 72%,rgba(146,196,195,.07),transparent 70%);animation:gpFogA 46s ease-in-out infinite alternate}
.pres-fog-b{background:radial-gradient(42% 32% at 70% 28%,rgba(40,130,126,.10),transparent 70%),radial-gradient(28% 28% at 18% 82%,rgba(214,170,96,.05),transparent 70%);animation:gpFogB 62s ease-in-out infinite alternate}
@keyframes gpFogA{to{transform:translate3d(9%,-7%,0) scale(1.16)}}
@keyframes gpFogB{to{transform:translate3d(-11%,8%,0) scale(1.12) rotate(7deg)}}
.pres-bg::after{animation:gpStone 80s ease-in-out infinite alternate}
@keyframes gpStone{to{transform:scale(1.1) translate3d(-2%,1.5%,0)}}
.gp-idle,.gp-idle::before,.gp-idle::after,.gp-idle *,.gp-idle *::before,.gp-idle *::after{animation-play-state:paused!important}
@keyframes gpPar{from{translate:0 -26px}to{translate:0 26px}}
@supports (animation-timeline:view()){
	@media (prefers-reduced-motion:no-preference){
		.gp-intro-art img,.gp-wins>.gp-render,.gp-demon,.gp-stage>img{animation:gpPar linear both;animation-timeline:view()}
	}
}
.pres-fx{position:fixed;inset:0;z-index:60;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}

.gp-header::before{animation:gpKen 30s ease-in-out infinite alternate}
@keyframes gpKen{to{transform:scale(1.075) translate3d(-1.2%,.8%,0)}}
.gp-header::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(182,251,249,.09) 47%,rgba(182,251,249,.02) 52%,transparent 62%) 0 0/300% 100% no-repeat;animation:gpRays 11s ease-in-out infinite}
@keyframes gpRays{0%{background-position:120% 0}60%,100%{background-position:-60% 0}}
.gp-hero-logo{animation:gpLogoIn 1.6s cubic-bezier(.2,.8,.2,1) both,gpFloat 7s ease-in-out 1.6s infinite}
@keyframes gpLogoIn{from{opacity:0;transform:scale(.86)}}
@keyframes gpFloat{50%{transform:translateY(-1.1cqw)}}
.gp-hero-plate{overflow:hidden;animation:gpFadeUp 1s cubic-bezier(.2,.8,.2,1) .7s both}
.gp-shine{position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(182,251,249,.28) 50%,transparent 70%) 0 0/250% 100% no-repeat;animation:gpShine 5.5s ease-in-out 2s infinite;pointer-events:none}
@keyframes gpShine{0%{background-position:160% 0}45%,100%{background-position:-60% 0}}
.gp-hero-slogan{animation:gpSlogan 1.8s cubic-bezier(.2,.8,.2,1) 1s both}
@keyframes gpSlogan{from{opacity:0;letter-spacing:.7em}}
@keyframes gpFadeUp{from{opacity:0;transform:translateY(16px)}}
.gp-hero-cue{position:absolute;left:50%;bottom:3.2cqw;width:30px;height:30px;margin-left:-15px;border:0;padding:0;background:none;color:var(--teal-light);cursor:pointer;opacity:.75;animation:gpCue 2.2s ease-in-out infinite}
.gp-hero-cue svg{display:block;width:30px;height:30px;filter:drop-shadow(0 0 8px rgba(60,200,190,.6))}
.gp-hero-cue:hover{opacity:1}
.gp-hero-cue:focus-visible{outline:2px solid var(--teal-light);outline-offset:4px}
@keyframes gpCue{50%{transform:translateY(8px);opacity:.4}}
.gp-band-title{background:linear-gradient(100deg,#f0faf9 0%,#82d6d2 38%,#ffffff 50%,#82d6d2 62%,#82d6d2 100%) 100% 0/260% 100%;-webkit-background-clip:text;background-clip:text;animation:gpBandShine 7s ease-in-out infinite}
@keyframes gpBandShine{0%{background-position:100% 0}50%,100%{background-position:0 0}}

/* Bewegung: Einblenden beim Scrollen */
.gp-anim .rv{opacity:0;transition:opacity .85s cubic-bezier(.2,.7,.2,1) var(--rv-d,0ms),transform .95s cubic-bezier(.16,.8,.24,1) var(--rv-d,0ms),clip-path 1.1s cubic-bezier(.2,.7,.2,1) var(--rv-d,0ms),letter-spacing 1.2s cubic-bezier(.2,.7,.2,1) var(--rv-d,0ms)}
.gp-anim .rv-up{transform:translateY(34px)}
.gp-anim .rv-pop{transform:translateY(20px) scale(.9)}
.gp-anim .rv-win{transform:translateY(54px) scale(.95)}
.gp-anim .rv-left{transform:translateX(-80px)}
.gp-anim .rv-right{transform:translateX(80px)}
.gp-anim .rv-zoom{transform:scale(.88)}
.gp-anim .rv-line{opacity:1;clip-path:inset(0 50% 0 50%)}
.gp-anim .rv-band{transform:scaleX(.82)}
.gp-anim .rv.is-in{opacity:1;transform:none}
.gp-anim .rv-line.is-in{clip-path:inset(0 0 0 0)}
.gp-anim .gp-band-title.rv{letter-spacing:.5em}
.gp-anim .gp-band-title.rv.is-in{letter-spacing:.24em}
.gp-wins .gp-win:not(.gp-render){transition:translate .35s cubic-bezier(.2,.8,.2,1)}
.gp-wins .gp-win:not(.gp-render):hover{translate:0 -6px;z-index:6}
.gp-chip,.gp-card,.gp-feature,.gp-plate,.gp-row{transition:translate .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.gp-chip:hover,.gp-card:hover,.gp-feature:hover,.gp-plate:hover,.gp-side .gp-row:hover{translate:0 -3px;box-shadow:inset 0 0 0 1px rgba(146,196,195,.62),0 12px 28px rgba(0,0,0,.45),0 0 24px rgba(60,200,190,.14)}
.gp-tile{overflow:hidden}
.gp-tile img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.gp-tile:hover img{transform:scale(1.06)}
.gp-node img{transition:transform .35s cubic-bezier(.2,1.4,.4,1)}
.gp-node:hover img{transform:scale(1.08) rotate(-4deg)}

/* Reiter */
.gp-tabs{position:relative;margin-top:46px}
.gp-tabs:has(.gp-fox:not([hidden])){margin-top:76px}
.gp-tabbar-wrap{position:relative;display:flex;justify-content:center;margin:0 auto 34px}
.gp-tabbar{position:relative;display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:6px;border-radius:999px;background:rgba(5,7,8,.62);box-shadow:inset 0 0 0 1px rgba(146,196,195,.2),0 12px 32px rgba(0,0,0,.45)}
.gp-tab{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:40px;margin:0;padding:0 22px 0 calc(22px + .2em);border:0;border-radius:999px;background:linear-gradient(#1c2021,#0f1112);box-shadow:inset 0 0 0 1px rgba(146,196,195,.32);color:#9db6b5;font:700 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .2s,box-shadow .25s,background .25s}
.gp-tab:hover{color:var(--ice);box-shadow:inset 0 0 0 1px rgba(146,196,195,.72),0 0 18px rgba(60,200,190,.16)}
.gp-tab:focus-visible{outline:2px solid var(--teal-light);outline-offset:2px}
.gp-tab.is-active{color:var(--teal-light);background:radial-gradient(80% 120% at 50% 0,rgba(96,220,212,.28),transparent 70%),linear-gradient(#24403f,#132625);box-shadow:inset 0 0 0 1px rgba(182,251,249,.85),inset 0 1px 0 rgba(255,255,255,.12),0 0 22px rgba(60,200,190,.3)}
.gp-tab i{width:6px;height:6px;background:currentColor;transform:rotate(45deg);opacity:.55}
.gp-tab.is-active i{opacity:1;box-shadow:0 0 8px currentColor}
.gp-tabs .gp-groups{margin-top:0}
.gp-tabpanel[hidden]{display:none}
.gp-tabpanel.is-shown{animation:gpPanel .55s cubic-bezier(.2,.8,.2,1)}
@keyframes gpPanel{from{opacity:0;transform:translateY(16px)}}

/* Fuchs */
.gp-fox{--fs:124px;position:absolute;left:0;bottom:-4px;z-index:9;width:var(--fs);height:var(--fs);transition:transform 1.7s linear;pointer-events:none}
.gp-fox[hidden]{display:none}
.gp-fox.is-up{bottom:calc(100% - 14px)}
.gp-fox-sprite{position:absolute;inset:0;background:url(../images/presentation/fox/idle.webp) 0 0/4000% 100% no-repeat;filter:drop-shadow(0 7px 6px rgba(0,0,0,.6));pointer-events:auto;cursor:pointer}
.gp-fox.is-run .gp-fox-sprite{background-image:url(../images/presentation/fox/run.webp);background-size:1600% 100%;animation:gpFoxRun .42s steps(16,jump-none) infinite}
.gp-fox.is-idle .gp-fox-sprite{animation:gpFoxStrip 4.5s steps(40,jump-none) infinite}
.gp-fox.is-spin .gp-fox-sprite{background-image:url(../images/presentation/fox/spin.webp);background-size:2400% 100%;animation:gpFoxStrip 1.6s steps(24,jump-none) 1}
.gp-fox.is-back .gp-fox-sprite{transform:scaleX(-1)}
@keyframes gpFoxRun{from{background-position:0 0}to{background-position:100% 0}}
@keyframes gpFoxStrip{from{background-position:0 0}to{background-position:100% 0}}
.gp-fox-shadow{position:absolute;left:22%;right:22%;bottom:4px;height:10px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent)}
.gp-fox-bubble{position:absolute;right:calc(100% - 22px);bottom:calc(100% - 18px);width:min(270px,62vw);padding:13px 36px 14px 16px;border-radius:14px;background:radial-gradient(90% 60% at 20% 0,rgba(60,190,184,.14),transparent 70%),rgba(9,12,13,.96);box-shadow:inset 0 0 0 1px rgba(146,196,195,.6),0 16px 38px rgba(0,0,0,.65);color:var(--ice);font:400 14px/20px var(--sans);text-align:left;opacity:0;transform:translateY(10px) scale(.92);transform-origin:100% 100%;transition:opacity .3s,transform .4s cubic-bezier(.2,1.5,.4,1);pointer-events:none}
.gp-fox-bubble::after{content:"";position:absolute;right:20px;bottom:-7px;width:14px;height:14px;background:#0a0d0e;box-shadow:inset -1px -1px 0 rgba(146,196,195,.6);transform:rotate(45deg)}
.gp-fox-bubble.tail-r{transform-origin:100% 50%}
.gp-fox-bubble.tail-r::after{right:-7px;bottom:auto;top:50%;margin-top:-7px;box-shadow:inset -1px 1px 0 rgba(146,196,195,.6)}
.gp-fox-bubble.tail-l{transform-origin:0 50%}
.gp-fox-bubble.tail-l::after{left:-7px;right:auto;bottom:auto;top:50%;margin-top:-7px;box-shadow:inset 1px -1px 0 rgba(146,196,195,.6)}
.gp-fox-bubble b{color:var(--teal-light)}
.gp-fox.is-talk .gp-fox-bubble{opacity:1;transform:none;pointer-events:auto}
.gp-fox-close{position:absolute;top:7px;right:8px;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:none;color:#8fa9a8;font:400 18px/22px var(--sans);cursor:pointer}
.gp-fox-close:hover{color:var(--ice);background:rgba(146,196,195,.14)}
.gp-fox-close:focus-visible{outline:2px solid var(--teal-light)}

/* Items und Tooltip */
.gp-item{cursor:help;transition:filter .2s,translate .2s}
.gp-item:hover,.gp-item:focus-visible{filter:brightness(1.18) drop-shadow(0 0 10px rgba(60,200,190,.5));translate:0 -2px;outline:none}
.gp-itemrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:20px}
.gp .gp-itemrow .gp-item{display:block;width:48px;height:auto}
.gp-itemrows{margin-top:44px}
.gp-itemrows .gp-capbar{margin-top:26px}
.gp-itemrows .gp-capbar:first-child{margin-top:0}
.gp-stage .gp-itemrow{position:relative;margin-top:14px;gap:8px}
.gp .gp-icons .gp-item{width:48px;height:auto}
.gp-hot{position:absolute;display:block;border-radius:4px}
.gp-hot:hover,.gp-hot:focus-visible{box-shadow:0 0 0 1px rgba(182,251,249,.55),0 0 16px rgba(60,200,190,.4);background:rgba(182,251,249,.06);outline:none}
.gp-tip{position:fixed;left:0;top:0;z-index:300;min-width:200px;max-width:320px;padding:10px 14px 12px;background:rgba(4,6,7,.95);border:1px solid #000;box-shadow:inset 0 0 0 1px rgba(146,196,195,.45),0 18px 44px rgba(0,0,0,.65);color:#c2c2c2;font:400 12.5px/17px Tahoma,Verdana,var(--sans);text-align:center;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s}
.gp-tip.is-on{opacity:1;transform:none}
.gp-tip-name{display:block;margin-bottom:5px;font-weight:700;font-size:13px;color:#f2e7c1}
.gp-tip-name.s{color:#ffc800}
.gp-tip span{display:block}
.gp-tip .p{color:#8ab98e}
.gp-tip .c{color:#beb47d}
.gp-tip .n{color:#e67978}
.gp-tip .d{margin-top:6px;color:#c2c2c2}
.gp-tip .x{margin-top:4px;color:#beb47d}
.gp-tip .o{margin-top:8px;color:#ffc800}
.gp-tip .h{margin:6px auto;width:70%;height:1px;background:linear-gradient(90deg,transparent,rgba(146,196,195,.5),transparent)}

@container gp (max-width:640px){
	.gp-fox{--fs:84px}
	.gp-tab{min-height:36px;padding:0 14px 0 calc(14px + .12em);letter-spacing:.12em;font-size:11px}
	.gp-tabbar{border-radius:20px}
	.gp .gp-itemrow .gp-item{width:40px}
}
@media (prefers-reduced-motion:reduce){
	.pres-fog,.pres-bg::after,.gp-header::before,.gp-header::after,.gp-hero-logo,.gp-hero-plate,.gp-shine,.gp-hero-slogan,.gp-hero-cue,.gp-band-title{animation:none}
	.gp-fox,.gp-fox .gp-fox-sprite{transition:none;animation:none!important}
	.gp-tabpanel.is-shown{animation:none}
}