:root{--bg-color:#FFFCFB;--dark-blue: #4C1F7A;--light-blue: #093FB4;--dark-color:#2A2B2D;--text-color: #4d4e4f;--muted-gray:rgba(17, 17, 18, .1);--light-gray:#D9D9D9;--gray-white:#faf8f8;--dark-gray:#BFBFBF;--primary-color:#F1501D;--accent-color:#AAC541;--muted-green:rgba(218, 235, 206, .5);--accent-text-color: #222;--header-border-color:#B1B1B6;--profile-border-color: rgba(0, 0, 0, .1);--input-bg-color: #BFBFBF;--home-h1-title:clamp(1.5rem, 3vw, 2.2rem);--body-font-size:clamp(1.1rem, 2vw, 1.2rem);--list-font-size: clamp(1rem, 1.5vw, 1.1rem);--card-excerpt-font-size:clamp(1rem, 4vw, 1.2rem);--small-text-font-size:clamp(.9rem, 3vw, 1rem);--tiny-text: clamp(1rem, 1vw, .8rem);--menu-item-font-size:clamp(1rem, 1vw, 1.2rem);--tiny-text:clamp(1rem, 1vw, 1.1rem);--line-height:1.5;--card-title-font-size:clamp(1.1rem, 2vw, 1.7rem);--faq-card-title: clamp(1.2rem, 2vw, 1.6rem) ;--section-title: clamp(1.4rem, 2vw, 2rem);--faq-icon-font-size:clamp(1.4rem, 2vw, 1.8rem);--features-card-title: clamp(1.13rem, 2vw, 1.5rem);--gap:2rem;--large-gap:10rem;--medium-gap:8rem;--intermediate-gap:5rem;--small-gap:.7rem}@media screen and (max-width: 600px){:root{--home-h1-title:clamp(1.5rem, 4vw, 2.3rem)}}body.dark-mode{--bg-color:#efeff5bd;--bg-dark:#222;--accent-text-color: #EFEFF5;--profile-border-color: rgba(255, 255, 255, .1)}@font-face{font-family:"Diagramm-bold";src:url(45dda06a88344dc17667.otf)}@font-face{font-family:"Diagramm-regular";src:url(f60cc7aaff4eb46fe0f5.otf)}@font-face{font-family:"Susanti-signature";src:url(0562bf119585bda933bc.ttf)}#single-work.d-grid{place-content:unset}#single-work{margin-bottom:clamp(3rem,7vw,5rem)}#single-work .wrapper .images-container{position:relative;width:100%;height:100%;min-height:70vh}@media screen and (max-width: 786px){#single-work .wrapper .images-container{min-height:300px}}#single-work .wrapper .image-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;transition:opacity .5s ease-in-out;z-index:0}#single-work .wrapper .image-slide.active{opacity:1;z-index:1}#single-work .wrapper .btn-and-count.two-col-flex p{color:var(--primary-color)}#single-work .wrapper .btn-and-count.two-col-flex #visual-toggle-btn{background:none;border:1px solid var(--primary-color);padding-block:calc(var(--small-gap)/2);padding-inline:calc(var(--small-gap)/1);color:var(--primary-color);border-radius:calc(var(--gap));font-size:clamp(1rem,1vw,1.2rem);cursor:pointer}#single-work .wrapper .text-content-side{padding-left:calc(var(--gap)/1.5);display:grid;gap:2rem}@media screen and (max-width: 786px){#single-work .wrapper .text-content-side{padding-left:0}}#single-work .wrapper .text-content-side .work-title-and-cat-name>*{color:var(--primary-color)}#single-work .wrapper .text-content-side .work-title-and-cat-name .cat-name{font-size:clamp(1rem,1.5vw,1.3rem)}#single-work .wrapper .text-content-side .work-title-and-cat-name .work-title{font-size:clamp(1rem,1.5vw,1.5rem)}@media screen and (max-width: 786px){#single-work .wrapper .text-content-side .work-title-and-cat-name.m-bottom{margin-bottom:calc(var(--gap)/2)}}#single-work .wrapper .aditionnal-image{max-height:200px;overflow:hidden}@media screen and (max-width: 786px){#single-work .wrapper .aditionnal-image{display:none}}#single-work .wrapper .aditionnal-image .small-image,#single-work .wrapper .aditionnal-image .large-image{height:100%;width:100%}@media screen and (max-width: 786px){#single-work .wrapper .aditionnal-image .small-image,#single-work .wrapper .aditionnal-image .large-image{min-height:250px}}#single-work .wrapper .aditionnal-image .small-image img,#single-work .wrapper .aditionnal-image .large-image img{width:100%;height:100%;max-height:200px;object-fit:cover}#single-work .image-and-button{display:grid}#single-work .image-and-button .view-work-link{align-self:end}@media screen and (max-width: 786px){#single-work .image-and-button{padding-bottom:0}}#single-work div[class$=-container]{overflow:hidden;min-height:2rem}#single-work div[class$=-container]>*{transform:translateY(0%)}@media screen and (max-width: 786px){#single-work .work-description.m-bottom{margin-bottom:unset}}