@charset "UTF-8";

/* Copyright 2025 Andrew Magurran Photographer */

/* COLOUR VARIABLES */
:root {
--purewhite: #ffffff;
--white: #f9f9f9;
--black: #36383f;
--grey: #85888c;
--turquoise: #155C7A;
}

/* CSS */
*,::before,::after{box-sizing:border-box}
*{margin:0;padding:0;box-sizing:border-box}
body,html{min-height:100vh;min-width:100vw;}
body{background-color:var(--white)}
html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scrollbar-width:auto!important;overflow-y:scroll;overflow-x:hidden}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}
ul[role='list'],ol[role='list']{list-style:none}
body{min-height:100vh;line-height:1.5}
h1,h2,h3,h4,button,input,label{line-height:1.1}
h1,h2,h3,h4{text-wrap:balance}
a:not([class]){text-decoration-skip-ink:auto;color:currentColor}
img,picture{max-width:100%;display:block}
input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}
:target{scroll-margin-block:5ex}
  
/* FONTS */
@font-face {
font-family: 'GeoManistBold';
font-weight: 800;
font-style: normal;
font-display: swap;
src: url('../fonts/geomanist-bold.eot'); /* IE9 Compat Modes */
src: url('../fonts/geomanist-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	 url('../fonts/geomanist-bold.woff2') format('woff2'), /* Super Modern Browsers */
	 url('../fonts/geomanist-bold.woff') format('woff'), /* Pretty Modern Browsers */
	 url('../fonts/geomanist-bold.ttf') format('truetype'), /* Safari, Android, iOS */
	 url('../fonts/geomanist-bold.svg#geomanistbold') format('svg'); /* Legacy iOS */
}

@font-face {
font-family: 'Raleway';
font-weight: 700;
font-style: normal;
font-display: swap;
src: url('../fonts/raleway-regular.eot'); /* IE9 Compat Modes */
src: url('../fonts/raleway-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	 url('../fonts/raleway-regular.woff2') format('woff2'), /* Super Modern Browsers */
	 url('../fonts/raleway-regular.woff') format('woff'), /* Pretty Modern Browsers */
	 url('../fonts/raleway-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	 url('../fonts/raleway-regular.svg#raleway') format('svg'); /* Legacy iOS */
}

@font-face {
font-family: 'RalewayBold';
font-weight: 700;
font-style: normal;
font-display: swap;
src: url('../fonts/raleway-bold.eot'); /* IE9 Compat Modes */
src: url('../fonts/raleway-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	 url('../fonts/raleway-bold.woff2') format('woff2'), /* Super Modern Browsers */
	 url('../fonts/raleway-bold.woff') format('woff'), /* Pretty Modern Browsers */
	 url('../fonts/raleway-bold.ttf') format('truetype'), /* Safari, Android, iOS */
	 url('../fonts/raleway-bold.svg#ralewaybold') format('svg'); /* Legacy iOS */
}

/* ANIMATION */
/* @keyframes duration | easing-function | delay | direction | name */

/* Fade Out */
.fade-out{
animation:1s ease-out 1.5s forwards fade-out;
-webkit-animation:1s ease-out 1.5s forwards fade-out;
-moz-animation:1s ease-out 1.5s forwards fade-out;
-o-animation:1s ease-out 1.5s forwards fade-out;
-ms-animation:fade-out 1s 1.5s ease-out forwards;
}

@keyframes fade-out{0%{opacity:1}100%{opacity:0}}
@-moz-keyframes fade-out{0%{opacity:1}100%{opacity:0}}
@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}
@-o-keyframes fade-out{0%{opacity:1}100%{opacity:0}}
@-ms-keyframes fade-out{0%{opacity:1}100%{opacity:0}}

/* Fade In */
.fadeIn{
animation:.7s ease-in forwards fadeIn;
-webkit-animation:.7s ease-in forwards fadeIn;
-moz-animation:.7s ease-in forwards fadeIn;
-o-animation:.7s ease-in forwards fadeIn;
-ms-animation:fadeIn 0.7s ease-in forwards;
}

@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

/* MAIN RULES */
ul{list-style:none}
.nav{overflow:hidden;bottom:0;transition:max-height 0.5s ease-out}
.logo,.menu a,.subnav,.subnav-content a{font-style:normal}
.backtotop,a{text-decoration:none}
.backtotop,.footer,.logo{color:var(--black)}
#chevron-up,.logo,.menu a,.nav,.subnav-content a{display:block}
.logo{font-family:GeoManistBold;letter-spacing:-.5px;font-weight:700;float:left}
.menu a{font-family:raleway,sans-serif}
.infotext,.subnav,.subnav-content a{font-family:Raleway;font-weight:400;padding:0}
.infotext{width:100%;text-align:center;font-style:normal;color:var(--black);margin:0 0 2em 0;}
.footer,.infotext h1{font-family:Raleway;font-weight:500;font-style:normal}
.infotext h1{text-align:center;font-size:1.8em;margin:10px auto 50px auto}
.infotext h2,.infotext h3{font-family:RalewayBold;font-weight:700;font-style:normal;text-align:center;font-size:1em;margin:1em auto 1em auto}
.infotext p{text-align:center;font-size:1em;margin:1em auto 1em auto}
.infotext a{color:var(--turquoise);text-decoration:none}
.infotext a:hover{text-decoration:underline}
.infotext ul{width:60%;display:inline-block;list-style: square outside none;}
.infotext ul li{text-align:left;margin:20px auto;padding: 0 0 0 20px;}
.infotextspacer1{height:2em;}
.infotextspacer2{height:1em;}
.infotextspacer3{height:0.5em;}
.container{padding:30px 4vw;}
.image-gallery .rows{display:flex;flex-direction:row;align-items:center}
.image-item img{width:100%;height:auto;object-fit:cover}
.footer{position:fixed;width:100vw;font-size:.85em;bottom:0;height:100px;margin:50px 0 0 0;z-index:9999;}
.footer a,.footer a:visited{color:var(--black);text-decoration:none}
.footer a:hover{color:var(--turquoise);text-decoration:underline}
.backtotop{background:0 0;border:none;cursor:pointer;text-align:center;display:inline-block;font-size:20px}
#chevron-up{border-right:5px solid #000;border-bottom:5px solid #000;width:22px;height:22px;transform:rotate(-135deg);margin:10px 0 0 0}

/* infotexthidden */
.infotexthidden, .infotexthidden h1, .infotexthidden h2, .infotexthidden h3, .infotexthidden p {border: 0;clip-path: inset(0 0 0 0);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;white-space: nowrap;width: 1px;color: var(--black);opacity:1;}

/* DESKTOP */
@media only screen and (min-width:1200px) {

.splashtext{
font-size: clamp(7.563rem, 7.375vw + 2.031rem, 11.25rem);
line-height: clamp(7.563rem, 7.375vw + 2.031rem, 11.25rem);
}

.logo,ul.menu li{float:left}
.header{position:fixed;top:0;width:100%;height:80px;z-index:100;padding:0 1%;}
.logo,.nav{height:fit-content}
.logo{font-size:1.5em;width:50%;padding:40px 0 0 35px}
.nav{position:relative;padding:47px 30px 0 0;margin:0;top:0;float:right;width:fit-content;background-color:transparent;transition:max-height .5s ease-out}
.menu a,.subnav{font-size:.975em;padding:0}
.menu a{color:var(--black);margin:0 1em 0 1em;width:fit-content;text-align:center}
.menu a:hover{background-color:inherit;color:var(--turquoise)}
.hamb,.listGap,.menutop{display:none}
.langSwitch a{color:var(--turquoise);text-align:right;width:20px;margin:0 0 0 25px;font-weight:500}
.subnav,.subnav-content a{color:var(--black);float:left}
.subnav{display:block;margin:0 10px;cursor:pointer;width:97px}
.subnav-content{background-color:inherit;display:none;width:105px}
.btnlabel,.chevron-down,.subnav:hover,.subnav-content,.subnavbtn{display:block}
.subnav-content a{width:180px;padding:20px 0 0;margin:0 0 0 27px;text-align:left;display:block}
.subnavbtn{margin:0;padding:0 0 0 25px;text-align:center}
.btnlabel{float:left}
.chevron-down{border-right:2px solid var(--black);border-bottom:2px solid var(--black);width:6px;height:6px;transform:rotate(45deg);margin:6px 0 0 6px;float:right;padding:0}
.side-menu{display:none!important}
.infotext, .infotexthidden{padding:160px 0 0}
.infotext h1,.infotext h2,.infotext h3,.infotext p{width:60%}
.infotexthidden h1,.infotexthidden h2,.infotexthidden h3,.infotexthidden p{width:60%}
.image-gallery .rows{flex-wrap:nowrap}
.image-gallery{margin:0}
.rows{gap:130px;padding:0 0 130px}
.image-blank,.image-item{display:flex;position:relative;cursor:pointer;align-items:center}
.copyright{margin:0 0 0 30px;float:left}
.mobcopyrt{display:none}
.footer{padding:40px 1% 0 1%;}
.footer,.infofooter{background-color:var(--white);}
.backtotop{margin:0 25px 0 0;float:right;}
}

/* IPAD PRO */
@media only screen and (min-width:800px) and (max-width:1199px) {

.splashtext{
font-size: clamp(5.688rem, -4.825vw + 8.1rem, 7.5rem);
line-height: clamp(5.688rem, -4.825vw + 8.1rem, 7.5rem);
}

.header,.nav{position:fixed;width:100%}
.logo,.menu a{color:var(--white)}
.circle_wrap,.nav,.subnav-content{text-align:center}
.header{top:0;z-index:100;background-color:rgba(0,0,0,.75)}
.logo{font-size:2em;margin:12px 0 0 20px}
.menu a,.subnav{font-size:1.2em}
.nav{background-color:rgba(0,0,0,.85);margin:0;top:66px;max-height:0;transition:max-height .5s ease-out}
.menu a{padding:22px 0 18px}
.langSwitch a,.menu a:hover{color:var(--turquoise)}
.subnav-content a,.subnavbtn,.subnavbtn:hover,li.listGap{color:var(--white)}
.menu li{float:none}li.listGap{display:block;padding:25px 0 20px}
.circle_wrap{margin:15px auto;width:fit-content;cursor:default}
.circle{width:5px;height:6px;margin:3px;background:#fff;border-radius:50%;display:inline-block;float:left}
.subnav,.subnav:hover,.subnav-content{display:block}
.subnav{padding:0}
.subnav-content{display:block}
.subnav-content a{padding:4px 0;font-size:.8em}
.subnavbtn{padding:22px 0 14px;display:inline-block;cursor:default}
.chevron-down{border-right:2px solid var(--white);border-bottom:2px solid var(--white);width:6px;height:6px;transform:rotate(45deg);margin:0 0 3px 5px;float:none;padding:0;display:inline-block}
.hamb{cursor:pointer;float:right;padding:32px 20px;z-index:1000}
.hamb-line{background:var(--white);display:block;height:2px;position:relative;width:24px}
.hamb-line::after,.hamb-line::before{background:var(--white);content:'';display:block;height:100%;position:absolute;transition:.2s ease-out;width:100%}
.hamb-line::before{top:5px}
.hamb-line::after{top:-5px}
.image-blank,.side-menu{display:none}
.side-menu:checked~nav{max-height:100%}
.side-menu:checked~.hamb .hamb-line{background:0 0}
.side-menu:checked~.hamb .hamb-line::before{transform:rotate(-45deg);top:0}
.side-menu:checked~.hamb .hamb-line::after{transform:rotate(45deg);top:0}
.infotext, .infotexthidden{padding:100px 0 0}
.infotext h1,.infotext h2,.infotext h3,.infotext p{width:80%}
.infotexthidden h1,.infotexthidden h2,.infotexthidden h3,.infotexthidden p{width:80%}
.infotextspacer1{height:25px}
.infotextspacer2{height:10px}
.infotextspacer3{height:5px}
.infotext ul{width:80%;}
.container,.projcontainer{padding:0 7%;z-index:1;margin:0}
.image-gallery .rows{flex-wrap:wrap}
.image-gallery{margin:0}
.rows{gap:50px;padding:25px 0}
.image-item{min-width:100%;top:0!important;bottom:0!important;position:relative;cursor:pointer}
.none{display:none}
.copyright{display:none!important}
.mobcopyright{margin:0 0 0 18px;float:left}
.footer,.infofooter{background:rgba(133, 136, 140, 0.15);}
.footer{padding:40px 4% 0 4%;}
.backtotop{margin:0 5px 0 0;float:right;}
}

/* IPAD */
@media only screen and (min-width:600px) and (max-width:799px) {

.splashtext{
font-size: clamp(3.813rem, 14.573vw + -1.652rem, 5.625rem);
line-height: clamp(3.813rem, 14.573vw + -1.652rem, 5.625rem);
}

.header,.nav{position:fixed;width:100%}
.logo,.menu a{color:var(--white)}
.circle_wrap,.nav,.subnav-content{text-align:center}
.header{top:0;z-index:100;background-color:rgba(0,0,0,.75)}
.logo{font-size:1.8em;margin:14px 0 0 25px}
.menu a,.subnav{font-size:1.2em}
.nav{background-color:rgba(0,0,0,.85);margin:0;top:66px;max-height:0;transition:max-height .5s ease-out}
.menu a{padding:22px 0 18px}
.langSwitch a,.menu a:hover{color:var(--turquoise)}
.subnav-content a,.subnavbtn,.subnavbtn:hover,li.listGap{color:var(--white)}
.menu li{float:none}li.listGap{display:block;padding:25px 0 20px}
.circle_wrap{margin:15px auto;width:fit-content;cursor:default}
.circle{width:5px;height:6px;margin:3px;background:#fff;border-radius:50%;display:inline-block;float:left}
.subnav,.subnav-content,.subnav:hover,.subnav-content{display:block}
.subnav{padding:0}
.subnav-content a{padding:4px 0;font-size:.8em;display:block}
.subnavbtn{padding:22px 0 14px;display:inline-block;cursor:default}
.chevron-down{border-right:2px solid var(--white);border-bottom:2px solid var(--white);width:6px;height:6px;transform:rotate(45deg);margin:0 0 3px 5px;float:none;padding:0;display:inline-block}
.hamb{cursor:pointer;float:right;padding:32px 20px;z-index:1000}
.hamb-line{background:var(--white);display:block;height:2px;position:relative;width:24px}
.hamb-line::after,.hamb-line::before{background:var(--white);content:'';display:block;height:100%;position:absolute;transition:.2s ease-out;width:100%}
.hamb-line::before{top:5px}
.hamb-line::after{top:-5px}
.image-blank,.side-menu{display:none}
.side-menu:checked~nav{max-height:100%}
.side-menu:checked~.hamb .hamb-line{background:0 0}
.side-menu:checked~.hamb .hamb-line::before{transform:rotate(-45deg);top:0}
.side-menu:checked~.hamb .hamb-line::after{transform:rotate(45deg);top:0}
.infotext, .infotexthidden{padding:100px 0 0}
.infotext h1,.infotext h2,.infotext h3,.infotext p{width:80%}
.infotexthidden h1,.infotexthidden h2,.infotexthidden h3,.infotexthidden p{width:80%}
.infotextspacer1{height:25px}
.infotextspacer2{height:10px}
.infotextspacer3{height:5px}
.infotext ul{width:80%;}
.container,.projcontainer{padding:0 7%;z-index:1;margin:0}
.image-gallery .rows{flex-wrap:wrap}
.image-gallery{margin:0}
.rows{gap:40px;padding:20px 0}
.image-item{min-width:100%;top:0!important;bottom:0!important;position:relative;cursor:pointer}
.none{display:none}
.copyright{display:none!important}
.mobcopyright{margin:0 0 0 8px;float:left}
.footer,.infofooter{background:rgba(133, 136, 140, 0.15);}
.footer{padding:40px 4% 0 4%;}
.backtotop{margin:0 5px 0 0;float:right;}
}

/* LARGE PHONE*/
@media only screen and (min-width:400px) and (max-width:599px) {

.splashtext{
font-size: clamp(1.625rem, 17.085vw + -2.646rem, 3.75rem);
line-height: clamp(1.625rem, 17.085vw + -2.646rem, 3.75rem);
}

.header,.nav{position:fixed;width:100%}
.logo,.menu a{color:var(--white)}
.circle_wrap,.nav,.subnav-content{text-align:center}
.header{top:0;z-index:100;background-color:rgba(0,0,0,.75)}
.logo{font-size:1.13em;margin:20px 0 0 25px}
.menu a,.subnav{font-size:1.2em}
.nav{background-color:rgba(0,0,0,.85);margin:0;top:66px;max-height:0;transition:max-height .5s ease-out}
.menu a{padding:22px 0 18px}
.langSwitch a,.menu a:hover{color:var(--turquoise)}
.subnav-content a,.subnavbtn,.subnavbtn:hover,li.listGap{color:var(--white)}
.menu li{float:none}li.listGap{display:block;padding:25px 0 20px}
.circle_wrap{margin:15px auto;width:fit-content;cursor:default}
.circle{width:5px;height:6px;margin:3px;background:#fff;border-radius:50%;display:inline-block;float:left}
.subnav,.subnav-content,.subnav:hover,.subnav-content{display:block}
.subnav{padding:0}
.subnav-content a{padding:4px 0;font-size:.8em;display:block}
.subnavbtn{padding:22px 0 14px;display:inline-block;cursor:default}
.chevron-down{border-right:2px solid var(--white);border-bottom:2px solid var(--white);width:6px;height:6px;transform:rotate(45deg);margin:0 0 3px 5px;float:none;padding:0;display:inline-block}
.hamb{cursor:pointer;float:right;padding:32px 20px;z-index:1000}
.hamb-line{background:var(--white);display:block;height:2px;position:relative;width:24px}
.hamb-line::after,.hamb-line::before{background:var(--white);content:'';display:block;height:100%;position:absolute;transition:.2s ease-out;width:100%}
.hamb-line::before{top:5px}
.hamb-line::after{top:-5px}
.image-blank,.side-menu{display:none}
.side-menu:checked~nav{max-height:100%}
.side-menu:checked~.hamb .hamb-line{background:0 0}
.side-menu:checked~.hamb .hamb-line::before{transform:rotate(-45deg);top:0}
.side-menu:checked~.hamb .hamb-line::after{transform:rotate(45deg);top:0}
.infotext, .infotexthidden{padding:100px 0 0}
.infotext h1,.infotext h2,.infotext h3,.infotext p{width:80%}
.infotexthidden h1,.infotexthidden h2,.infotexthidden h3,.infotexthidden p{width:80%}
.infotextspacer1{height:25px}
.infotextspacer2{height:10px}
.infotextspacer3{height:5px}
.infotext ul{width:80%;}
.container,.projcontainer{padding:0 7%;z-index:1;margin:0}
.image-gallery .rows{flex-wrap:wrap}
.image-gallery{margin:0}
.rows{gap:40px;padding:20px 0}
.image-item{min-width:100%;top:0!important;bottom:0!important;position:relative;cursor:pointer}
.none{display:none}
.copyright{display:none!important}
.mobcopyright{margin:0 0 0 8px;float:left}
.footer,.infofooter{background:rgba(133, 136, 140, 0.15);}
.footer{padding:40px 4% 0 4%;}
.backtotop{margin:0 5px 0 0;float:right;}
}

/* PHONE */
@media only screen and (min-width:1px) and (max-width:399px) {

.splashtext{
font-size: clamp(1.25rem, 1.253vw + 1.25rem, 1.563rem);
line-height: clamp(1.25rem, 1.253vw + 1.25rem, 1.563rem);
}

.header,.nav{position:fixed;width:100%}
.logo,.menu a{color:var(--white)}
.circle_wrap,.nav,.subnav-content{text-align:center}
.header{top:0;z-index:100;background-color:rgba(0,0,0,.75)}
.logo{font-size:0.95em;margin:22px 0 0 25px}
.menu a,.subnav{font-size:1.2em}
.nav{background-color:rgba(0,0,0,.85);margin:0;top:66px;max-height:0;transition:max-height .5s ease-out}
.menu a{padding:22px 0 18px}
.langSwitch a,.menu a:hover{color:var(--turquoise)}
.subnav-content a,.subnavbtn,.subnavbtn:hover,li.listGap{color:var(--white)}
.menu li{float:none}li.listGap{display:block;padding:25px 0 20px}
.circle_wrap{margin:15px auto;width:fit-content;cursor:default}
.circle{width:5px;height:6px;margin:3px;background:#fff;border-radius:50%;display:inline-block;float:left}
.subnav,.subnav-content,.subnav:hover,.subnav-content{display:block}
.subnav{padding:0}
.subnav-content a{padding:4px 0;font-size:.8em;display:block}
.subnavbtn{padding:22px 0 14px;display:inline-block;cursor:default}
.chevron-down{border-right:2px solid var(--white);border-bottom:2px solid var(--white);width:6px;height:6px;transform:rotate(45deg);margin:0 0 3px 5px;float:none;padding:0;display:inline-block}
.hamb{cursor:pointer;float:right;padding:32px 20px;z-index:1000}
.hamb-line{background:var(--white);display:block;height:2px;position:relative;width:24px}
.hamb-line::after,.hamb-line::before{background:var(--white);content:'';display:block;height:100%;position:absolute;transition:.2s ease-out;width:100%}
.hamb-line::before{top:5px}
.hamb-line::after{top:-5px}
.image-blank,.side-menu{display:none}
.side-menu:checked~nav{max-height:100%}
.side-menu:checked~.hamb .hamb-line{background:0 0}
.side-menu:checked~.hamb .hamb-line::before{transform:rotate(-45deg);top:0}
.side-menu:checked~.hamb .hamb-line::after{transform:rotate(45deg);top:0}
.infotext, .infotexthidden{padding:100px 0 0}
.infotext h1,.infotext h2,.infotext h3,.infotext p{width:80%}
.infotexthidden h1,.infotexthidden h2,.infotexthidden h3,.infotexthidden p{width:80%}
.infotextspacer1{height:25px}
.infotextspacer2{height:10px}
.infotextspacer3{height:5px}
.infotext ul{width:80%;}
.container,.projcontainer{padding:0 7%;z-index:1;margin:0}
.image-gallery .rows{flex-wrap:wrap}
.image-gallery{margin:0}
.rows{gap:40px;padding:20px 0}
.image-item{min-width:100%;top:0!important;bottom:0!important;position:relative;cursor:pointer}
.none{display:none}
.copyright{display:none!important}
.mobcopyright{margin:0 0 0 8px;float:left}
.footer,.infofooter{background:rgba(133, 136, 140, 0.15);}
.footer{padding:40px 4% 0 4%;;}
.backtotop{margin:0 5px 0 0;float:right;}
}