@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Gochi+Hand&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Roboto+Mono:wght@300;400;500;600&display=swap";.header{padding:1.8rem 4.8rem;background:transparent;border-bottom:none;width:100%;position:fixed;top:0;left:0;z-index:100;transition:background .6s ease,backdrop-filter .6s ease}.header.scrolled{background:#212121d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media (max-width: 768px){.header{padding:1.6rem 2rem}}.header .container{display:flex;align-items:center;justify-content:space-between;gap:2rem;max-width:1400px;margin:0 auto}.header .container .logo-wrap{position:relative;display:inline-flex;align-items:center}.header .container .logo-deco{position:absolute;top:-14px;left:-22px;width:36px;height:auto;pointer-events:none;filter:brightness(0) invert(1);opacity:.7;transform:scaleY(-1)}.header .container .logo1{font-family:Gochi Hand,sans-serif;font-size:2.4rem;background-color:transparent;padding:0;border-radius:0;color:var(--cream);font-weight:400;letter-spacing:.02em;border:none;transition:color .4s ease}.header .container .logo1:hover{background-color:transparent;cursor:pointer;color:var(--coral);border-color:transparent}.header .nav{display:flex;align-items:center;gap:1rem}.header .nav ul{display:flex;align-items:center;gap:.5rem}.header .nav ul li{font-family:Gochi Hand,sans-serif;font-size:2.2rem;background-color:transparent;padding:.8rem 1.6rem;border-radius:0;color:var(--cream);font-weight:400;letter-spacing:.01em;transition:color .4s ease;border-bottom:none}.header .nav ul li:hover{background-color:transparent;cursor:pointer;color:var(--coral);border-bottom-color:transparent}.header .nav ul li a,.header .nav ul li .react-scroll-link{text-decoration:none;color:inherit;display:block}.header .nav .btns-groups{display:flex;align-items:center;gap:1rem;margin-left:.5rem}.header .nav .btns-groups button{font-family:Gochi Hand,sans-serif;font-size:2rem;color:var(--dark);background-color:var(--coral);border:none;border-radius:100px;padding:1rem 2.4rem;font-weight:400;letter-spacing:.02em;transition:transform .4s ease,box-shadow .4s ease}.header .nav .btns-groups button:hover{background-color:var(--coral);color:var(--dark);transform:translateY(-2px);box-shadow:0 8px 24px #e3534259}.hamburger{display:none;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;background-color:transparent;border-radius:100px;gap:5px;padding:4px 6px;z-index:9999;border:1.5px solid rgba(242,227,207,.3);transition:all .5s ease;touch-action:manipulation;flex-shrink:0}.hamburger:hover{border-color:var(--coral)}.hamburger span{display:inline-block;width:100%;height:2px;background-color:var(--cream);border-radius:2px;transition:all .7s ease-in-out;transform-origin:10px 2px}.hamburger.active span:first-child{rotate:405deg}.hamburger.active span:nth-child(2){display:none}.hamburger.active span:last-child{rotate:-405deg}@media (max-width: 999px){.header .container{position:static}.header .hamburger{display:flex}.nav{z-index:999;position:absolute;top:-600px;left:1rem;right:1rem;flex-direction:column;align-items:stretch;padding:1rem 2rem 2rem;transition:top .65s cubic-bezier(.4,0,.2,1);background:#212121f7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(242,227,207,.12);border-radius:16px;margin-top:.6rem;box-shadow:0 16px 48px #00000059}.nav ul{position:static;flex-direction:column;width:100%;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;padding:0;margin-top:0}.nav ul li{width:100%;padding:1.6rem 1rem!important;border-bottom:1px solid rgba(242,227,207,.08)}.nav ul li:last-child{border-bottom:none}.nav .btns-groups{margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid rgba(242,227,207,.1)}.nav .btns-groups button{width:100%;text-align:center;padding:1.4rem 2.4rem!important}.nav.active{top:100%}}@media (max-width: 469px){.header{padding:1.4rem 1.5rem}.header .container{gap:1rem}.header .container .logo1{font-size:2rem}.nav{left:1.5rem;right:1.5rem}}.hero{padding:0;width:100%;background:var(--dark)}html:not(.dark) .hero{background:var(--dark)}.hero .container{width:100%;min-height:100vh;min-height:100svh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--dark);border-radius:0;border:none}.hero .container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 55% at 96% 2%,rgba(227,83,66,.12) 0%,transparent 56%),radial-gradient(ellipse 48% 44% at 4% 98%,rgba(227,83,66,.06) 0%,transparent 54%);pointer-events:none;z-index:0}.hero .container .hero-content{position:relative;z-index:1;width:100%;max-width:1400px;margin:0 auto;padding:14rem 4.8rem 8rem;display:grid;grid-template-columns:1fr;gap:4rem;align-items:start;justify-items:start}.hero .container .text{min-width:0;max-width:100%;display:flex;flex-direction:column;gap:2.4rem;grid-column:1}.hero .container .text .hero-label-row{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}.hero .container .text .hero-sketch-deco{display:inline-flex;align-items:center;gap:1rem;color:#ffffff6b}@media (max-width: 768px){.hero .container .text .hero-sketch-deco{display:none}}.hero .container .text .hero-label{font-family:Gochi Hand,sans-serif;font-size:1.5rem;font-weight:400;color:var(--cream);opacity:.55;letter-spacing:.04em;text-transform:none;margin:0}.hero .container .text h1{font-family:Gochi Hand,sans-serif;font-size:clamp(5.5rem,9vw,10rem);line-height:1;font-weight:400;letter-spacing:.01em;color:var(--cream);margin:0;text-transform:none;position:relative;width:fit-content}.hero .container .text h1:after{display:none}.hero .container .text h1 span{display:block}.hero .container .text h1 .hero-ai{color:var(--cream);cursor:pointer;width:fit-content;animation:aiGlow 5s linear infinite;transition:transform .15s ease;-webkit-user-select:none;user-select:none}.hero .container .text h1 .hero-ai:hover{transform:scale(1.04)}.hero .container .text h1 .hero-ai:active{transform:scale(.96)}.hero .container .text p{font-family:DM Sans,sans-serif;font-size:1.8rem;max-width:60ch;color:#f2e3cf9e;font-weight:400;line-height:1.7}.hero .container .text .hero-actions{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap;margin-top:.8rem}.hero .container .text .hero-btn{display:inline-flex;align-items:center;gap:.8rem;padding:1.5rem 3.6rem;font-family:Gochi Hand,sans-serif;font-size:2rem;font-weight:400;letter-spacing:.02em;text-transform:none;border-radius:100px;cursor:pointer;text-decoration:none;transition:all .25s ease;white-space:nowrap}.hero .container .text .hero-btn--primary{background:var(--coral);color:var(--dark);border:none}.hero .container .text .hero-btn--primary .sketch-icon{color:var(--dark)}.hero .container .text .hero-btn--primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #e3534266}.hero .container .text .hero-btn--secondary{background:transparent;color:var(--cream);border:1.5px solid rgba(242,227,207,.3)}.hero .container .text .hero-btn--secondary:hover{border-color:var(--cream);background:#f2e3cf0f}.hero .container .text .hero-status{display:inline-flex;align-items:center;gap:.9rem;font-family:DM Sans,sans-serif;font-size:1.25rem;text-transform:uppercase;letter-spacing:.16em;color:#f2e3cf6b}.hero .container .text .hero-status .hero-status-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:availPulse 2s ease-in-out infinite}.hero .container .text-desc{display:flex;align-items:center;gap:2rem;max-width:100%}.hero .container .text .typing-effect-static{font-family:Gochi Hand,sans-serif;font-size:1.9rem;color:#f2e3cfb8;letter-spacing:.02em;line-height:1.5}.hero .container .text .typing-effect{display:inline;font-family:Gochi Hand,sans-serif;font-size:1em;color:#f2e3cfb8;letter-spacing:.02em;animation:phraseIn 3.95s ease-out forwards}.hero .container .text .highlight{color:var(--coral);font-weight:500}.hero .container .text .hero-section-num{font-family:Roboto Mono,monospace;font-size:1rem;font-weight:500;color:var(--coral);letter-spacing:.12em;opacity:.7;border:1px solid rgba(227,83,66,.35);border-radius:4px;padding:.2rem .6rem;line-height:1}.hero .container .text .hero-stats{display:flex;align-items:center;gap:2.4rem;padding-top:2.4rem;margin-top:.4rem;border-top:1px solid rgba(242,227,207,.1);flex-wrap:wrap}.hero .container .text .hero-stats .hero-stat{display:flex;flex-direction:column;gap:.35rem}.hero .container .text .hero-stats .hero-stat-val{font-family:Gochi Hand,sans-serif;font-size:3.2rem;font-weight:400;color:var(--cream);line-height:1;letter-spacing:.01em}.hero .container .text .hero-stats .hero-stat-key{font-family:Gochi Hand,sans-serif;font-size:1.15rem;letter-spacing:.03em;text-transform:none;color:#f2e3cf61;font-weight:400}.hero .container .text .hero-stats .hero-stat-sep{width:1px;height:3.2rem;background:#f2e3cf1a;flex-shrink:0;align-self:center}@media (max-width: 480px){.hero .container .text .hero-stats{gap:1.6rem}.hero .container .text .hero-stats .hero-stat-val{font-size:2.4rem}.hero .container .text .hero-stats .hero-stat-key{font-size:.95rem}}.hero .container .showcase{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;grid-column:1;gap:0;position:relative}.hero .container .showcase:before{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(ellipse,rgba(227,83,66,.18) 0%,rgba(227,83,66,.06) 45%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0;border-radius:50%}.hero .container .showcase .embedded-chatbot{position:relative;z-index:1}.hero .container .hero-computer-doodle{position:absolute;bottom:10%;left:1.5%;width:110px;height:auto;opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;transform:rotate(-6deg)}@media (max-width: 768px){.hero .container .hero-computer-doodle{width:82px}}@media (max-width: 480px){.hero .container .hero-computer-doodle{width:64px;bottom:6%}}@media (max-width: 360px){.hero .container .hero-computer-doodle{display:none}}.hero .container .hero-bird-doodle{position:absolute;top:15%;left:3%;width:110px;height:auto;opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;transform:scaleX(-1) rotate(-8deg)}@media (max-width: 768px){.hero .container .hero-bird-doodle{width:80px;top:5%;left:2%}}@media (max-width: 480px){.hero .container .hero-bird-doodle{width:64px}}@media (max-width: 360px){.hero .container .hero-bird-doodle{display:none}}.hero .container .hero-map-doodle{position:absolute;top:16%;right:3%;width:110px;height:auto;opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;transform:rotate(10deg)}@media (max-width: 768px){.hero .container .hero-map-doodle{width:80px;top:5%;right:2%}}@media (max-width: 480px){.hero .container .hero-map-doodle{width:64px}}@media (max-width: 360px){.hero .container .hero-map-doodle{display:none}}.hero .container .hero-scroll{position:absolute;bottom:3.2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.8rem;z-index:2;pointer-events:none}.hero .container .hero-scroll .hero-scroll-label{font-family:DM Sans,sans-serif;font-size:.95rem;letter-spacing:.22em;text-transform:uppercase;color:#f2e3cf47;font-weight:500}.hero .container .hero-scroll .hero-scroll-track{width:1.5px;height:4.4rem;background:#f2e3cf1a;border-radius:2px;overflow:hidden;position:relative}.hero .container .hero-scroll .hero-scroll-thumb{position:absolute;top:0;left:0;width:100%;height:45%;background:var(--coral);border-radius:2px;animation:scrollThumb 2.2s cubic-bezier(.4,0,.6,1) infinite}@media (max-width: 768px){.hero .container .hero-scroll{display:none}}@keyframes scrollThumb{0%{transform:translateY(-100%);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(240%);opacity:0}}.hero .container .hero-doodle,.hero .container .hero-bird-doodle,.hero .container .hero-computer-doodle,.hero .container .hero-map-doodle{filter:none;opacity:.68}.hero .container .hero-doodle{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;object-fit:contain;border-radius:0;box-shadow:none;height:auto}.hero .container .hero-doodle--3{width:80px;bottom:18%;right:1.2%;transform:rotate(-5deg)}@media (min-width: 1281px){.hero .container .hero-content{grid-template-columns:minmax(0,1fr) 520px;gap:2.5rem;align-items:center;justify-items:stretch;padding:14rem 4.8rem 8rem;max-width:1400px}.hero .container .text{grid-column:1;max-width:100%}.hero .container .showcase{grid-column:2;justify-content:center;align-items:center;flex-direction:column;align-self:flex-start;margin-top:-1rem;position:relative}.hero .showcase .embedded-chatbot{width:410px;max-width:100%;flex-shrink:0;align-self:center}}@keyframes phraseIn{0%{opacity:0;transform:translateY(7px)}12%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}@media (max-width: 1280px){.hero .container .hero-content{grid-template-columns:1fr;align-items:center;justify-items:center;gap:3rem;padding:13rem 4rem 7rem}.hero .container .text{max-width:100%;align-items:center;text-align:center}.hero .container .text .hero-label-row{justify-content:center;width:100%}.hero .container .text h1:after{left:50%;transform:translate(-50%)}.hero .container .text-desc,.hero .container .text .hero-actions,.hero .container .text .hero-status{justify-content:center}.hero .container .showcase{width:100%;max-width:480px;justify-content:center;align-items:center}.hero .container .hero-doodle{display:none}}@media (max-width: 768px){.hero .container{min-height:100vh;min-height:100svh}.hero .container .hero-content{padding:10rem 2.4rem 5rem}.hero .container .text{gap:1.6rem;align-items:center;text-align:center}.hero .container .text h1{font-size:clamp(3.8rem,9.5vw,6rem)}.hero .container .text h1 .hero-ai{display:inline}.hero .container .text h1 span:not(.hero-ai){font-size:.85em}.hero .container .text p{font-size:1.5rem;max-width:36ch}.hero .container .text .hero-label{font-size:1.3rem}.hero .container .text-desc{flex-direction:column;align-items:center;width:100%}.hero .container .text .typing-effect{font-size:1.7rem}.hero .container .text .hero-actions{justify-content:center;flex-direction:column;width:100%}.hero .container .text .hero-actions .hero-btn{justify-content:center;width:100%;max-width:300px;padding:1.4rem 2.8rem;font-size:1.8rem}.hero .container .text .hero-status{justify-content:center;font-size:1.2rem}.hero .container .showcase{width:100%;max-width:100%;justify-content:center;align-items:center;margin-top:0}}@media (max-width: 640px){.hero .container .hero-content{padding:10rem 1.8rem 5rem;gap:2.5rem}.hero .container .showcase{width:100%;max-width:100%;justify-content:center;align-items:center}}@keyframes aiGlow{0%{text-shadow:0 -2px 4px rgb(82,212,255),2px 0 4px rgba(144,96,240,.9),0 2px 4px rgba(255,96,48,.9),-2px 0 4px rgba(82,212,255,.8),0 0 14px rgba(82,212,255,.25),0 0 22px rgba(144,96,240,.18),0 0 34px rgba(255,96,48,.12)}33%{text-shadow:0 -2px 4px rgb(144,96,240),2px 0 4px rgba(255,96,48,.9),0 2px 4px rgba(82,212,255,.9),-2px 0 4px rgba(144,96,240,.8),0 0 14px rgba(144,96,240,.25),0 0 22px rgba(255,96,48,.18),0 0 34px rgba(82,212,255,.12)}66%{text-shadow:0 -2px 4px rgb(255,96,48),2px 0 4px rgba(82,212,255,.9),0 2px 4px rgba(144,96,240,.9),-2px 0 4px rgba(255,96,48,.8),0 0 14px rgba(255,96,48,.25),0 0 22px rgba(82,212,255,.18),0 0 34px rgba(144,96,240,.12)}to{text-shadow:0 -2px 4px rgb(82,212,255),2px 0 4px rgba(144,96,240,.9),0 2px 4px rgba(255,96,48,.9),-2px 0 4px rgba(82,212,255,.8),0 0 14px rgba(82,212,255,.25),0 0 22px rgba(144,96,240,.18),0 0 34px rgba(255,96,48,.12)}}@keyframes crackerBurst{0%{transform:translate(-50%,-50%) translate(0) scale(1);opacity:1}70%{opacity:.7}to{transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) scale(0);opacity:0}}.cracker-particle{position:fixed;pointer-events:none;z-index:99999;border-radius:var(--radius);animation:crackerBurst .72s cubic-bezier(.22,.61,.36,1) forwards}@media (max-width: 480px){.hero .container .hero-content{padding:9.5rem 1.8rem 4rem}.hero .container .text h1{font-size:clamp(3.4rem,9vw,5rem)}.hero .container .text p{font-size:1.4rem}}@media (max-width: 360px){.hero .container .hero-content{padding:9rem 1.4rem 3.5rem}.hero .container .text{gap:1.2rem}.hero .container .text h1{font-size:clamp(3rem,8.5vw,4.5rem)}.hero .container .text .hero-actions .hero-btn{font-size:1.7rem;padding:1.2rem 2.4rem}}.embedded-chatbot{position:relative;align-self:center;flex-shrink:0;width:100%;max-width:410px;filter:drop-shadow(0 32px 56px rgba(0,0,0,.28));display:flex;justify-content:center;align-items:flex-start}@keyframes spideyBubbleIn{0%{opacity:0;transform:scale(.82) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spideyBounce{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-6px);opacity:1}}@keyframes spideyFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spideyChipIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media (max-width: 900px){.embedded-chatbot{max-width:100%}}@media (max-width: 768px){.embedded-chatbot{filter:drop-shadow(0 16px 32px rgba(0,0,0,.22))}}@media (max-width: 480px){.embedded-chatbot{transform:scale(.85);transform-origin:top center;margin-bottom:-4rem}}@media (max-width: 360px){.embedded-chatbot{transform:scale(.75);margin-bottom:-6rem}}.chat-pointer{position:absolute;top:0;left:-300px;z-index:5;pointer-events:none;padding:6px}.speech-bubble{position:relative;display:flex;align-items:center;justify-content:center;width:220px;height:150px;border-radius:50%;background:transparent;border:2px solid rgba(242,227,207,.55);transform:rotate(-2deg);text-align:center}.speech-bubble .bubble-text{display:block;font-family:Gochi Hand,cursive;font-size:1.35rem;color:#f2e3cfe0;line-height:1.42;font-weight:400;letter-spacing:.01em;transform:rotate(2deg);padding:0 14px;min-height:3.5em}.speech-bubble .accent{color:var(--coral);font-family:Gochi Hand,cursive}.speech-bubble .typewriter-cursor{display:inline;color:var(--coral);font-weight:300;animation:cursorBlink .65s step-end infinite;margin-left:1px}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.speech-bubble .bubble-tail-img{position:absolute;bottom:-80px;right:-60px;width:150px;height:auto;filter:invert(1) sepia(.2) saturate(1.8) hue-rotate(340deg) brightness(.96);mix-blend-mode:lighten;opacity:.9;transform:rotate(15deg)}@media (max-width: 1280px){.chat-pointer{display:none}}.About{padding:0;display:flex;flex-direction:column;gap:0;background:var(--dark)}html:not(.dark) .About{background:var(--dark)}.About .image:hover img{filter:grayscale(0%);transform:scale(1.05)}.About .image img{filter:grayscale(20%);transition:all .5s cubic-bezier(.4,0,.2,1)}.About .container{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:3.5rem}@media (max-width: 900px){.About .container{grid-template-columns:1fr;gap:2rem}.About .container .image{height:420px!important;min-height:420px}.About .container .text{min-height:auto;padding:2.8rem!important}}@media (max-width: 768px){.About .container{gap:1.5rem}.About .container .image{height:380px!important;min-height:380px}.About .container .text{padding:2.4rem!important}}@media (max-width: 480px){.About .container .image{height:300px!important;min-height:300px}.About .container .text{padding:2rem!important}}.About .container .image{width:100%;height:100%;min-height:600px;border-radius:20px;overflow:hidden;border:none;transition:transform .3s ease;background:#f2e3cf0d}.About .container .image:hover{transform:translateY(-4px)}.About .container .image img{width:100%;height:100%;object-fit:cover;object-position:center}.About .container h1{line-height:1.2;padding-bottom:2rem;font-family:"Awesome Serif",serif;font-size:4rem;text-transform:none;font-weight:700;letter-spacing:-.02em;color:var(--cream)}.About .container h1:after{display:none}@media (max-width: 768px){.About .container h1{font-size:2.8rem}}@media (max-width: 480px){.About .container h1{font-size:2.4rem}}.About .container .text{background-color:#141414eb;padding:3.2rem;border-radius:20px;border:1px solid rgba(242,227,207,.1);display:flex;flex-direction:column;justify-content:flex-start;transition:all .3s ease;height:100%;min-height:600px}.About .container .text:hover{border-color:#e3534240;background-color:#161616f5}.About .container .text-details{display:flex;flex-direction:column;gap:2.4rem;height:100%}.skills-section{display:flex;flex-direction:column;gap:4rem;padding:8rem 4.8rem;position:relative;overflow:hidden;background:var(--cream)}.skills-section:before{content:"STACK";position:absolute;top:4rem;right:-1rem;font-family:"Awesome Serif",serif;font-size:clamp(8rem,16vw,18rem);font-weight:700;letter-spacing:-.04em;color:var(--dark);opacity:.03;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}@media (max-width: 900px){.skills-section{padding:6rem 3rem;gap:3rem}}@media (max-width: 768px){.skills-section{padding:6rem 2rem}}@media (max-width: 480px){.skills-section{padding:5rem 1.5rem;gap:2.5rem}}@media (max-width: 360px){.skills-section{padding:4rem 1.2rem}}.section-num-badge{font-family:Roboto Mono,monospace;font-size:1rem;border:1px solid rgba(227,83,66,.4);border-radius:4px;padding:.15rem .55rem;letter-spacing:.06em;color:var(--coral);opacity:.8;display:inline-block;margin-right:.5rem}.skills-header{display:flex;flex-direction:column;gap:.8rem;max-width:1400px;margin:0 auto;width:100%}.skills-header .skills-eyebrow{font-family:DM Sans,sans-serif;font-size:1.25rem;letter-spacing:.22em;color:var(--coral);text-transform:uppercase;font-weight:500;display:flex;align-items:center;gap:.5rem}.skills-header .skills-title{font-family:"Awesome Serif",serif;font-size:5.6rem;text-transform:none;font-weight:700;letter-spacing:-.02em;color:var(--dark);margin:0;line-height:1}@media (max-width: 768px){.skills-header .skills-title{font-size:3.4rem}}@media (max-width: 480px){.skills-header .skills-title{font-size:2.8rem}}.skills-container{max-width:1400px;margin:0 auto;width:100%;align-items:stretch}.skills-container .text{min-height:auto!important}.skills-container .skills-image-wrap{position:relative;isolation:isolate}.skills-container .skills-image-overlay{position:absolute;left:2rem;right:2rem;bottom:2rem;z-index:2;background:linear-gradient(145deg,#f2e3cfeb,#f2e3cfb8);border:1px solid rgba(33,33,33,.1);border-radius:14px;padding:1.6rem 2rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.skills-container .skills-image-overlay p{margin:1rem 0 0;color:#212121b3;font-size:1.3rem;line-height:1.65;font-family:DM Sans,sans-serif;font-weight:400}.skills-container .skills-image-badge{display:inline-flex;align-items:center;font-family:DM Sans,sans-serif;font-size:1rem;text-transform:uppercase;letter-spacing:.14em;color:var(--dark);background:var(--coral);padding:.5rem 1rem;border-radius:100px;font-weight:600}.skills-container .skills-orb{position:absolute;width:170px;height:170px;border-radius:50%;filter:blur(44px);pointer-events:none;z-index:1}.skills-container .skills-orb-one{top:-30px;right:-10px;background:#e3534238}.skills-container .skills-orb-two{bottom:-35px;left:-20px;background:#e3534224}.skills-rows{display:flex;flex-direction:column;gap:0;width:100%}.skill-row{display:flex;flex-direction:column;gap:1.2rem;padding:2rem 0;border-bottom:1px solid rgba(242,227,207,.08)}.skill-row:first-child{padding-top:.4rem}.skill-row:last-child{padding-bottom:0;border-bottom:none}.skill-row-head{display:flex;align-items:center;gap:.8rem}.skill-row-symbol{font-size:1.15rem;color:var(--coral);flex-shrink:0;line-height:1}.skill-row-label{font-family:DM Sans,sans-serif;font-size:1.1rem;letter-spacing:.16em;text-transform:uppercase;color:#f2e3cf8c;font-weight:500;white-space:nowrap}.skill-row-rule{flex:1;height:1px;background:#f2e3cf1a;display:block}.skill-row .skill-chips,.skill-chips{display:flex;flex-wrap:wrap;gap:.7rem;align-items:flex-start}.skill-chip{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.4rem .7rem 1rem;border-radius:100px;background:#f2e3cf0a;border:1px solid rgba(242,227,207,.13);font-family:Roboto Mono,DM Mono,monospace;font-size:1.2rem;color:#f2e3cfbf;font-weight:400;transition:all .2s ease;cursor:default}.skill-chip:hover{border-color:#e3534280;background:#e3534212;color:var(--cream);transform:translateY(-2px)}.skill-chip .skill-chip-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0}.skill-chip .skill-chip-initial{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-size:1rem;font-weight:700;flex-shrink:0;font-family:DM Sans,sans-serif;background:#f2e3cf14}.exp-section{padding:5rem 4.8rem 8rem;background:var(--dark);margin-top:-2px;position:relative;overflow:hidden}.exp-section:before{content:"EXP";position:absolute;bottom:2rem;right:-1rem;font-family:"Awesome Serif",serif;font-size:clamp(10rem,18vw,22rem);font-weight:700;letter-spacing:-.04em;color:var(--cream);opacity:.025;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}html:not(.dark) .exp-section{background:var(--dark)}@media (max-width: 900px){.exp-section{padding:4rem 3rem 6rem}}@media (max-width: 768px){.exp-section{padding:4rem 2rem 6rem}}@media (max-width: 480px){.exp-section{padding:3rem 1.5rem 5rem}}@media (max-width: 360px){.exp-section{padding:3rem 1.2rem 4rem}}.exp-header{display:flex;flex-direction:column;gap:.8rem;margin-bottom:5rem;max-width:1400px;margin-left:auto;margin-right:auto}.exp-header .exp-eyebrow{font-family:DM Sans,sans-serif;font-size:1.25rem;letter-spacing:.22em;color:var(--coral);text-transform:uppercase;font-weight:500;display:flex;align-items:center;gap:.5rem}.exp-header .exp-title{font-family:"Awesome Serif",serif;font-size:5.6rem;text-transform:none;font-weight:700;letter-spacing:-.02em;color:var(--cream);margin:0;line-height:1}@media (max-width: 768px){.exp-header .exp-title{font-size:3.4rem}}@media (max-width: 480px){.exp-header .exp-title{font-size:2.8rem}}.exp-timeline{position:relative;display:flex;flex-direction:column;gap:0;padding-left:12rem;max-width:1400px;margin:0 auto}@media (max-width: 768px){.exp-timeline{padding-left:7rem}}@media (max-width: 480px){.exp-timeline{padding-left:5.5rem}}.exp-vline{position:absolute;left:calc(10.2rem + 7px);top:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--coral) 0%,rgba(242,227,207,.15) 30%,rgba(242,227,207,.15) 70%,transparent 100%)}@media (max-width: 768px){.exp-vline{left:calc(5.2rem + 7px)}}@media (max-width: 480px){.exp-vline{left:calc(4rem + 7px)}}.exp-entry{position:relative;padding:0 0 4rem 3rem;display:flex;flex-direction:column}.exp-entry:last-child{padding-bottom:0}.exp-entry--link{cursor:pointer}@media (max-width: 480px){.exp-entry{padding-left:2rem}}.exp-year{position:absolute;left:-12rem;top:.2rem;font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:500;color:#f2e3cf61;letter-spacing:.08em;text-align:right;width:10rem}@media (max-width: 768px){.exp-year{left:-7rem;width:5.5rem;font-size:1rem}}@media (max-width: 480px){.exp-year{display:none}}.exp-dot{position:absolute;left:-1.8rem;top:.3rem;width:14px;height:14px;border-radius:50%;background:var(--dark);border:2px solid rgba(242,227,207,.2);transition:border-color .3s ease;z-index:2}@media (max-width: 480px){.exp-dot{left:-1.5rem}}.exp-entry.exp-current .exp-dot{border-color:var(--coral);background:var(--coral)}.exp-dot-pulse{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:1.5px solid var(--coral);border-radius:50%;animation:expPulse 2s ease-out infinite}@keyframes expPulse{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}}.exp-card{background:#f2e3cf0a;border:1px solid rgba(242,227,207,.1);border-radius:20px;padding:2.8rem 3rem;position:relative;overflow:hidden;transition:all .3s ease}.exp-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#f2e3cf1a;transition:background .3s ease;border-radius:3px 0 0 3px}.exp-card:hover{border-color:#f2e3cf33;background:#f2e3cf12;transform:translateY(-3px);box-shadow:0 16px 48px #00000040}.exp-card:hover:before{background:var(--coral)}.exp-entry.exp-current .exp-card:before{background:var(--coral)}@media (max-width: 480px){.exp-card{padding:2rem 1.8rem}}.exp-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:1.8rem}@media (max-width: 560px){.exp-card-top{flex-direction:column-reverse;gap:1.5rem}}.exp-card-info{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.exp-badge-current{display:inline-flex;align-items:center;gap:.5rem;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--dark);background:var(--coral);padding:.4rem 1rem;border-radius:100px;width:fit-content;margin-bottom:.4rem}.blinking-dot-green{width:6px;height:6px;background:var(--dark);border-radius:50%;animation:blink 1.5s ease-in-out infinite;display:inline-block;flex-shrink:0}.exp-role{font-family:"Awesome Serif",serif;font-size:2.4rem;font-weight:600;text-transform:none;letter-spacing:-.01em;color:var(--cream);margin:0;line-height:1.2}@media (max-width: 480px){.exp-role{font-size:2rem}}.exp-company-row{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-top:.2rem}.exp-company-row .exp-company{font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:600;color:var(--coral);letter-spacing:.02em}.exp-company-row .exp-sep{color:#f2e3cf4d;font-size:1.3rem}.exp-company-row .exp-date{font-family:DM Sans,sans-serif;font-size:1.3rem;color:#f2e3cf66;font-weight:400;letter-spacing:.04em}.exp-location{font-family:DM Sans,sans-serif;font-size:1.25rem;color:#f2e3cf66;font-weight:300;margin-top:.2rem}.exp-logo-wrap{flex-shrink:0;width:68px;height:68px;border:1px solid rgba(242,227,207,.12);border-radius:14px;padding:10px;background:#f2e3cf0a;display:flex;align-items:center;justify-content:center;transition:border-color .3s ease}.exp-card:hover .exp-logo-wrap{border-color:#f2e3cf40}@media (max-width: 560px){.exp-logo-wrap{width:56px;height:56px;padding:8px}}.exp-logo{width:100%;height:100%;object-fit:contain;filter:invert(1);opacity:.8;transition:opacity .3s ease}.exp-card:hover .exp-logo{opacity:1}.exp-desc{font-family:DM Sans,sans-serif;font-size:1.5rem;line-height:1.75;color:#f2e3cf8c;margin:0;font-weight:400}@media (max-width: 480px){.exp-desc{font-size:1.4rem}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.projects{margin-top:0;padding:8rem 4.8rem;position:relative;width:100%;background:var(--cream);overflow:hidden}html.dark .projects{background:var(--cream)}html:not(.dark) .projects{background:var(--cream)}.projects:before{display:none}.projects .projects-inner{position:relative;z-index:1;width:100%;max-width:1400px;margin:0 auto}@media (max-width: 900px){.projects{padding:6rem 3rem}}@media (max-width: 768px){.projects{padding:6rem 2rem}}@media (max-width: 480px){.projects{padding:5rem 1.5rem}}@media (max-width: 360px){.projects{padding:4rem 1.2rem}}.projects-header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:4rem}.projects-header .projects-header-left{display:flex;flex-direction:column;gap:.8rem}.projects-header .section-eyebrow{font-family:DM Sans,sans-serif;font-size:1.25rem;letter-spacing:.22em;color:var(--coral);text-transform:uppercase;font-weight:500;display:flex;align-items:center;gap:1rem}.projects-header .section-num{font-family:Roboto Mono,monospace;font-size:1rem;border:1px solid rgba(227,83,66,.4);border-radius:4px;padding:.15rem .55rem;letter-spacing:.06em;color:var(--coral);opacity:.8}.projects-header .projects-title{font-family:"Awesome Serif",serif;font-size:5.6rem;text-transform:none;font-weight:700;letter-spacing:-.02em;color:var(--black-text);margin:0;line-height:1;position:relative}.projects-header .projects-title-deco{position:absolute;right:-1rem;top:50%;transform:translateY(-50%);font-family:"Awesome Serif",serif;font-size:14rem;font-weight:700;color:var(--black-text);opacity:.04;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}@media (max-width: 768px){.projects-header{flex-direction:column;align-items:flex-start;margin-bottom:3rem}.projects-header .projects-title{font-size:3.4rem}.projects-header .projects-title-deco{font-size:9rem}}@media (max-width: 480px){.projects-header .projects-title{font-size:2.8rem}.projects-header .projects-title-deco{display:none}}.pinboard{background:#171717;border-radius:28px;padding:4.5rem 3.8rem 5rem;position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:3.5rem 2.2rem;isolation:isolate}.pinboard-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:0}.note-card{position:relative;z-index:1;display:flex;flex-direction:column;text-decoration:none;border-radius:3px 3px 5px 5px;box-shadow:4px 8px 28px #0000008c,0 2px 6px #0000004d,inset 0 1px #ffffff80;transition:transform .32s cubic-bezier(.34,1.56,.64,1),box-shadow .32s ease,z-index 0s;overflow:visible}.note-card:hover{transform:translateY(-12px) rotate(0)!important;box-shadow:0 28px 72px #000000b3,0 8px 20px #0006;z-index:20}.note-card:hover .note-img img{transform:scale(1.06)}.note-card:hover .note-arrow{opacity:1;transform:translate(2px,-2px)}.note-card:nth-child(2){transform:rotate(-3.8deg)}.note-card:nth-child(3){transform:rotate(2.6deg) translateY(-8px);align-self:start}.note-card:nth-child(4){transform:rotate(-1.6deg) translateY(6px)}.note-card:nth-child(5){transform:rotate(3.4deg);grid-column:2}.note-card:nth-child(6){transform:rotate(-2.2deg) translateY(-4px)}.note-wide{grid-column:span 2;transform:rotate(-1.4deg) translateY(4px)}.note-wide .note-img{aspect-ratio:16/8}.note-wide .note-title{font-size:3.2rem}.note-lined{background-color:#fef9f0;background-image:linear-gradient(rgba(63,114,175,.22) 1px,transparent 1px),linear-gradient(to right,rgba(210,65,45,.35) 1.5px,transparent 1.5px);background-size:100% 28px,46px 100%;background-position:0 46px,46px 0}.note-grid{background-color:#f0ede5;background-image:linear-gradient(rgba(120,120,120,.16) 1px,transparent 1px),linear-gradient(to right,rgba(120,120,120,.16) 1px,transparent 1px);background-size:20px 20px}.note-plain{background-color:#f2e3cf}.torn-svg{position:absolute;top:0;left:0;width:100%;height:22px;display:block;z-index:3;pointer-events:none}.note-img{margin:22px 1.5rem 0;aspect-ratio:16/10;overflow:hidden;border:3px solid rgba(255,255,255,.85);box-shadow:1px 2px 10px #0000002e;background:#d0ccc8;flex-shrink:0}.note-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.4,0,.2,1)}.note-body{padding:1.4rem 1.6rem .6rem;flex:1}.note-badges{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-bottom:.75rem}.note-tag{font-family:Roboto Mono,monospace;font-size:.82rem;color:#17171773;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.note-live{display:flex;align-items:center;gap:.4rem;font-family:Roboto Mono,monospace;font-size:.76rem;color:#fff;background:var(--coral);font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.22rem .7rem;border-radius:100px;box-shadow:0 0 10px #e3534280,0 0 24px #e3534240}.note-dot{width:5px;height:5px;background:#fff;border-radius:50%;display:inline-block;animation:noteBlink 1.5s ease-in-out infinite}@keyframes noteBlink{0%,50%{opacity:1}51%,to{opacity:.3}}.note-title{font-family:Gochi Hand,cursive;font-size:2.5rem;color:#171717;margin:0 0 .5rem;line-height:1.1;letter-spacing:.01em}.note-desc{font-family:DM Sans,sans-serif;font-size:1.22rem;color:#17171799;margin:0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-footer{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.6rem 1.5rem}.note-num{font-family:Roboto Mono,monospace;font-size:.86rem;font-weight:600;color:#17171740;letter-spacing:.08em}.note-arrow{display:inline-flex;line-height:0;color:var(--coral);opacity:.65;transition:opacity .25s ease,transform .25s ease}.note-stats{display:flex;align-items:stretch;gap:0;margin:.2rem 0;border-top:1px solid rgba(23,23,23,.1);padding-top:1rem}.note-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem;flex:1}.note-stat+.note-stat{border-left:1px solid rgba(23,23,23,.1)}.ns-val{font-family:"Awesome Serif",serif;font-size:2rem;font-weight:700;color:#171717;line-height:1;letter-spacing:-.02em}.ns-label{font-family:Roboto Mono,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#17171773;font-weight:500}@media (max-width: 1080px){.pinboard{gap:3rem 1.8rem;padding:4rem 3rem 4.5rem}.note-title{font-size:2.2rem}.note-wide .note-title{font-size:2.8rem}}@media (max-width: 860px){.pinboard{grid-template-columns:repeat(2,1fr);gap:3rem 1.6rem;padding:3.5rem 2.4rem 4rem}.note-wide{grid-column:span 2;transform:rotate(-1deg)!important}.note-card:nth-child(5){grid-column:auto}.note-card:nth-child(6){grid-column:auto}}@media (max-width: 580px){.pinboard{grid-template-columns:1fr;gap:3rem 0;padding:3rem 1.8rem 3.5rem;border-radius:20px}.note-card{transform:rotate(0)!important}.note-wide{grid-column:span 1}.note-wide .note-img{aspect-ratio:16/10}.note-wide .note-title{font-size:2.4rem}.note-card:nth-child(n){transform:none!important}}@media (max-width: 400px){.pinboard{padding:2.4rem 1.4rem 3rem}.note-title{font-size:2rem}.note-body{padding:1.2rem 1.2rem .4rem}.note-footer{padding:.6rem 1.2rem 1.2rem}.note-img{margin:22px 1.2rem 0}}.Contact{padding:10rem 4.8rem 0;display:flex;flex-direction:column;gap:0;background:var(--dark);font-family:DM Sans,sans-serif}html:not(.dark) .Contact{background:var(--dark)}@media (max-width: 900px){.Contact{padding:8rem 3rem 0}}@media (max-width: 768px){.Contact{padding:7rem 2rem 0}}@media (max-width: 480px){.Contact{padding:6rem 1.5rem 0}}@media (max-width: 360px){.Contact{padding:5rem 1.2rem 0}}.contact-main{display:grid;grid-template-columns:1fr 1.1fr;gap:0;padding-bottom:6rem;border-bottom:1px solid rgba(242,227,207,.1);align-items:center;max-width:1400px;margin:0 auto;width:100%}.contact-main .contact-info{padding-right:8rem;border-right:1px solid rgba(242,227,207,.1)}.contact-main .contact-form{padding-left:8rem}@media (max-width: 1100px){.contact-main .contact-info{padding-right:5rem}.contact-main .contact-form{padding-left:5rem}}@media (max-width: 900px){.contact-main{grid-template-columns:1fr}.contact-main .contact-info{padding-right:0;border-right:none;border-bottom:1px solid rgba(242,227,207,.1);padding-bottom:4rem}.contact-main .contact-form{padding-left:0;padding-top:4rem}}@media (max-width: 560px){.contact-main{padding-bottom:4rem}.contact-main .contact-info{gap:2rem}}@media (max-width: 480px){.contact-main{padding-bottom:3rem}}.contact-info{display:flex;flex-direction:column;gap:3rem;justify-content:space-between;padding-top:.5rem}.contact-eyebrow{font-family:DM Sans,sans-serif;font-size:1.25rem;letter-spacing:.22em;color:var(--coral);display:flex;align-items:center;gap:.8rem;text-transform:uppercase;font-weight:500}.contact-section-num{font-family:Roboto Mono,monospace;font-size:1rem;border:1px solid rgba(227,83,66,.4);border-radius:4px;padding:.15rem .55rem;letter-spacing:.06em;color:var(--coral);opacity:.8}.contact-tagline{display:flex;align-items:center;gap:2.4rem;max-width:1400px;margin:0 auto;width:100%;padding:3.2rem 0}.contact-tagline .contact-tagline-line{flex:1;height:1px;background:#f2e3cf14}.contact-tagline .contact-tagline-text{font-family:Gochi Hand,cursive;font-size:clamp(2rem,3.5vw,3.2rem);color:#f2e3cf59;text-align:center;white-space:nowrap;margin:0;letter-spacing:.02em;font-weight:400;line-height:1}@media (max-width: 640px){.contact-tagline .contact-tagline-text{white-space:normal;text-align:center}}.contact-tagline .contact-tagline-accent{color:var(--coral);font-family:Gochi Hand,cursive}@media (max-width: 480px){.contact-tagline{gap:1.6rem;padding:2.4rem 0}.contact-tagline .contact-tagline-text{font-size:1.8rem}}.contact-heading{font-family:"Awesome Serif",serif;font-size:7rem;font-weight:700;text-transform:none;letter-spacing:-.03em;color:var(--cream);line-height:.95;margin:0}@media (max-width: 1100px){.contact-heading{font-size:5.5rem}}@media (max-width: 768px){.contact-heading{font-size:4.4rem}}@media (max-width: 480px){.contact-heading{font-size:3.6rem}}.contact-desc{font-family:DM Sans,sans-serif;font-size:1.6rem;font-weight:400;color:#f2e3cf8c;line-height:1.75;margin:0}@media (max-width: 768px){.contact-desc{font-size:1.5rem}}.contact-meta{display:flex;flex-direction:column;gap:1.4rem}.contact-email{font-family:DM Sans,sans-serif;font-size:1.6rem;color:#f2e3cfa6;text-decoration:none;letter-spacing:.01em;transition:color .2s ease;width:fit-content;position:relative;padding-bottom:.25rem;font-weight:400}.contact-email:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--coral);transition:width .3s ease}.contact-email:hover{color:var(--coral)}.contact-email:hover:after{width:100%}.contact-location{display:inline-flex;align-items:center;gap:.7rem;font-family:DM Sans,sans-serif;font-size:1.3rem;color:#f2e3cf66;letter-spacing:.04em;font-weight:400}.contact-location .location-dot{color:var(--coral);font-size:1.4rem;line-height:1}.contact-avail{display:inline-flex;align-items:center;gap:.9rem;font-family:DM Sans,sans-serif;font-size:1.2rem;text-transform:uppercase;letter-spacing:.16em;color:#f2e3cf61;font-weight:500}.avail-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:availPulse 2s ease-in-out infinite}@keyframes availPulse{0%,to{box-shadow:0 0 #22c55e8c}50%{box-shadow:0 0 0 6px #22c55e00}}.contact-form{display:flex;flex-direction:column;gap:2rem}.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 560px){.contact-form .form-row{grid-template-columns:1fr}}.contact-form .form-field{display:flex;flex-direction:column;gap:0}.contact-form .form-field .field-num{font-family:DM Sans,sans-serif;font-size:1rem;font-weight:500;color:var(--coral);letter-spacing:.12em;padding-top:.4rem;line-height:1;-webkit-user-select:none;user-select:none}.contact-form input,.contact-form textarea{width:100%;padding:1.4rem 0;border:none;border-bottom:1px solid rgba(242,227,207,.15);border-radius:0;background:transparent;color:var(--cream);font-size:1.6rem;font-weight:400;font-family:DM Sans,sans-serif;outline:none;transition:border-color .25s ease;resize:none;-webkit-appearance:none}.contact-form input:focus,.contact-form textarea:focus{border-bottom-color:var(--coral)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#f2e3cf4d}.contact-form input:disabled,.contact-form textarea:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 480px){.contact-form input,.contact-form textarea{font-size:1.8rem;padding:1.6rem 0}}.contact-form textarea{min-height:130px}.contact-form .form-submit{display:inline-flex;align-items:center;gap:1rem;align-self:flex-start;padding:1.5rem 3.6rem;background:var(--coral);color:var(--dark);font-family:Gochi Hand,sans-serif;font-size:2rem;font-weight:400;letter-spacing:.02em;text-transform:none;border:none;border-radius:100px;cursor:pointer;transition:all .25s ease}.contact-form .form-submit .submit-arrow{display:inline-flex;flex-shrink:0;transition:transform .3s ease;color:inherit}.contact-form .form-submit .submit-arrow.rotate{animation:spin 1s linear infinite}.contact-form .form-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #e3534261}.contact-form .form-submit:hover:not(:disabled) .submit-arrow{transform:translate(6px)}.contact-form .form-submit:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 480px){.contact-form .form-submit{width:100%;justify-content:center}}.contact-marquee{padding:2.2rem 0;border-bottom:1px solid rgba(242,227,207,.08);overflow:hidden;max-width:1400px;margin:0 auto;width:100%}.contact-marquee span{font-family:DM Sans,sans-serif;font-size:1.1rem;text-transform:uppercase;letter-spacing:.28em;color:#f2e3cf4d;margin:0 2.8rem;position:relative;font-weight:500}.contact-marquee span:after{content:"●";position:absolute;right:-3.2rem;top:50%;transform:translateY(-50%);font-size:.45rem;color:var(--coral);vertical-align:middle}.contact-social{display:grid;grid-template-columns:repeat(4,1fr);background:#f2e3cf14;gap:1px;max-width:1400px;margin:0 auto;width:100%;border-radius:20px;overflow:hidden}@media (max-width: 999px){.contact-social{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.contact-social{grid-template-columns:1fr}}.social-card{display:flex;flex-direction:column;justify-content:space-between;background:#f2e3cf0a;padding:2.8rem;cursor:pointer;min-height:180px;position:relative;overflow:hidden;transition:background .25s ease}.social-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--coral);transform:scaleY(0);transform-origin:bottom;transition:transform .35s cubic-bezier(.4,0,.2,1)}.social-card:hover{background:#f2e3cf14}.social-card:hover:before{transform:scaleY(1)}.social-card:hover .sc-icon{color:var(--coral);transform:scale(1.08)}.social-card:hover .sc-arrow{opacity:1;transform:translate(3px,-3px);color:var(--coral)}.social-card:hover .sc-title{color:var(--coral)}.social-card .sc-icon{font-size:3rem;color:#f2e3cf59;line-height:1;transition:color .25s ease,transform .25s ease}.social-card .sc-body{display:flex;flex-direction:column;gap:0;position:relative}.social-card .sc-arrow{display:inline-flex;line-height:0;align-self:flex-end;margin-bottom:1rem;color:#ffffff6b;opacity:.65;transition:opacity .25s ease,transform .25s ease,color .25s ease}.social-card .sc-arrow .sketch-icon{display:block}.social-card .sc-title{font-family:"Awesome Serif",serif;font-size:2rem;font-weight:600;text-transform:none;letter-spacing:-.01em;color:var(--cream);margin:0 0 .6rem;transition:color .25s ease}@media (max-width: 480px){.social-card .sc-title{font-size:1.8rem}}.social-card .sc-desc{font-family:DM Sans,sans-serif;font-size:1.3rem;color:#f2e3cf66;margin:0;font-weight:400;line-height:1.6}@media (max-width: 480px){.social-card{padding:2.4rem 2rem;min-height:160px}}.contact-particle-wrap{width:calc(100% + 9.6rem);margin-left:-4.8rem;margin-right:-4.8rem;background:var(--cream);margin-top:4rem;position:relative}@media (max-width: 768px){.contact-particle-wrap{width:calc(100% + 4rem);margin-left:-2rem;margin-right:-2rem}}@media (max-width: 480px){.contact-particle-wrap{width:calc(100% + 3rem);margin-left:-1.5rem;margin-right:-1.5rem}}.contact-particle-wrap .torn-edge{display:block;width:100%;height:48px;background:transparent;margin-bottom:-2px}.contact-particle{overflow:hidden;line-height:0;font-size:0;width:100%;background:var(--cream)}.contact-footer-strip{background:var(--cream);padding:2rem 4.8rem 5rem;display:flex;flex-direction:column;align-items:center;gap:2.4rem;max-width:100%}.contact-footer-strip .footer-doodles{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.contact-footer-strip .footer-doodles img{width:56px;height:56px;border-radius:12px;object-fit:cover;opacity:.55;transition:opacity .2s ease,transform .2s ease}.contact-footer-strip .footer-doodles img:hover{opacity:.85;transform:scale(1.08) rotate(3deg)}.contact-footer-strip .footer-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1400px;padding-top:2rem;border-top:1px solid rgba(33,33,33,.1)}.contact-footer-strip .footer-name{font-family:Gochi Hand,sans-serif;font-size:1.8rem;color:var(--dark);opacity:.45}.contact-footer-strip .footer-links{display:flex;gap:2.4rem;list-style:none;padding:0;margin:0;flex-wrap:wrap;justify-content:center}.contact-footer-strip .footer-links a{font-family:DM Sans,sans-serif;font-size:1.4rem;color:var(--dark);opacity:.45;text-decoration:none;transition:opacity .2s ease;font-weight:500}.contact-footer-strip .footer-links a:hover{opacity:1;color:var(--coral)}@media (max-width: 900px){.contact-footer-strip{padding:2rem 3rem 4rem}}@media (max-width: 768px){.contact-footer-strip{padding:2rem 2rem 4rem}.contact-footer-strip .footer-bottom{flex-direction:column;gap:1.6rem;align-items:center;text-align:center}}@media (max-width: 480px){.contact-footer-strip{padding:2rem 1.5rem 3.5rem;gap:2rem}.contact-footer-strip .footer-wordmark{font-size:clamp(4rem,14vw,6rem)}.contact-footer-strip .footer-doodles img{width:44px;height:44px}.contact-footer-strip .footer-links{gap:1.6rem}}@media (max-width: 360px){.contact-footer-strip{padding:2rem 1.2rem 3rem}.contact-footer-strip .footer-links{gap:1.2rem}}.snack{position:fixed;bottom:2.5rem;right:2.5rem;background:var(--dark);color:var(--cream);padding:1.4rem 2.4rem;border-radius:100px;z-index:1000;font-family:DM Sans,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.02em;border:1px solid rgba(242,227,207,.15);animation:popIn .35s cubic-bezier(.68,-.55,.265,1.55);display:flex;align-items:center;gap:1rem;box-shadow:0 8px 32px #0000004d}.snack .snack-icon{font-size:1.1rem;font-weight:500;flex-shrink:0;color:#22c55e}@media (max-width: 480px){.snack{left:1.5rem;right:1.5rem;bottom:1.5rem;font-size:1.3rem;padding:1.2rem 2rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes popIn{0%{transform:scale(.85) translateY(12px);opacity:0}60%{transform:scale(1.03) translateY(0)}to{transform:scale(1) translateY(0);opacity:1}}.admin-panel{min-height:100vh;background:#fafafa;padding:2rem}.admin-panel .admin-header{background:#fff;padding:2rem 3rem;border-radius:12px;border:2px solid #000000;margin-bottom:3rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 16px #00000014}.admin-panel .admin-header h1{font-family:Roboto,sans-serif;font-size:2.4rem;color:var(--text-primary);margin:0}.admin-panel .admin-header .header-actions{display:flex;gap:1rem}.admin-panel .admin-header .header-actions button,.admin-panel .admin-header .header-actions a{padding:1rem 2rem;border:none;border-radius:8px;font-size:1.4rem;font-family:Roboto,sans-serif;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.admin-panel .admin-header .header-actions .btn-download{background:var(--accent);color:#fff}.admin-panel .admin-header .header-actions .btn-download:hover{background:#900;transform:translateY(-2px)}.admin-panel .admin-header .header-actions .btn-home{background:#000;color:#fff}.admin-panel .admin-header .header-actions .btn-home:hover{background:#333;transform:translateY(-2px)}.admin-panel .admin-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1600px;margin:0 auto}@media (max-width: 1200px){.admin-panel .admin-content{grid-template-columns:1fr}}.admin-panel .form-section,.admin-panel .list-section{background:#fff;padding:2.5rem;border-radius:12px;border:1px solid var(--border);box-shadow:0 4px 16px #0000000f}.admin-panel .form-section h2,.admin-panel .list-section h2{font-family:Roboto,sans-serif;font-size:2rem;color:var(--text-primary);margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--accent)}.admin-panel .info-text{background:#cc00000d;padding:1rem 1.5rem;border-radius:8px;border:1px solid rgba(204,0,0,.2);font-family:Roboto Mono,monospace;font-size:1.2rem;color:var(--text-primary);margin-bottom:2rem}.admin-panel .experience-form{display:flex;flex-direction:column;gap:2rem}.admin-panel .experience-form .form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}@media (max-width: 768px){.admin-panel .experience-form .form-row{grid-template-columns:1fr}}.admin-panel .experience-form .form-group{display:flex;flex-direction:column;gap:.5rem}.admin-panel .experience-form .form-group label{font-family:Roboto Mono,monospace;font-size:1.3rem;color:var(--text-primary);font-weight:500}.admin-panel .experience-form .form-group input,.admin-panel .experience-form .form-group textarea{padding:1rem 1.2rem;font-size:1.4rem;font-family:Roboto Mono,monospace;border:1px solid var(--border);border-radius:8px;outline:none;transition:all .2s ease}.admin-panel .experience-form .form-group input:focus,.admin-panel .experience-form .form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #cc000014}.admin-panel .experience-form .form-group textarea{resize:vertical;min-height:120px}.admin-panel .experience-form .form-group .logo-preview{margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:8px;text-align:center}.admin-panel .experience-form .form-group .logo-preview img{max-width:150px;max-height:60px;object-fit:contain}.admin-panel .experience-form .form-actions{display:flex;gap:1rem;margin-top:1rem}.admin-panel .experience-form .form-actions button{padding:1.2rem 2.5rem;border:none;border-radius:8px;font-size:1.5rem;font-family:Roboto,sans-serif;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-panel .experience-form .form-actions .btn-submit{background:var(--accent);color:#fff;flex:1}.admin-panel .experience-form .form-actions .btn-submit:hover{background:#900;transform:translateY(-2px);box-shadow:0 4px 16px #cc00004d}.admin-panel .experience-form .form-actions .btn-cancel{background:#666;color:#fff}.admin-panel .experience-form .form-actions .btn-cancel:hover{background:#444}.admin-panel .experiences-list{display:flex;flex-direction:column;gap:2rem}.admin-panel .experiences-list .empty-state{text-align:center;padding:3rem;color:var(--text-secondary);font-family:Roboto Mono,monospace;font-size:1.4rem}.admin-panel .experiences-list .experience-card{padding:2rem;border:1px solid var(--border);border-radius:12px;background:#fafafa;transition:all .2s ease}.admin-panel .experiences-list .experience-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #00000014}.admin-panel .experiences-list .experience-card .experience-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.admin-panel .experiences-list .experience-card .experience-header h3{font-family:Roboto,sans-serif;font-size:1.6rem;color:var(--text-primary);margin:0 0 .5rem}.admin-panel .experiences-list .experience-card .experience-header .experience-meta{font-family:Roboto Mono,monospace;font-size:1.2rem;color:var(--text-secondary);margin:0}.admin-panel .experiences-list .experience-card .experience-header .header-right{display:flex;align-items:center;gap:1rem}.admin-panel .experiences-list .experience-card .experience-header .header-right .company-logo{max-width:80px;max-height:40px;object-fit:contain}.admin-panel .experiences-list .experience-card .experience-header .header-right .reorder-buttons{display:flex;flex-direction:column;gap:.3rem}.admin-panel .experiences-list .experience-card .experience-header .header-right .reorder-buttons .btn-reorder{width:32px;height:24px;padding:0;background:var(--accent);color:#fff;border:none;border-radius:4px;font-size:1.4rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:700}.admin-panel .experiences-list .experience-card .experience-header .header-right .reorder-buttons .btn-reorder:hover:not(:disabled){background:#900;transform:scale(1.1)}.admin-panel .experiences-list .experience-card .experience-header .header-right .reorder-buttons .btn-reorder:disabled{opacity:.3;cursor:not-allowed}.admin-panel .experiences-list .experience-card .experience-description{font-family:Roboto Mono,monospace;font-size:1.3rem;color:var(--text-secondary);line-height:1.6;margin:1rem 0}.admin-panel .experiences-list .experience-card .experience-actions{display:flex;gap:1rem;margin-top:1.5rem}.admin-panel .experiences-list .experience-card .experience-actions button{padding:.8rem 1.5rem;border:none;border-radius:6px;font-size:1.3rem;font-family:Roboto,sans-serif;cursor:pointer;transition:all .2s ease}.admin-panel .experiences-list .experience-card .experience-actions .btn-edit{background:var(--accent);color:#fff}.admin-panel .experiences-list .experience-card .experience-actions .btn-edit:hover{background:#900}.admin-panel .experiences-list .experience-card .experience-actions .btn-delete{background:#333;color:#fff}.admin-panel .experiences-list .experience-card .experience-actions .btn-delete:hover{background:#000}.admin-panel .admin-section{max-width:1600px;margin:3rem auto 0;background:#fff;padding:2.5rem;border-radius:12px;border:1px solid var(--border);box-shadow:0 4px 16px #0000000f}.admin-panel .admin-section h2{font-family:Roboto,sans-serif;font-size:2rem;color:var(--text-primary);margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--accent)}.admin-panel .admin-section h3{font-family:Roboto,sans-serif;font-size:1.5rem;color:var(--text-primary);margin-bottom:1.5rem}.admin-panel .admin-section .section-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:1.5rem}@media (max-width: 1200px){.admin-panel .admin-section .section-grid{grid-template-columns:1fr}}.admin-panel .admin-section .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.admin-panel .admin-section .icon-badge{font-size:1.1rem;padding:.3rem .6rem;background:#cc00001a;border-radius:6px;color:var(--accent)}.admin-panel .admin-section .experience-card.small .experience-description{display:none}.admin-panel .admin-section .checkbox-group label{display:flex;align-items:center;gap:.8rem;cursor:pointer}.admin-panel .admin-section .checkbox-group label input[type=checkbox]{width:18px;height:18px}.admin-panel .admin-section .info-text.small{margin-bottom:1rem;font-size:1.1rem}.admin-panel .admin-section select{padding:1rem 1.2rem;font-size:1.4rem;font-family:Roboto Mono,monospace;border:1px solid var(--border);border-radius:8px;outline:none;background:#fff;cursor:pointer}.admin-panel .admin-section select:focus{border-color:var(--accent)}.admin-panel .skills-section{background:#fff;padding:2.5rem;border-radius:12px;border:1px solid var(--border);box-shadow:0 4px 16px #0000000f;max-width:1600px;margin:3rem auto 0}.admin-panel .skills-section h2{font-family:Roboto,sans-serif;font-size:2rem;color:var(--text-primary);margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--accent)}.admin-panel .skills-section .skills-form{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){.admin-panel .skills-section .skills-form{grid-template-columns:1fr}}.admin-panel .skills-section .skills-form .form-group{display:flex;flex-direction:column;gap:.5rem}.admin-panel .skills-section .skills-form .form-group label{font-family:Roboto Mono,monospace;font-size:1.3rem;color:var(--text-primary);font-weight:500}.admin-panel .skills-section .skills-form .form-group textarea{padding:1rem 1.2rem;font-size:1.4rem;font-family:Roboto Mono,monospace;border:1px solid var(--border);border-radius:8px;outline:none;transition:all .2s ease;resize:vertical}.admin-panel .skills-section .skills-form .form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #cc000014}@media (max-width: 768px){.admin-panel{padding:1rem}.admin-panel .admin-header{padding:1.5rem;flex-direction:column;gap:1.5rem;align-items:stretch}.admin-panel .admin-header h1{font-size:2rem}.admin-panel .admin-header .header-actions{flex-direction:column}.admin-panel .admin-header .header-actions button,.admin-panel .admin-header .header-actions a{text-align:center}.admin-panel .form-section,.admin-panel .list-section,.admin-panel .skills-section{padding:1.5rem}}.click-shocks-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:99997;overflow:hidden}.shock-burst{position:absolute;pointer-events:none;transform:translate(-50%,-50%);overflow:visible;animation:shock-out .46s cubic-bezier(.22,.8,.4,1) forwards}.shock-burst line{stroke:var(--text-primary);stroke-width:2.4px;animation:shock-line-appear .46s cubic-bezier(.22,.8,.4,1) forwards}@keyframes shock-out{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}35%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}@keyframes shock-line-appear{0%{stroke-width:3px;opacity:1}40%{stroke-width:2.4px;opacity:1}to{stroke-width:1px;opacity:0}}@font-face{font-family:"Awesome Serif";font-weight:600;src:url(https://framerusercontent.com/assets/kzDYp87eCBccspBRhgFROOw54Q.woff2) format("woff2")}@font-face{font-family:"Awesome Serif";font-weight:400;src:url(https://framerusercontent.com/assets/MniN0KGddYSqaVLm5RLF1RyPuw.woff2) format("woff2")}@font-face{font-family:"Awesome Serif";font-weight:700;src:url(https://framerusercontent.com/assets/yLFGRiTO2wTznoxTmnkvGnOwhUM.woff2) format("woff2")}:root{--coral: rgb(227, 83, 66);--dark: rgb(33, 33, 33);--cream: rgb(242, 227, 207);--black-text: rgb(23, 23, 23);--bgp: var(--cream);--bgw: var(--cream);--bgb: var(--dark);--bgsb: var(--cream);--border: rgba(23, 23, 23, .14);--text-primary: var(--black-text);--text-secondary: rgba(23, 23, 23, .68);--text-tertiary: rgba(23, 23, 23, .42);--accent: var(--coral);--accent-subtle: rgba(227, 83, 66, .12);--section-alt: var(--dark);--section-alt-text: var(--cream)}html.dark{--bgp: rgb(40, 40, 40);--bgw: var(--dark);--bgb: var(--cream);--bgsb: rgb(40, 40, 40);--border: rgba(242, 227, 207, .12);--text-primary: var(--cream);--text-secondary: rgba(242, 227, 207, .65);--text-tertiary: rgba(242, 227, 207, .38);--accent: var(--coral);--accent-subtle: rgba(227, 83, 66, .18);--section-alt: var(--cream);--section-alt-text: var(--black-text)}*,*:after,*:before{padding:0;margin:0;color:inherit;font-family:inherit;font-size:inherit;box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth;scrollbar-width:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}html::-webkit-scrollbar{display:none}body{font-family:DM Sans,sans-serif;background-color:var(--bgw);color:var(--text-primary);overflow-x:hidden;-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(https://framerusercontent.com/images/rR6HYXBrMmX4cRpXfXUOvpvpB0.png);background-size:153px;background-repeat:repeat;opacity:.045;pointer-events:none;z-index:9999}@media (max-width: 768px){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}}.home-layout{width:100%;min-height:100vh;overflow-x:hidden}.tech-marquee-wrap{background:var(--dark);padding:1.6rem 0;border-top:1px solid rgba(242,227,207,.06);border-bottom:1px solid rgba(242,227,207,.06);overflow:hidden}.tech-marquee-wrap .tech-marquee-item{font-family:DM Sans,sans-serif;font-size:1.15rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#f2e3cf47;display:inline-flex;align-items:center;gap:0;padding:0 .5rem;transition:color .2s ease;white-space:nowrap}.tech-marquee-wrap .tech-marquee-item:hover{color:#f2e3cfa6}.tech-marquee-wrap .tech-marquee-sep{font-size:.45em;color:var(--coral);margin:0 2rem;vertical-align:middle;opacity:.7}.wavy-divider{width:100%;overflow:hidden;line-height:0}.wavy-divider svg{display:block;width:100%}p{font-family:DM Sans,sans-serif;font-size:1.6rem;line-height:1.75;color:var(--text-secondary);font-weight:400}a{text-decoration:none;touch-action:manipulation}h1{font-family:"Awesome Serif",serif;font-size:5.5rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}@media (max-width: 400px){h1{font-size:4rem}}h2{font-family:"Awesome Serif",serif;font-size:3.8rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}h3{font-family:"Awesome Serif",serif;font-size:2.8rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}li{list-style:none}button{border:none;outline:none;padding:1rem 2rem;background-color:transparent;cursor:pointer;font-family:DM Sans,sans-serif;touch-action:manipulation}.btn-p{font-size:1.5rem;background-color:var(--text-primary);color:var(--bgw);text-transform:uppercase;font-weight:500;letter-spacing:.1em;border-radius:100px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1.5px solid var(--text-primary)}.btn-p-big{font-size:1.7rem}.btn-p:hover{background-color:transparent;color:var(--text-primary)}.CircleIco{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;overflow:hidden;width:39px;aspect-ratio:1;display:flex;align-items:center;gap:1rem;border:none;color:var(--text-primary)}.CircleIco svg{margin-top:6px;width:30px;height:auto;fill:none;stroke:currentColor;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.CircleIco svg:first-child{translate:-35px 0}.btn-s{display:flex;align-items:center;flex-direction:row-reverse;font-size:1.6rem;text-transform:uppercase;gap:1rem;letter-spacing:.12em;cursor:pointer;font-weight:500;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-family:DM Sans,sans-serif}.btn-s-90 .CircleIco{rotate:90deg}.btn-s-45 .CircleIco{rotate:-45deg}.btn-s:hover,.btn-s:hover .CircleIco{color:var(--accent)}.btn-s:hover .CircleIco svg:first-child{translate:4px 0}@media (max-width: 999px){html{font-size:56.6%}}@media (max-width: 768px){html{font-size:55%}}@media (max-width: 610px){html{font-size:53%}}@media (max-width: 480px){html{font-size:51%}}@media (max-width: 390px){html{font-size:50%}}@media (max-width: 360px){html{font-size:48%}}input,textarea,select{font-size:max(1.6rem,16px)}