@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@font-face{font-family:Inter;src:url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);font-display:swap}html{box-sizing:border-box;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*,:after,:before{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0;font-weight:400}h1,h2,h3,h4,h5,h6{font-weight:700}ol,ul{list-style:none}img{max-width:100%;height:auto;display:block}a{text-decoration:none}button{-webkit-appearance:none;border-radius:0;text-align:inherit;background:none;box-shadow:none;padding:0;cursor:pointer;border:none;color:inherit;font:inherit}/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--background:0 0% 100%;--foreground:224 71.4% 4.1%;--card:0 0% 100%;--card-foreground:224 71.4% 4.1%;--popover:0 0% 100%;--popover-foreground:224 71.4% 4.1%;--primary:220.9 39.3% 11%;--primary-foreground:210 20% 98%;--secondary:220 14.3% 95.9%;--secondary-foreground:220.9 39.3% 11%;--muted:220 14.3% 95.9%;--muted-foreground:220 8.9% 46.1%;--accent:220 14.3% 95.9%;--accent-foreground:220.9 39.3% 11%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 20% 98%;--border:220 13% 91%;--input:220 13% 91%;--ring:224 71.4% 4.1%;--radius:0.5rem}.dark{--background:224 71.4% 4.1%;--foreground:210 20% 98%;--card:224 71.4% 4.1%;--card-foreground:210 20% 98%;--popover:224 71.4% 4.1%;--popover-foreground:210 20% 98%;--primary:210 20% 98%;--primary-foreground:220.9 39.3% 11%;--secondary:215 27.9% 16.9%;--secondary-foreground:210 20% 98%;--muted:215 27.9% 16.9%;--muted-foreground:217.9 10.6% 64.9%;--accent:215 27.9% 16.9%;--accent-foreground:210 20% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 20% 98%;--border:215 27.9% 16.9%;--input:215 27.9% 16.9%;--ring:216 12.2% 83.9%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-\[50\%\]{left:50%}.top-\[50\%\]{top:50%}.z-50{z-index:50}.mt-2{margin-top:.5rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-5{width:1.25rem}.w-full{width:100%}.max-w-lg{max-width:32rem}.shrink-0{flex-shrink:0}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-width:1px}.border-2{border-width:2px}.border-input{border-color:hsl(var(--input))}.border-transparent{border-color:transparent}.bg-background{background-color:hsl(var(--background))}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-destructive{background-color:hsl(var(--destructive))}.bg-primary{background-color:hsl(var(--primary))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:transparent}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.underline-offset-4{text-underline-offset:4px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.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-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.duration-200{animation-duration:.2s}:root{--background_color:#fefdff;--header:#ffffff2a;--top-title:#131313;--black:#131313;--white:#fff;--gray:#fff;--light_gray:#a5a5a5;--disabled:#00000019;--key_color:#eb4511;--key_color_light:#eb4411;--ref_text:#b0b0b0}.nowrap{white-space:nowrap}html{font-family:Inter,sans-serif;scroll-behavior:smooth;overflow-x:hidden}.label{margin-top:10px;margin-bottom:10px;font-size:clamp(18px,.78125vw,30px);font-weight:800;color:var(--key_color);transform:translateX(calc(-1 * clamp(18px, .78125vw, 30px) * .6))}.label:before{content:"*"}.svg-hover:hover .svg-hover-target-fill{fill:var(--key_color)}.top-wrapper{display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:90vh auto auto 80px;background-color:var(--background_color)}.top{grid-column:4/17;grid-row:1/1}.other-info{grid-column:4/14;grid-row:2/2}.content{grid-column:4/14;grid-row:3/3;min-height:300px}@media screen and (max-width:2000px){.top{grid-column:4/17}.content,.other-info{grid-column:3/15}}@media screen and (max-width:1440px){.top{grid-column:3/17}.content,.other-info{grid-column:2/16}}@media screen and (max-width:800px){.top{grid-column:4/17}.content,.other-info{grid-column:2/16}}.article-wrapper{display:grid;grid-template-columns:repeat(16,1fr);background-color:var(--background_color);min-height:calc(100vh - 80px)}.article{grid-column:5/13;margin-top:80px}@media screen and (max-width:2000px){.article{grid-column:4/14}}@media screen and (max-width:1440px){.article{grid-column:3/15}}@media screen and (max-width:800px){.article{grid-column:2/16;margin-top:20px}}.tag-area{margin-top:clamp(25px,3.125vw,80px);max-width:1000px}.tag-area button{font-size:clamp(14px,.46875vw,18px);font-weight:600;outline:1px solid var(--black);color:var(--black);border-radius:1.2em;padding:.5em 1.2em;display:inline-block;margin:.3em;transition:background-color .2s ease,color .2s ease}.tag-area button:hover{transition:outline .04s ease-out;outline:2px solid var(--key_color)}.tag-area button.selected{outline:1px solid var(--key_color);background-color:var(--key_color);color:#fff}.tag-area button.selected:hover{transition:outline .04s ease-out;outline:3px solid var(--key_color)}.tag-area .skill-comment{padding:20px;text-align:center;color:var(--light_gray)}.tag-area .tag-list{transform:translateX(-.3em)}.tag-area .label{margin-bottom:0}.tag-area .desc{color:var(--black);margin-bottom:10px;opacity:.5;font-weight:300;font-size:clamp(16px,.5729166667vw,22px)}@media screen and (max-width:720px){.tag-area button{font-size:clamp(12px,2.2222222222vw,16px);outline:1px solid var(--black);color:var(--black);border-radius:1.2em;padding:.5em 1.2em;display:inline-block;transition:background-color .2s ease,color .2s ease;margin:.4em}.tag-area button:hover{transition:outline .04s ease-out;outline:2px solid var(--key_color)}.tag-area button.selected{outline:1px solid var(--key_color);background-color:var(--key_color);color:#fff}.tag-area button.selected:hover{transition:outline .04s ease-out;outline:3px solid var(--key_color)}}.header-parent{height:0}.header-area{width:100%;height:60px;position:fixed;top:0;left:0;z-index:30;background-color:var(--header);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.header-area .header-items{height:60px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0 auto}.header-area .header-items .top-icon{font-size:clamp(20px,clamp(20px,1vw,20px),20px);font-weight:800;color:var(--black);padding-left:30px;padding-right:30px}.header-area .header-items .navigation{font-size:clamp(12px,clamp(12px,.6vw,12px),12px);font-weight:800;color:var(--black);margin-right:30px;display:flex;justify-content:space-between;-moz-column-gap:20px;column-gap:20px}.header-area .header-items .navigation .nav-text-btn{text-align:center}.header-area .header-items .navigation .nav-text-btn:hover{color:var(--key_color)}.header-area .header-items .navigation .no-show{display:none}@keyframes fadeIn{0%{transform:translateY(-80px)}to{transform:translateY(0)}}@keyframes fadeOut{0%{transform:translateY(0)}to{transform:translateY(-80px)}}@media screen and (max-width:800px){.header-area{width:100%;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateX(-100%)}.header-area .header-items{height:300px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;margin:0 auto;max-width:clamp(1px,100vw,2000px)}.header-area .header-items .top-icon{display:none}.header-area .header-items .navigation{font-size:clamp(20px,clamp(20px,1.2vw,24px),24px);font-weight:800;color:var(--black);padding-right:30px;display:flex;flex-flow:column;align-items:flex-end}.header-area .header-items .navigation .nav-btn{padding:5px 0;text-align:center}.header-area .header-items .navigation .nav-btn:hover{color:var(--key_color)}.header-area .header-items .navigation .no-show{display:block}.header-area.active{transform:translateX(0)}.header-btn{display:block;z-index:40;margin:5px;width:60px;height:60px;position:fixed;top:0;right:0}.header-btn span{display:inline-block;transition:all .2s;position:absolute;left:13px;height:2px;background-color:var(--black);filter:drop-shadow(0 0 3px var(--background_color))}.header-btn span:first-of-type{top:22px;width:50%}.header-btn span:nth-of-type(2){top:29px;width:50%}.header-btn.active span:first-of-type{top:20px;left:16px;transform:translateY(6px) rotate(-45deg);width:35%}.header-btn.active span:nth-of-type(2){top:32px;left:16px;transform:translateY(-6px) rotate(45deg);width:35%}}#intro{width:100%;height:100%;position:relative}#intro .greeting-area{position:absolute;top:50%;left:0;transform:translateY(-50%)}#intro .greeting{font-size:max(clamp(20px,3.125vw,120px),clamp(20px,2.7777777778vh,120px));font-weight:800;color:var(--top-title);box-decoration-break:clone;-webkit-box-decoration-break:clone;display:inline;padding:1px 3px;line-height:1.5em;background-color:var(--key_color)}#intro .picture{width:76%;height:90%;position:absolute;top:50%;right:0;transform:translateY(-50%);overflow:hidden;filter:blur(3px)}#intro .picture .top_eyechatch{min-width:100%;min-height:100%}#intro .picture .top_eyechatch img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#intro .picture .top_eyechatch .hidden{opacity:0}#intro .picture .top_eyechatch .visible{opacity:1}.other-info{width:100%;display:flex;flex-flow:row;justify-content:space-between;-moz-column-gap:.2em;column-gap:.2em}.other-info .single-line{font-size:clamp(14px,.6770833333vw,26px);color:var(--black);font-weight:700}.other-info .inlinelink{-webkit-text-decoration:underline 1px dotted gray;text-decoration:underline 1px dotted gray;text-underline-offset:3px}.other-info .inlinelink:hover{color:#fff;background:var(--key_color);text-decoration:none}.other-info .contact .sns-icon{width:2em;height:2em}.other-info .education,.other-info .work-ex{display:flex;flex-flow:column;row-gap:.1em}.sns{display:flex;align-items:center;transform:scale(90%) translate(-10px);-moz-column-gap:8px;column-gap:8px}.linkedin{background-image:url(/images/linkedin.svg);min-width:50px;min-height:50px;transform:scale(80%)}.ig,.linkedin{display:inline-block}.ig{background-image:url(/images/ig.svg);min-width:39px;min-height:38px;transform:scale(82%)}.halftone{filter:contrast(3);margin-bottom:1rem}.halftone:after{content:"";display:block;width:120%;height:120%;position:absolute;top:0;background-image:radial-gradient(circle,#000 50%,transparent 0);background-color:#fff;background-position:0 0;background-size:24px 24px;mix-blend-mode:screen;transform:translate(-12px,-12px)}@media screen and (max-width:1050px){.other-info{flex-flow:column;row-gap:clamp(25px,3.125vw,80px)}.other-info .single-line{font-size:clamp(14px,.6770833333vw,26px);color:var(--black);font-weight:700}.other-info .contact .sns-icon{width:2em;height:2em}.other-info .sns{transform:scale(100%) translate(-5px)}}.works-area{margin-top:clamp(25px,3.125vw,80px);display:flex;flex-flow:row wrap;-moz-column-gap:10%;column-gap:10%}.works-area .card{display:flex;justify-content:space-between;margin-top:clamp(100px,5.7291666667vw,220px);width:100%;position:relative}.works-area .card:nth-child(2){margin-top:0}.works-area .card .info_area{max-width:22%;display:flex;flex-direction:column;color:var(--black)}.works-area .card .info_area :last-child{margin-top:auto}.works-area .card .info_area .title{font-size:clamp(24px,1.3541666667vw,52px);font-weight:800;color:var(--white);box-decoration-break:clone;-webkit-box-decoration-break:clone;display:inline;padding:1px 3px;line-height:1.5em;background-color:var(--black)}.works-area .card .info_area .description{margin-top:.5em;font-weight:500;font-size:clamp(14px,.7291666667vw,28px)}.works-area .card .info_area .role-label{margin-top:.8em;color:var(--key_color)}.works-area .card .info_area .role,.works-area .card .info_area .role-label{font-weight:500;font-size:clamp(14px,.7291666667vw,28px)}.works-area .card .info_area .tags{max-width:85%;padding-left:auto;align-self:self-end;font-weight:300;padding-top:10px;font-size:clamp(11px,.625vw,24px);color:gray;text-align:end;line-height:1.4em}.works-area .card .info_area .article-link{outline:1px solid var(--black);color:var(--black);border-radius:1.2em;padding:.5em 1.2em;display:inline-block;transition:background-color .2s ease,color .2s ease;margin:1rem 0;font-size:clamp(12px,clamp(12px,.8vw,16px),16px);font-weight:700}.works-area .card .info_area .article-link:hover{transition:outline .04s ease-out;outline:2px solid var(--key_color)}.works-area .card .info_area .article-link.selected{outline:1px solid var(--key_color);background-color:var(--key_color);color:#fff}.works-area .card .info_area .article-link.selected:hover{transition:outline .04s ease-out;outline:3px solid var(--key_color)}.works-area .card .thumb_area{max-width:73%;min-width:73%;position:relative}.works-area .card .thumb_area img{width:100%;height:auto;-o-object-fit:fit;object-fit:fit}.works-area .card .thumb_area .article_ref_text{font-size:clamp(11px,.4166666667vw,16px);color:var(--ref_text);position:absolute;right:0}.works-area .card .cover{display:none}.works-area .card.hide .cover{opacity:.95;display:block;position:absolute;top:-5px;left:-60px;right:-60px;bottom:-15px;background-color:var(--background_color);background-size:cover;background-position:50%;z-index:20}.works-area .card.hide .cover .reset-filter{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);outline:1px solid var(--black);color:var(--black);border-radius:1.2em;padding:.5em 1.2em;display:inline-block;margin:.3em;transition:background-color .2s ease,color .2s ease}.works-area .card.hide .cover .reset-filter:hover{transition:outline .04s ease-out;outline:2px solid var(--key_color)}.works-area .card.hide .cover .reset-filter.selected{outline:1px solid var(--key_color);background-color:var(--key_color);color:#fff}.works-area .card.hide .cover .reset-filter.selected:hover{transition:outline .04s ease-out;outline:3px solid var(--key_color)}.works-area .halfcard{max-width:45%;height:550px;max-height:clamp(1px,26vw,520px);display:flex;flex-direction:column;align-items:flex-start;margin-top:clamp(1px,5.5vw,110px);justify-content:space-between}.works-area .halfcard .info_area{min-width:100%;display:flex;justify-content:space-between}.works-area .halfcard .info_area .title{font-size:clamp(24px,1.3541666667vw,52px);font-weight:800;color:var(--white);box-decoration-break:clone;-webkit-box-decoration-break:clone;display:inline;padding:1px 3px;line-height:1.5em;background-color:var(--black)}.works-area .halfcard .info_area ul{font-weight:300;padding-top:10px;font-size:clamp(11px,.625vw,24px);color:gray;text-align:end;line-height:1.4em}.works-area .smallreverse{flex-direction:column-reverse}.works-area .custom-thumbnail{position:relative;width:100%;height:100%}.video .react-player__preview:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#000;opacity:.4}.video .custom-play-button{opacity:100%;position:absolute;width:10%;height:10%;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;filter:drop-shadow(0 0 2px black)}.video :hover .custom-play-button-fill{fill:var(--key_color)}@media screen and (max-width:1180px){.works-area{flex-flow:column}.works-area .card{display:flex;flex-direction:column-reverse}.works-area .card .info_area{padding-top:20px;min-width:100%;display:flex}.works-area .card .info_area :last-child{margin-top:auto}.works-area .card .info_area .description{margin-top:.5em;font-weight:500;font-size:clamp(14px,clamp(14px,.7vw,14px),14px);line-height:1.15em}.works-area .card .info_area .role-label{min-width:100%}.works-area .card .info_area .role{min-width:100%;font-weight:500;font-size:clamp(14px,clamp(14px,.7vw,14px),14px)}.works-area .card .info_area p{font-weight:500;font-size:clamp(12px,clamp(12px,.7vw,14px),14px)}.works-area .card .info_area .link-area{max-width:50%;display:inline-block;order:100}.works-area .card .info_area .article-link{outline:1px solid var(--black);color:var(--black);border-radius:1.2em;padding:.5em 1.2em;display:inline-block;transition:background-color .2s ease,color .2s ease;margin:1rem 0;font-size:clamp(12px,clamp(12px,.8vw,16px),16px);font-weight:700}.works-area .card .info_area .article-link:hover{transition:outline .04s ease-out;outline:2px solid var(--key_color)}.works-area .card .info_area .article-link.selected{outline:1px solid var(--key_color);background-color:var(--key_color);color:#fff}.works-area .card .info_area .article-link.selected:hover{transition:outline .04s ease-out;outline:3px solid var(--key_color)}.works-area .card .info_area .tags{max-width:70%;align-self:self-start;text-align:left}.works-area .card .thumb_area{min-width:100%}.works-area .card .thumb_area img{height:auto}.works-area .card .thumb_area .article_ref_text{max-width:80%;font-size:clamp(7px,.9322033898vw,11px);color:var(--ref_text);position:absolute;right:0}.works-area .card.hide .cover{opacity:.95;display:block;position:absolute;top:-5px;left:-5px;right:-5px;bottom:-15px;background-color:var(--background_color);background-size:cover;background-position:50%;z-index:20}.works-area .card.hide .cover .reset-filter{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);outline:1px solid var(--black);color:var(--black);border-radius:1.2em;padding:.5em 1.2em;display:inline-block;margin:.3em;transition:background-color .2s ease,color .2s ease}.works-area .card.hide .cover .reset-filter:hover{transition:outline .04s ease-out;outline:2px solid var(--key_color)}.works-area .card.hide .cover .reset-filter.selected{outline:1px solid var(--key_color);background-color:var(--key_color);color:#fff}.works-area .card.hide .cover .reset-filter.selected:hover{transition:outline .04s ease-out;outline:3px solid var(--key_color)}.works-area .halfcard{max-width:70%;min-height:clamp(1px,83.3333333333vw,600px);display:flex;flex-direction:column-reverse;align-items:flex-start;margin-top:clamp(1px,5.5vw,110px);justify-content:space-between}.works-area .halfcard .info_area{display:flex;flex-direction:column}}.article{display:flex;flex-flow:column;font-family:Inter,sans-serif}.article .title{font-size:clamp(36px,1.6927083333vw,65px);font-weight:800;color:var(--white);box-decoration-break:clone;-webkit-box-decoration-break:clone;display:inline;padding:1px 3px;line-height:1.5em;background-color:var(--black);margin-bottom:10px}.article .article-taglist{max-width:clamp(320px,22.1354166667vw,850px)}.article .article-taglist,.article .time{font-size:clamp(13px,.5208333333vw,20px);color:var(--light_gray)}.article .role{margin-top:clamp(15px,.78125vw,30px);font-size:clamp(16px,.625vw,24px);color:var(--black)}.article .role-header{color:var(--white);box-decoration-break:clone;-webkit-box-decoration-break:clone;display:inline;padding:1px 3px;line-height:1.5em;background-color:var(--key_color);font-weight:700}.article .role-text{font-weight:400}.article .text{color:var(--black);font-size:clamp(18px,clamp(18px,1vw,20px),20px);line-height:1.4em;padding-left:clamp(1px,2vw,40px);padding-right:clamp(1px,2vw,40px)}.article .text,.article img{margin-top:clamp(30px,2.6041666667vw,100px)}.article img{width:100%;-o-object-fit:fill;object-fit:fill}.article .credit{color:var(--black);display:flex;flex-direction:column;align-items:center}.article .article-video,.article .credit{margin-top:clamp(30px,2.6041666667vw,100px)}.article .article-video .article-video-label{margin-top:5px;text-align:center;color:var(--light_gray);font-size:clamp(13px,.5208333333vw,20px)}.article .article-link{outline:1px solid var(--black);color:var(--black);border-radius:1.2em;padding:.5em 1.2em;display:inline-block;transition:background-color .2s ease,color .2s ease;width:-moz-fit-content;width:fit-content;font-size:clamp(12px,clamp(12px,.9vw,18px),18px);font-weight:700;margin:clamp(30px,2.6041666667vw,100px) 0 1rem;position:relative;transform:translate(-50%);left:50%}.article .article-link:hover{transition:outline .04s ease-out;outline:2px solid var(--key_color)}.article .article-link.selected{outline:1px solid var(--key_color);background-color:var(--key_color);color:#fff}.article .article-link.selected:hover{transition:outline .04s ease-out;outline:3px solid var(--key_color)}.article .article-link svg{width:1.3em;height:1.3em;margin-left:10px;display:inline;align-self:center;transform:translateY(-8%)}.footer{width:100%;font-size:clamp(12px,.4166666667vw,16px);color:var(--light_gray);background-color:var(--background_color);min-height:80px;position:relative}.footer .footer-text{width:-moz-fit-content;width:fit-content;line-clamp:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.embla{--slide-spacing:8px;--slide-size:100%;position:relative}.embla__viewport{overflow:hidden}.embla__container{backface-visibility:hidden;display:flex;touch-action:pan-y;margin-left:calc(var(--slide-spacing)*-1)}.embla__slide{flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing)}.embla__controls{display:grid;grid-template-columns:auto 1fr;justify-content:space-between;gap:1.2rem}.embla__button{-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;width:3.2em;height:3.2em;z-index:1;border-radius:50%;color:var(--black);display:flex;align-items:center;justify-content:center}.embla__button:hover{color:var(--key_color)}.embla__button--prev{position:absolute;left:0;top:50%;transform:translate(-90%,-50%)}.embla__button--next{position:absolute;right:0;top:50%;transform:translate(90%,-50%)}.embla__button:disabled{color:var(--detail-high-contrast)}.embla__button__svg{width:35%;height:35%}.embla__dots{max-width:100%;display:flex;justify-content:center;position:absolute;left:0;bottom:0;transform:translateY(100%)}.embla__dot{margin-top:5px;margin-right:4px;padding:0;min-width:10px;min-height:10px;background-color:var(--disabled);display:inline-flex}.embla__dot--selected{background-color:var(--key_color)}@media screen and (max-width:1000px){.embla__buttons{display:none}}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive)/.9)}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary)/.9)}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}.hover\:underline:hover{text-decoration-line:underline}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:1.25rem}.data-\[state\=checked\]\:translate-x-5[data-state=checked],.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:hsl(var(--accent))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}@media (min-width:640px){.sm\:mt-0{margin-top:0}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_36bd41;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_36bd41{font-family:__Inter_36bd41,__Inter_Fallback_36bd41;font-style:normal}