:root{--primary: #ca0028;--primary-hover: #d1405d;--title-color: #161616;--text-color: #4F4F4F;--border-dark: #444;--transition-smooth: all 0.3s ease;--font-title: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;--font-text: 'Courier New', monospace;--card-background: #f1eded;--card-border: #444}body{margin:0;font-family:var(--font-title);color:#131313;background-color:#f3f1f1}.main-section{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.secondary-section{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:40px}.halftone{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 4px, transparent 4px, transparent 8px);opacity:0.6;z-index:1}.action-lines{position:absolute;inset:0;background-image:repeating-linear-gradient(45deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 2px, transparent 2px, transparent 4px);opacity:0.6;z-index:1}.container{width:100%;max-width:1400px;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem;position:relative;z-index:10}.header{display:flex;align-items:center;gap:0.75rem;margin-bottom:3rem;opacity:1}.header-line{width:3rem;height:3px;background-color:var(--primary-red);transform:skewX(-12deg)}.header-jp{font-size:0.875rem;color:#4F4F4F;font-family:'Noto Sans JP', sans-serif;letter-spacing:0.3em}.header-en{font-size:0.875rem;font-weight:500;color:#4F4F4F;text-transform:uppercase;letter-spacing:0.2em;font-family:'Space Grotesk', sans-serif}.highlight{color:var(--primary);font-weight:700;text-shadow:-2px -2px 0 rgba(0,0,0,0.1),2px 2px 0 rgba(0,0,0,0.05)}.emphasis{color:var(--title-color);font-weight:600}.background-image-container{position:absolute;right:0;top:0;width:80%;height:100%;pointer-events:none}.background-gradient{position:absolute;inset:0;background:linear-gradient(to left, transparent, #f4f4f1);z-index:10}.hero__image{width:100%;height:100%;object-fit:cover;opacity:0.4}.hero__container{width:100%;max-width:1400px;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem;position:relative;z-index:10}.hero__content{max-width:48rem}.hero__badge{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.5rem}.hero__badge-line{width:3rem;height:3px;background-color:#ca0028;transform:skewX(-12deg)}.hero__badge-text{font-size:0.875rem;color:#4F4F4F;font-family:'Courier New', monospace;letter-spacing:0.3em}.hero__title{font-size:3rem;line-height:0.9;font-weight:700;letter-spacing:-0.02em;margin-bottom:1.5rem;margin-top:0}@media (min-width: 768px){.hero__title{font-size:4.5rem}}@media (min-width: 1024px){.hero__title{font-size:5.5rem}}.hero__title-line{display:block}.hero__title-primary{color:#ca0028;position:relative}.ink-text{text-shadow:-2px -2px 0 rgba(0,0,0,0.1),2px 2px 0 rgba(0,0,0,0.05)}.hero__description{font-size:1.125rem;color:#4F4F4F;max-width:32rem;margin-bottom:2.5rem;line-height:1.6}@media (min-width: 768px){.hero__description{font-size:1.25rem}}.hero__highlight{color:#ca0028;font-weight:600}.hero__cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:4rem}.hero__btn{display:inline-flex;align-items:center;gap:0.5rem;padding:1rem 2rem;font-family:'Space Grotesk', sans-serif;font-weight:700;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.1em;text-decoration:none;border:none;cursor:pointer;transition:all 0.3s ease;position:relative}.hero__btn--primary{background-color:#ca0028;color:#fff}.hero__btn--primary:hover{background-color:#d1405d}.hero__btn--secondary{background-color:#f4f4f1;color:#1a1a1a;border:2px solid #ddd}.hero__btn--secondary:hover{background-color:#e9e8e8;border-color:#1a1a1a}.hero__icon{width:1rem;height:1rem}.manga-panel{border:3px solid #444;padding-left:calc(2rem - 2px);padding-right:calc(2rem - 2px);padding-top:calc(1rem - 2px);padding-bottom:calc(1rem - 2px)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero__badge{animation:fadeInUp 0.8s ease-out 0.2s both}.hero__title-line{animation:fadeInUp 0.8s ease-out both}.hero__title-line:nth-child(1){animation-delay:0.4s}.hero__title-line:nth-child(2){animation-delay:0.6s}.hero__title-line:nth-child(3){animation-delay:0.8s}.hero__description{animation:fadeInUp 0.8s ease-out 1s both}.hero__cta-buttons{animation:fadeInUp 0.8s ease-out 1.2s both}body.no-scroll{overflow:hidden}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:3px solid var(--border-dark);background:transparent;backdrop-filter:blur(12px);transition:var(--transition-smooth)}.navbar__container{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:1rem 1.5rem}.navbar__brand{display:flex;align-items:center;gap:0.5rem;text-decoration:none;color:inherit;transition:all 0.3s ease}.navbar__logo-text{font-size:1.5rem;font-weight:700;color:var(--primary);font-family:var(--font-title);letter-spacing:0.05em}.navbar__logo-subtitle{font-size:0.875rem;font-weight:500;color:var(--text-color);font-family:var(--font-title);letter-spacing:0.15em;text-transform:uppercase}.navbar__menu{display:none;gap:0.25rem}.navbar__menu.is-open{display:flex;height:calc(100vh - 70px);animation:slideDownMenu 0.4s ease-out}@media (min-width: 768px){.navbar__menu{display:flex;gap:0.25rem}.navbar__menu.is-open{display:flex;height:auto}}.navbar__link{position:relative;display:flex;flex-direction:column;align-items:center;padding:0.5rem 1rem;text-decoration:none;color:var(--text-dark);font-family:var(--font-title);font-size:0.875rem;font-weight:500;transition:var(--transition-smooth);border-bottom:3px solid transparent}.navbar__link-jp{display:block;font-size:0.75rem;color:var(--text-color);font-family:var(--font-title);margin-bottom:0.125rem;transition:var(--transition-smooth)}.navbar__link-en{display:block;color:var(--font-text)}.navbar__link:hover{color:var(--primary);border-bottom-color:var(--primary)}.navbar__link:hover .navbar__link-jp{color:var(--primary)}.navbar__link:hover .navbar__link-en{color:var(--primary)}.navbar__cta{display:inline-block;background-color:var(--primary);color:#fff;padding:0.5rem 1.5rem;font-family:var(--font-title);font-weight:700;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.1em;text-decoration:none;transition:var(--transition-smooth);border:none;cursor:pointer}.navbar__cta:hover{background-color:var(--primary-hover)}.navbar__cta.is-loading{opacity:0.7;pointer-events:none;position:relative}.navbar__cta.is-loading::after{content:'';position:absolute;width:1rem;height:1rem;top:50%;right:1rem;transform:translateY(-50%);border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:spin 0.6s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.manga-slash{position:relative;overflow:hidden;clip-path:polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%)}.manga-slash::before{content:'';position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:linear-gradient(45deg, transparent 30%, rgba(255,255,255,0.1) 50%, transparent 70%);transform:skewX(-12deg);transition:all 0.3s ease}.manga-slash:hover::before{right:150%;left:-150%;animation:slash 0.5s ease}@keyframes slash{0%{right:-50%;left:-50%}100%{right:150%;left:150%}}.navbar__toggle{display:block;background:none;border:none;cursor:pointer;padding:0.625rem;z-index:101}@media (min-width: 768px){.navbar__toggle{display:none}}.hamburger{display:block;width:1.5625rem;height:0.1875rem;background:var(--primary);position:relative;transition:var(--transition-smooth)}.hamburger::before,.hamburger::after{content:'';position:absolute;width:1.5625rem;height:0.1875rem;background:var(--primary);left:0;transition:var(--transition-smooth)}.hamburger::before{top:-0.5rem}.hamburger::after{bottom:-0.5rem}.navbar__toggle.is-open .hamburger{background:transparent}.navbar__toggle.is-open .hamburger::before{top:0;transform:rotate(45deg)}.navbar__toggle.is-open .hamburger::after{bottom:0;transform:rotate(-45deg)}.navbar__menu.is-open{position:fixed;top:70px;left:0;right:0;bottom:0;display:flex;flex-direction:column;background-color:#f4f4f1;backdrop-filter:blur(12px);padding:2rem;gap:1rem;z-index:99;overflow-y:auto;height:calc(100vh - 70px)}@media (min-width: 768px){.navbar__menu.is-open{position:static;top:auto;left:auto;right:auto;bottom:auto;display:flex;background:transparent;backdrop-filter:none;padding:0;flex-direction:row;gap:0.25rem;height:auto;overflow-y:visible}}@keyframes slideDownMenu{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInMenuItem{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width: 767px){.navbar__menu.is-open .navbar__link{animation:slideInMenuItem 0.4s ease-out both}.navbar__menu.is-open .navbar__link:nth-child(1){animation-delay:0.1s}.navbar__menu.is-open .navbar__link:nth-child(2){animation-delay:0.15s}.navbar__menu.is-open .navbar__link:nth-child(3){animation-delay:0.2s}.navbar__menu.is-open .navbar__link:nth-child(4){animation-delay:0.25s}.navbar__menu.is-open .navbar__link:nth-child(5){animation-delay:0.3s}.navbar__menu.is-open .navbar__link:nth-child(6){animation-delay:0.35s}.navbar__menu.is-open .navbar__link:nth-child(n+7){animation-delay:0.4s}.navbar__menu.is-open .navbar__cta{animation:slideInMenuItem 0.4s ease-out 0.45s both}}.profil-hero{display:grid;gap:3rem;margin-bottom:5rem}@media (min-width: 1024px){.profil-hero{grid-template-columns:340px 1fr;gap:4rem}}.profil-avatar-wrapper{position:relative;margin:0 auto}@media (min-width: 1024px){.profil-avatar-wrapper{margin:0}}.profil-avatar-card{position:relative;background-color:var(--card-background);border:5px solid var(--card-border);padding:0.75rem;width:280px}@media (min-width: 768px){.profil-avatar-card{width:320px}}.profil-avatar-image{width:100%;aspect-ratio:1;object-fit:cover;display:block}.profil-avatar-text{margin-top:0.75rem;text-align:center}.profil-avatar-title{font-weight:700;font-size:1.25rem;color:var(--foreground);font-family:'Space Grotesk', sans-serif}.profil-avatar-jp{font-size:0.75rem;color:#4F4F4F;font-family:'Noto Sans JP', sans-serif;letter-spacing:0.2em;margin-top:0.25rem}.profil-avatar-glow{position:absolute;background-color:rgba(202,0,40,0.1);border-radius:9999px;z-index:-1}.glow-top-right{top:-1rem;right:-1rem;width:4rem;height:4rem;filter:blur(24px)}.glow-bottom-left{bottom:-0.75rem;left:-0.75rem;width:2.5rem;height:2.5rem;filter:blur(16px)}.profil-hero-content{display:flex;flex-direction:column;justify-content:center}.profil-hero-title{font-size:2.25rem;line-height:0.80;font-weight:700;margin-bottom:1.5rem;font-family:'Space Grotesk', sans-serif;margin-top:0}@media (min-width: 768px){.profil-hero-title{font-size:3rem}}@media (min-width: 1024px){.profil-hero-title{font-size:3.75rem}}.profil-paragraph{color:#4F4F4F;font-size:1rem;line-height:1.6;max-width:42rem;margin-bottom:1.5rem}@media (min-width: 768px){.profil-paragraph{font-size:1.125rem}}.profil-journey{margin-bottom:5rem;opacity:1}.profil-section-title{font-family:'Space Grotesk', sans-serif;font-weight:700;font-size:1.25rem;text-transform:uppercase;letter-spacing:0.15em;color:var(--foreground);margin-bottom:2rem;display:flex;align-items:center;gap:0.75rem}.profil-icon{width:1.5rem;height:1.5rem;color:var(--primary);flex-shrink:0}.profil-section-jp{font-family:'Noto Sans JP', sans-serif;font-size:0.875rem;color:#4F4F4F;font-weight:400}.profil-journey-timeline{position:relative}.profil-timeline-line{position:absolute;top:50%;left:0;right:0;height:3px;background-color:#ddd;transform:translateY(-50%);display:none;z-index:0}@media (min-width: 768px){.profil-timeline-line{display:block}}.profil-journey-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;position:relative;z-index:1}@media (min-width: 768px){.profil-journey-grid{grid-template-columns:repeat(5, 1fr);gap:0.5rem}}.profil-timeline-item{background-color:var(--card-background);border:3px solid var(--card-border);padding:1rem;text-align:center;position:relative}.profil-timeline-year{font-family:'Space Grotesk', sans-serif;font-weight:700;font-size:1.5rem;color:var(--primary)}.profil-timeline-label{font-size:0.875rem;color:var(--foreground);font-weight:500;font-family:'Space Grotesk', sans-serif;margin-top:0.25rem}.profil-timeline-jp{font-family:'Noto Sans JP', sans-serif;font-size:0.75rem;color:#4F4F4F;margin-top:0.25rem}@media (max-width: 767px){.profil-section{padding-top:100px}.profil-hero{margin-bottom:3rem}.profil-journey{margin-bottom:3rem}}@keyframes fadeInUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{from{opacity:0;transform:scale(0.95) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.profil-header{opacity:0;transform:translateY(8px);animation:fadeInUp 520ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards;animation-delay:120ms}.profil-avatar-wrapper{opacity:0;transform:translateY(10px);animation:popIn 560ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards;animation-delay:220ms}.profil-avatar-glow{opacity:0;animation:popIn 720ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards;animation-delay:320ms}.profil-hero-title{opacity:0;transform:translateY(12px);animation:fadeInUp 640ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards;animation-delay:320ms}.profil-paragraph{opacity:0;transform:translateY(10px);animation:fadeInUp 640ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards}.profil-hero-content .profil-paragraph:nth-of-type(1){animation-delay:420ms}.profil-hero-content .profil-paragraph:nth-of-type(2){animation-delay:520ms}.profil-section-title{opacity:0;transform:translateY(10px);animation:fadeInUp 560ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards;animation-delay:640ms}.profil-timeline-item{opacity:0;transform:translateY(10px);animation:popIn 520ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards}.profil-journey-grid .profil-timeline-item:nth-child(1){animation-delay:760ms}.profil-journey-grid .profil-timeline-item:nth-child(2){animation-delay:860ms}.profil-journey-grid .profil-timeline-item:nth-child(3){animation-delay:960ms}.profil-journey-grid .profil-timeline-item:nth-child(4){animation-delay:1060ms}.profil-journey-grid .profil-timeline-item:nth-child(5){animation-delay:1160ms}@media (prefers-reduced-motion: reduce){.profil-header,.profil-avatar-wrapper,.profil-avatar-glow,.profil-hero-title,.profil-paragraph,.profil-section-title,.profil-timeline-item{animation:none !important;opacity:1 !important;transform:none !important}}:root{--primary: #ca0028;--foreground: #1a1a1a;--muted-foreground: #4F4F4F;--card: hsl(60, 12%, 95%);--border: #ddd;--background: #fff;--card-border: #444}.skills-section{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:40px}.skills-container{width:100%;max-width:1400px;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem;position:relative;z-index:10}.skills-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:3rem;opacity:1}.header-line{width:3rem;height:3px;background-color:var(--primary);transform:skewX(-12deg)}.header-jp{font-family:'Noto Sans JP', sans-serif;font-size:0.875rem;color:var(--muted-foreground);letter-spacing:0.3em}.header-en{font-family:'Space Grotesk', sans-serif;font-size:0.875rem;color:var(--muted-foreground);font-weight:500;text-transform:uppercase;letter-spacing:0.2em}.skills-title{font-family:'Space Grotesk', sans-serif;font-weight:700;line-height:0.95;margin:0 0 1rem 0;font-size:2.25rem;color:var(--foreground)}.skills-title .accent{color:var(--primary);-webkit-background-clip:text;background-clip:text}.skills-intro{color:var(--muted-foreground);font-size:1rem;line-height:1.6;max-width:60rem;margin-bottom:2.5rem}@media (min-width: 768px){.skills-title{font-size:3rem}.skills-intro{font-size:1.125rem}}@media (min-width: 1024px){.skills-title{font-size:3.75rem}}.skills-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 768px){.skills-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1024px){.skills-grid{grid-template-columns:repeat(3, 1fr)}}.skills-card{position:relative;background:var(--card);border:3px solid var(--card-border);overflow:hidden;transition:border-color 220ms ease, box-shadow 220ms ease}.skills-card:hover{border-color:var(--primary)}.card-ribbon{position:absolute;top:0;right:0;width:0;height:0;border-top:40px solid rgba(202,0,40,0.2);border-left:40px solid transparent;transition:border-top-color 220ms ease}.skills-card:hover .card-ribbon{border-top-color:rgba(202,0,40,0.35)}.card-head{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;border-bottom:2px solid var(--border)}.card-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--background);color:var(--primary);font-size:1rem;border:3px solid var(--card-border)}.skills-card:hover .card-icon{background-color:rgba(202,0,40,0.1)}.card-head h2{margin:0;font-family:'Space Grotesk', sans-serif;font-size:1rem;color:var(--foreground)}.card-head .jp{font-family:'Noto Sans JP', sans-serif;font-size:0.8rem;color:var(--muted-foreground)}.card-body{padding:1.25rem;padding-top:1rem;display:flex;flex-direction:column;gap:0.75rem}.skill-item{display:flex;gap:0.5rem;align-items:flex-start}.skill-item .dot{width:6px;height:6px;background:var(--primary);margin-top:0.6rem;transform:skewX(-12deg);flex-shrink:0;border-radius:2px}.skill-item b{display:block;font-family:'Space Grotesk', sans-serif;font-weight:700;color:var(--foreground);font-size:0.95rem}.muted{font-size:0.75rem;color:var(--muted-foreground);line-height:1.4}.fg{color:var(--foreground)}.accent{color:var(--primary)}@media (max-width: 767px){.skills-section{padding-bottom:2rem}.skills-grid{gap:1rem}}@keyframes fadeInUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{from{opacity:0;transform:scale(0.95) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.skills-header{opacity:0;transform:translateY(8px);animation:fadeInUp 520ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards;animation-delay:120ms}.skills-title{opacity:0;transform:translateY(8px);animation:fadeInUp 520ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards;animation-delay:180ms}.skills-intro{opacity:0;transform:translateY(8px);animation:fadeInUp 520ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards;animation-delay:240ms}.skills-card{opacity:0;transform:translateY(10px) scale(0.99);animation:popIn 560ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards}.skills-grid .skills-card:nth-child(1){animation-delay:260ms}.skills-grid .skills-card:nth-child(2){animation-delay:320ms}.skills-grid .skills-card:nth-child(3){animation-delay:380ms}.skills-grid .skills-card:nth-child(4){animation-delay:440ms}.skills-grid .skills-card:nth-child(5){animation-delay:500ms}.skills-grid .skills-card:nth-child(6){animation-delay:560ms}.card-icon{opacity:0;transform:scale(0.9);animation:popIn 420ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards;animation-delay:360ms}