/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.delay-1{transition-delay:1ms}.delay-2{transition-delay:2ms}.delay-3{transition-delay:3ms}.delay-4{transition-delay:4ms}}:root{color:#d7e2ea;font-synthesis:none;text-rendering:optimizelegibility;scroll-behavior:smooth;background:#0c0c0c;font-family:Kanit,Helvetica Regular,Helvetica,Noto Sans SC,Noto Sans JP,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#0c0c0c}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.portfolio{--ink:#0c0c0c;--paper:#fff;--steel:#d7e2ea;--blue:#1d4ed8;--coral:#b600a8;--lime:#bbccd7;background:var(--ink);overflow-x:clip}.progress{z-index:100;transform-origin:0;mix-blend-mode:difference;background:#fff;height:3px;position:fixed;inset:0 0 auto}.site-header{z-index:50;color:#fff;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(18px,4vw,60px);display:flex;position:absolute;inset:0 0 auto}.header-left{align-items:center;gap:12px;display:flex}.personal-wordmark{color:#fff;flex-direction:column;justify-content:center;align-items:center;width:92px;height:48px;line-height:.72;display:flex;position:relative}.personal-wordmark span{transform-origin:50%;font-family:DM Serif Display,serif;font-size:31px;transform:scaleX(.88)}.personal-wordmark small{letter-spacing:5px;text-transform:lowercase;margin-left:7px;font-size:7px}.personal-wordmark:before,.personal-wordmark:after{content:"✦";color:#fff;font-size:7px;position:absolute}.personal-wordmark:before{top:7px;left:9px}.personal-wordmark:after{top:5px;right:8px;transform:scale(1.4)}.music-player{color:#fff;border-radius:14px;align-items:center;width:286px;height:42px;padding:4px 10px 4px 4px;display:flex}.music-toggle{color:#fff;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:9px;min-width:0;padding:0;display:flex}.music-toggle:disabled{cursor:not-allowed;opacity:.6}.music-icon{color:#0c0c0c;background:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.music-icon svg{fill:currentColor;width:14px}.music-label{flex-direction:column;flex:1;align-items:flex-start;min-width:0;line-height:1.15;display:flex}.music-label strong{letter-spacing:.8px;font-size:9px}.music-label small{color:#ffffff94;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:7px;overflow:hidden}.music-mark{opacity:.65;flex:none;width:15px}.music-player.playing .music-mark{animation:1s ease-in-out infinite music-pulse}.volume-control{align-items:center;gap:6px;width:88px;display:flex}.volume-control svg{opacity:.65;flex:none;width:13px}.volume-control input{appearance:none;cursor:pointer;accent-color:#fff;background:#ffffff47;border-radius:10px;width:66px;height:3px;margin:0}.volume-control input::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:10px;height:10px}@keyframes music-pulse{50%{opacity:1;transform:scaleY(.65)}}.desktop-nav{gap:32px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.desktop-nav a{color:#ffffffe0;white-space:nowrap;font-size:13px;transition:color .2s}.desktop-nav a:hover{color:#fff}.header-actions{align-items:center;gap:10px;display:flex}.language-switch{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000026;border:1px solid #ffffff61;border-radius:12px;align-items:center;padding:3px;display:flex}.language-switch button{color:#ffffffb8;cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:31px;height:29px;font-size:9px;font-weight:800}.language-switch button.active{color:#111827;background:#fff}.resume-pill{color:#111827;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:4px 13px 4px 4px;font-size:12px;font-weight:700;transition:transform .2s;display:flex}.resume-pill:hover{transform:scale(1.04)}.resume-icon{background:var(--blue);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.resume-icon svg{width:14px}.download-menu{position:relative}.download-menu summary{cursor:pointer;list-style:none}.download-menu summary::-webkit-details-marker{display:none}.download-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c1216f0;border:1px solid #ffffff2e;border-radius:12px;width:250px;padding:7px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 45px #00000052}.download-panel a{color:#ffffffd6;border-radius:8px;grid-template-columns:20px 1fr 16px;align-items:center;gap:10px;min-height:44px;padding:0 10px;font-size:11px;display:grid}.download-panel a:hover{color:#fff;background:#ffffff1a}.download-panel svg{width:15px}.download-panel a svg:last-child{opacity:.5}.menu-button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffff14;border:0;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:none}.menu-button svg{width:18px}.mobile-nav{display:none}.liquid-glass{background-blend-mode:luminosity;-webkit-backdrop-filter:blur(4px);background:#ffffff03;border:none;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff1a}.liquid-glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero-section{color:#fff;background:#0a1720;justify-content:center;align-items:center;height:100svh;min-height:700px;padding:115px 24px 80px;display:flex;position:relative;overflow:hidden}.boomerang-bg{z-index:0;transform-origin:50%;position:absolute;inset:0;overflow:hidden;transform:scale(1.08)}.boomerang-bg video,.boomerang-bg canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.boomerang-bg video{opacity:1;transition:opacity .4s}.boomerang-bg video.media-hidden{opacity:0}.boomerang-bg canvas{opacity:0;transition:opacity .4s}.boomerang-bg canvas.canvas-visible{opacity:1}.video-shade{background:#030a0e61;position:absolute;inset:0}.hero-copy{z-index:2;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:none;display:flex;position:relative}.hero-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff29;border-radius:8px;margin:0 0 20px;padding:7px 14px;font-size:11px}.role-label{color:#ffffffd1;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 17px;font-size:10px;font-weight:700}.hero-copy h1{letter-spacing:0;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;gap:clamp(8px,1.5vw,24px);width:auto;max-width:100%;margin:0;font-family:Kanit,Noto Sans SC,Noto Sans JP,sans-serif;font-size:clamp(44px,8.6vw,132px);font-weight:900;line-height:.9;display:flex;overflow:visible}.hero-copy h1 span{color:#0000;background:linear-gradient(#fff 8%,#d7e2ea 92%);-webkit-background-clip:text;background-clip:text}.hero-copy h1 span:last-child{color:#ffffff14;-webkit-text-stroke:2px #fffffff0;text-shadow:0 12px 32px #00000038;background:0 0}.lang-en .hero-copy h1{font-size:clamp(32px,6.2vw,96px)}.lang-ja .hero-copy h1{font-size:clamp(42px,8vw,122px)}.primary-action,.secondary-action{border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:0 25px;font-size:12px;font-weight:700;transition:transform .2s;display:inline-flex}.primary-action{color:#111827;background:#fff}.secondary-action{color:#fff}.primary-action:hover,.secondary-action:hover{transform:scale(1.05)}.creator-bottom-bar{z-index:3;justify-content:space-between;align-items:flex-end;gap:40px;display:flex;position:absolute;bottom:38px;left:clamp(22px,4vw,60px);right:clamp(22px,4vw,60px)}.creator-bottom-bar p{color:#d7e2ea;text-align:left;text-transform:uppercase;max-width:310px;margin:0;font-size:clamp(11px,1.05vw,15px);font-weight:300;line-height:1.45}.contact-gradient{outline-offset:-3px;color:#fff;letter-spacing:1.2px;text-transform:uppercase;background:linear-gradient(123deg,#18011f 7%,#b600a8 37%,#7621b0 72%,#be4c00 100%);border-radius:999px;outline:2px solid #fff;flex:none;justify-content:center;align-items:center;min-height:48px;padding:0 34px;font-size:11px;font-weight:600;transition:transform .2s;display:inline-flex;box-shadow:0 4px 4px #b501a740,inset 4px 4px 12px #7721b1}.contact-gradient:hover{transform:scale(1.05)}.focus-widget{z-index:3;width:290px;position:absolute;bottom:clamp(20px,4vw,38px);right:clamp(18px,3vw,42px)}.focus-card{color:#111827;background:#fff;border-radius:16px;gap:11px;padding:11px 15px 11px 11px;display:flex;box-shadow:0 12px 35px #00000038}.focus-icon{background:var(--blue);color:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.focus-icon svg{width:20px}.focus-content{flex:1;min-width:0}.focus-content strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;display:block;overflow:hidden}.focus-progress{background:#e5e7eb;border-radius:10px;height:4px;margin-top:9px;overflow:hidden}.focus-progress span{background:var(--blue);width:42%;height:100%;display:block}.focus-meta{color:#6b7280;justify-content:space-between;margin-top:6px;font-size:7px;font-weight:700;display:flex}.focus-controls{grid-template-columns:1fr 40px 1fr;gap:8px;margin-top:8px;display:grid}.focus-controls a,.focus-controls button{color:#111827;cursor:pointer;background:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:5px;height:40px;font-size:10px;transition:transform .2s;display:flex;box-shadow:0 10px 25px #00000029}.focus-controls a:hover,.focus-controls button:hover{transform:scale(1.05)}.focus-controls svg{width:14px}.focus-controls .liked{fill:var(--blue);color:var(--blue)}.scroll-link{z-index:3;color:#ffffffad;text-transform:uppercase;align-items:center;gap:8px;font-size:8px;font-weight:700;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.scroll-link svg{width:15px;animation:1.8s ease-in-out infinite nudge}@keyframes nudge{50%{transform:translateY(5px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.animate-fade-up{animation:.7s cubic-bezier(.22,1,.36,1) backwards fade-up}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.25s}.delay-3{animation-delay:.4s}.delay-4{animation-delay:.55s}.delay-5{animation-delay:.75s}.marquee-section{z-index:1;background:#0c0c0c;padding:130px 0 40px;position:relative;overflow:hidden}.marquee-row{will-change:transform;gap:12px;width:max-content;display:flex}.marquee-row+.marquee-row{margin-top:12px}.marquee-tile{aspect-ratio:16/9;color:#d7e2ea;background:#141414;border:1px solid #d7e2ea61;border-radius:20px;flex:none;justify-content:center;align-items:center;width:420px;display:flex;position:relative;overflow:hidden}.marquee-tile:nth-child(3n+2){background:#181c23}.marquee-tile:nth-child(3n+3){background:#111820}.marquee-tile>img,.marquee-tile>video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.marquee-shade{pointer-events:none;background:linear-gradient(#00000047,#0000 48%,#000000a8);position:absolute;inset:0}.marquee-watermark{color:#ffffff38;letter-spacing:4px;text-align:center;pointer-events:none;width:120%;font-size:11px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-16deg)}.marquee-tile>span{text-shadow:0 1px 4px #000c;font-size:11px;font-weight:700;position:absolute;top:17px;left:18px}.marquee-tile>strong{letter-spacing:1px;text-shadow:0 1px 4px #000c;text-transform:uppercase;font-size:10px;font-weight:700;position:absolute;bottom:16px;right:18px}.section{border-bottom:1px solid #d7e2ea29;padding:120px clamp(22px,6vw,96px)}.section-label{color:var(--blue);letter-spacing:1.5px;text-transform:uppercase;font-size:11px;font-weight:900}.section-title{letter-spacing:0;white-space:pre-line;margin:32px 0 0;font-family:Kanit,Noto Sans SC,Noto Sans JP,sans-serif;font-size:clamp(48px,9vw,136px);font-weight:800;line-height:.93}.portfolio-section .section-title{max-width:900px;font-size:clamp(48px,7vw,108px)}.section-about{color:#d7e2ea;background:#0c0c0c;min-height:100svh}.section-about .section-title,.portfolio-section .section-title{color:#0000;background:linear-gradient(#646973 0%,#bbccd7 100%);-webkit-background-clip:text;background-clip:text}.about-layout{grid-template-columns:1.25fr .75fr;align-items:end;gap:10vw;display:grid}.section-body{color:#d7e2eaa8;margin:0 0 10px;font-size:16px;line-height:2}.metrics-grid{border-top:1px solid #d7e2ea4d;border-left:1px solid #d7e2ea4d;grid-template-columns:repeat(4,1fr);margin-top:90px;display:grid}.metric{border-bottom:1px solid #d7e2ea4d;border-right:1px solid #d7e2ea4d;flex-direction:column;justify-content:space-between;min-height:190px;padding:28px;display:flex}.metric strong{color:#bbccd7;font-family:Kanit,sans-serif;font-size:clamp(48px,5vw,78px);font-weight:800}.metric span{max-width:150px;font-size:12px;font-weight:700;line-height:1.6}.portfolio-section{color:#d7e2ea;background:#0c0c0c;padding-top:150px}.portfolio-heading{grid-template-columns:1.15fr .85fr;align-items:end;column-gap:9vw;display:grid}.portfolio-heading .section-label{grid-column:1/-1}.portfolio-heading .section-body{max-width:520px}.portfolio-collection{margin-top:120px}.collection-heading{border-bottom:1px solid #d7e2ea61;justify-content:space-between;align-items:flex-end;gap:24px;min-height:74px;padding-bottom:18px;display:flex}.collection-heading h3{margin:0;font-family:Kanit,Noto Sans SC,Noto Sans JP,sans-serif;font-size:clamp(28px,4vw,58px);font-weight:700;line-height:1}.collection-heading span{color:#d7e2ea7a;letter-spacing:1px;text-align:right;font-size:9px;font-weight:700}.portfolio-grid{margin-top:52px;display:grid}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:54px 20px}.poster-grid .portfolio-slot:nth-child(3n+2){margin-top:82px}.poster-grid .portfolio-slot:nth-child(3n+3){margin-top:30px}.portfolio-slot{min-width:0;margin:0}.portfolio-slot.image,.portfolio-slot.video{grid-column:auto}.portfolio-slot.slot-1,.portfolio-slot.slot-4{grid-column:span 7}.portfolio-slot.slot-2,.portfolio-slot.slot-3{grid-column:span 5}.portfolio-slot.slot-5,.portfolio-slot.slot-6{grid-column:span 6}.media-placeholder{aspect-ratio:16/10;background:#141414;border:2px solid #d7e2eab8;border-radius:34px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.slot-2 .media-placeholder,.slot-3 .media-placeholder{aspect-ratio:4/5}.slot-4 .media-placeholder{aspect-ratio:16/9;background:#181c23}.slot-5 .media-placeholder{background:#121820}.slot-6 .media-placeholder{background:#181318}.media-frame{isolation:isolate;background:#111;border:1px solid #d7e2ea6b;border-radius:6px;position:relative;overflow:hidden}.portfolio-slot.image .media-frame{aspect-ratio:2/3}.portfolio-slot.video .media-frame{aspect-ratio:16/10}.motion-showcase{flex-direction:column;gap:110px;margin-top:56px;display:flex}.motion-pair{grid-template-columns:minmax(0,2fr) minmax(220px,.72fr);align-items:end;gap:clamp(24px,5vw,76px);display:grid}.motion-pair.reverse{grid-template-columns:minmax(220px,.72fr) minmax(0,2fr);align-items:start}.motion-pair.final{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.motion-pair .portfolio-slot.video{display:block}.motion-pair .portfolio-slot.video .media-frame{aspect-ratio:16/9;width:100%}.motion-pair .portfolio-slot.video.motion-2 .media-frame,.motion-pair .portfolio-slot.video.motion-4 .media-frame{aspect-ratio:9/16}.motion-pair .portfolio-slot.video .slot-caption{width:100%}.media-frame>img,.media-frame>video{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.preview-watermarks{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.preview-watermarks span{color:#ffffff29;letter-spacing:4px;text-align:center;text-shadow:0 1px 3px #00000073;width:116%;font-size:clamp(12px,1.25vw,19px);font-weight:700;position:absolute;left:-8%;transform:rotate(-21deg)}.preview-watermarks span:first-child{top:22%}.preview-watermarks span:nth-child(2){top:50%}.preview-watermarks span:nth-child(3){top:78%}.protection-badge{z-index:3;color:#ffffffd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.8px;pointer-events:none;background:#0404049e;border:1px solid #ffffff47;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;font-size:7px;font-weight:700;display:flex;position:absolute;bottom:12px;right:12px}.protection-badge svg{width:11px}.protected-media{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.placeholder-index{font-family:DM Serif Display,serif;font-size:20px;position:absolute;top:17px;left:18px}.placeholder-icon{background:#ffffff08;border:1px solid #d7e2eaa6;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.placeholder-icon svg{width:22px}.placeholder-type{letter-spacing:1.4px;font-size:9px;font-weight:900;position:absolute;bottom:16px;right:18px}.slot-caption{justify-content:space-between;align-items:baseline;gap:20px;padding:13px 2px 0;display:flex}.slot-caption h3{margin:0;font-size:15px;font-weight:600}.slot-caption span{color:#d7e2ea8c;letter-spacing:.8px;font-size:9px;font-weight:700}.section-experience{z-index:2;color:#0c0c0c;background:#fff;border-radius:52px 52px 0 0;margin-top:-52px;position:relative}.section-experience .section-label{color:#7621b0}.section-experience .section-title{max-width:1000px}.timeline{border-top:1px solid #0c0c0c33;margin-top:90px}.job{border-bottom:1px solid #0c0c0c33;grid-template-columns:100px 190px 1fr .75fr;gap:34px;padding:48px 0;display:grid}.job-number{color:#0c0c0c;font-family:Kanit,sans-serif;font-size:70px;font-weight:800;line-height:.85}.job-meta{flex-direction:column;align-items:flex-start;gap:12px;font-size:12px;display:flex}.job-meta em{letter-spacing:1.2px;border:1px solid #0c0c0c73;padding:5px 8px;font-size:8px;font-style:normal}.job-main h3{margin:0;font-size:21px;line-height:1.5}.job-main h4{color:#7621b0;margin:9px 0 22px;font-size:13px}.job-main p,.job li{color:#0c0c0c9e;font-size:13px;line-height:1.85}.job-main p{max-width:640px;margin:0}.job ul{margin:0;padding:0;list-style:none}.job li{padding:0 0 9px 16px;position:relative}.job li:before{content:"";background:#b600a8;width:6px;height:6px;position:absolute;top:10px;left:0}.section-skills{color:#0c0c0c;background:#fff;grid-template-columns:.8fr 1.2fr;gap:9vw;display:grid}.skills-heading{align-self:start;position:sticky;top:60px}.section-skills .section-title{font-size:clamp(42px,5vw,72px)}.skill-table{border-top:1px solid var(--ink)}.skill-row{border-bottom:1px solid var(--ink);grid-template-columns:48px 165px 1fr;align-items:start;gap:18px;padding:30px 0;display:grid}.skill-index{color:var(--blue);font-family:DM Serif Display,serif;font-size:22px}.skill-row h3{margin:3px 0 0;font-size:15px}.skill-row p{color:#0c0c0c99;margin:2px 0 0;font-size:13px;line-height:1.85}.education-section{color:#0c0c0c;background:#e8edf1;grid-template-columns:1.15fr .85fr;gap:10vw;display:grid}.education-title{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:end;gap:20px;margin-top:50px;padding-bottom:20px;display:flex}.education-title h2{margin:0;font-size:clamp(32px,4vw,58px);line-height:1.15}.education-title span{flex:none;font-family:DM Serif Display,serif;font-size:24px}.degree{margin:24px 0 12px;font-weight:800}.education-main>p:last-child{color:#4b4e47;font-size:13px;line-height:1.8}.cert-list{border-top:1px solid var(--ink);align-self:end}.cert-list div{border-bottom:1px solid var(--ink);gap:26px;padding:17px 0;font-size:13px;font-weight:700;display:flex}.cert-list span{font-family:DM Serif Display,serif;font-size:18px;font-weight:400}.contact-section{color:#d7e2ea;background:#0c0c0c;min-height:max(100svh,900px);padding:100px clamp(22px,6vw,96px) 170px;position:relative;overflow:hidden}.contact-wordmark{color:#fff;opacity:.055;pointer-events:none;text-align:center;line-height:.7;position:absolute;top:38px;right:5%}.contact-wordmark span{font-family:DM Serif Display,serif;font-size:clamp(120px,19vw,285px);display:block;transform:scaleX(.88)}.contact-wordmark small{letter-spacing:1.8em;font-size:clamp(15px,2vw,28px)}.contact-layout{z-index:1;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:end;gap:9vw;display:grid;position:relative}.contact-section .section-label{color:#bbccd7}.contact-main h2{color:#0000;white-space:pre-line;background:linear-gradient(#646973 0%,#bbccd7 100%);-webkit-background-clip:text;background-clip:text;max-width:900px;margin:30px 0 0;font-family:Kanit,Noto Sans SC,Noto Sans JP,sans-serif;font-size:clamp(52px,7.2vw,108px);font-weight:800;line-height:.94;position:relative}.contact-main>p{color:#d7e2eaa8;max-width:560px;margin:25px 0 0;font-size:14px;line-height:1.8}.contact-actions{gap:16px;margin-top:44px;display:flex}.contact-actions a{color:#d7e2ea;background:0 0;border:1px solid #d7e2ea;border-radius:999px;align-items:center;gap:12px;min-height:56px;padding:0 20px;font-size:13px;font-weight:800;transition:background .2s,color .2s;display:flex}.contact-actions a:hover{color:#0c0c0c;background:#d7e2ea}.contact-actions svg{width:17px}.contact-actions svg:last-child{margin-left:14px}.contact-directory{border-top:1px solid #d7e2ea73;align-self:end}.directory-heading,.directory-row{border-bottom:1px solid #d7e2ea38;justify-content:space-between;align-items:center;gap:20px;display:flex}.directory-heading{color:#d7e2ea7a;letter-spacing:1.2px;padding:15px 0;font-size:9px}.directory-row{min-height:58px;font-size:11px}.directory-row span{color:#d7e2ea80;text-transform:uppercase}.directory-row strong{overflow-wrap:anywhere;text-align:right}.social-directory{border:1px solid #d7e2ea59;grid-template-columns:1fr 1fr;margin-top:32px;display:grid}.social-directory div{flex-direction:column;justify-content:space-between;min-height:86px;padding:15px;display:flex}.social-directory div+div{border-left:1px solid #d7e2ea59}.social-directory span{color:#b88cff;letter-spacing:1px;font-size:8px}.social-directory strong{font-size:12px}.contact-section footer{border-top:1px solid #d7e2ea66;justify-content:space-between;align-items:center;min-height:62px;padding-top:18px;font-size:10px;font-weight:800;display:flex;position:absolute;bottom:38px;left:clamp(22px,6vw,96px);right:clamp(22px,6vw,96px)}.contact-section footer a{border:1px solid #d7e2ea;justify-content:center;align-items:center;width:38px;height:38px;display:flex;transform:rotate(-45deg)}.contact-section footer svg{width:17px}.reveal{opacity:0;transition:opacity .75s,transform .75s cubic-bezier(.2,.75,.25,1);transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (width<=1120px){.desktop-nav{display:none}.menu-button{display:flex}.mobile-nav{z-index:45;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;visibility:hidden;background:#0c1519c7;border-radius:18px;flex-direction:column;gap:0;padding:8px;transition:all .35s;display:flex;position:fixed;top:74px;left:16px;right:16px;transform:translateY(-12px);box-shadow:0 20px 45px #00000038}.mobile-nav.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav a{color:#ffffffe6;border-radius:12px;justify-content:space-between;align-items:center;padding:14px;font-size:14px;display:flex}.mobile-nav a:hover{background:#ffffff1a}.mobile-nav svg{width:18px}.hero-copy{max-width:700px}.about-layout{grid-template-columns:1fr;gap:35px}.section-body{max-width:700px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.portfolio-heading{grid-template-columns:1fr;row-gap:30px}.portfolio-heading .section-label{grid-column:auto}.job{grid-template-columns:60px 160px 1fr}.job ul{grid-column:3}.section-skills{grid-template-columns:1fr}.skills-heading{position:static}.contact-layout{grid-template-columns:1fr;gap:65px}.contact-directory{max-width:680px}}@media (width<=640px){.site-header{height:70px;padding:0 18px}.header-left{gap:8px}.personal-wordmark{width:64px;height:42px}.personal-wordmark span{font-size:24px}.personal-wordmark small{letter-spacing:3px;font-size:5px}.personal-wordmark:before{left:2px}.personal-wordmark:after{right:2px}.music-player{border-radius:12px;width:98px;height:38px;padding:3px 7px 3px 3px}.music-toggle{flex:none}.music-icon{width:32px;height:32px}.music-label,.music-mark{display:none}.volume-control{gap:4px;width:51px}.volume-control svg{display:none}.volume-control input{width:48px}.download-menu,.resume-pill>span:last-child{display:none}.language-switch button{min-width:31px}.hero-section{min-height:700px;padding:100px 14px 150px}.hero-badge{margin-bottom:15px;font-size:9px}.role-label{max-width:300px;line-height:1.55}.hero-copy h1{gap:7px;font-size:11.8vw}.hero-copy h1 span:last-child{-webkit-text-stroke-width:1px}.lang-en .hero-copy h1{font-size:7.1vw}.lang-ja .hero-copy h1{font-size:11vw}.creator-bottom-bar{gap:18px;bottom:32px;left:20px;right:20px}.creator-bottom-bar p{max-width:210px;font-size:8px;line-height:1.45}.contact-gradient{min-height:42px;padding:0 19px;font-size:9px}.scroll-link{display:none}.marquee-section{padding-top:90px}.marquee-tile{border-radius:16px;width:270px}.section{padding:85px 20px}.section-title{margin-top:24px;font-size:48px}.metrics-grid{margin-top:60px}.metric{min-height:150px;padding:19px}.metric strong{font-size:45px}.metric span{font-size:10px}.portfolio-section{padding-top:100px}.portfolio-collection{margin-top:82px}.collection-heading{flex-direction:column;align-items:flex-start;gap:8px;min-height:60px;padding-bottom:14px}.collection-heading h3{font-size:32px}.collection-heading span{text-align:left}.portfolio-grid{gap:34px 12px;margin-top:38px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.poster-grid .portfolio-slot:nth-child(3n+2),.poster-grid .portfolio-slot:nth-child(3n+3){margin-top:0}.poster-grid .portfolio-slot:nth-child(2n){margin-top:38px}.portfolio-slot.image,.portfolio-slot.video,.portfolio-slot.slot-1,.portfolio-slot.slot-2,.portfolio-slot.slot-3,.portfolio-slot.slot-4,.portfolio-slot.slot-5,.portfolio-slot.slot-6{grid-column:auto}.portfolio-slot.image .media-frame{aspect-ratio:2/3}.portfolio-slot.video .media-frame{aspect-ratio:16/9}.slot-caption{flex-direction:column;align-items:flex-start;gap:5px}.slot-caption h3{font-size:12px}.motion-showcase{gap:70px;margin-top:40px}.motion-pair,.motion-pair.reverse,.motion-pair.final{grid-template-columns:1fr;gap:48px}.motion-pair .portfolio-slot.video.motion-2,.motion-pair .portfolio-slot.video.motion-4{justify-self:center;width:min(78vw,310px)}.placeholder-icon{width:52px;height:52px}.timeline{margin-top:55px}.job{grid-template-columns:42px 1fr;gap:20px;padding:34px 0}.job-meta,.job-main,.job ul{grid-column:2}.job-main h3{font-size:18px}.job-number{font-size:25px}.skill-row{grid-template-columns:36px 1fr;gap:12px}.skill-row p{grid-column:2}.education-section{grid-template-columns:1fr;gap:55px}.education-title{flex-direction:column;align-items:flex-start}.education-title h2{font-size:34px}.contact-section{min-height:1080px;padding:76px 20px 160px}.contact-wordmark{top:18px;right:-12%}.contact-wordmark span{font-size:118px}.contact-wordmark small{font-size:11px}.contact-layout{gap:55px}.contact-main h2{font-size:48px}.contact-actions{flex-direction:column;align-items:stretch}.contact-actions a{justify-content:space-between}.social-directory{margin-top:25px}.contact-section footer{min-height:72px;bottom:30px;left:20px;right:20px}.contact-section footer span{max-width:250px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.protected-media{visibility:hidden!important}.portfolio-section:after{content:"Protected portfolio previews are unavailable in print.";color:#d7e2ea;padding:80px 0;display:block}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}