/* =====================================================================
   ZŠ Bělá – úvodní stránka (vzhled a animace)
   Načítá se jen na úvodu (header/template.php, body.zs-hp).
   Barvy webu: lesní zelená #31645e, krémová #ffe4aa.
   ===================================================================== */
.zs-hp{
	--zs-forest:#31645e;
	--zs-forest-deep:#1f4541;
	--zs-cream:#ffe4aa;
	--zs-paper:#fffdf7;
	--zs-ink:#24312f;
	--zs-amber:#e9b04a;
	--zs-rose:#de7f9b;
	--zs-teal:#2a9a93;
	--zs-ease:cubic-bezier(.2,.8,.2,1);
}

/* ---------------------------------------------------------------- úvodní obrazovka */
.zs-hp .banner-style01.jarallax{ position:relative; }
.zs-hp .banner-style01.jarallax::after{ /* tmavší spodek kvůli čitelnosti oznámení a tlačítek */
	content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
	background:linear-gradient(180deg, rgba(20,45,42,.15) 0%, rgba(20,45,42,0) 35%, rgba(20,45,42,.55) 100%);
}
.zs-hp .banner-style01 .container{ z-index:9; }
.zs-hp .banner-style01 .transparentni-box h2{ text-shadow:0 2px 18px rgba(0,0,0,.35); }

/* úvodní sekvence: podtitul → název → oznámení → tlačítka */
@keyframes zs-rise{ from{ opacity:0; transform:translateY(22px); } to{ opacity:1; transform:none; } }
@keyframes zs-pin{ from{ opacity:0; transform:translateY(-40px) rotate(var(--tilt,0deg)) scale(.96); } to{ opacity:1; transform:rotate(var(--tilt,0deg)); } }
.zs-hp .banner-style01 .col-lg-12 > .inner-box{ animation:zs-rise .9s var(--zs-ease) backwards; }
.zs-hp .banner-style01 .transparentni-box .inner-box{ visibility:visible !important; } /* WOW nezakrývá */

/* ---------------------------------------------------------------- oznámení (nástěnka) */
.zs-notices{
	list-style:none; margin:28px 0 0; padding:0;
	display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:28px;
	align-items:stretch;
}
.zs-note{
	--tilt:-1.6deg; --accent:var(--zs-forest);
	position:relative; display:flex; flex-direction:column; gap:10px;
	min-height:300px; padding:34px 22px 18px;
	background:var(--zs-paper); color:var(--zs-ink);
	border-radius:4px 4px 14px 4px;
	box-shadow:0 1px 0 rgba(0,0,0,.04), 0 14px 30px -12px rgba(0,0,0,.45);
	transform:rotate(var(--tilt)); transform-origin:50% 0;
	transition:transform .35s var(--zs-ease), box-shadow .35s var(--zs-ease);
	animation:zs-pin .8s var(--zs-ease) backwards;
	text-align:left;
}
.zs-note:nth-child(1){ animation-delay:.25s; }
.zs-note:nth-child(2){ --tilt:1.2deg; animation-delay:.37s; }
.zs-note:nth-child(3){ --tilt:-.8deg; animation-delay:.49s; }
.zs-note:nth-child(4){ --tilt:1.8deg; animation-delay:.61s; }
.zs-note--amber{ --accent:var(--zs-amber); }
.zs-note--rose{ --accent:var(--zs-rose); }
.zs-note--teal{ --accent:var(--zs-teal); }
.zs-note--forest{ --accent:var(--zs-forest); }

/* barevný pruh vlevo jako na kartičce */
.zs-note::before{
	content:''; position:absolute; left:0; top:0; bottom:0; width:5px;
	background:var(--accent); border-radius:4px 0 0 14px;
}
/* lepicí páska s kategorií */
.zs-hp .zs-notices .zs-note__tape{
	position:absolute; line-height:1.2 !important; font-weight:700; top:-13px; left:50%; transform:translateX(-50%) rotate(-2deg);
	padding:5px 18px; min-width:96px; text-align:center;
	background:color-mix(in srgb, var(--accent) 82%, white);
	color:#fff; font-family:'Gilroy-Bold', sans-serif !important; font-size:13px !important; letter-spacing:.3px;
	box-shadow:0 2px 6px rgba(0,0,0,.15);
	clip-path:polygon(3% 0, 97% 4%, 100% 100%, 0 96%);
}
.zs-hp .zs-notices .zs-note--amber .zs-note__tape{ color:#3b2a06; }
.zs-hp .zs-notices .zs-note__icon{
	font-family:FontAwesome !important; line-height:1 !important; font-weight:400 !important;
	width:42px; height:42px; display:grid; place-items:center; border-radius:50%;
	background:color-mix(in srgb, var(--accent) 16%, white); color:var(--accent);
	font-size:18px; transition:transform .4s var(--zs-ease);
}
.zs-hp .zs-notices .zs-note--amber .zs-note__icon{ color:#a8730f; }
.zs-hp .zs-note__title{
	margin:4px 0 0; padding:0; font-family:'Gilroy-Bold', sans-serif; font-weight:700;
	font-size:21px; line-height:1.15; color:var(--zs-forest-deep); text-shadow:none;
}
.zs-hp .zs-note__text{ margin:0; font-size:14.5px; line-height:1.5; color:#46524f; }
.zs-hp .zs-note__list{ margin:0; padding:0 0 0 2px; list-style:none; color:#46524f; font-size:14.5px; }
.zs-hp .zs-note__list li{ margin:0 0 3px; padding-left:16px; position:relative; list-style:none; display:block; }
.zs-hp .zs-note__list li::before{ content:''; position:absolute; left:0; top:.62em; width:6px; height:6px; border-radius:50%; background:var(--accent); }
.zs-note__foot{
	margin-top:auto; padding-top:12px; border-top:1px dashed rgba(49,100,94,.25);
	display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:13px;
}
.zs-hp .zs-notices .zs-note__link, .zs-hp .zs-notices .zs-note__meta{ font-size:13px !important; line-height:1.3 !important; font-family:inherit !important; color:var(--zs-forest); font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.zs-hp .zs-notices .zs-note__meta{ font-weight:500; color:#5d6a67 !important; }
.zs-hp .zs-note__link:hover{ color:var(--zs-forest-deep); text-decoration:underline; }
.zs-hp .zs-notices .zs-note__poster{ font-size:13px !important; line-height:1.3;
	flex:none; padding:5px 10px; border-radius:20px; color:var(--zs-forest);
	background:rgba(49,100,94,.08); font-weight:600; transition:background .2s, color .2s;
}
.zs-hp .zs-notices .zs-note__poster:hover, .zs-hp .zs-notices .zs-note__poster:focus-visible{ background:var(--zs-forest); color:#fff; }

/* zvětšení po najetí myší */
@media (hover:hover){
	.zs-note:hover, .zs-note:focus-within{
		transform:rotate(0deg) scale(1.08) translateY(-6px);
		box-shadow:0 2px 0 rgba(0,0,0,.04), 0 30px 50px -18px rgba(0,0,0,.6);
		z-index:5;
	}
	.zs-note:hover .zs-note__icon{ transform:rotate(-10deg) scale(1.1); }
	.zs-notices:hover .zs-note:not(:hover){ filter:saturate(.85) brightness(.96); }
}
.zs-note{ transition:transform .35s var(--zs-ease), box-shadow .35s var(--zs-ease), filter .35s; }

/* ---------------------------------------------------------------- tlačítka pod úvodem */
.zs-hp .video-buttons{ position:relative; z-index:10; }
.zs-hp .service-block-two .inner-box{
	border-radius:10px; overflow:hidden;
	transition:transform .3s var(--zs-ease), box-shadow .3s var(--zs-ease);
	animation:zs-rise .8s var(--zs-ease) backwards; animation-delay:.8s;
}
.zs-hp .service-block-two:nth-child(2) .inner-box{ animation-delay:.88s; }
.zs-hp .service-block-two:nth-child(3) .inner-box{ animation-delay:.96s; }
.zs-hp .service-block-two:nth-child(4) .inner-box{ animation-delay:1.04s; }
.zs-hp .service-block-two .inner-box:hover{ transform:translateY(-5px); box-shadow:0 16px 30px -12px rgba(0,0,0,.45); }
.zs-hp .service-block-two .read-more span{ display:none; } /* bez šipky – celý text se vejde */
.zs-hp .service-block-two .inner-box .read-more{ padding-left:20px; padding-right:20px; }

/* ---------------------------------------------------------------- nadpisy sekcí */
.zs-hp .sec-title-two h2{ position:relative; display:inline-block; }
.zs-hp .sec-title-two.centered h2::after,
.zs-hp .choose-section .sec-title-two h2::after{
	content:''; display:block; height:4px; width:64px; margin:14px auto 0; border-radius:4px;
	background:var(--zs-cream); transform:scaleX(0); transform-origin:left;
	transition:transform .8s var(--zs-ease) .2s;
}
.zs-hp .choose-section .sec-title-two h2::after{ margin-left:0; }
.zs-hp .zs-in .sec-title-two h2::after,
.zs-hp .sec-title-two.zs-in h2::after{ transform:scaleX(1); }

/* ---------------------------------------------------------------- aktuality */
.zs-hp .news-block-four .inner-box{ transition:transform .35s var(--zs-ease); }
.zs-hp .news-block-four .image > a:first-child{ display:block; overflow:hidden; border-radius:14px 0 0 0; }
.zs-hp .news-block-four .image img{ transition:transform .8s var(--zs-ease); }
.zs-hp .news-block-four .lower-content{ border-radius:0 0 14px 14px; transition:box-shadow .35s var(--zs-ease), background-color .35s; }
.zs-hp .news-block-four .lower-content h4 a{ background:linear-gradient(var(--zs-cream),var(--zs-cream)) 0 100%/0 30% no-repeat; transition:background-size .4s var(--zs-ease), color .2s; }
@media (hover:hover){
	.zs-hp .news-block-four .inner-box:hover{ transform:translateY(-8px); }
	.zs-hp .news-block-four .inner-box:hover .lower-content{ box-shadow:0 26px 34px -24px rgba(31,69,65,.55); }
	.zs-hp .news-block-four .inner-box:hover .image img{ transform:scale(1.07); }
	.zs-hp .news-block-four .inner-box:hover h4 a{ background-size:100% 30%; color:var(--zs-forest-deep); }
}

/* ---------------------------------------------------------------- hledáme posily */
/* „hledáme posily“ – karta: fotka přes celou výšku, seznam pozic, tlačítko na středu.
   Obsah (nadpis, libovolný počet řádků h4, tlačítko) se edituje v CMS, vzhled řeší jen styly. */
.zs-hp .cta-section .inner-container{
	display:grid; grid-template-columns:minmax(220px, 300px) 1fr; align-items:stretch;
	padding:0; border-radius:20px; overflow:hidden; isolation:isolate;
	background:linear-gradient(110deg, #eaf4f1 0%, #f4f9f7 60%, #fff8e8 100%);
	box-shadow:0 1px 0 rgba(31,69,65,.06), 0 18px 40px -30px rgba(31,69,65,.45);
	transition:box-shadow .35s;
}
.zs-hp .cta-section .inner-container::after{ /* jemný krémový kruh v rohu */
	content:''; position:absolute; z-index:-1; right:-70px; bottom:-90px; width:260px; height:260px; border-radius:50%;
	background:radial-gradient(circle, rgba(255,228,170,.55), rgba(255,228,170,0) 70%);
}
.zs-hp .cta-section .inner-container:hover{ box-shadow:0 1px 0 rgba(31,69,65,.06), 0 26px 48px -28px rgba(31,69,65,.55); }
.zs-hp .cta-section .inner-container .cta-icon{ position:relative; left:auto; top:auto; display:block; overflow:hidden; min-height:220px; }
.zs-hp .cta-section .cta-icon img{
	position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:30% 30%;
	transition:transform .8s var(--zs-ease);
}
.zs-hp .cta-section .cta-icon::after{ /* přechod fotky do pozadí karty */
	content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(234,244,241,0) 70%, rgba(234,244,241,.9) 100%);
}
.zs-hp .cta-section .inner-container:hover .cta-icon img{ transform:scale(1.05); }
.zs-hp .cta-section .content{
	display:flex; align-items:center; gap:32px; padding:34px 44px 34px 40px;
}
.zs-hp .cta-section .title-box{ flex:1; min-width:0; }
.zs-hp .cta-section .title-box .title{ color:#31645e; font-size:24px; line-height:1.4; padding-left:0; margin-bottom:10px; }
.zs-hp .cta-section .title-box h4{
	position:relative; margin:0; padding:7px 0 7px 38px;
	font-size:19px; line-height:1.35; color:#1e423e;
}
.zs-hp .cta-section .title-box h4 + h4{ border-top:1px dashed rgba(49,100,94,.18); }
.zs-hp .cta-section .title-box h4::before{
	content:'\f00c'; font-family:FontAwesome; position:absolute; left:0; top:50%; margin-top:-12px;
	width:24px; height:24px; border-radius:50%; display:grid; place-items:center;
	background:#ffe4aa; color:#1e423e; font-size:11px; font-weight:normal;
}
.zs-hp .cta-section .inner-container .btn-box{ position:static; flex:none; }
.zs-hp .cta-section .theme-btn{
	border-radius:999px; padding:15px 28px; background:#31645e; color:#fff;
	box-shadow:0 12px 24px -14px rgba(31,69,65,.8);
	transition:transform .25s var(--zs-ease), box-shadow .25s, background .25s;
}
.zs-hp .cta-section .theme-btn::before, .zs-hp .cta-section .theme-btn::after{ display:none; }
.zs-hp .cta-section .theme-btn .txt{ color:#fff; font-weight:700; }
.zs-hp .cta-section .theme-btn .txt::after{ content:'\f178'; font-family:FontAwesome; margin-left:10px; display:inline-block; transition:transform .3s var(--zs-ease); }
.zs-hp .cta-section .theme-btn:hover{ background:#1e423e; transform:translateY(-3px); box-shadow:0 16px 28px -14px rgba(31,69,65,.85); }
.zs-hp .cta-section .theme-btn:hover .txt::after{ transform:translateX(4px); }
@media (max-width:991px){
	.zs-hp .cta-section .inner-container{ grid-template-columns:1fr; padding:0; text-align:left; }
	.zs-hp .cta-section .inner-container .cta-icon{ min-height:200px; }
	.zs-hp .cta-section .cta-icon::after{ background:linear-gradient(180deg, rgba(234,244,241,0) 60%, rgba(234,244,241,.9) 100%); }
	.zs-hp .cta-section .content{ flex-direction:column; align-items:flex-start; gap:22px; padding:26px 24px 30px; margin:0; }
	.zs-hp .cta-section .inner-container .btn-box{ margin:0; }
}
@media (max-width:575px){ .zs-hp .cta-section .title-box h4{ font-size:17px; } }

/* ---------------------------------------------------------------- slovo ředitele */
.zs-hp .author-image{ position:relative; isolation:isolate; }
.zs-hp .author-image::before{ /* pomalu se otáčející přerušovaný kruh */
	content:''; position:absolute; inset:-14px; border-radius:50%; z-index:-1;
	border:2px dashed rgba(49,100,94,.35); animation:zs-spin 40s linear infinite;
}
.zs-hp .author-image::after{ /* krémová skvrna za fotkou */
	content:''; position:absolute; width:46%; aspect-ratio:1; right:-4%; bottom:2%; z-index:-2;
	border-radius:50%; background:var(--zs-cream);
}
.zs-hp .author-image img{ transition:transform .6s var(--zs-ease); }
.zs-hp .author-image:hover img{ transform:scale(1.03); }
@keyframes zs-spin{ to{ transform:rotate(360deg); } }
.zs-hp .choose-section .sec-title-two .text{ position:relative; }
.zs-hp .choose-section .sec-title-two .text::before{ /* uvozovky */
	content:'\201C'; position:absolute; left:-46px; top:-34px; font:700 110px/1 Georgia, serif;
	color:var(--zs-cream); pointer-events:none;
}

/* ---------------------------------------------------------------- fotky (efekt C – krémový rámeček) */
.zs-hp .foto-page-section .hp-foto-box .inner-box{ border-radius:14px; overflow:hidden; height:100%; }
.zs-hp .foto-page-section .hp-foto-box .image{ position:relative; overflow:hidden; height:100%; border-radius:14px; }
.zs-hp .foto-page-section .hp-foto-box .image a{ display:block; position:relative; height:100%; overflow:hidden; border-radius:14px; isolation:isolate; background:var(--zs-deep, #1e423e); }
.zs-hp .foto-page-section .hp-foto-box .image img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform 4s cubic-bezier(.25,.6,.3,1), opacity .5s; }
.zs-hp .foto-page-section .hp-foto-box .image a::before{ /* krémový rámeček */
	content:''; position:absolute; z-index:1; inset:14px; border:2px solid #ffe4aa; border-radius:8px;
	opacity:0; transform:scale(1.08); transition:opacity .4s, transform .6s var(--zs-ease); pointer-events:none;
}
.zs-hp .foto-page-section .hp-foto-box .image a::after{ /* lupa v rohu */
	content:'\f00e'; font-family:FontAwesome; position:absolute; z-index:2; inset:auto; right:26px; top:26px;
	width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:#ffe4aa; color:#1e423e; font-size:16px;
	opacity:0; transform:translate(-8px, 8px); transition:opacity .35s .1s, transform .45s var(--zs-ease) .1s; pointer-events:none;
}
.zs-hp .foto-page-section .hp-foto-box .image:hover img, .zs-hp .foto-page-section .hp-foto-box .image a:focus-visible img{ transform:scale(1.12) translate(-2%, -1.5%); opacity:.85; }
.zs-hp .foto-page-section .hp-foto-box .image:hover a::before, .zs-hp .foto-page-section .hp-foto-box .image:hover a::after,
.zs-hp .foto-page-section .hp-foto-box .image a:focus-visible::before, .zs-hp .foto-page-section .hp-foto-box .image a:focus-visible::after{ opacity:1; transform:none; }
/* dlaždice „Zobrazit další fotografie“ */
.zs-hp .hp-box-link a{ position:relative; display:block; height:100%; border-radius:14px; overflow:hidden; text-decoration:none; }
.zs-hp .hp-box-link .hp-center-button{ position:relative; flex-direction:column; gap:14px; transition:background .4s var(--zs-ease), color .4s; }
.zs-hp .hp-box-link .hp-center-button::after{
	content:'\f178'; font-family:FontAwesome; font-size:16px; width:44px; height:44px; border-radius:50%;
	display:grid; place-items:center; border:1.5px solid currentColor; transition:transform .4s var(--zs-ease), background .3s, color .3s;
}
.zs-hp .hp-box-link a:hover .hp-center-button{ background:var(--zs-forest, #31645e); color:#fff; }
.zs-hp .hp-box-link a:hover .hp-center-button::after{ transform:translateX(8px); background:#ffe4aa; color:#1e423e; border-color:#ffe4aa; }
@media (hover:none){ .zs-hp .foto-page-section .hp-foto-box .image a::after{ opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce){ .zs-hp .foto-page-section .hp-foto-box .image img{ transition:none; } }

/* ---------------------------------------------------------------- čísla */
.zs-hp .fact-counter-two .counter-column .inner .content{
	border-radius:14px; overflow:hidden; margin-bottom:28px;
	transition:transform .35s var(--zs-ease), box-shadow .35s var(--zs-ease);
}
.zs-hp .fact-counter-two .counter-column .inner .content::before{
	content:''; position:absolute; left:0; right:0; top:0; height:4px; background:var(--zs-cream);
	transform:scaleX(0); transform-origin:left; transition:transform .5s var(--zs-ease);
}
.zs-hp .fact-counter-two .counter-column .inner .content:hover{ transform:translateY(-6px); box-shadow:0 22px 36px -24px rgba(31,69,65,.6); }
.zs-hp .fact-counter-two .counter-column .inner .content:hover::before{ transform:scaleX(1); }

/* ---------------------------------------------------------------- partneři a patička */
.zs-hp .main-footer .list-link li a{ display:inline-block; transition:transform .25s var(--zs-ease), color .2s; }
.zs-hp .main-footer .list-link li a:hover{ transform:translateX(5px); color:var(--zs-cream); }

/* ---------------------------------------------------------------- odhalení sekcí při posunu */
.zs-hp .zs-reveal{ opacity:0; transform:translateY(28px); transition:opacity .8s var(--zs-ease), transform .8s var(--zs-ease); }
.zs-hp .zs-reveal.zs-in{ opacity:1; transform:none; }

/* ---------------------------------------------------------------- menší displeje */
@media (max-width:1199px){
	.zs-notices{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:30px 24px; }
}
@media (max-width:991px){
	.zs-hp .banner-style01 .min-vh-100{ min-height:auto !important; padding:150px 0 60px; }
}
@media (max-width:575px){
	.zs-notices{ grid-template-columns:1fr; gap:30px; }
	.zs-note{ min-height:0; }
	.zs-hp .choose-section .sec-title-two .text::before{ left:-6px; top:-50px; font-size:80px; }
}

/* ---------------------------------------------------------------- bez animací */
@media (prefers-reduced-motion:reduce){
	.zs-hp *, .zs-hp *::before, .zs-hp *::after{ animation:none !important; transition:none !important; }
	.zs-hp .zs-reveal{ opacity:1; transform:none; }
}

.zs-hp .zs-notices .zs-note__poster .fa{ font-family:FontAwesome !important; font-size:12px !important; margin-right:3px; }

/* ---------------------------------------------------------------- název školy a motto v úvodu */
.zs-hp .zs-hero-title{ text-align:center; max-width:980px; margin:0 auto; padding:10px 0 4px; }
.zs-hp .zs-hero-title__name{ margin:0; padding:0; color:#fff; line-height:1; text-shadow:0 3px 24px rgba(0,0,0,.35); }
.zs-hp .banner-style01 .zs-hero-title__small{
	display:block; margin-bottom:10px;
	font-family:'Gilroy-Bold', sans-serif; font-size:clamp(18px, 2vw, 24px); font-weight:400; letter-spacing:.32em;
	color:var(--zs-cream); animation:zs-rise .8s var(--zs-ease) .05s backwards;
}
.zs-hp .banner-style01 .zs-hero-title__big{
	display:block; font-family:'Gilroy-Bold', sans-serif; font-weight:700;
	font-size:clamp(40px, 6.2vw, 84px); letter-spacing:-.01em; line-height:1.02; color:#fff;
	animation:zs-rise .9s var(--zs-ease) .18s backwards;
}
.zs-hp .zs-hero-title__motto{ position:relative; display:inline-block; margin:22px auto 0; padding:0 0 16px; color:#fff; }
.zs-hp .banner-style01 .zs-motto,
.zs-hp .banner-style01 .zs-motto span{
	font-family:'Playwrite CZ', cursive; font-weight:300; font-size:clamp(17px, 1.9vw, 25px); line-height:1.7;
	color:#fff; text-shadow:0 2px 14px rgba(0,0,0,.45);
}
.zs-hp .banner-style01 .zs-motto .zs-w{ display:inline-block; white-space:nowrap; }
.zs-hp .banner-style01 .zs-motto .zs-l{ display:inline-block; opacity:0; animation:zs-letter .45s ease forwards; }
@keyframes zs-letter{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:none; } }
.zs-hp .zs-hero-title__motto::after{ /* ručně tažená linka pod mottem */
	content:''; position:absolute; left:8%; right:8%; bottom:0; height:16px;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 18' preserveAspectRatio='none'%3E%3Cpath d='M4 12 C 70 4, 150 4, 214 9 S 300 15, 316 6' fill='none' stroke='%23ffe4aa' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
	clip-path:inset(0 100% 0 0); animation:zs-draw 1.1s var(--zs-ease) forwards; animation-delay:var(--swash-delay, 2.6s);
}
@keyframes zs-draw{ to{ clip-path:inset(0 0 0 0); } }
.zs-hp .zs-notices{ margin-top:44px; }
@media (max-width:575px){
	.zs-hp .banner-style01 .zs-hero-title__small{ letter-spacing:.2em; }
}
@media (prefers-reduced-motion:reduce){
	.zs-hp .banner-style01 .zs-motto .zs-l{ opacity:1; }
	.zs-hp .zs-hero-title__motto::after{ clip-path:none; }
}