@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;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,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-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--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,ui-sans-serif,system-ui,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;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{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{.\!visible{visibility:visible!important}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Montserrat;src:url(/fonts/montserrat-variable.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Pretendard JP;src:url(/fonts/pretendard-jp-variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--paper:#f4f3ef;--ink:#191919;--blue:#2446ec;--line:#191919;--soft-line:#19191930;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Montserrat,Pretendard JP,sans-serif}*,:before,:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;scroll-padding-top:110px}body{-webkit-font-smoothing:antialiased;min-width:280px}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button,summary{cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:6px}::selection{background:var(--blue);color:var(--paper)}[lang=ko],[lang=ja]{font-family:Montserrat,Pretendard JP,sans-serif}.folio{width:min(1320px,100% - 96px);margin-inline:auto}.skip-link{z-index:99;background:var(--blue);color:var(--paper);padding:14px 18px;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:none}.masthead{z-index:30;border-bottom:1px solid var(--line);background:var(--paper);grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;height:96px;font-family:Montserrat,sans-serif;display:grid;position:sticky;top:0}.masthead:before{content:"";z-index:-1;pointer-events:none;background:var(--paper);height:96px;position:fixed;inset:0 0 auto}.masthead-logo{letter-spacing:-.15em;width:fit-content;color:var(--blue);align-items:center;font-size:44px;font-weight:650;line-height:1;display:inline-flex}.masthead-logo span{margin-left:8px;font-size:28px;font-weight:400}.masthead nav{align-items:center;gap:44px;display:flex}.masthead nav a{letter-spacing:-.045em;align-items:center;min-height:52px;font-size:24px;font-weight:500;display:inline-flex;position:relative}.masthead nav a:after{content:"";background:var(--blue);transform-origin:0;height:2px;transition:transform .25s;position:absolute;bottom:4px;left:0;right:0;transform:scaleX(0)}.masthead nav a:hover:after,.masthead nav a:focus-visible:after{transform:scaleX(1)}.masthead nav a:hover{color:var(--blue)}.language-select{cursor:pointer;background:0 0;border:0;justify-self:end;width:65px;min-height:44px;font-size:15px}.split-text{display:inline}.split-word{white-space:pre;display:inline-block}.split-letter{display:inline-block}.cover{--cover-x:0px;--cover-y:0px;--focus-x:50%;--focus-y:32%;isolation:isolate;height:calc(100svh - 120px);min-height:640px;margin-top:24px;position:relative}.cover-scene{background:var(--ink);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);position:absolute;inset:0 0 52px;overflow:hidden}.cover-art{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.character-layer{position:absolute;inset:0}.cover-art img{filter:contrast(1.03)saturate(.95);width:auto;max-width:none;height:185%;transform:translate(-50%);translate:var(--cover-x)var(--cover-y);position:absolute;top:0;left:50%}.character-blurred{filter:blur(var(--pointer-blur,0px))}.character-focused{-webkit-mask-image:radial-gradient(ellipse 420px 350px at var(--focus-x)var(--focus-y),#000 50%,#000d 68%,transparent 100%);mask-image:radial-gradient(ellipse 420px 350px at var(--focus-x)var(--focus-y),#000 50%,#000d 68%,transparent 100%)}.cover-chip{white-space:nowrap;min-height:48px;translate:calc(var(--cover-x)*-.7)calc(var(--cover-y)*-.7);border:1px solid;border-radius:999px;justify-content:space-between;align-items:center;gap:24px;padding:12px 23px;font-family:Montserrat,sans-serif;font-size:clamp(15px,1.5vw,20px);font-weight:550;line-height:1.1;display:inline-flex;position:absolute}.chip-otaku{z-index:1;color:var(--paper);top:24%;left:17%;transform:rotate(-12deg)}.chip-code{z-index:1;color:var(--paper);top:28%;right:10%;transform:rotate(9deg)}.chip-github{z-index:4;background:var(--paper);color:var(--ink);top:55%;left:13%;transform:rotate(-9deg)}.chip-draw{z-index:4;background:var(--blue);color:var(--paper);border-color:var(--paper);top:64%;right:12%;transform:rotate(7deg)}a.cover-chip:hover{background:var(--ink);color:var(--paper)}.cover-chip,.cover-spark{filter:blur(var(--decoration-blur,0px))}a.cover-chip:hover,a.cover-chip:focus-visible{filter:none}.cover-spark{color:var(--blue);pointer-events:none;translate:calc(var(--cover-x)*-1.4)calc(var(--cover-y)*-1.4);line-height:1;position:absolute}.spark-back{z-index:1;font-size:96px;top:39%;left:23%}.spark-front{z-index:4;font-size:100px;top:47%;right:25%;transform:rotate(14deg)}.cover h1{z-index:5;letter-spacing:-.095em;color:var(--blue);translate:calc(var(--cover-x)*-.35)0;pointer-events:none;font-family:Montserrat,sans-serif;font-size:clamp(132px,21.2vw,298px);font-weight:500;line-height:.82;position:absolute;bottom:38px;left:-1%}.cover h1 span{letter-spacing:-.16em}.cover-index{border:1px solid var(--line);grid-template-columns:1fr 1fr 1fr 1.2fr;margin-top:42px;font-family:Montserrat,sans-serif;display:grid}.cover-index>*{border-right:1px solid var(--line);align-items:center;padding:22px 24px;font-size:15px;display:flex}.cover-index>:last-child{background:var(--blue);color:var(--paper);border-right:0;justify-content:space-between;gap:20px}.cover-index a{justify-content:space-between;gap:12px}.cover-index a:hover{background:var(--ink);color:var(--paper)}.works-section{padding-top:110px}.work-toolbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.work-categories{flex-wrap:wrap;gap:8px 26px;display:flex}.work-categories button{background:0 0;border:0;border-bottom:2px solid #0000;min-height:46px;padding:8px 0;font-size:16px}.work-categories button[aria-pressed=true]{color:var(--blue);border-bottom-color:var(--blue)}.work-arrows{gap:10px;display:flex}.work-arrows button{border:1px solid var(--line);background:0 0;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:26px;display:grid}.work-arrows button:hover:not(:disabled){color:var(--paper);background:var(--blue);border-color:var(--blue)}.work-arrows button:disabled{opacity:.25;cursor:default}.work-rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--blue)transparent;align-items:flex-start;gap:24px;padding:4px 0 20px;display:flex;overflow-x:auto}.work-rail:focus-visible{outline:2px solid var(--blue);outline-offset:6px}.work-slide{scroll-snap-align:start;flex:0 0 calc(46.5116% - 22.3256px);min-width:0}.work-feature{border:1px solid var(--line);flex-direction:column;min-height:495px;padding:28px 32px 24px;display:flex}.work-feature-latest{background:var(--blue);color:var(--paper);border-color:var(--blue)}.work-feature-meta{justify-content:space-between;gap:16px;font-size:13px;line-height:1.5;display:flex}.work-feature-meta>:first-child{font-weight:600}.work-feature-title{min-height:130px;margin:38px 0 26px}.work-feature-title>p{font-size:15px;line-height:1.6}.work-feature-title h3{letter-spacing:-.055em;overflow-wrap:anywhere;margin-top:14px;font-family:Montserrat,sans-serif;font-size:clamp(32px,3.4vw,48px);font-weight:550;line-height:1.08}.work-feature-latest h3{font-size:clamp(54px,5.5vw,78px);font-weight:650}.work-feature-title .work-full-title{letter-spacing:.045em;margin-top:8px;font-size:14px}.work-feature-description{word-break:keep-all;overflow-wrap:anywhere;font-size:17px;line-height:1.8}.work-feature-details{margin-top:20px}.work-feature-details summary{border-top:1px solid;justify-content:space-between;align-items:center;min-height:48px;padding-top:12px;font-size:14px;list-style:none;display:flex}.work-feature-details summary::-webkit-details-marker{display:none}.work-feature-details summary span{font-size:26px}.work-feature-details[open] summary span{transform:rotate(45deg)}.work-feature-details>div{word-break:keep-all;overflow-wrap:anywhere;padding-top:18px;font-size:16px;line-height:1.85}.work-feature-details p+p{margin-top:16px}.work-feature-tools{margin-top:20px;font-size:13px;line-height:1.8}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px;display:flex}.section-heading h2{letter-spacing:-.065em;font-family:Montserrat,sans-serif;font-size:clamp(42px,5.2vw,76px);font-weight:550;line-height:1.05}.heading-mark{color:var(--blue);font-family:Montserrat,sans-serif;font-size:62px;line-height:1}.project-links{flex-wrap:wrap;gap:10px 24px;margin-top:22px;display:flex}.project-links a{min-height:44px;color:var(--blue);text-underline-offset:4px;align-items:center;gap:10px;font-size:14px;text-decoration:underline;display:inline-flex}.about-section{margin-top:120px}.about-spread{border:1px solid var(--line);grid-template-columns:1.15fr 1fr;display:grid}.about-text{flex-direction:column;justify-content:space-between;gap:52px;padding:48px;display:flex}.about-text h2{letter-spacing:-.075em;font-family:Montserrat,sans-serif;font-size:clamp(72px,8vw,114px);font-weight:550;line-height:.92}.about-text h2>.about-accent{color:var(--blue)}.about-bio{word-break:keep-all;overflow-wrap:anywhere;max-width:490px;font-size:16px;line-height:1.85}.about-bio .bio-intro{margin-bottom:24px;font-size:22px;font-weight:700;line-height:1.65}.about-art{border-left:1px solid var(--line);background:var(--blue);isolation:isolate;min-height:640px;position:relative;overflow:hidden}.about-outline{z-index:0;color:#0000;-webkit-text-stroke:1px var(--paper);writing-mode:vertical-rl;font-family:Pretendard JP,sans-serif;font-size:clamp(72px,8vw,114px);font-weight:800;line-height:1;position:absolute;top:10%;left:5%}.about-art img{z-index:1;filter:grayscale()contrast(1.12);width:auto;max-width:none;height:185%;position:absolute;top:4%;left:50%;transform:translate(-50%)}.about-links{flex-wrap:wrap;gap:10px;display:flex}.about-links a{border:1px solid var(--soft-line);border-radius:999px;align-items:center;min-height:44px;padding:10px 16px;font-family:Montserrat,sans-serif;font-size:14px;display:inline-flex}.about-links a:hover{background:var(--blue);color:var(--paper);border-color:var(--blue)}.about-signature{z-index:2;color:var(--paper);letter-spacing:-.08em;font-family:Montserrat,sans-serif;font-size:clamp(42px,5vw,74px);font-weight:600;position:absolute;bottom:18px;left:4%;transform:rotate(-8deg)}.experience-block{padding-top:68px}.experience-block>h3{letter-spacing:-.045em;margin-bottom:28px;font-family:Montserrat,sans-serif;font-size:30px;font-weight:500}.experience-table{border-top:1px solid var(--line)}.experience-item{border-bottom:1px solid var(--soft-line);grid-template-columns:170px 1fr 1.3fr;gap:30px;padding:26px 0;display:grid}.experience-date{font-size:14px;line-height:1.6}.experience-item h4{letter-spacing:-.02em;font-family:Montserrat,sans-serif;font-size:18px;font-weight:550;line-height:1.4}.experience-role{color:var(--blue);margin-top:6px;font-size:14px;line-height:1.6}.experience-description{word-break:keep-all;overflow-wrap:anywhere;font-size:15px;line-height:1.8}.contact{margin-top:15px;padding-top:110px}.contact-title{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;padding:30px 0;display:flex}.contact-title h2{letter-spacing:-.075em;font-family:Montserrat,sans-serif;font-size:clamp(52px,8vw,112px);font-weight:550;line-height:1.15}.contact-title h2>.contact-period{color:var(--blue)}.contact-arrow{width:102px;height:102px;color:var(--paper);background:var(--blue);border-radius:50%;flex-shrink:0;place-items:center;font-size:70px;display:grid}.contact-arrow:hover{background:var(--ink)}.contact-info{justify-content:space-between;gap:40px;padding:36px 0 56px;display:flex}.contact-info p{margin-bottom:20px;font-size:16px;line-height:1.7}.contact-email{letter-spacing:-.04em;font-family:Montserrat,sans-serif;font-size:clamp(20px,2.6vw,36px)}.contact-socials{align-items:end;gap:28px;display:flex}.contact-socials a{align-items:center;min-height:44px;font-size:15px;display:flex}.contact-socials a:hover,.contact-email:hover{color:var(--blue)}.colophon{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:20px 0 30px;font-size:13px;display:flex}.colophon a{align-items:center;min-height:44px;display:flex}.all-projects-button{border:1px solid var(--blue);min-height:52px;color:var(--blue);white-space:nowrap;border-radius:999px;justify-content:space-between;align-items:center;gap:28px;padding:14px 22px;font-family:Montserrat,sans-serif;font-size:15px;display:inline-flex}.all-projects-button:hover{background:var(--blue);color:var(--paper)}.project-archive{padding-top:34px}.archive-back{align-items:center;min-height:44px;font-size:14px;display:inline-flex}.archive-back:hover{color:var(--blue)}.archive-heading{justify-content:space-between;align-items:baseline;gap:20px;margin:30px 0 38px;display:flex}.archive-heading h1{letter-spacing:-.075em;font-family:Montserrat,sans-serif;font-size:clamp(56px,7.5vw,108px);font-weight:550;line-height:1.05}.archive-heading h1>.archive-period{color:var(--blue)}.archive-heading>span{white-space:nowrap;font-size:15px}.archive-filters{flex-wrap:wrap;gap:10px;padding-bottom:30px;display:flex}.archive-filters button{border:1px solid var(--soft-line);background:0 0;border-radius:999px;align-items:center;gap:16px;min-height:46px;padding:10px 18px;font-size:14px;display:inline-flex}.archive-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.archive-filters button:hover{border-color:var(--blue)}.archive-filters button span{opacity:.65}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;display:grid}.archive-card{border:1px solid var(--soft-line);border-radius:18px;min-width:0;transition:border-color .2s;overflow:hidden}.archive-card:hover,.archive-card:focus-within{border-color:var(--blue)}.archive-card-cover{background:var(--blue);height:210px;color:var(--paper);align-items:end;padding:26px;display:flex;position:relative;overflow:hidden}.archive-card-cover.cover-services{background:var(--ink)}.archive-card-cover.cover-engineering{background:var(--paper);color:var(--blue);border-bottom:1px solid var(--soft-line)}.archive-card-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-cover-title{letter-spacing:-.055em;overflow-wrap:anywhere;font-family:Montserrat,sans-serif;font-size:clamp(28px,3vw,43px);font-weight:650;line-height:1.05}.card-category{font-size:13px;font-weight:500;position:absolute;top:20px;left:24px}.archive-card-body{padding:26px}.card-year{margin-bottom:12px;font-size:13px}.archive-card h2{letter-spacing:-.04em;overflow-wrap:anywhere;font-family:Montserrat,sans-serif;font-size:27px;font-weight:600;line-height:1.2}.card-role{color:var(--blue);margin-top:10px;font-size:14px;line-height:1.6}.card-description,.card-details>div{word-break:keep-all;overflow-wrap:anywhere;font-size:15px;line-height:1.85}.card-description{margin-top:22px}.card-details{margin-top:10px}.card-details summary{justify-content:space-between;align-items:center;min-height:44px;font-size:14px;list-style:none;display:flex}.card-details summary::-webkit-details-marker{display:none}.card-details summary span{font-size:22px}.card-details[open] summary span{transform:rotate(45deg)}.card-details>div{padding:10px 0}.card-details p+p{margin-top:12px}.card-tags{flex-wrap:wrap;gap:7px;margin-top:20px;padding:0;list-style:none;display:flex}.card-tags li{border:1px solid var(--soft-line);border-radius:6px;padding:5px 9px;font-size:12px;line-height:1.5}.card-links{border-top:1px solid var(--soft-line);flex-wrap:wrap;gap:4px 18px;margin-top:22px;padding-top:12px;display:flex}.card-links a{min-height:44px;color:var(--blue);align-items:center;gap:8px;font-size:14px;display:inline-flex}.card-links a:hover{text-underline-offset:5px;text-decoration:underline}@media(min-width:1051px){.cover-art img{height:170%}}@media(min-width:1500px){.cover h1{font-size:298px}}@media(max-width:1050px){.work-slide{flex-basis:calc(60.6061% - 14.5455px)}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.folio{width:calc(100% - 56px)}.cover{min-height:620px}.chip-otaku{left:8%}.chip-code{right:4%}.chip-github{left:4%}.chip-draw{right:4%}.spark-back{left:13%}.spark-front{right:14%}.cover h1{font-size:21.5vw}.cover-index>*{padding:18px 15px;font-size:14px}.about-text{padding:32px}.about-art{min-height:580px}.about-art img{height:172%}.experience-item{grid-template-columns:135px 1fr 1.1fr;gap:24px}.contact-info{flex-direction:column;gap:22px}}@media(max-width:650px){.masthead{grid-template-columns:auto 1fr auto;gap:12px;height:80px}.masthead:before{height:80px}.masthead-logo{font-size:32px}.masthead-logo span{margin-left:4px;font-size:20px}.masthead nav{justify-content:center;gap:13px}.masthead nav a{min-height:48px;font-size:16px}.language-select{width:48px;font-size:13px}.work-toolbar{flex-wrap:wrap;gap:16px}.work-categories{gap:16px}.work-categories button{font-size:14px}.work-arrows{margin-left:auto}.work-arrows button{width:42px;height:42px;font-size:24px}.work-slide{flex-basis:88%}.work-feature{min-height:475px;padding:22px}.work-feature-meta{gap:10px;font-size:12px}.work-feature-title{min-height:115px;margin-top:30px}.work-feature-title h3{font-size:35px}.work-feature-latest h3{font-size:60px}.work-feature-title>p{font-size:14px}.work-feature-description{font-size:15px}.section-heading:has(.all-projects-button){flex-wrap:wrap;gap:20px}.all-projects-button{min-height:46px;padding:10px 18px;font-size:14px}.archive-heading{flex-direction:column;align-items:start;gap:16px;margin-top:25px}.archive-heading h1{font-size:clamp(44px,11vw,72px)}.archive-grid{grid-template-columns:minmax(0,1fr)}.archive-filters{gap:8px}.archive-filters button{gap:12px;padding:10px 14px;font-size:13px}.archive-card-cover{height:190px}.project-cover-title{font-size:38px}.archive-card-body{padding:24px}html{scroll-padding-top:100px}.folio{width:calc(100% - 32px)}.cover{height:calc(100svh - 96px);min-height:590px;margin-top:16px}.cover-scene{clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);inset:20px 0 70px}.cover-art img{height:171%}.character-focused{-webkit-mask-image:radial-gradient(ellipse 235px 240px at var(--focus-x)var(--focus-y),#000 45%,#000d 65%,transparent 100%);mask-image:radial-gradient(ellipse 235px 240px at var(--focus-x)var(--focus-y),#000 45%,#000d 65%,transparent 100%)}.cover-chip{gap:12px;min-height:44px;padding:10px 15px;font-size:14px}.chip-otaku{color:var(--ink);background:var(--paper);top:22%;left:1%}.chip-code{top:35%;right:0}.chip-code,.chip-otaku{display:none}.chip-github{top:62%;left:0}.chip-draw{top:72%;right:0}.spark-back{font-size:58px;top:41%;left:0}.spark-front{font-size:66px;top:52%;right:0}.cover h1{letter-spacing:-.105em;font-size:22vw;font-weight:600;bottom:21px;left:-2%}.cover-index{grid-template-columns:1fr 1fr;margin-top:52px}.cover-index>*{padding:18px 14px;font-size:13px}.cover-index>:nth-child(2){border-right:0}.cover-index>:nth-child(-n+2){border-bottom:1px solid var(--line)}.cover-index>:last-child{gap:8px}.works-section{padding-top:64px}.section-heading{gap:12px;margin-bottom:22px}.section-heading h2{font-size:clamp(32px,8.5vw,52px)}.heading-mark{font-size:38px}.about-section{margin-top:70px}.about-spread{grid-template-columns:1fr}.about-text{gap:32px;padding:28px 24px 34px}.about-text h2{font-size:78px}.about-bio{font-size:15px}.about-bio .bio-intro{font-size:19px}.about-art{border-left:0;border-top:1px solid var(--line);height:490px;min-height:0}.about-art img{height:175%;top:4%}.about-outline{font-size:84px}.about-signature{font-size:54px}.experience-block{padding-top:45px}.experience-block>h3{margin-bottom:22px;font-size:27px}.experience-item{grid-template-columns:1fr;gap:12px;padding:24px 0}.experience-date{font-size:13px}.experience-item h4{font-size:19px}.experience-description{font-size:15px}.contact{margin-top:0;padding-top:60px}.contact-title{gap:10px;padding:24px 0}.contact-title h2{letter-spacing:-.07em;font-size:10vw}.contact-arrow{width:46px;height:46px;font-size:33px}.contact-info{padding:28px 0 30px}.contact-info p{font-size:15px}.contact-email{font-size:clamp(17px,5vw,28px)}.contact-socials{flex-wrap:wrap;gap:24px}.contact-socials a{font-size:14px}.colophon{align-items:start;padding-top:20px;font-size:12px}.colophon a{white-space:nowrap;min-height:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.spotlight-window{background:var(--blue);color:var(--paper);overflow:hidden}.work-spotlight{isolation:isolate;text-align:center;flex-direction:column;align-items:center;min-height:550px;padding:34px 7% 48px;display:flex;position:relative;overflow:hidden}.spotlight-meta{justify-content:space-between;gap:20px;width:100%;font-size:15px;display:flex}.spotlight-role{margin-top:48px;font-size:17px}.work-spotlight h3{letter-spacing:-.065em;overflow-wrap:anywhere;max-width:100%;margin:20px 0;font-size:clamp(48px,7vw,100px);font-weight:600;line-height:1.08}.work-spotlight h3 .split-word{white-space:normal}.spotlight-description{word-break:keep-all;overflow-wrap:anywhere;max-width:650px;font-size:19px;line-height:1.8}.spotlight-link{border-bottom:1px solid;align-items:center;gap:54px;min-height:48px;margin-top:28px;font-size:17px;display:inline-flex}.spotlight-watermark{z-index:-1;letter-spacing:-.09em;opacity:.075;pointer-events:none;font-size:clamp(100px,18vw,240px);font-weight:800;line-height:1;position:absolute;bottom:-30px}.spotlight-controls{justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.rotation-toggle{background:0 0;border:0;min-height:44px;font-size:15px}.spotlight-selector{border-top:1px solid var(--line);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.spotlight-selector button{text-align:left;border:0;border-bottom:1px solid var(--soft-line);background:0 0;min-width:0;padding:20px 12px;position:relative}.spotlight-selector button>span:first-child{margin-bottom:9px;font-size:12px;display:block}.spotlight-selector strong{overflow-wrap:anywhere;font-size:17px;font-weight:550;line-height:1.4;display:block}.spotlight-selector button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.spotlight-timer{background:var(--blue);transform-origin:0;width:100%;height:4px;position:absolute;bottom:0;left:0}.card-read-more{border-bottom:1px solid var(--soft-line);justify-content:space-between;align-items:center;min-height:48px;margin-top:16px;font-size:14px;display:flex}.project-detail{padding-top:34px}.detail-heading{border-bottom:1px solid var(--line);padding:44px 0 54px}.detail-heading>p{font-size:16px;line-height:1.6}.detail-heading h1{letter-spacing:-.065em;overflow-wrap:anywhere;margin:28px 0;font-size:clamp(42px,7vw,100px);font-weight:600;line-height:1.1}.detail-heading .split-word{white-space:normal}.detail-role{color:var(--blue)}.detail-body{grid-template-columns:1fr 2fr;gap:80px;padding:60px 0;display:grid}.detail-body h2{font-size:18px;font-weight:500}.detail-story{word-break:keep-all;overflow-wrap:anywhere;font-size:21px;line-height:1.9}.detail-story p+p{margin-top:28px}.detail-image{width:100%;margin-bottom:30px}.detail-next{border-block:1px solid var(--line);grid-template-columns:1fr auto;gap:18px;padding:32px 0;display:grid}.detail-next>span:first-child{grid-column:1/-1;font-size:14px}.detail-next strong{letter-spacing:-.04em;font-size:clamp(24px,4vw,48px);font-weight:500}.detail-next>span:last-child{font-size:36px}.cover h1 .split-text,.cover h1 .split-word,.cover h1 .split-letter{letter-spacing:inherit}.archive-card-cover img,.archive-card,.about-links a,.contact-arrow,.all-projects-button,.spotlight-link span,.detail-next,.cover-index a span{transition:transform .45s cubic-bezier(.22,1,.36,1),background .25s,color .25s}.archive-card:hover{transform:translateY(-6px)}.archive-card:hover img{transform:scale(1.045)}.about-links a:hover{transform:translateY(-4px)}.contact-arrow:hover{transform:rotate(12deg)}.all-projects-button:hover,.detail-next:hover{transform:translate(4px)}.spotlight-link:hover span,.cover-index a:hover span{transform:translate(4px,-4px)}@media(max-width:900px){.spotlight-selector{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-body{gap:36px}}@media(max-width:650px){.work-spotlight{min-height:530px;padding:24px 22px 36px}.spotlight-meta{gap:12px;font-size:12px}.spotlight-role{margin-top:44px;font-size:14px}.work-spotlight h3{font-size:clamp(36px,10vw,60px)}.spotlight-description{font-size:16px}.spotlight-selector button{padding:16px 8px}.spotlight-selector button>span:first-child{font-size:11px}.spotlight-selector strong{font-size:14px}.detail-body{grid-template-columns:1fr;padding:34px 0}.detail-story{font-size:18px}}:root{--paper:#eeede7;--ink:#292a30;--blue:#304cd9;--line:#292a30;--soft-line:#292a3030;--accent-fill:#304cd9;--on-accent:#eeede7;--scene:#26272d;--nav-surface:#e2e1da;color-scheme:light}:root[data-theme=dark]{--paper:#202126;--ink:#e6e4dd;--blue:#ff3d67;--line:#b5b5bb70;--soft-line:#e6e4dd28;--accent-fill:#ff3d67;--on-accent:#202126;--scene:#2b2c33;--nav-surface:#33343d;color-scheme:dark}html{scroll-padding-top:84px}.masthead{border-bottom-color:var(--soft-line);background:var(--paper);gap:20px;height:64px}@supports (color:color-mix(in lab,red,red)){.masthead{background:color-mix(in srgb,var(--paper)92%,transparent)}}.masthead{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.masthead:before{background:var(--paper);height:64px}@supports (color:color-mix(in lab,red,red)){.masthead:before{background:color-mix(in srgb,var(--paper)92%,transparent)}}.masthead-logo{font-size:32px}.masthead-logo span{margin-left:6px;font-size:19px}.masthead nav{gap:2px}.masthead nav a{letter-spacing:-.035em;isolation:isolate;min-height:40px;padding:0 18px;font-size:16px}.masthead nav a:after{display:none}.nav-label{z-index:1;position:relative}.nav-marker{background:var(--nav-surface);z-index:0;border-radius:999px;position:absolute;inset:3px 0}.masthead-tools{justify-self:end;align-items:center;gap:10px;display:flex}.language-select{width:52px;font-size:12px}.theme-toggle{border:1px solid var(--soft-line);background:0 0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.theme-toggle:hover{background:var(--nav-surface);color:var(--blue)}.cover{height:calc(100svh - 88px)}.cover-scene{background:var(--scene)}.character-focused{opacity:var(--focus-color,0)}.character-focused img{filter:contrast(1.03)saturate(.95)}.chip-otaku,.chip-code{color:#eeede7}.chip-draw{background:var(--accent-fill);color:var(--on-accent);border-color:var(--on-accent)}.spotlight-window,.work-feature-latest,.cover-index>:last-child,.contact-arrow,.archive-card-cover,.skip-link{background:var(--accent-fill);color:var(--on-accent)}.about-art{background:var(--accent-fill)}.about-outline{-webkit-text-stroke-color:var(--on-accent)}.about-signature{color:var(--on-accent)}.archive-card-cover.cover-services{background:var(--scene);color:#eeede7}.archive-card-cover.cover-engineering{background:var(--nav-surface);color:var(--blue)}.spotlight-link:focus-visible{outline-color:var(--on-accent)}.contact-arrow:hover{background:var(--ink);color:var(--paper)}@media(max-width:650px){.masthead{gap:8px;height:58px}.masthead:before{height:58px}.masthead-logo{font-size:28px}.masthead-logo span{display:none}.masthead nav{gap:0}.masthead nav a{min-height:40px;padding:0 6px;font-size:14px}.masthead-tools{gap:3px}.language-select{width:43px}.theme-toggle{width:34px;height:34px}.cover{height:calc(100svh - 74px)}.chip-otaku{color:var(--ink)}html{scroll-padding-top:76px}}@media(max-width:350px){.masthead nav a{padding-inline:4px;font-size:13px}.masthead{gap:4px}}.experience-block{grid-template-columns:minmax(210px,.8fr) minmax(0,2fr);align-items:start;gap:70px;padding-top:100px;display:grid}.experience-heading{position:sticky;top:104px}.experience-heading h3{letter-spacing:-.065em;font-size:clamp(30px,3.4vw,48px);font-weight:550;line-height:1.15}.experience-heading h3>span:last-child{color:var(--blue);margin-top:18px;font-size:72px;font-weight:400;display:block}.experience-timeline{border-left:1px solid var(--soft-line);padding-left:38px;position:relative}.experience-progress{background:var(--blue);transform-origin:top;pointer-events:none;width:2px;position:absolute;top:0;bottom:0;left:-1px}.experience-year-group{padding-bottom:48px;position:relative}.experience-year-group:last-child{padding-bottom:0}.experience-year{letter-spacing:-.06em;color:var(--blue);align-items:center;margin-bottom:22px;font-size:40px;font-weight:500;line-height:1;display:flex}.experience-year:before{content:"";border:2px solid var(--blue);background:var(--paper);border-radius:50%;width:11px;height:11px;position:absolute;left:-44px}.experience-entry{border-top:1px solid var(--soft-line);padding:26px 0 30px;transition:padding-left .35s}.experience-entry:hover{padding-left:8px}.experience-period{opacity:.75;margin-bottom:13px;font-size:13px;line-height:1.5}.experience-entry h5{letter-spacing:-.045em;font-size:clamp(22px,2.3vw,31px);font-weight:550;line-height:1.25}.experience-position{color:var(--blue);margin-top:10px;font-size:14px;line-height:1.6}.experience-summary{word-break:keep-all;overflow-wrap:anywhere;max-width:660px;margin-top:20px;font-size:16px;line-height:1.85}.experience-entry-featured{background:var(--blue);padding:30px}@supports (color:color-mix(in lab,red,red)){.experience-entry-featured{background:color-mix(in srgb,var(--blue)7%,var(--paper))}}.experience-entry-featured{border-top:2px solid var(--blue)}.experience-entry-featured:hover{padding-left:34px}.experience-entry-featured h5{font-size:clamp(34px,4vw,52px)}@media(max-width:1050px){.experience-block{grid-template-columns:minmax(175px,.7fr) minmax(0,2fr);gap:32px}}@media(max-width:650px){.experience-block{grid-template-columns:1fr;gap:30px;padding-top:56px}.experience-heading{position:static}.experience-heading h3{justify-content:space-between;align-items:center;font-size:34px;display:flex}.experience-heading h3>span:last-child{margin-top:0;font-size:42px}.experience-timeline{margin-left:6px;padding-left:22px}.experience-year{margin-bottom:18px;font-size:32px}.experience-year:before{left:-28px}.experience-year-group{padding-bottom:30px}.experience-entry{padding-block:23px}.experience-entry-featured{padding:24px 18px}.experience-entry-featured:hover{padding-left:18px}.experience-summary{margin-top:16px;font-size:15px}.experience-position{font-size:13px}}.work-card-rail{align-items:stretch}.work-card-rail .work-slide{flex-basis:calc(42.5532% - 20.4255px);display:flex}.work-card-rail .work-feature{border-color:var(--soft-line);background:0 0;width:100%;min-height:455px;padding:28px}.work-card-rail .work-feature-meta{flex-wrap:wrap;gap:8px}.work-card-rail .work-feature-meta>:first-child{color:var(--blue)}.work-card-rail .work-feature-title h3{font-size:clamp(30px,3vw,42px)}.work-card-rail .work-feature-description{margin-bottom:28px;font-size:16px}.work-card-link{border-top:1px solid var(--soft-line);justify-content:space-between;align-items:center;min-height:48px;margin-top:auto;font-size:14px;display:flex}.work-card-link:hover{color:var(--blue)}.work-card-link span{font-size:22px}.work-carousel-controls{justify-content:space-between;align-items:center;padding-top:8px;display:flex}@media(max-width:1050px){.work-card-rail .work-slide{flex-basis:calc(58.8235% - 14.1176px)}}@media(max-width:650px){.work-card-rail .work-slide{flex-basis:86%}.work-card-rail .work-feature{min-height:460px;padding:22px}.work-card-rail .work-feature-description{font-size:15px}}.work-card-rail{scroll-snap-type:none}.work-card-rail .work-slide{scroll-snap-align:none;flex-basis:300px}.work-card-rail .work-feature{min-height:365px;padding:20px}.work-card-rail .work-feature-meta{font-size:12px}.work-card-rail .work-feature-title{min-height:88px;margin-block:24px 16px}.work-card-rail .work-feature-title>p{font-size:13px}.work-card-rail .work-feature-title h3{margin-top:10px;font-size:28px}.work-card-rail .work-feature-description{margin-bottom:18px;font-size:14px;line-height:1.75}.experience-block{grid-template-columns:190px minmax(0,1fr);gap:38px;padding-top:64px}.experience-heading h3{font-size:29px}.experience-heading h3>span:last-child{margin-top:10px;font-size:44px}.experience-timeline{padding-left:26px}.experience-year-group{grid-template-columns:65px minmax(0,1fr);gap:18px;padding-bottom:22px;display:grid}.experience-year{align-self:start;margin:16px 0 0;font-size:25px}.experience-year:before{left:-32px}.experience-entry,.experience-entry-featured{border-top:1px solid var(--soft-line);background:0 0;padding:15px 0}.experience-entry-featured{border-top-color:var(--blue)}.experience-period{margin-bottom:6px;font-size:12px}.experience-entry h5,.experience-entry-featured h5{font-size:21px}.experience-position{margin-top:5px;font-size:13px}.experience-summary{max-width:none;margin-top:9px;font-size:14px;line-height:1.65}@media(max-width:900px){.experience-block{grid-template-columns:1fr;gap:24px}.experience-heading{position:static}.experience-heading h3{align-items:center;gap:24px;display:flex}.experience-heading h3>span:last-child{margin:0;font-size:32px}}@media(max-width:650px){.work-card-rail .work-slide{flex-basis:min(280px,82%)}.work-card-rail .work-feature{min-height:370px;padding:18px}.experience-block{padding-top:42px}.experience-timeline{padding-left:18px}.experience-year-group{grid-template-columns:1fr;gap:10px;padding-bottom:18px}.experience-year{margin-top:0;font-size:23px}.experience-year:before{left:-24px}.experience-entry h5,.experience-entry-featured h5{font-size:19px}.experience-summary{font-size:14px}}@media(prefers-reduced-motion:no-preference){:root{--motion-ease:cubic-bezier(.22,1,.36,1)}.work-board-link,.work-board-row h3 a,.contact-email,.contact-socials a,.archive-back,.card-read-more,.card-links a{transition:color .3s ease,transform .5s var(--motion-ease)}.work-board-link:hover,.work-board-link:focus-visible{transform:translateY(-3px)}.work-board-row h3 a:hover,.contact-socials a:hover,.card-links a:hover,.archive-back:hover{transform:translate(4px)}.work-board-arrow{transition:transform .55s var(--motion-ease)}.work-board-link:hover .work-board-arrow{transform:translate(4px,-4px)}.card-read-more span,.all-projects-button span{transition:transform .55s var(--motion-ease);display:inline-block}.card-read-more:hover span,.all-projects-button:hover span{transform:translate(3px,-3px)}.experience-entry{transition:padding-left .5s var(--motion-ease),border-color .4s}.experience-entry:hover{border-color:var(--blue)}.theme-toggle{transition:background .35s,color .35s,border-color .35s}.contact-email{display:inline-block}.contact-email:hover{transform:translate(4px)}.archive-card{transition:transform .6s var(--motion-ease),border-color .35s}.about-links a,.contact-arrow,.all-projects-button{transition:transform .6s var(--motion-ease),color .35s,background .35s}}.experience-toggle{border:0;border-top:1px solid var(--soft-line);width:100%;min-height:48px;color:var(--blue);font:inherit;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:24px;margin-top:8px;padding:12px 0;font-size:14px;display:flex}.experience-toggle span{font-size:20px;display:inline-block}.experience-entry:hover,.experience-entry-featured:hover{padding-left:0}.experience-entry{transition:border-color .6s}.cover-chip[lang=ja]{letter-spacing:.035em;font-family:Pretendard JP,sans-serif;font-weight:650}.chip-dream{z-index:4;color:var(--ink);background:var(--paper);min-height:42px;padding:10px 18px;font-size:15px;top:12%;right:6%;transform:rotate(9deg)}@media(max-width:650px){.chip-dream{min-height:36px;padding:8px 12px;font-size:12px;top:8%;right:0}}html.lenis{scroll-behavior:auto!important}.masthead,.cover,.cover-index,.about-spread,.experience-block,.work-board-row,.project-archive,.project-detail,.contact{color:var(--ink)}.fa-icon{vertical-align:-.08em;flex-shrink:0;width:.85em;height:.85em;display:inline-block}.theme-icon{justify-content:center;align-items:center;font-size:20px;display:inline-flex}.about-links a{gap:8px}@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}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@media(max-width:650px){.folio{width:calc(100% - 32px)}.folio .masthead{grid-template-rows:44px 44px;height:96px;padding-bottom:8px}.folio .masthead:before{height:96px}.folio .masthead .section-navigation{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.folio .masthead .section-navigation a{justify-content:center;min-height:44px;padding:0 6px}.folio .masthead .section-navigation a:first-child{margin-left:0}.folio .masthead .page-navigation a{min-height:44px;padding-inline:6px;font-size:12px}.folio .masthead .page-navigation .nav-label{gap:7px}.folio .masthead .theme-toggle{min-width:40px;min-height:44px}.folio .cover{margin-top:12px;min-height:460px;height:min(700px,calc(100svh - 172px))}.folio .cover-scene{inset:0 0 42px;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%)}.folio .cover-art img{height:145%}.folio .cover h1{left:0;bottom:14px;font-size:clamp(48px,18vw,114px);font-weight:600;letter-spacing:-.085em}.folio .cover-blur-toggle{bottom:12px;right:0;min-height:44px;padding:6px 7px;font-size:9px;gap:5px}.folio .chip-github{top:63%;left:0}.folio .chip-draw{top:74%;right:0}.folio .cover-chip{font-size:12px;min-height:44px;padding:9px 13px}.folio .spark-front{font-size:44px;right:0;top:46%}.folio .spark-back{font-size:42px;left:0;top:34%}.folio .cover-index{margin-top:12px}.folio .cover-index>*{min-height:44px;padding:12px;font-size:12px}.folio .about-section{margin-top:48px}.folio .about-spread{display:flex;flex-direction:column}.folio .about-art{order:-1;height:280px;min-height:0;border:0;border-bottom:1px solid var(--soft-line)}.folio .about-art img{height:200%;top:-8%}.folio .about-outline{font-size:65px}.folio .about-signature{font-size:40px}.folio .about-text{padding:24px 20px;gap:24px}.folio .about-text h2{display:flex;flex-wrap:wrap;gap:12px;font-size:52px;line-height:1}.folio .about-text h2 br{display:none}.folio .about-bio{font-size:14px;line-height:1.85}.folio .about-bio .bio-intro{font-size:19px;line-height:1.6;margin-bottom:18px}.folio .about-now{margin-block:18px 24px}.folio .about-links{gap:8px}.folio .about-links a{flex:1;justify-content:center;padding-inline:10px;font-size:12px}.folio .experience-block{padding-top:36px;gap:20px}.folio .experience-year-group{grid-template-columns:48px minmax(0,1fr);gap:12px;padding-bottom:16px}.folio .experience-year{font-size:18px;margin-top:16px}.folio .experience-entry h5{font-size:18px}.folio .experience-summary{font-size:13px;line-height:1.75}.folio .works-section{padding-top:48px}.folio .section-heading{gap:12px;margin-bottom:20px}.folio .section-heading h2{font-size:clamp(30px,8.5vw,48px)}.folio .work-board-row{padding:22px 0;gap:14px}.folio .work-board-row h3{font-size:21px}.folio .work-board-row h3 a{min-height:32px}.folio .board-countdown{width:64px;margin-top:0;margin-bottom:0}.folio .board-title{font-size:20px}.folio .board-description{font-size:14px;line-height:1.75;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.folio .project-archive,.folio .project-detail{padding-top:28px}.folio .archive-heading{gap:10px}.folio .archive-heading h1{font-size:44px}.folio .archive-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.folio .archive-filters button{justify-content:space-between;min-height:44px}.folio .archive-card-cover{height:168px;padding:20px}.folio .archive-card-body{padding:20px}.folio .archive-card h2{font-size:24px}.folio .contact{padding-top:44px}.folio .contact-socials{gap:18px}}@media(max-width:350px){.folio .about-text{padding-inline:16px}.folio .about-text h2{font-size:45px}.folio .experience-year-group{grid-template-columns:1fr;gap:6px}.folio .experience-year{margin-top:0}.folio .cover-blur-toggle{font-size:8px;gap:4px;padding-inline:5px}}@media(max-width:650px){.folio .cover .cover-art img{transform:translate(-50%);translate:0 0}.folio .cover .cover-chip,.folio .cover .cover-spark{rotate:none;translate:0 0;filter:none}.folio .cover .character-blurred{filter:none}.folio .cover .character-focused{opacity:0}.folio .cover h1{translate:0 0}.folio .spark-back{left:10%;top:35%;font-size:36px}.folio .spark-front{right:10%;top:44%;font-size:42px}.folio .cover-blur-toggle{display:none}}.folio .masthead{grid-template-columns:auto minmax(0,1fr) auto auto;gap:18px}.folio .masthead .section-navigation{justify-content:flex-start}.folio .masthead .page-navigation{justify-content:flex-end}.masthead .page-navigation a{white-space:nowrap}.masthead .page-navigation a[aria-current=page]{color:var(--blue)}.masthead .page-navigation .nav-label{display:flex;gap:12px;align-items:center}@media(max-width:800px){.folio .masthead{gap:8px}.folio .masthead nav a{padding-inline:9px;font-size:14px}}@media(max-width:650px){.folio .masthead{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:44px 40px;height:92px;gap:0 8px;padding-bottom:8px}.folio .masthead:before{height:92px}.masthead-logo{grid-column:1;grid-row:1}.folio .masthead .section-navigation{grid-column:1 / -1;grid-row:2}.folio .masthead .page-navigation{grid-column:2;grid-row:1}.masthead-tools{grid-column:3;grid-row:1}.folio .masthead .section-navigation a{padding-inline:12px}.folio .masthead .section-navigation a:first-child{margin-left:-12px}}.cover-light-line{position:absolute;z-index:1;pointer-events:none;width:125%;height:1px;left:-12%;top:46%;transform:rotate(-20deg);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--blue) 35%,transparent),transparent)}.cover-light-travel{position:absolute;top:0;width:20%;height:2px;background:linear-gradient(90deg,transparent,var(--blue) 65%,#eeede7 95%,transparent);filter:drop-shadow(0 0 5px var(--blue))}@media(max-width:650px){.cover-light-line{top:43%;transform:rotate(-28deg)}}.cover h1{font-weight:500;display:block;bottom:24px;letter-spacing:-.075em}@media(max-width:650px){.cover h1{font-weight:600;bottom:14px;letter-spacing:-.085em}}@media(min-width:1051px){.cover h1{font-size:clamp(132px,19.5vw,274px)}}.cover .character-layer{perspective:1100px;perspective-origin:50% 44%}.cover .cover-art img{transform-origin:48% 26%;transform:translate(-50%) rotateX(var(--character-pitch, 0deg)) rotateY(var(--character-yaw, 0deg)) rotate(var(--character-roll, 0deg));translate:calc(var(--cover-x) * .45) calc(var(--cover-y) * .45);backface-visibility:hidden}.cover,.cover-scene{perspective:1000px}.cover .cover-chip,.cover .cover-spark{transform-origin:center;rotate:var(--tilt-axis-x, 1) var(--tilt-axis-y, 0) 0 var(--tilt-angle, 0deg)}.cover .cover-chip{translate:calc(var(--cover-x) * -.7) calc(var(--cover-y) * -.7) calc(var(--focus-color, 0) * 32px)}.cover .chip-otaku,.cover .chip-code{translate:calc(var(--cover-x) * -.35) calc(var(--cover-y) * -.35) calc(var(--focus-color, 0) * -18px)}.cover-blur-toggle{position:absolute;z-index:8;right:0;bottom:28px;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 10px;border:1px solid var(--soft-line);border-radius:999px;background:var(--paper);color:var(--ink);font:500 11px Montserrat,sans-serif;cursor:pointer}.cover-blur-toggle>span{width:5px;height:5px;border-radius:50%;background:var(--blue)}.cover-blur-toggle[aria-pressed=false]>span{background:currentColor;opacity:.4}.cover[data-blur=off] .character-blurred,.cover[data-blur=off] .cover-chip,.cover[data-blur=off] .cover-spark{filter:none}.cover[data-blur=off] .character-focused{opacity:0}@media(max-width:650px){.cover-blur-toggle{bottom:12px;font-size:10px;padding-inline:8px;gap:5px}}.cover,.cover *{-webkit-user-select:none;user-select:none}.cover img,.cover a{-webkit-user-drag:none}:root,[lang=ko],[lang=ja],[lang=en]{font-family:Montserrat,Pretendard JP,sans-serif}.work-board{border-top:1px solid var(--line)}.work-board-row{display:grid;grid-template-columns:215px minmax(0,1fr);align-items:center;border-bottom:1px solid var(--soft-line);gap:28px;padding:24px 0}.work-board-row h3{font-size:15px;font-weight:500;color:var(--blue);white-space:nowrap}.work-board-row h3 a{display:inline-flex;align-items:center;min-height:44px}.work-board-slot{display:grid;min-width:0}.board-size-guide,.board-current{grid-area:1 / 1;min-width:0}.board-size-guide{visibility:hidden;pointer-events:none}.board-detail-link{display:block;padding:4px 0}.board-size-guide{padding:4px 0}.board-title{font-size:23px;font-weight:550;letter-spacing:-.04em;line-height:1.3}.board-role{font-size:13px;color:var(--blue);line-height:1.65;margin-top:5px}.board-description{font-size:14px;line-height:1.75;margin-top:10px;word-break:keep-all;overflow-wrap:anywhere}.board-word{display:inline-block;white-space:nowrap}.board-letter-mask{display:inline-block;overflow:hidden;vertical-align:top}.board-letter-mask>span{display:inline-block}.work-board-arrow{display:inline-block;font-size:18px;color:var(--blue);margin-left:16px;transition:transform .4s}.board-detail-link:hover .work-board-arrow{transform:translate(3px,-3px)}.board-detail-link:hover .board-title{color:var(--blue)}.board-pause{display:block;margin:8px 0 0 auto;min-height:44px;padding:8px 0 8px 16px;background:none;border:0;font-size:12px}@media(max-width:900px){.work-board-row{grid-template-columns:185px minmax(0,1fr);gap:20px}.work-board-row h3{font-size:13px}}@media(max-width:650px){.work-board-row{grid-template-columns:1fr;gap:9px;padding:18px 0}.work-board-row h3 a{min-height:30px}.board-title{font-size:21px}.board-description{font-size:14px}}.work-board-row{grid-template-columns:250px minmax(0,1fr)}.work-board-row h3{font-size:20px;font-weight:550;white-space:normal;letter-spacing:-.035em}.board-countdown{display:block;width:96px;height:2px;margin-top:8px;overflow:hidden;background:var(--soft-line)}.board-countdown>span{display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left}@media(max-width:900px){.work-board-row{grid-template-columns:210px minmax(0,1fr)}.work-board-row h3{font-size:18px}}@media(max-width:650px){.work-board-row{grid-template-columns:1fr}.work-board-row h3{font-size:18px}.board-countdown{width:72px;margin-top:4px;margin-bottom:8px}}.work-board-row h3{font-size:25px;line-height:1.15}.work-board-row h3 a{min-height:0;display:block;padding:0}.board-countdown{height:1px;width:96px;margin-top:3px}@media(max-width:900px){.work-board-row h3{font-size:23px}}@media(max-width:650px){.work-board-row h3{font-size:22px}.board-countdown{height:1px;width:72px;margin-top:3px;margin-bottom:6px}}.about-now{margin:24px 0 28px}.about-bio .about-now-work{margin:0;font-size:14px;line-height:1.7;color:var(--ink)}.about-now-track{height:2px;margin-top:12px;overflow:hidden;background:var(--soft-line)}.about-now-track span{display:block;height:100%;width:36%;background:var(--blue);animation:still-cooking 3.6s cubic-bezier(.45,0,.55,1) infinite alternate}.about-bio .about-now-caption{display:flex;justify-content:space-between;margin:8px 0 0;font-size:12px;line-height:1.6;color:var(--ink);opacity:.65}@keyframes still-cooking{0%{transform:translate(-90%)}to{transform:translate(265%)}}@media(prefers-reduced-motion:reduce){.about-now-track span{animation:none;width:72%}}.archive-grid .archive-card{transition:border-color .35s;transform-origin:50% 45%}.archive-card-star{position:absolute;top:16px;right:20px;z-index:1;font-family:Montserrat,sans-serif;font-size:52px;line-height:1;pointer-events:none}.archive-card .project-cover-title{padding-right:22px}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}