html,body{margin:0;padding:0;background-color:#dbdbdb;text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%}
@font-face{font-family:'Pentagram';src:url('fonts/pentagram-s-malefissent.woff2') format('woff2');src:url('fonts/pentagram-s-malefissent.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'Bond4F';src:url('fonts/bond-4f-ultra-light.woff2') format('woff2');src:url('fonts/bond-4f-ultra-light.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant';src:url('fonts/cormorantupright-regular.woff2') format('woff2');src:url('fonts/cormorantupright-regular.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}
a:link,a:visited{text-decoration:none}
a:link{color:#674739;font-weight:bolder}
a:visited{color:#9d904d}
a:hover,a:active{color:#9d904d;text-decoration:none}
.main-menu:hover{border-bottom:clamp(1px,0.1cqi,4px) solid #9d904d}
.wrapper{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(10px,5cqi,130px) 10px clamp(10px,5cqi,130px);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;container-type:inline-size}
.image-container{position:relative;width:100%;max-width:940px;container-type:inline-size}
.main-img{width:100%;height:auto;display:block}
.main-title{position:absolute;top:5%;top:5cqi;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:'Pentagram',sans-serif;line-height:normal;color:#9f0c0c;font-size:8vw;font-size:8cqi;z-index:10}
.main-menu{position:absolute;width:fit-content;left:1%;left:2cqi;font-family:'Pentagram',sans-serif;color:#9d904d;font-size:3.5vw;font-size:3.5cqi;z-index:10;cursor:pointer;border-bottom:clamp(1px,0.1cqi,4px) solid transparent;white-space:nowrap}
.main-menu-current{font-weight:bolder;cursor:default}
.main-menu-1{top:20%;top:18cqi}
.main-menu-2{top:25%;top:23cqi}
.main-menu-3{top:30%;top:28cqi}
.main-text{line-height:1.3;position:absolute;top:38%;top:33cqi;left:51%;transform:translate(-50%);width:95%;width:95cqi;max-width:900px;text-align:left;pointer-events:none;z-index:5}
.main-paragraph{line-height:1.3;font-family:'Bond4F',serif;font-size:clamp(8px,2.1cqi,24px);color:#9f0c0c;background-color:#f3dddd;padding:0.28em 0.6em;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:0.5em;display:inline;vertical-align:baseline}
.works-intro-wrapper{display:flex;justify-content:center;align-items:flex-start;width:80%;max-width:900px;margin-top:21%;margin-top:19cqi}
.works-container1{max-width:900px;width:80%;width:86cqi;text-align:left;line-height:1.255;z-index:5;margin:0;font-size:clamp(8px,2.1cqi,24px)}
.works-container2{display:flex;flex-wrap:wrap;justify-content:center;width:80%;max-width:900px;padding:0}
.works-container2 a{display:block}
.works-title{font-family:'Cormorant',sans-serif;font-size:3vw;font-size:3cqi;color:#674739;background-color:#f3dddd;padding:0.26em 0.5em;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:0.5em;vertical-align:baseline;display:inline}
.works-paragraph{font-family:'Bond4F',serif;color:#9f0c0c;background-color:#f3dddd;padding:0.28em 0.6em;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:0.5em;display:inline;vertical-align:baseline}
.works-image-container{width:30%;max-width:300px;text-align:left;line-height:1.255;margin:0}
.works-small-image{width:100%;margin:0;display:block}
.works-text{display:inline;background-color:#f3dddd;font-family:'Cormorant',sans-serif;color:#674739;font-size:2vw;font-size:2cqi;line-height:1.255;padding:0.28em 0.6em;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:0.5em;display:inline;vertical-align:baseline}
div.cv::after{content:"";display:block;height:2em;position:absolute;bottom: -2em;width:100%}
.gcontainer{background-color:#dbdbdb !important}
.gslide-image img,.gslide-image{-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important}
.gslide-title{font-family:'Cormorant',sans-serif !important;font-size:x-large !important}
@media screen and (max-width:900px){
    .main-text{font-size:clamp(10px,2vw,14px);width:98cqi}
    .works-container1{font-size:clamp(10px,2vw,14px)}
    .works-text{line-height:1.2;font-size:clamp(10px,2vw,14px);padding:0.5vm}
}
@media screen and (max-width:600px){
    .main-text{font-size:clamp(7px,1.8vw,12px);width:98cqi}
    .works-container1{font-size:clamp(7px,1.7vw,12px)}
    .works-text{line-height:1.2;font-size:clamp(7px,1.8vw,12px);padding:0.14vm}
}