body { margin:0px; padding:0px; }
body {
  background-color:#11090a;
  font-family:Arial, Helvetica, sans-serif;
}
#outside_container {
  background:url(img/background_slice.jpg) repeat-x #000000;
}
#container {
	background:url(img/background_main.jpg) no-repeat;
	min-height:800px;
	width:1000px;
	position:relative;
	margin:0;padding:0;
}


#logo { position:absolute; top:40px; left:40px; }

#panel { position:absolute; top:165px; left:51px; }

ul.nav { 
  margin:0px; padding:0px;
  position:absolute; 
  top:198px; left:60px;
}
ul#right_menu { 
  margin:0px; padding:0px;
  position:absolute; top:20px; right:50px;	
}
ul.nav li, ul#right_menu li {
  margin:0px; padding:0px;
  list-style:none;
  margin-right:20px;
  font-weight: bold;
  text-transform:uppercase;
  display:inline;
}
ul.nav li a, ul#right_menu li a {
  text-decoration:none;
  color:#bf6969; /* bd92b2 */
}
ul.nav li a:hover, ul#right_menu li a:hover {
  text-decoration:none;
  color:#ffffff;
}


#footer {
  margin-top:40px;
  border-top:1px solid #3f2324;
  padding:30px 50px 80px 50px;
  color:#674f5d;
  font-size:9px;
  line-height:14px;
  background: #1c0e12;
}
#footer img {
	float:left;
	margin-right:10px;
}
#footer span {
	display:block;
	float:left;
	width:450px;
}
#footer a {
	color:#9e8292;
	text-decoration:none;
}
#footer a:hover { color:#ffffff; }
#footer_logo {display:none}


#content {
	padding-top:270px;
	padding-left:60px;
	width:900px;
	color:#B394A6;    /* #674f5d; */
	font-size:14px;
	line-height:20px;
}
.column1 { float:left; width:230px; margin-right:30px; }
.column2 { float:left; width:230px; margin-right:30px; }
.column3 { float:left; width:270px; }

#content *:first-child {
  margin-top:0;
  
}

#content h2, #content h1 {
	color:#bf6969;
	margin:20px 0px 10px 0px;
	font-weight:bold;
  font-size: 14px;
}

#content h1 {
  margin-top:0px;
  font-weight:bold;
  text-transform:uppercase;
}
  
ul.work {
	margin:0px; padding:0px;
}
ul.work li {
	list-style:none;
	margin:0px; padding:0px;
	clear:both;
}
ul.work li a {
	color:#e0b882;
	display:block;
	padding:5px 10px 5px 10px;
	text-decoration:none;
	font-size:10px;
}
ul.work li a img {
	float:left;
	margin-right:20px;
	margin-bottom:20px;	
}
ul.work li a h4 {
	color:#674f5d;
	margin:0px;
	font-weight:normal;
	font-size:13px;
}
ul.work li a:hover, ul.work li a:hover h4 { color:#ffffff; }



a img { border:0px }

#logo_cbg {
  position:absolute; left:750px; top:100px;
}
#logo_efko {
  position:absolute; left:900px; top:70px;
}

.archive-comments {clear:both; margin-top:24px;}
.archive-comment {border-top:1px solid #4c2a32; padding:12px 0;}
.archive-comment header {color:#d4a7b7; font-size:13px; margin-bottom:5px;}
.archive-comment p {margin:0; overflow-wrap:anywhere;}
#content img {max-width:100%; height:auto;}

.archive-gallery {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:20px 0 36px;}
.archive-gallery a {position:relative; display:block; padding:7px; overflow:hidden; border:1px solid #4a2b35; border-radius:8px; background:#21151b; box-shadow:0 3px 12px rgba(0,0,0,.22); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.archive-gallery a:hover,.archive-gallery a:focus-visible {transform:translateY(-3px); border-color:#d895a8; box-shadow:0 8px 22px rgba(0,0,0,.36);}
.archive-gallery a:focus-visible {outline:2px solid #ffd4df; outline-offset:3px;}
.archive-gallery a::after {content:"＋"; position:absolute; right:13px; bottom:13px; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:rgba(19,8,12,.8); color:#fff; font-size:22px; line-height:1; opacity:0; transition:opacity .18s ease;}
.archive-gallery a:hover::after,.archive-gallery a:focus-visible::after {opacity:1;}
#content .archive-gallery img {display:block; width:100%; height:150px; max-width:none; border-radius:4px; object-fit:cover;}
#content .archive-gallery--game img {box-sizing:border-box; padding:8px; background:#170f14; object-fit:contain;}

html.gallery-open {overflow:hidden;}
.gallery-lightbox {box-sizing:border-box; width:min(1120px,calc(100vw - 28px)); max-width:none; max-height:calc(100dvh - 28px); padding:0; overflow:hidden; border:1px solid #784552; border-radius:12px; color:#f7eaf0; background:#160d12; box-shadow:0 24px 80px rgba(0,0,0,.75);}
.gallery-lightbox::backdrop {background:rgba(5,2,4,.88);}
.gallery-lightbox__panel {position:relative;}
.gallery-lightbox__stage {display:grid; grid-template-columns:58px minmax(0,1fr) 58px; align-items:center; height:min(76dvh,800px); min-height:220px; background:#110b0f;}
.gallery-lightbox__image {display:block; max-width:100%; max-height:100%; width:auto; height:auto; margin:auto; object-fit:contain;}
.gallery-lightbox button {border:0; color:#fff; background:rgba(82,43,56,.78); cursor:pointer;}
.gallery-lightbox button:hover,.gallery-lightbox button:focus-visible {background:#a45f74;}
.gallery-lightbox button:focus-visible,.gallery-lightbox a:focus-visible {outline:2px solid #ffd4df; outline-offset:2px;}
.gallery-lightbox__previous,.gallery-lightbox__next {width:42px; height:54px; margin:auto; border-radius:8px; font-size:42px; line-height:1;}
.gallery-lightbox__close {position:absolute; z-index:1; top:10px; right:10px; width:38px; height:38px; border-radius:50%; font-size:30px; line-height:1;}
.gallery-lightbox__footer {display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:44px; padding:8px 20px; font-size:14px;}
.gallery-lightbox__original {color:#e6a8ba; text-decoration:underline; text-underline-offset:3px;}
.gallery-lightbox__original:hover {color:#fff;}

@media (max-width:1000px) {#container {width:100%; min-height:0; background-size:100% auto;} #content {box-sizing:border-box; width:100%; padding:260px 5% 50px;} #logo {max-width:90%; height:auto;} #logo_cbg,#logo_efko {position:static; display:inline-block; margin:8px;} #footer span {float:none; width:auto;}}
@media (max-width:680px) {#container {background-size:auto 250px;} #logo {top:30px; left:5%; max-width:70%;} ul.nav {position:relative; top:auto; left:auto; padding:155px 5% 0; display:flex; flex-wrap:wrap; gap:8px 14px;} ul.nav li,ul#right_menu li {display:inline; margin:0;} #content {padding-top:28px;} .archive-gallery {grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;} #content .archive-gallery img {height:128px;} #footer {padding:20px 5%;} #content .column1,#content .column2,#content .column3 {float:none; width:auto; margin:0 0 16px;} .gallery-lightbox__stage {grid-template-columns:42px minmax(0,1fr) 42px; height:70dvh;} .gallery-lightbox__previous,.gallery-lightbox__next {width:36px; height:46px; font-size:34px;} .gallery-lightbox__footer {padding:8px 12px; font-size:12px;}}
@media (prefers-reduced-motion:reduce) {.archive-gallery a,.archive-gallery a::after {transition:none;}}