: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;--border-light: #ddd;--surface: #fff;--viewport-height: 100vh}@supports (height: 100dvh){:root{--viewport-height: 100dvh}}*{box-sizing:border-box}html{height:100%;overflow:hidden}body{margin:0;padding:0;font-family:var(--font-title);color:#131313;background-color:#f3f1f1;overflow:hidden;width:100%;height:100%}.main-section{position:relative;display:flex;flex-direction:column;height:var(--viewport-height);width:100%;justify-content:center;box-sizing:border-box}.page-content{height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain}.page-section{position:relative;display:flex;flex-direction:column;width:100%;min-height:100vh;min-height:100dvh;padding-top:6rem;padding-bottom:4rem;box-sizing:border-box}.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;pointer-events:none}.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;pointer-events:none}.container{width:100%;max-width:1400px;padding-left:1rem;padding-right:1rem;position:relative;z-index:10;margin:0 auto}.header{display:flex;align-items:center;gap:0.75rem;margin-bottom:3rem;opacity:0;transform:translateY(8px);animation:fadeInUp 520ms cubic-bezier(0.2, 0.9, 0.2, 1) 120ms forwards}.scroll-safe{max-height:100%;overflow-y:auto;scrollbar-width:thin;padding-top:1.5rem;padding-bottom:1.5rem}.header-line{width:3rem;height:3px;background-color:var(--primary);transform:skewX(-12deg)}.header-jp{font-size:0.875rem;color:var(--text-color);font-family:'Noto Sans JP', sans-serif;letter-spacing:0.3em}.header-en{font-size:0.875rem;font-weight:500;color:var(--text-color);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:100%;height:99.5%;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;object-position:center;opacity:0.4}.hero__container{display:flex;align-items:center;flex:1;z-index:10;padding-left:clamp(1.5rem, 8vw, 10rem);padding-right:1.5rem}.hero__content{max-width:48rem}.hero__badge{display:flex;align-items:center;gap:0.75rem;margin-bottom:clamp(1rem, 3vh, 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:clamp(2.25rem, 6vw, 5.5rem);line-height:0.9;font-weight:700;letter-spacing:-0.02em;margin-bottom:clamp(1rem, 3vh, 1.5rem);margin-top:0}.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:clamp(1rem, 2vw, 1.25rem);color:#4F4F4F;max-width:32rem;margin-bottom:clamp(1.5rem, 4vh, 2.5rem);line-height:1.6}.hero__highlight{color:#ca0028;font-weight:600}.hero__cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:0}.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}@media (prefers-reduced-motion: reduce){.header,.hero__badge,.hero__title-line,.hero__description,.hero__cta-buttons{animation:none !important;opacity:1 !important;transform:none !important}}@media (max-height: 700px){.hero__title{font-size:clamp(2rem, 7vw, 3.5rem)}.hero__description{margin-bottom:1.25rem}}.project-form{max-width:40rem;display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem;padding-bottom:3rem}.form-group{display:flex;flex-direction:column;gap:0.375rem}.form-group label{font-family:'Space Grotesk', sans-serif;font-weight:700;font-size:0.875rem;color:var(--title-color);text-transform:uppercase;letter-spacing:0.05em}.form-hint{font-size:0.75rem;color:var(--text-color)}.form-group input[type="text"],.form-group input[type="url"],.form-group textarea,.form-group input[type="file"]{font-family:var(--font-title);font-size:0.95rem;padding:0.65rem 0.85rem;border:3px solid var(--card-border);background:var(--card-background);color:var(--title-color)}.form-group input[type="text"]:focus,.form-group input[type="url"]:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.form-group textarea{resize:vertical;font-family:var(--font-title)}.form-current-image{display:flex;align-items:center;gap:0.75rem;margin-top:0.5rem;font-size:0.75rem;color:var(--text-color)}.form-current-image img{border:3px solid var(--card-border);display:block}.form-errors{border:3px solid var(--primary);background:rgba(202,0,40,0.06);padding:1rem 1.25rem}.form-errors__title{font-weight:700;color:var(--primary);margin:0 0 0.5rem}.form-errors ul{margin:0;padding-left:1.25rem;color:var(--text-color);font-size:0.875rem}.form-actions{display:flex;gap:1rem;margin-top:0.5rem}.danger-zone{max-width:44rem;margin-top:3rem;padding:1.5rem;border:3px solid var(--primary);background:rgba(202,0,40,0.04)}.danger-zone__title{font-family:'Space Grotesk', sans-serif;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--primary);margin:0 0 0.5rem}.danger-zone__text{font-size:0.875rem;color:var(--text-color);margin:0 0 1rem}.hero__btn--danger{background-color:transparent;color:var(--primary);border:2px solid var(--primary)}.hero__btn--danger:hover{background-color:var(--primary);color:#fff}::view-transition-old(site-chrome),::view-transition-new(site-chrome){animation:none;mix-blend-mode:normal}::view-transition-old(root){animation:manga-wipe-leave 0.55s cubic-bezier(0.65, 0, 0.35, 1) forwards}::view-transition-new(root){animation:manga-wipe-enter 0.55s cubic-bezier(0.65, 0, 0.35, 1) forwards}@keyframes manga-wipe-leave{0%{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}100%{clip-path:polygon(-45% 0%, -25% 0%, -65% 100%, -85% 100%)}}@keyframes manga-wipe-enter{0%{clip-path:polygon(125% 0%, 145% 0%, 105% 100%, 85% 100%)}100%{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}.page-content{height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}html,body{touch-action:pan-x pan-y pinch-zoom}.navbar-brand{position:fixed;top:1.25rem;left:1.25rem;z-index:110;display:flex;align-items:baseline;gap:0.5rem;text-decoration:none;color:inherit;transition:var(--transition-smooth)}.navbar-brand:hover{transform:translateY(-1px)}.navbar-brand__text{font-size:1.25rem;font-weight:700;color:var(--primary);font-family:var(--font-title);letter-spacing:0.05em}.navbar-brand__subtitle{font-size:0.75rem;font-weight:500;color:var(--text-color);font-family:var(--font-title);letter-spacing:0.15em;text-transform:uppercase}.navbar-toggle{position:fixed;top:1.125rem;right:1.25rem;z-index:110;background:none;border:none;cursor:pointer;padding:0.625rem}.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[aria-expanded="true"] .hamburger{background:transparent}.navbar-toggle[aria-expanded="true"] .hamburger::before{top:0;transform:rotate(45deg)}.navbar-toggle[aria-expanded="true"] .hamburger::after{bottom:0;transform:rotate(-45deg)}.navbar-overlay{position:fixed;inset:0;z-index:105;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;background-color:#f4f4f1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.35s ease, visibility 0s linear 0.35s}.navbar-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 0.35s ease, visibility 0s linear 0s}.navbar-overlay__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;pointer-events:none}.navbar-overlay__nav{display:flex;flex-direction:column;align-items:center;gap:1.25rem;position:relative;z-index:1}.navbar-overlay__link{display:flex;align-items:baseline;gap:1rem;text-decoration:none;color:var(--title-color);font-family:var(--font-title);opacity:0;transform:translateY(20px)}.navbar-overlay.is-open .navbar-overlay__link{animation:slideInMenuItem 0.4s ease-out both}.navbar-overlay.is-open .navbar-overlay__link:nth-child(1){animation-delay:0.1s}.navbar-overlay.is-open .navbar-overlay__link:nth-child(2){animation-delay:0.16s}.navbar-overlay.is-open .navbar-overlay__link:nth-child(3){animation-delay:0.22s}.navbar-overlay.is-open .navbar-overlay__link:nth-child(4){animation-delay:0.28s}.navbar-overlay.is-open .navbar-overlay__link:nth-child(5){animation-delay:0.34s}.navbar-overlay__index{font-family:var(--font-text);font-size:0.875rem;color:var(--primary);opacity:0.6}.navbar-overlay__jp{font-size:0.875rem;color:var(--text-color);font-family:'Noto Sans JP', sans-serif}.navbar-overlay__en{font-size:2rem;font-weight:700;transition:color 0.2s ease}.navbar-overlay__link:hover .navbar-overlay__en,.navbar-overlay__link:focus-visible .navbar-overlay__en{color:var(--primary)}.navbar-overlay__cta{display:inline-block;background-color:var(--primary);color:#fff;padding:0.75rem 2rem;font-family:var(--font-title);font-weight:700;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.1em;text-decoration:none;border:none;position:relative;z-index:1;opacity:0;transform:translateY(20px)}.navbar-overlay.is-open .navbar-overlay__cta{animation:slideInMenuItem 0.4s ease-out 0.42s both}.navbar-overlay__cta:hover{background-color:var(--primary-hover)}@keyframes slideInMenuItem{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.navbar-overlay,.navbar-overlay__link,.navbar-overlay__cta,.navbar-brand{animation:none !important;transition:opacity 0.2s ease !important;transform:none !important}}.page-indicator{position:fixed;bottom:1.25rem;right:1.25rem;z-index:90;font-family:var(--font-text);font-size:0.75rem;color:var(--text-color);letter-spacing:0.1em;font-weight:bolder}.navbar-noscript{position:fixed;top:0;left:0;right:0;z-index:110;display:flex;gap:1rem;justify-content:center;padding:0.75rem;background:#f4f4f1;border-bottom:3px solid var(--border-dark)}.navbar-noscript a{font-family:var(--font-title);font-size:0.875rem;color:var(--title-color);text-decoration:none}.profil-hero{display:grid;gap:3rem;margin-bottom:1.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;view-transition-name:profil-avatar}@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(--title-color);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:clamp(1.75rem, 5vw, 3.75rem);line-height:0.9;font-weight:700;margin-bottom:1.5rem;font-family:'Space Grotesk', sans-serif;margin-top:0}.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-cv-btn{display:inline-flex;align-items:center;gap:0.5rem;align-self:flex-start;padding:0.75rem 1.5rem;margin-top:0.5rem;font-family:'Space Grotesk', sans-serif;font-weight:700;font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.08em;text-decoration:none;color:var(--title-color);background-color:transparent;border:2px solid var(--card-border);transition:var(--transition-smooth)}.profil-cv-btn:hover,.profil-cv-btn:focus-visible{color:#fff;background-color:var(--primary);border-color:var(--primary)}.profil-cv-btn__icon{width:1rem;height:1rem;flex-shrink:0}.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(--title-color);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{display:none;position:absolute;background-color:#ddd;z-index:0}.profil-journey-grid{display:grid;gap:1rem;position:relative;z-index:1}@media (max-width: 767px){.profil-journey-grid{grid-template-columns:1fr;gap:1.5rem;padding-left:1.75rem}.profil-timeline-line{display:block;top:0.5rem;bottom:0.5rem;left:0.65rem;width:3px}.profil-timeline-item{text-align:left}.profil-timeline-item::before{content:'';position:absolute;left:-1.75rem;top:1.35rem;width:0.75rem;height:0.75rem;border-radius:50%;background-color:var(--primary);border:2px solid var(--card-background)}}@media (min-width: 768px){.profil-journey-grid{grid-template-columns:repeat(5, 1fr);gap:0.5rem}.profil-timeline-line{display:block;top:50%;left:0;right:0;height:3px;transform:translateY(-50%)}}.profil-timeline-item{display:block;background-color:var(--card-background);border:3px solid var(--card-border);padding:1rem;text-align:center;position:relative;text-decoration:none}.profil-timeline-item--linkable{cursor:pointer;transition:transform 0.2s ease, border-color 0.2s ease}.profil-timeline-item--linkable:hover,.profil-timeline-item--linkable:focus-visible{transform:translateY(-3px);border-color:var(--primary)}.profil-timeline-external{position:absolute;top:0.5rem;right:0.5rem;width:0.875rem;height:0.875rem;color:var(--primary);opacity:0.6}.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(--title-color);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-hero{margin-bottom:2rem}.profil-journey{margin-bottom:2rem}}@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-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-cv-btn{opacity:0;transform:translateY(10px);animation:fadeInUp 640ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards;animation-delay:600ms}.profil-section-title,.profil-timeline-item{opacity:0;transform:translateY(14px);transition:opacity 520ms cubic-bezier(0.2, 0.9, 0.2, 1),transform 520ms cubic-bezier(0.2, 0.9, 0.2, 1)}.profil-section-title.is-visible,.profil-timeline-item.is-visible{opacity:1;transform:translateY(0)}.profil-journey-grid .profil-timeline-item:nth-child(1){transition-delay:0ms}.profil-journey-grid .profil-timeline-item:nth-child(2){transition-delay:80ms}.profil-journey-grid .profil-timeline-item:nth-child(3){transition-delay:160ms}.profil-journey-grid .profil-timeline-item:nth-child(4){transition-delay:240ms}.profil-journey-grid .profil-timeline-item:nth-child(5){transition-delay:320ms}@media (prefers-reduced-motion: reduce){.profil-avatar-wrapper,.profil-avatar-glow,.profil-hero-title,.profil-paragraph,.profil-cv-btn,.profil-section-title,.profil-timeline-item{animation:none !important;transition:none !important;opacity:1 !important;transform:none !important}.profil-timeline-item--linkable:hover,.profil-timeline-item--linkable:focus-visible{transform:none !important}}.skills-title{font-family:'Space Grotesk', sans-serif;font-weight:700;line-height:0.95;margin:0 0 3rem 0;font-size:clamp(2.25rem, 6vw, 3.75rem);color:var(--title-color)}.skills-intro{color:var(--text-color);font-size:1rem;line-height:1.6;max-width:60rem;margin-bottom:2.5rem}@media (min-width: 768px){.skills-intro{font-size:1.125rem}}.skills-carousel{display:flex;align-items:center;gap:0.75rem}.skills-carousel__track{flex:1 1 auto;min-width:0;display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0.25rem 0.25rem 0.75rem;scrollbar-width:thin}.skills-carousel__track:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.skills-card{position:relative;background:var(--card-background);border:3px solid var(--card-border);overflow:hidden;scroll-snap-align:start;flex:0 0 85%;transition:border-color 220ms ease,box-shadow 220ms ease,opacity 520ms cubic-bezier(0.2, 0.9, 0.2, 1),transform 520ms cubic-bezier(0.2, 0.9, 0.2, 1)}@media (min-width: 640px){.skills-card{flex:0 0 calc((100% - 1.5rem) / 2)}}@media (min-width: 1024px){.skills-card{flex:0 0 calc((100% - 2 * 1.5rem) / 3)}}.skills-card:hover{border-color:var(--primary)}.skills-carousel__arrow{flex-shrink:0;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;background:var(--card-background);border:3px solid var(--card-border);color:var(--title-color);cursor:pointer;transition:var(--transition-smooth)}.skills-carousel__arrow svg{width:1.15rem;height:1.15rem}.skills-carousel__arrow:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.skills-carousel__arrow:disabled{opacity:0.3;cursor:default}@media (max-width: 639px){.skills-carousel__arrow{display:none}}.card-ribbon{position:absolute;top:0;right:0;width:0;height:0;border-top:44px solid rgba(202,0,40,0.2);border-left:44px 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;flex-wrap:wrap;align-items:center;row-gap:0.5rem;gap:1.1rem;padding:1.5rem;border-bottom:2px solid var(--border-light)}.card-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--primary);border:3px solid var(--card-border)}.card-icon svg{width:1.5rem;height:1.5rem}.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:1.15rem;color:var(--title-color)}.card-head .jp{font-family:'Noto Sans JP', sans-serif;font-size:0.85rem;color:var(--text-color)}.skill-level{margin-left:auto;align-self:center;font-family:'Space Grotesk', sans-serif;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;padding:0.3rem 0.7rem;border:2px solid var(--card-border);white-space:nowrap;flex-shrink:0;color:var(--text-color)}.skill-level--avance{color:var(--title-color);border-color:var(--title-color)}.skill-level--expert{color:#fff;background-color:var(--primary);border-color:var(--primary)}.card-body{padding:1.5rem;padding-top:1.25rem;display:flex;flex-direction:column;gap:1rem}.card-tagline{margin:0;padding-bottom:0.25rem;font-size:0.9rem;color:var(--text-color);line-height:1.5;border-bottom:1px dashed var(--border-light)}.skill-item{display:flex;gap:0.6rem;align-items:flex-start}.skill-item .dot{width:7px;height:7px;background:var(--primary);margin-top:0.6rem;transform:skewX(-12deg);flex-shrink:0;border-radius:2px}.skill-item b{display:flex;align-items:center;gap:0.45rem;font-family:'Space Grotesk', sans-serif;font-weight:700;color:var(--title-color);font-size:1.0625rem}.muted{font-size:0.85rem;color:var(--text-color);line-height:1.5}.fg{color:var(--title-color)}.skill-item__brand-icon{width:1rem;height:1rem;flex-shrink:0;opacity:0.85}.skills-cta{display:flex;justify-content:center;margin-top:3rem}.skills-cta__link{display:inline-flex;align-items:center;gap:0.75rem;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;color:#fff;background-color:var(--primary)}.skills-cta__link:hover{background-color:var(--primary-hover)}.skills-cta__icon{width:1rem;height:1rem}.page-section--centered{justify-content:center}@keyframes fadeInUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.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(14px) scale(0.99)}.skills-card.is-visible{opacity:1;transform:translateY(0) scale(1)}.skills-carousel__track .skills-card:nth-child(1){transition-delay:0ms}.skills-carousel__track .skills-card:nth-child(2){transition-delay:60ms}.skills-carousel__track .skills-card:nth-child(3){transition-delay:120ms}.skills-carousel__track .skills-card:nth-child(4){transition-delay:80ms}.skills-carousel__track .skills-card:nth-child(5){transition-delay:80ms}.skills-carousel__track .skills-card:nth-child(6){transition-delay:80ms}@media (prefers-reduced-motion: reduce){.skills-title,.skills-intro,.skills-card{animation:none !important;transition:none !important;opacity:1 !important;transform:none !important}}.skill-item__link{color:inherit;text-decoration:none}.skill-item__link:hover,.skill-item__link:focus-visible{color:var(--primary);text-decoration:underline}.projects-title{font-family:'Space Grotesk', sans-serif;font-weight:700;line-height:0.95;margin:0 0 3rem 0;font-size:clamp(2.25rem, 6vw, 3.75rem);color:var(--title-color);opacity:0;transform:translateY(8px);animation:fadeInUp 520ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards;animation-delay:180ms}.projects-intro{color:var(--text-color);font-size:1rem;line-height:1.6;max-width:60rem;margin-bottom:2rem;opacity:0;transform:translateY(8px);animation:fadeInUp 520ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards;animation-delay:240ms}@media (min-width: 768px){.projects-intro{font-size:1.125rem}}.projects-empty{color:var(--text-color);font-size:1rem;font-style:italic}.projects-filter-banner{display:flex;align-items:center;flex-wrap:wrap;gap:0.75rem;margin-bottom:2rem;padding:0.75rem 1.25rem;background:var(--card-background);border:3px solid var(--card-border);font-size:0.875rem;color:var(--text-color)}.projects-filter-banner strong{color:var(--primary);text-transform:capitalize}.projects-filter-banner__clear{margin-left:auto;font-weight:700;font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--title-color);text-decoration:none;border-bottom:2px solid var(--card-border)}.projects-filter-banner__clear:hover{color:var(--primary);border-color:var(--primary)}.projects-carousel{display:flex;align-items:center;gap:0.75rem}.projects-carousel__track{flex:1 1 auto;min-width:0;display:flex;gap:1.75rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0.25rem 0.25rem 0.75rem;scrollbar-width:thin}.projects-carousel__track:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.projects-carousel__arrow{flex-shrink:0;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;background:var(--card-background);border:3px solid var(--card-border);color:var(--title-color);cursor:pointer;transition:var(--transition-smooth)}.projects-carousel__arrow svg{width:1.15rem;height:1.15rem}.projects-carousel__arrow:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.projects-carousel__arrow:disabled{opacity:0.3;cursor:default}@media (max-width: 639px){.projects-carousel__arrow{display:none}}.project-card{position:relative;display:flex;flex-direction:column;background:var(--card-background);border:3px solid var(--card-border);overflow:hidden;scroll-snap-align:start;flex:0 0 90%;opacity:0;transform:translateY(14px);transition:border-color 220ms ease,opacity 520ms cubic-bezier(0.2, 0.9, 0.2, 1),transform 520ms cubic-bezier(0.2, 0.9, 0.2, 1)}@media (min-width: 640px){.project-card{flex:0 0 calc((100% - 1.75rem) / 2)}}.project-card.is-visible{opacity:1;transform:translateY(0)}.project-card:hover,.project-card:focus-within{border-color:var(--primary)}.card-ribbon{position:absolute;top:0;right:0;width:0;height:0;border-top:44px solid rgba(202,0,40,0.2);border-left:44px solid transparent;transition:border-top-color 220ms ease;z-index:2}.project-card:hover .card-ribbon{border-top-color:rgba(202,0,40,0.35)}.project-card-thumb{aspect-ratio:30 / 9;overflow:hidden;border-bottom:3px solid var(--card-border);background:var(--card-background)}.project-card-thumb__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.35s ease}.project-card:hover .project-card-thumb__image{transform:scale(1.04)}.project-card-thumb__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--card-border);background-image:repeating-linear-gradient(45deg, rgba(0,0,0,0.035) 0px, rgba(0,0,0,0.035) 2px, transparent 2px, transparent 12px)}.project-card-thumb__placeholder svg{width:2.75rem;height:2.75rem;opacity:0.45}.project-card-head{display:flex;align-items:center;gap:1.1rem;padding:0.5rem;border-bottom:2px solid var(--border-light);justify-content:space-between}.project-card-head h2{font-weight:700;font-size:1.3rem;line-height:1.25;margin:0}.project-subtitle{display:flex;align-items:center;gap:0.5rem;margin-top:0.25rem;flex-wrap:wrap}.jp-subtitle{font-size:0.8125rem;line-height:1rem;color:var(--text-color)}.project-highlight{font-size:0.8125rem;line-height:1rem;color:var(--primary);font-weight:500}.social-icons{display:flex;gap:0.5rem;flex-shrink:0}.social-icon{width:2.25rem;height:2.25rem;border:3px solid var(--card-border);position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--surface);text-decoration:none;transition:background-color 0.2s ease}.social-icon:hover,.social-icon:focus-visible{background-color:var(--primary-hover)}.social-icon svg{width:1.05rem;height:1.05rem;color:var(--title-color)}.social-icon:hover svg,.social-icon:focus-visible svg{color:var(--surface)}.social-icon__brand-icon{width:1.05rem;height:1.05rem}.project-card-body{padding:0.5rem;flex:1 1 0%}.tagline{font-size:0.95rem;color:var(--text-color);line-height:1.65}.challenge-title{font-size:0.8125rem;line-height:1rem;font-weight:700;color:var(--title-color);text-transform:uppercase;margin-top:1.1rem;display:block}.challenge{font-size:0.85rem;color:var(--text-color);line-height:1.65;margin-top:0.25rem}.stack{list-style:none;margin:1.1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:0.5rem}.techno{font-size:11px;font-weight:600;text-transform:uppercase;background-color:var(--title-color);clip-path:polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%)}.techno a{display:block;padding:0.2rem 0.55rem;color:var(--surface);text-decoration:none}.techno a:hover,.techno a:focus-visible{background-color:var(--primary)}.project-card-footer{padding:0.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.75rem}.results{display:flex;align-items:center;flex-wrap:wrap;gap:1.1rem}.result-pill{display:flex;align-items:center;gap:0.4rem}.results-square{width:0.4rem;height:0.4rem;background-color:var(--primary);transform:skewX(-12deg);flex-shrink:0}.result{font-size:0.8125rem;line-height:1rem;font-weight:600;color:var(--primary)}.details-link{display:flex;align-items:center;gap:0.375rem;font-size:0.8125rem;line-height:1rem;font-weight:600;color:var(--text-color);text-transform:uppercase;letter-spacing:0.05em;text-decoration:none}.details-link svg{width:0.8rem;height:0.8rem;transition:transform 0.2s ease}.details-link:hover,.details-link:focus-visible{color:var(--primary)}.details-link:hover svg,.details-link:focus-visible svg{transform:translateX(3px)}.back-link{cursor:pointer;transition:transform 0.2s ease;width:fit-content}.back-link:hover{transform:translateX(-4px)}.back-link:hover .header-line{background-color:var(--primary-hover)}.project-show{display:flex;flex-direction:column;gap:2.5rem;padding-bottom:2rem}.project-show-hero{opacity:0;transform:translateY(12px);animation:fadeInUp 560ms cubic-bezier(0.2, 0.9, 0.2, 1) 120ms forwards}.project-show-title{font-family:'Space Grotesk', sans-serif;font-weight:700;font-size:clamp(2rem, 5vw, 3.5rem);line-height:0.95;color:var(--title-color);margin:1.5rem 0 0.75rem 0}.project-show-tagline{font-size:1.125rem;color:var(--text-color);line-height:1.6;max-width:42rem;margin:1rem 0 1.5rem 0}.project-show-stack{margin-bottom:1.5rem}.project-show-actions{display:flex;flex-wrap:wrap;gap:1rem}.project-show-actions .hero__btn{padding:0.75rem 1.5rem;font-size:0.8rem}.project-show-section{border-top:3px solid var(--card-border);padding-top:2rem;opacity:0;transform:translateY(12px);animation:fadeInUp 560ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards}.project-show-section:nth-of-type(1){animation-delay:260ms}.project-show-section:nth-of-type(2){animation-delay:340ms}.project-show-challenge{color:var(--text-color);font-size:1rem;line-height:1.7;max-width:55rem}.results-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.results-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1024px){.results-grid{grid-template-columns:repeat(3, 1fr)}}.result-card{display:flex;align-items:center;gap:0.75rem;background-color:var(--card-background);border:3px solid var(--card-border);padding:1rem 1.25rem}.result-card-text{font-size:0.95rem;font-weight:600;color:var(--primary)}@keyframes fadeInUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.projects-title,.projects-intro,.project-card,.back-link,.project-show-hero,.project-show-section{transition:none !important;animation:none !important;opacity:1 !important;transform:none !important}}.back-link{display:inline-flex;align-items:center;gap:0.6rem}.back-link__icon{width:1rem;height:1rem;transition:transform 0.2s ease}.back-link:hover .back-link__icon{transform:translateX(-3px)}.project-show-section-title{font-family:'Space Grotesk', sans-serif;font-weight:700;font-size:1.25rem;text-transform:uppercase;letter-spacing:0.15em;color:var(--title-color);margin-bottom:1.5rem;display:flex;align-items:center;gap:0.75rem}.project-show-icon{width:1.5rem;height:1.5rem;color:var(--primary);flex-shrink:0}.project-show-section-jp{font-family:'Noto Sans JP', sans-serif;font-size:0.875rem;color:var(--text-color);font-weight:400}.project-show-cover{aspect-ratio:21 / 9;overflow:hidden;border:3px solid var(--card-border);margin-bottom:0.5rem}.project-show-cover__image{width:100%;height:100%;object-fit:cover;display:block}.project-show-related__grid{display:flex;flex-wrap:wrap;gap:0.75rem}.project-show-related__link{display:inline-flex;align-items:center;padding:0.75rem 1.25rem;background:var(--card-background);border:3px solid var(--card-border);color:var(--title-color);font-family:'Space Grotesk', sans-serif;font-weight:700;font-size:0.875rem;text-decoration:none;transition:var(--transition-smooth)}.project-show-related__link:hover,.project-show-related__link:focus-visible{border-color:var(--primary);color:var(--primary)}.project-show-actions .hero__icon{width:1rem;height:1rem}.blog-title{font-family:'Space Grotesk', sans-serif;font-weight:700;line-height:0.95;margin:0 0 1rem 0;font-size:clamp(2.25rem, 6vw, 3.75rem);color:var(--title-color);opacity:0;transform:translateY(8px);animation:fadeInUp 520ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards;animation-delay:180ms}.blog-intro{color:var(--text-color);font-size:1rem;line-height:1.6;max-width:60rem;margin-bottom:2.5rem;opacity:0;transform:translateY(8px);animation:fadeInUp 520ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards;animation-delay:240ms}@media (min-width: 768px){.blog-intro{font-size:1.125rem}}.blog-empty{color:var(--text-color);font-size:1rem;font-style:italic}.blog-filter-banner{display:flex;align-items:center;flex-wrap:wrap;gap:0.75rem;margin-bottom:2rem;padding:0.75rem 1.25rem;background:var(--card-background);border:3px solid var(--card-border);font-size:0.875rem;color:var(--text-color)}.blog-filter-banner strong{color:var(--primary);text-transform:capitalize}.blog-filter-banner__clear{margin-left:auto;font-weight:700;font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--title-color);text-decoration:none;border-bottom:2px solid var(--card-border)}.blog-filter-banner__clear:hover{color:var(--primary);border-color:var(--primary)}.blog-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 640px){.blog-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.blog-grid{grid-template-columns:1fr 1fr 1fr}}.article-card{position:relative;display:flex;flex-direction:column;height:100%;background:var(--card-background);border:3px solid var(--card-border);overflow:hidden;opacity:0;transform:translateY(14px);transition:border-color 220ms ease,opacity 520ms cubic-bezier(0.2, 0.9, 0.2, 1),transform 520ms cubic-bezier(0.2, 0.9, 0.2, 1)}.article-card.is-visible{opacity:1;transform:translateY(0)}.article-card:hover,.article-card:focus-within{border-color:var(--primary)}.article-link{display:block;text-decoration:none;color:var(--text-color)}.article-card-head{padding:1.25rem;padding-bottom:0.75rem;border-bottom:2px solid var(--border-light)}.article-card-head h2{font-weight:700;font-size:1.125rem;line-height:1.3;margin:0.25rem 0 0;color:var(--title-color)}.article-card-body{padding:1.25rem;padding-top:1rem}.article-card-footer{display:flex;align-items:center;gap:1.25rem;padding:0 1.25rem 1.25rem}.article-meta{display:flex;align-items:center;gap:0.4rem;font-size:0.75rem;color:var(--text-color)}.article-meta svg{width:0.9rem;height:0.9rem;flex-shrink:0}.article-tags{list-style:none;margin:0;padding:0 1.25rem 1.25rem;display:flex;flex-wrap:wrap;gap:0.375rem;margin-top:auto}.pagy{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:1rem;font-family:'Space Grotesk', sans-serif;font-size:0.875rem}.pagy a,.pagy label{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 0.5rem;border:3px solid var(--card-border);background:var(--card-background);color:var(--title-color);text-decoration:none;transition:var(--transition-smooth)}.pagy a[href]:hover{border-color:var(--primary);color:var(--primary)}.pagy a[aria-current]{background:var(--primary);border-color:var(--primary);color:#fff}.pagy a:not([href]){cursor:default;opacity:0.35}.pagy a[role="separator"]{border:none;background:none;cursor:default}@keyframes fadeInUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.blog-title,.blog-intro,.article-card{animation:none !important;transition:none !important;opacity:1 !important;transform:none !important}}.content{border:3px solid black;background-color:#eae7e1;padding:2rem;margin-top:2rem;font-size:1rem;line-height:1.5rem;color:#4F4F4F}.content-puce{color:red}pre{background:#0b0f14;color:#d6deeb;padding:1.25rem 1.5rem;border-radius:14px;overflow-x:auto;margin:1.5rem 0;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;border:1px solid #1f2937;font-size:0.95rem;line-height:1.65;box-shadow:inset 0 1px 0 rgba(255,255,255,0.02),0 8px 30px rgba(0,0,0,0.25)}.article-show{display:flex;flex-direction:column;gap:0.5rem;padding-bottom:3rem}.article-show-hero{opacity:0;transform:translateY(12px);animation:fadeInUp 560ms cubic-bezier(0.2, 0.9, 0.2, 1) 120ms forwards}.article-show-title{font-family:'Space Grotesk', sans-serif;font-weight:700;font-size:clamp(2rem, 5vw, 3.5rem);line-height:0.95;color:var(--title-color);margin:0 0 1rem 0}.article-show-meta{display:flex;align-items:center;gap:1.25rem;margin-bottom:1rem}.article-show-tags{margin-bottom:0}@media (prefers-reduced-motion: reduce){.article-show-hero{animation:none !important;opacity:1 !important;transform:none !important}}.content h2,.content h3{font-family:'Space Grotesk', sans-serif;color:var(--title-color);margin-top:2rem}.content p{margin:1rem 0}.content ul,.content ol{margin:1rem 0;padding-left:1.5rem}.content code:not(.code-highlight code){background:rgba(0,0,0,0.06);padding:0.15rem 0.4rem;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;font-size:0.9em}.content blockquote{border-left:3px solid var(--primary);margin:1.5rem 0;padding-left:1.25rem;color:var(--text-color);font-style:italic}.content .katex-display{margin:1.5rem 0;overflow-x:auto;overflow-y:hidden}.code-block{position:relative;margin:1.5rem 0}.code-block__lang{position:absolute;top:0.5rem;right:1rem;font-family:'Space Grotesk', sans-serif;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.05em;color:#6b7785}.code-block__pre{margin:0}.blog-form{max-width:44rem;display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem;padding-bottom:3rem}.blog-form__content{min-height:24rem;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;font-size:0.9rem;line-height:1.6}.form-hint code{background:rgba(0,0,0,0.06);padding:0.1rem 0.35rem;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}.markdown-cheatsheet{border:3px solid var(--card-border);background:var(--card-background);margin-bottom:0.5rem}.markdown-cheatsheet summary{cursor:pointer;padding:0.75rem 1rem;font-family:'Space Grotesk', sans-serif;font-weight:700;font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--title-color)}.markdown-cheatsheet summary:hover{color:var(--primary)}.markdown-cheatsheet table{width:100%;border-collapse:collapse;font-size:0.8125rem}.markdown-cheatsheet td{padding:0.5rem 1rem;border-top:1px solid var(--border-light);color:var(--text-color);vertical-align:top}.markdown-cheatsheet td:first-child{width:45%;white-space:nowrap}.markdown-cheatsheet code{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;background:rgba(0,0,0,0.06);padding:0.1rem 0.35rem}.code-highlight table td{padding:5px}.code-highlight table pre{margin:0}.code-highlight,.code-highlight .w{color:#d8d8d8;background-color:#181818}.code-highlight .err{color:#181818;background-color:#ab4642}.code-highlight .c,.code-highlight .ch,.code-highlight .cd,.code-highlight .cm,.code-highlight .cpf,.code-highlight .c1,.code-highlight .cs{color:#585858}.code-highlight .cp{color:#f7ca88}.code-highlight .nt{color:#f7ca88}.code-highlight .o,.code-highlight .ow{color:#d8d8d8}.code-highlight .p,.code-highlight .pi{color:#d8d8d8}.code-highlight .gi{color:#a1b56c}.code-highlight .gd{color:#ab4642}.code-highlight .gh{color:#7cafc2;background-color:#181818;font-weight:bold}.code-highlight .ge{font-style:italic}.code-highlight .ges{font-weight:bold;font-style:italic}.code-highlight .gs{font-weight:bold}.code-highlight .k,.code-highlight .kn,.code-highlight .kp,.code-highlight .kr,.code-highlight .kv{color:#ba8baf}.code-highlight .kc{color:#dc9656}.code-highlight .kt{color:#dc9656}.code-highlight .kd{color:#dc9656}.code-highlight .s,.code-highlight .sb,.code-highlight .sc,.code-highlight .dl,.code-highlight .sd,.code-highlight .s2,.code-highlight .sh,.code-highlight .sx,.code-highlight .s1{color:#a1b56c}.code-highlight .sa{color:#ba8baf}.code-highlight .sr{color:#86c1b9}.code-highlight .si{color:#a16946}.code-highlight .se{color:#a16946}.code-highlight .nn{color:#f7ca88}.code-highlight .nc{color:#f7ca88}.code-highlight .no{color:#f7ca88}.code-highlight .na{color:#7cafc2}.code-highlight .m,.code-highlight .mb,.code-highlight .mf,.code-highlight .mh,.code-highlight .mi,.code-highlight .il,.code-highlight .mo,.code-highlight .mx{color:#a1b56c}.code-highlight .ss{color:#a1b56c}