.hero-section{margin-top:calc(-3.5rem - 1px)}.preview-section{border:1px solid var(--color-border);border-top:0}.section-action{display:flex;justify-content:flex-end;padding:var(--spacing-xl);padding-top:var(--spacing-md)}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem var(--spacing-xl);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.section-bar__info{display:flex;align-items:center;gap:.6rem;font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.05em;white-space:nowrap;overflow:hidden}.section-bar__sep{color:var(--color-accent);opacity:.5}.section-bar__accent{color:var(--color-accent);font-weight:700}.blog-feed{position:relative;padding:2rem var(--spacing-xl);padding-left:calc(var(--spacing-xl) - 3.5rem)}.blog-featured{position:relative;margin-bottom:1.5rem}.blog-featured__badge{display:flex;align-items:center;gap:.5rem;font-family:monospace;font-size:var(--font-size-xs);color:var(--color-accent);letter-spacing:.05em;margin-bottom:.6rem;padding-left:3.5rem}.blog-featured__card{position:relative;border-left:3px solid var(--color-accent);box-shadow:-4px 0 12px var(--color-accent-subtle);border-radius:2px}.blog-featured .blog-entry__title{font-size:var(--font-size-4xl)}.blog-divider{display:flex;align-items:center;gap:.8rem;padding:1rem 0 1rem 3.5rem}.blog-divider__label{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.1em;flex-shrink:0}.blog-divider__rule{flex:1;height:0;border-top:1px solid var(--color-border)}.blog-archive{position:relative;display:flex;flex-direction:column;gap:.5rem}.about-hud{position:relative;padding:2rem var(--spacing-xl)}.about-hud__inner{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem}.terminal-block{--cut: .75rem;background:var(--color-border);clip-path:var(--clip-cutoff);padding:1px}.terminal-block__header{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:var(--color-bg-tertiary);font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.05em;clip-path:polygon(var(--cut) 0,100% 0,100% 100%,0 100%,0 var(--cut))}.terminal-block__body{background:var(--color-bg-secondary);padding:1.5rem;display:flex;flex-direction:column;gap:.8rem;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%)}.terminal-line{font-family:monospace;font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin:0}.terminal-prompt{color:var(--color-accent);margin-right:.5rem}.terminal-line--cursor{display:flex;align-items:center;gap:0}.terminal-cursor{display:inline-block;width:.5rem;height:1em;background:var(--color-accent);animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.profile-card{--cut: .75rem;background:var(--color-border);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);padding:1px;display:flex;flex-direction:column}.profile-card__header{padding:.6rem 1.2rem;background:var(--color-bg-tertiary);font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.05em}.profile-card__body{background:var(--color-bg-secondary);padding:1.5rem;flex:1;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%)}.profile-meta{display:grid;grid-template-columns:auto 1fr;gap:.6rem 1.2rem;align-items:baseline}.profile-meta__label{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.05em}.profile-meta__value{color:var(--color-text-secondary);font-size:var(--font-size-md)}.profile-meta__value--status{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-accent);font-family:monospace;font-size:var(--font-size-xs);letter-spacing:.05em}@media(max-width:768px){.blog-feed{padding:1.5rem 1rem 1.5rem .5rem}.blog-featured__card{border-left:none;box-shadow:none}.blog-featured__badge{padding-left:0}.blog-featured .blog-entry__title{font-size:var(--font-size-2xl)}.blog-divider{padding-left:0}.about-hud__inner{grid-template-columns:1fr}}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;.swiper-slide-active{pointer-events:auto}}}.hero-carousel{position:relative}.hero-carousel__swiper{position:relative;z-index:1;width:100%;aspect-ratio:16 / 9;overflow:hidden}.hero-carousel--fullscreen{height:100dvh}.hero-carousel--fullscreen .hero-carousel__swiper{aspect-ratio:auto;height:100%}.hero-carousel__scroll-indicator{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.35rem;z-index:10;color:#ffffff80;animation:scroll-bounce 2s var(--ease-in-out-quart) infinite;pointer-events:none}.hero-carousel__scroll-label{font-family:monospace;font-size:var(--font-size-2xs);letter-spacing:.15em;text-transform:uppercase}.hero-carousel__scroll-chevron{width:1rem;height:1rem}@keyframes scroll-bounce{0%,to{transform:translate(-50%) translateY(0);opacity:.5}50%{transform:translate(-50%) translateY(.5rem);opacity:1}}.hero-carousel__image{width:100%;height:100%;object-fit:cover}.hero-carousel .swiper-slide:after{content:"";position:absolute;bottom:0;left:0;right:0;height:16rem;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);z-index:2;pointer-events:none}.hero-carousel__dot-grid{z-index:1}.hero-carousel__fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--color-bg-secondary)}.hero-carousel__fallback-title{font-family:var(--font-shippori);font-size:clamp(5rem,14vw,12rem);font-weight:700;color:var(--color-accent);opacity:1;letter-spacing:.02em;text-transform:uppercase;line-height:1;pointer-events:none;user-select:none}.hero-carousel__fallback-subtitle{max-width:36rem;font-size:var(--font-size-md);color:var(--color-text-secondary);text-align:center;line-height:1.5;pointer-events:none;user-select:none}.hero-carousel__fallback-tech{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;pointer-events:none;user-select:none}.hero-carousel__fallback-tech span{font-family:monospace;font-size:var(--font-size-xs);padding:.2em .6em;background:var(--color-bg-tertiary);color:var(--color-text-muted);border:1px solid var(--color-border)}.hero-carousel__fallback-status{font-family:monospace;font-size:var(--font-size-2xs);color:var(--color-text-muted);letter-spacing:.15em;margin-top:.5rem;pointer-events:none;user-select:none}.hero-carousel__nav{position:absolute;bottom:0;right:0;display:flex;gap:.5rem;padding:1rem;z-index:10}.hero-carousel .btn{--cut: .45em;--border-w: 1px;--clip: polygon( var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut) );position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-weight:500;line-height:1;cursor:pointer;border:none;text-decoration:none;backdrop-filter:blur(12px);background:color-mix(in srgb,var(--color-bg-primary) 85%,transparent);clip-path:var(--clip);transition:background var(--duration-normal) var(--ease-out-expo),color var(--duration-normal) var(--ease-out-expo);color:var(--color-text-primary)}.hero-carousel .btn:before{content:"";position:absolute;inset:0;clip-path:var(--clip);background:var(--color-border);z-index:0;pointer-events:none;transition:background var(--duration-normal) var(--ease-out-expo)}.hero-carousel .btn:after{content:"";position:absolute;inset:var(--border-w);clip-path:var(--clip);background:color-mix(in srgb,var(--color-bg-primary) 85%,transparent);z-index:1;pointer-events:none;transition:background var(--duration-normal) var(--ease-out-expo)}.hero-carousel .btn:hover:before{background:var(--color-text-muted)}.hero-carousel .btn:hover:after{background:color-mix(in srgb,var(--color-bg-primary) 95%,transparent)}.hero-carousel .btn:hover{color:var(--color-accent)}.hero-carousel .btn__icon{position:relative;z-index:3;width:1.15em;height:1.15em}.hero-carousel .btn--md{font-size:var(--font-size-xl);padding:.7em}.hero-carousel__project-overlay{--cut: .75rem;position:absolute;bottom:1rem;left:1.5rem;width:33.333%;z-index:5}.hero-carousel__project-badge{display:flex;align-items:center;gap:.5rem;font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.06em}.hero-carousel__project-badge--current{color:var(--color-accent)}.hero-carousel__project-led{width:.4rem;height:.4rem;border-radius:50%;flex-shrink:0}.hero-carousel__project-led--active{background-color:var(--color-accent);box-shadow:0 0 6px var(--color-accent);animation:hero-glow-pulse 2s ease-in-out infinite}.hero-carousel__project-led--hollow{border:1px solid var(--color-text-muted);background:transparent}.hero-carousel__project-card{backdrop-filter:blur(12px);background:color-mix(in srgb,var(--color-bg-primary) 85%,transparent);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;min-height:14rem;text-decoration:none;color:inherit;box-shadow:inset 0 0 0 1px var(--color-border);transition:transform var(--duration-normal) var(--ease-out-expo),background var(--duration-normal) var(--ease-out-expo)}.hero-carousel__project-card:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--color-bg-primary) 95%,transparent)}.hero-carousel__project-card:hover .hero-carousel__project-title{color:var(--color-accent)}.hero-carousel__project-header{display:flex;align-items:center;gap:.6rem}.hero-carousel__project-title{font-family:var(--font-shippori);font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary);margin:0;display:inline-flex;align-items:center;gap:.3em;transition:color var(--duration-normal) var(--ease-out-expo)}.hero-carousel__project-arrow{opacity:0;transform:translate(-.2em);transition:opacity .2s ease,transform .2s ease;font-size:.85em}.hero-carousel__project-card:hover .hero-carousel__project-arrow{opacity:1;transform:translate(0)}.hero-carousel__project-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.4;margin:0}.hero-carousel__project-chevron{color:var(--color-accent);font-family:monospace;margin-right:.4rem}.hero-carousel__project-tech{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:.3rem}.hero-carousel__project-tech span{font-family:monospace;font-size:var(--font-size-xs);padding:.2em .6em;background:var(--color-bg-tertiary);color:var(--color-text-muted);border:1px solid var(--color-border)}.hero-carousel__watermark{position:absolute;bottom:1rem;left:1.5rem;font-family:monospace;font-size:5rem;font-weight:700;color:var(--color-text-primary);opacity:.06;line-height:1;pointer-events:none;z-index:2}@keyframes hero-glow-pulse{0%,to{box-shadow:0 0 6px var(--color-accent);opacity:1}50%{box-shadow:0 0 14px var(--color-accent);opacity:.6}}@media(max-width:768px){.hero-carousel__project-overlay{left:1rem;right:1rem;bottom:4.5rem;width:auto}.hero-carousel__project-card{min-height:0}.hero-carousel__project-title{font-size:var(--font-size-2xl)}.hero-carousel__project-subtitle{font-size:var(--font-size-sm)}.hero-carousel__watermark{font-size:3rem}}