@import"https://fonts.googleapis.com/css2?family=Jua&display=swap";body{font-family:Roboto,sans-serif;background-color:#fff;color:#000;margin:0;padding:0}@media (max-width: 600px){.hide-xs{display:none!important}.show-xs{display:inline!important}}@media (min-width: 600px){.hide-xs{display:inline!important}.show-xs{display:none!important}}@keyframes bounceX{0%{transform:translate(0)}50%{transform:translate(-8px)}to{transform:translate(0)}}.about-root{min-height:100vh;display:flex;flex-direction:column}.about-navbar{position:sticky;top:0;width:100%;background:#fffffff2;box-shadow:0 2px 8px #0000000a;z-index:10;padding:0 32px;height:70px;display:flex;align-items:center}.about-navbar-content{font-size:1.5rem;font-weight:700;color:#222}.about-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 clamp(16px,8vw,120px)}.about-intro{display:flex;flex-direction:column;align-items:center;margin-top:48px;margin-bottom:48px;max-width:400px;width:100%}.about-intro-img{width:180px;height:180px;object-fit:cover;border-radius:50%;border:4px solid #f3f3f3;box-shadow:0 2px 12px #00000014;margin-bottom:24px}.about-intro-title{font-family:Jua,sans-serif;font-size:2.5rem;font-weight:400;text-align:center;margin:0 0 16px;color:#222}.about-intro-desc{font-family:Jua,sans-serif;font-size:1.2rem;text-align:center;color:#444;margin:0}.about-footer{width:100%;background:#f3f3f3;padding:24px 32px;text-align:center;font-size:1rem;color:#888;margin-top:auto}.about-section{width:100%;max-width:1000px;margin:0 auto 48px;background:#fff;border-radius:24px;box-shadow:0 2px 16px #0000000a;padding:32px 24px;display:flex;flex-direction:column;align-items:center}.about-section-content{display:flex;flex-direction:row;align-items:center;gap:32px;width:100%}.about-section-image img{width:160px;height:160px;object-fit:cover;border-radius:16px;background:#f3f3f3}.about-section-text{flex:1}.about-section-text h2{font-size:2.2rem;color:#cf8b7f;font-weight:700;margin-bottom:32px;text-align:center;line-height:1.1}.about-section-text p{font-size:1.1rem;color:#444;margin-bottom:16px}.about-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;gap:24px}.about-icon{font-size:1.5rem;margin-right:8px}.timeline-container{position:relative;width:100%;display:flex;justify-content:center;min-height:100px;padding:0}.timeline-list{width:100%;display:flex;flex-direction:column;gap:0px;position:relative;z-index:2}.timeline-item{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;width:100%;min-height:120px;position:relative}.timeline-col{display:flex;justify-content:center;align-items:center;height:100%}.timeline-col-center{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:0;flex:1;padding:0;margin:0}.timeline-line-top{position:absolute;left:50%;width:4px;background:#cf8b7f;border-radius:2px;transform:translate(-50%);z-index:1;top:0;height:50%}.timeline-line-bottom{position:absolute;left:50%;width:4px;background:#cf8b7f;border-radius:2px;transform:translate(-50%);z-index:1;top:50%;height:calc(50% + 50px)}.timeline-circle{width:24px;height:24px;background:#cf8b7f;border:4px solid #CF8B7F;border-radius:50%;z-index:2;box-shadow:0 2px 8px #00000014;position:relative;margin:0;padding:0;transition:background .2s,border .2s}.timeline-card{min-width:260px;max-width:420px;background:#fff;box-shadow:18px 23px 71.5px #0000001a;border-radius:20px;padding:20px 28px;display:flex;flex-direction:column;z-index:2;transition:box-shadow .25s,transform .25s}.timeline-card:hover{box-shadow:0 8px 32px #cf8b7f2e,0 1.5px 8px #00000014;transform:translateY(-6px) scale(1.025)}@media (max-width: 900px){.timeline-item{grid-template-columns:1fr 40px 1fr}.timeline-card{margin:0 8px!important;min-width:0;max-width:100vw}}@media (max-width: 600px){.timeline-item{min-height:100px}.timeline-circle{width:16px;height:16px;border-width:3px}}.timeline-content{display:flex;align-items:flex-start;gap:20px}.timeline-step-title{font-weight:700;font-size:1.15rem;margin-bottom:6px;color:#222}.timeline-step-desc{font-size:1rem;color:#555}@media (max-width: 700px){.timeline-card{padding:14px 10px;border-radius:24px}.timeline-content{gap:12px}.timeline-step-title{font-size:1rem}.timeline-step-desc{font-size:.95rem}}.about-hobbies-list{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-top:24px}.about-hobby{display:flex;flex-direction:column;align-items:center;gap:8px}.about-hobby img{width:100px;height:100px;object-fit:cover;border-radius:16px;background:#f3f3f3;box-shadow:0 2px 8px #0000000a}.about-hobby-label{font-size:1.1rem;color:#222;margin-top:4px}@media (max-width: 900px){.about-section{padding:24px 8px}.about-section-content{flex-direction:column;gap:20px;align-items:flex-start}.about-section-image img{width:120px;height:120px}}@media (max-width: 600px){.about-section{padding:16px 0;border-radius:0;box-shadow:none}.about-section-content{gap:12px}.about-hobbies-list{gap:16px}.about-hobby img{width:72px;height:72px}}.visual-experience-card{align-items:stretch}.visual-experience-content{display:flex;flex-direction:column;justify-content:center;width:100%}.visual-experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;margin-top:16px}.visual-experience-item{display:flex;align-items:flex-start;gap:16px;background:#f8f8f8;border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:16px 20px;min-width:0}.visual-experience-label{font-size:1.1rem;font-weight:600;color:#222}.visual-experience-desc{font-size:1rem;color:#555}@media (max-width: 900px){.visual-experience-grid{grid-template-columns:1fr;gap:16px}}.about-section h2,.about-main h2{font-size:2.7rem!important;color:#cf8b7f!important;font-weight:700!important;margin-bottom:32px!important;text-align:center!important;line-height:1.1!important}@media (max-width: 900px){.about-section h2,.about-main h2{font-size:2.2rem!important;margin-bottom:24px!important}}@media (max-width: 600px){.about-section h2,.about-main h2{font-size:2rem!important;margin-bottom:16px!important}}.about-section.about-timeline{background:none;box-shadow:none;border-radius:0;padding:0}@media (max-width: 600px){.about-section.mobile-timeline .timeline-item{grid-template-columns:40px 1fr}.about-section.mobile-timeline .timeline-col-left{display:none}.about-section.mobile-timeline .timeline-col-right{grid-column:2;width:100%;justify-content:flex-start}.about-section.mobile-timeline .timeline-card{max-width:100vw;min-width:0;width:100%}.about-section.mobile-timeline .timeline-list{gap:16px}}.beyond-development-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:28px;width:100%;margin:48px 0}.beyond-development-cell{border-radius:24px;min-height:200px;display:flex;align-items:flex-start;justify-content:flex-start;font-weight:500;font-size:20px;box-shadow:0 4px 16px #0000001f;border:none;transition:transform .35s cubic-bezier(.4,1.5,.6,1);padding:0}.beyond-development-cell:hover{transform:scale(1.01)}.beyond-development-cell.long-horizontal{flex-direction:row;padding:0;align-items:flex-start;justify-content:flex-start}.beyond-development-cell.long-vertical{flex-direction:column;padding:0;align-items:flex-start;justify-content:flex-start}.beyond-development-cell .bdc-text{padding:20px;display:flex;align-items:flex-start;justify-content:flex-start;width:100%;box-sizing:border-box;text-align:left}.beyond-development-cell .bdc-img{width:50%;height:100%;object-fit:cover;border-radius:0 24px 24px 0;display:block}.beyond-development-cell.long-vertical .bdc-img{width:100%;height:50%;border-radius:0 0 24px 24px}.beyond-development-cell.long-vertical .bdc-text{width:100%;height:50%;padding:20px}@media (max-width: 900px){.beyond-development-cell .bdc-text{padding:20px}}@media (max-width: 600px){.beyond-development-cell .bdc-text{padding:12px}.beyond-development-cell:nth-child(5),.beyond-development-cell:nth-child(6){display:none!important}}@media (max-width: 900px){.beyond-development-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:20px}.beyond-development-cell{grid-column:auto!important;grid-row:auto!important;min-width:0}}@media (max-width: 600px){.beyond-development-grid{grid-template-columns:1fr;grid-template-rows:none;gap:16px}.beyond-development-cell{grid-column:auto!important;grid-row:auto!important;font-size:16px;padding:20px;min-width:0;min-height:auto}.beyond-development-cell:nth-child(5),.beyond-development-cell:nth-child(6){display:none!important}}.about-main,.about-section,.beyond-development-cell,.beyond-development-cell .bdc-text,.about-section *:not(.about-hero *){font-family:Golos Text,sans-serif!important}