*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;font-family:Nunito Sans,Zen Kaku Gothic New,sans-serif;background:#05070f;color:#f4e8d8}body{overflow-y:auto}.webgl{position:fixed;top:0;left:0;outline:none;z-index:1}.loading_bar{position:absolute;top:50%;width:100%;height:2px;background:linear-gradient(90deg,#ff6b35,#ffd23f);box-shadow:0 0 12px #ff6b3599;transform:scaleX(0);transform-origin:top left;transition:transform .5s;will-change:transform}.loading_bar.ended{transform-origin:top right;transition:transform 1.5s ease-in-out}html{scroll-behavior:smooth}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:#05070f99}body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff6b35,#ffd23f);border-radius:4px}body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff8c42,#ff6b35)}.webgl,.portfolio-active .webgl{pointer-events:auto}.hidden{display:none!important}.visible{display:block!important}.fade-in{opacity:0;animation:fadeIn .6s ease-out forwards}@keyframes fadeIn{to{opacity:1}}::selection{background:#ff6b3559;color:#f4e8d8}::-moz-selection{background:#ff6b3559;color:#f4e8d8}.start_button{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;font-weight:700;background:linear-gradient(45deg,#ff6b35,#ff8c42,#ffd23f,#ff8c42,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-color:transparent;padding:20px 40px;border:none;border-radius:10px;cursor:pointer;z-index:1000;-webkit-user-select:none;user-select:none;opacity:0;visibility:visible;transition:all .4s ease;font-family:Fraunces,Zen Kaku Gothic New,serif;font-weight:600;filter:drop-shadow(0 0 10px rgba(255,150,50,.8)) drop-shadow(0 0 20px rgba(255,107,53,.6)) drop-shadow(0 0 30px rgba(255,107,53,.4))}.start_button:before{content:"BEGIN EXPEDITION";position:absolute;top:-.4em;left:50%;transform:translate(-50%);font-family:Space Mono,monospace;font-size:.7rem;font-weight:400;letter-spacing:.32em;white-space:nowrap;-webkit-text-fill-color:#b9ad9c;color:#b9ad9c}.start_button:focus-visible{outline:2px solid #ffd23f;outline-offset:6px;border-radius:6px}.start_button:hover{background:linear-gradient(45deg,#ff4500,#ff6b35,#ffd23f,#ff0,#ffd23f,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 15px rgba(255,210,63,1)) drop-shadow(0 0 25px rgba(255,140,66,.8)) drop-shadow(0 0 35px rgba(255,107,53,.6)) drop-shadow(0 0 45px rgba(255,69,0,.4));transform:translate(-50%,-50%) scale(1.05);animation:text-flame-flicker .8s ease-in-out infinite alternate}@keyframes text-flame-flicker{0%{filter:drop-shadow(0 0 15px rgba(255,210,63,1)) drop-shadow(0 0 25px rgba(255,140,66,.8)) drop-shadow(0 0 35px rgba(255,107,53,.6)) drop-shadow(0 0 45px rgba(255,69,0,.4))}to{filter:drop-shadow(0 0 20px rgba(255,210,63,1)) drop-shadow(0 0 30px rgba(255,140,66,.9)) drop-shadow(0 0 40px rgba(255,107,53,.7)) drop-shadow(0 0 50px rgba(255,69,0,.5))}}.start_button.disabled{pointer-events:none;opacity:0!important;cursor:not-allowed;animation:none!important}.start_button.disabled:hover{transform:translate(-50%,-50%) scale(1)!important;animation:none!important}@media (prefers-reduced-motion: reduce){.start_button:hover{animation:none;transform:translate(-50%,-50%)}}:root{--ember: #ff6b35;--spark: #ffd23f;--ash: #c98a5e;--nova: #57b3a6;--space: #0b1026;--void: #05070f;--ink-bright: #f4e8d8;--ink-dim: #b9ad9c;--panel-bg: rgba(11, 16, 38, .72);--panel-bg-solid: rgba(8, 12, 28, .92);--panel-border: rgba(255, 210, 63, .16);--panel-border-hot: rgba(255, 107, 53, .55);--primary-color: var(--ember);--secondary-color: var(--spark);--accent-color: #ff8c42;--dark-bg: var(--space);--darker-bg: var(--void);--light-text: var(--ink-bright);--muted-text: var(--ink-dim);--border-color: var(--panel-border);--glass-bg: var(--panel-bg);--glass-border: var(--panel-border);--font-display: "Fraunces", "Zen Kaku Gothic New", serif;--font-body: "Nunito Sans", "Zen Kaku Gothic New", sans-serif;--font-mono: "Space Mono", monospace;--font-family: var(--font-body);--text-hero: clamp(2.6rem, 6.5vw, 4.75rem);--text-title: clamp(1.9rem, 3.5vw, 2.75rem);--text-h3: clamp(1.2rem, 2vw, 1.5rem);--text-body: 1.0625rem;--text-small: .875rem;--text-label: .75rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: 6px;--radius-md: 12px;--radius-pill: 999px;--glow-ember: 0 0 24px rgba(255, 107, 53, .35);--glow-spark: 0 0 18px rgba(255, 210, 63, .3);--glow-nova: 0 0 16px rgba(87, 179, 166, .35);--shadow-card: 0 14px 40px rgba(3, 6, 15, .55);--ease-out: cubic-bezier(.22, 1, .36, 1);--transition-fast: .2s var(--ease-out);--transition-normal: .35s var(--ease-out);--transition-slow: .6s var(--ease-out)}.nav-container{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;background:transparent;border-bottom:1px solid transparent;padding:var(--spacing-md) var(--spacing-xl);transition:opacity var(--transition-normal),transform var(--transition-normal),background var(--transition-normal),border-color var(--transition-normal);opacity:0;visibility:hidden;transform:translateY(-100%)}.nav-container.scrolled{background:linear-gradient(180deg,rgba(5,7,15,.88) 0%,rgba(5,7,15,.55) 70%,transparent 100%);border-bottom-color:var(--panel-border)}.nav-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-img{width:32px;height:32px;border-radius:50%;object-fit:cover}.logo-text{font-family:var(--font-body);font-size:var(--font-size-lg, 1.125rem);font-weight:700;color:var(--ink-bright);letter-spacing:.02em}.nav-menu{display:flex;list-style:none;gap:var(--spacing-xl);align-items:center;margin:0;padding:0}.nav-link{font-family:var(--font-mono);font-size:var(--text-label);text-transform:uppercase;letter-spacing:.18em;color:var(--ink-dim);text-decoration:none;transition:color var(--transition-fast);position:relative;padding:var(--spacing-sm) 0}.nav-link:before{content:"";position:absolute;left:-14px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--ember);box-shadow:var(--glow-ember);transform:translateY(-50%) scale(0);transition:transform var(--transition-normal)}.nav-link:hover,.nav-link.active{color:var(--ink-bright)}.nav-link.active:before{transform:translateY(-50%) scale(1)}.nav-toggle{display:none;flex-direction:column;cursor:pointer;gap:4px;padding:var(--spacing-sm);background:none;border:none;width:44px;height:44px;justify-content:center;align-items:center}.nav-toggle span{width:25px;height:2px;background:var(--ink-bright);transition:var(--transition-normal);border-radius:2px}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.portfolio-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50;pointer-events:none;overflow-y:auto;scroll-behavior:smooth;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .6s ease,visibility .6s ease,transform .6s ease}.portfolio-section{min-height:100vh;padding:var(--spacing-3xl) var(--spacing-xl);padding-top:calc(70px + var(--spacing-3xl));display:flex;align-items:center;justify-content:center;pointer-events:auto}.section-content{max-width:1200px;width:100%;margin:0 auto}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);transition-delay:calc(var(--reveal-order, 0) * 90ms)}[data-reveal].is-revealed{opacity:1;transform:none}.section-header{margin-bottom:var(--spacing-2xl)}.section-kicker{display:block;font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.22em;text-transform:uppercase;color:var(--spark);margin-bottom:var(--spacing-sm)}.section-title{font-family:var(--font-display);font-size:var(--text-title);font-weight:600;color:var(--ink-bright);text-align:left;margin-bottom:var(--spacing-md);position:relative}.section-rule{position:relative;height:1px;max-width:220px;background:linear-gradient(90deg,var(--ash),transparent);transform:scaleX(0);transform-origin:left center;transition:transform .9s var(--ease-out) .2s}[data-reveal].is-revealed .section-rule,.section-header.is-revealed .section-rule{transform:scaleX(1)}.section-rule:after{content:"✦";position:absolute;right:-18px;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--spark);text-shadow:var(--glow-spark)}#home{position:relative;align-items:flex-end}#home .section-content{position:relative;display:flex;justify-content:flex-end}.hero-log{position:relative;max-width:620px;padding-bottom:6vh}.hero-log:before{content:"";position:absolute;top:-3rem;right:-8rem;bottom:-6rem;left:-6rem;background:radial-gradient(ellipse at 70% 80%,rgba(5,7,15,.72) 0%,rgba(5,7,15,.35) 55%,transparent 78%);pointer-events:none;z-index:-1}.hero-kicker{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.24em;text-transform:uppercase;color:var(--spark);margin-bottom:var(--spacing-md)}.hero-name{font-family:var(--font-display);font-size:var(--text-hero);font-weight:600;line-height:1.05;color:var(--ink-bright);text-shadow:0 2px 24px rgba(255,210,63,.18),0 0 60px rgba(255,107,53,.12);margin-bottom:var(--spacing-lg)}.hero-tagline{font-family:var(--font-body);font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.6;color:var(--ink-dim);max-width:34em;margin-bottom:var(--spacing-xl)}.btn-ghost{display:inline-flex;align-items:center;gap:.6em;font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-bright);background:#05070f66;border:1px solid var(--ash);border-radius:var(--radius-sm);padding:.9em 1.6em;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast)}.btn-ghost:hover{border-color:var(--ember);box-shadow:var(--glow-ember);color:var(--spark)}.btn-ghost .arrow{transition:transform var(--transition-fast)}.btn-ghost:hover .arrow{transform:translateY(3px)}.scroll-cue{position:absolute;left:50%;bottom:4vh;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.3em;color:var(--ink-dim);pointer-events:none;transition:opacity var(--transition-slow)}.scroll-cue.is-hidden{opacity:0}.scroll-cue-line{display:block;width:1px;height:40px;background:linear-gradient(180deg,var(--ash),transparent);animation:cue-bob 2.4s var(--ease-out) infinite;transform-origin:top center}@keyframes cue-bob{0%,to{transform:scaleY(.4);opacity:.4}50%{transform:scaleY(1);opacity:1}}.about-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-3xl);align-items:center}.about-text{background:var(--panel-bg);border:1px solid var(--panel-border);border-left:2px solid var(--ember);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-2xl)}.about-text h3{font-family:var(--font-display);font-size:var(--text-h3);font-weight:600;color:var(--ink-bright);margin-bottom:var(--spacing-md);margin-top:var(--spacing-xl)}.about-text h3:first-child{margin-top:0}.about-text p{font-size:var(--text-body);color:var(--ink-dim);line-height:1.75;margin-bottom:var(--spacing-md)}.tech-stack{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.tech-item{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.1em;text-transform:uppercase;background:transparent;border:1px solid var(--ash);padding:.45em 1em;border-radius:var(--radius-pill);color:var(--ink-dim);transition:border-color var(--transition-fast),color var(--transition-fast)}.tech-item:hover{border-color:var(--ember);color:var(--ember)}.about-image{text-align:center}.image-placeholder{width:250px;height:250px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;overflow:visible;position:relative}.image-placeholder:after{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:50%;border:1px dashed rgba(87,179,166,.45);animation:orbit-spin 60s linear infinite;pointer-events:none}@keyframes orbit-spin{to{transform:rotate(360deg)}}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid rgba(255,210,63,.4);box-shadow:var(--glow-ember);transition:box-shadow var(--transition-normal)}.profile-image:hover{box-shadow:0 0 34px #ff6b3580}.profile-info{margin-top:var(--spacing-lg);text-align:center}.name-japanese{font-family:var(--font-display);font-size:var(--font-size-2xl, 1.5rem);font-weight:600;color:var(--ink-bright);margin:0 0 var(--spacing-sm)}.name-english{font-family:var(--font-display);font-style:italic;font-size:1.25rem;font-weight:500;color:var(--ink-bright);margin:0 0 var(--spacing-lg);letter-spacing:.02em}.social-icons{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-md)}.social-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:var(--panel-bg);border:1px solid var(--ash);text-decoration:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.social-icon:hover{border-color:var(--nova);box-shadow:var(--glow-nova);transform:translateY(-2px)}.social-icon img{width:30px;height:30px;object-fit:contain;object-position:center;filter:brightness(.95);transition:filter var(--transition-fast)}.social-icon:hover img{filter:brightness(1.1)}.works-panel{max-width:480px;width:100%}.carousel-track{display:grid}.carousel-track .work-item{grid-area:1 / 1;opacity:0;visibility:hidden;transform:translate(24px);transition:opacity .45s ease,transform .45s ease,visibility .45s}.carousel-track .work-item.is-active{opacity:1;visibility:visible;transform:none}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-md);pointer-events:auto}.carousel-arrow{width:40px;height:40px;border-radius:50%;background:#05070f8c;border:1px solid var(--ash);color:var(--spark);font-size:1.3rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.carousel-arrow:hover{border-color:var(--ember);box-shadow:var(--glow-ember)}.carousel-indicator{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.2em;color:var(--ink-dim)}.carousel-indicator .carousel-current{color:var(--spark)}@media (prefers-reduced-motion: reduce){.carousel-track .work-item{transition:none}}.work-item{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);padding:0;overflow:hidden;box-shadow:var(--shadow-card);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.work-item:hover{transform:translateY(-4px);border-color:var(--panel-border-hot);box-shadow:var(--shadow-card),var(--glow-ember)}.work-content{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl)}.work-label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.14em;text-transform:uppercase;margin-bottom:var(--spacing-sm)}.work-rec{color:var(--ink-dim);transition:color var(--transition-fast)}.work-item:hover .work-rec{color:var(--ember)}.work-tech{display:flex;flex-wrap:wrap;gap:.6em;margin:0}.work-tech span{color:var(--ash)}.work-tech span:not(:last-child):after{content:"·";margin-left:.6em;color:var(--ink-dim)}.work-content h3{font-family:var(--font-display);font-size:var(--text-h3);font-weight:600;color:var(--ink-bright);margin-bottom:var(--spacing-sm)}.work-content p{font-size:var(--text-small);color:var(--ink-dim);line-height:1.7;margin-bottom:var(--spacing-md)}.work-actions{margin-top:var(--spacing-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-md) var(--spacing-lg)}.field-notes-link{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.12em;color:var(--ink-bright);text-decoration:none;display:inline-flex;align-items:center;gap:.5em;border-bottom:1px solid transparent;transition:border-color var(--transition-fast),color var(--transition-fast)}.field-notes-link .arrow{transition:transform var(--transition-fast)}.field-notes-link:hover{color:var(--spark);border-bottom-color:var(--spark)}.field-notes-link:hover .arrow{transform:translate(4px)}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,#ffd23f1f,#ff6b351f);transform:translate(-50%);z-index:1}.constellation-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}.constellation-svg .constellation-path{fill:none;stroke:#ffd23f8c;stroke-width:1;transition:stroke-dashoffset .9s var(--ease-out)}.constellation-svg .constellation-node{fill:var(--spark);opacity:0;transition:opacity .6s var(--ease-out)}.constellation-svg .constellation-node.is-current{fill:var(--ember)}.constellation-svg .constellation-node.is-lit{opacity:1}.constellation-svg .constellation-node-halo{fill:#ff6b3538;opacity:0;transition:opacity .6s var(--ease-out);transform-box:fill-box;transform-origin:center}.constellation-svg .constellation-node-halo.is-lit{opacity:1;animation:node-breathe 3.5s ease-in-out infinite alternate}@keyframes node-breathe{0%{transform:scale(1)}to{transform:scale(1.35)}}.constellation-svg .constellation-twinkle{fill:var(--ink-bright);opacity:.15;animation:twinkle-fade 4s ease-in-out infinite alternate}@keyframes twinkle-fade{0%{opacity:.1}to{opacity:.5}}.timeline-item{position:relative;margin-bottom:var(--spacing-3xl);display:flex;align-items:center;z-index:3}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-date{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.1em;background:var(--panel-bg-solid);border:1px solid var(--spark);padding:.5em 1em;border-radius:var(--radius-pill);color:var(--spark);min-width:80px;text-align:center;position:relative;z-index:4;transition:box-shadow var(--transition-fast)}.timeline-item:hover .timeline-date{box-shadow:var(--glow-spark)}.timeline-item:nth-child(1) .timeline-date{transform:translate(-14px)}.timeline-item:nth-child(2) .timeline-date{transform:translate(10px)}.timeline-item:nth-child(3) .timeline-date{transform:translate(-8px)}.timeline-item:nth-child(4) .timeline-date{transform:translate(16px)}.timeline-item:nth-child(5) .timeline-date{transform:translate(-12px)}.timeline-item:nth-child(6) .timeline-date{transform:translate(6px)}.timeline-item:first-child .timeline-date{border-color:var(--ember);color:var(--ember);box-shadow:var(--glow-ember)}.timeline-content{flex:1;background:var(--panel-bg);border:1px solid var(--panel-border);padding:var(--spacing-xl);border-radius:var(--radius-md);margin:0 var(--spacing-xl);transition:border-color var(--transition-normal),box-shadow var(--transition-normal);position:relative;z-index:3}.timeline-item:hover .timeline-content{border-color:var(--panel-border-hot);box-shadow:var(--glow-ember)}.timeline-content h4{font-family:var(--font-display);font-size:var(--font-size-lg, 1.125rem);font-weight:600;color:var(--ink-bright);margin-bottom:var(--spacing-sm)}.timeline-content p{font-size:var(--text-small);color:var(--ink-dim);line-height:1.7}.site-footer{pointer-events:auto;text-align:center;padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-4xl)}.footer-rule{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--spark);font-size:.7rem;margin-bottom:var(--spacing-lg)}.footer-rule:before,.footer-rule:after{content:"";width:90px;height:1px;background:linear-gradient(90deg,transparent,var(--ash))}.footer-rule:after{background:linear-gradient(90deg,var(--ash),transparent)}.footer-end{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.3em;color:var(--spark);margin-bottom:var(--spacing-md)}.footer-copy{font-family:var(--font-body);font-size:var(--text-small);color:var(--ink-dim);margin-bottom:var(--spacing-lg)}.footer-return{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);background:none;border:none;border-bottom:1px solid transparent;cursor:pointer;padding:.4em 0;transition:color var(--transition-fast),border-color var(--transition-fast)}.footer-return:hover{color:var(--spark);border-bottom-color:var(--spark)}.focus-section .section-content{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-2xl)}.focus-section .site-footer{align-self:stretch}.focus-panel{position:relative;max-width:480px}.focus-panel:before{content:"";position:absolute;top:-3rem;right:-6rem;bottom:-3rem;left:-6rem;background:radial-gradient(ellipse at 50% 50%,rgba(5,7,15,.72) 0%,rgba(5,7,15,.35) 55%,transparent 78%);pointer-events:none;z-index:-1}.focus-panel p{font-size:var(--text-body);color:var(--ink-dim);line-height:1.75;margin-bottom:var(--spacing-md)}.focus-hint{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.14em;color:var(--spark)}.portfolio-container.free-camera .portfolio-section{opacity:.15;transition:opacity .3s ease}.portfolio-container.free-camera,.portfolio-container.free-camera *{pointer-events:none}.scroll-progress{position:fixed;top:0;right:0;bottom:0;width:3px;background:#f4e8d814;z-index:200;opacity:0;visibility:hidden;transition:var(--transition-normal)}.progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,var(--spark),var(--ember))}.progress-bar:after{content:"";position:absolute;top:0;left:0;width:100%;height:var(--progress-height, 0%);background:var(--void);transition:height .3s ease}.progress-rocket{position:absolute;top:var(--progress-height, 0%);left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background-image:url(../image/rocket_icon.png);background-size:contain;background-repeat:no-repeat;background-position:center;transition:top .3s ease;z-index:1;filter:drop-shadow(0 0 8px rgba(255,107,53,.8))}.nav-link:focus-visible,.btn-ghost:focus-visible,.social-icon:focus-visible,.field-notes-link:focus-visible,.footer-return:focus-visible,.carousel-arrow:focus-visible,.nav-toggle:focus-visible{outline:2px solid var(--spark);outline-offset:3px;border-radius:var(--radius-sm)}@media (max-width: 768px){.nav-menu{position:fixed;top:70px;left:0;right:0;background:#05070ff5;flex-direction:column;padding:var(--spacing-xl);gap:var(--spacing-lg);transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition-normal);border-bottom:1px solid var(--panel-border)}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-menu .nav-link{font-size:var(--text-small);padding:var(--spacing-sm) var(--spacing-md)}.nav-toggle{display:flex}.hero-log{max-width:100%;padding-bottom:10vh}.hero-log:before{top:-2rem;right:-2rem;bottom:-4rem;left:-2rem;background:linear-gradient(180deg,transparent 0%,rgba(5,7,15,.7) 45%)}.focus-section .section-content{align-items:center}.focus-panel{max-width:100%}.focus-panel:before{top:-2rem;right:-2rem;bottom:-2rem;left:-2rem}.about-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.about-image{order:-1}.about-text{padding:var(--spacing-lg) var(--spacing-xl)}.image-placeholder{width:200px;height:200px}.image-placeholder:after{animation:none}.timeline:before{left:30px;transform:none}.timeline-item{flex-direction:row!important;padding-left:60px}.timeline-date{position:absolute;left:0;min-width:60px}.timeline-item:nth-child(1) .timeline-date{transform:translate(-5px)}.timeline-item:nth-child(2) .timeline-date{transform:translate(4px)}.timeline-item:nth-child(3) .timeline-date{transform:translate(-3px)}.timeline-item:nth-child(4) .timeline-date{transform:translate(6px)}.timeline-item:nth-child(5) .timeline-date{transform:translate(-4px)}.timeline-item:nth-child(6) .timeline-date{transform:translate(2px)}.timeline-content{margin:0;margin-left:var(--spacing-xl)}.portfolio-section{padding:var(--spacing-xl) var(--spacing-md);padding-top:calc(70px + var(--spacing-xl))}.name-japanese{font-size:var(--font-size-xl, 1.25rem)}.name-english{font-size:1.05rem}.social-icon{width:45px;height:45px}.social-icon img{width:25px;height:25px}}@media (max-width: 480px){.nav-container{padding:var(--spacing-md)}.work-content{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}.timeline-content{padding:var(--spacing-lg)}.social-icons{gap:var(--spacing-sm)}.social-icon{width:40px;height:40px}.social-icon img{width:22px;height:22px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none;transition:none}.section-rule{transform:scaleX(1);transition:none}.constellation-svg .constellation-path{transition:none}html,.portfolio-container{scroll-behavior:auto}}.scope-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}.scope-overlay.is-active{opacity:1;visibility:visible}.scope-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 34%,rgba(2,4,10,.96) 47%)}.scope-crosshair{position:absolute;top:50%;left:50%;width:120px;height:120px;transform:translate(-50%,-50%);border:1px solid rgba(205,217,255,.35);border-radius:50%}.scope-crosshair:before,.scope-crosshair:after{content:"";position:absolute;background:#cdd9ff73}.scope-crosshair:before{top:50%;left:-18px;right:-18px;height:1px}.scope-crosshair:after{left:50%;top:-18px;bottom:-18px;width:1px}.scope-readout{position:absolute;bottom:14%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:Space Mono,monospace;color:#cdd9ffd9;text-align:center}.scope-signal-row{display:flex;align-items:center;gap:1rem}.scope-signal-name{font-size:.95rem;letter-spacing:.35em;opacity:.55;transition:opacity .3s ease,color .3s ease;width:13.5em;white-space:nowrap;text-align:center}.scope-nav-button{pointer-events:auto;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(205,217,255,.3);border-radius:50%;color:#cdd9ffb3;font-family:Space Mono,monospace;font-size:1.1rem;line-height:1;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.scope-nav-button:hover{border-color:#ffe9c4b3;color:#ffe9c4;background:#ffe9c414}.scope-overlay.has-signal .scope-signal-name{opacity:1;color:#ffe9c4}.scope-signal-freq{font-size:.7rem;letter-spacing:.25em;opacity:.7;min-height:1em}.scope-signal-strength{width:180px;height:3px;background:#cdd9ff26;border-radius:2px;overflow:hidden}.scope-strength-bar{width:0%;height:100%;background:linear-gradient(90deg,#cdd9ff,#ffe9c4);border-radius:2px}.portfolio-container,.nav-container,.scroll-progress{transition:opacity .6s ease}body.scope-mode .portfolio-container,body.scope-mode .nav-container,body.scope-mode .scroll-progress{opacity:0!important;pointer-events:none}.scope-hint{position:absolute;bottom:6%;left:50%;transform:translate(-50%);font-family:Space Mono,monospace;font-size:.65rem;letter-spacing:.3em;color:#cdd9ff66}.screen-crack{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:90;overflow:hidden}.screen-crack-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.screen-crack-line{fill:none;stroke:#ebf2ffd9;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px rgba(180,205,255,.5))}.screen-crack-line--thin{stroke:#ebf2ff66;stroke-width:.8px}.screen-crack-flash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(circle at var(--crack-x, 50%) var(--crack-y, 50%),rgba(255,255,255,.9) 0%,rgba(220,230,255,.35) 18%,transparent 45%)}