@font-face{
font-family:'DMMonoCustom';
src:url('fonts/DMMono-Regular.ttf') format('truetype');
font-weight:400;
font-style:normal;
}

@font-face{
font-family:'DMMonoCustom';
src:url('fonts/DMMono-Light.ttf') format('truetype');
font-weight:300;
font-style:normal;
}

@font-face{
font-family:'DMMonoCustom';
src:url('fonts/DMMono-Medium.ttf') format('truetype');
font-weight:500;
font-style:normal;
}

@import url("https://fonts.cdnfonts.com/css/tabac-mono");
@import url("https://fonts.cdnfonts.com/css/sohne");
@import url("https://fonts.cdnfonts.com/css/andale-mono");
@import url("https://fonts.cdnfonts.com/css/tabac-mono");
@import url("https://fonts.cdnfonts.com/css/monoela");
@import url("https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400&display=swap");
@font-face{
font-family:"Rexton";
src:url("fonts/Rexton-Regular.otf") format("opentype");
font-weight:400;
font-style:normal;
font-display:swap;
}

*{margin:0;padding:0;box-sizing:border-box;}

html,
body{
width:100%;
min-height:100%;
overflow-y:scroll;
scrollbar-gutter:stable;
}

body{
background:#ffffff;
color:#111;
font-family:Arial, Helvetica, sans-serif;
overflow-x:hidden;
}

header{
position:fixed;
top:0;
left:0;
right:0;
z-index:1000;
display:flex;
justify-content:space-between;
align-items:flex-start;
padding:42px 44px 0 44px;
background:#ffffff;
}

.logo{
text-decoration:none;
color:#111;
font-family:"Rexton", serif;
font-size:21px;
font-weight:400;
letter-spacing:.32em;
line-height:1;
white-space:nowrap;
}

nav{
display:flex;
gap:48px;
padding-top:8px;
}

nav{
display:flex;
gap:48px;
padding-top:8px;
}

nav a{
text-decoration:none;
color:#111;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:25px;
font-weight:400;
letter-spacing:.04em;
line-height:1;
}

/* HOME */
.home{
width:100%;
height:calc(100vh - 30px);
display:flex;
justify-content:center;
align-items:flex-start;
padding-top:130px;
}

.slideshow{
position:relative;
width:720px;
height:950px;
}

.slide{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
opacity:0;
animation:fade 16s infinite;
}

.s1{animation-delay:0s;}
.s2{animation-delay:4s;}
.s3{animation-delay:8s;}
.s4{animation-delay:12s;}

@keyframes fade{
0%{opacity:0;}
8%{opacity:1;}
25%{opacity:1;}
33%{opacity:0;}
100%{opacity:0;}
}

/* ABOUT */
.about-page{
padding:160px 44px 120px 44px;
}

.about-copy{
width:100%;
max-width:none;
font-family:"Tabac Mono", "Courier New", monospace;
font-size:34px;
font-weight:300;
line-height:1.55;
letter-spacing:.01em;
color:#111;
}

.about-copy p{
margin-bottom:38px;
}

.ita-toggle{
display:inline-block;
margin-top:14px;
font-family:"Tabac Mono", "Courier New", monospace;
font-size:18px;
font-weight:400;
letter-spacing:.02em;
color:#777;
text-decoration:none;
cursor:pointer;
}

.ita-copy{
display:none;
margin-top:52px;
width:calc(100vw - 88px);
max-width:none;
font-family:"Tabac Mono", "Courier New", monospace;
font-size:22px;
font-weight:400;
line-height:1.6;
letter-spacing:.01em;
color:#555;
}

.ita-copy.active{
display:block;
}

.ita-copy p{
margin-bottom:38px;
}

/* PROJECTS PLACEHOLDER */
.projects-page{
padding:100px 31px 80px 31px;
}

.projects-list{
display:flex;
flex-direction:column;
gap:18px;
font-size:34px;
font-weight:500;
line-height:1.3;
letter-spacing:.03em;
}

.projects-list a{
color:#111;
text-decoration:none;
}

.projects-list a:hover{
text-decoration:underline;
}


.footer-contact{
position:fixed;
left:44px;
bottom:28px;
display:flex;
gap:48px;
align-items:flex-start;
font-family:"Sohne", "Helvetica Neue", Arial, sans-serif;
font-size:21px;
font-weight:300;
line-height:1.25;
letter-spacing:.01em;
color:#111;
}

.footer-brand{
font-family:"Rexton", serif;
font-size:15px;
font-weight:400;
letter-spacing:.32em;
}

.footer-contact a{
color:#111;
text-decoration:none;
}





/* FINAL TYPOGRAPHY */
nav a{
font-family:'DMMonoCustom', monospace !important;
font-size:21px !important;
font-weight:400 !important;
letter-spacing:.02em !important;
}

.about-copy{
font-family:'DMMonoCustom', monospace !important;
font-weight:300 !important;
}

.footer-contact,
.footer-contact a{
font-family:'DMMonoCustom', monospace !important;
font-weight:300 !important;
}


/* V41 FINAL REFINEMENTS */

/* logo: less tracking */
.logo{
letter-spacing:.20em !important;
}

/* about lower on the page */
.about-page{
padding-top:190px !important;
}

/* about text lighter */
.about-copy{
font-family:'DMMonoCustom', monospace !important;
font-weight:300 !important;
}

/* contacts: remove repeated logo, keep contacts only */
.footer-brand{
display:none !important;
}

.footer-contact{
gap:0 !important;
font-family:'DMMonoCustom', monospace !important;
font-weight:300 !important;
}

/* works visible but not clickable for now */
.disabled-link{
pointer-events:none;
cursor:default;
}


/* V42 refinements */

/* tighter logo */
.logo{
letter-spacing:0.04em !important;
}

/* lighter, softer about */
.about-copy{
font-weight:300 !important;
font-size:25px !important;
color:#555 !important;
line-height:1.55 !important;
}


/* V43 refinements */
.about-copy{
max-width:900px !important;
width:auto !important;
}

.about-copy p{
margin-bottom:34px !important;
}


/* V45 corrected home photos */
.slide{
animation:fade5 20s infinite !important;
}

.s1{animation-delay:0s !important;}
.s2{animation-delay:4s !important;}
.s3{animation-delay:8s !important;}
.s4{animation-delay:12s !important;}
.s5{animation-delay:16s !important;}

@keyframes fade5{
0%{opacity:0;}
7%{opacity:1;}
20%{opacity:1;}
27%{opacity:0;}
100%{opacity:0;}
}


/* V47: six-image home slideshow */
.slide{
animation:fade6 24s infinite !important;
}

.s1{animation-delay:0s !important;}
.s2{animation-delay:4s !important;}
.s3{animation-delay:8s !important;}
.s4{animation-delay:12s !important;}
.s5{animation-delay:16s !important;}
.s6{animation-delay:20s !important;}

@keyframes fade6{
0%{opacity:0;}
6%{opacity:1;}
16.5%{opacity:1;}
23%{opacity:0;}
100%{opacity:0;}
}


/* V50 final image handling */
img{
-webkit-user-drag:none;
user-drag:none;
-webkit-user-select:none;
user-select:none;
}

.slide{
animation:fade6 24s infinite !important;
}

.s1{animation-delay:0s !important;}
.s2{animation-delay:4s !important;}
.s3{animation-delay:8s !important;}
.s4{animation-delay:12s !important;}
.s5{animation-delay:16s !important;}
.s6{animation-delay:20s !important;}

@keyframes fade6{
0%{opacity:0;}
6%{opacity:1;}
16.5%{opacity:1;}
23%{opacity:0;}
100%{opacity:0;}
}



/* V52 MOBILE FIX — preserves desktop identity */
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:#fff;color:#111;}
body{font-family:'DMMonoCustom', monospace;}

a{color:inherit;text-decoration:none;}

.logo, .site-logo{
letter-spacing:0.04em !important;
}

nav a, .nav a{
font-family:'DMMonoCustom', monospace !important;
font-size:21px !important;
font-weight:400 !important;
letter-spacing:.02em !important;
text-decoration:none !important;
color:#111 !important;
}

.about-copy{
font-family:'DMMonoCustom', monospace !important;
font-weight:300 !important;
font-size:25px !important;
line-height:1.55 !important;
color:#555 !important;
max-width:900px !important;
width:auto !important;
}

.footer-contact, .footer-contact a{
font-family:'DMMonoCustom', monospace !important;
font-weight:300 !important;
color:#111 !important;
text-decoration:none !important;
}

img{
-webkit-user-drag:none;
user-drag:none;
-webkit-user-select:none;
user-select:none;
}

.slide{
animation:fade6 24s infinite !important;
}
.s1{animation-delay:0s !important;}
.s2{animation-delay:4s !important;}
.s3{animation-delay:8s !important;}
.s4{animation-delay:12s !important;}
.s5{animation-delay:16s !important;}
.s6{animation-delay:20s !important;}

@keyframes fade6{
0%{opacity:0;}
6%{opacity:1;}
16.5%{opacity:1;}
23%{opacity:0;}
100%{opacity:0;}
}

@media (max-width: 768px){
  body{
    overflow-x:hidden;
  }

  header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:1000 !important;
    background:#fff !important;
    padding:28px 22px 0 22px !important;
    display:flex !important;
    justify-content:space-between !important;
    align-items:flex-start !important;
  }

  .logo, .site-logo, header h1, header .brand{
    font-size:22px !important;
    line-height:1 !important;
    letter-spacing:0.035em !important;
    margin:0 !important;
    color:#111 !important;
    text-decoration:none !important;
  }

  nav, .nav{
    display:flex !important;
    gap:22px !important;
    align-items:flex-start !important;
  }

  nav a, .nav a{
    font-size:14px !important;
    line-height:1 !important;
    color:#111 !important;
    text-decoration:none !important;
  }

  .home-stage, .home, main{
    padding-top:92px !important;
  }

  .slideshow{
    position:relative !important;
    width:calc(100vw - 44px) !important;
    height:calc(100vh - 130px) !important;
    margin:92px 22px 0 22px !important;
    overflow:hidden !important;
  }

  .slide{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    opacity:0;
  }

  .about-page{
    padding:128px 22px 80px 22px !important;
  }

  .about-copy{
    font-size:18px !important;
    line-height:1.55 !important;
    color:#555 !important;
    max-width:none !important;
    width:100% !important;
  }

  .about-copy p{
    margin:0 0 28px 0 !important;
  }

  .footer-contact{
    position:static !important;
    margin:70px 22px 32px 22px !important;
    display:block !important;
    font-size:14px !important;
    line-height:1.55 !important;
  }

  .footer-brand{
    display:none !important;
  }
}


/* V53 MOBILE REFINEMENTS */
@media (max-width: 768px){

  header{
    padding:24px 22px 0 22px !important;
    display:block !important;
  }

  .logo,
  .site-logo,
  header h1,
  header .brand{
    display:block !important;
    font-size:17px !important;
    line-height:1 !important;
    letter-spacing:0.035em !important;
    margin:0 0 18px 0 !important;
  }

  nav,
  .nav{
    display:flex !important;
    justify-content:flex-start !important;
    gap:22px !important;
    padding:0 !important;
    margin:0 !important;
  }

  nav a,
  .nav a{
    font-size:14px !important;
    line-height:1 !important;
  }

  .home-stage,
  .home,
  main{
    padding-top:98px !important;
  }

  .slideshow{
    width:calc(100vw - 64px) !important;
    height:calc(100vh - 184px) !important;
    margin:32px 32px 32px 32px !important;
  }

  .slide{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .about-page{
    padding-top:128px !important;
  }
}


/* V54 mobile adjustments */
@media (max-width:768px){

  header{
    padding:24px 16px 0 16px !important;
  }

  .logo,.site-logo,header h1,header .brand{
    font-size:15px !important;
    margin-bottom:16px !important;
  }

  nav,.nav{
    gap:18px !important;
  }

  .slideshow{
    width:calc(100vw - 48px) !important;
    height:calc(100vh - 210px) !important;
    margin:24px !important;
  }

  .about-page{
    padding:128px 16px 80px 16px !important;
  }

  .about-copy{
    font-size:16px !important;
  }

  .footer-contact{
    margin:60px 16px 28px 16px !important;
    font-size:13px !important;
  }
}


/* =========================================================
   V56 MOBILE FORCE OVERRIDES
   These rules are intentionally at the end of the file.
   ========================================================= */

@media screen and (max-width: 768px){

  html,
  body{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
    background:#ffffff !important;
  }

  header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:9999 !important;
    background:#ffffff !important;
    display:block !important;
    padding-top:24px !important;
    padding-left:45px !important;
    padding-right:45px !important;
    padding-bottom:0 !important;
  }

  header .logo,
  header a.logo,
  .logo{
    font-size:14px !important;
    line-height:1 !important;
    letter-spacing:0.04em !important;
    margin:0 0 18px 0 !important;
    padding:0 !important;
    display:block !important;
    white-space:nowrap !important;
  }

  header nav,
  nav{
    display:flex !important;
    justify-content:flex-start !important;
    align-items:flex-start !important;
    gap:22px !important;
    margin:0 !important;
    padding:0 !important;
  }

  header nav a,
  nav a{
    font-size:14px !important;
    line-height:1 !important;
    font-weight:400 !important;
    letter-spacing:.02em !important;
    margin:0 !important;
    padding:0 !important;
    text-transform:none !important;
  }

  .home{
    width:100% !important;
    min-height:100vh !important;
    height:auto !important;
    padding-top:118px !important;
    display:block !important;
  }

  .slideshow{
    position:relative !important;
    width:calc(100vw - 90px) !important;
    height:calc(100vh - 180px) !important;
    margin-top:0 !important;
    margin-left:45px !important;
    margin-right:45px !important;
    margin-bottom:45px !important;
    overflow:hidden !important;
  }

  .slide{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .about-page{
    padding-top:126px !important;
    padding-left:45px !important;
    padding-right:45px !important;
    padding-bottom:80px !important;
  }

  .about-copy{
    width:100% !important;
    max-width:none !important;
    font-size:12px !important;
    line-height:1.65 !important;
    color:#555 !important;
    font-weight:300 !important;
  }

  .about-copy p{
    margin:0 0 24px 0 !important;
  }

  .footer-contact{
    position:static !important;
    margin-left:45px !important;
    margin-right:45px !important;
    margin-top:65px !important;
    margin-bottom:32px !important;
    font-size:12px !important;
    line-height:1.55 !important;
    font-weight:300 !important;
  }
}


/* V57 WEB REFINEMENTS — desktop + global */
header{
padding-left:45px !important;
padding-right:45px !important;
}

.logo{
font-size:14px !important;
letter-spacing:0.04em !important;
}

nav a{
font-size:21px !important;
font-weight:400 !important;
}

.about-page{
padding-left:45px !important;
padding-right:45px !important;
}

.about-copy{
font-size:12px !important;
line-height:1.65 !important;
font-weight:300 !important;
color:#555 !important;
max-width:900px !important;
width:auto !important;
}

.footer-contact{
left:45px !important;
font-size:12px !important;
font-weight:300 !important;
}

/* Keep mobile consistent too */
@media screen and (max-width:768px){
  header{
    padding-left:45px !important;
    padding-right:45px !important;
  }

  .logo{
    font-size:14px !important;
    letter-spacing:0.04em !important;
  }

  nav a{
    font-size:14px !important;
  }

  .slideshow{
    width:calc(100vw - 90px) !important;
    margin-left:45px !important;
    margin-right:45px !important;
  }

  .about-page{
    padding-left:45px !important;
    padding-right:45px !important;
  }

  .about-copy{
    font-size:12px !important;
    line-height:1.65 !important;
  }

  .footer-contact{
    margin-left:45px !important;
    margin-right:45px !important;
    font-size:12px !important;
  }
}


/* V58 DESKTOP REFINEMENT */

@media screen and (min-width: 769px){

  header{
    padding-left:80px !important;
    padding-right:80px !important;
  }

  .slideshow,
  .home-stage,
  .home{
    margin-left:80px !important;
    margin-right:80px !important;
  }

  .about-page{
    padding-left:80px !important;
    padding-right:80px !important;
  }

  .about-copy{
    max-width:580px !important;
    width:580px !important;
  }

  .footer-contact{
    left:80px !important;
  }
}


/* V59 DESKTOP — extra white margins */

@media screen and (min-width: 769px){

  header{
    padding-left:200px !important;
    padding-right:200px !important;
  }

  .home,
  .home-stage{
    margin-left:200px !important;
    margin-right:200px !important;
  }

  .slideshow{
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .about-page{
    padding-left:200px !important;
    padding-right:200px !important;
  }

  .about-copy{
    max-width:580px !important;
    width:580px !important;
  }

  .footer-contact{
    left:200px !important;
  }
}


/* V60 final desktop refinements */
@media screen and (min-width:769px){

  /* keep large margins */
  header{
    padding-left:200px !important;
    padding-right:200px !important;
  }

  /* center slideshow again */
  .slideshow{
    margin-left:auto !important;
    margin-right:auto !important;
    left:auto !important;
    right:auto !important;
  }

  nav a{
    font-size:13px !important;
  }
}


/* V61 */
@media screen and (min-width:769px){
  nav a{
    font-size:14px !important;
  }
}


/* V62 */
@media screen and (min-width:769px){
  nav a{
    font-size:16px !important;
  }
}


/* V63 final fixes */
.logo{
font-family:"Rexton", serif !important;
}

/* reduce blank space in Studio bio */
.about-copy p{
margin-bottom:18px !important;
}
.about-copy p:nth-child(2){
margin-bottom:0 !important;
}
.about-copy p:nth-child(3){
margin-top:0 !important;
}


/* V64 final refinements */

.logo{
font-size:13px !important;
}

@media screen and (min-width:769px){

  .home,
  .home-stage{
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .slideshow{
    margin-left:auto !important;
    margin-right:auto !important;
    left:0 !important;
    right:0 !important;
    position:relative !important;
  }
}


/* V69 MOBILE OPTIMIZATION */
@media screen and (max-width: 768px){

  html,
  body{
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
    height:100dvh !important;
    overflow-x:hidden !important;
    background:#fff !important;
  }

  header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:1000 !important;
    background:#fff !important;
    padding:44px 0 0 0 !important;
    text-align:center !important;
    display:block !important;
  }

  .logo,
  header .logo,
  header a.logo{
    display:block !important;
    width:100% !important;
    margin:0 auto 26px auto !important;
    padding:0 !important;
    text-align:center !important;
    font-size:18px !important;
    line-height:1 !important;
    letter-spacing:0.20em !important;
    white-space:nowrap !important;
  }

  nav,
  header nav{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:42px !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
    width:100% !important;
  }

  nav a,
  header nav a{
    font-size:18px !important;
    line-height:1 !important;
    letter-spacing:0.12em !important;
    text-align:center !important;
  }

  .home,
  .home-stage,
  main{
    margin:0 !important;
    padding:0 !important;
  }

  .slideshow{
    position:relative !important;
    width:calc(100vw - 92px) !important;
    height:calc(100dvh - 245px) !important;
    margin:190px auto 0 auto !important;
    overflow:hidden !important;
  }

  .slide{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
  }

  .about-page{
    height:100dvh !important;
    overflow:hidden !important;
    padding:190px 48px 28px 48px !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
  }

  .about-copy{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    font-size:10.5px !important;
    line-height:1.52 !important;
    color:#666 !important;
    font-weight:300 !important;
  }

  .about-copy p{
    margin:0 0 17px 0 !important;
  }

  .footer-contact{
    position:fixed !important;
    left:48px !important;
    right:48px !important;
    bottom:28px !important;
    margin:0 !important;
    padding:0 !important;
    font-size:10.5px !important;
    line-height:1.45 !important;
    font-weight:300 !important;
    color:#111 !important;
  }
}


/* V70 MOBILE REFINEMENTS
   - logo mobile: 14px
   - space between logo and menu: 56px
   - studio / works mobile: 14px
   - home images: smaller, proportional, centered
*/

@media screen and (max-width: 768px){

  header{
    padding-top:46px !important;
    text-align:center !important;
  }

  .logo,
  header .logo,
  header a.logo{
    font-size:14px !important;
    line-height:1 !important;
    letter-spacing:0.20em !important;
    margin:0 auto 56px auto !important;
    text-align:center !important;
    width:100% !important;
    display:block !important;
  }

  nav,
  header nav{
    display:flex !important;
    justify-content:center !important;
    gap:42px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  nav a,
  header nav a{
    font-size:14px !important;
    line-height:1 !important;
    letter-spacing:0.12em !important;
  }

  .home,
  .home-stage,
  main{
    margin:0 !important;
    padding:0 !important;
  }

  .slideshow{
    position:relative !important;
    width:80vw !important;
    height:58dvh !important;
    margin:210px auto 0 auto !important;
    overflow:hidden !important;
  }

  .slide{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
  }

  .about-page{
    padding-top:210px !important;
  }
}


/* V71 MOBILE FINAL */
@media screen and (max-width:768px){
  .logo,
  header .logo,
  header a.logo{
    font-size:12px !important;
    margin:0 auto 34px auto !important;
  }

  nav a,
  header nav a{
    font-size:10px !important;
  }

  .slideshow{
    margin:175px auto 0 auto !important;
    height:52dvh !important;
  }

  .footer-contact a{
    text-decoration:none !important;
    border-bottom:none !important;
  }

  .footer-contact,
  .footer-contact ul,
  .footer-contact li{
    list-style:none !important;
  }
}


/* V73 MOBILE — fixed page, animated slideshow, new 06 */
@media screen and (max-width:768px){

  html,
  body{
    width:100% !important;
    height:100dvh !important;
    min-height:100dvh !important;
    overflow:hidden !important;
    overscroll-behavior:none !important;
    background:#fff !important;
  }

  header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:9999 !important;
    background:#fff !important;
    padding-top:42px !important;
    text-align:center !important;
  }

  .logo,
  header .logo,
  header a.logo{
    font-size:9px !important;
    line-height:1 !important;
    letter-spacing:0.20em !important;
    margin:0 auto 80px auto !important;
    padding:0 !important;
    width:100% !important;
    display:block !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  nav,
  header nav{
    display:flex !important;
    justify-content:center !important;
    gap:42px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  nav a,
  header nav a{
    font-size:10px !important;
    line-height:1 !important;
    letter-spacing:0.12em !important;
    text-decoration:none !important;
  }

  .home,
  .home-stage,
  main{
    width:100% !important;
    height:100dvh !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
  }

  .slideshow{
    position:fixed !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -39%) !important;
    width:80vw !important;
    height:46dvh !important;
    margin:0 !important;
    overflow:hidden !important;
  }

  .slide{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    animation:fade6 24s infinite !important;
  }

  .s1{animation-delay:0s !important;}
  .s2{animation-delay:4s !important;}
  .s3{animation-delay:8s !important;}
  .s4{animation-delay:12s !important;}
  .s5{animation-delay:16s !important;}
  .s6{animation-delay:20s !important;}

  @keyframes fade6{
    0%{opacity:0;}
    6%{opacity:1;}
    16.5%{opacity:1;}
    23%{opacity:0;}
    100%{opacity:0;}
  }

  .about-page{
    height:100dvh !important;
    overflow:hidden !important;
    padding:190px 48px 22px 48px !important;
    margin:0 !important;
  }

  .about-copy{
    font-size:10px !important;
    line-height:1.48 !important;
  }

  .footer-contact{
    position:fixed !important;
    left:48px !important;
    right:48px !important;
    bottom:24px !important;
    margin:0 !important;
    padding:0 !important;
    font-size:8px !important;
    line-height:1.45 !important;
    text-decoration:none !important;
  }

  .footer-contact a,
  .footer-contact a:link,
  .footer-contact a:visited,
  .footer-contact a:hover,
  .footer-contact a:active{
    color:#111 !important;
    text-decoration:none !important;
    border-bottom:none !important;
    background:none !important;
    -webkit-text-decoration-line:none !important;
    text-decoration-line:none !important;
  }

  .footer-contact *,
  .footer-contact div{
    text-decoration:none !important;
    border-bottom:none !important;
  }
}