@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap";:root{--font-primary: "EB Garamond", "Times New Roman", serif;--heading-font: var(--font-primary);--heading-size: 26pt;--heading-size-large: 32pt;--heading-size-medium: 22pt;--heading-size-small: 18pt;--heading-color: #ffb967;--heading-weight: 600;--heading-line-height: 1.2;--body-font: var(--font-primary);--body-size: 16pt;--body-size-small: 14pt;--body-color: #c0c0c0;--body-weight: 400;--body-line-height: 1.6;--button-font: var(--font-primary);--button-size: 16pt;--button-weight: 600}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;min-height:100vh;min-height:100dvh;overflow:hidden;background-color:#101112;font-family:var(--body-font);font-size:var(--body-size);color:var(--body-color);overscroll-behavior:none;-webkit-overflow-scrolling:touch}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);color:var(--heading-color);font-weight:var(--heading-weight);line-height:var(--heading-line-height);letter-spacing:-.02em}h1{font-size:var(--heading-size-large);font-weight:700}h2{font-size:var(--heading-size)}h3{font-size:var(--heading-size-medium)}h4,h5,h6{font-size:var(--heading-size-small)}p,nav,a,span,li{font-family:var(--body-font);font-size:var(--body-size);color:var(--body-color);font-weight:var(--body-weight);line-height:var(--body-line-height)}button,input,textarea,select{font-family:var(--button-font);font-size:var(--button-size);font-weight:var(--button-weight)}.text-small{font-size:var(--body-size-small)}.text-bold{font-weight:600}.text-italic{font-style:italic}.app-container{position:relative;width:100%;height:100vh;height:100dvh;height:100svh;height:var(--app-height, 100vh);background-color:#101112;overflow:hidden}.p5-background-container{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.p5-background-container canvas{display:block;width:100%;height:100%}.logo-wrapper{position:absolute;width:min(170px,40vw);height:auto;aspect-ratio:170 / 37;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.logo-image{width:100%;height:100%;object-fit:contain}.nav-icon{position:absolute;top:20px;right:20px;width:30px;height:24px;cursor:pointer;z-index:10}.burger-line{position:absolute;background-color:silver;height:2px;width:100%;right:0;transition:all .3s ease}.line-1{top:0}.line-2{top:8px}.line-3{top:16px}.contact-icon-wrapper{position:fixed;left:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));max-width:30px;width:100%;height:auto;aspect-ratio:1;border:0px;overflow:hidden;z-index:10;cursor:pointer;transition:transform .2s ease}.contact-icon-wrapper:hover{transform:scale(1.1)}.contact-icon-wrapper:active{transform:scale(.95)}.contact-icon-inner{position:absolute;inset:17.02% 8.51% 22.8%}.icon-image{display:block;width:100%;height:100%;object-fit:contain}.copyright-icon-wrapper{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));max-width:30px;width:100%;height:auto;z-index:10;cursor:pointer;transition:transform .2s ease}.copyright-icon-wrapper:hover{transform:scale(1.1)}.copyright-icon-wrapper:active{transform:scale(.95)}.copyright-icon-wrapper .icon-image{width:100%;height:auto;display:block}.copyright-text{position:fixed;right:60px;bottom:calc(24px + env(safe-area-inset-bottom,0px));font-family:Anuphan,sans-serif;text-transform:uppercase;font-size:12px;font-weight:300;letter-spacing:1.2px;color:#697575;white-space:nowrap;opacity:0;transform:translate(10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none;z-index:10}.copyright-text.visible{opacity:1;transform:translate(0)}.home-icon-wrapper{position:absolute;left:20px;top:20px;max-width:30px;width:100%;height:auto;z-index:10;cursor:pointer;transition:filter .3s ease}.home-icon-wrapper .icon-image{width:100%;height:auto;display:block;filter:grayscale(100%) brightness(.75);transition:filter .3s ease}.home-icon-wrapper:hover .icon-image{filter:grayscale(0%) brightness(1)}@media screen and (max-width:768px){.logo-wrapper{width:min(150px,50vw)}.nav-icon{top:20px;right:20px}.contact-icon-wrapper{left:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));max-width:28px}.copyright-icon-wrapper{right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));max-width:28px}.copyright-text{right:55px;bottom:calc(22px + env(safe-area-inset-bottom,0px));font-size:11px}.home-icon-wrapper{left:20px;top:20px;max-width:28px}}@media screen and (max-width:480px){.logo-wrapper{width:min(120px,60vw)}.nav-icon{top:15px;right:15px;width:24px;height:18px}.line-2{top:6px}.line-3{top:12px}.contact-icon-wrapper{left:15px;bottom:calc(15px + env(safe-area-inset-bottom,0px));max-width:24px}.copyright-icon-wrapper{right:15px;bottom:calc(15px + env(safe-area-inset-bottom,0px));max-width:24px}.copyright-text{right:45px;bottom:calc(18px + env(safe-area-inset-bottom,0px));font-size:10px;letter-spacing:1px}.home-icon-wrapper{left:15px;top:15px;max-width:24px}}.contact-panel{position:fixed;top:0;left:0;bottom:0;width:100%;max-width:50%;background-color:#101112;transform:translate(-100%);transition:transform .3s cubic-bezier(.13,.93,.57,1);z-index:999;overflow-y:auto;box-shadow:4px 0 20px #0000004d;will-change:transform;pointer-events:none;visibility:hidden}.contact-panel.open{transform:translate(0);pointer-events:all;visibility:visible}.contact-close-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;background:transparent;border:none;color:silver;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;z-index:10}.contact-close-btn:hover{transform:rotate(90deg) scale(1.2)}.contact-close-btn:hover svg path{stroke:#f5981d}.contact-panel-content{display:flex;flex-direction:column;min-height:100vh;padding:80px 0 40px}.contact-header{width:100%;border-top:.5px dotted rgba(245,152,29,.38);border-bottom:.5px dotted rgba(245,152,29,.38);background-color:#14171a;padding:20px}.contact-header h2{margin:0;font-family:Anuphan,sans-serif;font-size:22px;font-weight:300;line-height:normal;letter-spacing:2.2px;text-transform:uppercase;color:#f5981d}.contact-form{display:flex;flex-direction:column;gap:0;flex:1;padding:0}.form-group{display:flex;flex-direction:column;border-bottom:.5px dotted rgba(245,152,29,.38)}.form-group input,.form-group textarea{width:100%;padding:20px;background-color:transparent;border:none;color:#d9d9d9;font-family:Anuphan,sans-serif;font-size:16px;font-weight:400;line-height:1.5;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#697575;font-family:Anuphan,sans-serif;font-size:16px;font-weight:300;letter-spacing:1.6px;text-transform:uppercase}.form-group input:focus,.form-group textarea:focus{outline:none;background-color:#14171a}.form-group.message-group{flex:1}.form-group textarea{resize:none;min-height:150px;flex:1}.submit-btn{width:100%;padding:20px;background-color:transparent;border:none;border-bottom:.5px dotted rgba(245,152,29,.38);color:#697575;font-family:Anuphan,sans-serif;font-size:16px;font-weight:300;letter-spacing:1.6px;text-transform:uppercase;cursor:pointer;transition:color .3s cubic-bezier(.4,0,.2,1),font-size .3s cubic-bezier(.4,0,.2,1),letter-spacing .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1);text-align:left}.submit-btn:hover{color:#f5981d;font-size:22px;letter-spacing:2.2px;background-color:#14171a}.submit-btn:active{background-color:#1a1e22}.submit-btn.sending{color:#697575;cursor:wait;opacity:.7}.submit-btn.success{color:#4caf50;background-color:#4caf501a}.submit-btn.error{color:#f44336;background-color:#f443361a}.submit-btn:disabled{cursor:not-allowed}.submit-btn:disabled:hover{font-size:16px;letter-spacing:1.6px;background-color:transparent}.form-group input:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.hidden-field{display:none}@media screen and (max-width:1024px){.contact-panel{max-width:60%}.contact-header h2{font-size:20px;letter-spacing:2px}.form-group input::placeholder,.form-group textarea::placeholder{font-size:14px;letter-spacing:1.4px}.submit-btn{font-size:14px;letter-spacing:1.4px}.submit-btn:hover{font-size:20px;letter-spacing:2px}}@media screen and (max-width:768px){.contact-panel{max-width:80%}.contact-panel-content{padding:70px 0 30px}.contact-header{padding:15px 20px}.contact-header h2{font-size:18px;letter-spacing:1.8px}.form-group input,.form-group textarea{padding:15px 20px;font-size:14px}.form-group input::placeholder,.form-group textarea::placeholder{font-size:14px;letter-spacing:1.4px}.submit-btn{padding:15px 20px;font-size:14px;letter-spacing:1.4px}.submit-btn:hover{font-size:18px;letter-spacing:1.8px}}@media screen and (max-width:480px){.contact-panel{max-width:100%}.contact-panel-content{padding:60px 0 20px}.contact-close-btn{top:15px;right:15px;width:36px;height:36px}.contact-header{padding:12px 20px}.contact-header h2{font-size:16px;letter-spacing:1.6px}.form-group input,.form-group textarea{padding:12px 20px;font-size:13px}.form-group input::placeholder,.form-group textarea::placeholder{font-size:13px;letter-spacing:1.3px}.submit-btn{padding:12px 20px;font-size:13px;letter-spacing:1.3px}.submit-btn:hover{font-size:16px;letter-spacing:1.6px}}.navigation-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:50%;background-color:#101112;transform:translate(100%);transition:transform .3s cubic-bezier(.13,.93,.57,1);z-index:999;overflow-y:auto;box-shadow:-4px 0 20px #0000004d;will-change:transform;pointer-events:none;visibility:hidden}.navigation-panel.open{transform:translate(0);pointer-events:all;visibility:visible}.navigation-close-btn{position:absolute;top:20px;left:20px;width:40px;height:40px;background:transparent;border:none;color:silver;font-size:40px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;z-index:10}.navigation-close-btn:hover{color:#f5981d;transform:rotate(90deg) scale(1.2)}.navigation-content{display:flex;align-items:flex-start;justify-content:flex-start;min-height:100vh;padding:80px 0 40px}.accordion-container{width:100%;display:flex;flex-direction:column}.accordion-item{width:100%;border-bottom:.5px dotted rgba(245,152,29,.38);background:transparent;transition:background-color .4s cubic-bezier(.4,0,.2,1)}.accordion-item.has-open-content{background-color:#14171a}.accordion-item:first-child{border-top:.5px dotted rgba(245,152,29,.38)}.accordion-header{width:100%;background:transparent;border:none;padding:20px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-family:Anuphan,sans-serif;font-size:16px;font-weight:300;line-height:normal;letter-spacing:1.6px;text-transform:uppercase;color:#697575;transition:color .3s cubic-bezier(.4,0,.2,1),font-size .3s cubic-bezier(.4,0,.2,1),letter-spacing .3s cubic-bezier(.4,0,.2,1);text-align:left}.accordion-header:hover{color:#f5981d}.accordion-header.open{font-size:22px;letter-spacing:2.2px;color:#f5981d;padding-left:20px}.accordion-icon{font-size:16px;transition:transform .3s cubic-bezier(.4,0,.2,1);margin-left:10px;flex-shrink:0}.accordion-header.contact-button{font-size:13px;letter-spacing:1.6px;color:#697575;transition:color .3s cubic-bezier(.4,0,.2,1),font-size .3s cubic-bezier(.4,0,.2,1),letter-spacing .3s cubic-bezier(.4,0,.2,1)}.accordion-header.contact-button:hover{color:#f5981d;font-size:22px;letter-spacing:2.2px}.accordion-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.accordion-body.open{grid-template-rows:1fr}.accordion-body-inner{min-height:0;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1) .05s}.accordion-body.open .accordion-body-inner{opacity:1;transition-delay:.1s}.accordion-body-content{padding:10px 20px 20px}.accordion-body p,.accordion-body ul li,.accordion-body ul li a{margin:0;font-family:Anuphan,sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#d9d9d9}.accordion-body ul li{list-style-type:disc;margin-left:20px}.accordion-body ul{padding:5px 0}@media screen and (max-width:1024px){.navigation-panel{max-width:60%}.accordion-header{font-size:14px;letter-spacing:1.4px}.accordion-header.open,.accordion-header.contact-button:hover{font-size:20px;letter-spacing:2px}}@media screen and (max-width:768px){.navigation-panel{max-width:80%}.navigation-content{padding:70px 0 30px}.accordion-header{font-size:14px;letter-spacing:1.4px;padding:15px 0}.accordion-header.open{font-size:18px;letter-spacing:1.8px}.accordion-body p,.accordion-body ul li,.accordion-body ul li a{font-size:14px}.accordion-header.contact-button:hover{font-size:18px;letter-spacing:1.8px}}@media screen and (max-width:480px){.navigation-panel{max-width:100%}.navigation-content{padding:60px 0 20px}.navigation-close-btn{top:15px;left:15px;width:36px;height:36px;font-size:28px}.accordion-header{font-size:13px;letter-spacing:1.3px;padding:12px 20px}.accordion-header.open{font-size:16px;letter-spacing:1.6px}.accordion-body-content{padding:5px 15px 15px}.accordion-body p,.accordion-body ul li,.accordion-body ul li a{font-size:13px}.accordion-header.contact-button:hover{font-size:16px;letter-spacing:1.6px}}