@font-face{font-family:Samsung Sharp Sans;src:url(/fonts/SamsungSharpSans-Bold.woff2) format("woff2"),url(/fonts/SamsungSharpSans-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Samsung Sharp Sans;src:url(/fonts/SamsungSharpSans-Medium.woff2) format("woff2"),url(/fonts/SamsungSharpSans-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Samsung Sharp Sans;src:url(/fonts/SamsungSharpSans-Regular.woff2) format("woff2"),url(/fonts/SamsungSharpSans-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Samsung One;src:url(/fonts/SamsungOne-700.woff2) format("woff2"),url(/fonts/SamsungOne-700.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Samsung One;src:url(/fonts/SamsungOne-600.woff2) format("woff2"),url(/fonts/SamsungOne-600.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Samsung One;src:url(/fonts/SamsungOne-400.woff2) format("woff2"),url(/fonts/SamsungOne-400.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}.theme-selection-container{height:100vh;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:0;overflow:hidden}.theme-selection-title{font-family:Samsung Sharp Sans,system-ui,sans-serif;font-size:24px;font-weight:700;color:#000;margin-bottom:40px;text-align:center}.theme-container{display:flex;gap:48px;align-items:center;justify-content:center}.theme-item{display:flex;flex-direction:column;align-items:center;cursor:pointer}.theme-circle{position:relative;overflow:hidden}.theme-circle.middle{width:225px;height:225px;border-radius:50%;margin-bottom:12px}.theme-circle.regular{width:150px;height:150px;border-radius:50%;margin-bottom:12px}.theme-gradient{position:absolute;top:0;left:0;width:100%;height:100%}.theme-shader{position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:multiply;opacity:.8;border-radius:50%;overflow:hidden;z-index:10}.theme-noise{position:absolute;top:0;left:0;width:100%;height:100%;filter:contrast(150%) brightness(1100%);mix-blend-mode:multiply;opacity:.6}.theme-label{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:14px;color:#333;text-align:center;font-weight:400}.theme-label.middle,.theme-label.regular{font-weight:400}.continue-button{margin-top:64px;width:212px;height:58px;border-radius:32px;border:none;font-size:1.2rem;color:#42455a;font-weight:700;cursor:pointer;font-family:Inclusive Sans,system-ui,sans-serif;display:flex;align-items:center;justify-content:center}.theme-gradient,.theme-shader,.theme-noise{transition:all .3s ease-in-out}.navbar{background-color:#fffaf2;position:fixed;top:0;left:0;right:0;z-index:1000}.navbar-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:48px;padding:8px 120px}.navbar-logo{flex-shrink:0}.logo-text{font-family:Samsung Sharp Sans,system-ui,sans-serif;font-size:16px;font-weight:700;letter-spacing:-.02em;background-color:transparent;border-radius:6px;border:none;cursor:pointer;transition:opacity .2s ease;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;height:36px;line-height:1;white-space:nowrap}.logo-text:hover{opacity:.85}.navbar-menu{display:flex;gap:12px;list-style:none;margin:0;padding:0;align-items:center}.navbar-item{margin:0}.navbar-tab{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:16px;font-weight:400;color:#000;background-color:transparent;border:1.5px solid transparent;padding:10px 18px;cursor:pointer;transition:all .2s ease;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;white-space:nowrap;line-height:1}.navbar-tab:not(.chat-button) .tab-icon{display:none}.tab-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.tab-label{line-height:1;padding-top:1px}.navbar-tab:hover:not(.active){background-color:#00000008;border-color:#0000001a}.navbar-tab.active{border-color:transparent;font-weight:400}.navbar-tab.chat-button{border-radius:24px;border:none;font-weight:400}.navbar-tab.chat-button.active{border:none;font-weight:400}@media (max-width: 767px){.navbar-item:has(.chat-button){display:none}}.hamburger-menu{display:none;background-color:transparent;border:none;cursor:pointer;padding:8px 12px;border-radius:8px;color:#000;transition:all .2s ease;align-items:center;justify-content:center}.hamburger-menu:hover{background-color:#0000000d}.mobile-menu-drawer{display:none;position:absolute;top:100%;left:0;right:0;background-color:#fffaf2;border-top:1px solid rgba(0,0,0,.1);padding:12px 0;animation:slideDown .3s ease;z-index:999}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;gap:0}.mobile-menu-item{margin:0;border-bottom:1px solid rgba(0,0,0,.05)}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-tab{width:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:15px;font-weight:400;color:#000;background-color:transparent;border:none;padding:14px 24px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:flex-start;gap:12px;line-height:1;text-align:left}.mobile-menu-tab:hover:not(.active){background-color:#00000008}.mobile-menu-tab.active{font-weight:500;background-color:#ffad3d26}@media (max-width: 1399px) and (min-width: 1200px){.navbar-container{padding:8px 32px 8px 100px}}@media (max-width: 1199px) and (min-width: 1024px){.navbar-container{padding:8px 48px}}@media (max-width: 1024px) and (min-width: 768px){.navbar-container{padding:8px 48px}}@media (max-width: 768px) and (min-width: 481px){.navbar-container{padding:8px 48px}.navbar-menu{gap:8px}.navbar-tab{font-size:13px;padding:6px 12px;gap:4px}.logo-text{font-size:13px;padding:6px 10px}}@media (max-width: 480px){.navbar{height:auto;padding:0;position:relative}.navbar-container{flex-direction:row;align-items:center;justify-content:space-between;padding:12px 24px;height:auto}.navbar-logo{width:auto;margin-bottom:0}.navbar-logo .logo-text{font-size:12px;padding:6px 8px}.navbar-menu{display:none}.hamburger-menu{display:flex;background-color:transparent;border:1.5px solid transparent;padding:8px;border-radius:8px}.hamburger-menu:hover{background-color:#0000000d}.mobile-menu-drawer{display:block;position:absolute;top:100%;left:0;right:0}}.chat-sidebar{width:420px;height:auto;max-height:calc(100vh - 100px);position:fixed;background-color:#fff;border-radius:24px;z-index:2001;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.chat-sidebar-draggable{cursor:grab}.chat-sidebar-draggable.dragging{cursor:grabbing}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:32px 32px 0;background-color:transparent;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chat-header.dragging{cursor:grabbing}.chat-header-left{display:flex;align-items:center;gap:12px}.chat-header-title{font-family:Samsung Sharp Sans,system-ui,sans-serif;font-size:18px;font-weight:700;color:#000;margin:0;letter-spacing:-.02em}.chat-icon-btn{background:transparent;border:none;color:#000;cursor:pointer;padding:6px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.chat-icon-btn:hover{background-color:#0000000d;color:#000}.chat-messages{flex:1;overflow-y:auto;padding:48px 32px 0;background-color:transparent;display:flex;flex-direction:column}.chat-empty-state{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:1;padding:0;gap:48px}.chat-bot-image{width:186px;height:186px;-o-object-fit:contain;object-fit:contain;align-self:center}.chat-empty-title{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:18px;font-weight:400;color:#000;margin:0 0 32px;line-height:1.4;text-align:left;letter-spacing:-.02em}.chat-messages-list,.chat-message-group{display:flex;flex-direction:column;gap:12px}.chat-message-wrapper{display:flex}.chat-message-wrapper.user{justify-content:flex-end}.chat-message-wrapper.bot{justify-content:flex-start}.chat-message{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:14px;line-height:1.5;padding:8px 14px;border-radius:16px;max-width:75%;word-wrap:break-word}.user-message{background-color:#ffeed4;color:#000;border-bottom-right-radius:4px;box-shadow:none}.bot-message{background-color:#fff;color:#1e293b;border:1px solid #E2E8F0;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000000d}.chat-markdown-p{margin:0}.chat-markdown-strong{font-weight:600;color:#0f172a}.chat-markdown-ul{margin:8px 0;padding-left:20px;list-style-type:disc}.chat-markdown-li{margin:4px 0}.chat-loading{display:flex;gap:4px;align-items:center;padding:4px 0}.chat-loading-dot{width:8px;height:8px;border-radius:50%;background-color:#94a3b8;animation:bounce 1.4s infinite ease-in-out both}.chat-loading-dot:nth-child(1){animation-delay:-.32s}.chat-loading-dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-section{padding:0 32px 32px;background:linear-gradient(to top,#fff 60%,#fff0);pointer-events:none;display:flex;flex-direction:column;gap:32px}.chat-chip-rail{overflow-x:auto;pointer-events:auto;padding:4px 0;cursor:grab}.chat-chip-rail.dragging{cursor:grabbing}.chat-chip-rail::-webkit-scrollbar{display:none}.chat-chip-rail{-ms-overflow-style:none;scrollbar-width:none}.chat-chip-rail-inner{display:flex;gap:8px;width:-moz-max-content;width:max-content;padding:0}.chat-chip{flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:14px;font-weight:500;color:#000;border:none;border-radius:9999px;padding:10px 20px;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:none}.chat-chip:hover{opacity:.8;transform:translateY(-1px)}.chat-chip.drag-over{opacity:.6}.chat-input-container{pointer-events:auto;position:relative;z-index:10}.chat-input-wrapper{display:flex;gap:8px;align-items:center;background-color:#f7f7f7;border-radius:50px;padding:8px 8px 8px 20px;border:none}.chat-input-wrapper.drag-over{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11a;animation:input-bounce .12s cubic-bezier(.2,.8,.2,1)}@keyframes input-bounce{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.chat-input{flex:1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:14px;font-weight:400;background-color:#f7f7f7;border:none;outline:none;color:#000;padding:4px}.chat-input::-moz-placeholder{color:#666}.chat-input::placeholder{color:#666}.chat-input:disabled{opacity:.5}.chat-send-btn{width:40px;height:40px;border-radius:50%;background-color:var(--send-btn-bg, #FFB13D);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;padding:0}.chat-send-btn:hover:not(:disabled){transform:scale(1.05);opacity:.9}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-floating-chip{position:fixed;z-index:2002;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .2s ease}@media (max-width: 768px){.chat-sidebar{display:none!important}}.customizer-overlay{position:fixed;inset:0;background-color:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.customizer-modal{width:372px;background-color:#fff;border-radius:24px;box-shadow:0 8px 32px #0000001f;position:relative;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.customizer-close{position:absolute;top:24px;right:38px;background:transparent;border:none;cursor:pointer;color:#000;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;z-index:10}.customizer-close:hover{opacity:.6}.customizer-content{padding:32px 38px;display:flex;flex-direction:column}.customizer-section{display:flex;flex-direction:column}.customizer-section.theme-section,.customizer-section.cursor-section{margin-bottom:32px}.customizer-title{font-family:Samsung Sharp Sans,system-ui,sans-serif;font-size:16px;font-weight:700;color:#000;margin:0 0 24px}.customizer-section.theme-section .customizer-title{margin-bottom:32px}.theme-grid{display:grid;grid-template-columns:repeat(3,64px);gap:24px;justify-content:start}.theme-circle{width:64px;height:64px;border-radius:50%;border:none;cursor:pointer;transition:all .2s ease;padding:0;position:relative}.theme-circle:hover{transform:scale(1.05)}.theme-circle.selected:before{content:"";position:absolute;top:4px;right:4px;width:24px;height:24px;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;align-items:center;justify-content:center;z-index:1}.theme-circle.selected .checkmark-icon{position:absolute;top:4px;right:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.theme-circle.selected .checkmark-icon svg{width:12px;height:12px}.cursor-grid{display:grid;grid-template-columns:repeat(4,56px);gap:24px;justify-content:start}.cursor-option{width:56px;height:56px;background-color:transparent;border:2px solid transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.cursor-option:hover{transform:scale(1.05)}.cursor-option.selected{border-color:#000}.cursor-icon{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.customizer-save-btn{width:100%;height:56px;background-color:#000;color:#fff;border:none;border-radius:28px;font-family:Samsung Sharp Sans,system-ui,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.customizer-save-btn:hover{background-color:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.customizer-save-btn:active{transform:translateY(0)}@media (max-width: 480px){.customizer-modal{width:calc(100vw - 32px);height:auto;max-height:calc(100vh - 32px);margin:16px}.theme-grid{grid-template-columns:repeat(3,1fr)}.theme-circle{width:70px;height:70px}.cursor-grid{grid-template-columns:repeat(4,1fr)}.cursor-option{width:100%;aspect-ratio:1}}.landing-page{min-height:100vh;background-color:#f7f7f4}.hero-container{max-width:1400px;margin:0 auto;padding:120px;display:flex;justify-content:space-between;align-items:center;gap:64px}.hero-content{display:flex;flex-direction:column;max-width:729px}.hero-headline{font-family:Samsung Sharp Sans,system-ui,sans-serif;font-size:32px;font-weight:700;line-height:48px;letter-spacing:-.02em;color:#000;margin:0 0 24px;max-width:729px;width:100%}.hero-description{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:18px;font-weight:400;line-height:1.67;color:#333;margin:0 0 32px;max-width:704px;width:100%}.hero-current{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:18px;font-weight:400;line-height:1.33;color:#333;margin:0 0 32px;max-width:704px;width:100%}.hero-link{color:#ff6b35;text-decoration:none;font-weight:500;transition:opacity .2s ease}.hero-link:hover{opacity:.8}.hero-buttons{display:flex;gap:16px;margin:0}.btn-primary,.btn-secondary{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:14px;font-weight:500;height:40px;padding:0 20px;border-radius:24px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1;white-space:nowrap}.btn-primary{background-color:#ffeed4;border:1.5px solid transparent;color:#000}.btn-primary:hover{opacity:.85}.btn-primary.btn-about-me:hover{background-color:#00000008}.btn-secondary{background-color:transparent;border:1.5px solid #000000;color:#000}.btn-secondary:hover{background-color:#00000008}.hero-visual{width:380px;height:400px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transform:scale(.8)}.hero-visual canvas{width:100%;height:100%}.projects-section{margin-top:0;padding:0 120px 80px}.projects-container{background-color:#f2f1ee;border-radius:24px;padding:64px 32px;max-width:1400px;margin:0 auto}.project-card{display:flex;gap:48px;justify-content:space-around;align-items:center;margin:0 auto}.project-content{width:417px;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0}.project-title{font-family:Samsung Sharp Sans,system-ui,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.02em;color:#000;margin:0 0 10px;width:100%}.project-description{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;width:100%;font-size:16px;font-weight:400;line-height:1.67;color:#333;margin:0 0 12px}.project-link{font-family:Samsung Sharp Sans,system-ui,sans-serif;font-size:16px;font-weight:700;color:#000;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:opacity .2s ease}.project-link:hover{opacity:.7}.project-image{flex-shrink:0;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;width:clamp(300px,44vw,634px);height:auto;aspect-ratio:4 / 3;background-color:#fff}.project-image img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;-o-object-fit:contain;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.testimonials-section{padding:80px 120px 120px;background-color:#f7f7f4}.testimonials-container{max-width:1440px;margin:0 auto}.testimonials-title{font-family:Samsung Sharp Sans,system-ui,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.02em;color:#000;margin:0 0 48px;text-align:left}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.testimonial-card{background-color:#f2f1ee;border-radius:6px;padding:24px;display:flex;flex-direction:column;gap:24px;width:auto;height:auto;border:none}.testimonial-header{display:flex;gap:16px;align-items:center}.testimonial-avatar{width:56px;height:56px;border-radius:50%;background-color:#e5e4e1;flex-shrink:0;overflow:hidden}.testimonial-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.testimonial-info{display:flex;flex-direction:column;gap:4px}.testimonial-name{font-family:Samsung Sharp Sans,system-ui,sans-serif;font-size:16px;font-weight:700;color:#000;margin:0}.testimonial-position{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:14px;font-weight:400;color:#666;margin:0}.testimonial-content{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:15px;font-weight:400;line-height:1.6;color:#333;margin:0}.footer-section{padding:0 120px 120px}.footer-container{background-color:#f2f1ee;border-radius:6px;max-width:1400px;margin:0 auto;position:relative;display:flex;align-items:center;justify-content:center;min-height:300px;overflow:hidden;padding:120px 32px}.floating-elements{position:absolute;inset:0;pointer-events:none}.floating-emoji{position:absolute;bottom:-100px;animation:floatUpZigzag 6s ease-in-out infinite;opacity:0}@keyframes floatUpZigzag{0%{bottom:-100px;opacity:0;transform:translate(0)}10%{opacity:1}25%{transform:translate(30px)}50%{transform:translate(-30px)}75%{transform:translate(20px)}85%{opacity:1}to{bottom:calc(100% + 100px);opacity:0;transform:translate(0)}}.footer-content{position:relative;z-index:10;text-align:center;max-width:800px}.footer-title{font-family:Samsung Sharp Sans,system-ui,sans-serif;font-size:48px;font-weight:700;letter-spacing:-.02em;color:#000;margin:0 0 24px;line-height:1.1}.footer-subtitle{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:18px;font-weight:400;line-height:1.6;color:#666;max-width:600px;margin:0 auto}@media (max-width: 1399px) and (min-width: 1200px){.hero-container{padding:120px 32px 120px 100px}.hero-visual{width:300px;height:320px;transform:scale(.7)}.projects-section{padding:0 32px 120px 100px}.projects-container{padding:32px 48px}.testimonials-section{padding:60px 100px}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-card{padding:24px;width:auto;height:auto}.footer-section{padding:80px 100px 100px}.footer-container{padding:100px 64px;min-height:350px}.footer-title{font-size:48px}.footer-subtitle{font-size:17px}}@media (max-width: 1199px) and (min-width: 1024px){.hero-container{padding:120px 48px;display:flex;flex-direction:row;justify-content:space-between}.hero-headline{font-size:28px;line-height:32px}.hero-description{font-size:16px;line-height:24px}.hero-visual{transform:scale(.7);flex-shrink:0}.projects-section{padding:0 48px}.projects-container{padding:32px 48px}.project-card{flex-direction:row;gap:32px;justify-content:space-between}.testimonials-section{padding:120px 48px 60px}.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:28px}.testimonial-card{padding:24px;height:auto}.footer-section{padding:80px 48px}.footer-container{padding:80px 48px;min-height:320px}.footer-title{font-size:48px}.footer-subtitle{font-size:16px}}@media (max-width: 1024px) and (min-width: 768px){.hero-container{flex-direction:column;gap:120px;padding:120px 64px;align-items:center}.hero-content{max-width:100%;text-align:center}.hero-headline,.hero-description,.hero-current{width:100%;height:auto}.hero-buttons{justify-content:center}.hero-visual{width:200px;height:220px;transform:scale(.75)}.projects-section{padding:64px}.projects-container{height:auto;padding:48px 32px}.project-card{flex-direction:column;gap:64px}.project-content{width:100%;text-align:center;display:flex;gap:16px;flex-direction:column;align-items:center}.project-title{font-size:24px}.project-description{font-size:16px;text-align:center;width:70%;margin:0 auto}.project-image{width:70%}.project-link{justify-content:center}.testimonials-section{padding:60px 64px}.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:28px}.testimonial-card{padding:24px;width:auto;height:auto}.testimonials-title{font-size:28px;margin-bottom:32px}.footer-section{padding:60px 48px 64px}.footer-container{padding:64px 48px;min-height:300px}.footer-title{font-size:32px}.footer-subtitle{font-size:16px}}@media (max-width: 768px) and (min-width: 481px){.hero-container{flex-direction:column;gap:120px;padding:120px 48px;align-items:center}.hero-content{max-width:100%;text-align:center}.hero-headline{width:100%;height:auto;font-size:24px;line-height:32px}.hero-description,.hero-current{width:100%;height:auto;font-size:16px;line-height:24px}.hero-buttons{justify-content:center;flex-wrap:wrap;gap:12px}.hero-visual{width:160px;height:180px;transform:scale(.7)}.projects-section{padding:64px 48px}.projects-container{height:auto;padding:32px 24px}.project-card{flex-direction:column;gap:24px}.project-content{width:100%;text-align:center;gap:16px;display:flex;flex-direction:column;align-items:center}.project-title{font-size:18px}.project-description{font-size:14px}.project-image{width:60%}.testimonials-section{padding:48px}.testimonials-grid{grid-template-columns:1fr;gap:24px}.testimonial-card{padding:24px;width:auto;height:auto}.testimonials-title{font-size:24px;margin-bottom:24px}.testimonial-avatar{width:48px;height:48px}.testimonial-name{font-size:15px}.testimonial-position{font-size:13px}.testimonial-content{font-size:14px}.footer-section{padding:60px 32px}.footer-container{padding:60px 32px;min-height:280px}.footer-title{font-size:24px}.footer-subtitle{font-size:15px}}@media (max-width: 480px){.hero-container{flex-direction:column;gap:150px;padding:64px 24px;align-items:center}.hero-content{max-width:100%;text-align:center}.hero-headline{width:100%;height:auto;font-size:24px;line-height:32px}.hero-description,.hero-current{width:100%;height:auto;font-size:16px;line-height:24px}.hero-buttons{justify-content:center;flex-wrap:wrap;gap:10px;width:100%}.btn-primary,.btn-secondary{font-size:12px;padding:8px 14px}.hero-visual{width:140px;height:160px;transform:scale(.6)}.projects-section{padding:64px 24px}.projects-container{height:auto;padding:24px 16px;border-radius:16px}.project-card{flex-direction:column;gap:20px}.project-content{width:70%;text-align:center;gap:12px;display:flex;flex-direction:column;align-items:center}.project-title{font-size:16px}.project-description{font-size:12px}.project-link{font-size:12px;margin-top:8px}.project-image{width:100%}.testimonials-section{padding:40px 24px}.testimonials-grid{grid-template-columns:1fr;gap:20px}.testimonial-card{padding:20px;width:auto;height:auto}.testimonials-title{font-size:22px;margin-bottom:24px}.testimonial-avatar{width:44px;height:44px}.testimonial-name{font-size:14px}.testimonial-position{font-size:12px}.testimonial-content{font-size:13px}.footer-section{padding:60px 24px 48px}.footer-container{padding:48px 24px;min-height:250px}.footer-title{font-size:24px}.footer-subtitle{font-size:14px}}.about-me-page{width:100%;min-height:100vh;background:#fff}.about-me-container{max-width:1400px;margin:0 auto;padding:64px 120px;min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center}.bento-grid{display:grid;width:100%;grid-template-columns:224fr 222fr 331fr 331fr;grid-template-rows:clamp(200px,15vh,320px) clamp(200px,15vh,320px) clamp(200px,15vh,320px);gap:24px;row-gap:32px}.bento-item.large-left{grid-column:1 / 3;grid-row:1 / 3}.bento-item.top-right-1{grid-column:3 / 4;grid-row:1 / 2}.bento-item.top-right-2{grid-column:4 / 5;grid-row:1 / 2}.bento-item.bottom-right-1{grid-column:3 / 4;grid-row:2 / 3}.bento-item.bottom-right-2{grid-column:4 / 5;grid-row:2 / 3}.bento-item.bottom-left-1{grid-column:1 / 2;grid-row:3 / 4}.bento-item.bottom-left-2{grid-column:2 / 3;grid-row:3 / 4}.bento-item.large-bottom-right{grid-column:3 / 5;grid-row:3 / 4}.bento-item{border-radius:12px;overflow:hidden;background:#f5f5f5;position:relative;width:100%;height:100%;cursor:pointer}.bento-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.bento-item:before{content:attr(data-caption);position:absolute;inset:auto 0 16px;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 20px;opacity:0;transition:opacity .3s ease;z-index:2;font-family:Samsung Sharp Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:700;color:#fff;line-height:1.4}.bento-item:hover:before{opacity:1}@media (max-width: 1399px) and (min-width: 1200px){.about-me-container{padding:48px 32px 48px 100px}}@media (max-width: 1199px) and (min-width: 1024px){.about-me-container{padding:120px 48px 80px;min-height:auto;align-items:flex-start}}@media (max-width: 1024px) and (min-width: 768px){.about-me-container{padding:120px 48px;min-height:auto}.bento-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:16px;row-gap:16px}.bento-item.large-left{grid-column:1 / 3;grid-row:auto;height:300px}.bento-item.top-right-1,.bento-item.top-right-2,.bento-item.bottom-right-1,.bento-item.bottom-right-2,.bento-item.bottom-left-1,.bento-item.bottom-left-2{grid-column:span 1;grid-row:auto;height:200px}.bento-item.large-bottom-right{grid-column:1 / 3;grid-row:auto;height:250px}}@media (max-width: 767px){.about-me-container{padding:48px 24px;min-height:auto}.bento-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:12px}.bento-item.large-left,.bento-item.top-right-1,.bento-item.top-right-2,.bento-item.bottom-right-1,.bento-item.bottom-right-2,.bento-item.bottom-left-1,.bento-item.bottom-left-2,.bento-item.large-bottom-right{grid-column:1;grid-row:auto;height:auto;aspect-ratio:16 / 9}}
