@charset "UTF-8";:where(h1,h2,h3,h4,h5,h6){margin:unset}:where(p){margin:unset}html{font-size:100%}a[href^=tel]{text-decoration:none}a{color:inherit;-webkit-tap-highlight-color:transparent}@media(any-hover:hover){a:hover{text-decoration:none}}img,svg{vertical-align:middle}img{width:100%;height:100%;object-fit:cover}:where(:any-link,button,[type=button],[type=reset],[type=submit],label[for],select,summary,[role=tab],[role=button]){cursor:pointer}:where(button,[type=button],[type=reset],[type=submit]){touch-action:manipulation}:focus:not(:focus-visible){outline:none}input[type=text]{font-size:1rem}textarea{field-sizing:content}body{color:var(--color-text);font-family:var(--base-font-family);font-weight:var(--fw-regular)}@property --root-font-size{syntax: "<length>"; inherits: false; initial-value: 16px;}@font-face{font-family:Local Noto Sans JP;src:local("Noto Sans JP");font-display:swap}:root{--inner: min(1080px, 100%);--inner-sp: min(500px, 100%);--padding-inner: 20px;--z-index-header: 900;--color-white: #fff;--color-text: #0d2936;--color-black: #000;--color-gray: #f0f0f0;--color-border: #aaaaaf;--color-accent: #408f95;--color-primary: #234f5e;--color-secondary: #00f;--color-orange: #de8430;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--base-font-family: "Local Noto Sans JP", "Noto Sans JP", sans-serif;--title-font-family: "Lato", sans-serif;--to-rem: calc(tan(atan2(1px, var(--root-font-size)))*1rem) ;--duration: .3s;--header-height: 64px}@media screen and (min-width:768px){:root{--header-height: 80px}}.l-header{position:fixed;inset:0;z-index:var(--z-index-header)}.l-inner{max-width:calc(var(--inner-sp) + var(--padding-inner) * 2);margin-inline:auto;padding-inline:var(--padding-inner)}@media screen and (min-width:768px){.l-inner{max-width:calc(var(--inner) + var(--padding-inner) * 2)}}.l-main{margin-block-start:var(--header-height)}.c-button{position:relative;display:inline-block;padding:calc(14 * var(--to-rem)) calc(60 * var(--to-rem));border:1px solid currentcolor;background-color:var(--color-white);color:var(--color-black);font-size:calc(15 * var(--to-rem));line-height:1.2;letter-spacing:.1em;text-transform:uppercase}.c-button:before{content:"";position:absolute;top:50%;right:calc(20 * var(--to-rem));width:calc(8 * var(--to-rem));height:calc(8 * var(--to-rem));border-top:2px solid var(--color-black);border-right:2px solid var(--color-black);translate:0 -50%;rotate:45deg;transition:rotate .3s,translate .3s}@media(any-hover:hover){.c-button:hover:before{translate:5px -50%}}.c-button[data-color=black]{border-color:var(--color-black);background-color:var(--color-black);color:var(--color-white)}.c-button[data-color=black]:before{border-top:2px solid currentcolor;border-right:2px solid currentcolor}.portfolio-site .c-light-stage{position:absolute;inset:0;z-index:0;contain:layout style paint;content-visibility:auto;overflow:hidden;contain-intrinsic-size:auto 100svh;pointer-events:none}.portfolio-site .c-light-stage__grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));place-items:center;padding-block:clamp(4rem,3.6478873239rem + 1.5023474178vw,5rem);padding-inline:clamp(1.25rem,.4577464789rem + 3.3802816901vw,3.5rem)}@media screen and (min-width:768px){.portfolio-site .c-light-stage__grid{grid-template-columns:repeat(14,minmax(0,1fr))}}.portfolio-site .c-light-stage__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none}.portfolio-site .c-light-stage.is-webgl-light>.c-light-stage__canvas{opacity:1}.portfolio-site .c-light-stage.is-webgl-light:before,.portfolio-site .c-light-stage.is-webgl-light:after{content:"";position:absolute;inset:0;pointer-events:none}.portfolio-site .c-light-stage.is-webgl-light:before{background:radial-gradient(ellipse 70% 24% at 50% 105%,rgba(69,82,92,.14),transparent 80%),radial-gradient(ellipse at 50% 36%,rgba(37,44,51,.32),transparent 68%),linear-gradient(0deg,#020406c2,#04070a59 28%,#0305076b)}.portfolio-site .c-light-stage.is-webgl-light:after{background:radial-gradient(ellipse at 50% 40%,transparent 30%,rgba(0,2,4,.16) 72%,rgba(0,2,4,.42))}.portfolio-site .c-light-stage.is-webgl-light>.c-light-stage__grid{opacity:0}.portfolio-site .c-light{display:block;width:clamp(2.5rem,2.1919014085rem + 1.3145539906vw,3.375rem);height:clamp(2.5rem,2.1919014085rem + 1.3145539906vw,3.375rem);background-image:url(../images/light_strobe.webp);background-position:center;background-size:contain;background-repeat:no-repeat;opacity:.22}.portfolio-site .c-light-stage__grid>.c-light[data-light-column="7"]{display:none}@media screen and (min-width:768px){.portfolio-site .c-light-stage__grid>.c-light[data-light-column="7"]{display:block}}.portfolio-site .c-light-stage__grid>.c-light[data-light-column="8"]{display:none}@media screen and (min-width:768px){.portfolio-site .c-light-stage__grid>.c-light[data-light-column="8"]{display:block}}.portfolio-site .c-light-stage__grid>.c-light[data-light-column="9"]{display:none}@media screen and (min-width:768px){.portfolio-site .c-light-stage__grid>.c-light[data-light-column="9"]{display:block}}.portfolio-site .c-light-stage__grid>.c-light[data-light-column="10"]{display:none}@media screen and (min-width:768px){.portfolio-site .c-light-stage__grid>.c-light[data-light-column="10"]{display:block}}.portfolio-site .c-light-stage__grid>.c-light[data-light-column="11"]{display:none}@media screen and (min-width:768px){.portfolio-site .c-light-stage__grid>.c-light[data-light-column="11"]{display:block}}.portfolio-site .c-light-stage__grid>.c-light[data-light-column="12"]{display:none}@media screen and (min-width:768px){.portfolio-site .c-light-stage__grid>.c-light[data-light-column="12"]{display:block}}.portfolio-site .c-light-stage__grid>.c-light[data-light-column="13"]{display:none}@media screen and (min-width:768px){.portfolio-site .c-light-stage__grid>.c-light[data-light-column="13"]{display:block}}.portfolio-site .c-light-stage--contact{opacity:.7}.portfolio-site .c-light-stage--contact .c-light-stage__grid{padding-block:clamp(2rem,1.4718309859rem + 2.2535211268vw,3.5rem)}.portfolio-site .c-light-cue{position:relative;contain:layout style paint;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));place-items:center;width:clamp(7rem,6.6478873239rem + 1.5023474178vw,8rem);height:var(--portfolio-heading-cue-size);margin-block-end:var(--portfolio-heading-content-gap);opacity:1;pointer-events:none}.portfolio-site .c-light-cue__line{position:absolute;inset-inline:7.1428571429%;inset-block-start:calc(50% - .5px);clip-path:inset(-.5rem 0);block-size:1px;box-shadow:0 0 .375rem #7dc5ff99;background:linear-gradient(90deg,#90cfff26,#bee5ffd9 12% 88%,#90cfff26);transform-origin:0 50%}.portfolio-site .c-light-cue .c-light{position:relative;z-index:1;width:clamp(.875rem,.786971831rem + .3755868545vw,1.125rem);height:clamp(.875rem,.786971831rem + .3755868545vw,1.125rem);background-image:radial-gradient(circle,#fff 0 1.5px,rgba(190,229,255,.9) 2px,rgba(105,181,255,.38) 3.5px,transparent 7px);opacity:.86;filter:none}.portfolio-site .c-light-cue__sweep{position:absolute;inset:0 auto auto 0;z-index:2;inline-size:25%;block-size:100%;background:radial-gradient(ellipse 4px 4px at 75% 50%,#fff 0 58%,#edfbff 80%,transparent 100%),radial-gradient(ellipse 15px 7px at 70% 50%,#dff7ff 0,rgba(147,218,255,.9) 35%,rgba(73,169,255,.5) 65%,transparent 100%),linear-gradient(90deg in oklab,transparent,#b8e8ff 45%,#fff 75%,transparent) center/100% 3px no-repeat;opacity:0;transform:translate(-100%)}@media(prefers-reduced-motion:no-preference)and (forced-colors:none){.portfolio-site .c-light-cue[data-light-playback=playing] .c-light-cue__sweep{will-change:transform,opacity}.portfolio-site .c-light-cue[data-light-playback=playing] .c-light-cue__line{will-change:transform}}.portfolio-site .c-light-equalizer{contain:layout style paint;content-visibility:auto;display:none;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(12,minmax(0,1fr));place-items:center;overflow:hidden;contain-intrinsic-size:auto 22.5rem auto 30rem;pointer-events:none}@media(min-width:1280px){.portfolio-site .c-light-equalizer{display:grid}}.portfolio-site .c-light-equalizer .c-light{inline-size:min(100%,clamp(2rem,1.7799295775rem + .9389671362vw,2.625rem));block-size:clamp(2rem,1.7799295775rem + .9389671362vw,2.625rem);opacity:.16;filter:grayscale(1) brightness(.12)}.portfolio-site .c-light-equalizer .c-light[data-light-active=true]{opacity:.68}.portfolio-site .c-light-equalizer .c-light[data-light-peak=true]{opacity:.84}@media(prefers-reduced-motion:reduce){.portfolio-site .c-light-cue__line{transform:none!important}.portfolio-site .c-light-cue__sweep,.portfolio-site .c-light-stage__canvas{display:none}.portfolio-site .c-light-stage.is-webgl-light>.c-light-stage__grid{opacity:1}.portfolio-site .c-light{opacity:.22!important;transform:none!important}.portfolio-site .c-light-cue .c-light{opacity:.86!important}.portfolio-site .c-light-equalizer .c-light{opacity:.16!important}.portfolio-site .c-light-equalizer .c-light[data-light-active=true]{opacity:.68!important}.portfolio-site .c-light-equalizer .c-light[data-light-peak=true]{opacity:.84!important}}@media(forced-colors:active){.portfolio-site .c-light-stage,.portfolio-site .c-light-cue,.portfolio-site .c-light-equalizer{display:none}}.c-pagination{--_pagination-bg: var(--color-white, #fff);--_pagination-text: var(--color-text);--_pagination-text-hover: #374151;--_pagination-bg-hover: #f9fafb;--_pagination-active-bg: var(--color-black, #000);--_pagination-active-text: var(--color-white, #fff);--_pagination-border: #d1d5db;--_pagination-border-hover: #9ca3af;display:flex;flex-wrap:wrap;gap:calc(8 * var(--to-rem));justify-content:center}.c-pagination__item{display:inline-flex;justify-content:center;align-items:center;height:calc(40 * var(--to-rem));min-width:calc(40 * var(--to-rem));padding:0 calc(12 * var(--to-rem));border:1px solid var(--_pagination-border);background-color:var(--_pagination-bg);color:var(--_pagination-text);font-size:calc(14 * var(--to-rem));text-decoration:none;transition:background-color .2s ease,border-color .2s ease}@media screen and (min-width:768px){.c-pagination__item{height:calc(44 * var(--to-rem));min-width:calc(44 * var(--to-rem));font-size:calc(15 * var(--to-rem))}}@media(any-hover:hover){.c-pagination__item:hover:not([data-state=current]){border-color:var(--_pagination-border-hover);background-color:var(--_pagination-bg-hover);color:var(--_pagination-text-hover)}}.c-pagination__item[data-state=current]{border-color:var(--_pagination-active-bg);background-color:var(--_pagination-active-bg);color:var(--_pagination-active-text)}.c-pagination__item[data-state=dots]{border-color:transparent;background-color:transparent;cursor:default}@media(any-hover:hover){.c-pagination__item[data-state=dots]:hover{border-color:transparent;background-color:transparent}}.c-pagination__item[data-state=prev],.c-pagination__item[data-state=next]{font-weight:var(--fw-medium, 500)}.c-pagination__item[data-state=disabled]{opacity:.6;cursor:default}@media(any-hover:hover){.c-pagination__item[data-state=disabled]:hover{border-color:var(--_pagination-border);background-color:var(--_pagination-bg);color:var(--_pagination-text)}}.portfolio-site .l-main--ambient{position:relative;overflow-x:clip;isolation:isolate}.portfolio-site .l-main--ambient:after{content:"";position:fixed;inset:0;z-index:-1;background-color:#03040570;pointer-events:none}.c-portfolio-backdrop{--backdrop-particle-travel: 10rem;--backdrop-light-travel: 20svh;position:fixed;inset:0;z-index:-1;contain:strict;overflow:hidden;pointer-events:none}.c-portfolio-backdrop:not([data-backdrop-playback]):after,.c-portfolio-backdrop:not([data-backdrop-playback]) .c-portfolio-backdrop__glow,.c-portfolio-backdrop:not([data-backdrop-playback]) .c-portfolio-backdrop__particle{animation:none}.c-portfolio-backdrop:not([data-backdrop-playback]) .c-portfolio-backdrop__glow,.c-portfolio-backdrop:not([data-backdrop-playback]) .c-portfolio-backdrop__particle{visibility:hidden}.c-portfolio-backdrop__glow{--backdrop-glow-delay: 0s;position:absolute;inset-block-start:12%;inset-inline-start:-8rem;inline-size:min(56vw,48rem);block-size:72svh;border-radius:50%;background:radial-gradient(ellipse,rgba(55,132,247,.52),rgba(27,83,172,.24) 38%,rgba(13,41,90,.08) 60%,transparent 74%);opacity:.75}.c-portfolio-backdrop:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0% 65%,rgba(30,72,140,.16),transparent 48%),radial-gradient(ellipse at 100% 25%,rgba(40,78,145,.12),transparent 42%)}.c-portfolio-backdrop:after{content:"";position:absolute;inset-block-start:-24svh;inset-inline-start:0;inline-size:4px;block-size:24svh;box-shadow:0 0 20px #5aa1ffe6;background:linear-gradient(transparent,#89c0ff 55%,#f5fbff 85%,transparent);opacity:0}.c-portfolio-backdrop__glow--opposite{--backdrop-glow-delay: -5s;inset-inline:auto -8rem;inset-block-start:48%}.c-portfolio-backdrop--list .c-portfolio-backdrop__glow{inset-block-start:34%;opacity:.75}.c-portfolio-backdrop--privacy .c-portfolio-backdrop__glow{inset-inline:auto -6rem;inset-block-start:6%;inline-size:min(54vw,44rem);block-size:76svh;opacity:.6}.c-portfolio-backdrop--list .c-portfolio-backdrop__glow--opposite{inset-block-start:8%}.c-portfolio-backdrop--privacy .c-portfolio-backdrop__glow--opposite{inset-inline:-8rem auto;inset-block-start:44%}.c-portfolio-backdrop .c-portfolio-backdrop__glow--accent{--backdrop-glow-delay: -9s;inset-inline:-6rem auto;inset-block-start:74%;inline-size:min(42vw,34rem);block-size:48svh}.c-portfolio-backdrop__glow--afterglow{display:none;background:radial-gradient(ellipse,rgba(50,116,224,.2),rgba(26,70,150,.09) 42%,transparent 72%)}.c-portfolio-backdrop__particles{position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000008c 28%,#00000029,#0000008c 72%,#000);mask-image:linear-gradient(90deg,#000,#0000008c 28%,#00000029,#0000008c 72%,#000)}.c-portfolio-backdrop__particle{position:absolute;inline-size:1.75rem;block-size:1.75rem;border-radius:50%;background:radial-gradient(circle,#e1efff 0 8%,rgba(116,174,249,.65) 22%,transparent 72%);opacity:.8}.c-portfolio-backdrop__particle:nth-child(1){inset-block-start:14%;inset-inline-start:7%;animation-delay:-2.7s}.c-portfolio-backdrop__particle:nth-child(2){inset-block-start:34%;inset-inline-start:91%;animation-delay:-5.4s}.c-portfolio-backdrop__particle:nth-child(3){inset-block-start:66%;inset-inline-start:16%;animation-delay:-8.1s}.c-portfolio-backdrop__particle:nth-child(4){inset-block-start:83%;inset-inline-start:83%;animation-delay:-10.8s}.c-portfolio-backdrop__particle:nth-child(5){inset-block-start:42%;inset-inline-start:27%;animation-delay:-13.5s}.c-portfolio-backdrop__particle:nth-child(6){inset-block-start:18%;inset-inline-start:74%;animation-delay:-16.2s}.c-portfolio-backdrop__particle:nth-child(7){inset-block-start:89%;inset-inline-start:12%;animation-delay:-18.9s}.c-portfolio-backdrop__particle:nth-child(8){inset-block-start:65%;inset-inline-start:94%;animation-delay:-21.6s}.c-portfolio-backdrop__particle:nth-child(9){inset-block-start:24%;inset-inline-start:35%;animation-delay:-24.3s}.c-portfolio-backdrop__particle:nth-child(10){inset-block-start:74%;inset-inline-start:66%;animation-delay:-27s}.c-portfolio-backdrop__particle:nth-child(11){inset-block-start:48%;inset-inline-start:5%;animation-delay:-29.7s}.c-portfolio-backdrop__particle:nth-child(12){inset-block-start:9%;inset-inline-start:87%;animation-delay:-32.4s}.c-portfolio-backdrop__particle:nth-child(13){inset-block-start:20%;inset-inline-start:20%;animation-delay:-35.1s}.c-portfolio-backdrop__particle:nth-child(14){inset-block-start:53%;inset-inline-start:79%;animation-delay:-37.8s}.c-portfolio-backdrop__particle:nth-child(15){inset-block-start:76%;inset-inline-start:9%;animation-delay:-40.5s}.c-portfolio-backdrop__particle:nth-child(16){inset-block-start:19%;inset-inline-start:96%;animation-delay:-43.2s}.c-portfolio-backdrop__particle:nth-child(17){inset-block-start:92%;inset-inline-start:23%;animation-delay:-45.9s}.c-portfolio-backdrop__particle:nth-child(18){inset-block-start:91%;inset-inline-start:71%;animation-delay:-48.6s}.c-portfolio-backdrop__particle:nth-child(19){inset-block-start:30%;inset-inline-start:4%;animation-delay:-51.3s}.c-portfolio-backdrop__particle:nth-child(20){inset-block-start:73%;inset-inline-start:88%;animation-delay:-54s}.c-portfolio-backdrop__particle:nth-child(21){inset-block-start:58%;inset-inline-start:31%;animation-delay:-56.7s}.c-portfolio-backdrop__particle:nth-child(22){inset-block-start:38%;inset-inline-start:69%;animation-delay:-59.4s}.c-portfolio-backdrop__particle:nth-child(23){inset-block-start:46%;inset-inline-start:18%;animation-delay:-62.1s}.c-portfolio-backdrop__particle:nth-child(24){inset-block-start:27%;inset-inline-start:82%;animation-delay:-64.8s}@media(prefers-reduced-motion:no-preference)and (forced-colors:none){.c-portfolio-backdrop:after{animation:portfolio-backdrop-edge-sweep 4.4s .35s ease-in-out both}.c-portfolio-backdrop--list .c-portfolio-backdrop__particle{animation-name:portfolio-backdrop-drift;animation-duration:10s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.c-portfolio-backdrop--list .c-portfolio-backdrop__particle:nth-child(2n){animation-duration:13s;animation-direction:alternate-reverse}.c-portfolio-backdrop--list .c-portfolio-backdrop__glow,.c-portfolio-backdrop--detail .c-portfolio-backdrop__glow{animation:portfolio-backdrop-edge-light 10s ease-in-out infinite alternate}.c-portfolio-backdrop--privacy .c-portfolio-backdrop__glow{animation:portfolio-backdrop-breathe 13s ease-in-out infinite alternate}.c-portfolio-backdrop .c-portfolio-backdrop__glow--opposite{animation-duration:14s;animation-delay:var(--backdrop-glow-delay);animation-direction:alternate-reverse}.c-portfolio-backdrop .c-portfolio-backdrop__glow--accent{animation-duration:16s;animation-delay:var(--backdrop-glow-delay)}.c-portfolio-backdrop .c-portfolio-backdrop__glow--afterglow{display:block;animation-delay:calc(var(--backdrop-glow-delay) + 1.6s);animation-fill-mode:both}}.c-portfolio-backdrop.is-backdrop-paused :is(.c-portfolio-backdrop__particle,.c-portfolio-backdrop__glow),[data-portfolio-entrance-pending=true] .c-portfolio-backdrop :is(.c-portfolio-backdrop__particle,.c-portfolio-backdrop__glow),.c-portfolio-backdrop.is-backdrop-paused:after,[data-portfolio-entrance-pending=true] .c-portfolio-backdrop:after{animation-play-state:paused}@media not (min-width:768px){.c-portfolio-backdrop:after{inline-size:2px;box-shadow:0 0 8px #5aa1ffcc}.c-portfolio-backdrop{--backdrop-particle-travel: 6rem;--backdrop-light-travel: 12svh}.c-portfolio-backdrop__glow{inset-inline-start:-10rem;inline-size:26rem;block-size:60svh;opacity:.65}.c-portfolio-backdrop--list .c-portfolio-backdrop__glow,.c-portfolio-backdrop--detail .c-portfolio-backdrop__glow{animation-duration:14s}.c-portfolio-backdrop--privacy .c-portfolio-backdrop__glow{inset-inline:auto -12rem;inline-size:28rem;opacity:.55;animation-duration:18s}.c-portfolio-backdrop .c-portfolio-backdrop__glow--opposite{inset-inline:auto -11rem;inset-block-start:52%;inline-size:22rem;block-size:42svh;animation-duration:18s}.c-portfolio-backdrop--privacy .c-portfolio-backdrop__glow--opposite{inset-inline:-11rem auto}.c-portfolio-backdrop .c-portfolio-backdrop__glow--afterglow{background:radial-gradient(ellipse,rgba(50,116,224,.14),rgba(26,70,150,.06) 38%,transparent 64%);animation-delay:calc(var(--backdrop-glow-delay) + 1.2s)}.c-portfolio-backdrop .c-portfolio-backdrop__glow--opposite.c-portfolio-backdrop__glow--afterglow,.c-portfolio-backdrop .c-portfolio-backdrop__glow--accent{display:none;animation:none}.c-portfolio-backdrop__particle{inline-size:1.25rem;block-size:1.25rem;opacity:.65}.c-portfolio-backdrop--list .c-portfolio-backdrop__particle{animation-duration:14s}.c-portfolio-backdrop--list .c-portfolio-backdrop__particle:nth-child(2n){animation-duration:17s}.c-portfolio-backdrop--list .c-portfolio-backdrop__particle:nth-child(n+11){display:none;animation:none}}@media(forced-colors:active){.c-portfolio-backdrop{display:none}}@keyframes portfolio-backdrop-drift{0%{opacity:.5;transform:translate3d(-1.5rem,var(--backdrop-particle-travel),0) scale(.8)}to{opacity:.9;transform:translate3d(2rem,calc(-1 * var(--backdrop-particle-travel)),0) scale(1.1)}}@keyframes portfolio-backdrop-edge-light{0%{opacity:.45;transform:translate3d(0,calc(-1 * var(--backdrop-light-travel)),0) scale(.92)}to{opacity:.9;transform:translate3d(1rem,var(--backdrop-light-travel),0) scale(1.12)}}@keyframes portfolio-backdrop-breathe{0%{opacity:.4;transform:translate3d(0,calc(-.6 * var(--backdrop-light-travel)),0) scale(.92)}to{opacity:.72;transform:translate3d(0,calc(.6 * var(--backdrop-light-travel)),0) scale(1.1)}}@keyframes portfolio-backdrop-edge-sweep{0%{opacity:0;transform:translateY(0)}15%,75%{opacity:1}to{opacity:0;transform:translateY(124svh)}}.portfolio-site .c-portfolio-progress{--portfolio-progress-glow-size: clamp(.625rem, .5809859155rem + .1877934272vw, .75rem);--portfolio-progress-light: .28;position:fixed;inset-inline:0;inset-block-start:var(--portfolio-progress-top, 0);z-index:30;contain:layout style paint;overflow:hidden;height:8px;color:var(--portfolio-ink, #242424);opacity:0;pointer-events:none}.portfolio-site .c-portfolio-progress[data-portfolio-dark=true]{--portfolio-progress-light: 1;color:var(--portfolio-paper, #fafaf8)}.portfolio-site .c-portfolio-progress.is-portfolio-progress-ready{opacity:1}.portfolio-site .c-portfolio-progress[data-portfolio-scrollable=false]{opacity:0}.portfolio-site .c-portfolio-progress__track{position:absolute;inset:0 0 auto;height:1px}.portfolio-site .c-portfolio-progress__track:before{content:"";position:absolute;inset:0;background-color:currentcolor;opacity:.18}.portfolio-site .c-portfolio-progress__line{position:absolute;inset:0;display:block;background-color:currentcolor;opacity:.8;transform:scaleX(0);transform-origin:left center}.portfolio-site .c-portfolio-progress__light{position:absolute;inset-block-start:calc(.5px - var(--portfolio-progress-glow-size) / 2);inset-inline-start:0;display:block;width:var(--portfolio-progress-glow-size);height:var(--portfolio-progress-glow-size);background-position:center;background-size:contain;background-repeat:no-repeat;opacity:.85;filter:grayscale(1) brightness(var(--portfolio-progress-light))}.portfolio-site .c-portfolio-progress.is-portfolio-progress-ready .c-portfolio-progress__light{background-image:url(../images/light_strobe.webp)}@media(prefers-reduced-motion:reduce),(forced-colors:active){.portfolio-site .c-portfolio-progress{display:none}}@font-face{font-family:Portfolio Jost;src:url(../jost-latin-wght-normal.ObQm3Zd1.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-style:normal;font-weight:100 900;font-display:swap}@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}.is-portfolio-curtain-transition::view-transition{background:#000}.is-portfolio-curtain-transition::view-transition-group(root){animation:none}.is-portfolio-curtain-transition::view-transition-image-pair(root){isolation:isolate}.is-portfolio-curtain-transition::view-transition-old(root){z-index:1;mix-blend-mode:normal;animation:portfolio-curtain-cover .55s cubic-bezier(.65,0,.35,1) both}.is-portfolio-curtain-transition::view-transition-new(root){z-index:2;mix-blend-mode:normal;animation:portfolio-curtain-reveal .65s cubic-bezier(.22,1,.36,1) .6s both}::view-transition-group(root),::view-transition-group(portfolio-work-image){animation-duration:.38s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(portfolio-work-image),::view-transition-new(portfolio-work-image){height:100%;object-fit:cover;object-position:top center;mix-blend-mode:normal;animation-duration:.38s}}@media(prefers-reduced-motion:no-preference){[data-portfolio-entrance-pending=true] .js-light-cue{visibility:hidden}}@keyframes portfolio-curtain-cover{0%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}@keyframes portfolio-curtain-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.portfolio-site .is-portfolio-transition-image{content-visibility:visible!important;visibility:visible!important;clip-path:none!important;opacity:1!important;transform:none!important;view-transition-name:portfolio-work-image}.portfolio-site .is-portfolio-transition-image img{transform:none!important}.portfolio-site .is-portfolio-transition-image:before,.portfolio-site .is-portfolio-transition-image:after{opacity:0!important;animation:none!important}.portfolio-site [data-portfolio-transition-image][data-portfolio-transition-revealed=true]{content-visibility:visible!important;visibility:visible!important;clip-path:none!important;opacity:1!important;transform:none!important}.portfolio-site [data-portfolio-transition-image][data-portfolio-transition-revealed=true] img{transform:none!important}.c-search-form{display:flex;gap:calc(8 * var(--to-rem));max-width:min(100%,480 * var(--to-rem))}.c-search-form__input{width:100%;padding:calc(10 * var(--to-rem)) calc(16 * var(--to-rem));border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-white);color:var(--color-text);font-size:calc(14 * var(--to-rem));line-height:1.5;transition:border-color .2s ease}.c-search-form__input:focus{border-color:var(--color-primary);outline:none}.c-search-form__button{flex-shrink:0;padding:calc(10 * var(--to-rem)) calc(20 * var(--to-rem));border:none;border-radius:4px;background-color:var(--color-primary);color:var(--color-white);font-size:calc(14 * var(--to-rem));line-height:1.5;cursor:pointer;transition:opacity var(--duration)}@media(any-hover:hover){.c-search-form__button:hover{opacity:.8}}.c-section-title{display:grid;gap:calc(8 * var(--to-rem));justify-items:center;width:max-content;text-align:center}@media screen and (min-width:768px){.c-section-title{gap:calc(12 * var(--to-rem))}}.c-section-title[data-align=center]{justify-items:center;text-align:center}.c-section-title[data-align=left]{justify-items:start;text-align:left}.c-section-title[data-align=right]{justify-items:end;text-align:right}.c-section-title:after{content:"";display:block;width:60%;height:calc(3 * var(--to-rem));background-color:var(--color-orange)}@media screen and (min-width:768px){.c-section-title:after{width:80%}}.c-section-title__main{color:var(--color-text);font-family:var(--title-font-family);font-size:calc(32 * var(--to-rem));font-weight:var(--fw-bold);line-height:1;text-transform:uppercase}@media screen and (min-width:768px){.c-section-title__main{font-size:calc(48 * var(--to-rem))}}.c-section-title__sub{color:var(--color-text);font-size:calc(14 * var(--to-rem));font-weight:var(--fw-regular);line-height:1.4}@media screen and (min-width:768px){.c-section-title__sub{font-size:calc(16 * var(--to-rem))}}.c-skip-link{position:fixed;top:0;left:0;z-index:calc(var(--z-index-header) + 1);padding:calc(12 * var(--to-rem)) calc(24 * var(--to-rem));background-color:var(--color-primary);color:var(--color-white);font-size:calc(14 * var(--to-rem));line-height:1.4;translate:0 -100%;transition:translate var(--duration)}.c-skip-link:focus-visible{translate:0 0}.c-triangle{display:inline-block;width:calc(64 * var(--to-rem));aspect-ratio:1/1;background-color:var(--color-black)}.c-triangle[data-direction=top]{clip-path:var(--clip-triangle-top)}.c-triangle[data-direction=bottom]{clip-path:var(--clip-triangle-bottom)}.c-triangle[data-direction=left]{clip-path:var(--clip-triangle-left)}.c-triangle[data-direction=right]{clip-path:var(--clip-triangle-right)}.c-triangle[data-direction=lower-left]{clip-path:var(--clip-triangle-lower-left)}.c-triangle[data-direction=upper-left]{clip-path:var(--clip-triangle-upper-left)}.c-triangle[data-direction=lower-right]{clip-path:var(--clip-triangle-lower-right)}.c-triangle[data-direction=upper-right]{clip-path:var(--clip-triangle-upper-right)}.p-archive{padding-block:calc(40 * var(--to-rem))}@media screen and (min-width:768px){.p-archive{padding-block:calc(80 * var(--to-rem))}}.p-archive__inner{max-width:calc(var(--inner) + var(--padding-inner) * 2)}.p-archive__header{margin-block-end:calc(40 * var(--to-rem));text-align:center}@media screen and (min-width:768px){.p-archive__header{margin-block-end:calc(60 * var(--to-rem))}}.p-archive__title{margin-block-end:calc(16 * var(--to-rem))}@media screen and (min-width:768px){.p-archive__title{margin-block-end:calc(24 * var(--to-rem))}}.p-archive__description{margin-block-start:calc(16 * var(--to-rem));color:var(--color-text);font-size:calc(14 * var(--to-rem));line-height:1.8}@media screen and (min-width:768px){.p-archive__description{margin-block-start:calc(24 * var(--to-rem));font-size:calc(16 * var(--to-rem))}}.p-archive__list{display:grid;gap:calc(24 * var(--to-rem))}@media screen and (min-width:768px){.p-archive__list{grid-template-columns:repeat(2,1fr);gap:calc(32 * var(--to-rem))}}@media screen and (min-width:1024px){.p-archive__list{grid-template-columns:repeat(3,1fr)}}.p-archive__link{display:flex;flex-direction:column;height:100%;padding:calc(16 * var(--to-rem));border:1px solid var(--color-gray);border-radius:12px;background-color:var(--color-white);text-decoration:none;transition:translate .3s ease,box-shadow .3s ease}@media screen and (min-width:768px){.p-archive__link{padding:calc(20 * var(--to-rem))}}@media(any-hover:hover){.p-archive__link:hover{box-shadow:0 8px 24px oklch(from var(--color-black) l c h/10%);translate:0 calc(-4 * var(--to-rem))}}.p-archive__thumbnail{overflow:hidden;width:100%;aspect-ratio:16/9;margin-block-end:calc(16 * var(--to-rem));border-radius:8px;background-color:var(--color-gray)}@media screen and (min-width:768px){.p-archive__thumbnail{margin-block-end:calc(20 * var(--to-rem))}}.p-archive__thumbnail img{display:block;width:100%;height:100%;object-fit:cover;transition:scale .3s ease}@media(any-hover:hover){.p-archive__link:hover .p-archive__thumbnail img{scale:1.05}}.p-archive__content{display:flex;flex:1;flex-direction:column;gap:calc(12 * var(--to-rem))}.p-archive__item-title{margin:0;color:var(--color-text);font-size:calc(16 * var(--to-rem));font-weight:var(--fw-bold);line-height:1.6}@media screen and (min-width:768px){.p-archive__item-title{font-size:calc(20 * var(--to-rem))}}.p-archive__meta{display:flex;flex-wrap:wrap;gap:calc(12 * var(--to-rem));align-items:center;color:var(--color-text);font-size:calc(12 * var(--to-rem))}@media screen and (min-width:768px){.p-archive__meta{font-size:calc(14 * var(--to-rem))}}.p-archive__date{display:inline-block}.p-archive__categories{display:flex;flex-wrap:wrap;gap:calc(8 * var(--to-rem))}.p-archive__category{display:inline-block;padding:calc(4 * var(--to-rem)) calc(12 * var(--to-rem));border-radius:4px;background-color:var(--color-gray);color:var(--color-text);font-size:calc(11 * var(--to-rem))}@media screen and (min-width:768px){.p-archive__category{font-size:calc(12 * var(--to-rem))}}.p-archive__excerpt{color:var(--color-text);font-size:calc(14 * var(--to-rem));line-height:1.8}@media screen and (min-width:768px){.p-archive__excerpt{font-size:calc(16 * var(--to-rem))}}.p-archive__pagination{margin-block-start:calc(48 * var(--to-rem))}@media screen and (min-width:768px){.p-archive__pagination{margin-block-start:calc(60 * var(--to-rem))}}.p-archive__empty{padding-block:calc(60 * var(--to-rem));color:var(--color-text);font-size:calc(16 * var(--to-rem));text-align:center}@media screen and (min-width:768px){.p-archive__empty{padding-block:calc(80 * var(--to-rem));font-size:calc(18 * var(--to-rem))}}.p-single__back{margin-block-start:calc(48 * var(--to-rem));text-align:center}@media screen and (min-width:768px){.p-single__back{margin-block-start:calc(60 * var(--to-rem))}}.p-archive--works .p-archive__link{display:flex;flex-direction:column;overflow:hidden;height:100%;padding:0;border:none;border-radius:12px;box-shadow:0 calc(2 * var(--to-rem)) calc(8 * var(--to-rem)) oklch(from var(--color-black) l c h/8%);background-color:var(--color-white);text-decoration:none}.p-archive--works .p-archive__thumbnail{overflow:hidden;width:100%;aspect-ratio:16/9;margin-block-end:0;border-radius:12px 12px 0 0}.p-archive--works .p-archive__thumbnail img{transition:scale .5s ease}@media(any-hover:hover){.p-archive--works .p-archive__link:has(.p-archive__thumbnail):hover .p-archive__thumbnail img{scale:1.1}}.p-archive--works .p-archive__content{display:flex;flex:1;flex-direction:column;gap:calc(12 * var(--to-rem));padding:calc(20 * var(--to-rem))}.p-archive--works .p-archive__meta{display:flex;flex-wrap:wrap;gap:calc(12 * var(--to-rem));align-items:center;margin-block-end:calc(8 * var(--to-rem));color:var(--color-text);font-size:calc(12 * var(--to-rem))}@media screen and (min-width:768px){.p-archive--works .p-archive__meta{font-size:calc(14 * var(--to-rem))}}.p-archive--works .p-archive__date{display:inline-block}.p-archive--works .p-archive__category{display:inline-block;padding:calc(4 * var(--to-rem)) calc(12 * var(--to-rem));border-radius:4px;background-color:var(--color-gray);color:var(--color-text);font-size:calc(11 * var(--to-rem))}@media screen and (min-width:768px){.p-archive--works .p-archive__category{font-size:calc(12 * var(--to-rem))}}.p-archive--works .p-archive__item-title{margin:0;margin-block-end:calc(8 * var(--to-rem));color:var(--color-text);font-size:calc(16 * var(--to-rem));font-weight:var(--fw-bold);line-height:1.5}@media screen and (min-width:768px){.p-archive--works .p-archive__item-title{margin-block-end:calc(12 * var(--to-rem));font-size:calc(18 * var(--to-rem));line-height:1.6}}.p-archive--works .p-archive__excerpt{display:-webkit-box;overflow:hidden;margin-block-start:0;color:var(--color-text);font-size:calc(13 * var(--to-rem));line-height:1.7;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media screen and (min-width:768px){.p-archive--works .p-archive__excerpt{font-size:calc(14 * var(--to-rem));line-height:1.8}}.p-archive--works .p-archive__client,.p-archive--works .p-archive__period{display:flex;gap:calc(8 * var(--to-rem));align-items:center;color:var(--color-text);font-size:calc(12 * var(--to-rem))}@media screen and (min-width:768px){.p-archive--works .p-archive__client,.p-archive--works .p-archive__period{font-size:calc(14 * var(--to-rem))}}.p-archive--works .p-archive__client-label,.p-archive--works .p-archive__period-label{font-weight:var(--fw-medium)}.p-archive--works .p-archive__technologies{display:flex;flex-wrap:wrap;gap:calc(8 * var(--to-rem));margin-block-start:calc(12 * var(--to-rem))}.p-archive--works .p-archive__technology{display:inline-block;padding:calc(4 * var(--to-rem)) calc(12 * var(--to-rem));border-radius:4px;background-color:var(--color-gray);color:var(--color-text);font-size:calc(11 * var(--to-rem))}@media screen and (min-width:768px){.p-archive--works .p-archive__technology{font-size:calc(12 * var(--to-rem))}}.p-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(320 * var(--to-rem)),1fr));gap:calc(24 * var(--to-rem))}@media screen and (min-width:768px){.p-card-list{gap:calc(32 * var(--to-rem))}}.p-contact__complete{padding-block:calc(80 * var(--to-rem));text-align:center}.p-contact__complete-title{font-size:calc(32 * var(--to-rem));font-weight:var(--fw-bold)}@media screen and (min-width:768px){.p-contact__complete-title{font-size:calc(40 * var(--to-rem))}}.p-contact__complete-text{margin-block-start:calc(30 * var(--to-rem));color:var(--color-text);font-size:calc(16 * var(--to-rem));line-height:1.8}@media screen and (min-width:768px){.p-contact__complete-text{font-size:calc(18 * var(--to-rem))}}.p-contact__complete-button{margin-block-start:calc(50 * var(--to-rem));margin-inline:auto}.p-contact{padding-block:calc(72 * var(--to-rem))}.p-contact__form{margin-block-start:calc(64 * var(--to-rem))}.p-contact__title{display:grid;place-items:center}.p-dev-notice{padding-block:calc(24 * var(--to-rem));background-color:#fff3cd}@media screen and (min-width:768px){.p-dev-notice{padding-block:calc(32 * var(--to-rem))}}.p-dev-notice__inner{max-width:calc(var(--inner) + var(--padding-inner) * 2)}.p-dev-notice__content{display:flex;flex-direction:column;gap:calc(16 * var(--to-rem));color:var(--color-text);font-size:calc(14 * var(--to-rem));line-height:1.8}@media screen and (min-width:768px){.p-dev-notice__content{gap:calc(20 * var(--to-rem));font-size:calc(16 * var(--to-rem))}}.p-dev-notice__title{color:var(--color-text);font-size:calc(18 * var(--to-rem));font-weight:var(--fw-bold);line-height:1.6}@media screen and (min-width:768px){.p-dev-notice__title{font-size:calc(20 * var(--to-rem))}}.p-dev-notice__text code{padding-block:calc(2 * var(--to-rem));padding-inline:calc(6 * var(--to-rem));border-radius:4px;background-color:#0000000d;color:var(--color-primary);font-family:Courier New,Courier,monospace;font-size:calc(13 * var(--to-rem))}@media screen and (min-width:768px){.p-dev-notice__text code{font-size:calc(14 * var(--to-rem))}}.p-dev-notice__list{display:flex;flex-direction:column;gap:calc(12 * var(--to-rem));margin:0;padding-inline-start:calc(24 * var(--to-rem))}@media screen and (min-width:768px){.p-dev-notice__list{gap:calc(16 * var(--to-rem));padding-inline-start:calc(32 * var(--to-rem))}}.p-dev-notice__item{display:flex;flex-direction:column;gap:calc(4 * var(--to-rem));line-height:1.8}.p-dev-notice__item strong{color:var(--color-primary);font-weight:var(--fw-bold)}.p-dev-notice__item code{padding-block:calc(2 * var(--to-rem));padding-inline:calc(6 * var(--to-rem));border-radius:4px;background-color:#0000000d;color:var(--color-primary);font-family:Courier New,Courier,monospace;font-size:calc(13 * var(--to-rem))}@media screen and (min-width:768px){.p-dev-notice__item code{font-size:calc(14 * var(--to-rem))}}.p-error{padding-block:calc(60 * var(--to-rem))}@media screen and (min-width:768px){.p-error{padding-block:calc(80 * var(--to-rem))}}.p-error__header{margin-block-end:calc(24 * var(--to-rem));text-align:center}@media screen and (min-width:768px){.p-error__header{margin-block-end:calc(32 * var(--to-rem))}}.p-error__title{color:var(--color-text);font-size:calc(24 * var(--to-rem));font-weight:var(--fw-bold);line-height:1.6}@media screen and (min-width:768px){.p-error__title{font-size:calc(32 * var(--to-rem))}}.p-error__content{max-width:calc(640 * var(--to-rem));margin-inline:auto;color:var(--color-text);font-size:calc(14 * var(--to-rem));line-height:1.8;text-align:center}@media screen and (min-width:768px){.p-error__content{font-size:calc(16 * var(--to-rem))}}.p-error__content p+p{margin-block-start:calc(24 * var(--to-rem))}.p-error__search{margin-block-start:calc(32 * var(--to-rem))}.p-footer{padding:calc(40 * var(--to-rem)) 0;background-color:var(--color-primary)}@media screen and (min-width:768px){.p-footer{padding:calc(60 * var(--to-rem)) 0}}.p-footer__content{display:flex;flex-direction:column;gap:calc(20 * var(--to-rem));align-items:center}@media screen and (min-width:768px){.p-footer__content{flex-direction:row;justify-content:space-between;align-items:flex-start}}.p-footer__logo{width:100%;max-width:calc(40 * var(--to-rem))}.p-footer__logo img{width:100%;height:auto}.p-footer__nav-list{display:flex;flex-wrap:wrap;gap:calc(15 * var(--to-rem)) calc(30 * var(--to-rem));justify-content:center}@media screen and (min-width:768px){.p-footer__nav-list{justify-content:flex-end}}.p-footer__nav-item a{color:var(--color-white);text-decoration:none;transition:opacity .3s}@media(any-hover:hover){.p-footer__nav-item a:hover{opacity:.7}}.p-footer__bottom{margin-block-start:calc(30 * var(--to-rem));text-align:center}@media screen and (min-width:768px){.p-footer__bottom{margin-block-start:calc(40 * var(--to-rem))}}.p-footer__copyright{color:var(--color-white);font-size:calc(14 * var(--to-rem))}.p-form{--_form-color-text: var(--color-text);--_form-color-bg: var(--color-white);--_form-color-badge-text: var(--color-white);--_form-color-badge-bg: var(--color-orange);--_form-color-accent: var(--color-accent);--_form-color-border: var(--color-border);--_form-color-primary: var(--color-primary);max-width:calc(800 * var(--to-rem));margin-inline:auto}.p-form>*{margin-block-start:calc(40 * var(--to-rem))}.p-form>*:nth-last-child(2){margin-block-start:calc(20 * var(--to-rem))}@media screen and (min-width:768px){.p-form>*{margin-block-start:calc(48 * var(--to-rem))}.p-form>*:nth-last-child(2){margin-block-start:calc(24 * var(--to-rem))}}.p-form__item{display:grid;gap:calc(8 * var(--to-rem))}.p-form__label{display:block;color:var(--_form-color-text);font-size:calc(16 * var(--to-rem));font-weight:var(--fw-bold)}.p-form__label--required{position:relative;padding-inline-end:calc(50 * var(--to-rem))}.p-form__label--required:after{content:"必須";position:absolute;top:50%;right:0;padding-block:calc(8 * var(--to-rem));padding-inline:calc(16 * var(--to-rem));border-radius:4px;background-color:var(--_form-color-badge-bg);color:var(--_form-color-badge-text);font-size:calc(12 * var(--to-rem));font-weight:var(--fw-medium);line-height:1;translate:0 -50%}.p-form__input,.p-form__select,.p-form__textarea{width:100%;padding:calc(14 * var(--to-rem)) calc(16 * var(--to-rem));border:1px solid var(--_form-color-border);border-radius:8px;background-color:var(--_form-color-bg);color:var(--_form-color-text);font-size:calc(16 * var(--to-rem));line-height:1.5;transition:border-color .3s ease,box-shadow .3s ease}@media(any-hover:hover){.p-form__input:hover:not(:focus),.p-form__select:hover:not(:focus),.p-form__textarea:hover:not(:focus){border-color:var(--_form-color-accent);opacity:.7}}.p-form__input::placeholder,.p-form__select::placeholder,.p-form__textarea::placeholder{color:oklch(from var(--_form-color-text) l c h/50%)}.p-form__input:focus,.p-form__select:focus,.p-form__textarea:focus{border-color:var(--_form-color-accent);box-shadow:0 0 0 3px oklch(from var(--_form-color-accent) l c h/10%);outline:none}.p-form__input.is-error,.p-form__select.is-error,.p-form__textarea.is-error{border-color:var(--_form-color-badge-bg)}@media screen and (min-width:768px){.p-form__input,.p-form__select,.p-form__textarea{padding:calc(16 * var(--to-rem)) calc(20 * var(--to-rem))}}.p-form__select{position:relative;padding-inline-end:calc(48 * var(--to-rem));cursor:pointer;appearance:none}.p-form__select-wrap{position:relative}.p-form__select-wrap:after{content:"";position:absolute;top:50%;right:calc(16 * var(--to-rem));clip-path:var(--clip-triangle-bottom);width:calc(12 * var(--to-rem));height:calc(8 * var(--to-rem));border:none;background-color:var(--_form-color-primary);pointer-events:none;translate:0 -50%}.p-form__textarea{min-height:calc(160 * var(--to-rem))}.p-form__radio-group{display:flex;flex-direction:column;gap:calc(8 * var(--to-rem))}@media screen and (min-width:768px){.p-form__radio-group{flex-flow:row wrap;gap:calc(32 * var(--to-rem)) calc(40 * var(--to-rem))}}.p-form__radio{display:flex;flex-wrap:wrap;row-gap:calc(8 * var(--to-rem));align-items:center;cursor:pointer}.p-form__radio input[type=radio]{position:relative;width:calc(20 * var(--to-rem));height:calc(20 * var(--to-rem));margin:0;margin-inline-end:calc(16 * var(--to-rem));border:2px solid var(--_form-color-border);border-radius:50%;cursor:pointer;appearance:none;transition:border-color .2s ease}@media(any-hover:hover){.p-form__radio input[type=radio]:hover:not(:checked){border-color:var(--_form-color-accent);opacity:.5}}.p-form__radio input[type=radio]:checked{border-color:var(--_form-color-accent);background-color:var(--_form-color-accent)}.p-form__radio input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;width:calc(8 * var(--to-rem));height:calc(8 * var(--to-rem));border-radius:50%;background-color:var(--_form-color-bg);translate:-50% -50%}.p-form__radio input[type=radio]:focus{box-shadow:0 0 0 3px oklch(from var(--_form-color-accent) l c h/10%);outline:none}.p-form__radio-text{color:var(--_form-color-text);font-size:calc(16 * var(--to-rem));-webkit-user-select:none;user-select:none}.p-form__checkbox{display:flex;align-items:center;cursor:pointer}.p-form__checkbox input[type=checkbox]{position:relative;width:calc(20 * var(--to-rem));height:calc(20 * var(--to-rem));margin:0;margin-inline-end:calc(8 * var(--to-rem));border:2px solid var(--_form-color-border);border-radius:4px;cursor:pointer;appearance:none;transition:border-color .2s ease}@media(any-hover:hover){.p-form__checkbox input[type=checkbox]:hover:not(:checked){border-color:var(--_form-color-accent);opacity:.5}}.p-form__checkbox input[type=checkbox]:checked{border-color:var(--_form-color-accent);background-color:var(--_form-color-accent)}.p-form__checkbox input[type=checkbox]:checked:after{content:"";position:absolute;top:calc(2 * var(--to-rem));left:calc(5 * var(--to-rem));width:calc(6 * var(--to-rem));height:calc(10 * var(--to-rem));border:2px solid var(--_form-color-bg);border-top:none;border-left:none;rotate:45deg}.p-form__checkbox input[type=checkbox]:focus{box-shadow:0 0 0 3px oklch(from var(--_form-color-accent) l c h/10%);outline:none}.p-form__checkbox-text{color:var(--_form-color-text);font-size:calc(16 * var(--to-rem));-webkit-user-select:none;user-select:none}.p-form__link{color:var(--_form-color-accent);text-decoration:underline;transition:opacity .2s ease}@media(any-hover:hover){.p-form__link:hover{opacity:.8}}.p-form__button-wrap{text-align:center}.p-form__error{display:block;color:var(--_form-color-badge-bg);font-size:calc(14 * var(--to-rem))}.p-form__success{padding:calc(24 * var(--to-rem));border:1px solid var(--_form-color-accent);border-radius:8px;background-color:#408f951a;color:var(--_form-color-accent);font-size:calc(16 * var(--to-rem));text-align:center}.p-form__radio .wpcf7-list-item-label,.p-form__radio .wpcf7-li label{color:var(--_form-color-text);font-size:calc(16 * var(--to-rem));line-height:1.5;-webkit-user-select:none;user-select:none}.p-form__checkbox .wpcf7-form-control-wrap,.p-form__checkbox .wpcf7-form-control,.p-form__radio .wpcf7-list-item label,.p-form__item .wpcf7-list-item{display:flex;align-items:center}.p-header{height:var(--header-height);box-shadow:0 0 25px oklch(from var(--color-black) l c h/10%);background-color:var(--color-white)}@media screen and (min-width:768px){.p-header{--header-height: 80px}}.p-header__inner{display:flex;justify-content:space-between;height:inherit;padding-inline-start:calc(16 * var(--to-rem))}.p-header__logo{width:100%;height:inherit;max-width:calc(40 * var(--to-rem))}@media screen and (min-width:768px){.p-header__logo{max-width:calc(60 * var(--to-rem))}}.p-header__logo a{display:flex;align-items:center;height:inherit}.p-header__logo img{width:100%;height:100%;object-fit:contain}.p-header__nav{position:relative;display:none;height:inherit}@media screen and (min-width:768px){.p-header__nav{container-type:inline-size;display:block;flex:1}}.p-header__nav-list{display:flex;justify-content:flex-end;height:inherit}.p-header__nav-item{height:inherit}.p-header__nav-item[data-variant=contact]{display:flex;align-items:center;margin-inline-start:calc(15 * var(--to-rem))}.p-header__nav-item>a{display:flex;align-items:center;height:inherit;padding-block:0;padding-inline:clamp(12px,2cqi,15px);color:var(--color-text);font-size:clamp(13px,2cqi,16px);font-weight:var(--fw-medium);line-height:1}.p-header__nav-item[data-variant=contact] a{position:relative;padding-inline:calc(50 * var(--to-rem));background-color:var(--color-primary);color:var(--color-white);text-align:center}.p-header__nav-item[data-variant=contact] a:after{content:"";position:absolute;top:50%;right:calc(20 * var(--to-rem));width:5px;aspect-ratio:1/1;border-top:2px solid currentcolor;border-right:2px solid currentcolor;translate:0 -50%;rotate:45deg;transition:rotate var(--duration),translate var(--duration)}@media screen and (min-width:768px){.p-header__nav-item[data-variant=contact] a:after{width:calc(10 * var(--to-rem));height:calc(10 * var(--to-rem))}}.p-header__hamburger{position:relative;z-index:999;width:calc(64 * var(--to-rem));height:inherit;margin:0;padding:0;border:none;background-color:var(--color-primary);outline:none;cursor:pointer;transition:background-color var(--duration)}@media screen and (min-width:768px){.p-header__hamburger{display:none}}.p-header__hamburger span{position:relative;left:50%;display:block;width:calc(25 * var(--to-rem));height:1px;background-color:var(--color-white);translate:-50% 0;transition:top calc(var(--duration) * 1.67),opacity calc(var(--duration) * 1.67)}.p-header__hamburger span:nth-of-type(1){top:-8px}.p-header__hamburger span:nth-of-type(2){top:0}.p-header__hamburger span:nth-of-type(3){top:8px}.p-header__hamburger.is-open span:nth-of-type(1){top:0;rotate:45deg}.p-header__hamburger.is-open span:nth-of-type(2){opacity:0}.p-header__hamburger.is-open span:nth-of-type(3){top:-2px;rotate:-45deg}.p-header__drawer{position:absolute;inset:0;z-index:900;display:none;overflow-y:scroll;width:100%;height:100svh;margin-block-start:calc(64 * var(--to-rem));padding-block-end:calc(110 * var(--to-rem));background-color:#eff4f5;scrollbar-width:none}.p-header__drawer::-webkit-scrollbar{display:none}.p-header__drawer-item{border-bottom:1px solid var(--color-white)}.p-header__drawer-item[data-variant=contact]{margin-block-start:calc(40 * var(--to-rem));margin-inline-start:calc(32 * var(--to-rem));border-bottom:none}.p-header__drawer-item>a{display:block;padding:calc(20 * var(--to-rem)) calc(32 * var(--to-rem));font-size:calc(14 * var(--to-rem));font-weight:var(--fw-bold);line-height:1;letter-spacing:.05em;cursor:pointer}.p-header__drawer-item[data-variant=contact] a{position:relative;width:100%;max-width:calc(180 * var(--to-rem));padding:calc(15 * var(--to-rem)) 0;background-color:var(--color-primary);color:var(--color-white);text-align:center}.p-header__drawer-item[data-variant=contact] a:after{content:"";position:absolute;top:50%;right:calc(20 * var(--to-rem));width:8px;aspect-ratio:1/1;border-top:2px solid currentcolor;border-right:2px solid currentcolor;translate:0 -50%;rotate:45deg;transition:translate var(--duration)}@media(any-hover:hover){.p-header__drawer-item[data-variant=contact] a:hover:after{translate:4px -50%}}.p-mv{position:relative;z-index:1;width:100%;height:max(100svh,450 * var(--to-rem))}@media screen and (min-width:768px){.p-mv{height:max(500 * var(--to-rem),100%)}}.p-mv__inner{position:relative;width:100%;height:100%;min-height:inherit}.p-mv__title-wrap{position:absolute;inset:0;z-index:2;container-type:inline-size;display:flex;flex-direction:column;gap:calc(24 * var(--to-rem));justify-content:center;align-items:center;width:100%;margin:auto;padding-inline:var(--padding-inner);color:var(--color-white);text-align:center}.p-mv__main-title{font-size:calc(32 * var(--to-rem));font-weight:var(--fw-bold);line-height:1.2;letter-spacing:.05em;text-shadow:0 2px 4px oklch(from var(--color-black) l c h/30%)}@media screen and (min-width:768px){.p-mv__main-title{font-size:clamp(32 * var(--to-rem),5cqi,64 * var(--to-rem))}}.p-mv__sub-title{font-size:calc(18 * var(--to-rem));line-height:1.6;text-shadow:0 1px 2px oklch(from var(--color-black) l c h/30%)}@media screen and (min-width:768px){.p-mv__sub-title{font-size:clamp(18 * var(--to-rem),3cqi,24 * var(--to-rem))}}.p-mv__splide{width:100%;height:100%}.p-mv__splide .splide__track,.p-mv__splide .splide__list,.p-mv__splide .splide__slide{height:100%}.p-mv__splide .splide__slide-image{width:100%;height:100%}.p-mv__splide .splide__slide-image picture,.p-mv__splide .splide__slide-image img{display:block;width:100%;height:100%;object-fit:cover}.p-news-list{padding-block:calc(48 * var(--to-rem)) calc(40 * var(--to-rem))}@media screen and (min-width:768px){.p-news-list{padding-block:calc(40 * var(--to-rem)) calc(60 * var(--to-rem))}}.p-news-list__inner{display:flex;flex-direction:column;gap:calc(32 * var(--to-rem))}.p-news-list__inner>.p-news-list__title{margin-block-end:0}.p-news-list__container{display:flex;flex-direction:column;overflow:hidden;border-radius:10px;box-shadow:0 1px 3px oklch(from var(--color-black) l c h/10%),0 1px 2px oklch(from var(--color-black) l c h/10%);background-color:var(--color-white)}.p-news-list__item{display:block;color:inherit;text-decoration:none;transition:background-color .2s ease}.p-news-list__item:not(:last-child){border-bottom:1px solid var(--color-gray)}@media(any-hover:hover){.p-news-list__item:hover{background-color:oklch(from var(--color-gray) l c h/50%)}.p-news-list__item:hover .p-news-list__arrow{color:var(--color-text);transform:translate(calc(4 * var(--to-rem)))}}.p-news-list__card{display:flex;flex-direction:column;gap:calc(8 * var(--to-rem));padding:calc(24 * var(--to-rem))}@media screen and (min-width:768px){.p-news-list__card{gap:calc(12 * var(--to-rem));padding:calc(32 * var(--to-rem))}}.p-news-list__meta{display:flex;gap:calc(8 * var(--to-rem));align-items:center;color:var(--color-border-gray);font-size:calc(12 * var(--to-rem))}@media screen and (min-width:768px){.p-news-list__meta{font-size:calc(14 * var(--to-rem))}}.p-news-list__separator{color:var(--color-border-gray)}.p-news-list__content{display:flex;gap:calc(16 * var(--to-rem));justify-content:space-between;align-items:center}.p-news-list__main{display:flex;flex:1;flex-direction:column;gap:calc(8 * var(--to-rem))}.p-news-list__card .p-news-list__title{margin:0;color:var(--color-text);font-size:calc(16 * var(--to-rem));font-weight:var(--fw-bold);line-height:1.5}@media screen and (min-width:768px){.p-news-list__card .p-news-list__title{font-size:calc(18 * var(--to-rem))}}.p-news-list__excerpt{color:var(--color-border-gray);font-size:calc(13 * var(--to-rem));line-height:1.6}@media screen and (min-width:768px){.p-news-list__excerpt{font-size:calc(14 * var(--to-rem))}}.p-news-list__arrow{flex-shrink:0;width:calc(20 * var(--to-rem));height:calc(20 * var(--to-rem));color:var(--color-border-gray);transition:color .2s ease,transform .2s ease}.p-news-list__arrow svg{width:100%;height:100%}.p-news-list__empty{padding:calc(60 * var(--to-rem));border-radius:10px;box-shadow:0 1px 3px oklch(from var(--color-black) l c h/10%),0 1px 2px oklch(from var(--color-black) l c h/10%);background-color:var(--color-white);color:var(--color-border-gray);font-size:calc(16 * var(--to-rem));text-align:center}.p-news-list__empty p{margin:0}.p-news-list__pagination{--_pagination-bg: var(--color-white);--_pagination-text: var(--color-text);--_pagination-text-hover: var(--color-text);--_pagination-bg-hover: oklch(from var(--color-gray) l c h / 50%);--_pagination-active-bg: var(--color-black);--_pagination-active-text: var(--color-white);--_pagination-border: var(--color-gray);--_pagination-border-hover: var(--color-text)}.portfolio-site .p-portfolio-project{position:relative}.portfolio-site .p-portfolio-project:before,.portfolio-site .p-portfolio-project:after{content:"";position:absolute;inset:0;z-index:5;border-radius:inherit;opacity:0;filter:drop-shadow(0 0 4px rgba(110,185,255,.75));pointer-events:none;transition:transform 1.6s cubic-bezier(.35,0,.25,1),opacity 1.2s ease-out}.portfolio-site .p-portfolio-project:before{border-block:2px solid #e0f3ff;transform:scaleX(0);transform-origin:left center}.portfolio-site .p-portfolio-project:after{border-inline:2px solid #e0f3ff;transform:scaleY(0);transform-origin:center bottom;transition-delay:.18s}@media(hover:hover)and (pointer:fine){.portfolio-site .p-portfolio-project:hover:before,.portfolio-site .p-portfolio-project:hover:after{opacity:1;transform:none;transition-duration:1.6s,.18s}}.portfolio-site .p-portfolio-project:focus-within:before,.portfolio-site .p-portfolio-project:focus-within:after{opacity:1;transform:none;transition-duration:1.6s,.18s}@media(prefers-reduced-motion:reduce){.portfolio-site .p-portfolio-project:before,.portfolio-site .p-portfolio-project:after{transition:none}}@media(forced-colors:active){.portfolio-site .p-portfolio-project:before,.portfolio-site .p-portfolio-project:after{display:none}}.portfolio-site .p-portfolio-detail :is(.p-portfolio-detail__title,.p-portfolio-detail__body h2):has(+.c-light-cue){margin-block-end:var(--portfolio-heading-gap)}.portfolio-site .p-portfolio-detail .c-light-cue+.p-portfolio-detail__subtitle{margin-block-start:0}.portfolio-site .p-portfolio-detail--work .c-light-cue+.p-portfolio-detail__meta{margin-block-start:0}.portfolio-site .p-portfolio-header{position:relative;z-index:20;background-color:transparent;color:var(--portfolio-ink)}.home.portfolio-site .p-portfolio-header{position:absolute;inset:0 0 auto;background-color:transparent}.portfolio-site .p-portfolio-header__inner{display:flex;flex-wrap:wrap;gap:0;justify-content:space-between;align-items:center;inline-size:min(1280px,100% - 40px);min-block-size:100px;margin-inline:auto;padding-block:12px 8px;border-block-end:1px solid var(--portfolio-line)}.portfolio-site .p-portfolio-header__brand{display:flex;align-items:center;min-block-size:28px;font-size:.6875rem;font-weight:500;letter-spacing:.12em;white-space:nowrap}.portfolio-site .p-portfolio-header__nav{display:flex;gap:0 4px;justify-content:space-between;align-items:center;inline-size:100%}.portfolio-site .p-portfolio-header__nav a{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;min-inline-size:44px;min-block-size:44px;font-size:.75rem;font-weight:500;letter-spacing:.04em;white-space:nowrap}@media not (min-width:23rem){.portfolio-site .p-portfolio-header__nav{gap:0}.portfolio-site .p-portfolio-header__nav a{letter-spacing:.02em}}@media(min-width:48rem){.portfolio-site .p-portfolio-header__inner{gap:0 24px;inline-size:min(1280px,100% - 96px);min-block-size:96px;padding-block:16px}.portfolio-site .p-portfolio-header__brand{min-block-size:44px;font-size:.8125rem}.portfolio-site .p-portfolio-header__nav{gap:32px;justify-content:flex-end;inline-size:auto}.portfolio-site .p-portfolio-header__nav a{font-size:.8125rem}}@media(min-width:64rem){.portfolio-site .p-portfolio-header__inner{inline-size:min(1280px,100% - 160px)}}.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) a[href]:has(img,picture){--portfolio-image-scale: 1;--portfolio-image-edge-opacity: 0;--portfolio-image-sweep: none}.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) :is(a[href].p-portfolio-project__image,a[href].p-portfolio-work__image,a[href]:has(>img,>picture):not(:where(.p-archive__link,.p-works-list__link,.p-single__related-link)),.p-archive__link .p-archive__thumbnail,.p-works-list__link .p-works-list__thumbnail,.p-single__related-link .p-single__related-thumbnail){position:relative;overflow:clip;isolation:isolate}.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) a[href]:has(>img,>picture):not(:where(.p-portfolio-project__image,.p-portfolio-work__image,.p-archive__link,.p-works-list__link,.p-single__related-link)){display:inline-block;max-inline-size:100%;vertical-align:middle}.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) :is(a[href].p-portfolio-project__image,a[href].p-portfolio-work__image,a[href]:has(>img,>picture):not(:where(.p-archive__link,.p-works-list__link,.p-single__related-link)),.p-archive__link .p-archive__thumbnail,.p-works-list__link .p-works-list__thumbnail,.p-single__related-link .p-single__related-thumbnail) img{display:block;transform-origin:center;scale:var(--portfolio-image-scale, 1)}.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) a[href]>picture{display:block}.portfolio-site .p-archive--works .p-archive__link:has(.p-archive__thumbnail):hover .p-archive__thumbnail img{scale:var(--portfolio-image-scale, 1)}.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) :is(a[href].p-portfolio-project__image,a[href].p-portfolio-work__image,a[href]:has(>img,>picture):not(:where(.p-archive__link,.p-works-list__link,.p-single__related-link)),.p-archive__link .p-archive__thumbnail,.p-works-list__link .p-works-list__thumbnail,.p-single__related-link .p-single__related-thumbnail):before{content:"";position:absolute;inset:0;z-index:2;border:1px solid rgba(155,200,255,.78);border-radius:inherit;box-shadow:inset 0 0 1.25rem #9bc8ff1f;opacity:var(--portfolio-image-edge-opacity, 0);pointer-events:none;transition:opacity .3s ease-out}.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) :is(a[href].p-portfolio-project__image,a[href].p-portfolio-work__image,a[href]:has(>img,>picture):not(:where(.p-archive__link,.p-works-list__link,.p-single__related-link)),.p-archive__link .p-archive__thumbnail,.p-works-list__link .p-works-list__thumbnail,.p-single__related-link .p-single__related-thumbnail):after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(112deg,transparent 36%,rgba(155,200,255,.04) 44%,rgba(237,246,255,.26) 50%,rgba(155,200,255,.06) 56%,transparent 64%);opacity:0;pointer-events:none;translate:-110% 0;animation:var(--portfolio-image-sweep, none)}.portfolio-site :is(.p-portfolio-project__image-note,.p-works-list__badge){z-index:3}.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) a[href]:has(img,picture):focus-visible{--portfolio-image-edge-opacity: 1}@media(any-hover:hover){.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) a[href]:has(img,picture):hover{--portfolio-image-edge-opacity: 1}}@media(prefers-reduced-motion:no-preference)and (forced-colors:none){.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) :is(a[href].p-portfolio-project__image,a[href].p-portfolio-work__image,a[href]:has(>img,>picture):not(:where(.p-archive__link,.p-works-list__link,.p-single__related-link)),.p-archive__link .p-archive__thumbnail,.p-works-list__link .p-works-list__thumbnail,.p-single__related-link .p-single__related-thumbnail) img{transition:scale .75s cubic-bezier(.22,1,.36,1)}.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) a[href]:has(img,picture):focus-visible{--portfolio-image-scale: 1.06;--portfolio-image-sweep: portfolio-image-light-sweep .85s ease-out both}}@media(any-hover:hover)and (prefers-reduced-motion:no-preference)and (forced-colors:none){.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) a[href]:has(img,picture):hover{--portfolio-image-scale: 1.06;--portfolio-image-sweep: portfolio-image-light-sweep .85s ease-out both}}@keyframes portfolio-image-light-sweep{0%{opacity:0;translate:-110% 0}15%,70%{opacity:1}to{opacity:0;translate:110% 0}}@media(prefers-reduced-motion:reduce),(forced-colors:active){.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) :is(a[href].p-portfolio-project__image,a[href].p-portfolio-work__image,a[href]:has(>img,>picture):not(:where(.p-archive__link,.p-works-list__link,.p-single__related-link)),.p-archive__link .p-archive__thumbnail,.p-works-list__link .p-works-list__thumbnail,.p-single__related-link .p-single__related-thumbnail):before{transition:none}}@media(forced-colors:active){.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) :is(a[href].p-portfolio-project__image,a[href].p-portfolio-work__image,a[href]:has(>img,>picture):not(:where(.p-archive__link,.p-works-list__link,.p-single__related-link)),.p-archive__link .p-archive__thumbnail,.p-works-list__link .p-works-list__thumbnail,.p-single__related-link .p-single__related-thumbnail):before{border-color:Highlight;box-shadow:none}}.portfolio-site .is-portfolio-transition-image img{scale:1!important;transition:none!important}.portfolio-site .is-portfolio-transition-image :is(.p-archive__thumbnail,.p-works-list__thumbnail,.p-single__related-thumbnail):before,.portfolio-site .is-portfolio-transition-image :is(.p-archive__thumbnail,.p-works-list__thumbnail,.p-single__related-thumbnail):after{opacity:0!important;animation:none!important}body.home.portfolio-site{--intro-admin-offset: 0px}body.home.portfolio-site.admin-bar{--intro-admin-offset: 32px}.home.portfolio-site.admin-bar .p-portfolio-header{inset-block-start:var(--intro-admin-offset)}.portfolio-site .p-portfolio-intro{--intro-background: #030405;--intro-text: var(--portfolio-ink);--intro-muted: var(--portfolio-muted);--intro-accent: var(--portfolio-accent);--intro-line: #26354b;--intro-journey-size: 320svh;position:relative;overflow:clip;background-color:var(--intro-background);color:var(--intro-text);isolation:isolate}.portfolio-site .p-portfolio-intro__stage{position:sticky;inset-block-start:var(--intro-admin-offset);z-index:0;overflow:hidden;inline-size:100%;block-size:calc(100svh - var(--intro-admin-offset));margin-block-end:calc(-100svh + var(--intro-admin-offset));pointer-events:none}.portfolio-site .p-portfolio-intro__canvas{display:block;inline-size:100%;block-size:100%}.portfolio-site .p-portfolio-intro__journey{position:relative;z-index:1;block-size:var(--intro-journey-size)}.portfolio-site .p-portfolio-intro>.p-portfolio-section{position:relative;z-index:1}.portfolio-site .p-portfolio-intro>.p-portfolio-footer{position:relative;z-index:1}.portfolio-site .p-portfolio-intro>.p-portfolio-section:not(.p-portfolio-about){background-color:transparent}.portfolio-site .p-portfolio-intro[data-intro-renderer=three]:after{content:"";position:absolute;inset-block:calc(var(--intro-journey-size) - 16rem) 0;inset-inline:0;z-index:0;background:linear-gradient(180deg,transparent,rgba(3,4,5,.2) 5rem,rgba(3,4,5,.46) 11rem,rgba(3,4,5,.64) 16rem);pointer-events:none}.portfolio-site .p-portfolio-intro :is(.p-portfolio-section__intro,.p-portfolio-section__note,.p-portfolio-experience__heading,.p-portfolio-about__intro,.p-portfolio-about__body,.p-portfolio-skill__description){text-shadow:0 1px 2px #030405,0 0 4px rgba(3,4,5,.85)}.portfolio-site .p-portfolio-intro:not([data-intro-renderer=three]) .p-portfolio-intro__journey{block-size:auto}@media(prefers-reduced-motion:no-preference)and (forced-colors:none){.has-portfolio-intro .portfolio-site .p-portfolio-intro:not([data-intro-renderer=fallback]) .p-portfolio-intro__journey{block-size:var(--intro-journey-size)}}.portfolio-site .p-portfolio-intro .p-portfolio-intro__journey .p-portfolio-hero{position:sticky;inset-block-start:0}.portfolio-site .p-portfolio-intro .p-portfolio-hero{z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:stretch;overflow:clip;min-block-size:max(660px,100svh - var(--intro-admin-offset));padding-block:160px 144px;padding-inline:0;background-color:transparent;color:var(--intro-text)}.portfolio-site .p-portfolio-intro .p-portfolio-hero__type{position:relative;inline-size:min(1280px,100% - 160px);margin-inline:auto;isolation:isolate;text-align:start}.portfolio-site .p-portfolio-intro .p-portfolio-hero__type:before{content:"";position:absolute;inset-block:-4rem;inset-inline-start:-6rem;z-index:-1;-webkit-mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.35) 5%,#000 18%,#000 82%,rgba(0,0,0,.35) 95%,transparent);mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.35) 5%,#000 18%,#000 82%,rgba(0,0,0,.35) 95%,transparent);inline-size:min(52rem,100% + 12rem);background:linear-gradient(90deg,transparent,rgba(3,4,5,.24) 5%,rgba(3,4,5,.68) 12%,rgba(3,4,5,.58) 44%,rgba(3,4,5,.3) 72%,rgba(3,4,5,.08) 90%,transparent);pointer-events:none}.portfolio-site .p-portfolio-hero__eyebrow{margin-block-end:2rem;color:var(--intro-muted);font-size:.75rem;font-weight:400;line-height:1.8;letter-spacing:.14em}.portfolio-site .p-portfolio-intro .p-portfolio-hero__name{gap:0;font-size:clamp(4rem,8.3vw,8rem);font-weight:400;line-height:.98;letter-spacing:-.045em;text-shadow:0 .0625rem 1.5rem #030405}@media(min-width:48rem){.portfolio-site .p-portfolio-intro .p-portfolio-hero__name{margin-block-end:3rem}}.portfolio-site .p-portfolio-intro .p-portfolio-hero__line{padding-block:.035em}.portfolio-site .p-portfolio-intro .p-portfolio-hero__line>span{padding-inline-start:0}.portfolio-site .p-portfolio-hero__description{margin-block-start:2rem;font-family:var(--portfolio-japanese);font-size:clamp(.875rem,1.25vw,1rem);font-weight:400;line-height:2;letter-spacing:.08em;text-shadow:0 .0625rem .1875rem #030405,0 0 .75rem #030405}.portfolio-site .p-portfolio-hero__description.p-portfolio-hero__description--lead{max-inline-size:37.5rem;margin-block-start:.875rem;color:var(--portfolio-ink);font-size:clamp(.9375rem,1.1vw,1rem);font-weight:500;line-height:1.8;letter-spacing:.04em}@media(not (min-width:48rem))and (not (min-height:44rem)){.portfolio-site .p-portfolio-intro .p-portfolio-intro__journey .p-portfolio-hero{justify-content:center;min-block-size:calc(100svh - var(--intro-admin-offset));padding-block:7rem 2rem}}.portfolio-site .p-portfolio-intro .p-portfolio-about{position:relative;z-index:1;border-block-start:1px solid var(--intro-line)}.portfolio-site .p-portfolio-intro .p-portfolio-about__heading{margin-block-end:0}.portfolio-site .p-portfolio-about__eyebrow{margin-block-end:1rem;color:var(--intro-accent);font-size:.6875rem;font-weight:400;letter-spacing:.16em}.portfolio-site .p-portfolio-intro .p-portfolio-about__content{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(3rem,7vw,7rem);align-items:start;max-inline-size:none}.portfolio-site .p-portfolio-intro .p-portfolio-about__intro{position:sticky;inset-block-start:calc(var(--intro-admin-offset) + 3rem);align-self:start;isolation:isolate}.portfolio-site .p-portfolio-intro .p-portfolio-about__intro h3{font-size:1.75rem;font-weight:400}.portfolio-site .p-portfolio-intro .p-portfolio-about__intro p{margin-block-start:.75rem;color:var(--intro-muted);font-size:1rem;line-height:1.8;letter-spacing:.03em}.portfolio-site .p-portfolio-intro .p-portfolio-about__intro .p-portfolio-about__interests{margin-block-start:3rem;border-color:var(--intro-line);color:var(--intro-accent);font-size:.75rem;letter-spacing:.08em}.portfolio-site .p-portfolio-intro .p-portfolio-about__body{padding-block:1.5rem;padding-inline:1.5rem;border:1px solid var(--intro-line);background-color:#030405e0;font-size:clamp(1rem,.94rem + .15vw,1.0625rem);line-height:2.1}.portfolio-site .p-portfolio-intro .p-portfolio-about__lead{margin-block-end:3rem;font-size:clamp(1.125rem,1.65vw,1.5rem);line-height:1.9;letter-spacing:.025em}.portfolio-site .p-portfolio-intro .p-portfolio-about__lead strong{font-weight:500}.portfolio-site .p-portfolio-intro .p-portfolio-about__timeline{gap:2.5rem;padding-inline-start:1.5rem;border-color:var(--intro-line);color:var(--intro-muted)}.portfolio-site .p-portfolio-intro .p-portfolio-about__timeline>li:before{inset-inline-start:-1.75rem;background-color:var(--intro-accent)}.portfolio-site .p-portfolio-intro .p-portfolio-about__timeline h4{color:var(--intro-text);font-size:1rem;font-weight:600}.portfolio-site .p-portfolio-intro .p-portfolio-about__timeline .p-portfolio-about__period{margin-block:0 .75rem;color:var(--intro-accent);font-size:.875rem}.portfolio-site .p-portfolio-intro .p-portfolio-about__timeline p+p{margin-block-start:0}.portfolio-site .p-portfolio-intro .p-portfolio-about__strengths{margin-block:3rem 0;padding-block:1.5rem 0;border-block-start:1px solid var(--intro-line);border-block-end:0}.portfolio-site .p-portfolio-intro .p-portfolio-about__strengths h4{color:var(--intro-text);font-size:1rem}.portfolio-site .p-portfolio-intro .p-portfolio-about__strengths ul{color:var(--intro-muted);font-size:1rem}@media not (min-width:64rem){.portfolio-site .p-portfolio-intro .p-portfolio-hero__type{inline-size:calc(100% - 96px)}.portfolio-site .p-portfolio-intro .p-portfolio-about__content{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:2.5rem}}@media(max-width:782px){body.home.portfolio-site.admin-bar{--intro-admin-offset: 46px}}@media not (min-width:48rem){.portfolio-site .p-portfolio-intro .p-portfolio-hero{justify-content:flex-end;min-block-size:max(720px,100svh - var(--intro-admin-offset));padding-block:340px 148px}.portfolio-site .p-portfolio-intro .p-portfolio-hero__type{inline-size:calc(100% - 40px)}.portfolio-site .p-portfolio-hero__eyebrow{margin-block-end:1.25rem;font-size:.6875rem;letter-spacing:.08em}.portfolio-site .p-portfolio-intro .p-portfolio-hero__name{font-size:clamp(3.1rem,12.5vw,5.5rem);line-height:1}.portfolio-site .p-portfolio-hero__description{margin-block-start:1.25rem;font-size:.8125rem}.portfolio-site .p-portfolio-intro .p-portfolio-about__content{grid-template-columns:minmax(0,1fr);gap:2.5rem}.portfolio-site .p-portfolio-intro .p-portfolio-about__intro{position:static}.portfolio-site .p-portfolio-intro .p-portfolio-about__intro p br{display:none}.portfolio-site .p-portfolio-intro .p-portfolio-about__intro .p-portfolio-about__interests{margin-block-start:1.25rem}.portfolio-site .p-portfolio-intro .p-portfolio-about__lead{margin-block-end:2rem;font-size:1.0625rem}.portfolio-site .p-portfolio-intro .p-portfolio-about__body{padding-block:1rem;padding-inline:1rem}}@media(forced-colors:active){.portfolio-site .p-portfolio-intro__stage{visibility:hidden}.portfolio-site .p-portfolio-intro{--intro-background: Canvas;--intro-text: CanvasText;--intro-muted: CanvasText;--intro-accent: LinkText;--intro-line: CanvasText}}@media(prefers-reduced-motion:reduce),(forced-colors:active){.portfolio-site .p-portfolio-intro__journey{block-size:auto}.portfolio-site .p-portfolio-intro .p-portfolio-intro__journey .p-portfolio-hero{position:relative}}.portfolio-site .p-portfolio-link-equalizer-host{position:relative}.portfolio-site .p-portfolio-link-equalizer{position:absolute;inset-block-start:50%;inset-inline-end:-24px;display:none;gap:2px;align-items:end;inline-size:20px;block-size:18px;opacity:0;pointer-events:none;transform:translateY(-50%)}.portfolio-site .p-portfolio-link-equalizer__bar{display:block;flex-shrink:0;inline-size:3.5px;block-size:100%;border-radius:2px;box-shadow:0 0 4px #99d3ffd9,0 0 8px #62a6ff66;background:linear-gradient(0deg,#70b5ff,#fff 88%);transform:scaleY(.16);transform-origin:center bottom;animation-duration:.84s}.portfolio-site .p-portfolio-link-equalizer__bar:nth-child(2){animation-duration:1.02s;animation-delay:-.28s}.portfolio-site .p-portfolio-link-equalizer__bar:nth-child(3){animation-duration:.8s;animation-delay:-.54s}.portfolio-site .p-portfolio-link-equalizer__bar:nth-child(4){animation-duration:.92s;animation-delay:-.14s}@media not (min-width:48rem){.portfolio-site .p-portfolio-header__nav .p-portfolio-link-equalizer{inset-block:auto 2px;inset-inline:50% auto;block-size:10px;transform:translate(-50%)}}@media(prefers-reduced-motion:no-preference)and (forced-colors:none){.portfolio-site .p-portfolio-link-equalizer{display:flex;transition:opacity .16s ease-out}.portfolio-site .p-portfolio-link-equalizer-host:focus-visible>.p-portfolio-link-equalizer{opacity:1}.portfolio-site .p-portfolio-link-equalizer-host:focus-visible>.p-portfolio-link-equalizer>.p-portfolio-link-equalizer__bar{animation-name:portfolio-link-equalizer-beat;animation-timing-function:ease-in-out;animation-iteration-count:infinite}}@media(any-hover:hover)and (prefers-reduced-motion:no-preference)and (forced-colors:none){.portfolio-site .p-portfolio-link-equalizer-host:hover>.p-portfolio-link-equalizer{opacity:1}.portfolio-site .p-portfolio-link-equalizer-host:hover>.p-portfolio-link-equalizer>.p-portfolio-link-equalizer__bar{animation-name:portfolio-link-equalizer-beat;animation-timing-function:ease-in-out;animation-iteration-count:infinite}}@keyframes portfolio-link-equalizer-beat{0%,to{transform:scaleY(.16)}18%{transform:scaleY(.94)}36%{transform:scaleY(.3)}58%{transform:scaleY(1)}80%{transform:scaleY(.48)}}.portfolio-site{--portfolio-link-line: linear-gradient(90deg, transparent, var(--portfolio-accent), transparent);--portfolio-link-glow: radial-gradient(ellipse at center, rgb(155 200 255 / 35%), transparent 72%)}.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) a[href]{position:relative;transition:color .22s ease}.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) a[href]:not(:where(:has(img,picture))):after,.portfolio-site .p-portfolio-project__link-label:after{content:"";position:absolute;inset-block:auto .125rem;inset-inline:0;z-index:2;block-size:2px;background:var(--portfolio-link-line);opacity:0;filter:drop-shadow(0 0 4px rgba(155,200,255,.65));pointer-events:none;transform:scaleX(.45);transform-origin:center;transition:opacity .35s ease-out,transform .45s cubic-bezier(.22,1,.36,1)}.portfolio-site .p-portfolio-project__link-label{position:relative}.portfolio-site .l-main .p-portfolio-project__link[href]:after{content:none}.portfolio-site :is(.p-portfolio-project__title,.p-portfolio-detail__body,.p-portfolio-detail__breadcrumb,.p-portfolio-detail__meta,.p-page__content,.p-single__content) a[href]:not(:where(:has(img,picture),.p-portfolio-detail__navigation a,.c-button,.wp-element-button)){background-image:var(--portfolio-link-line),var(--portfolio-link-glow);background-position:center bottom;background-size:0% 2px,0% 8px;background-repeat:no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:color .22s ease,background-size .45s cubic-bezier(.22,1,.36,1),text-decoration-color .22s ease}.portfolio-site :is(.p-portfolio-project__title,.p-portfolio-detail__body,.p-portfolio-detail__breadcrumb,.p-portfolio-detail__meta,.p-page__content,.p-single__content) a[href]:not(:where(:has(img,picture),.p-portfolio-detail__navigation a,.c-button,.wp-element-button)):after{content:none}.portfolio-site :is(.p-portfolio-detail__body,.p-page__content,.p-single__content) a[href]:not(:where(:has(img,picture),.p-portfolio-detail__navigation a,.c-button,.wp-element-button)){text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.portfolio-site .l-main a[href]:has(img,picture):focus-visible{outline-offset:-3px}@media(any-hover:hover){.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) a[href]:hover{color:var(--portfolio-muted);opacity:1;text-decoration-color:transparent;text-shadow:none}.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) a[href]:not(:where(:has(img,picture))):hover:after,.portfolio-site .p-portfolio-project__link:hover .p-portfolio-project__link-label:after{opacity:1;transform:scaleX(1)}.portfolio-site :is(.p-portfolio-project__title,.p-portfolio-detail__body,.p-portfolio-detail__breadcrumb,.p-portfolio-detail__meta,.p-page__content,.p-single__content) a[href]:not(:where(:has(img,picture),.p-portfolio-detail__navigation a,.c-button,.wp-element-button)):hover{background-size:100% 2px,100% 8px}.portfolio-site .p-archive__link:hover{box-shadow:none;translate:none}.portfolio-site .p-archive--works .p-archive__link:hover{box-shadow:0 calc(2 * var(--to-rem)) calc(8 * var(--to-rem)) oklch(from var(--color-black) l c h/8%)}.portfolio-site .p-news-list__item:hover{background-color:transparent}.portfolio-site .p-news-list__item:hover .p-news-list__arrow{color:var(--color-border-gray);transform:none}.portfolio-site .c-button:hover:before{translate:0 -50%}}.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) a[href]:focus-visible{color:var(--portfolio-accent);opacity:1;text-decoration-color:transparent}.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) a[href]:not(:where(:has(img,picture))):focus-visible:after,.portfolio-site .p-portfolio-project__link:focus-visible .p-portfolio-project__link-label:after{opacity:1;transform:scaleX(1)}.portfolio-site :is(.p-portfolio-project__title,.p-portfolio-detail__body,.p-portfolio-detail__breadcrumb,.p-portfolio-detail__meta,.p-page__content,.p-single__content) a[href]:not(:where(:has(img,picture),.p-portfolio-detail__navigation a,.c-button,.wp-element-button)):focus-visible{background-size:100% 2px,100% 8px}@media(prefers-reduced-motion:reduce){.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) a[href],.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) a[href]:before,.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) a[href]:not(:where(:has(img,picture))):after,.portfolio-site .p-portfolio-project__link-label:after{transition:none!important;animation:none!important}.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) a[href]:not(:where(:has(img,picture))):after,.portfolio-site .p-portfolio-project__link-label:after{filter:none;transform:none}}@media(forced-colors:active){.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) a[href]:not(:where(:has(img,picture))):after,.portfolio-site .p-portfolio-project__link-label:after{background:CanvasText;filter:none;transition:none}.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) a[href]:is(:hover,:focus-visible){color:LinkText;text-decoration-line:underline;text-decoration-color:LinkText}}@media(prefers-reduced-motion:no-preference)and (forced-colors:none){.portfolio-site .l-main .p-portfolio-project .p-portfolio-project__image:after{-webkit-mask-image:linear-gradient(110deg,transparent 8%,#000 35% 65%,transparent 92%);mask-image:linear-gradient(110deg,transparent 8%,#000 35% 65%,transparent 92%);background:radial-gradient(ellipse at 38% 130%,transparent 44%,rgba(179,220,255,.56) 46%,rgba(240,249,255,.92) 48%,rgba(179,220,255,.44) 50%,transparent 53%),repeating-radial-gradient(ellipse at 38% 130%,transparent 0 12px,rgba(104,188,255,.82) 14px,transparent 17px 24px);animation:none}.portfolio-site .l-main .p-portfolio-project:focus-within .p-portfolio-project__image:after{animation:portfolio-record-reflection 1.8s ease-in-out both}.home.portfolio-site .p-portfolio-section:not(.p-portfolio-contact)>.l-portfolio-inner{position:relative;z-index:1}.home.portfolio-site .p-portfolio-section:not(.p-portfolio-contact):before,.home.portfolio-site .p-portfolio-section:not(.p-portfolio-contact):after{content:"";position:absolute;inset-inline:0;inset-block-start:0;z-index:0;-webkit-mask-image:linear-gradient(#000 25%,transparent);mask-image:linear-gradient(#000 25%,transparent);block-size:min(26rem,65svh);opacity:0;pointer-events:none;transform:scaleX(.66)}.home.portfolio-site .p-portfolio-section:not(.p-portfolio-contact):before{background:conic-gradient(from 110deg at 0 0,transparent 0deg,rgba(119,183,255,.2) 8deg,rgba(200,231,255,.48) 16deg,rgba(115,179,255,.24) 23deg,transparent 32deg);transform-origin:left top}.home.portfolio-site .p-portfolio-section:not(.p-portfolio-contact):after{background:conic-gradient(from 218deg at 100% 0,transparent 0deg,rgba(144,162,255,.2) 8deg,rgba(211,224,255,.42) 16deg,rgba(144,162,255,.2) 23deg,transparent 32deg);transform-origin:right top}.home.portfolio-site .p-portfolio-section:not(.p-portfolio-contact):has(.p-portfolio-section__title:is([data-portfolio-heading-motion=playing],[data-portfolio-heading-motion=shown])):before{animation:portfolio-section-stage-light 4.8s ease-in-out both}.home.portfolio-site .p-portfolio-section:not(.p-portfolio-contact):has(.p-portfolio-section__title:is([data-portfolio-heading-motion=playing],[data-portfolio-heading-motion=shown])):after{animation:portfolio-section-stage-light 4.8s .32s ease-in-out both}}@media(max-width:767px)and (prefers-reduced-motion:no-preference)and (forced-colors:none){.home.portfolio-site .p-portfolio-section:not(.p-portfolio-contact):before{-webkit-mask-image:linear-gradient(#000,rgba(0,0,0,.7) 30%,transparent);mask-image:linear-gradient(#000,rgba(0,0,0,.7) 30%,transparent);block-size:min(20rem,44svh);background:conic-gradient(from 148deg at 8% -8%,transparent 0deg,rgba(119,183,255,.09) 6deg,rgba(200,231,255,.35) 16deg,rgba(115,179,255,.12) 26deg,transparent 36deg);transform-origin:8% top}.home.portfolio-site .p-portfolio-section:not(.p-portfolio-contact):after{content:none}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference)and (forced-colors:none){.portfolio-site .l-main .p-portfolio-project:hover .p-portfolio-project__image:after{animation:portfolio-record-reflection 1.8s ease-in-out both}}@keyframes portfolio-record-reflection{0%{opacity:0;translate:-105% 0;rotate:-16deg}20%,70%{opacity:1}to{opacity:0;translate:105% 0;rotate:16deg}}@keyframes portfolio-section-stage-light{0%{opacity:0;transform:scaleX(.66)}24%,44%{opacity:1}70%{opacity:.7}to{opacity:0;transform:scaleX(1)}}.portfolio-site.post-type-archive-works .p-portfolio-detail__navigation{flex-direction:column;align-items:flex-start}.portfolio-site.post-type-archive-works .pagination{min-inline-size:0;max-inline-size:100%}.portfolio-site.post-type-archive-works .pagination>.screen-reader-text{position:absolute;overflow:hidden;clip-path:inset(50%);inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;white-space:nowrap}.portfolio-site.post-type-archive-works .pagination .nav-links{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.portfolio-site.post-type-archive-works .pagination .page-numbers{display:inline-flex;justify-content:center;align-items:center;min-inline-size:2.75rem;min-block-size:2.75rem;padding-block:.375rem;padding-inline:.75rem;border:0;background-color:transparent;color:var(--portfolio-ink);font-size:.9375rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;white-space:nowrap;transition:color .2s ease}.portfolio-site.post-type-archive-works .pagination .page-numbers.current{color:var(--portfolio-accent);font-weight:500}.portfolio-site.post-type-archive-works .pagination .page-numbers.dots{min-inline-size:1.5rem;padding-inline:0;color:var(--portfolio-muted)}.portfolio-site.post-type-archive-works .pagination .prev{margin-inline-end:.5rem}.portfolio-site.post-type-archive-works .pagination .next{margin-inline-start:.5rem}.portfolio-site.post-type-archive-works .pagination a.page-numbers:focus-visible{color:var(--portfolio-accent);outline:2px solid var(--portfolio-accent);outline-offset:3px}@media(any-hover:hover){.portfolio-site.post-type-archive-works .pagination a.page-numbers:hover{color:var(--portfolio-accent)}}@media(min-width:48rem){.portfolio-site.post-type-archive-works .p-portfolio-detail__navigation{flex-direction:row;align-items:center}.portfolio-site.post-type-archive-works .pagination .nav-links{gap:.75rem}}@media(prefers-reduced-motion:reduce){.portfolio-site.post-type-archive-works .pagination .page-numbers{transition:none}}@media(forced-colors:active){.portfolio-site.post-type-archive-works .pagination .page-numbers.current{color:CanvasText;text-decoration-line:underline}}.portfolio-site .p-portfolio-detail--privacy .p-portfolio-detail__body>section:first-child+section{margin-block-start:calc(var(--portfolio-heading-gap) + var(--portfolio-heading-cue-size) + var(--portfolio-heading-content-gap))}.portfolio-site .p-portfolio-section__intro{max-inline-size:44rem;margin-block-end:1.5rem;font-family:var(--portfolio-japanese);font-size:clamp(1rem,.96rem + .2vw,1.0625rem);line-height:2}.portfolio-site .p-portfolio-section__note{max-inline-size:56rem;margin-block-end:2rem;color:var(--portfolio-muted);font-family:var(--portfolio-japanese);font-size:.875rem;line-height:1.9}.portfolio-site .p-portfolio-eyebrow{margin-block-end:.75rem;font-size:.8125rem;font-weight:400;letter-spacing:.1em}.portfolio-site .p-portfolio-about__lead{margin-block-end:2rem;font-size:clamp(1.125rem,1.65vw,1.5rem);font-weight:500;line-height:1.9}.portfolio-site .p-portfolio-about__timeline{--portfolio-timeline-start: .81875rem ;display:grid;gap:2rem;margin-block:0;padding-inline-start:1.25rem;border-inline-start:1px solid var(--portfolio-line);border-image:linear-gradient(180deg,transparent 0 var(--portfolio-timeline-start),var(--intro-line, var(--portfolio-line)) var(--portfolio-timeline-start) 100%) 1;list-style:none}.portfolio-site .p-portfolio-about__timeline>li{position:relative}.portfolio-site .p-portfolio-about__timeline>li:before{content:"";position:absolute;inset-block-start:.6rem;inset-inline-start:-1.5rem;inline-size:.4375rem;block-size:.4375rem;border-radius:50%;background-color:var(--portfolio-accent)}.portfolio-site .p-portfolio-about__period{margin-block-end:.375rem;color:var(--portfolio-muted);font-size:.875rem}.portfolio-site .p-portfolio-about__timeline h4{margin-block-end:.625rem;font-size:1rem;font-weight:500;line-height:1.8}.portfolio-site .p-portfolio-about__strengths{margin-block:2rem;padding-block:1.5rem;border-block:1px solid var(--portfolio-line)}.portfolio-site .p-portfolio-about__strengths h4{margin-block-end:.75rem;font-weight:500}.portfolio-site .p-portfolio-about__strengths ul{margin-block:0;padding-inline-start:1.25rem;list-style:disc}.portfolio-site .p-portfolio-text-link{display:inline-flex;gap:1rem;align-items:center;min-block-size:2.75rem;font-family:var(--portfolio-japanese);font-size:.875rem;line-height:1.8}.portfolio-site .p-portfolio-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;align-items:stretch}.portfolio-site .p-portfolio-project{container-type:inline-size;display:flex;flex-direction:column;overflow:hidden;min-inline-size:0;border:1px solid var(--portfolio-line);border-radius:.75rem;box-shadow:0 .75rem 2rem #0000002e;background-color:var(--portfolio-surface);font-family:var(--portfolio-japanese);font-size:1rem;font-weight:400;line-height:1.9;overflow-wrap:anywhere}.portfolio-site .p-portfolio-project__image{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;background-color:var(--portfolio-surface-raised)}.portfolio-site .p-portfolio-project__image img{display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:top}.portfolio-site .p-portfolio-project__image:has(.p-portfolio-project__image-note){aspect-ratio:16/10}.portfolio-site .p-portfolio-project__image:has(.p-portfolio-project__image-note) img{object-position:center;filter:contrast(1.1) saturate(1.08)}.portfolio-site .p-portfolio-project__image img[src*=project-rally-concept]{object-position:25% center}.portfolio-site .p-portfolio-project__image:has(.p-portfolio-project__image-note) img[src*=-concept-v2]{object-position:center;filter:none}.portfolio-site .p-portfolio-project__image-note{position:absolute;inset-block-end:.75rem;inset-inline-end:.75rem;padding-block:.1875rem;padding-inline:.625rem;border-radius:.25rem;background-color:#030405e6;color:var(--portfolio-ink);font-size:.6875rem}.portfolio-site .p-portfolio-project__content{display:flex;flex:1;flex-direction:column;align-items:start;padding-block:1.5rem;padding-inline:1.5rem}.portfolio-site .p-portfolio-project__category{margin-block-end:.625rem;color:var(--portfolio-muted);font-size:.8125rem;letter-spacing:.04em}.portfolio-site .p-portfolio-project__title{margin-block-end:.75rem;font-size:clamp(1.125rem,1.5vw,1.375rem);font-weight:600;line-height:1.65}.portfolio-site .p-portfolio-project__summary{display:-webkit-box;overflow:hidden;margin-block-end:1rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--portfolio-ink)}.portfolio-site .p-portfolio-project__meta{display:grid;gap:.5rem;margin-block:0 1rem}.portfolio-site .p-portfolio-project__meta>div{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.5rem}.portfolio-site .p-portfolio-project__meta dt{color:var(--portfolio-muted);font-size:.875rem;font-weight:400}.portfolio-site .p-portfolio-project__meta dd{margin-inline-start:0;font-size:.9375rem}.portfolio-site .p-portfolio-project__status{color:var(--portfolio-accent)}.portfolio-site .p-portfolio-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-block:0 1.25rem;padding-inline-start:0;list-style:none}.portfolio-site .p-portfolio-tags>li{padding-block:.1875rem;padding-inline:.625rem;border-radius:.25rem;background-color:var(--portfolio-surface-raised);color:var(--portfolio-accent);font-family:var(--portfolio-font);font-size:.8125rem;line-height:1.7}.portfolio-site .p-portfolio-project__link{display:inline-flex;gap:1rem;justify-content:flex-end;align-items:center;align-self:flex-end;inline-size:fit-content;min-block-size:2.75rem;max-inline-size:100%;margin-block-start:auto;font-size:.875rem;font-weight:500}.portfolio-site .p-portfolio-project a:focus-visible{outline:2px solid var(--portfolio-accent);outline-offset:-3px}@container (min-width: 30rem){.portfolio-site .p-portfolio-project__content{padding-block:1.75rem;padding-inline:1.75rem}}@media not (min-width:48rem){.portfolio-site .p-portfolio-project-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem}}.portfolio-site .p-portfolio-experience__group+.p-portfolio-experience__group{margin-block-start:4rem}.portfolio-site .p-portfolio-experience__heading{max-inline-size:44rem;margin-block-end:2rem;font-family:var(--portfolio-japanese);font-size:1rem;line-height:2}.portfolio-site .p-portfolio-experience__heading h3{margin-block-end:.625rem;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:500;line-height:1.7}.portfolio-site .p-portfolio-experience__period{margin-block-end:1rem;color:var(--portfolio-muted);font-size:.875rem}.portfolio-site .p-portfolio-skills__backdrop{display:none}.portfolio-site .p-portfolio-skills__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:2rem;margin-block:0;padding-inline-start:0;list-style:none}.portfolio-site .p-portfolio-skill{min-inline-size:0;padding-block:1.25rem;padding-inline:1.25rem;border-block-start:1px solid var(--portfolio-line)}.portfolio-site .p-portfolio-skill__category{margin-block-end:.75rem;color:var(--portfolio-muted);font-size:.8125rem;letter-spacing:.06em}.portfolio-site .p-portfolio-skill__heading{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between;align-items:baseline;margin-block-end:.75rem}.portfolio-site .p-portfolio-skill__heading h3{font-size:1.5rem;font-weight:600;line-height:1.4}.portfolio-site .p-portfolio-skill__years{font-family:var(--portfolio-japanese);font-size:1rem;font-weight:500;line-height:1.4}.portfolio-site .p-portfolio-skill__context{margin-block-end:.625rem;color:var(--portfolio-accent);font-family:var(--portfolio-japanese);font-size:.9375rem;font-weight:500}.portfolio-site .p-portfolio-skill__description{color:var(--portfolio-ink);font-family:var(--portfolio-japanese);font-size:clamp(1rem,.94rem + .15vw,1.0625rem);line-height:1.9}.portfolio-site .p-portfolio-skills__additional{margin-block-start:3rem;padding-block:2rem;padding-inline:1.25rem;border-block-start:1px solid var(--portfolio-line);font-family:var(--portfolio-japanese)}.portfolio-site .p-portfolio-skills__additional h3{margin-block-end:1rem;font-size:1.125rem;font-weight:500;line-height:1.8}.portfolio-site .p-portfolio-skills__additional dl{display:grid;gap:1.5rem;font-size:1rem;line-height:1.9}.portfolio-site .p-portfolio-skills__additional dt{margin-block-end:.375rem;font-family:var(--portfolio-font);font-size:1.25rem;font-weight:400}.portfolio-site .p-portfolio-skills__additional dd{margin-inline-start:0}.portfolio-site .p-portfolio-skills__tools{margin-block-start:2rem;color:var(--portfolio-muted);font-size:.875rem;line-height:1.9}.portfolio-site .p-portfolio-project__curtain{position:absolute;inset:0;z-index:4;display:none;background-color:#030405;pointer-events:none}@media(prefers-reduced-motion:no-preference)and (forced-colors:none){.portfolio-site .p-portfolio-project:is([data-portfolio-project-entrance=pending],[data-portfolio-project-entrance=playing]) .p-portfolio-project__curtain{display:block}.portfolio-site .p-portfolio-project:is([data-portfolio-project-entrance=pending],[data-portfolio-project-entrance=playing]) .p-portfolio-project__content>*{opacity:0;transform:translateY(18px)}.portfolio-site .p-portfolio-project[data-portfolio-project-entrance=playing] .p-portfolio-project__curtain,.portfolio-site .p-portfolio-project[data-portfolio-project-entrance=playing] .p-portfolio-project__content>*{will-change:transform,opacity}}@supports (content-visibility: auto){.post-type-archive-works .p-portfolio-project:nth-child(n+3){content-visibility:auto;contain-intrinsic-block-size:auto 42rem}@media not (min-width:48rem){.post-type-archive-works .p-portfolio-project:nth-child(n+2){content-visibility:auto;contain-intrinsic-block-size:auto 42rem}}}@keyframes portfolio-scroll-entry{0%{opacity:0;transform:translateY(72px)}45%{opacity:1}to{opacity:1;transform:none}}@keyframes portfolio-scroll-frame-entry{0%{opacity:0}50%,to{opacity:1}}@keyframes portfolio-scroll-card-entry{0%{opacity:0;transform:translateY(144px) scale(.9)}30%{opacity:1}to{opacity:1;transform:none}}@keyframes portfolio-scroll-image-entry{0%{clip-path:inset(48% 14% 52% 14%);transform:translateY(88px) scale(1.2)}to{clip-path:inset(0);transform:none}}@keyframes portfolio-scroll-tag-entry{0%{opacity:0;transform:translateY(36px) scale(.86)}50%{opacity:1}to{opacity:1;transform:none}}@keyframes portfolio-scroll-title-entry{0%{clip-path:inset(0 0 100% 0);opacity:0;transform:translateY(128px)}25%{opacity:1}to{clip-path:inset(0);opacity:1;transform:none}}@keyframes portfolio-scroll-heading-track{0%,to{opacity:1}}@keyframes portfolio-scroll-heading-entry{0%{opacity:0;transform:translateY(175%) rotate(10deg)}30%{opacity:1}to{opacity:1;transform:none}}.home.portfolio-site :is(.p-portfolio-project,.p-portfolio-contact){overflow:clip}@media(prefers-reduced-motion:no-preference)and (forced-colors:none){.home.portfolio-site [data-portfolio-reveal-kind=card]{transform-origin:center top}.home.portfolio-site [data-portfolio-reveal-kind=heading] .c-heading-letter{display:inline-block;overflow:clip;vertical-align:bottom}.home.portfolio-site [data-portfolio-reveal-kind=heading] .c-heading-letter__glyph{display:inline-block}@supports (animation-timeline: view()) and (animation-range: entry){.home.portfolio-site [data-portfolio-reveal=pending][data-portfolio-reveal-mode=native]{animation:portfolio-scroll-entry auto linear both;animation-timeline:view();animation-range:cover 12% cover 44%}.home.portfolio-site [data-portfolio-reveal=pending][data-portfolio-reveal-mode=native][data-portfolio-reveal-kind=frame]{animation-name:portfolio-scroll-frame-entry;animation-range:entry 0% cover 12%}.home.portfolio-site [data-portfolio-reveal=pending][data-portfolio-reveal-mode=native][data-portfolio-reveal-kind=card]{animation-name:portfolio-scroll-card-entry;animation-range:cover 8% cover 42%}.home.portfolio-site [data-portfolio-reveal=pending][data-portfolio-reveal-mode=native][data-portfolio-reveal-kind=image]{animation-name:portfolio-scroll-image-entry;animation-range:cover 10% cover 54%}.home.portfolio-site [data-portfolio-reveal=pending][data-portfolio-reveal-mode=native][data-portfolio-reveal-kind=tag]{animation-name:portfolio-scroll-tag-entry;animation-range:cover calc(12% + var(--portfolio-tag-start, 0%)) cover calc(38% + var(--portfolio-tag-start, 0%))}.home.portfolio-site [data-portfolio-reveal=pending][data-portfolio-reveal-mode=native][data-portfolio-reveal-kind=tag]:nth-child(4n+2){--portfolio-tag-start: 3%}.home.portfolio-site [data-portfolio-reveal=pending][data-portfolio-reveal-mode=native][data-portfolio-reveal-kind=tag]:nth-child(4n+3){--portfolio-tag-start: 6%}.home.portfolio-site [data-portfolio-reveal=pending][data-portfolio-reveal-mode=native][data-portfolio-reveal-kind=tag]:nth-child(4n+4){--portfolio-tag-start: 9%}.home.portfolio-site [data-portfolio-reveal=pending][data-portfolio-reveal-mode=native][data-portfolio-reveal-kind=title]{animation-name:portfolio-scroll-title-entry;animation-range:cover 12% cover 54%}.home.portfolio-site [data-portfolio-reveal-kind=heading]{view-timeline-name:--portfolio-heading-entry}.home.portfolio-site [data-portfolio-reveal=pending][data-portfolio-reveal-mode=native][data-portfolio-reveal-kind=heading]{animation-name:portfolio-scroll-heading-track;animation-range:cover 12% cover 58%}.home.portfolio-site [data-portfolio-reveal=pending][data-portfolio-reveal-mode=native][data-portfolio-reveal-kind=heading] .c-heading-letter__glyph{animation:portfolio-scroll-heading-entry auto linear both;animation-timeline:--portfolio-heading-entry;animation-range:cover calc(12% + var(--portfolio-letter-start, 0%)) cover calc(40% + var(--portfolio-letter-start, 0%))}.home.portfolio-site [data-portfolio-reveal-kind=heading] .c-heading-letter:nth-child(2){--portfolio-letter-start: 2%}.home.portfolio-site [data-portfolio-reveal-kind=heading] .c-heading-letter:nth-child(3){--portfolio-letter-start: 4%}.home.portfolio-site [data-portfolio-reveal-kind=heading] .c-heading-letter:nth-child(4){--portfolio-letter-start: 6%}.home.portfolio-site [data-portfolio-reveal-kind=heading] .c-heading-letter:nth-child(5){--portfolio-letter-start: 8%}.home.portfolio-site [data-portfolio-reveal-kind=heading] .c-heading-letter:nth-child(6){--portfolio-letter-start: 10%}.home.portfolio-site [data-portfolio-reveal-kind=heading] .c-heading-letter:nth-child(7){--portfolio-letter-start: 12%}.home.portfolio-site [data-portfolio-reveal-kind=heading] .c-heading-letter:nth-child(8){--portfolio-letter-start: 14%}.home.portfolio-site [data-portfolio-reveal-kind=heading] .c-heading-letter:nth-child(9){--portfolio-letter-start: 16%}.home.portfolio-site [data-portfolio-reveal-kind=heading] .c-heading-letter:nth-child(10){--portfolio-letter-start: 18%}.home.portfolio-site [data-portfolio-reveal=pending][data-portfolio-reveal-mode=native][data-portfolio-reveal-range=contact]{animation-range:cover 4% cover 24%}.home.portfolio-site [data-portfolio-reveal=pending][data-portfolio-reveal-mode=native][data-portfolio-reveal-range=contact][data-portfolio-reveal-kind=heading]{animation-range:cover 4% cover 40%}.home.portfolio-site [data-portfolio-reveal=pending][data-portfolio-reveal-mode=native][data-portfolio-reveal-range=contact][data-portfolio-reveal-kind=heading] .c-heading-letter__glyph{animation-range:cover calc(4% + var(--portfolio-letter-start, 0%)) cover calc(24% + var(--portfolio-letter-start, 0%))}.home.portfolio-site [data-portfolio-reveal=pending][data-portfolio-reveal-mode=native][data-portfolio-reveal-range=footer]{animation-range:entry 0% entry 100%}}}.portfolio-site .p-portfolio-scroll-waveform{position:fixed;inset-block-start:50%;inset-inline-end:3px;z-index:6;display:none;flex-direction:column;gap:3px;align-items:center;inline-size:16px;-webkit-user-select:none;user-select:none;pointer-events:none;translate:0 -50%}.portfolio-site .p-portfolio-scroll-waveform__bar{display:block;flex-shrink:0;inline-size:100%;block-size:2px;border-radius:2px;box-shadow:0 0 6px #7dbcff59;background:linear-gradient(90deg,#80b9ff,#fff 48%,#bcddff);opacity:.32;transform:scaleX(.14)}@media(min-width:768px){.portfolio-site .p-portfolio-scroll-waveform{inset-inline-end:8px;inline-size:36px}.portfolio-site .p-portfolio-scroll-waveform__bar{block-size:3px}}@media(prefers-reduced-motion:no-preference)and (forced-colors:none){.portfolio-site .p-portfolio-scroll-waveform{display:flex}.portfolio-site .p-portfolio-scroll-waveform:is([data-portfolio-waveform-state=active],[data-portfolio-waveform-state=settling])>.p-portfolio-scroll-waveform__bar{will-change:transform,opacity}}.portfolio-site :is(.p-portfolio-section__title,.p-portfolio-detail__title,.p-portfolio-detail__body h2)[data-portfolio-heading-motion]{position:relative}.portfolio-site .p-portfolio-heading-motion__layer{position:absolute;inset:0;opacity:0;font:inherit;letter-spacing:inherit;text-transform:inherit;-webkit-user-select:none;user-select:none;pointer-events:none}.portfolio-site .p-portfolio-heading-motion__layer--blue{clip-path:inset(12% 0 46%);color:#8dccff}.portfolio-site .p-portfolio-heading-motion__layer--rose{clip-path:inset(55% 0 12%);color:#ffb8dd}@media(prefers-reduced-motion:no-preference)and (forced-colors:none){.portfolio-site [data-portfolio-heading-motion=playing]>.p-portfolio-heading-motion__layer--blue{animation:portfolio-heading-glitch-blue 1.2s linear both}.portfolio-site [data-portfolio-heading-motion=playing]>.p-portfolio-heading-motion__layer--rose{animation:portfolio-heading-glitch-rose 1.2s linear both}.portfolio-site .p-portfolio-skill:is([data-portfolio-skill-motion=pending],[data-portfolio-skill-motion=queued]){opacity:0;translate:0 2rem}.portfolio-site .p-portfolio-skill[data-portfolio-skill-motion=playing]{animation:portfolio-skill-category-entry .8s cubic-bezier(.16,1,.3,1) both}}@keyframes portfolio-heading-glitch-blue{0%,14%{opacity:.95;translate:-.16em .02em}15%,32%{opacity:.8;translate:.1em -.015em}33%,54%{opacity:.6;translate:-.075em .015em}55%{opacity:.4;translate:.04em 0}to{opacity:0;translate:0}}@keyframes portfolio-heading-glitch-rose{0%,14%{opacity:.85;translate:.14em -.02em}15%,32%{opacity:.7;translate:-.09em .015em}33%,54%{opacity:.5;translate:.065em -.015em}55%{opacity:.3;translate:-.035em 0}to{opacity:0;translate:0}}@keyframes portfolio-skill-category-entry{0%{opacity:0;translate:0 2rem}to{opacity:1;translate:0}}.portfolio-site :is(.p-portfolio-header,.l-main,.p-portfolio-footer) :is(button,input,select,textarea){font-family:var(--portfolio-font)}.portfolio-site .c-portfolio-progress,.portfolio-site .c-portfolio-progress[data-portfolio-dark=true]{--portfolio-progress-light: 1;color:var(--portfolio-accent)}.portfolio-site .c-light-equalizer .c-light{filter:grayscale(1) brightness(1)}.portfolio-site :is(.p-archive__link,.p-news-list__container,.c-search-form__input){background-color:var(--portfolio-surface)}.portfolio-site .p-single--works .p-single__works-technology{background-color:var(--portfolio-surface-raised);color:var(--portfolio-accent)}.portfolio-site :is(.p-works-list__client,.p-works-list__date,.p-works-list__empty){color:var(--portfolio-muted)}.portfolio-site :is(.p-form__input,.p-form__textarea,.c-search-form__input)::placeholder{color:var(--portfolio-muted);opacity:1}@media(any-hover:hover){.portfolio-site :is(.p-form__input,.p-form__select,.p-form__textarea):hover:not(:focus){opacity:1}}.portfolio-site .p-archive--works .p-archive__link{background-color:var(--portfolio-surface)}.portfolio-site .c-pagination{--_pagination-bg: var(--portfolio-surface);--_pagination-text: var(--portfolio-ink);--_pagination-text-hover: var(--portfolio-ink);--_pagination-bg-hover: var(--portfolio-surface-raised);--_pagination-active-bg: var(--portfolio-accent);--_pagination-active-text: var(--portfolio-paper);--_pagination-border: var(--portfolio-line);--_pagination-border-hover: var(--portfolio-accent)}.portfolio-site .p-form{--_form-color-text: var(--portfolio-ink);--_form-color-bg: var(--portfolio-surface);--_form-color-badge-text: var(--portfolio-paper);--_form-color-badge-bg: var(--portfolio-accent);--_form-color-accent: var(--portfolio-accent);--_form-color-border: #576473;--_form-color-primary: var(--portfolio-accent)}.portfolio-site :is(.c-button,.c-button[data-color=black]){border-color:var(--portfolio-line);background-color:var(--portfolio-surface-raised);color:var(--portfolio-ink)}.portfolio-site .c-button:before{border-color:currentcolor}.portfolio-site :is(.c-search-form__button,.p-works-list__filter-btn.is-active,.p-works-list__badge){color:var(--portfolio-paper)}.portfolio-site .p-portfolio-detail__body :is(table,th,td,hr){border-color:var(--portfolio-line)}@media(prefers-reduced-motion:no-preference)and (forced-colors:none){.portfolio-site .p-portfolio-about__timeline[data-timeline-motion]{position:relative;--portfolio-timeline-progress: 0}.portfolio-site .p-portfolio-about__timeline[data-timeline-motion]:before,.portfolio-site .p-portfolio-about__timeline[data-timeline-motion]:after{content:"";position:absolute;inset-block-start:var(--portfolio-timeline-start);pointer-events:none}.portfolio-site .p-portfolio-about__timeline[data-timeline-motion]:before{inset-inline-start:-1.5px;clip-path:inset(0 -2rem -2rem);inline-size:3px;block-size:calc(100% - var(--portfolio-timeline-start));box-shadow:0 0 .375rem #b2e5ffd9,0 0 1.125rem #53a8ffa6;background:linear-gradient(180deg,#77beffb3,#b5e5ff 78%,#fff);transform:scaleY(var(--portfolio-timeline-progress));transform-origin:50% 0}.portfolio-site .p-portfolio-about__timeline[data-timeline-motion]:after{inset-block-start:calc(var(--portfolio-timeline-start) + 1.125rem);inset-inline-start:-.875rem;inline-size:1.75rem;block-size:calc(100% - var(--portfolio-timeline-start));background:radial-gradient(ellipse .1875rem .5rem at 50% calc(100% - 1.125rem),#fff 0,#ecfaff 55%,transparent 100%),radial-gradient(ellipse .625rem 1.125rem at 50% calc(100% - 1.125rem),rgba(197,238,255,.95) 0,rgba(129,207,255,.7) 30%,rgba(81,163,255,.2) 70%,transparent 100%),radial-gradient(ellipse .875rem 2.25rem at 50% calc(100% - 1.125rem),rgba(97,183,255,.65) 0,rgba(68,145,255,.25) 45%,transparent 100%);opacity:clamp(0,var(--portfolio-timeline-progress) * 20,1);transform:translateY(calc((var(--portfolio-timeline-progress) - 1) * 100%))}.portfolio-site .p-portfolio-about__timeline[data-timeline-motion]>li:before{transition:background-color .18s ease,box-shadow .18s ease}.portfolio-site .p-portfolio-about__timeline[data-timeline-motion]>li h4,.portfolio-site .p-portfolio-about__timeline[data-timeline-motion]>li .p-portfolio-about__period{transition:color .18s ease,text-shadow .18s ease}.portfolio-site .p-portfolio-about__timeline>li[data-timeline-state=active]:before{box-shadow:0 0 .25rem .0625rem #effaff,0 0 .875rem .125rem #76c9fff2,0 0 1.75rem #489cff8c;background-color:#fff}.portfolio-site .p-portfolio-about__timeline>li[data-timeline-state=active] h4{color:#e8f7ff;text-shadow:0 0 1rem rgba(115,195,255,.35)}.portfolio-site .p-portfolio-about__timeline>li[data-timeline-state=active] .p-portfolio-about__period{color:#bcdfff}.portfolio-site .p-portfolio-about__timeline>li[data-timeline-state=passed]:before{box-shadow:0 0 .625rem #7ac6ff8c;background-color:#b7e0ff}}@supports (animation-timeline: view()) and (animation-range: cover 1px cover 100%){@media(prefers-reduced-motion:no-preference)and (forced-colors:none){.portfolio-site .p-portfolio-about__timeline[data-timeline-motion=native]{view-timeline-name:--portfolio-about-progress;view-timeline-axis:block;view-timeline-inset:58% 42%}.portfolio-site .p-portfolio-about__timeline[data-timeline-motion=native]:before{animation:portfolio-timeline-line auto linear both;animation-timeline:--portfolio-about-progress;animation-range:cover var(--portfolio-timeline-start) cover 100%}.portfolio-site .p-portfolio-about__timeline[data-timeline-motion=native]:after{animation:portfolio-timeline-head auto linear both;animation-timeline:--portfolio-about-progress;animation-range:cover var(--portfolio-timeline-start) cover 100%}}}@keyframes portfolio-timeline-line{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes portfolio-timeline-head{0%{opacity:0;transform:translateY(-100%)}5%{opacity:1}to{opacity:1;transform:translateY(0)}}.portfolio-site .p-portfolio-detail--work .p-portfolio-detail__meta{margin-block-start:calc(var(--portfolio-heading-gap) + var(--portfolio-heading-cue-size) + var(--portfolio-heading-content-gap))}.portfolio-site .p-portfolio-detail--work .p-portfolio-detail__image{position:relative;margin-block-end:0}.portfolio-site .p-portfolio-detail--work .p-portfolio-detail__image.is-afterglow-visible{overflow:visible}.portfolio-site .p-portfolio-detail--work .p-portfolio-detail__image:after{content:"";position:absolute;inset:0;border:1px solid rgba(144,198,255,.95);box-shadow:0 0 32px #4087ffa6,inset 0 0 16px #4087ff47;opacity:0;pointer-events:none}@media(prefers-reduced-motion:no-preference)and (forced-colors:none){.portfolio-site .p-portfolio-detail--work .p-portfolio-detail__image.is-afterglow-visible:after{animation:portfolio-detail-image-afterglow 6s ease-out both}}@media not (min-width:768px){.portfolio-site .p-portfolio-detail--work .p-portfolio-detail__image:after{box-shadow:0 0 16px #4087ff8c,inset 0 0 8px #4087ff38}}@keyframes portfolio-detail-image-afterglow{0%{opacity:0}22%,36%{opacity:.95}to{opacity:.24}}.portfolio-site .p-portfolio-detail--work .p-portfolio-detail__image-caption{inline-size:min(800px,100%);margin-block:1rem 0;color:var(--portfolio-muted);font-family:var(--portfolio-japanese);font-size:.8125rem;font-weight:400;line-height:1.9}.portfolio-site .p-portfolio-detail--work .p-portfolio-detail__body{margin-block-start:2.5rem;margin-inline:0}.portfolio-site .p-portfolio-detail--work .p-portfolio-detail__body ul{list-style-type:disc}.portfolio-site .p-portfolio-detail--work .p-portfolio-detail__body ol{list-style-type:decimal}body.portfolio-site{--portfolio-font: "Portfolio Jost", "Jost", "Local Noto Sans JP", "Noto Sans JP", sans-serif;--portfolio-japanese: var(--portfolio-font);--base-font-family: var(--portfolio-font);--title-font-family: var(--portfolio-font);--portfolio-paper: #030405;--portfolio-ink: #f5f7fb;--portfolio-muted: #e1e7f0;--portfolio-night: #030405;--portfolio-surface: #0b0e12;--portfolio-surface-raised: #121820;--portfolio-line: #2b333e;--portfolio-accent: #9bc8ff;--portfolio-section-spacing: clamp(5rem, 3.9436619718rem + 4.5070422535vw, 8rem);--portfolio-heading-gap: clamp(.75rem, .661971831rem + .3755868545vw, 1rem);--portfolio-heading-cue-size: clamp(.875rem, .786971831rem + .3755868545vw, 1.125rem);--portfolio-heading-content-gap: clamp(1rem, .6478873239rem + 1.5023474178vw, 2rem);--color-text: var(--portfolio-ink);--color-gray: var(--portfolio-surface-raised);--color-border: var(--portfolio-line);--color-border-gray: var(--portfolio-muted);--color-primary: var(--portfolio-accent);--color-accent: var(--portfolio-accent);color-scheme:dark;background-color:var(--portfolio-paper);color:var(--portfolio-ink);font-family:var(--portfolio-font);font-weight:400;-webkit-font-smoothing:antialiased}body.portfolio-site .l-main{margin-block-start:0}body.portfolio-site a{text-decoration:none;text-underline-offset:.3em}body.portfolio-site :focus-visible{outline:2px solid currentcolor;outline-offset:6px}body.portfolio-site section[id]{scroll-margin-block-start:32px}.portfolio-site .l-portfolio-inner{width:min(1280px,100% - 40px);margin-inline:auto}@media screen and (min-width:768px){.portfolio-site .l-portfolio-inner{width:min(1280px,100% - 96px)}}@media screen and (min-width:1024px){.portfolio-site .l-portfolio-inner{width:min(1280px,100% - 160px)}}.portfolio-site .c-heading-word{display:inline-block;white-space:nowrap}.portfolio-site .c-heading-letter,.portfolio-site .c-heading-letter__glyph{display:inline}.portfolio-site .p-portfolio-hero{--portfolio-night: #030405;position:relative;display:grid;place-items:center;overflow:hidden;min-height:640px;min-height:100svh;padding:140px 20px 104px;background-color:var(--portfolio-night);color:var(--portfolio-ink);isolation:isolate}@media screen and (min-width:768px){.portfolio-site .p-portfolio-hero{padding:140px 48px 116px}}.portfolio-site .p-portfolio-hero__type{position:relative;z-index:1;width:100%;text-align:center}.portfolio-site .p-portfolio-hero__name{display:grid;gap:8px;font-family:var(--portfolio-font);font-size:clamp(2.5rem,.6073943662rem + 8.0751173709vw,7.875rem);font-weight:300;line-height:1.05;letter-spacing:.16em}@media screen and (min-width:768px){.portfolio-site .p-portfolio-hero__name{gap:9px;letter-spacing:.2em}}.portfolio-site .p-portfolio-hero__line{display:block;overflow:hidden;padding-block:.08em}.portfolio-site .p-portfolio-hero__line>span{display:inline-block;padding-inline-start:.16em}@media screen and (min-width:768px){.portfolio-site .p-portfolio-hero__line>span{padding-inline-start:.2em}}.portfolio-site .p-portfolio-hero__label{overflow:hidden;margin-block-start:clamp(2rem,1.9559859155rem + .1877934272vw,2.125rem);font-size:clamp(.8125rem,.724471831rem + .3755868545vw,1.0625rem);font-weight:400;line-height:1.8;letter-spacing:.4em}@media screen and (min-width:768px){.portfolio-site .p-portfolio-hero__label{letter-spacing:.42em}}.portfolio-site .p-portfolio-hero__label>span{display:inline-block;padding-inline-start:.4em}.portfolio-site .p-portfolio-section{padding-block:var(--portfolio-section-spacing)}.portfolio-site .p-portfolio-section__title{margin-block-end:calc(var(--portfolio-heading-gap) + var(--portfolio-heading-cue-size) + var(--portfolio-heading-content-gap));font-family:var(--portfolio-font);font-size:clamp(2rem,1.1197183099rem + 3.7558685446vw,4.5rem);font-weight:400;line-height:1.25;letter-spacing:.15em;text-transform:uppercase}@media screen and (min-width:768px){.portfolio-site .p-portfolio-section__title{letter-spacing:.16em}}.portfolio-site .p-portfolio-section__title:has(+.c-light-cue){margin-block-end:var(--portfolio-heading-gap)}.portfolio-site .p-portfolio-works__list{display:grid;gap:clamp(4rem,3.4718309859rem + 2.2535211268vw,5.5rem)}.portfolio-site .p-portfolio-works__more{display:flex;justify-content:center;margin-block-start:64px}.portfolio-site .p-portfolio-works__more a{display:inline-flex;gap:32px;justify-content:center;align-items:center;min-height:48px;padding-block:8px;font-size:clamp(1.0625rem,.9964788732rem + .2816901408vw,1.25rem);letter-spacing:.04em}.portfolio-site .p-portfolio-works__more a>span[aria-hidden=true]:not(.p-portfolio-link-equalizer){display:inline-block}.portfolio-site .p-portfolio-work{display:grid;gap:24px;min-width:0}@media screen and (min-width:1024px){.portfolio-site .p-portfolio-work{grid-template-columns:minmax(0,2.65fr) minmax(220px,1fr);gap:44px;align-items:center}.portfolio-site .p-portfolio-work:first-child .p-portfolio-work__info{align-self:start;padding-block-start:36px}.portfolio-site .p-portfolio-work:nth-child(2n){grid-template-columns:minmax(220px,1fr) minmax(0,2.65fr)}.portfolio-site .p-portfolio-work:nth-child(2n) .p-portfolio-work__image{grid-column:2;grid-row:1}.portfolio-site .p-portfolio-work:nth-child(2n) .p-portfolio-work__info{grid-column:1;grid-row:1}}.portfolio-site .p-portfolio-work__image{position:relative;display:block;overflow:hidden;aspect-ratio:5/3;background-color:var(--portfolio-surface)}.portfolio-site .p-portfolio-work__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.portfolio-site .p-portfolio-work__info{min-width:0;font-family:var(--portfolio-font);font-weight:400}.portfolio-site .p-portfolio-work__title{font-family:inherit;font-size:clamp(1.75rem,1.3098591549rem + 1.8779342723vw,3rem);font-weight:300;line-height:1.3;letter-spacing:.015em;overflow-wrap:anywhere}.portfolio-site .p-portfolio-work__title a{display:inline-flex;align-items:center;min-height:44px;max-width:100%}.portfolio-site .p-portfolio-work__type{margin-block-start:10px;color:var(--portfolio-muted);font-size:clamp(1.1875rem,1.0774647887rem + .4694835681vw,1.5rem);line-height:1.5;letter-spacing:.025em}.portfolio-site .p-portfolio-work__technology{margin-block-start:12px;color:var(--portfolio-muted);font-size:clamp(.9375rem,.8054577465rem + .5633802817vw,1.3125rem);line-height:1.7;letter-spacing:.01em}.portfolio-site .p-portfolio-work__link{display:inline-flex;gap:16px;align-items:center;min-height:44px;margin-block-start:clamp(1.375rem,1.0669014085rem + 1.3145539906vw,2.25rem);padding-block:6px;font-size:clamp(1.0625rem,.9084507042rem + .6572769953vw,1.5rem);line-height:1.6;letter-spacing:.01em}.portfolio-site .p-portfolio-work__link>span[aria-hidden=true]:not(.p-portfolio-link-equalizer){display:inline-block}.portfolio-site .p-portfolio-work__demo{margin-block-start:12px;color:var(--portfolio-muted);font-family:var(--portfolio-japanese);font-size:clamp(.6875rem,.6654929577rem + .0938967136vw,.75rem);line-height:1.8}.portfolio-site .p-portfolio-about .l-portfolio-inner{position:relative}.portfolio-site .p-portfolio-about .c-light-equalizer{position:absolute;inset-block-start:clamp(6.25rem,5.6338028169rem + 2.6291079812vw,8rem);inset-inline-end:0;inline-size:min(clamp(17.5rem,15.7394366197rem + 7.5117370892vw,22.5rem),max(0px,100% - 45rem - 48px));block-size:clamp(25rem,23.2394366197rem + 7.5117370892vw,30rem)}.portfolio-site .p-portfolio-about__content{display:flex;flex-direction:column;gap:clamp(1.75rem,1.3098591549rem + 1.8779342723vw,3rem);max-inline-size:45rem}.portfolio-site .p-portfolio-about__intro{min-width:0}.portfolio-site .p-portfolio-about__intro h3{font-family:var(--portfolio-japanese);font-size:clamp(1.5rem,1.411971831rem + .3755868545vw,1.75rem);font-weight:400;line-height:1.8;letter-spacing:.08em}.portfolio-site .p-portfolio-about__intro p{margin-block-start:8px;font-size:clamp(.9375rem,.9154929577rem + .0938967136vw,1rem);line-height:1.6;letter-spacing:.08em}.portfolio-site .p-portfolio-about__body{min-width:0;font-family:var(--portfolio-japanese);font-size:clamp(.9375rem,.9154929577rem + .0938967136vw,1rem);font-weight:400;line-height:2.15;letter-spacing:.045em}.portfolio-site .p-portfolio-about__body p+p{margin-block-start:24px}.portfolio-site .p-portfolio-about__interests{margin-block-start:28px;padding-block-start:24px;border-block-start:1px solid var(--portfolio-line);font-family:var(--portfolio-japanese);font-size:clamp(.75rem,.7279929577rem + .0938967136vw,.8125rem);line-height:1.9}.portfolio-site .p-portfolio-about__interests span{margin-inline-end:16px;font-family:var(--portfolio-font);font-size:clamp(.9375rem,.9154929577rem + .0938967136vw,1rem);letter-spacing:.04em}.portfolio-site .p-portfolio-contact{position:relative;overflow:hidden;background-color:var(--portfolio-night);color:var(--portfolio-ink);isolation:isolate}.portfolio-site .p-portfolio-contact .l-portfolio-inner{position:relative;z-index:1}.portfolio-site .p-portfolio-contact__text{max-width:560px;font-family:var(--portfolio-japanese);font-size:clamp(.875rem,.8309859155rem + .1877934272vw,1rem);font-weight:400;line-height:2;letter-spacing:.04em}.portfolio-site .p-portfolio-contact__link{display:inline-flex;gap:24px;align-items:center;min-height:48px;max-width:100%;margin-block-start:40px;padding-block:8px;font-size:clamp(1.5rem,.9718309859rem + 2.2535211268vw,3rem);font-weight:300;line-height:1.4;letter-spacing:.025em;overflow-wrap:anywhere}.portfolio-site .p-portfolio-contact__link>span[aria-hidden=true]:not(.p-portfolio-link-equalizer){display:inline-block}.portfolio-site .p-portfolio-contact__pending{margin-block-start:24px;color:var(--portfolio-muted);font-family:var(--portfolio-japanese);font-size:clamp(.75rem,.7279929577rem + .0938967136vw,.8125rem);line-height:1.9}.portfolio-site .p-portfolio-footer{padding-block:28px;background-color:transparent;color:var(--portfolio-muted);font-size:clamp(.75rem,.7279929577rem + .0938967136vw,.8125rem);line-height:1.8;letter-spacing:.08em}.portfolio-site .p-portfolio-footer .l-portfolio-inner{display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between;align-items:center}.portfolio-site .p-portfolio-footer a{display:inline-flex;align-items:center;min-height:44px}.portfolio-site .p-portfolio-detail{padding-block:var(--portfolio-section-spacing)}.portfolio-site .p-portfolio-detail__breadcrumb{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-block-end:var(--portfolio-heading-content-gap);color:var(--portfolio-muted);font-size:clamp(.8125rem,.7904929577rem + .0938967136vw,.875rem);line-height:1.8}.portfolio-site .p-portfolio-detail__breadcrumb a{display:inline-flex;align-items:center;min-height:44px}.portfolio-site .p-portfolio-detail__title{max-width:960px;font-family:var(--portfolio-font);font-size:clamp(2rem,1.4718309859rem + 2.2535211268vw,3.5rem);font-weight:500;line-height:1.4;letter-spacing:.035em;overflow-wrap:anywhere}.portfolio-site .p-portfolio-detail__subtitle{margin-block-start:var(--portfolio-heading-gap);color:var(--portfolio-muted);font-size:clamp(1.25rem,1.161971831rem + .3755868545vw,1.5rem);line-height:1.6;letter-spacing:.025em}.portfolio-site .p-portfolio-detail__origin{margin-block-start:24px;color:var(--portfolio-muted);font-family:var(--portfolio-japanese);font-size:clamp(.75rem,.7279929577rem + .0938967136vw,.8125rem);font-weight:400;line-height:1.9}.portfolio-site .p-portfolio-detail__meta{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:16px 24px;margin:40px 0;font-size:clamp(.9375rem,.9154929577rem + .0938967136vw,1rem);line-height:1.8}@media screen and (min-width:768px){.portfolio-site .p-portfolio-detail__meta{grid-template-columns:120px minmax(0,1fr);margin-block:48px}}.portfolio-site .p-portfolio-detail__meta dt{color:var(--portfolio-muted);font-weight:500;letter-spacing:.035em}.portfolio-site .p-portfolio-detail__meta dd{margin:0;overflow-wrap:anywhere}.portfolio-site .p-portfolio-detail__meta a{text-decoration:underline}.portfolio-site .p-portfolio-detail__image{overflow:hidden;margin-block:40px 56px;background-color:var(--portfolio-surface)}.portfolio-site .p-portfolio-detail__image img{display:block;width:100%;height:auto;object-fit:contain}.portfolio-site .p-portfolio-detail__body{width:min(48rem,100%);margin-inline:auto;font-family:var(--portfolio-japanese);font-size:clamp(1rem,.94rem + .15vw,1.0625rem);font-weight:400;line-height:2.1;letter-spacing:.035em;text-shadow:0 1px 2px #030405}.portfolio-site .p-portfolio-detail__body>section+section{margin-block-start:48px}.portfolio-site .p-portfolio-detail__body h2{margin-block-end:var(--portfolio-heading-content-gap);font-family:var(--portfolio-font);font-size:clamp(1.75rem,1.661971831rem + .3755868545vw,2rem);font-weight:600;line-height:1.5;letter-spacing:.04em}.portfolio-site .p-portfolio-detail__body h3{margin-block:24px 12px;font-size:clamp(1.125rem,1.0809859155rem + .1877934272vw,1.25rem);font-weight:600}.portfolio-site .p-portfolio-detail__body p+p{margin-block-start:18px}.portfolio-site .p-portfolio-detail__body img{height:auto}.portfolio-site .p-portfolio-detail__body a{text-decoration:underline}.portfolio-site .p-portfolio-detail__body ul,.portfolio-site .p-portfolio-detail__body ol{margin-block:18px;padding-inline-start:1.5em}.portfolio-site .p-portfolio-detail__navigation{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center;margin-block-start:80px;padding-block-start:28px;border-block-start:1px solid var(--portfolio-line);font-size:clamp(1.0625rem,.9964788732rem + .2816901408vw,1.25rem);line-height:1.8}.portfolio-site .p-portfolio-detail__navigation a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.portfolio-site :is(.p-portfolio-header,.p-portfolio-footer){text-shadow:0 1px 3px #030405}.portfolio-site .p-portfolio-gate{display:grid;place-content:center;min-height:65svh;padding-block:80px}.portfolio-site .p-portfolio-gate h1{font-size:clamp(2rem,1.823943662rem + .7511737089vw,2.5rem);font-weight:300;line-height:1.4;letter-spacing:.08em}.portfolio-site .p-portfolio-gate p{margin-block-start:24px;font-family:var(--portfolio-japanese);font-size:clamp(.875rem,.8529929577rem + .0938967136vw,.9375rem);line-height:2}.portfolio-site .p-portfolio-gate a{display:inline-flex;align-items:center;min-height:44px;margin-block-start:24px;text-decoration:underline}@media(prefers-reduced-motion:reduce){.portfolio-site :is(.js-hero-line,.js-work-reveal,.js-fade-up,.c-heading-letter__glyph){opacity:1!important;transform:none!important}}.p-sample{padding-block:calc(60 * var(--to-rem))}@media screen and (min-width:768px){.p-sample{padding-block:calc(80 * var(--to-rem))}}.p-sample__inner{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(16 * var(--to-rem))}@media screen and (min-width:768px){.p-sample__inner{gap:calc(24 * var(--to-rem))}}.p-sample__title{margin-block-start:calc(24 * var(--to-rem))}@media screen and (min-width:768px){.p-sample__title{margin-block-start:calc(32 * var(--to-rem))}}.p-sample__button-wrap{width:min(15rem,100%)}.p-sample__button-wrap>*{width:100%}.p-sample__divider{width:100%;height:1px;max-width:calc(600 * var(--to-rem));margin:0;border:0;background-color:var(--color-gray)}.p-sample__bg{width:100%;height:calc(300 * var(--to-rem));max-width:calc(600 * var(--to-rem));border-radius:8px;background-image:url(../images/bg_sample.webp);background-position:center;background-size:cover;background-repeat:no-repeat}@media screen and (min-width:768px){.p-sample__bg{height:calc(400 * var(--to-rem))}}.p-sample__image{position:relative;overflow:hidden;width:100%;max-width:calc(512 * var(--to-rem));border-radius:8px}.p-sample__image:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:calc(100 * var(--to-rem));background:linear-gradient(to top,var(--color-white),transparent);pointer-events:none}.p-sample__image img{display:block;width:100%;height:auto}.p-sample p{margin:0;color:var(--color-text);font-size:calc(14 * var(--to-rem))}@media screen and (min-width:768px){.p-sample p{font-size:calc(16 * var(--to-rem))}}.p-single{padding-block:calc(40 * var(--to-rem))}@media screen and (min-width:768px){.p-single{padding-block:calc(80 * var(--to-rem))}}.p-single__inner{max-width:calc(var(--inner) + var(--padding-inner) * 2)}.p-single__header{margin-block-start:calc(32 * var(--to-rem))}@media screen and (min-width:768px){.p-single__header{margin-block-start:calc(48 * var(--to-rem))}}.p-single__subtitle{margin-block-end:calc(8 * var(--to-rem));color:var(--color-text);font-size:calc(14 * var(--to-rem));font-weight:var(--fw-medium)}@media screen and (min-width:768px){.p-single__subtitle{margin-block-end:calc(12 * var(--to-rem));font-size:calc(16 * var(--to-rem))}}.p-single__title{margin-block-start:calc(16 * var(--to-rem));color:var(--color-text);font-size:calc(24 * var(--to-rem));font-weight:var(--fw-bold);line-height:1.6}@media screen and (min-width:768px){.p-single__title{margin-block-start:calc(24 * var(--to-rem));font-size:calc(32 * var(--to-rem))}}.p-single__summary{margin-block-start:calc(24 * var(--to-rem));padding-block:calc(16 * var(--to-rem));padding-inline:calc(16 * var(--to-rem));border-radius:8px;background-color:var(--color-gray);color:var(--color-text);font-size:calc(14 * var(--to-rem));line-height:1.8}@media screen and (min-width:768px){.p-single__summary{margin-block-start:calc(32 * var(--to-rem));padding-block:calc(20 * var(--to-rem));padding-inline:calc(24 * var(--to-rem));font-size:calc(16 * var(--to-rem))}}.p-single__meta{display:flex;flex-wrap:wrap;gap:calc(16 * var(--to-rem));align-items:center;margin-block-start:calc(16 * var(--to-rem));color:var(--color-border-gray);font-size:calc(14 * var(--to-rem))}@media screen and (min-width:768px){.p-single__meta{margin-block-start:calc(24 * var(--to-rem))}}.p-single__author{display:inline-block;color:var(--color-text);font-size:calc(14 * var(--to-rem))}@media screen and (min-width:768px){.p-single__author{font-size:calc(16 * var(--to-rem))}}.p-single__date{display:inline-block}.p-single__categories{display:flex;flex-wrap:wrap;gap:calc(8 * var(--to-rem))}.p-single__category{display:inline-block;padding-block:calc(4 * var(--to-rem));padding-inline:calc(12 * var(--to-rem));border-radius:4px;background-color:var(--color-gray);color:var(--color-primary);font-size:calc(12 * var(--to-rem));text-decoration:none;transition:opacity var(--duration)}@media(any-hover:hover){.p-single__category:hover{opacity:.8}}.p-single__thumbnail{overflow:hidden;margin-block-start:calc(32 * var(--to-rem));border-radius:8px}@media screen and (min-width:768px){.p-single__thumbnail{margin-block-start:calc(48 * var(--to-rem))}}.p-single__thumbnail img{display:block;width:100%;height:auto;border-radius:8px;object-fit:cover;transition:scale .3s ease}@media screen and (min-width:768px){.p-single__thumbnail img{border-radius:12px}}.p-single__featured-image{overflow:hidden;margin-block-start:calc(32 * var(--to-rem));border-radius:8px}@media screen and (min-width:768px){.p-single__featured-image{margin-block-start:calc(48 * var(--to-rem))}}.p-single__featured-image img{display:block;width:100%;height:auto;border-radius:8px;object-fit:cover}@media screen and (min-width:768px){.p-single__featured-image img{border-radius:12px}}.p-single__content{margin-block-start:calc(48 * var(--to-rem))}@media screen and (min-width:768px){.p-single__content{margin-block-start:calc(64 * var(--to-rem))}}.p-single__content h1,.p-single h1:not(.p-single__title){margin-block-start:calc(48 * var(--to-rem));padding-block-end:calc(16 * var(--to-rem));border-bottom:calc(2 * var(--to-rem)) solid var(--color-gray);color:var(--color-text);font-size:calc(28 * var(--to-rem));font-weight:var(--fw-bold);line-height:1.6}@media screen and (min-width:768px){.p-single__content h1,.p-single h1:not(.p-single__title){margin-block-start:calc(64 * var(--to-rem));font-size:calc(36 * var(--to-rem))}}.p-single__content h2,.p-single h2{margin-block-start:calc(40 * var(--to-rem));padding-block-start:calc(16 * var(--to-rem));padding-inline-start:calc(16 * var(--to-rem));border-inline-start:calc(4 * var(--to-rem)) solid var(--color-accent);color:var(--color-text);font-size:calc(24 * var(--to-rem));font-weight:var(--fw-bold);line-height:1.6}@media screen and (min-width:768px){.p-single__content h2,.p-single h2{margin-block-start:calc(56 * var(--to-rem));padding-inline-start:calc(20 * var(--to-rem));font-size:calc(28 * var(--to-rem))}}.p-single__content h3,.p-single h3{margin-block-start:calc(32 * var(--to-rem));color:var(--color-text);font-size:calc(20 * var(--to-rem));font-weight:var(--fw-bold);line-height:1.6}@media screen and (min-width:768px){.p-single__content h3,.p-single h3{margin-block-start:calc(40 * var(--to-rem));font-size:calc(24 * var(--to-rem))}}.p-single__content h4,.p-single h4{margin-block-start:calc(24 * var(--to-rem));color:var(--color-text);font-size:calc(18 * var(--to-rem));font-weight:var(--fw-bold);line-height:1.6}@media screen and (min-width:768px){.p-single__content h4,.p-single h4{margin-block-start:calc(32 * var(--to-rem));font-size:calc(20 * var(--to-rem))}}.p-single__content p,.p-single p{margin-block-start:calc(16 * var(--to-rem));color:var(--color-text);line-height:1.8}@media screen and (min-width:768px){.p-single__content p,.p-single p{margin-block-start:calc(20 * var(--to-rem))}}.p-single__content ul,.p-single__content ol,.p-single ul,.p-single ol{margin-block-start:calc(16 * var(--to-rem));padding-inline-start:calc(24 * var(--to-rem));color:var(--color-text);line-height:1.8}@media screen and (min-width:768px){.p-single__content ul,.p-single__content ol,.p-single ul,.p-single ol{margin-block-start:calc(20 * var(--to-rem));padding-inline-start:calc(32 * var(--to-rem))}}.p-single__content ul,.p-single ul{list-style-type:disc}.p-single__content ol,.p-single ol{list-style-type:decimal}.p-single__content li,.p-single li{margin-block-start:calc(8 * var(--to-rem));line-height:1.8}.p-single__content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:calc(2 * var(--to-rem));transition:opacity var(--duration)}@media(any-hover:hover){.p-single__content a:hover{opacity:.8}}.p-single__content img{display:block;height:auto;max-width:100%;margin-block-start:calc(24 * var(--to-rem));border-radius:8px}@media screen and (min-width:768px){.p-single__content img{margin-block-start:calc(32 * var(--to-rem))}}.p-single__content blockquote,.p-single blockquote{margin-block-start:calc(24 * var(--to-rem));padding-block:calc(16 * var(--to-rem));padding-inline:calc(24 * var(--to-rem));border-inline-start:calc(4 * var(--to-rem)) solid var(--color-accent);border-radius:4px;background-color:var(--color-gray);color:var(--color-text);font-style:italic}@media screen and (min-width:768px){.p-single__content blockquote,.p-single blockquote{margin-block-start:calc(32 * var(--to-rem));padding-block:calc(20 * var(--to-rem));padding-inline:calc(32 * var(--to-rem))}}.p-single__content blockquote p,.p-single blockquote p{margin-block-start:0}.p-single__content code,.p-single code{padding-block:calc(2 * var(--to-rem));padding-inline:calc(6 * var(--to-rem));border-radius:4px;background-color:var(--color-gray);color:var(--color-primary);font-family:monospace;font-size:calc(14 * var(--to-rem))}.p-single__content pre,.p-single pre{overflow-x:auto;margin-block-start:calc(24 * var(--to-rem));padding-block:calc(16 * var(--to-rem));padding-inline:calc(16 * var(--to-rem));border-radius:8px;background-color:var(--color-gray);color:var(--color-text);font-family:monospace;font-size:calc(14 * var(--to-rem));line-height:1.6}@media screen and (min-width:768px){.p-single__content pre,.p-single pre{padding-block:calc(24 * var(--to-rem));padding-inline:calc(24 * var(--to-rem))}}.p-single__content pre code,.p-single pre code{padding-block:0;padding-inline:0;background-color:transparent}.p-single__content table,.p-single table{width:100%;margin-block-start:calc(24 * var(--to-rem));border:calc(1 * var(--to-rem)) solid var(--color-border-gray);border-collapse:collapse}@media screen and (min-width:768px){.p-single__content table,.p-single table{margin-block-start:calc(32 * var(--to-rem))}}.p-single__content th,.p-single__content td,.p-single th,.p-single td{padding-block:calc(12 * var(--to-rem));padding-inline:calc(16 * var(--to-rem));border:calc(1 * var(--to-rem)) solid var(--color-border-gray);line-height:1.6;text-align:start}@media screen and (min-width:768px){.p-single__content th,.p-single__content td,.p-single th,.p-single td{padding-block:calc(16 * var(--to-rem));padding-inline:calc(20 * var(--to-rem))}}.p-single__content th,.p-single th{background-color:var(--color-gray);color:var(--color-text);font-weight:var(--fw-bold)}.p-single__content td,.p-single td{color:var(--color-text)}.p-single__content hr,.p-single hr{margin-block-start:calc(32 * var(--to-rem));border:none;border-top:calc(1 * var(--to-rem)) solid var(--color-border-gray)}@media screen and (min-width:768px){.p-single__content hr,.p-single hr{margin-block-start:calc(48 * var(--to-rem))}}.p-single__content strong,.p-single strong{color:var(--color-text);font-weight:var(--fw-bold)}.p-single__content em,.p-single em{font-style:italic}.p-single__tags{display:flex;flex-wrap:wrap;gap:calc(8 * var(--to-rem));margin-block-start:calc(48 * var(--to-rem));padding-block:calc(24 * var(--to-rem));border-top:calc(1 * var(--to-rem)) solid var(--color-border-gray)}@media screen and (min-width:768px){.p-single__tags{margin-block-start:calc(64 * var(--to-rem));padding-block:calc(32 * var(--to-rem))}}.p-single__tag{display:inline-block;padding-block:calc(4 * var(--to-rem));padding-inline:calc(12 * var(--to-rem));border-radius:4px;background-color:var(--color-gray);color:var(--color-accent);font-size:calc(12 * var(--to-rem));text-decoration:none;transition:opacity var(--duration)}@media screen and (min-width:768px){.p-single__tag{font-size:calc(14 * var(--to-rem))}}@media(any-hover:hover){.p-single__tag:hover{opacity:.8}}.p-single__tag--custom{color:var(--color-text);cursor:default}.p-single__navigation{display:grid;gap:calc(16 * var(--to-rem));margin-block-start:calc(48 * var(--to-rem));padding-block-start:calc(32 * var(--to-rem));border-top:calc(1 * var(--to-rem)) solid var(--color-border-gray)}@media screen and (min-width:768px){.p-single__navigation{grid-template-columns:repeat(2,1fr);gap:calc(24 * var(--to-rem));margin-block-start:calc(64 * var(--to-rem));padding-block-start:calc(48 * var(--to-rem))}}.p-single__nav-item{display:flex;flex-direction:column}@media screen and (min-width:768px){.p-single__nav-item--prev{text-align:start}}@media screen and (min-width:768px){.p-single__nav-item--next{text-align:end}}.p-single__nav-link{display:block;padding-block:calc(16 * var(--to-rem));padding-inline:calc(16 * var(--to-rem));border-radius:8px;background-color:var(--color-gray);color:var(--color-text);text-decoration:none;transition:opacity var(--duration)}@media screen and (min-width:768px){.p-single__nav-link{padding-block:calc(20 * var(--to-rem));padding-inline:calc(20 * var(--to-rem))}}@media(any-hover:hover){.p-single__nav-link:hover{opacity:.8}}.p-single__nav-label{display:block;margin-block-start:calc(8 * var(--to-rem));color:var(--color-border-gray);font-size:calc(12 * var(--to-rem))}.p-single__nav-title{display:block;color:var(--color-text);font-size:calc(14 * var(--to-rem));font-weight:var(--fw-medium);line-height:1.6}@media screen and (min-width:768px){.p-single__nav-title{font-size:calc(16 * var(--to-rem))}}.p-single--works .p-single__works-info{display:grid;gap:calc(24 * var(--to-rem));margin-block-start:calc(32 * var(--to-rem));padding-block:calc(24 * var(--to-rem));padding-inline:calc(24 * var(--to-rem));border-radius:8px;background-color:var(--color-gray)}@media screen and (min-width:768px){.p-single--works .p-single__works-info{gap:calc(32 * var(--to-rem));margin-block-start:calc(48 * var(--to-rem));padding-block:calc(32 * var(--to-rem));padding-inline:calc(32 * var(--to-rem))}}.p-single--works .p-single__works-item{display:flex;flex-direction:column;gap:calc(8 * var(--to-rem))}@media screen and (min-width:768px){.p-single--works .p-single__works-item{flex-direction:row;align-items:center}}.p-single--works .p-single__works-label{min-width:calc(120 * var(--to-rem));color:var(--color-text);font-size:calc(14 * var(--to-rem));font-weight:var(--fw-medium)}@media screen and (min-width:768px){.p-single--works .p-single__works-label{font-size:calc(16 * var(--to-rem))}}.p-single--works .p-single__works-value{color:var(--color-text);font-size:calc(14 * var(--to-rem))}@media screen and (min-width:768px){.p-single--works .p-single__works-value{font-size:calc(16 * var(--to-rem))}}.p-single--works .p-single__works-technologies{display:flex;flex-wrap:wrap;gap:calc(8 * var(--to-rem))}.p-single--works .p-single__works-technology{display:inline-block;padding:calc(4 * var(--to-rem)) calc(12 * var(--to-rem));border-radius:4px;background-color:var(--color-white);color:var(--color-text);font-size:calc(12 * var(--to-rem))}.p-single--works .p-single__works-url{color:var(--color-accent);font-size:calc(14 * var(--to-rem));text-decoration:underline;text-underline-offset:calc(2 * var(--to-rem));transition:opacity var(--duration)}@media screen and (min-width:768px){.p-single--works .p-single__works-url{font-size:calc(16 * var(--to-rem))}}@media(any-hover:hover){.p-single--works .p-single__works-url:hover{opacity:.8}}.p-single--works .p-single__gallery{margin-block-start:calc(48 * var(--to-rem))}@media screen and (min-width:768px){.p-single--works .p-single__gallery{margin-block-start:calc(64 * var(--to-rem))}}.p-single--works .p-single__gallery-title{margin-block-end:calc(24 * var(--to-rem));color:var(--color-text);font-size:calc(20 * var(--to-rem));font-weight:var(--fw-bold)}@media screen and (min-width:768px){.p-single--works .p-single__gallery-title{margin-block-end:calc(32 * var(--to-rem));font-size:calc(24 * var(--to-rem))}}.p-single--works .p-single__gallery-list{display:grid;gap:calc(16 * var(--to-rem))}@media screen and (min-width:768px){.p-single--works .p-single__gallery-list{grid-template-columns:repeat(2,1fr);gap:calc(24 * var(--to-rem))}}.p-single--works .p-single__gallery-item{overflow:hidden;border-radius:8px;background-color:var(--color-gray)}.p-single--works .p-single__gallery-item img{display:block;width:100%;height:auto;object-fit:cover}.p-single--post .p-single__related{margin-block-start:calc(48 * var(--to-rem));padding-block-start:calc(32 * var(--to-rem));border-top:calc(1 * var(--to-rem)) solid var(--color-border-gray)}@media screen and (min-width:768px){.p-single--post .p-single__related{margin-block-start:calc(64 * var(--to-rem));padding-block-start:calc(48 * var(--to-rem))}}.p-single--post .p-single__related-title{margin-block-end:calc(24 * var(--to-rem));color:var(--color-text);font-size:calc(20 * var(--to-rem));font-weight:var(--fw-bold)}@media screen and (min-width:768px){.p-single--post .p-single__related-title{margin-block-end:calc(32 * var(--to-rem));font-size:calc(24 * var(--to-rem))}}.p-single--post .p-single__related-list{display:grid;gap:calc(16 * var(--to-rem))}@media screen and (min-width:600px){.p-single--post .p-single__related-list{grid-template-columns:repeat(2,1fr);gap:calc(24 * var(--to-rem))}}@media screen and (min-width:1024px){.p-single--post .p-single__related-list{grid-template-columns:repeat(3,1fr)}}.p-single--post .p-single__related-link{display:grid;gap:calc(12 * var(--to-rem));text-decoration:none;transition:opacity var(--duration)}@media screen and (min-width:600px){.p-single--post .p-single__related-link{grid-template-columns:calc(120 * var(--to-rem)) 1fr;align-items:start}}@media(any-hover:hover){.p-single--post .p-single__related-link:hover{opacity:.7}}.p-single--post .p-single__related-thumbnail{overflow:hidden;width:100%;aspect-ratio:16/9;border-radius:8px;background-color:var(--color-gray)}@media screen and (min-width:600px){.p-single--post .p-single__related-thumbnail{aspect-ratio:4/3}}.p-single--post .p-single__related-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.p-single--post .p-single__related-content{display:flex;flex-direction:column;gap:calc(8 * var(--to-rem))}.p-single--post .p-single__related-date{color:var(--color-text);font-size:calc(12 * var(--to-rem))}@media screen and (min-width:768px){.p-single--post .p-single__related-date{font-size:calc(14 * var(--to-rem))}}.p-single--post .p-single__related-item-title{margin:0;color:var(--color-text);font-size:calc(14 * var(--to-rem));font-weight:var(--fw-medium);line-height:1.6}@media screen and (min-width:768px){.p-single--post .p-single__related-item-title{font-size:calc(16 * var(--to-rem))}}.p-works-list{padding-block:calc(48 * var(--to-rem)) calc(32 * var(--to-rem))}@media screen and (min-width:768px){.p-works-list{padding-block:calc(40 * var(--to-rem)) calc(60 * var(--to-rem))}}.p-works-list__filter{display:flex;flex-wrap:wrap;gap:calc(8 * var(--to-rem));margin-block-start:calc(32 * var(--to-rem))}@media screen and (min-width:768px){.p-works-list__filter{gap:calc(12 * var(--to-rem))}}.p-works-list__filter-btn{padding:calc(10 * var(--to-rem)) calc(20 * var(--to-rem));border:1px solid var(--color-border);border-radius:8px;background-color:transparent;color:var(--color-text);font-family:inherit;font-size:calc(14 * var(--to-rem));font-weight:var(--fw-medium);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}@media screen and (min-width:768px){.p-works-list__filter-btn{padding:calc(10 * var(--to-rem)) calc(24 * var(--to-rem));font-size:calc(15 * var(--to-rem))}}@media(any-hover:hover){.p-works-list__filter-btn:hover:not(.is-active){border-color:var(--color-border);background-color:var(--color-gray)}}.p-works-list__filter-btn.is-active{border-color:var(--color-accent);background-color:var(--color-accent);color:var(--color-white)}.p-works-list__grid{--_card-widht: calc(320 * var(--to-rem));display:grid;gap:calc(24 * var(--to-rem));margin-block-start:calc(24 * var(--to-rem))}@media screen and (min-width:768px){.p-works-list__grid{grid-template-columns:repeat(auto-fill,minmax(min(var(--_card-widht),100%),1fr));gap:calc(32 * var(--to-rem));margin-block-start:calc(32 * var(--to-rem))}}.p-works-list__card{overflow:hidden;border-radius:12px;box-shadow:0 1px 3px #0000001a}@media(any-hover:hover){.p-works-list__card:hover .p-works-list__thumbnail img{scale:1.05}}.p-works-list__link{display:grid;grid-template-rows:minmax(0,1fr)}.p-works-list__thumbnail{position:relative;overflow:hidden;aspect-ratio:16/9}.p-works-list__thumbnail img{transition:scale .4s ease}.p-works-list__badge{position:absolute;top:calc(12 * var(--to-rem));left:calc(12 * var(--to-rem));padding:calc(6 * var(--to-rem)) calc(12 * var(--to-rem));border-radius:4px;background-color:var(--color-accent);color:var(--color-white);font-size:calc(12 * var(--to-rem));font-weight:var(--fw-medium)}.p-works-list__content{display:grid;grid-template-rows:minmax(0,1fr);gap:calc(8 * var(--to-rem));padding:calc(20 * var(--to-rem))}.p-works-list__card-title{color:var(--color-text);font-size:calc(16 * var(--to-rem));font-weight:var(--fw-bold);line-height:1.5}@media screen and (min-width:768px){.p-works-list__card-title{font-size:calc(18 * var(--to-rem))}}.p-works-list__client{color:oklch(from var(--color-text) l c h/70%);font-size:calc(12 * var(--to-rem))}@media screen and (min-width:768px){.p-works-list__client{font-size:calc(13 * var(--to-rem))}}.p-works-list__date{color:oklch(from var(--color-text) l c h/70%);font-size:calc(12 * var(--to-rem))}.p-works-list__empty{padding-block:calc(60 * var(--to-rem));color:oklch(from var(--color-text) l c h/70%);font-size:calc(16 * var(--to-rem));text-align:center}@media screen and (min-width:768px){.p-works-list__empty{padding-block:calc(80 * var(--to-rem));font-size:calc(18 * var(--to-rem))}}:root{--clip-triangle-top: polygon(50% 0, 100% 100%, 0 100%);--clip-triangle-bottom: polygon(0 0, 100% 0, 50% 100%);--clip-triangle-right: polygon(0 0, 100% 50%, 0 100%);--clip-triangle-left: polygon(0 50%, 100% 0, 100% 100%);--clip-triangle-lower-left: polygon(0 0, 100% 100%, 0 100%);--clip-triangle-upper-left: polygon(0 0, 100% 0, 0 100%);--clip-triangle-lower-right: polygon(100% 0, 100% 100%, 0 100%);--clip-triangle-upper-right: polygon(0 0, 100% 0, 100% 100%)}@media(max-width:767px){[data-only-device=md]{display:none}}@media(min-width:768px){[data-only-device=sm]{display:none}}.u-sr-only{position:absolute;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(100%);width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap}.u-text__marker{background:linear-gradient(transparent 75%,var(--color-orange) 75%)}.u-text__inline-block{display:inline-block}.u-text__indent{padding-inline-start:1em;text-indent:-1em}