.codeberry-main-nav{display:flex;flex-direction:column;gap:24px;padding:70px 30px}
.codeberry-main-nav a{color:#fff;font-size:clamp(30px,5vw,65px);line-height:1.2}
.codeberry-main-nav a:hover{color:#c9f31d}
.codeberry-menu-open{mix-blend-mode:normal!important;z-index:10000!important}
#codeberry-menu{background:#121212!important;inset:0;width:100vw;height:100vh;height:100dvh;overflow-y:auto}
#codeberry-menu .offcanvas__body{display:block;min-height:100%;position:relative}
#codeberry-menu .offcanvas__mid{width:100%;padding-top:45px}
#codeberry-menu .codeberry-main-nav{max-width:900px;margin:auto}
.codeberry-page{background:#121212;color:#fff;min-height:100vh;display:flex;flex-direction:column;font-family:Kanit,Arial,sans-serif}
.codeberry-page-header,.codeberry-page-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:28px clamp(20px,6vw,90px)}
.codeberry-page-header nav{display:flex;flex-wrap:wrap;gap:24px}
.codeberry-page a{color:inherit}.codeberry-page a:hover{color:#c9f31d}
.codeberry-brand{font-size:28px;font-weight:600}
.codeberry-page main{width:min(900px,100%);padding:70px 24px;margin:0 auto;flex:1}
.codeberry-page h1{font-size:clamp(38px,6vw,70px);line-height:1.1;margin-bottom:28px}
.codeberry-page p{font-size:18px;color:#aaa;margin-bottom:24px}
.codeberry-page-cta{display:inline-block;border:1px solid #aaa;padding:15px 24px}
.codeberry-page form{max-width:600px;margin-top:40px}.codeberry-page label{display:block;margin-bottom:24px}
.codeberry-page input,.codeberry-page textarea{display:block;width:100%;background:#191919;color:#fff;border:1px solid #555;padding:14px;margin-top:8px}
.codeberry-page button{padding:14px 25px;background:#c9f31d;color:#121212;border:0;margin-bottom:16px}
.codeberry-page-footer{border-top:1px solid #333;color:#aaa}.codeberry-page-footer i{font-size:20px;margin-left:16px}

/* Codeberry: screen-focused crop, original photo retained in asset. */
.about__img_left { position:relative; aspect-ratio:440/564; overflow:hidden; }
.about__img_left img[src*="code-dark.png"] { position:absolute; top:0; left:-10%; width:120% !important; max-width:none !important; height:auto !important; }