@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-main:#0b0b0c;--bg-secondary:#121214;--accent-main:#c6a98d;--accent-dark:#8e735b;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#ffffff80;--border:#ffffff14;--glass:#ffffff0a;--kagura-red:#ff6b6b;--shinsengumi-blue:#4a90e2;--color-bg:var(--bg-main);--color-surface:var(--bg-secondary);--color-text:var(--text-primary);--color-text-muted:var(--text-muted);--color-border:var(--border);--color-brand:var(--accent-main);--color-shadow:#0006;--color-shadow-deep:#000c;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-smooth:all .6s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .3s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:radial-gradient(circle at 20% 30%, #ffffff0d, transparent 40%), radial-gradient(circle at 80% 70%, #e0e4e814, transparent 50%), var(--color-bg);color:var(--color-text);letter-spacing:-.015em;background-attachment:fixed;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:500;line-height:1.1}h1{font-size:clamp(2.5rem,5vw,4.5rem)}h2{font-size:clamp(2rem,3.5vw,3rem)}p{color:var(--color-text-muted);max-width:65ch;font-size:clamp(1rem,1.2vw,1.125rem);font-weight:300}a{color:inherit;transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--shinsengumi-blue)}img{max-width:100%;display:block}.container{max-width:1400px;margin:0 auto;padding:0 5vw}.glass{background:var(--glass);-webkit-backdrop-filter:blur(25px);border:1px solid var(--border);box-shadow:0 20px 40px var(--color-shadow)}.clay-shadow{box-shadow:20px 20px 60px #00000080,-20px -20px 60px #28282d66,inset 2px 2px 5px #ffffff1a}.section-padding{padding:120px 0}.flex-center{justify-content:center;align-items:center;display:flex}.grid-layout{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.section-divider{background:linear-gradient(to bottom, var(--bg-main), transparent);z-index:5;height:120px;margin-top:-120px;position:relative}.fade-up{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.fade-up.show{opacity:1;transform:translateY(0)}.noise-overlay{pointer-events:none;z-index:9999;opacity:.01;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:fixed;inset:0}.navbar{z-index:1000;width:100%;padding:32px 0;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0}.nav-scrolled{-webkit-backdrop-filter:blur(20px);background:#0b0b0cd9;border-bottom:1px solid #ffffff0d;padding:16px 0}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-logo{letter-spacing:-.05em;color:#fff;font-size:1.5rem;font-weight:700}.nav-links{gap:32px;display:flex}.nav-links a{color:#fff9;text-transform:uppercase;letter-spacing:.1em;font-size:.9rem;font-weight:500;position:relative}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a:after{content:"";background-color:#fff;border-radius:50%;width:4px;height:4px;transition:transform .3s;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)scale(0)}.nav-links a.active:after{transform:translate(-50%)scale(1)}.scroll-sequence-container{background-color:var(--bg-main);z-index:1;height:500vh;position:relative}.sticky-canvas-wrapper{background-color:var(--bg-main);width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.sequence-canvas{object-fit:cover;filter:contrast(1.1)brightness(.9);width:100%;height:100%;transform:translateZ(0)}.canvas-overlay{pointer-events:none;background:radial-gradient(circle,#0000 0%,#0009 100%);width:100%;height:100%;position:absolute;inset:0}.cinematic-text{width:100%;padding:0 5vw;position:absolute}.title-strong{text-align:left;top:30%}.title-center{text-align:center;top:50%;transform:translateY(-50%)}.title-bottom{text-align:right;bottom:15%}.bold-3d-text{letter-spacing:-.04em;color:#fff;text-shadow:0 4px 10px #0000004d,0 10px 20px #0006,0 20px 40px #00000080,1px 1px #ffffff80,-1px -1px #000c;margin-bottom:24px;font-size:clamp(4rem,10vw,10rem);font-weight:700;line-height:.9}.subtitle-3d{color:#ffffffd9;text-shadow:0 4px 12px #000c;max-width:600px;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:300}.title-center .subtitle-3d{margin:0 auto}.title-bottom .subtitle-3d{margin-left:auto}.title-glass-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14141466;border:1px solid #ffffff0d;border-radius:32px;flex-direction:column;align-items:center;padding:60px 80px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000080,0 0 120px 20px #e0e4e81a}.title-glass-box:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);height:1px;position:absolute;top:0;left:0;right:0}.yorozuya-badge{letter-spacing:4px;color:var(--kagura-red);letter-spacing:4px;background:#ff6b6b0d;border:1px solid #ff6b6b4d;border-radius:4px;margin-bottom:24px;padding:6px 16px;font-family:Yu Mincho,MS Mincho,serif;font-size:1rem;display:inline-block}.scroll-indicator-line{background:linear-gradient(#0000,#fffc,#0000);width:2px;height:60px;margin-top:40px;animation:2s ease-in-out infinite pulse-line}@keyframes pulse-line{0%{opacity:0;transform:scaleY(.1)}50%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.1)}}.hud-corners{pointer-events:none;z-index:5;position:absolute;inset:0}.hud-corner{letter-spacing:.2em;color:#fff6;text-transform:uppercase;padding:40px;font-family:monospace;font-size:.75rem;position:absolute}.top-left{top:0;left:0}.top-right{text-align:right;top:0;right:0}.bottom-left{bottom:0;left:0}.bottom-right{text-align:right;bottom:0;right:0}.hud-crosshair.center{opacity:.5;border-top:1px solid #ffffff1a;border-left:1px solid #ffffff1a;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scroll-indicator{color:#fff;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:16px;margin-top:32px;font-size:.9rem;font-weight:500;display:inline-flex}.scroll-indicator .line{background-color:#fff;width:80px;height:2px;box-shadow:0 2px 10px #00000080}@media (width<=768px){.title-strong,.title-center,.title-bottom{text-align:center;top:50%;bottom:auto;transform:translateY(-50%)}.title-bottom{top:70%}.scroll-indicator{justify-content:center}}.hero-socials{align-items:center;gap:16px;margin-top:16px;display:flex}.hero-social-link{color:#ffffff8c;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;text-decoration:none;transition:all .3s;display:flex}.hero-social-link:hover{color:#fff;background:#ffffff14;border-color:#ffffff80;transform:translateY(-3px);box-shadow:0 8px 20px #0006}.about-bento-section{z-index:10;padding:120px 0;position:relative}.bento-grid{grid-template-rows:auto auto;grid-template-columns:repeat(12,1fr);gap:24px;max-width:1200px;margin:0 auto;display:grid}.bento-box{background:var(--glass);-webkit-backdrop-filter:blur(40px);border:1px solid var(--border);border-radius:32px;padding:48px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;position:relative;overflow:hidden}.bento-box:hover{border-color:#ffffff26;transform:translateY(-6px);box-shadow:0 30px 80px #0009}.bento-tag{letter-spacing:.1em;color:#fff6;text-transform:uppercase;margin-bottom:24px;font-size:11px;font-weight:700;display:inline-block}.bento-icon{color:var(--accent-main);margin-bottom:24px}.box-story{flex-direction:column;grid-column:span 8;justify-content:center;display:flex}.box-identity{text-align:center;flex-direction:column;grid-column:span 4;justify-content:center;align-items:center;display:flex}.box-skills{grid-column:span 7}.box-awards{flex-direction:column;grid-column:span 5;justify-content:center;display:flex}.about-heading-dramatic{letter-spacing:-1.5px;color:#fff;margin-bottom:32px;font-size:clamp(3rem,5vw,64px);font-weight:600;line-height:1.1}.highlight-text{color:#e0e4e8;font-weight:700}.about-desc-punchy p{color:#ffffffb3;margin-bottom:12px;font-size:1.25rem;font-weight:400;line-height:1.5}.alter-ego-quote{border-left:3px solid var(--accent-main);padding-left:20px;font-style:italic;color:#fff!important;margin-top:32px!important;margin-bottom:40px!important;font-size:1.5rem!important}.read-story-cta{background:var(--accent-main);color:var(--bg-main);border:none;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-top:auto;padding:16px 32px;font-size:15px;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 10px 30px #e0e4e833}.read-story-cta:hover{color:#000;transform:translateY(-4px)scale(1.02);box-shadow:0 15px 40px #e0e4e880}.terminal-box{font-family:Fira Code,monospace,sans-serif;text-align:left!important;background:#0b0b0ccc!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;padding:32px!important;display:flex!important}.terminal-header{border-bottom:1px solid #ffffff0d;gap:8px;width:100%;margin-bottom:32px;padding-bottom:16px;display:flex}.mac-dot{border-radius:50%;width:12px;height:12px}.mac-dot.red{background:#ff5f56}.mac-dot.yellow{background:#ffbd2e}.mac-dot.green{background:#27c93f}.terminal-body{flex-direction:column;gap:16px;display:flex}.terminal-line{opacity:0;font-size:1.1rem;animation:.1s forwards revealLine}.line-1{color:#ffffff80;animation-delay:1s}.line-2{color:var(--kagura-red);animation-delay:2s}.line-3{color:var(--accent-main);font-weight:700;animation-delay:3s}@keyframes revealLine{to{opacity:1}}.terminal-cursor{vertical-align:middle;background:#fff;width:10px;height:1.1rem;margin-left:8px;animation:1s step-end infinite blinkCursor;display:inline-block}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.glitch-text{display:inline-block;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);opacity:.8;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{color:var(--shinsengumi-blue);z-index:-1;animation:2s linear infinite alternate-reverse glitch-anim-1}.glitch-text:after{color:var(--kagura-red);z-index:-2;animation:2.3s linear infinite alternate-reverse glitch-anim-2}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80%);transform:translate(-2px,1px)}20%{clip-path:inset(60% 0 10%);transform:translate(2px,-1px)}40%{clip-path:inset(40% 0 50%);transform:translate(-2px,2px)}60%{clip-path:inset(80% 0 5%);transform:translate(2px,-2px)}80%{clip-path:inset(10% 0 70%);transform:translate(-1px,1px)}to{clip-path:inset(30% 0 50%);transform:translate(1px,-1px)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60%);transform:translate(2px,-1px)}20%{clip-path:inset(30% 0 20%);transform:translate(-2px,1px)}40%{clip-path:inset(70% 0 10%);transform:translate(2px,2px)}60%{clip-path:inset(20% 0 50%);transform:translate(-2px,-2px)}80%{clip-path:inset(50% 0 30%);transform:translate(1px,1px)}to{clip-path:inset(5% 0 80%);transform:translate(-1px,-1px)}}.skills-container{flex-direction:column;gap:32px;display:flex}.skill-group-header{color:#fff;align-items:center;gap:12px;margin-bottom:16px;display:flex}.skill-group-header h4{margin:0;font-size:1rem;font-weight:500}.skill-pills{flex-wrap:wrap;gap:10px;display:flex}.skill-pill{color:#fffc;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:8px 16px;font-size:13px;transition:all .3s}.skill-pill.highlight{border-color:var(--accent-main);color:#fff;font-weight:500;box-shadow:0 0 15px #e0e4e826}.skill-pill:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-4px)}.achievements-list{flex-direction:column;gap:32px;margin:0;padding:0;list-style:none;display:flex}.achievements-list li{color:#ffffffb3;padding-left:24px;font-size:1.1rem;line-height:1.5;position:relative}.achievements-list li strong{color:#fff;letter-spacing:-.01em;font-weight:600}.achievements-list .bullet{background:var(--accent-main);width:6px;height:6px;box-shadow:0 0 10px var(--accent-main);border-radius:50%;position:absolute;top:10px;left:0}.award-icon{filter:drop-shadow(0 0 10px #e0e4e866)}@media (width<=992px){.bento-grid{grid-template-columns:1fr}.box-story,.box-identity,.box-skills,.box-awards{grid-column:span 1}}.projects-section{z-index:10;background:0 0;padding:120px 0;position:relative;overflow:hidden}.kanji-watermark{color:#ffffff04;z-index:0;pointer-events:none;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:-.1em;font-family:Yu Mincho,MS Mincho,serif;font-size:clamp(200px,40vw,600px);font-weight:900;position:absolute;top:5%;left:3%}.kanji-watermark.right-side{inset:auto 3% 10% auto}.section-terminal-header{align-items:center;gap:8px;margin-bottom:20px;display:flex}.section-terminal-title{color:#ffffff59;margin-left:8px;font-family:Fira Code,monospace;font-size:13px}.projects-header{text-align:center;margin-bottom:80px}.projects-header h2{color:var(--color-text);margin-bottom:24px;font-size:clamp(2.5rem,5vw,4rem)}.projects-header p{color:var(--color-text-muted);max-width:600px;margin:0 auto;font-size:1.25rem}.project-row{grid-template-columns:6fr 5fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;padding-bottom:120px;display:grid}.project-glass-card{-webkit-backdrop-filter:blur(20px);transform-style:preserve-3d;perspective:1000px;background:#0b0b0ce6;border:1px solid #ffffff14;border-radius:16px;padding:0;font-family:Fira Code,Courier New,monospace;transition:transform .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.project-terminal-header{background:#ffffff08;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:14px 20px;display:flex}.project-terminal-path{color:#fff6;margin-left:10px;font-family:Fira Code,monospace;font-size:12px}.project-terminal-cmd{align-items:center;gap:8px;padding:16px 20px 0;display:flex}.terminal-prompt{color:#e0e4e8;font-size:14px;font-weight:700}.terminal-command{color:#ffffff80;font-size:13px}.project-terminal-topbar{background:#ffffff08;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:14px 20px;display:flex}.project-terminal-path{color:#fff6;letter-spacing:.03em;margin-left:10px;font-family:Fira Code,monospace;font-size:12px}.project-card-body{flex-direction:column;gap:0;padding:24px 28px 28px;display:flex}.project-cmd-line{align-items:center;gap:8px;margin-bottom:14px;display:flex}.t-prompt{color:#e0e4e8;font-family:Fira Code,monospace;font-size:14px;font-weight:700}.t-command{color:#fff6;font-family:Fira Code,monospace;font-size:13px}.project-tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tag{color:#ffffff80;letter-spacing:.02em;background:#ffffff0f;border:1px solid #0000;border-radius:4px;padding:4px 10px;font-family:Fira Code,monospace;font-size:11px;transition:all .3s}.tag:hover{color:#e0e4e8;background:#e0e4e80d;border-color:#e0e4e8}.project-title{letter-spacing:-.5px;color:#fff;margin-top:0;margin-bottom:12px;font-size:clamp(24px,3vw,40px);font-weight:600;line-height:1.2}.project-desc{color:#fff9;margin-top:0;margin-bottom:0;font-size:14px;line-height:1.7}.project-action{margin-top:24px}.view-case-study{color:#e0e4e8;background:0 0;border-bottom:1px solid #ffffff40;align-items:center;gap:8px;padding-bottom:4px;font-family:Fira Code,monospace;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.view-case-study:hover{color:#fff;letter-spacing:.05em;border-bottom-color:#fff}.project-visual{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.bg-glow{filter:blur(80px);z-index:0;pointer-events:none;background:radial-gradient(circle,#e0e4e840,#0000 70%);width:150%;height:150%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phone-mockup{z-index:1;filter:brightness(.9);border:1px solid #ffffff14;border-radius:32px;width:100%;max-width:480px;animation:6s ease-in-out infinite float;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px #0009}.phone-mockup .lazy-image-container{background-color:#0000!important;width:100%!important;height:auto!important}.phone-mockup .lazy-image-container img{display:block;object-fit:cover!important;width:100%!important;height:auto!important;position:relative!important}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.connection-rod{z-index:0;background:linear-gradient(#0000,#ffffff1a,#0000);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.project-row.reverse .project-glass-card{order:2}.project-row.reverse .project-visual{order:1}.glow-alt{background:radial-gradient(circle,#9ca3af40,#0000 70%)}.flex-end{justify-content:flex-end}@media (width<=992px){.connection-rod{display:none}.project-row.reverse .project-glass-card{order:unset}.project-row.reverse .project-visual{order:-1}.project-row{grid-template-columns:1fr;gap:60px;padding-bottom:80px}.project-visual{order:-1}.project-title{font-size:40px}}.contact{text-align:center;background-color:var(--bg-main);flex-direction:column;justify-content:center;min-height:80vh;padding:150px 20px 80px;display:flex;position:relative;overflow:hidden}.contact-bg{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.contact-canvas{object-fit:cover;filter:blur(24px)brightness(.25);width:100%;height:100%;transform:scale(1.1)}.contact-overlay{background:radial-gradient(circle at center, #ffffff08, var(--bg-main) 80%);z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.contact-container{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.contact-content{flex-direction:column;align-items:center;gap:24px;max-width:800px;margin-bottom:80px;display:flex}.contact h1{letter-spacing:2px;opacity:.9;color:#fff;text-shadow:0 0 40px #fff3;margin-bottom:20px;font-size:clamp(2.5rem,5vw,4rem)}.email-link{color:var(--color-text-muted);width:fit-content;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:500;position:relative}.email-link:after{content:"";background-color:var(--kagura-red);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.email-link:hover{color:var(--kagura-red)}.email-link:hover:after{width:100%}.contact-bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;width:100%;padding-top:32px;display:flex}.contact-copyright{color:#ffffff80;font-size:.9rem}.contact-socials{flex-wrap:wrap;gap:24px;display:flex}.contact-socials a{color:#fff9;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:7px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.contact-socials a svg{font-size:1rem}.contact-socials a:hover{color:#fff;transform:translateY(-2px)}@media (width<=768px){.contact-bottom{flex-direction:column;align-items:center}}.project-detail-page{background-color:var(--color-bg);min-height:100vh;padding-top:150px;padding-bottom:100px}.back-link{color:var(--color-text-muted);align-items:center;gap:8px;margin-bottom:60px;font-weight:500;transition:color .3s;display:inline-flex}.back-link:hover{color:var(--color-text)}.project-detail-header{margin-bottom:60px}.project-title{text-align:left;margin-bottom:24px;font-size:clamp(3rem,6vw,6rem)!important}.project-tags-large{flex-wrap:wrap;gap:16px;display:flex}.tag-large{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:30px;padding:8px 24px;font-size:1rem;font-weight:500}.project-hero-image{background-color:var(--color-surface);border-radius:32px;width:100%;margin-bottom:80px;padding:20px;overflow:hidden}.project-hero-image img{border-radius:20px;width:100%;height:auto;display:block}.project-content-grid{grid-template-columns:3fr 2fr;gap:60px;display:grid}.project-main-desc h3{color:var(--color-text);margin-bottom:24px;font-size:2rem}.project-main-desc p{color:var(--color-text-muted);max-width:100%;font-size:1.25rem;line-height:1.8}.detail-block{margin-bottom:40px}.detail-block h4{color:var(--color-text);margin-bottom:12px;font-size:1.25rem}.detail-block p{font-size:1.1rem;line-height:1.6}@media (width<=992px){.project-content-grid{grid-template-columns:1fr;gap:40px}}@media (pointer:fine){*{cursor:none!important}}.custom-cursor-dot{pointer-events:none;z-index:9999;mix-blend-mode:difference;background-color:#fff;border-radius:50%;width:8px;height:8px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor-ring{pointer-events:none;z-index:9998;mix-blend-mode:difference;border:1px solid #fff6;border-radius:50%;width:40px;height:40px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.loading-wrapper{z-index:999999;pointer-events:none;position:fixed;inset:0}.loading-slice{pointer-events:all;background:#000;width:100vw;height:100vh;position:absolute;overflow:hidden}.top-slice{clip-path:polygon(0 0,100% 0,100% 50%,0 45%)}.bottom-slice{clip-path:polygon(0 45%,100% 50%,100% 100%,0 100%)}.gintoki-container{opacity:0;width:400px;height:auto;animation:2.8s cubic-bezier(.16,1,.3,1) forwards gintokiReveal;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gintoki-img{object-fit:contain;mix-blend-mode:screen;filter:contrast(1.2);width:100%;height:auto}@keyframes gintokiReveal{0%{opacity:0;filter:blur(20px);transform:translate(-50%,-50%)scale(.9)}40%{opacity:.8;filter:blur();transform:translate(-50%,-50%)scale(1)}95%{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1.05)}to{opacity:1;filter:blur()brightness(1.5);transform:translate(-50%,-50%)scale(1.06)}}.slash-line{transform-origin:0;z-index:10;background:#fff;width:120%;height:2px;position:absolute;top:47.5%;left:-10%;transform:rotate(1.5deg);box-shadow:0 0 20px 5px #fff}@media (width<=768px){.top-slice{clip-path:polygon(0 0,100% 0,100% 50%,0 48%)}.bottom-slice{clip-path:polygon(0 48%,100% 50%,100% 100%,0 100%)}.slash-line{top:49%;transform:rotate(.6deg)}.gintoki-container{width:250px}}