*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:#0c0c0c;font-family:Kanit,sans-serif}a{text-decoration:none}img{max-width:100%;display:block}.hero-heading{background:linear-gradient(#646973 0%,#bbccd7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-heading{text-transform:uppercase;text-align:center;letter-spacing:-.025em;font-size:clamp(3rem,12vw,160px);font-weight:900;line-height:1}.contact-button{color:#fff;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;outline-offset:-3px;cursor:pointer;background:linear-gradient(123deg,#18011f 7%,#b600a8 37%,#7621b0 72%,#be4c00 100%);border:none;border-radius:9999px;outline:2px solid #fff;padding:.75rem 2rem;font-family:inherit;font-size:.75rem;font-weight:500;line-height:1rem;transition:transform .2s,opacity .2s;display:inline-block;box-shadow:0 4px 4px #b501a740,inset 4px 4px 12px #7721b1}.contact-button:hover{transform:scale(1.05)}.contact-button:disabled{opacity:.5;pointer-events:none}@media (width>=640px){.contact-button{padding:.875rem 2.5rem;font-size:.875rem;line-height:1.25rem}}@media (width>=768px){.contact-button{padding:1rem 3rem;font-size:1rem;line-height:1.5rem}}.hero-section{flex-direction:column;max-width:1200px;height:100vh;margin:0 auto;display:flex;position:relative;overflow-x:clip;container-type:inline-size}.hero-section__nav{justify-content:space-between;padding:1.5rem 1.5rem 0;display:flex}@media (width>=768px){.hero-section__nav{padding:2rem 2.5rem 0}}.hero-section__nav-link{color:#d7e2ea;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:opacity .2s}.hero-section__nav-link:hover{opacity:.7}@media (width>=768px){.hero-section__nav-link{font-size:1.125rem;line-height:1.75rem}}@media (width>=1024px){.hero-section__nav-link{font-size:1.4rem}}.hero-section__heading-wrap{overflow:hidden}.hero-section__heading{text-align:center;text-transform:uppercase;letter-spacing:-.025em;white-space:nowrap;width:100%;margin-top:1.5rem;font-size:18cqw;font-weight:900;line-height:1}@media (width>=640px){.hero-section__heading{font-size:15cqw}}@media (width>=768px){.hero-section__heading{font-size:18cqw}}.hero-section__bottom{z-index:20;justify-content:space-between;align-items:flex-end;margin-top:auto;padding:0 1.5rem 1.75rem;display:flex;position:relative}@media (width>=640px){.hero-section__bottom{padding-bottom:2rem}}@media (width>=768px){.hero-section__bottom{padding:0 2.5rem 2.5rem}}.hero-section__tagline{color:#d7e2ea;text-transform:uppercase;letter-spacing:.025em;max-width:160px;font-size:clamp(.75rem,1.4vw,1.5rem);font-weight:300;line-height:1.375}@media (width>=640px){.hero-section__tagline{max-width:220px}}@media (width>=768px){.hero-section__tagline{max-width:260px}}.hero-section__portrait{z-index:10;width:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width>=640px){.hero-section__portrait{width:360px;top:auto;bottom:0;transform:translate(-50%)}}@media (width>=768px){.hero-section__portrait{width:440px}}@media (width>=1024px){.hero-section__portrait{width:520px}}.hero-section__portrait-img{-webkit-user-select:none;user-select:none;width:100%;height:auto}.marquee-section{background:#0c0c0c;flex-direction:column;gap:.75rem;padding:6rem 0 2.5rem;display:flex}@media (width>=640px){.marquee-section{padding-top:8rem}}@media (width>=768px){.marquee-section{padding-top:10rem}}.marquee-section__row{will-change:transform;gap:.75rem;width:max-content;display:flex}.marquee-section__tile{object-fit:cover;border-radius:1rem;flex-shrink:0;width:420px;height:270px}.animated-text__word{white-space:nowrap;display:inline-block}.animated-text__char{position:relative}.animated-text__ghost{visibility:hidden}.animated-text__live{opacity:clamp(.2, .2 + .8 * (var(--p) * var(--n) - var(--s)), 1);position:absolute;top:0;left:0}.about-section{justify-content:center;align-items:center;min-height:100vh;padding:5rem 1.25rem;display:flex;position:relative}@media (width>=640px){.about-section{padding:5rem 2rem}}@media (width>=768px){.about-section{padding:5rem 2.5rem}}.about-section__decor{pointer-events:none;position:absolute}.about-section__decor--tl{width:120px;top:4%;left:1%}@media (width>=640px){.about-section__decor--tl{width:160px;left:2%}}@media (width>=768px){.about-section__decor--tl{width:210px;left:4%}}.about-section__decor--bl{width:100px;bottom:8%;left:3%}@media (width>=640px){.about-section__decor--bl{width:140px;left:6%}}@media (width>=768px){.about-section__decor--bl{width:180px;left:10%}}.about-section__decor--tr{width:120px;top:4%;right:1%}@media (width>=640px){.about-section__decor--tr{width:160px;right:2%}}@media (width>=768px){.about-section__decor--tr{width:210px;right:4%}}.about-section__decor--br{width:130px;bottom:8%;right:3%}@media (width>=640px){.about-section__decor--br{width:170px;right:6%}}@media (width>=768px){.about-section__decor--br{width:220px;right:10%}}.about-section__decor-img{width:100%;height:auto}.about-section__content{z-index:10;flex-direction:column;align-items:center;gap:4rem;display:flex;position:relative}@media (width>=640px){.about-section__content{gap:5rem}}@media (width>=768px){.about-section__content{gap:6rem}}.about-section__text-block{flex-direction:column;align-items:center;gap:2.5rem;display:flex}@media (width>=640px){.about-section__text-block{gap:3.5rem}}@media (width>=768px){.about-section__text-block{gap:4rem}}.about-section__paragraph{color:#d7e2ea;text-align:center;max-width:560px;font-size:clamp(1rem,2vw,1.35rem);font-weight:500;line-height:1.625}.services-section{color:#0c0c0c;background:#fff;border-radius:40px 40px 0 0;padding:5rem 1.25rem}@media (width>=640px){.services-section{border-radius:50px 50px 0 0;padding:6rem 2rem}}@media (width>=768px){.services-section{border-radius:60px 60px 0 0;padding:8rem 2.5rem}}.services-section__heading{color:#0c0c0c;margin-bottom:4rem}@media (width>=640px){.services-section__heading{margin-bottom:5rem}}@media (width>=768px){.services-section__heading{margin-bottom:7rem}}.services-section__list{max-width:64rem;margin:0 auto}.services-section__item{align-items:center;gap:1.5rem;padding:2rem 0;display:flex}.services-section__item+.services-section__item{border-top:1px solid #0c0c0c26}@media (width>=640px){.services-section__item{gap:2.5rem;padding:2.5rem 0}}@media (width>=768px){.services-section__item{gap:3.5rem;padding:3rem 0}}.services-section__num{color:#0c0c0c;flex-shrink:0;font-size:clamp(3rem,10vw,140px);font-weight:900;line-height:1}.services-section__info{flex-direction:column;gap:.5rem;display:flex}.services-section__name{text-transform:uppercase;font-size:clamp(1rem,2.2vw,2.1rem);font-weight:500}.services-section__desc{opacity:.6;max-width:42rem;font-size:clamp(.85rem,1.6vw,1.25rem);font-weight:300;line-height:1.625}.contact-section{z-index:10;background:#0c0c0c;flex-direction:column;align-items:center;padding:5rem 1.25rem 2.5rem;display:flex;position:relative}@media (width>=640px){.contact-section{padding:6rem 2rem 2.5rem}}@media (width>=768px){.contact-section{padding:8rem 2.5rem 2.5rem}}.contact-section__heading{margin-bottom:1.5rem}@media (width>=768px){.contact-section__heading{margin-bottom:2rem}}.contact-section__intro{color:#d7e2ea;text-align:center;max-width:560px;margin-bottom:3rem;font-size:clamp(1rem,2vw,1.35rem);font-weight:300;line-height:1.625}@media (width>=768px){.contact-section__intro{margin-bottom:4rem}}.contact-section__mail{color:#d7e2ea;border-bottom:1px solid #d7e2ea66;font-weight:500;transition:opacity .2s}.contact-section__mail:hover{opacity:.7}.contact-section__form{flex-direction:column;gap:1rem;width:100%;max-width:56rem;display:flex}@media (width>=768px){.contact-section__form{gap:1.25rem}}.contact-section__row{flex-direction:column;gap:1rem;display:flex}@media (width>=640px){.contact-section__row{flex-direction:row}}@media (width>=768px){.contact-section__row{gap:1.25rem}}.contact-section__field{color:#d7e2ea;background:0 0;border:2px solid #d7e2ea4d;border-radius:9999px;outline:none;flex:1;width:100%;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.contact-section__field::placeholder{color:#d7e2ea66;text-transform:uppercase;letter-spacing:.1em;font-size:.875rem}.contact-section__field:focus{border-color:#d7e2ea}.contact-section__field--area{resize:vertical;border-radius:30px;min-height:10rem}@media (width>=768px){.contact-section__field{padding:1.25rem 2rem;font-size:1.125rem}}.contact-section__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem 1.5rem;margin-top:.5rem;display:flex}.contact-section__status{color:#d7e2ea;font-weight:300}.contact-section__status--error{color:#ff8a7a}.contact-section__footer{color:#d7e2ea66;letter-spacing:.1em;text-transform:uppercase;margin-top:5rem;font-size:.875rem;font-weight:300}@media (width>=768px){.contact-section__footer{margin-top:7rem}}.app-main{background:#0c0c0c;overflow-x:clip}