.nav{z-index:9999;border:var(--border-comic);background:var(--color-nav-bg);-webkit-backdrop-filter:blur(16px);border-radius:50px;align-items:center;gap:6px;width:auto;max-width:90%;padding:6px 10px 6px 12px;transition:background .3s,box-shadow .3s,border-color .3s;display:flex;position:fixed;top:16px;left:16px}.nav--scrolled{background:var(--color-nav-bg-solid);box-shadow:var(--shadow-comic)}.nav__hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:32px;height:32px;padding:6px;display:none}.nav__hamburger span{background:var(--color-dark);transform-origin:50%;border-radius:2px;width:20px;height:2.5px;display:block}.nav__links{justify-content:center;align-items:center;gap:0;list-style:none;display:flex}.nav__link{font-family:var(--font-hand);color:var(--color-dark);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:50px;padding:6px 16px;font-size:1rem;font-weight:400;transition:color .25s,background .25s;position:relative}.nav__link:hover{background:var(--color-hover-subtle);color:var(--color-primary)}.nav__link--active{color:var(--color-primary);background:var(--color-active-bg);font-weight:700}.nav__underline{background:var(--color-primary);border-radius:2px;height:2.5px;position:absolute;bottom:2px;left:16px;right:16px}.nav__theme-toggle{border:2px solid var(--color-comic-border);background:var(--color-card-bg);width:32px;height:32px;box-shadow:2px 2px 0 var(--color-comic-border);color:var(--color-dark);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .3s,color .3s,border-color .3s,box-shadow .2s;display:flex}.nav__theme-toggle:hover{box-shadow:3px 3px 0 var(--color-comic-border)}.nav__theme-icon{justify-content:center;align-items:center;line-height:0;display:flex}.nav__theme-icon svg{width:16px;height:16px}@media (width<=768px){.nav{justify-content:space-between;top:12px;left:12px}.nav__hamburger{display:flex}.nav__links{transform-origin:0 0;background:var(--color-nav-bg-mobile);border:var(--border-comic);border-radius:var(--border-radius-comic);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(16px);flex-direction:column;gap:0;min-width:200px;padding:10px;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 8px);left:0;transform:scale(.96)}.nav__links--open{opacity:1;pointer-events:auto;transform:scale(1)}.nav__link{text-align:left;border-radius:12px;width:100%;padding:10px 16px;font-size:.95rem}.nav__theme-toggle{width:30px;height:30px}.nav__theme-icon svg{width:15px;height:15px}}@media (width<=480px){.nav{top:8px;left:8px}.nav__link{padding:8px 12px;font-size:.9rem}}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:100px 5% 60px;display:flex;position:relative;overflow:hidden}.hero__inner{justify-content:space-between;align-items:center;gap:40px;width:100%;max-width:1200px;display:flex}.hero__content{flex:1;max-width:560px}.hero__badge{font-family:var(--font-hand);background:var(--color-accent);border:2px solid var(--color-comic-border);box-shadow:2px 2px 0 var(--color-comic-border);border-radius:30px;margin-bottom:20px;padding:6px 18px;font-size:1.1rem;display:inline-block}.hero__title{font-family:var(--font-heading);margin-bottom:16px;font-size:3.4rem;font-weight:800;line-height:1.15}.hero__name{position:relative}.hero__name:after{content:"";background:var(--color-accent);z-index:-1;border-radius:3px;height:6px;position:absolute;bottom:0;left:0;right:0}.hero__typing-wrapper{align-items:baseline;display:inline-flex}.hero__typing-text{color:var(--color-primary)}.hero__typing-cursor{color:var(--color-primary);margin-left:2px;font-weight:400}.hero__subtitle{font-family:var(--font-hand);color:var(--color-dark-soft);margin-bottom:32px;font-size:1.25rem;line-height:1.6}.hero__buttons{flex-wrap:wrap;gap:16px;display:flex}.btn{font-family:var(--font-heading);border-radius:var(--border-radius-comic);border:var(--border-comic);padding:14px 32px;font-size:1rem;font-weight:700;transition:box-shadow .2s;display:inline-block}.btn--primary{background:var(--color-primary);color:var(--color-btn-text);box-shadow:var(--shadow-comic);--btn-shadow:6px 6px 0px var(--color-comic-border)}.btn--primary:hover{box-shadow:var(--shadow-comic-lg)}.btn--outline{background:var(--color-card-bg);color:var(--color-dark);box-shadow:var(--shadow-comic);--btn-shadow:6px 6px 0px var(--color-comic-border)}.btn--outline:hover{box-shadow:var(--shadow-comic-lg)}.hero__illustration{flex:none;justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative}.hero__orb{justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.hero__orb-ring{border:2px solid var(--color-comic-border);border-radius:50%;position:absolute}.hero__orb-ring--outer{opacity:.3;border-style:dashed;width:200px;height:200px}.hero__orb-ring--middle{opacity:.2;border-style:dotted;width:160px;height:160px}.hero__orb-core{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));border:3px solid var(--color-comic-border);width:120px;height:120px;box-shadow:var(--shadow-comic-lg);color:var(--color-btn-text);border-radius:50%;justify-content:center;align-items:center;display:flex}.hero__orb-core svg{width:48px;height:48px}.hero__code-float{font-family:var(--font-mono);background:var(--color-card-bg);border:2px solid var(--color-comic-border);box-shadow:2px 2px 0 var(--color-comic-border);border-radius:12px;padding:8px 14px;font-size:1.1rem;font-weight:700;position:absolute}.hero__code-float--1{color:var(--color-secondary);top:10px;right:10px}.hero__code-float--2{color:var(--color-primary);bottom:30px;left:10px}.hero__code-float--3{color:var(--color-dark-soft);font-size:.95rem;top:50%;right:0}.hero__code-float--4{color:var(--color-accent);border-color:var(--color-accent);font-size:.9rem;bottom:10px;right:30px}.hero__scroll-hint{font-family:var(--font-hand);color:var(--color-dark-soft);text-align:center;flex-direction:column;align-items:center;gap:4px;margin-top:40px;font-size:1rem;display:flex}.hero__scroll-arrow{color:var(--color-dark-soft)}@media (width<=900px){.hero{padding:80px 4% 40px}.hero__inner{text-align:center;flex-direction:column-reverse;gap:24px}.hero__title{font-size:2.4rem}.hero__subtitle{font-size:1.1rem}.hero__buttons{justify-content:center}.hero__illustration{width:240px;height:240px}.hero__orb,.hero__orb-ring--outer{width:160px;height:160px}.hero__orb-ring--middle{width:130px;height:130px}.hero__orb-core{width:100px;height:100px}.hero__orb-core svg{width:40px;height:40px}.hero__code-float--1{padding:6px 10px;font-size:.95rem;top:5px;right:5px}.hero__code-float--2{padding:6px 10px;font-size:.95rem;bottom:20px;left:5px}.hero__code-float--3{padding:5px 8px;font-size:.85rem}.hero__code-float--4{display:none}.hero__scroll-hint{margin-top:24px}}@media (width<=480px){.hero{min-height:auto;padding:70px 4% 30px}.hero__title{font-size:1.9rem}.hero__badge{margin-bottom:14px;padding:5px 14px;font-size:.95rem}.hero__subtitle{margin-bottom:24px;font-size:1rem}.hero__buttons{flex-direction:column;align-items:center;gap:12px}.btn{text-align:center;width:100%;max-width:260px;padding:12px 28px;font-size:.95rem}.hero__illustration{width:200px;height:200px}.hero__orb,.hero__orb-ring--outer{width:130px;height:130px}.hero__orb-ring--middle{width:105px;height:105px}.hero__orb-core{width:80px;height:80px}.hero__orb-core svg{width:32px;height:32px}.hero__code-float--1,.hero__code-float--2{padding:5px 8px;font-size:.85rem}.hero__code-float--3,.hero__code-float--4{display:none}.hero__scroll-hint{margin-top:20px;font-size:.9rem}}.about{text-align:center}.about__story{max-width:650px;margin:0 auto 50px}.about__speech-bubble{background:var(--color-card-bg);border:var(--border-comic);border-radius:var(--border-radius-comic);box-shadow:var(--shadow-comic);text-align:left;font-family:var(--font-hand);color:var(--color-dark-soft);padding:28px 32px;font-size:1.15rem;line-height:1.7;position:relative}.about__speech-bubble:after{content:"";border-left:16px solid #0000;border-right:16px solid #0000;border-top:16px solid var(--color-card-bg);width:0;height:0;position:absolute;bottom:-16px;left:40px}.about__speech-bubble p+p{margin-top:12px}.about__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;max-width:1000px;margin:0 auto;display:grid}.about__card{background:var(--color-card-bg);border:var(--border-comic);border-radius:var(--border-radius-comic);box-shadow:var(--shadow-comic);text-align:center;padding:28px 24px;transition:box-shadow .25s}.about__card:hover{box-shadow:var(--shadow-comic-lg)}.about__card-icon{width:48px;height:48px;color:var(--color-primary);margin:0 auto 14px}.about__card-icon svg{width:100%;height:100%}.about__card:nth-child(2) .about__card-icon{color:var(--color-secondary)}.about__card:nth-child(3) .about__card-icon{color:var(--color-accent)}.about__card:nth-child(4) .about__card-icon{color:var(--color-dark)}.about__card-title{font-family:var(--font-heading);margin-bottom:8px;font-size:1.2rem;font-weight:700}.about__card-text{font-family:var(--font-hand);color:var(--color-dark-soft);font-size:1rem;line-height:1.5}@media (width<=768px){.about__speech-bubble{padding:20px;font-size:1.05rem}.about__grid{grid-template-columns:repeat(2,1fr);gap:16px}.about__card{padding:20px 16px}.about__card-icon{width:40px;height:40px}}@media (width<=480px){.about__speech-bubble{padding:16px;font-size:.95rem}.about__grid{grid-template-columns:1fr;gap:12px}.about__card{padding:18px 14px}.about__card-title{font-size:1.1rem}}.skills{text-align:center}.skills__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;max-width:1000px;margin:0 auto;display:grid}.skill{background:var(--color-card-bg);border:var(--border-comic);border-radius:var(--border-radius-comic);box-shadow:var(--shadow-comic);text-align:left;padding:20px 22px;transition:box-shadow .2s}.skill:hover{box-shadow:var(--shadow-comic-lg)}.skill__header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.skill__badge{width:36px;height:36px;font-family:var(--font-heading);letter-spacing:-.5px;border:2px solid;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:flex}.skill__name{font-family:var(--font-heading);flex:1;font-size:1rem;font-weight:700}.skill__level{font-family:var(--font-mono);color:var(--color-dark-soft);font-size:.9rem}.skill__bar-track{background:var(--color-bg);border:2px solid var(--color-comic-border);border-radius:5px;width:100%;height:10px;overflow:hidden}.skill__bar-fill{border-radius:3px;height:100%;position:relative}.skill__bar-fill:after{content:"";background:var(--color-bar-shine);border-radius:2px;height:3px;position:absolute;top:1px;left:4px;right:4px}@media (width<=768px){.skills__grid{grid-template-columns:repeat(2,1fr);gap:14px}.skill{padding:16px 18px}.skill__badge{width:32px;height:32px;font-size:.65rem}.skill__name{font-size:.9rem}}@media (width<=480px){.skills__grid{grid-template-columns:1fr;gap:10px}.skill{padding:14px 16px}}.projects{text-align:center}.projects__grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;max-width:1100px;margin:0 auto;display:grid}.project{background:var(--color-card-bg);border:var(--border-comic);border-radius:var(--border-radius-comic);box-shadow:var(--shadow-comic);text-align:left;transition:box-shadow .25s;overflow:hidden}.project:hover{box-shadow:var(--shadow-comic-lg)}.project__image{border-bottom:var(--border-comic);justify-content:center;align-items:center;height:200px;display:flex;position:relative}.project__icon{width:64px;height:64px}.project__icon svg{width:100%;height:100%}.project__actions{opacity:0;justify-content:center;gap:10px;transition:opacity .25s;display:flex;position:absolute;bottom:12px;left:0;right:0}.project:hover .project__actions{opacity:1}.project__btn{font-family:var(--font-heading);border:2px solid var(--color-comic-border);background:var(--color-card-bg);color:var(--color-dark);box-shadow:2px 2px 0 var(--color-comic-border);border-radius:10px;padding:6px 16px;font-size:.85rem;font-weight:700;transition:box-shadow .2s}.project__btn--live{background:var(--color-primary);color:var(--color-btn-text);--btn-shadow:6px 6px 0px var(--color-comic-border)}.project__btn:hover{box-shadow:3px 3px 0 var(--color-comic-border)}.project__info{padding:20px 22px}.project__title{font-family:var(--font-heading);margin-bottom:8px;font-size:1.2rem;font-weight:700}.project__desc{font-family:var(--font-hand);color:var(--color-dark-soft);margin-bottom:14px;font-size:1rem;line-height:1.5}.project__tags{flex-wrap:wrap;gap:6px;display:flex}.project__tag{font-family:var(--font-mono);background:var(--color-bg);border:2px solid var(--color-comic-border);border-radius:20px;padding:4px 12px;font-size:.8rem;display:inline-block}@media (width<=768px){.projects__grid{grid-template-columns:1fr;gap:20px}.project__image{height:160px}.project__info{padding:16px 18px}.project__actions{opacity:1}}@media (width<=480px){.project__image{height:140px}.project__title{font-size:1.1rem}.project__btn{padding:5px 12px;font-size:.8rem}}.experience{text-align:center}.timeline{max-width:800px;margin:0 auto;padding:20px 0;position:relative}.timeline__line{background:var(--color-comic-border);transform-origin:top;border-radius:2px;width:3px;position:absolute;top:0;bottom:0;left:50%}.timeline__item{width:50%;padding:0 40px 60px;position:relative}.timeline__item--left{text-align:right;padding-right:40px;left:0}.timeline__item--right{text-align:left;padding-left:40px;left:50%}.timeline__dot{border:3px solid var(--color-comic-border);z-index:2;border-radius:50%;width:18px;height:18px;position:absolute;top:6px}.timeline__item--left .timeline__dot{right:-9px}.timeline__item--right .timeline__dot{left:-9px}.timeline__card{background:var(--color-card-bg);border:var(--border-comic);border-radius:var(--border-radius-comic);box-shadow:var(--shadow-comic);text-align:left;padding:22px 24px}.timeline__period{font-family:var(--font-mono);font-size:.85rem;font-weight:600}.timeline__role{font-family:var(--font-heading);margin:6px 0;font-size:1.2rem;font-weight:700}.timeline__company{font-family:var(--font-hand);color:var(--color-dark-soft);font-size:1rem}.timeline__desc{font-family:var(--font-hand);color:var(--color-dark-soft);margin-top:8px;font-size:.95rem;line-height:1.5}@media (width<=700px){.timeline{padding-left:20px}.timeline__line{left:20px}.timeline__item,.timeline__item--left,.timeline__item--right{text-align:left;width:100%;padding-bottom:40px;padding-left:50px;padding-right:10px;left:0}.timeline__item--left .timeline__dot,.timeline__item--right .timeline__dot{left:11px;right:auto}.timeline__card{padding:16px 18px}.timeline__role{font-size:1.1rem}.timeline__desc{font-size:.9rem}}.contact{text-align:center}.contact__layout{align-items:flex-start;gap:40px;max-width:900px;margin:0 auto;display:flex}.contact__info{flex:0 0 300px}.contact__speech{background:var(--color-card-bg);border:var(--border-comic);border-radius:var(--border-radius-comic);box-shadow:var(--shadow-comic);margin-bottom:24px;padding:24px;position:relative}.contact__speech p{font-family:var(--font-hand);color:var(--color-dark-soft);font-size:1.1rem;line-height:1.6}.contact__speech:after{content:"";border-left:14px solid #0000;border-right:14px solid #0000;border-top:14px solid var(--color-card-bg);width:0;height:0;position:absolute;bottom:-14px;left:30px}.contact__links{flex-direction:column;gap:12px;display:flex}.contact__link{font-family:var(--font-hand);background:var(--color-card-bg);border:var(--border-comic);box-shadow:2px 2px 0 var(--color-comic-border);border-radius:12px;align-items:center;gap:10px;padding:10px 16px;font-size:1.05rem;transition:box-shadow .2s;display:flex}.contact__link:hover{box-shadow:var(--shadow-comic)}.contact__link-icon{width:20px;height:20px;color:var(--color-primary);flex-shrink:0}.contact__link-icon svg{width:100%;height:100%}.contact__form{flex-direction:column;flex:1;gap:18px;min-width:0;display:flex}.contact__field{position:relative}.contact__label{font-family:var(--font-heading);text-align:left;margin-bottom:6px;font-size:.9rem;font-weight:700;display:block}.contact__input,.contact__textarea{width:100%;font-family:var(--font-hand);background:var(--color-card-bg);border:var(--border-comic);box-shadow:2px 2px 0 var(--color-comic-border);resize:vertical;border-radius:14px;outline:none;padding:12px 16px;font-size:1rem;transition:box-shadow .3s,border-color .3s}.contact__field--focus .contact__input,.contact__field--focus .contact__textarea{box-shadow:0 0 0 3px var(--color-focus-ring), 2px 2px 0 var(--color-comic-border);border-color:var(--color-primary)}.contact__submit{font-family:var(--font-heading);background:var(--color-primary);color:var(--color-btn-text);border:var(--border-comic);border-radius:var(--border-radius-comic);box-shadow:var(--shadow-comic);cursor:pointer;justify-content:center;align-items:center;min-height:52px;padding:14px 32px;font-size:1.05rem;font-weight:700;display:flex}.contact__submit:disabled{opacity:.7}.contact__spinner{justify-content:center;align-items:center;display:flex}.contact__spinner svg{width:22px;height:22px;color:var(--color-btn-text)}.contact__btn-content{color:var(--color-btn-text);align-items:center;gap:8px;display:flex}.contact__btn-content svg{width:18px;height:18px}.contact__success{margin-top:8px}.contact__success-bubble{background:var(--color-secondary);color:var(--color-btn-text);border:var(--border-comic);border-radius:var(--border-radius-comic);box-shadow:var(--shadow-comic);font-family:var(--font-hand);text-align:center;justify-content:center;align-items:center;gap:10px;padding:16px 24px;font-size:1.1rem;display:flex;position:relative}.contact__success-icon{flex-shrink:0;width:24px;height:24px}@media (width<=768px){.contact__layout{flex-direction:column;gap:24px}.contact__info{flex:none;width:100%}.contact__form{width:100%;min-width:0}.contact__speech{padding:18px}.contact__speech p{font-size:1rem}.contact__link{padding:8px 14px;font-size:.95rem}}@media (width<=480px){.contact__layout{gap:20px}.contact__speech{margin-bottom:16px;padding:14px}.contact__speech p{font-size:.95rem}.contact__field{width:100%}.contact__input,.contact__textarea{box-sizing:border-box;border-radius:12px;width:100%;max-width:100%;padding:12px 14px;font-size:1rem}.contact__submit{box-sizing:border-box;width:100%;min-height:50px;padding:14px 24px;font-size:1rem}.contact__label{font-size:.85rem}}.bgfx{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bgfx__star{background:var(--color-accent);box-shadow:0 0 8px var(--color-accent);border-radius:50%;position:absolute}.footer{text-align:center;border-top:var(--border-comic);background:var(--color-bg-alt);padding:40px 5%}.footer__inner{max-width:800px;margin:0 auto}.footer__text{font-family:var(--font-hand);margin-bottom:8px;font-size:1.1rem}.footer__copy{font-family:var(--font-mono);color:var(--color-dark-soft);font-size:.8rem}.back-to-top{z-index:9998;border:var(--border-comic);background:var(--color-card-bg);width:48px;height:48px;box-shadow:var(--shadow-comic);color:var(--color-dark);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;bottom:28px;right:28px}.back-to-top:hover{box-shadow:var(--shadow-comic-lg)}.back-to-top svg{width:20px;height:20px}@media (width<=480px){.back-to-top{width:42px;height:42px;bottom:18px;right:18px}}.app{min-height:100vh;position:relative}main{z-index:1;position:relative}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fef9f0;--color-bg-alt:#fff5e6;--color-primary:#ff6b6b;--color-secondary:#4ecdc4;--color-accent:#ffe66d;--color-dark:#2d3436;--color-dark-soft:#636e72;--color-comic-border:#2d3436;--color-card-bg:#fff;--color-nav-bg:#ffffffd9;--color-nav-bg-solid:#fffffff2;--color-nav-bg-mobile:#fffffff7;--color-hover-subtle:#2d34360d;--color-active-bg:#ff6b6b1a;--color-focus-ring:#ff6b6b33;--color-panel-border:#2d34361a;--color-bar-shine:#ffffff59;--color-btn-text:#fff;--color-success:#4ecdc4;--font-heading:"Baloo 2", cursive;--font-hand:"Patrick Hand", cursive;--font-mono:"SF Mono", "Cascadia Code", Consolas, monospace;--border-radius-comic:18px;--border-comic:3px solid var(--color-comic-border);--shadow-comic:4px 4px 0px var(--color-comic-border);--shadow-comic-lg:6px 6px 0px var(--color-comic-border);--transition-bounce:cubic-bezier(.68, -.55, .265, 1.55)}[data-theme=dark]{--color-bg:#0f0f1a;--color-bg-alt:#161625;--color-primary:#ff7b7b;--color-secondary:#5eddd4;--color-accent:#ffed80;--color-dark:#eaeaf2;--color-dark-soft:#a8a8c0;--color-comic-border:#c8c8e0;--color-card-bg:#1c1c32;--color-nav-bg:#16162aeb;--color-nav-bg-solid:#16162af7;--color-nav-bg-mobile:#16162af7;--color-hover-subtle:#ffffff14;--color-active-bg:#ff7b7b1f;--color-focus-ring:#ff7b7b40;--color-panel-border:#ffffff1a;--color-bar-shine:#ffffff26;--color-btn-text:#fff;--color-success:#5eddd4}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-bg)}html.theme-transition,html.theme-transition *,html.theme-transition :before,html.theme-transition :after{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s,fill .3s,stroke .3s!important}body{font-family:var(--font-heading);background-color:var(--color-bg);color:var(--color-dark);min-width:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--font-heading)}.no-custom-cursor body,.no-custom-cursor a,.no-custom-cursor button{cursor:none}img{max-width:100%;display:block}ul{list-style:none}::selection{background-color:var(--color-accent);color:var(--color-dark)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.section-padding{max-width:1200px;margin:0 auto;padding:100px 5%}.section-title{font-family:var(--font-heading);text-align:center;margin-bottom:16px;font-size:2.8rem;font-weight:800;display:inline-block;position:relative}.section-title:after{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));border-radius:3px;width:60px;height:5px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.section-subtitle{font-family:var(--font-hand);color:var(--color-dark-soft);text-align:center;margin-bottom:60px;font-size:1.2rem}@media (width<=768px){.section-padding{padding:60px 4%}.section-title{font-size:2rem}.section-subtitle{margin-bottom:40px;font-size:1.05rem}}@media (width<=480px){.section-padding{padding:50px 4%}.section-title{font-size:1.7rem}.section-subtitle{margin-bottom:32px;font-size:1rem}}