::-webkit-input-placeholder
{  
	color: #989898;
	font-style: italic;
	font-size: 1em;
}
:-moz-placeholder
{  
	color: #989898;
	font-style: italic;
	font-size: 1em;
}
::-moz-placeholder
{  
	color: #989898;
	font-style: italic;
	font-size: 1em;
}
:-ms-input-placeholder
{  
	color: #989898;
	font-style: italic;
	font-size: 1em;
}

::selection
{
	color: #587E0E;
	background: none repeat scroll 0% 0% rgba(171, 236, 91, 0.54);
}
::-moz-selection
{
	color: #587E0E;
	background: none repeat scroll 0% 0% rgba(171, 236, 91, 0.54);
}

html
{
	background: url(../img/bg/pattern-475r-bright-squares.png) repeat fixed 50% 50%;
	scroll-padding-top: var(--header-h, 140px);
	/*background: url(../img/pattern-3y6l.png) repeat fixed 50% 50%;*/
}
html *
{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
html, body
{
	margin: 0;
	padding: 0;
	height: 100%;
}
body
{
	overflow-y: auto;
}
.cover-background
{
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";*/
}
a, .link
{
	text-decoration: none;
	color: #128cd7;
	cursor: pointer;
}
a:hover, .link:hover
{
	color: #1378b6;
	text-decoration: underline;
}
.button
{
	padding: 0.5em;
	background: #4496d2;
	text-decoration: none !important;
	color: #fff;
	cursor: pointer;
	border: none;
	font: 1em/1 'Trebuchet MS', Tahoma, sans-serif;
	
	-webkit-transition: background ease 500ms;
	   -moz-transition: background ease 500ms;
	        transition: background ease 500ms;
}
.button.failed:hover,
.button.failed
{
	background: #d24444;
}
.button.succeeded:hover,
.button.succeeded
{
	background: #6ab752;
}
.button:hover
{
	background: #2ba5ff;
}

.margin-bottom-4em
{
	margin-bottom: 4em;
}
.margin-bottom-2em
{
	margin-bottom: 2em;
}
.pre 
{
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.grey
{
	color: #878787;
}
.in-progress
{
	font-style: italic;
}
.in-progress::after
{
	display: inline-block;
	position: relative;
	top: 2px;
	margin-left: 7px;
}
.in-progress.button::after
{
	content: url( '/img/wait_n_blue.gif' );
}
.in-progress.inp12::after
{
	content: url( '/img/waitingx12.gif' );
}
.hidden
{
	display: none !important;
}
.left
{
	text-align: left;
}
.right
{
	text-align: right;
}
.no-indent
{
	text-indent: 0;
}
img.max-h
{
	height: 100%;
	width: auto;
}
img.max-w
{
	height: auto;
	width: 100%;
}
.info
{
	width: 50%;
	padding: 1.7em;
	margin: 1.7em auto;
	font: normal normal 1.1em/1.4 'Trebuchet MS', Verdana, Tahoma, Helvetica, sans-serif;
	color: #006f00;
	
	-webkit-box-shadow: 0 0 17px 0 rgba(0,0,0,0.1);
	   -moz-box-shadow: 0 0 17px 0 rgba(0,0,0,0.1);
	        box-shadow: 0 0 17px 0 rgba(0,0,0,0.1);
}
.info.sccs
{
	color: #006f00;
	background: #e2ffd1;
}

svg#svg-filter
{
	display: none;
}
main#page-content
{
	/*background: #f5f8fe;*/
	/*height: 100%;*/
	width: 100%;
	/*min-height: 100%;*/
	min-width: 100%;
	margin: 0;
	padding: 0;
}
header#header-cap
{
	background: rgba(250,253,255,0.94);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding: 15px;
	text-align: center;
	z-index: 30;
	
	-webkit-box-shadow: 0 0 17px 0 rgba(0,0,0,0.1);
	   -moz-box-shadow: 0 0 17px 0 rgba(0,0,0,0.1);
	        box-shadow: 0 0 17px 0 rgba(0,0,0,0.1);
	
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
	        transition: all 0.4s;
}
header#header-cap.collapsed
{
	padding: 0;
}
header#header-cap a#header-link img
{
	max-height: 106px;
	max-width: 100%;
	padding: 0 1em;
	
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
	        transition: all 0.4s;
}
header#header-cap.collapsed a#header-link img
{
	max-height: 75px;
	max-width: 100%;
	padding: 0 1em;
}
article.index-gallery-article
{
	margin: 0;
	padding-top: 300px;
	
	-webkit-box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.5) inset;
	   -moz-box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.5) inset;
	        box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.5) inset;
}
article.page-article
{
	margin: 0;
	padding-top: 300px;
	
	-webkit-box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.5) inset;
	   -moz-box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.5) inset;
	        box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.5) inset;
}
article.page-article.non-image-bg
{
	padding-top: 15em;
	
	-webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.3);
	        box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.3);
}
article.index-gallery-article#landscape-gallery,
article.page-article#gallery-article.landscape-gal
{
	background: url(../img/cat/R-0059_65-50_M1480.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/cat/R-0059_65-50_M1480.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/cat/R-0059_65-50_M1480.jpg', sizingMethod='scale')";
}
article.index-gallery-article#still-life-gallery,
article.page-article#gallery-article.stilllife-gal
{
	background: url(../img/cat/Still_life.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/cat/Still_life.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/cat/Still_life.jpg', sizingMethod='scale')";
}
article.index-gallery-article#sea-gallery,
article.page-article#gallery-article.sea-gal
{
	background: url(../img/cat/R-1636_50-40_MK2304-The_port_with_moon.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/cat/R-1636_50-40_MK2304-The_port_with_moon.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/cat/R-1636_50-40_MK2304-The_port_with_moon.jpg', sizingMethod='scale')";
}
article.index-gallery-article#abstract-gallery,
article.page-article#gallery-article.abstract-gal
{
	background: url(../img/cat/RK-1206_38.5-30_M2268.jpg) no-repeat center center fixed;
	margin-bottom: 4em;
	
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/cat/RK-1206_38.5-30_M2268.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/cat/RK-1206_38.5-30_M2268.jpg', sizingMethod='scale')";
}
/* === WebP overrides for parallax backgrounds (A2 — 42% smaller) === */
html.webp article.index-gallery-article#landscape-gallery,
html.webp article.page-article#gallery-article.landscape-gal {
	background-image: url(../img/cat/R-0059_65-50_M1480.webp);
}
html.webp article.index-gallery-article#still-life-gallery,
html.webp article.page-article#gallery-article.stilllife-gal {
	background-image: url(../img/cat/Still_life.webp);
}
html.webp article.index-gallery-article#sea-gallery,
html.webp article.page-article#gallery-article.sea-gal {
	background-image: url(../img/cat/R-1636_50-40_MK2304-The_port_with_moon.webp);
}
html.webp article.index-gallery-article#abstract-gallery,
html.webp article.page-article#gallery-article.abstract-gal {
	background-image: url(../img/cat/RK-1206_38.5-30_M2268.webp);
}

article.page-article#gallery-article.greece-gal
{
	background: url(../img/cat/Greece.jpg) no-repeat center center fixed;
	margin-bottom: 4em;
	
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/cat/Greece.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/cat/Greece.jpg', sizingMethod='scale')";
}
article.page-article#gallery-article.france-gal
{
	background: url(../img/cat/France.jpg) no-repeat center center fixed;
	margin-bottom: 4em;
	
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/cat/France.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/cat/France.jpg', sizingMethod='scale')";
}
article.page-article#gallery-article.italy-gal
{
	background: url(../img/cat/Italy.jpg) no-repeat center center fixed;
	margin-bottom: 4em;
	
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/cat/Italy.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/cat/Italy.jpg', sizingMethod='scale')";
}
article.page-article#gallery-article.netherlands-gal
{
	background: url(../img/cat/Netherlands.jpg) no-repeat center center fixed;
	margin-bottom: 4em;
	
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/cat/Netherlands.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/cat/Netherlands.jpg', sizingMethod='scale')";
}
article.page-article#gallery-article.spain-gal
{
	background: url(../img/cat/Spain.jpg) no-repeat center center fixed;
	margin-bottom: 4em;
	
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/cat/Spain.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/cat/Spain.jpg', sizingMethod='scale')";
}
article.page-article
{
	margin-bottom: 4em;
}
article.index-gallery-article>section.gallery,
article.page-article>section.content-wrapper
{
	background: url(../img/bg/pattern-475r-bright-squares.png) fixed repeat center center;
	padding-bottom: 4em;
	
	-webkit-box-shadow: 0 0px 41px 0px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 0px 41px 0px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 0px 41px 0px rgba(0, 0, 0, 0.5);
}
article.page-article.non-image-bg>section.content-wrapper
{
	background: url(../img/bg/pattern-475r-bright-squares.png) fixed repeat center center;
	padding-bottom: 4em;
	
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}
article.page-article>section.content-wrapper
{
	overflow: hidden;
}
article.index-gallery-article>section.gallery figure.gallery-cont
{
	text-align: center;
	width: 1200px;
	margin: 20px auto 0;
	overflow: hidden;
}
article.index-gallery-article>section.gallery figure.gallery-cont a.picture-link
{
	display: inline-block;
	margin: 30px;
	padding: 3px;
	border: 1px solid #bababa;
	
	-webkit-box-shadow: 0 1px 9px 0 rgba(0,0,0,0.3);
	   -moz-box-shadow: 0 1px 9px 0 rgba(0,0,0,0.3);
	        box-shadow: 0 1px 9px 0 rgba(0,0,0,0.3);
}
article.index-gallery-article>section.gallery figure.gallery-cont a.picture-link:hover
{
	border: 1px solid #575757;
	
	-webkit-box-shadow: 0px 0px 33px 10px rgba(176, 242, 29, 0.4);
	   -moz-box-shadow: 0px 0px 33px 10px rgba(176, 242, 29, 0.4);
	        box-shadow: 0px 0px 33px 10px rgba(176, 242, 29, 0.4);
}
article.index-gallery-article>section.gallery figure.gallery-cont a.picture-link img
{
	display: block;
	max-width: 320px;
}
article.index-gallery-article > section > h1,
article.page-article > section.content-wrapper h1
{
	font: normal 200 7em/2em Tangerine, 'Monotype Corsiva', 'Apple Chancery', 'ITC Zapf Chancery', 'URW Chancery L';
	text-align: center;
}
article.page-article.non-image-bg > section.content-wrapper h1
{
	font-size: 7em;
	line-height: 1.2em;
}
/* B8: REMOVED — Greek H1 now uses same Tangerine as EN (restored 2026-02-21) */
article.index-gallery-article > section > h1 a
{
	color: #222;
}
article.index-gallery-article > section > h1 a:hover
{
	text-decoration: none;
	text-shadow: 0 0 8px rgba(113, 163, 228, 0.76);
}
article.index-gallery-article > section.gallery > section.gal-info
{
	width: 1200px;
	margin: 0 auto;
}
article.index-gallery-article > section.gallery > section.gal-info figure strong
{
	display: block;
	margin-top: 50px;
	text-align: center;
}
article.index-gallery-article > section.gallery > section.gal-info strong a,
article.index-gallery-article > section.gallery > section.gal-info strong label
{
	display: inline-block;
	padding: 5px;
	font-family: 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', 'Cormorant Garamond', Georgia, serif;
	font-size: 1.7em;
	letter-spacing: 0.08em;
}
article.index-gallery-article > section p.gal-intro,
article.page-article>section.content-wrapper p.text
{
	display: inline-block;
	vertical-align: middle;
	width: 764px;
	font-family: 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', 'Cormorant Garamond', Georgia, serif;
	font-size: 1.4em;
	line-height: 1.3;
	hyphens: auto;
}
article.page-article>section.content-wrapper p.text
{
	width: auto;
	display: block;
	line-height: 1.5;
	margin: 0 0 1em;
	text-indent: 0.7em;
}
article.index-gallery-article > section.gallery section.gal-info figure
{
	display: inline-block;
	vertical-align: middle;
	margin: 0 80px 0 0;
	border: 1px solid #ababab;
	padding: 4px;
	background: #fafafa;
	position: relative;
	max-width: 350px;
	overflow: hidden;
	
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
	        transition: all 0.4s;
	
	-webkit-box-shadow: 0 1px 9px 0 rgba(0,0,0,0.3);
	   -moz-box-shadow: 0 1px 9px 0 rgba(0,0,0,0.3);
	        box-shadow: 0 1px 9px 0 rgba(0,0,0,0.3);
}
article.index-gallery-article > section.gallery section.gal-info figure:hover
{
	/*-webkit-box-shadow: 0px 0px 30px 2px rgba(111, 131, 31, 0.8);
	   -moz-box-shadow: 0px 0px 30px 2px rgba(111, 131, 31, 0.8);
	        box-shadow: 0px 0px 30px 2px rgba(111, 131, 31, 0.8);*/
}
article.index-gallery-article > section.gallery section.gal-info figure figcaption
{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	font: normal bold 1.9em/1 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', 'Cormorant Garamond', Georgia, serif;
	padding: 0.7em 0.7em 0.7em 0.7em;
	width: 100%;
	/*background: rgba(139, 200, 82, 0.73);*/
	color: #222;
	opacity: 0;
	
	-webkit-transition: all 0.4s ease 0.09s;
	   -moz-transition: all 0.4s ease 0.09s;
	        transition: all 0.4s ease 0.09s;
}
article.index-gallery-article > section.gallery section.gal-info figure:hover figcaption,
article.index-gallery-article > section.gallery section.gal-info a.open-gallery.hover figure figcaption
{
	opacity: 1;
}
article.index-gallery-article > section.gallery section.gal-info figure figcaption strong
{
	display: block;
	position: relative;
	text-align: left;
	left: -2em;
	
	-webkit-transition: all 0.4s ease 0.09s;
	   -moz-transition: all 0.4s ease 0.09s;
	        transition: all 0.4s ease 0.09s;
}
article.index-gallery-article > section.gallery section.gal-info figure:hover figcaption strong,
article.index-gallery-article > section.gallery section.gal-info a.open-gallery.hover figure figcaption strong
{
	left: 1em;
}
article.index-gallery-article > section.gallery section.gal-info figure figcaption em,
article.index-gallery-article > section.gallery section.gal-info section.sub-galleries figure figcaption em
{
	display: block;
	text-align: right;
	font: normal normal 3em/1.3 Tangerine, 'Monotype Corsiva', 'Apple Chancery', 'ITC Zapf Chancery', 'URW Chancery L';
	position: relative;
	right: -3em;
	text-shadow: 0px 0px 59px rgba(255, 255, 255, 1), 0px 0px 29px rgba(255, 255, 255, 1);
	
	-webkit-transition: all 0.4s ease 0.2s;
	   -moz-transition: all 0.4s ease 0.2s;
	        transition: all 0.4s ease 0.2s;
}
/* B8: REMOVED — Greek captions now use same Tangerine as EN (restored 2026-02-21) */
article.index-gallery-article > section.gallery section.gal-info figure:hover figcaption em,
article.index-gallery-article > section.gallery section.gal-info a.open-gallery.hover figure figcaption em,
article.index-gallery-article > section.gallery section.gal-info section.sub-galleries figure:hover figcaption em
{
	right: 0;
	text-shadow: 0px 0px 19px rgba(255, 255, 255, 1);
}
article.index-gallery-article > section.gallery section.gal-info figure img.category-top-image,
article.index-gallery-article > section.gallery section.gal-info section.sub-galleries a img
{
	padding: 0;
	margin: 0;
	max-width: 100%;
	opacity: 1;
	display: block;
	
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
	        transition: all 0.4s;
}
article.index-gallery-article > section.gallery section.gal-info figure:hover img.category-top-image,
article.index-gallery-article > section.gallery section.gal-info a.open-gallery.hover img.category-top-image,
article.index-gallery-article > section.gallery section.gal-info section.sub-galleries a:hover img
{
	opacity: 0.3;
	filter: url(#blur);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
	
	-webkit-filter: blur(2px) sepia(50%) saturate(250%) contrast(110%);
	   -moz-filter: blur(2px) sepia(50%) saturate(250%) contrast(110%);
	    -ms-filter: blur(2px) sepia(50%) saturate(250%) contrast(110%);
	     -o-filter: blur(2px) sepia(50%) saturate(250%) contrast(110%);
	        filter: blur(2px) sepia(50%) saturate(250%) contrast(110%);
	
	-webkit-transform: scale(1.25);
	   -moz-transform: scale(1.25);
	    -ms-transform: scale(1.25);
	     -o-transform: scale(1.25);
	        transform: scale(1.25);
}
article.index-gallery-article > section.gallery section.gal-info section.sub-galleries
{
	text-align: center;
	margin-top: 70px;
}
article.index-gallery-article > section.gallery section.gal-info section.sub-galleries a
{
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	padding: 4px;
	position: relative;
	font-size: 0.6em;
	
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
	        transition: all 0.4s;
}
article.index-gallery-article > section.gallery section.gal-info section.sub-galleries a:hover
{
	text-decoration: none;
}
article.index-gallery-article > section.gallery section.gal-info section.sub-galleries a figure
{
	margin: 0;
}
article.index-gallery-article > section.gallery section.gal-info section.sub-galleries a > strong
{
	display: block;
	margin: 1em;
	font: 2.3em/1.4 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', 'Cormorant Garamond', Georgia, serif;
}
article.index-gallery-article > section.gallery section.gal-info section.sub-galleries a > strong em
{
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	font-style: none;
}
article.index-gallery-article > section.gallery section.gal-info section.sub-galleries a:hover > strong em
{
	font-style: italic;
}
article#landscape-gallery section.gallery section.gal-info section.sub-galleries img
{
	max-width: 195px;
	display: block;
}
footer#page-footer
{
	clear: both;
	text-align: center;
	color: #898989;
	font-size: 1em;
	font-family: 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', 'Cormorant Garamond', Georgia, serif;
	font-weight: 100;
	margin: 20px auto;
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: -1;
}
nav#main-nav ul li a
{
	background: url( '../img/iconset.png') no-repeat 0 0;
	display: inline-block;
	padding-left: 30px;
	height: 30px;
	position: relative;
}
nav#main-nav ul li a strong
{
	display: none !important;
}
nav#main-nav ul li.l-language-gr a { 		background-position: 0 -30px; }
nav#main-nav ul li.l-language-gr a:hover { 	background-position: 0 0px; }
nav#main-nav ul li.l-language-en a { 		background-position: 0 -90px; }
nav#main-nav ul li.l-language-en a:hover { 	background-position: 0 -60px; }
nav#main-nav ul li.l-print a { 				background-position: 0 -150px; }
nav#main-nav ul li.l-print a:hover { 		background-position: 0 -120px; }
/* Biography icon — SVG open book, no sprite background (B3 swap) */
nav#main-nav ul li.l-biography a {
	background: none;
	padding-left: 4px;
	padding-top: 2px;
}
nav#main-nav ul li.l-biography a svg {
	width: 26px;
	height: 26px;
	fill: #808080;
	vertical-align: middle;
	-webkit-transition: fill 0.3s;
	   -moz-transition: fill 0.3s;
	        transition: fill 0.3s;
}
nav#main-nav ul li.l-biography a:hover svg {
	fill: #2ba5ff;
}
/* Awards icon — SVG trophy, no sprite background (A3 Awards page 2026-03-15) */
nav#main-nav ul li.l-awards a {
	background: none;
	padding-left: 4px;
	padding-top: 2px;
}
nav#main-nav ul li.l-awards a svg {
	width: 26px;
	height: 26px;
	fill: #808080;
	vertical-align: middle;
	-webkit-transition: fill 0.3s;
	   -moz-transition: fill 0.3s;
	        transition: fill 0.3s;
}
nav#main-nav ul li.l-awards a:hover svg {
	fill: #2ba5ff;
}
nav#main-nav ul li.l-contact a { 			background-position: 0 -270px; }
nav#main-nav ul li.l-contact a:hover { 		background-position: 0 -240px; }
nav#main-nav ul li.l-google a { 				background-position: 0 -330px; }
nav#main-nav ul li.l-google a:hover { 		background-position: 0 -300px; }
nav#main-nav ul li.l-facebook a { 			background-position: 0 -390px; }
nav#main-nav ul li.l-facebook a:hover { 		background-position: 0 -360px; }
/* Blog icon — uses sprite quill pen (position -210/-180 from iconset.png) */
nav#main-nav ul li.l-blog a { 			background-position: 0 -210px; }
nav#main-nav ul li.l-blog a:hover { 	background-position: 0 -180px; }
nav#main-nav ul li.l-twitter a { 			background-position: 0 -450px; }
nav#main-nav ul li.l-twitter a:hover { 		background-position: 0 -420px; }
nav#main-nav ul li.l-home a { 				background-position: 0 -510px; }
nav#main-nav ul li.l-home a:hover { 			background-position: 0 -480px; }
nav#main-nav ul li.l-shop a { 				background-position: 0 -570px; }
nav#main-nav ul li.l-shop a:hover { 			background-position: 0 -540px; }
nav#main-nav ul li.l-gear a { 				background-position: 0 -630px; }
nav#main-nav ul li.l-gear a:hover { 			background-position: 0 -600px; }

/* Active page state — matches hover colours so user sees where they are */
nav#main-nav ul li.l-home.active a { 			background-position: 0 -480px; }
nav#main-nav ul li.l-biography.active a svg { 		fill: #2ba5ff; }
nav#main-nav ul li.l-awards.active a svg { 		fill: #2ba5ff; }
nav#main-nav ul li.l-contact.active a { 		background-position: 0 -240px; }
nav#main-nav ul li.l-blog.active a { 		background-position: 0 -180px; }

nav#main-nav ul li.l-shop a span.paintings-in-basket
{
	position: absolute;
	display: block;
	padding: 0.3em 0;
	text-indent: -0.1em;
	height: 1.7em;
	width: 1.7em;
	background: #fff;
	background: rgba( 255, 255, 255, 0.9 );
	top: -2px;
	left: 1.3em;
	border: 1px solid #515151;
	text-align: center;
	color: #000;
	font: normal bold 0.7em/1 'Trebuchet MS', Tahoma, sans-serif;
	
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}

/** **/

section.content,
content.content
{
	display: block;
}

section.content h2,
content.content h2
{
	font: 2em/1.1em 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', 'Cormorant Garamond', Georgia, serif;
	text-align: center;
	margin: 1em 0;
}
section.content h3,
content.content h3
{
	font: 2em/2em 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', 'Cormorant Garamond', Georgia, serif;
	text-align: center;
	margin: 2em;
}
html[lang=el] section.content h3,
html[lang=el] content.content h3
{
	
}
section.content p.center,
content.content p.center
{
	text-align: center;
	line-height: 1.5;
}
/* ============================================
   B10: Main gallery headings — restructured
   EN: keeps original Tangerine style (gh-label hidden)
   GR: Cormorant italic 300 via B13
   Version: 20260221M
   ============================================ */
/* Base: structural only, no font override */
h1.gallery-heading {
	text-align: center;
	padding-top: 0.5em;
}
h1.gallery-heading a {
	display: block;
	color: inherit;
	text-decoration: none;
}
h1.gallery-heading a:hover {
	text-decoration: none;
	text-shadow: none;
}
/* EN default: hide label, name inherits original Tangerine from parent rules */
h1.gallery-heading .gh-label {
	display: none;
}
h1.gallery-heading .gh-name {
	display: block;
}
/* B13: GR gallery headings — Cormorant italic 300 (elegant Greek script)
   MOBILE ONLY — desktop keeps original Tangerine fallback.
   font-size relative to H1's 2em (B9), so 1.5em ≈ 48px on 411px viewport.
   Version: 20260221M */
@media (max-width: 767px) {
	html[lang=el] h1.gallery-heading .gh-name {
		font-family: 'Cormorant', Georgia, serif;
		font-style: italic;
		font-weight: 300;
		font-size: 1.5em;
	}
}
@media (max-width: 320px) {
	html[lang=el] h1.gallery-heading .gh-name {
		font-size: 1.2em;
	}
}

/* ============================================
   MOBILE FIXES (B1, B2, B3, B4)
   ============================================ */

/* B1: Kill switch for background-attachment: fixed on mobile (iOS/Android bug)
   Also forces background-size: 100% auto to prevent extreme stretching.
   With scroll + cover on a 38K-tall article the browser stretches the
   image 20× → blurry. 100% auto fills width, keeps natural aspect ratio,
   and displays the painting as a crisp banner at the top. (20260222) */
@media (max-width: 768px) {
	html {
		background-attachment: scroll !important;
	}
	article.index-gallery-article,
	article.page-article {
		background-attachment: scroll !important;
		background-size: 100% auto !important;
		background-repeat: no-repeat !important;
	}
	article.index-gallery-article>section.gallery,
	article.page-article>section.content-wrapper {
		background-attachment: scroll !important;
	}
}

/* B2: Safety net for fixed 1200px widths on mobile */
@media (max-width: 768px) {
	figure.gallery-cont,
	article.index-gallery-article > section.gallery > section.gal-info {
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* B3: Reduce padding-top on mobile (fixed header conflict) */
@media (max-width: 768px) {
	article.page-article,
	article.index-gallery-article {
		padding-top: 180px;
	}
	article.page-article.non-image-bg {
		padding-top: 10em;
	}
}

/* B4: Gallery thumbnails responsive sizing */
@media (max-width: 480px) {
	span.painting-cont a.painting-link span.painting {
		width: 150px;
		height: 150px;
	}
	span.painting-cont a.painting-link strong {
		width: 150px;
		top: 110px;
	}
	span.painting-cont a.painting-link:hover strong {
		top: 160px;
	}
	span.painting-cont {
		margin: 0.5em;
	}
}

/* B5: Reduce heavy box-shadow blur radius on mobile (41px -> 10px) */
@media (max-width: 768px) {
	article.index-gallery-article {
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4) inset;
		        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4) inset;
	}
	article.page-article {
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4) inset;
		        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4) inset;
	}
	article.index-gallery-article>section.gallery,
	article.page-article>section.content-wrapper {
		-webkit-box-shadow: 0 0px 10px 0px rgba(0,0,0,0.4);
		        box-shadow: 0 0px 10px 0px rgba(0,0,0,0.4);
	}
}

/* B6: GPU-accelerated scrolling for iOS Safari */
@media (max-width: 768px) {
	body {
		-webkit-overflow-scrolling: touch;
	}
}

/* B8-mobile: removed — responsive sizes handled by tiny/small/medium.css */

/* B7: Kill hover blur/scale on touch devices — prevents stuck hover state */
@media (max-width: 768px) {
	article.index-gallery-article > section.gallery section.gal-info figure:hover img.category-top-image,
	article.index-gallery-article > section.gallery section.gal-info a.open-gallery.hover img.category-top-image,
	article.index-gallery-article > section.gallery section.gal-info section.sub-galleries a:hover img {
		opacity: 1 !important;
		filter: none !important;
		-webkit-filter: none !important;
		-moz-filter: none !important;
		-ms-filter: none !important;
		-o-filter: none !important;
		-webkit-transform: none !important;
		   -moz-transform: none !important;
		    -ms-transform: none !important;
		     -o-transform: none !important;
		        transform: none !important;
	}
	/* B11: Hide figcaption overlay on mobile — image fills frame fully.
	   Gallery label already shown by h1.gallery-heading / sub-gallery <strong>.
	   Version: 20260221F */
	article.index-gallery-article > section.gallery section.gal-info figure figcaption {
		display: none !important;
	}
	article.index-gallery-article > section.gallery section.gal-info section.sub-galleries figure figcaption {
		display: none !important;
	}
}


/* B4: Critic quotes — fade-in after 2.5s delay */
.critic-quote {
	display: block;
	margin: 1.5em 0 0.5em 0;
	padding: 0.8em 1.2em;
	border-left: 3px solid rgba(113, 163, 228, 0.5);
	font-family: 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', serif;
	font-size: 1.15em;
	font-style: italic;
	line-height: 1.5;
	color: #555;
	opacity: 0;
	-webkit-transform: translateY(12px);
	   -moz-transform: translateY(12px);
	        transform: translateY(12px);
	-webkit-transition: opacity 1.2s ease, transform 1.2s ease;
	   -moz-transition: opacity 1.2s ease, transform 1.2s ease;
	        transition: opacity 1.2s ease, transform 1.2s ease;
	transition-delay: 2.5s;
}
.critic-quote.visible {
	opacity: 1;
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	        transform: translateY(0);
}
.critic-quote cite {
	display: block;
	margin-top: 0.4em;
	font-style: normal;
	font-size: 0.85em;
	color: #888;
}
/* B4 responsive: critic quotes on smaller screens */
@media (max-width: 1280px) {
	.critic-quote {
		max-width: 764px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width: 800px) {
	.critic-quote {
		max-width: 90vw;
		font-size: 1em;
		padding: 0.6em 1em;
	}
}

/* E4: Hide old IE-only filters on modern browsers */

/* ============================================
   GLOBE LANGUAGE SWITCHER
   ============================================ */
nav#main-nav ul li.l-globe-lang {
	display: inline-block;
	vertical-align: middle;
}
nav#main-nav ul li.l-globe-lang .globe-wrap {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
nav#main-nav ul li.l-globe-lang .globe-icon {
	position: absolute;
	left: 2px;
	top: 2px;
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
}
nav#main-nav ul li.l-globe-lang .globe-icon svg {
	width: 26px;
	height: 26px;
	fill: #808080;
	transition: fill 0.3s ease;
}
nav#main-nav ul li.l-globe-lang .globe-wrap:hover .globe-icon svg {
	fill: #2e86c1;
}

/* Dropdown panel — appears to the left of the globe */
nav#main-nav ul li.l-globe-lang .lang-dropdown {
	position: absolute;
	right: 100%;
	top: 50%;
	margin-right: 0;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 3px 14px rgba(0,0,0,0.18), 0 0 0 1px rgba(0,0,0,0.05);
	padding: 5px 18px 5px 3px;
	display: flex;
	gap: 2px;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transform: translateY(-50%) translateX(6px);
	transition: opacity 0.2s ease, transform 0.2s ease;
}
nav#main-nav ul li.l-globe-lang .globe-wrap:hover .lang-dropdown {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(-50%) translateX(0);
}
/* Small arrow pointing right toward the globe */
nav#main-nav ul li.l-globe-lang .lang-dropdown::after {
	content: '';
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #fff;
	filter: drop-shadow(1px 0 1px rgba(0,0,0,0.06));
}
/* Language link */
nav#main-nav ul li.l-globe-lang .lang-dropdown a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 30px;
	padding: 0 6px;
	border-radius: 3px;
	text-decoration: none;
	font: normal 600 12px/1 'Trebuchet MS', Tahoma, sans-serif;
	color: #555;
	background: none;
	transition: background 0.15s, color 0.15s;
}
nav#main-nav ul li.l-globe-lang .lang-dropdown a:hover {
	background: #eef5fc;
	color: #1a7bbf;
	text-decoration: none;
}
/* Active language — dark pill */
nav#main-nav ul li.l-globe-lang .lang-dropdown .lang-active {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 30px;
	padding: 0 6px;
	border-radius: 3px;
	font: normal 700 12px/1 'Trebuchet MS', Tahoma, sans-serif;
	color: #fff;
	background: #3a3a3a;
	cursor: default;
	box-shadow: 0 1px 2px rgba(0,0,0,0.12);
}

/* ============================================
   LENIS SMOOTH SCROLL
   Required overrides for smooth-scroll library.
   html.lenis is added by Lenis when active.
   ============================================ */
html.lenis,
html.lenis body {
	height: auto;
}

/* Hide scrollbar on desktop — scroll only via mouse wheel.
   Lenis handles all scrolling, no visual bar needed. */
html.lenis {
	scrollbar-width: none;           /* Firefox */
	-ms-overflow-style: none;        /* IE/Edge legacy */
}
html.lenis::-webkit-scrollbar {
	display: none;                   /* Chrome, Safari, Edge Chromium */
}
.lenis.lenis-smooth {
	scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
}
.lenis.lenis-stopped {
	overflow: hidden;
}

/* ============================================
   MOBILE NAVIGATION — centred icon row, no overlap
   Sticky header: stays in document flow but pins
   to top on scroll. JS safety net sets --header-h.
   ============================================ */
@media (max-width: 767px) {
	/* Fix A: height:auto + overflow:visible allows sticky to work on mobile.
	   !important needed to override base html,body{height:100%} at line 53.
	   Mirrors what Lenis does on desktop via html.lenis body{height:auto}. */
	html, html body {
		height: auto !important;
		overflow: visible !important;
	}
	header#header-cap {
		position: -webkit-sticky !important;
		position: sticky !important;
		top: 0;
		background: rgba(250,253,255,0.97);
	}
	nav#main-nav {
		text-align: center;
	}
	nav#main-nav ul {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 4px;
		flex-wrap: nowrap;
	}
	nav#main-nav ul li {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
	}
	/* Globe dropdown: open below on mobile */
	nav#main-nav ul li.l-globe-lang .lang-dropdown {
		right: auto;
		left: 50%;
		top: 100%;
		margin-right: 0;
		transform: translateX(-50%) translateY(4px);
	}
	nav#main-nav ul li.l-globe-lang .globe-wrap:hover .lang-dropdown {
		transform: translateX(-50%) translateY(0);
	}
	nav#main-nav ul li.l-globe-lang .lang-dropdown::after {
		display: none;
	}
}

/* ============================================
   CHINESE LANGUAGE FONT SUPPORT
   ============================================ */
html[lang="zh-CN"] article.index-gallery-article > section > h1,
html[lang="zh-CN"] article.page-article > section.content-wrapper h1 {
	font: normal 400 3.5em/1.6em 'Noto Serif SC', 'SimSun', 'Microsoft YaHei', serif;
}
html[lang="zh-CN"] article.index-gallery-article > section p.gal-intro,
html[lang="zh-CN"] article.page-article > section.content-wrapper p.text {
	font-family: 'Noto Serif SC', 'SimSun', 'Microsoft YaHei', 'Palatino Linotype', serif;
}
html[lang="zh-CN"] article.index-gallery-article > section.gallery section.gal-info figure figcaption em,
html[lang="zh-CN"] article.index-gallery-article > section.gallery section.gal-info section.sub-galleries figure figcaption em {
	font: normal normal 1.6em/1.3 'Noto Serif SC', 'SimSun', serif;
}

/* ============================================
   MOBILE PARALLAX — VARIANT A
   Fixed-position background divs swapped by
   IntersectionObserver. Desktop: hidden.
   ============================================ */

/* --- Desktop: layer completely hidden --- */
#mobile-bg-layer {
	display: none;
}

/* --- Mobile: activate the layer --- */
@media (max-width: 768px) {

	/* The fixed container behind everything */
	#mobile-bg-layer {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: 0;
		pointer-events: none;
		overflow: hidden;
	}

	/* Each background panel */
	#mobile-bg-layer .mobile-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		opacity: 0;
		transition: opacity 0.8s ease;
		will-change: opacity;
	}

	/* Active panel */
	#mobile-bg-layer .mobile-bg.active {
		opacity: 1;
	}

	/* Assign the same images as the desktop backgrounds */
	#mobile-bg-layer .mobile-bg[data-for="landscape-gallery"] {
		background-image: url(../img/cat/R-0059_65-50_M1480.jpg);
	}
	#mobile-bg-layer .mobile-bg[data-for="still-life-gallery"] {
		background-image: url(../img/cat/Still_life.jpg);
	}
	#mobile-bg-layer .mobile-bg[data-for="sea-gallery"] {
		background-image: url(../img/cat/R-1636_50-40_MK2304-The_port_with_moon.jpg);
	}
	#mobile-bg-layer .mobile-bg[data-for="abstract-gallery"] {
		background-image: url(../img/cat/RK-1206_38.5-30_M2268.jpg);
	}

	/* Strip the CSS background from the articles on mobile.
	   Content sections keep their pattern bg; articles become transparent.
	   box-shadow: none overrides B5 inset shadow (no shadow on transparent bg). */
	article.index-gallery-article {
		background-image: none !important;
		background-color: transparent !important;
		-webkit-box-shadow: none;
		        box-shadow: none;
	}

	/* Ensure content sections sit above the fixed bg layer */
	main#page-content {
		position: relative;
		z-index: 1;
	}

	/* The gallery content panels need their own opaque background */
	article.index-gallery-article > section.gallery {
		position: relative;
		z-index: 2;
	}

	/* Fade-out state: JS adds this class when user scrolls
	   past all articles, so the footer becomes visible. */
	#mobile-bg-layer.faded {
		opacity: 0;
		transition: opacity 0.6s ease;
	}
}

/* ============================================
   CAROUSEL — Matte Frame Crossfade v2 (20260220i)
   DIV-based overlay — zero specificity conflict.
   Museum passepartout #2a2a2a, gentle auto-rotate.
   ============================================ */

/* Lock figure dimensions after first measurement */
figure[data-carousel].carousel-locked {
	/* No dark background — prevents black flash during crossfade.
	   With object-fit:cover the image fills the frame fully. */
	background: transparent;
}

/* Overlay: a DIV (not img) — immune to existing img rules */
figure[data-carousel] .carousel-overlay {
	position: absolute;
	top: 4px; left: 4px; right: 4px; bottom: 4px;
	/* NO background-color — overlay is transparent.
	   Only background-image is visible during crossfade.
	   This prevents any dark flash between old and new image. */
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	opacity: 0;
	z-index: 2;
	pointer-events: none;
	-webkit-transition: opacity 1.2s ease-in-out;
	   -moz-transition: opacity 1.2s ease-in-out;
	        transition: opacity 1.2s ease-in-out;
}
figure[data-carousel] .carousel-overlay.fade-in {
	opacity: 1;
}

/* ============================================
   B4: Critic quotes — fade-in on scroll
   Appears 2.5s after section enters viewport.
   IntersectionObserver adds .visible class.
   ============================================ */
blockquote.critic-quote {
	margin: 1.5em 0 0 0;
	padding: 0.8em 1.2em;
	border-left: 3px solid rgba(100, 140, 180, 0.4);
	opacity: 0;
	-webkit-transform: translateY(12px);
	   -moz-transform: translateY(12px);
	        transform: translateY(12px);
	-webkit-transition: opacity 1.2s ease, transform 1.2s ease;
	   -moz-transition: opacity 1.2s ease, transform 1.2s ease;
	        transition: opacity 1.2s ease, transform 1.2s ease;
	-webkit-transition-delay: 2.5s;
	   -moz-transition-delay: 2.5s;
	        transition-delay: 2.5s;
}
blockquote.critic-quote.visible {
	opacity: 1;
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	        transform: translateY(0);
}
blockquote.critic-quote p {
	font: italic 1.15em/1.5 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', 'Cormorant Garamond', Georgia, serif;
	color: #3a3a3a;
	margin: 0 0 0.3em 0;
}
blockquote.critic-quote cite {
	display: block;
	font: normal 0.9em/1.3 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', 'Cormorant Garamond', Georgia, serif;
	color: #6a6a6a;
	font-style: normal;
}
@media (prefers-reduced-motion: reduce) {
	blockquote.critic-quote {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* After first rotation: main img fills the frame */
figure[data-carousel].carousel-locked > img,
figure[data-carousel].carousel-locked > a > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/* Reduced motion: minimal or no animation */
@media (prefers-reduced-motion: reduce) {
	figure[data-carousel] .carousel-overlay {
		-webkit-transition: opacity 0.2s ease;
		   -moz-transition: opacity 0.2s ease;
		        transition: opacity 0.2s ease;
	}
}

/* ============================================
   V03: IMAGE PROTECTION — Gallery
   Transparent ::after overlay on .painting span
   intercepts right-click → blocks save dialog.
   pointer-events:none on img passes all clicks
   to parent <a> → PhotoSwipe still works.
   ============================================ */
span.painting-cont a.painting-link span.painting {
	position: relative;
	display: inline-block;
}
span.painting-cont a.painting-link span.painting::after {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 2;
}
span.painting-cont a.painting-link img {
	-webkit-user-drag: none;
	   -khtml-user-drag: none;
	     -moz-user-drag: none;
	       -o-user-drag: none;
	          user-drag: none;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	pointer-events: none;
}

/* ── Footer social links (2026-03-22) ── */
/* Share bar above PhotoSwipe (z-index 100000) */
.site-share-bar { z-index: 100001 !important; }

#page-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	padding: 12px 40px;
}
.footer-social-links {
	display: flex;
	align-items: center;
	gap: 12px;
}
.footer-social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: rgba(0,0,0,0.12);
	color: #666;
	transition: background 0.2s, color 0.2s, transform 0.15s;
	text-decoration: none;
}
.footer-social-link:hover {
	background: #c9a84c;
	color: #fff;
	transform: scale(1.12);
}