:root{--white:#fff;--accent:#ff4b44;--muted:#5d6b7e}*,:before,:after{box-sizing:border-box;font-synthesis:none}html,body{background:var(--white);width:100%;min-width:320px;min-height:100%;margin:0}body{font-family:var(--font-kaze-content), sans-serif;color:var(--accent);-webkit-font-smoothing:antialiased;font-weight:600}::selection{color:var(--white);background:var(--accent)}a{color:inherit;text-decoration:none}button{color:inherit;font-family:inherit}img{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;max-width:100%;display:block}.player-page{isolation:isolate;background:var(--white);width:100%;height:100dvh;position:relative;overflow:hidden}.site-header{z-index:20;height:72px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 8.2vw;display:flex;position:absolute;top:0;left:0;right:0}.primary-nav{align-items:center;gap:40px;animation:.7s ease-out .16s both header-fade-in;display:flex;position:absolute;left:50%;transform:translate(-50%)}.brand{aspect-ratio:1;flex:none;place-items:center;width:48px;transition:transform .18s;animation:.65s ease-out 80ms both header-fade-in;display:grid}.brand img{width:100%;height:100%}.primary-nav a{font-family:var(--font-kaze-narrow-bold), sans-serif;text-transform:uppercase;white-space:nowrap;padding:10px 0;font-size:24px;font-weight:700;line-height:1;position:relative}.primary-nav a:after{content:"";background:var(--accent);transform-origin:100%;height:2px;transition:transform .18s;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.header-actions,.social-links{align-items:center;display:flex}.header-actions{gap:16px;animation:.7s ease-out .24s both header-fade-in}.social-links{gap:28px}.social-links a{opacity:.96;touch-action:manipulation;place-items:center;width:25px;height:25px;transition:opacity .16s,transform .16s;display:grid}.social-links{--social-icon-size:25px}.social-links svg{width:var(--social-icon-size);height:var(--social-icon-size);-webkit-user-select:none;user-select:none;flex:none;display:block}.social-links .social-links__youtube svg{width:auto;height:calc(var(--social-icon-size) * .84);aspect-ratio:24/16.9}.hero{position:absolute;inset:0;overflow:hidden}.hero__wordmark{--wordmark-opacity:.12;--wordmark-rotation:-3deg;z-index:1;pointer-events:none;width:min(118vw,2200px);opacity:var(--wordmark-opacity);transform:translate(-50%, -50%) rotate(var(--wordmark-rotation));transform-origin:50%;animation:1.2s cubic-bezier(.22,1,.36,1) both wordmark-reveal;position:absolute;top:43%;left:52%}.hero__wordmark img{width:100%;height:auto;animation:10s ease-in-out 1.2s infinite alternate wordmark-drift}.hero__portrait{z-index:4;aspect-ratio:1;pointer-events:none;width:min(108vh,51vw,820px);animation:.95s cubic-bezier(.22,1,.36,1) .12s both portrait-reveal;position:absolute;bottom:-7dvh;right:11vw}.hero__portrait picture,.hero__portrait img{width:100%;height:100%}.hero__portrait img{object-fit:contain}.identity{z-index:6;color:var(--accent);text-transform:uppercase;flex-direction:column;align-items:start;gap:8px;display:flex;position:absolute;bottom:12.2dvh;left:8.2vw}.identity p,.identity h1{margin:0;animation:.68s cubic-bezier(.22,1,.36,1) both identity-line-reveal}.identity__family-name{animation-delay:.26s}.identity__given-name{animation-delay:.37s}.identity__role{animation-delay:.5s}.identity__family-name{font-family:var(--font-kaze-narrow-bold-italic), sans-serif;letter-spacing:-.01em;font-size:28px;font-style:italic;font-weight:700;line-height:1.2}.identity__given-name{font-family:var(--font-kaze-narrow-bold-italic), sans-serif;letter-spacing:-.006em;font-size:96px;font-style:italic;font-weight:700;line-height:1}.identity__role{color:var(--accent);font-family:var(--font-kaze-narrow-bold-italic), sans-serif;letter-spacing:.06em;align-items:center;gap:8px;font-size:24px;font-style:italic;font-weight:700;line-height:1.2;display:flex}.identity__role:before{background:var(--accent);content:"";flex:none;width:18px;height:2px}.primary-nav a[aria-current=page]:after{transform:scaleX(1)}.brand:focus-visible,.primary-nav a:focus-visible,.social-links a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media (hover:hover) and (pointer:fine){.brand:hover{transform:scale(1.06)}.social-links a:hover{opacity:.72;transform:translateY(-2px)}.primary-nav a:hover:after{transform-origin:0;transform:scaleX(1)}}@keyframes header-fade-in{0%{opacity:0}to{opacity:1}}@keyframes wordmark-reveal{0%{opacity:0;transform:translate(-50%, -47%) rotate(var(--wordmark-rotation)) scale(.94)}to{opacity:var(--wordmark-opacity);transform:translate(-50%, -50%) rotate(var(--wordmark-rotation)) scale(1)}}@keyframes wordmark-drift{0%{transform:translate(-.45%)scale(1.005)}to{transform:translate(.45%)scale(1.02)}}@keyframes portrait-reveal{0%{opacity:0;transform:translate(36px,48px)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes identity-line-reveal{0%{opacity:0;transform:translateY(18px)skew(-4deg)}to{opacity:1;transform:translate(0,0)skew(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.not-found{text-align:center;flex-direction:column;align-items:center;display:flex}.not-found__code,.not-found__title,.not-found__text,.not-found__link{animation:.68s cubic-bezier(.22,1,.36,1) both identity-line-reveal}.not-found__code{color:var(--accent);font-family:var(--font-kaze-narrow-bold-italic), sans-serif;letter-spacing:-.01em;margin:0;padding-right:.06em;font-size:clamp(140px,min(18vw,30vh),280px);font-style:italic;font-weight:700;line-height:.82;animation-delay:.26s}.not-found__title{color:#16181d;font-family:var(--font-kaze-narrow-bold), sans-serif;letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;margin:clamp(18px,3.4vh,36px) 0 0;font-size:clamp(30px,min(3.6vw,5.6vh),54px);font-weight:700;line-height:1;animation-delay:.37s}.not-found__text{max-width:24em;color:var(--muted);text-wrap:pretty;margin:clamp(12px,2vh,20px) 0 0;font-size:clamp(16px,2.4vh,20px);font-weight:400;line-height:1.55;animation-delay:.45s}.not-found__link{color:var(--accent);font-family:var(--font-kaze-narrow-bold), sans-serif;letter-spacing:.02em;text-transform:uppercase;border-bottom:2px solid;align-items:center;gap:.32em;margin-top:clamp(24px,4.6vh,48px);padding-bottom:.1em;font-size:clamp(20px,min(2.2vw,3.4vh),28px);font-weight:700;line-height:1.1;transition:color .2s;animation-delay:.54s;display:inline-flex}.not-found__arrow{flex:none;width:.82em;height:.82em;transition:transform .2s}.not-found__link:focus-visible{outline:2px solid var(--accent);outline-offset:6px}@media (hover:hover) and (pointer:fine){.not-found__link:hover{color:#16181d}.not-found__link:hover .not-found__arrow{transform:translate(4px)}}.player-page--subpage{--subpage-space:clamp(28px, 6.5vh, 72px)}.page-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.subpage{z-index:2;gap:var(--subpage-space);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:72px 8.2vw 64px;animation:.7s ease-out .2s both header-fade-in;display:flex;position:relative}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.about-intro{color:#3b4250;text-align:center;text-wrap:pretty;max-width:30em;margin:0;font-size:clamp(18px,min(3.6vh,2vw),30px);font-weight:400;line-height:1.55}.about-motto{margin:clamp(8px,3vh,32px) 0 0}.about-motto blockquote{margin:0}.about-motto p{color:var(--accent);font-family:var(--font-kaze-narrow-bold-italic), sans-serif;letter-spacing:.01em;text-transform:uppercase;align-items:center;gap:.4em;margin:0;font-size:clamp(36px,min(4.8vw,9vh),80px);font-style:italic;font-weight:700;line-height:1;display:flex}.about-motto p:before,.about-motto p:after{background:var(--accent);content:"";flex:none;width:.55em;height:max(2px,.04em)}.contact{text-align:center;flex-direction:column;align-items:center;gap:clamp(20px,4vh,40px);width:min(100%,1200px);display:flex}.contact-headline{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:clamp(17px,2.4vh + 2px,22px);font-weight:600;line-height:1.3}.contact-email{color:#16181d;font-family:var(--font-kaze-narrow-bold), sans-serif;letter-spacing:.005em;text-transform:uppercase;border-bottom:max(3px,.05em) solid;padding-bottom:.04em;font-size:clamp(44px,min(8.4vw,13vh),132px);font-weight:700;line-height:1;transition:color .2s}.contact-email:focus-visible{outline:2px solid var(--accent);outline-offset:6px}@media (hover:hover) and (pointer:fine){.contact-email:hover{color:var(--accent)}}.contact-timezone{color:var(--muted);text-align:center;margin:0;font-size:clamp(16px,2.8vh,21px);font-weight:500;line-height:1.4}.contact-timezone__label{color:var(--accent);font-weight:600}.contact-timezone__dot{margin:0 .5em}.contact-timezone time{color:#3b4250;font-variant-numeric:tabular-nums;font-weight:600}.work-section{flex-direction:column;gap:clamp(20px,4vh,44px);width:min(100%,1440px);display:flex}.work-heading{border-bottom:2px solid var(--accent);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px 32px;padding-bottom:clamp(12px,2vh,20px);display:flex}.work-title{color:var(--accent);font-family:var(--font-kaze-narrow-bold), sans-serif;letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:clamp(30px,min(3.4vw,5.2vh),48px);font-weight:700;line-height:1}.work-range{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:clamp(14px,2vh,17px);font-weight:600}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,56px);margin:0;padding:0;list-style:none;display:grid}.project{flex-direction:column;min-width:0;display:flex;position:relative}.project__cover{-webkit-user-select:none;user-select:none;background:#f3f4f6;border-radius:14px;height:clamp(140px,30vh,300px);overflow:hidden}.project__cover svg{width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1);display:block}.cover__figure{font-family:var(--font-kaze-narrow-bold), sans-serif}.cover__float{transition:transform .5s cubic-bezier(.22,1,.36,1)}.project__meta{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;gap:0 .9em;margin:clamp(14px,2.2vh,22px) 0 0;font-size:clamp(13px,1.8vh,15px);font-weight:600;line-height:1.4;display:flex}.project__meta span:nth-child(2):before{content:"·";margin-right:.9em}.project__meta span:nth-child(3){margin-left:auto}.project__number{color:var(--accent)}.project__name{color:#16181d;font-family:var(--font-kaze-narrow-bold), sans-serif;letter-spacing:.01em;text-transform:uppercase;margin:clamp(4px,.8vh,8px) 0 0;font-size:clamp(28px,min(4.6vh,2.6vw),44px);font-weight:700;line-height:1.05}.project__link{color:inherit;align-items:center;gap:.2em;transition:color .2s;display:inline-flex}.project__link:after{content:"";position:absolute;inset:0}.project__link:focus-visible{outline:none}.project__arrow{width:.7em;height:.7em;color:var(--accent);opacity:0;flex:none;transition:opacity .2s,transform .2s;transform:translate(-.2em,.2em)}.project__description{color:var(--muted);margin:clamp(6px,1vh,10px) 0 0;font-size:clamp(15px,min(2.2vh,1.15vw),18px);font-weight:400;line-height:1.5}.project__stack{flex-wrap:wrap;gap:8px;margin:auto 0 0;padding:clamp(12px,1.8vh,18px) 0 0;list-style:none;display:flex}.project__stack li{color:#3b4250;letter-spacing:.02em;white-space:nowrap;border:1.5px solid #d7dbe2;border-radius:999px;padding:5px 10px 4px;font-size:13px;font-weight:600;line-height:1.2}.project:has(.project__link:focus-visible){outline:2px solid var(--accent);outline-offset:8px;border-radius:14px}.project:has(.project__link:focus-visible) .project__link{color:var(--accent)}.project:has(.project__link:focus-visible) .project__arrow{opacity:1;transform:none}@media (hover:hover) and (pointer:fine){.project:hover .project__link{color:var(--accent)}.project:hover .project__arrow{opacity:1;transform:none}.project:hover .project__cover svg{transform:scale(1.04)}.project:hover .cover__float{transform:translateY(-6px)}.project:hover .cover__float--late{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.project__cover svg,.cover__float{transition:none}}.site-footer{z-index:3;color:var(--muted);letter-spacing:.02em;text-align:center;padding:0 16px;font-size:13px;font-weight:600;animation:.7s ease-out .4s both header-fade-in;position:absolute;bottom:clamp(16px,3vh,28px);left:0;right:0}.site-footer p{margin:0}@media (max-width:1199px),(max-height:620px){.player-page--subpage{height:auto;min-height:100dvh;overflow:visible}.player-page--subpage .page-backdrop{position:fixed}.subpage{height:auto;min-height:100dvh}}@media (min-width:768px) and (max-width:1199px) and (orientation:landscape) and (min-height:501px){.hero__wordmark{display:none}.site-header{padding:0 max(5.6vw, env(safe-area-inset-right)) 0 max(5.6vw, env(safe-area-inset-left))}.primary-nav{gap:clamp(28px,3.4vw,40px)}.primary-nav a{font-size:clamp(21px,2.2vw,24px)}.hero__portrait{width:min(118dvh,62vw,860px);right:3vw}.identity{bottom:12dvh;left:max(5.6vw, env(safe-area-inset-left))}.identity__family-name{font-size:clamp(24px,2.9vw,32px)}.identity__given-name{font-size:clamp(72px,10vw,112px)}.identity__role{font-size:clamp(20px,2.4vw,26px)}.subpage{padding:104px max(5.6vw, env(safe-area-inset-right)) 88px max(5.6vw, env(safe-area-inset-left))}.about-intro{font-size:clamp(20px,min(3.6vh,2.6vw),30px)}.about-motto p{font-size:clamp(40px,min(6vw,9vh),72px)}.work-grid{gap:clamp(24px,3vw,36px)}.project__name{font-size:clamp(26px,3.2vw,34px)}.project__description{font-size:clamp(15px,1.7vw,17px)}.site-footer{font-size:14px}}@media (max-width:767px) and (min-height:501px),(max-width:1199px) and (orientation:portrait){.player-page{--gutter:clamp(20px, 5.6vw, 56px);--header-height:clamp(72px, 10vw, 104px)}.site-header{height:var(--header-height);padding:0 max(var(--gutter), env(safe-area-inset-right)) 0 max(var(--gutter), env(safe-area-inset-left))}.brand{width:clamp(48px,6.6vw,68px)}.primary-nav{gap:clamp(40px,5.4vw,56px)}.primary-nav a{font-size:clamp(24px,3.3vw,34px)}.social-links{--social-icon-size:clamp(25px, 3.3vw, 34px);gap:clamp(28px,3.8vw,40px)}.social-links a{width:var(--social-icon-size);height:var(--social-icon-size)}.hero__wordmark{display:none}.hero{--portrait-width:min(112vw, calc((100dvh - 200px - 16vw) * 1.2));--hair-top:calc(100dvh - var(--portrait-width) * .82)}.hero__portrait{width:var(--portrait-width);bottom:0;left:50%;right:auto;translate:-50%}.identity{top:calc((var(--header-height) + var(--hair-top)) / 2);text-align:center;align-items:center;gap:clamp(4px,1.2vw,10px);padding-right:clamp(6px,1.6vw,14px);bottom:auto;left:0;right:0;translate:0 -50%}.identity__family-name{font-size:clamp(28px,5vw,50px)}.identity__given-name{font-size:clamp(96px,17vw,176px);line-height:.92}.identity__role{gap:clamp(8px,1.6vw,14px);font-size:clamp(22px,4.3vw,44px)}.identity__role:before,.identity__role:after{background:var(--accent);content:"";flex:none;width:clamp(16px,3.6vw,32px);height:max(2px,.08em)}.subpage{padding:calc(var(--header-height) + clamp(32px, 6dvh, 64px)) max(var(--gutter), env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 88px) max(var(--gutter), env(safe-area-inset-left))}.site-footer{bottom:calc(env(safe-area-inset-bottom) + 28px);font-size:clamp(13px,1.8vw,15px)}.about-intro{max-width:32em;font-size:clamp(18px,4.7vw,32px);line-height:1.6}.about-motto{margin-top:clamp(4px,2dvh,24px)}.about-motto p{font-size:clamp(26px, calc((100vw - 2 * var(--gutter)) / 10.6), 72px);white-space:nowrap}.contact{gap:clamp(18px,3.6dvh,32px)}.contact-headline{font-size:clamp(14px,4vw,22px)}.contact-email{font-size:clamp(28px, calc((100vw - 2 * var(--gutter)) / 8.3), 120px)}.contact-timezone{font-size:clamp(15px,4vw,21px)}.work-section{width:min(100%,720px)}.work-title{font-size:clamp(30px,8.6vw,52px)}.work-range{font-size:clamp(12px,3.2vw,16px)}.work-grid{grid-template-columns:minmax(0,1fr);gap:clamp(40px,9vw,64px)}.project__cover{aspect-ratio:16/10;height:auto}.project__meta{font-size:clamp(12px,3.2vw,15px)}.project__name{font-size:clamp(30px,8.4vw,48px)}.project__description{font-size:clamp(15px,4.1vw,20px)}.not-found__code{font-size:clamp(120px,34vw,260px)}.not-found__title{font-size:clamp(26px,7.4vw,52px)}.not-found__text{max-width:24em;font-size:clamp(16px,4.2vw,21px)}.not-found__link{font-size:clamp(20px,5.4vw,28px)}}@media (max-width:699px) and (min-height:501px){.player-page{--brand-size:clamp(40px, 10.4vw, 52px);--nav-size:clamp(19px, 5.2vw, 26px);--header-height:calc(env(safe-area-inset-top) + 38px + var(--brand-size) + var(--nav-size))}.site-header{height:auto;padding-top:calc(env(safe-area-inset-top) + 14px);grid-template-columns:auto 1fr auto;grid-template-areas:"brand.actions""nav nav nav";align-items:center;row-gap:4px;display:grid}.brand{width:var(--brand-size);grid-area:brand}.header-actions{grid-area:actions;justify-self:end}.social-links{--social-icon-size:24px;gap:4px;margin-right:-10px}.social-links a{width:44px;height:44px}.primary-nav{grid-area:nav;justify-content:center;gap:clamp(28px,9vw,56px);position:static;transform:none}.primary-nav a{font-size:var(--nav-size);padding:10px 0}.hero{--portrait-width:clamp(104vw, calc(100dvh - 30vw - 170px), 132vw)}.identity__family-name{font-size:clamp(22px,7.2vw,44px)}.identity__given-name{font-size:clamp(76px,25vw,150px)}.identity__role{font-size:clamp(18px,6.2vw,38px)}}@media (orientation:landscape) and (max-height:500px){.hero__wordmark{display:none}.player-page{--gutter:max(5.6vw, env(safe-area-inset-left), env(safe-area-inset-right))}.site-header{height:60px;padding:0 var(--gutter)}.brand{width:36px}.primary-nav{gap:28px}.primary-nav a{font-size:19px}.social-links{--social-icon-size:21px;gap:22px}.hero__portrait{width:min(112dvh,48vw);bottom:-6dvh;right:7vw}.identity{bottom:13dvh;left:var(--gutter);gap:4px}.identity__family-name{font-size:clamp(15px,4.6dvh,20px)}.identity__given-name{font-size:clamp(48px,18dvh,80px)}.identity__role{font-size:clamp(14px,4.2dvh,18px)}.subpage{padding:84px var(--gutter) 64px}.site-footer{bottom:20px}.about-intro{max-width:36em;font-size:clamp(16px,2vw,19px)}.about-motto p{white-space:nowrap;font-size:clamp(30px,4.4vw,44px)}.contact{gap:16px}.contact-headline{font-size:16px}.contact-email{font-size:min(calc((100vw - 2 * var(--gutter)) / 8.3), 22dvh)}.contact-timezone{font-size:16px}.work-title{font-size:28px}.work-grid{gap:24px}.project__cover{aspect-ratio:16/10;height:auto}.project__name{font-size:24px}.project__description{font-size:14px}.project__stack li{font-size:12px}.not-found__code{font-size:clamp(96px,30dvh,130px)}.not-found__title{margin-top:14px;font-size:26px}.not-found__text{margin-top:8px;font-size:15px}.not-found__link{margin-top:18px;font-size:20px}}@media (hover:none){.project__arrow{opacity:1;transform:none}}
@font-face{font-family:kazeContent;src:url(../media/Kaze_Regular-s.p.2khr53fsrm-lr.woff2)format("woff2");font-display:block;font-weight:400;font-style:normal}@font-face{font-family:kazeContent;src:url(../media/Kaze_Semibold-s.p.08lz2021sm285.woff2)format("woff2");font-display:block;font-weight:600;font-style:normal}@font-face{font-family:kazeContent Fallback;src:local(Arial);ascent-override:88.16%;descent-override:17.65%;line-gap-override:2.5%;size-adjust:113.43%}.kazecontent_c317ac8c-module__NEGUaa__className{font-family:kazeContent,kazeContent Fallback}.kazecontent_c317ac8c-module__NEGUaa__variable{--font-kaze-content:"kazeContent", "kazeContent Fallback"}
@font-face{font-family:kazeNarrowBold;src:url(../media/Kaze_Narrow_Bold-s.p.2sbso9ir_cf7o.woff2)format("woff2");font-display:block;font-weight:700;font-style:normal}@font-face{font-family:kazeNarrowBold Fallback;src:local(Arial);ascent-override:107.85%;descent-override:21.59%;line-gap-override:3.05%;size-adjust:92.72%}.kazenarrowbold_3a265b44-module__W70Sha__className{font-family:kazeNarrowBold,kazeNarrowBold Fallback;font-style:normal;font-weight:700}.kazenarrowbold_3a265b44-module__W70Sha__variable{--font-kaze-narrow-bold:"kazeNarrowBold", "kazeNarrowBold Fallback"}
@font-face{font-family:kazeNarrowBoldItalic;src:url(../media/Kaze_Narrow_BoldItalic-s.p.2b344lcdvs9ei.woff2)format("woff2");font-display:block;font-weight:700;font-style:italic}@font-face{font-family:kazeNarrowBoldItalic Fallback;src:local(Arial);ascent-override:107.85%;descent-override:21.59%;line-gap-override:3.05%;size-adjust:92.72%}.kazenarrowbolditalic_ed3ba9da-module__cjWlDG__className{font-family:kazeNarrowBoldItalic,kazeNarrowBoldItalic Fallback;font-style:italic;font-weight:700}.kazenarrowbolditalic_ed3ba9da-module__cjWlDG__variable{--font-kaze-narrow-bold-italic:"kazeNarrowBoldItalic", "kazeNarrowBoldItalic Fallback"}