@font-face {
  font-family: 'Beausite';
  src: url('../fonts/Beausite_Classic-Regular-Web.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Beausite_Classic-Regular-Web.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Beausite_Classic-Regular-Web.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Beausite_Classic-Regular-Web.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/BeausiteClassic-Regular.otf')  format('opentype'); 
}

/* Box Model Hack */
* {
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari/Chrome/iOS/Android */
  box-sizing: border-box; /* IE */
}
html{
	box-sizing: border-box;
}
*,
*:before,
*:after {
  	box-sizing: inherit;
}
/* Clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

img{
	max-width: 100%;
	height:auto;
}
/* General Text rules */
body{
	font-family: 'Beausite', Helvetica, Arial, sans-serif;
}
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
	font-style: normal;
	margin:0;
}
p{
	margin: 0;
}
body.home p a,
body.news .rich-text a{
	border-bottom: 2px solid #000;
}

/* Page layout */
html,
body{
	margin:0;
}
/** Page titles **/
.site-title{
	position: absolute;
	width: 33%;
	text-align: center;
	right: 0;
	z-index: 2000;
}
a{
	text-decoration: none;
	color:#000;
}

/** TEXT GENERAL **/
.title__hover{
	position: absolute;
	text-align: center;
	display: block;
	width: 100%;
	top: 50%;
	transform:translateY(-50%);
	z-index: 800;
	line-height: 1.34em;
}
.title__hover span{
	display: block;
	margin:0 auto;
}
p,
.post-detail,
.work-heading,
h3{
	line-height: 1.38em;
}

/** LISTS **/
.plain-list{
	list-style-type: none;
	padding:0;
	margin:0;
}

/** Main menu **/
.menu-list{
	/*opacity: 1;*/
	list-style-type: none;
	margin:0;
	padding:0;
	text-align: center;
	position: fixed;
	bottom:40px;
	width: 100%;
	z-index: 2000;
	
	/*-webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;*/
}
.menu-list-item{
	display: inline-block;
}
.menu-list-item a{
	text-decoration: none;
	color:#000;
}
.menu-list-item a.active,
.menu-list-item a:hover{
	border-bottom: 2px solid #000;
}
.menu-list-item .language-choice:hover,
.menu-list-item .language-choice.active{
	color:grey;
	border-bottom: none;
}
.instagram{
	background-image: url(../img/instagram.svg);
	background-repeat: no-repeat;
	display: inline-block;
	position: relative;
}
.menu-list-item .instagram:hover{
	opacity: 0.6;
	border-bottom: none;
}

/** PRACTICE PAGE MENU **/
.practice-menu{
	bottom:80px;
}

/** PROJECT MENU ON HOVER **/
.project-menu{
	position: fixed;
	bottom:90px;
	text-align: center;
	width: 100%;
	height: 85%;
	min-height: 550px;
	z-index: 2000;
	display: none;
}
.project-menu-wrapper{
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.project-menu-list{
	margin:0 auto;	
}
.menu-1{background: url(../img/menu_1.svg) no-repeat center center;}
.menu-2{background: url(../img/menu_2.svg) no-repeat center center;}
.menu-3{background: url(../img/menu_3.svg) no-repeat center center;}
.menu-4{background: url(../img/menu_4.svg) no-repeat center center;}

/** GRIDS **/
.column{
	float: left;
}
/** IMAGE HOVER EFFECT **/
.hover-element{
	position:relative;
}
.hover__image{
	z-index: 950;
	position: relative;
	-webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}

/** HOMEPAGE **/
body.home .page-container{
	position: absolute;
/*	top:100%;*/
	background: #fff;
	width: 100%;
	z-index: 1000;
}
body.home .site-title{
	position: static;
	width: 100%;
}
.background{
	height: 100%;
	width: 100%;
	position: fixed;
}
.background img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
/** HOMEPAGE ANIMATION **/
/* ANIMATION FOR SLIDING MENU */
/*.slide-up {
    animation: slide-in 0.3s forwards;
    -webkit-animation: slide-in 0.3s forwards;
}*/
/*.slide-out {
    animation: slide-out 0.3s forwards;
    -webkit-animation: slide-out 0.3s forwards;
}*/

/*@keyframes slide-up {
    100% { transform: translateX(0%); }
}
@-webkit-keyframes slide-in {
    100% { -webkit-transform: translateX(0%); }
}*/


.hp-project{
	max-width: 40%;
	display: block;
	margin-bottom: 1%;
}
.hp-news{
	clear:both;
	text-align: center;
	max-width: 800px;
	margin:0 auto;
}
.hp-image{
	display: block;
}
.left-small{
	max-width: 33%;
	float: left;
	clear: right;
	margin-left: 1%;
}
.left-large{
	float: left;
	clear: right;
	margin-left: 1%;
}
.right-small{
	max-width: 33%;
	float: right;
	clear: left;
	margin-right:1%;
}
.right-large{
	float: right;
	clear: left;
	margin-right:1%;
}
.white-underlay{
	position: fixed;
	bottom:0;
	left:0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	display: none;
}
.white-underlay.visible{display: block;}

/** HOLDING PAGE **/
/*.lSSlideOuter,
.lSSlideWrapper,
.imageSlider,
.lslide{
	height: 100%!important;
}
.holding-page-content{
	text-align: center;
	padding-top: 10px;
}
.holding-message{
	line-height: 1.25em;
}*/


/** WORK OVERVIEW **/
.work-overview{
	position: relative;
	margin-bottom: 15px;
}
.work-heading{
	display: inline-block;
	position: absolute;
	top:0;
}
.overview-images{
	margin:0 auto;
	text-align: center;
}
.project-list{
	width: 100%;
}
.index{
	display: inline-block;
	float: left;
	min-height: 1em;
}
.index-sector{text-transform: lowercase;}
.index-title{text-transform: none;}

/** WORK DETAIL **/
.post-detail{
	display: inline-block;
}
.image-feed{
	text-align: center;
	margin:0 auto;
}
ul.post-detail{
	display: block;
}
/*figure{
	margin:0;
}*/
/** LIGHT GALLERY **/
.lg-backdrop{
	background-color: #fff;
	z-index: 2500;
}
.lg-outer {
    z-index: 4000;
}
.lg-toolbar {
    background-color: transparent;
    text-align: center;    
}
#lg-counter{
	color:#000;
	padding-left: 0;
	padding-top:17px;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
    background-color: transparent;
    background-repeat: no-repeat;
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 18px 20px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080;

}
.lg-toolbar .lg-icon {
    float: none;
    width: 20px;
}
.lg-actions .lg-next {
    right: 20px;
    background-image: url(../img/right.svg);
}
.lg-actions .lg-prev {
    left: 20px;
    background-image: url(../img/left.svg);
}
.lg-close{
	position: absolute;
	right:20px;
	top:25px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../img/close.svg);
}
.lg-toolbar .lg-close::after,
.lg-actions .lg-prev::before,
.lg-actions .lg-prev::after,
.lg-actions .lg-next::before {
    content: '';
}
.lg-download{
	display: none;
}


/** NEWS INDEX PAGE **/
.news-item{
	width: 100%;
}
.news-detail{
	display: block;
	max-width: 420px;
}
.news-detail p{
	padding-bottom: 15px;
}
.en-date,
.ja-date{
	display: none;
}
.en-date.visible,
.ja-date.visible{
	display: block;
}

/** PRACTICE PAGE **/
.practice-page-section{
	height: 100%;
}
.column p{
	padding-bottom: 15px;
}
.practice-list{
	line-height: 1.38em;
}
h4{
	text-transform: lowercase;
}

/* Cookie banner (2026), as on field-studies.org / claudia-sarnthein.com */
.cookie-banner{position:fixed;bottom:0;left:0px;width:100%;max-width:500px;z-index:9999;font-family:Arial, Helvetica, sans-serif;font-size:clamp(1.0625rem, calc(0.94837rem + 0.52174vw), 1.4375rem);line-height:1.4}.cookie-banner .inner{background:#000;color:white;padding:1em 2em 1em 1em;margin:0 25px;font-size:.7em;line-height:1.5}@media (max-width: 899px){.cookie-banner .inner{margin:0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom, 0px));min-height:240px;line-height:1.3em}}@media (max-width: 899px){.cookie-banner{max-width:none;right:0}}@media (min-width: 900px){.cookie-banner{width:23.5em;max-width:none}.cookie-banner .inner{margin:0;padding:1.4em;min-height:14.3em}}.cookie-banner a{color:#fff !important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.14em}.cookie-banner p{font-size:1em;line-height:1.5em;margin-bottom:1em}@media (min-width: 900px){.cookie-banner p{font-size:.95em;line-height:1.5;max-width:80%;margin:0 0 1.5em}}@media (max-width: 899px){.cookie-banner p{font-size:1.22em;margin-top:0;margin-bottom:1.5rem}}.cookie-banner .cookie-actions{display:flex;gap:1rem}.cookie-banner .cookie-actions button{font-family:inherit;font-size:1em;background:#000;color:white;border:1px solid white;padding:0.5em 1em;margin-right:1em;cursor:pointer;border-radius:0;transition:all 0.2s ease}@media (min-width: 900px){.cookie-banner .cookie-actions button{margin-right:0;padding:0.5em 1.1em 0.5em 0.7em;font-size:.95em;line-height:1.25}}@media (max-width: 899px){.cookie-banner .cookie-actions button{margin-right:0;padding:0.5em 0.7em;font-size:1.2em;line-height:1.25;white-space:normal}}.cookie-banner .cookie-actions button:hover{background:white;color:#000}@media print{.cookie-banner{display:none}}