.about-intro{width:100%;padding:4rem 0;background-color:#fff}.about-intro__container{width:min(1200px,100% - 3rem);margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center}.about-intro__content{display:flex;flex-direction:column;gap:1rem}.about-intro__label{font-size:.875rem;letter-spacing:.1em;color:#000;text-transform:uppercase;font-weight:bolder}.about-intro__name{font-size:clamp(2.5rem,5vw,4rem);font-weight:600;color:#000;line-height:1.1;margin:0;letter-spacing:-.02em}.about-intro__title{font-size:1.25rem;color:#000;margin:0;font-weight:400}.about-intro__bio{font-size:1.0625rem;line-height:1.7;color:#000;margin:1rem 0 0;max-width:540px}.about-intro__photo-wrapper{display:flex;justify-content:center;align-items:center;width:clamp(180px,30vw,280px);aspect-ratio:3 / 4;margin-inline:auto}.about-intro__photo{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:16px}@media(max-width:900px){.about-intro__container{grid-template-columns:1fr;gap:3rem;text-align:center}.about-intro__bio{max-width:100%}.about-intro__photo{width:100%;height:100%}}@media(max-width:480px){.about-intro{padding:3rem 0}.about-intro__photo{width:100%;height:100%}}.experience-timeline{width:100%;padding:4rem 0;background-color:#0a0a0a}.experience-timeline__container{width:min(1200px,100% - 3rem);margin:0 auto}.experience-timeline__heading{font-size:clamp(2rem,4vw,2.75rem);font-weight:600;color:#f7f8fb;margin:0 0 3rem;text-align:center}.experience-timeline__timeline{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto}.experience-timeline__item{display:flex;gap:1.5rem;position:relative}.experience-timeline__marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:24px}.experience-timeline__dot{width:16px;height:16px;background-color:#fff;border-radius:50%;border:3px solid #000000;box-shadow:0 0 0 2px #fff;flex-shrink:0}.experience-timeline__line{width:2px;flex-grow:1;background-color:#fff;margin-top:.5rem;min-height:40px}.experience-timeline__card{flex-grow:1;background-color:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;transition:border-color .3s ease,transform .3s ease}.experience-timeline__card:hover{border-color:#ffffff4d;transform:translate(4px)}.experience-timeline__period{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#fff;background-color:#ffffff1a;padding:.25rem .75rem;border-radius:20px;margin-bottom:.75rem;font-weight:500}.experience-timeline__company{font-size:1.25rem;font-weight:600;color:#f7f8fb;margin:0 0 .25rem}.experience-timeline__role{font-size:.9375rem;color:#98a3b6;margin:0 0 .75rem;font-style:italic}.experience-timeline__description{font-size:.9375rem;line-height:1.6;color:#b7bfcc;margin:0}@media(max-width:640px){.experience-timeline{padding:3rem 0}.experience-timeline__heading{margin-bottom:2rem}.experience-timeline__timeline{gap:1.5rem}.experience-timeline__item{gap:1rem}.experience-timeline__card{padding:1.25rem}.experience-timeline__card:hover{transform:none}}.philosophy-section{width:100%;padding:5rem 0;background-color:#fff;position:relative;overflow:hidden}.philosophy-section:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background-color:#fff;pointer-events:none}.philosophy-section__container{width:min(1200px,100% - 3rem);margin:0 auto;position:relative;z-index:1}.philosophy-section__header{text-align:center;margin-bottom:3rem}.philosophy-section__label{display:inline-block;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:#0f172a;font-weight:500;margin-bottom:.75rem}.philosophy-section__title{font-size:clamp(2rem,4vw,3rem);font-weight:600;color:#000;margin:0;letter-spacing:-.02em}.philosophy-section__quote{font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.8;color:#000;text-align:center;margin:0 auto 4rem;max-width:850px;font-style:italic;position:relative;padding:0 2rem}.philosophy-section__quote:before,.philosophy-section__quote:after{content:'"';font-size:4rem;color:#000;opacity:.3;position:absolute;line-height:1}.philosophy-section__quote:before{top:-1rem;left:0}.philosophy-section__quote:after{bottom:-2rem;right:0}.philosophy-section__highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.philosophy-section__highlight{background-color:#000;border:1px solid #000000;border-radius:16px;padding:2rem;text-align:center;transition:transform .3s ease,border-color .3s ease}.philosophy-section__highlight:hover{transform:translateY(-4px);border-color:#fff}.philosophy-section__icon{font-size:2.5rem;margin-bottom:1rem}.philosophy-section__highlight-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 .75rem}.philosophy-section__highlight-text{font-size:.9375rem;line-height:1.6;color:#fff;margin:0}@media(max-width:900px){.philosophy-section__highlights{grid-template-columns:1fr;max-width:500px;margin:0 auto}.philosophy-section__highlight:hover{transform:none}}@media(max-width:640px){.philosophy-section{padding:3rem 0}.philosophy-section__container{width:min(1200px,100% - 2rem)}.philosophy-section__quote{padding:0 1rem;margin-bottom:2.5rem}.philosophy-section__quote:before,.philosophy-section__quote:after{font-size:2.5rem}.philosophy-section__highlight{padding:1.5rem;max-width:24rem;margin:0 auto}}.personal-section{width:100%;padding:5rem 0;background-color:#000}.personal-section__container{width:min(1200px,100% - 3rem);margin:0 auto}.personal-section__header{text-align:center;margin-bottom:2rem}.personal-section__label{display:inline-block;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:#fff;font-weight:500;margin-bottom:.75rem}.personal-section__title{font-size:clamp(2rem,4vw,3rem);font-weight:600;color:#f7f8fb;margin:0;letter-spacing:-.02em}.personal-section__intro{font-size:1.0625rem;line-height:1.7;color:#b7bfcc;text-align:center;max-width:800px;margin:0 auto 3rem}.personal-section__hobbies{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.personal-section__hobby-card{background-color:#fff;border:1px solid rgba(255,255,255,.993);border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease;cursor:default}.personal-section__hobby-card:hover{background-color:#faf9f9f3;border-color:#fff3;box-shadow:0 20px 40px #0000004d}.personal-section__hobby-emoji{font-size:3rem;display:block;margin-bottom:1rem;filter:grayscale(.2);transition:filter .3s ease}.personal-section__hobby-card:hover .personal-section__hobby-emoji{filter:grayscale(0);transform:scale(1.1)}.personal-section__hobby-name{font-size:1.125rem;font-weight:600;color:#000;margin:0 0 .5rem}.personal-section__hobby-description{font-size:.875rem;line-height:1.5;color:#000;margin:0 0 1rem}.personal-section__hobby-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#000;border:1px solid rgba(255,255,255,.1);border-radius:50%;transition:all .3s ease;margin-top:.5rem}.personal-section__hobby-button:hover{border-color:#0000004d;transform:scale(1.1)}.personal-section__hobby-icon{width:22px;height:22px;object-fit:contain;display:block}@media(max-width:1024px){.personal-section__hobbies{grid-template-columns:repeat(2,1fr);justify-content:center}}@media(max-width:640px){.personal-section{padding:3rem 0}.personal-section__hobbies{grid-template-columns:1fr;max-width:400px;margin:0 auto}.personal-section__hobby-card{max-width:24rem;margin:0 auto}.personal-section__hobby-card:hover{transform:none}.personal-section__hobby-emoji{font-size:2.5rem}}.cv-section{width:100%;padding:4rem 0;background-color:#fff}.cv-section__container{width:min(1200px,100% - 3rem);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.cv-section__content{display:flex;flex-direction:column;gap:1.5rem}.cv-section__title{font-size:clamp(2rem,4vw,3rem);font-weight:600;color:#1a1a1a;margin:0;line-height:1.2;letter-spacing:-.02em}.cv-section__subtitle{font-size:1.0625rem;line-height:1.7;color:#000;margin:0;max-width:480px}.cv-section__visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:350px}.cv-section__mockup{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014;overflow:hidden}.cv-section__mockup--primary{width:280px;height:200px;position:relative;z-index:2}.cv-section__mockup--secondary{width:200px;height:160px;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.cv-section__mockup-content{padding:1rem;height:100%;box-sizing:border-box}.cv-section__mockup-header{display:flex;gap:.5rem;margin-bottom:1rem}.cv-section__mockup-dot{width:10px;height:10px;border-radius:50%}.cv-section__mockup-dot--red{background-color:#ff5f57}.cv-section__mockup-dot--yellow{background-color:#ffbd2e}.cv-section__mockup-dot--green{background-color:#28c840}.cv-section__mockup-body{display:flex;flex-direction:column;gap:.75rem}.cv-section__mockup-line{height:8px;background-color:#e5e7eb;border-radius:4px;width:100%}.cv-section__mockup-line--short{width:60%}.cv-section__mockup-line--medium{width:80%}.cv-section__mockup-chart{display:flex;align-items:flex-end;justify-content:center;gap:.75rem;height:100%;padding:.5rem 0}.cv-section__mockup-bar{width:24px;background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:4px 4px 0 0}.cv-section__decoration--circle{position:absolute;width:24px;height:24px;background-color:#22c55e;border-radius:50%;top:10%;right:5%;z-index:3}.cv-section__decoration--line{position:absolute;width:120px;height:2px;background-color:#1a1a1a;bottom:25%;right:15%;z-index:3}.cv-section__decoration--line:before{content:"";position:absolute;width:60px;height:2px;background-color:#1a1a1a;top:-20px;right:-20px;transform:rotate(45deg)}@media(max-width:900px){.cv-section__container{grid-template-columns:1fr;gap:3rem;text-align:center}.cv-section__content{align-items:center}.cv-section__subtitle{max-width:100%}.cv-section__button{align-self:center}.cv-section__visual{min-height:280px}.cv-section__mockup--primary{width:240px;height:170px}.cv-section__mockup--secondary{width:160px;height:130px;right:10%}.cv-section__decoration--circle{right:15%}.cv-section__decoration--line{right:25%}}@media(max-width:480px){.cv-section{padding:3rem 0}.cv-section__mockup--primary{width:200px;height:140px}.cv-section__mockup--secondary{width:130px;height:100px;right:5%}.cv-section__mockup-bar{width:18px}.cv-section__decoration--circle{width:18px;height:18px}.cv-section__decoration--line{width:80px}.cv-section__decoration--line:before{width:40px;top:-15px;right:-10px}}
