.pf[data-tpl=riot]{--pf-accent-2:#ff2d95;box-sizing:border-box;background:var(--pf-bg);min-width:0;color:var(--pf-fg);font-family:var(--pf-font);font-weight:var(--pf-w);overflow-wrap:anywhere;line-height:1.45;overflow-x:clip}.pf[data-tpl=riot] *,.pf[data-tpl=riot] :before,.pf[data-tpl=riot] :after{box-sizing:border-box}.pf[data-tpl=riot] a{color:inherit;text-decoration:none}.pf[data-tpl=riot] a:focus-visible{outline:3px solid var(--pf-accent);outline-offset:4px}.pf[data-tpl=riot] h1,.pf[data-tpl=riot] h2,.pf[data-tpl=riot] h3,.pf[data-tpl=riot] p{margin:0}.pf[data-tpl=riot] img,.pf[data-tpl=riot] video{object-fit:cover;width:100%;height:100%;display:block}.pf[data-tpl=riot] .pf-hero{flex-direction:column-reverse;min-width:0;display:flex;position:relative}.pf[data-tpl=riot] .pf-hero-media{aspect-ratio:16/9;border-top:6px solid var(--pf-accent);min-width:0;overflow:hidden}.pf[data-tpl=riot] .pf-hero-copy{min-width:0;padding:36px 3.5% 26px}.pf[data-tpl=riot] .pf-identity h1{font-family:"Oswald", var(--pf-sans-jp), sans-serif;letter-spacing:-.02em;text-transform:uppercase;color:var(--pf-fg);font-size:clamp(64px,13.5vw,230px);font-weight:700;line-height:.88}.pf[data-tpl=riot] .pf-name-en{letter-spacing:.02em;text-transform:uppercase;color:var(--pf-accent);margin-top:12px;font-family:Oswald,sans-serif;font-size:clamp(22px,3.4vw,46px);font-weight:700;line-height:1}.pf[data-tpl=riot] .pf-title{background:var(--pf-accent-2);color:#fff;letter-spacing:.14em;margin-bottom:14px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.pf[data-tpl=riot] .pf-showreel{color:var(--pf-accent);letter-spacing:.1em;margin-top:22px;font-family:Oswald,sans-serif;font-size:16px;font-weight:700;display:inline-block}.pf[data-tpl=riot] .pf-pw-badge{z-index:3;position:absolute;bottom:18px;right:18px}.pf[data-tpl=riot] .pf-marquee{background:var(--pf-accent);color:#0a0a0a;border-block:2px solid var(--pf-accent-2);height:56px;overflow:hidden}.pf[data-tpl=riot] .pf-marquee-track{width:max-content;height:100%;animation:38s linear infinite pf-riot-marquee;display:flex}.pf[data-tpl=riot] .pf-marquee-run{flex:none;align-items:center;height:100%;display:flex}.pf[data-tpl=riot] .pf-marquee-run span{font-family:"Oswald", var(--pf-sans-jp), sans-serif;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:0 26px;font-size:22px;font-weight:700;line-height:1}.pf[data-tpl=riot] .pf-marquee-run span:after{content:"✶";color:var(--pf-accent-2);margin-left:52px}@keyframes pf-riot-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.pf[data-tpl=riot] .pf-works{padding:70px 3.5% 90px}.pf[data-tpl=riot] .pf-works-heading{margin-bottom:44px}.pf[data-tpl=riot] .pf-works-heading .pf-identity{margin:0 0 32px}.pf[data-tpl=riot] .pf-works-heading h2{letter-spacing:-.01em;color:var(--pf-accent);font-family:Oswald,sans-serif;font-size:clamp(48px,8vw,120px);font-weight:700;line-height:.9}.pf[data-tpl=riot] .pf-work-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 34px;display:grid}.pf[data-tpl=riot] .pf-work{--tilt:-2.4deg;min-width:0;transform:rotate(var(--tilt));transition:transform .28s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.pf[data-tpl=riot] .pf-work:nth-child(4n+2){--tilt:1.8deg}.pf[data-tpl=riot] .pf-work:nth-child(4n+3){--tilt:-1.5deg}.pf[data-tpl=riot] .pf-work:nth-child(4n){--tilt:2.8deg}.pf[data-tpl=riot] .pf-work:hover,.pf[data-tpl=riot] .pf-work:focus-visible,.pf[data-tpl=riot] .pf-work:active{transform:rotate(0)}.pf[data-tpl=riot] .pf-work-media{aspect-ratio:16/10;border:3px solid var(--pf-fg);min-width:0;position:relative;overflow:hidden}.pf[data-tpl=riot] .pf-work-media:after{content:"";z-index:2;mix-blend-mode:difference;opacity:0;pointer-events:none;background:#fff;transition:opacity .2s;position:absolute;inset:0}.pf[data-tpl=riot] .pf-work:hover .pf-work-media:after,.pf[data-tpl=riot] .pf-work:focus-visible .pf-work-media:after,.pf[data-tpl=riot] .pf-work:active .pf-work-media:after{opacity:1}.pf[data-tpl=riot] .pf-work-index{z-index:3;color:var(--pf-accent);-webkit-text-stroke:2px #0a0a0a;paint-order:stroke fill;font-family:Oswald,sans-serif;font-size:64px;font-weight:700;line-height:1;position:absolute;top:-34px;left:-10px}.pf[data-tpl=riot] .pf-work-copy{min-width:0;padding-top:14px}.pf[data-tpl=riot] .pf-work-copy h3{letter-spacing:.01em;font-size:18px;font-weight:700;line-height:1.35}.pf[data-tpl=riot] .pf-work-meta{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:12px;margin-top:6px;font-size:12px;display:flex}.pf[data-tpl=riot] .pf-client{overflow-wrap:anywhere;min-width:0;color:var(--pf-accent-2);font-weight:700}.pf[data-tpl=riot] .pf-year{color:var(--pf-muted);flex:none}.pf[data-tpl=riot] .pf-profile{border-top:6px solid var(--pf-accent-2);grid-template-columns:2fr 1fr;gap:56px;padding:64px 3.5%;display:grid}.pf[data-tpl=riot] .pf-bio p{max-width:640px;margin-bottom:26px;font-size:17px;line-height:1.8}.pf[data-tpl=riot] .pf-profile a{background:var(--pf-accent);color:#0a0a0a;letter-spacing:.08em;padding:10px 16px;font-family:Oswald,sans-serif;font-size:16px;font-weight:700;display:inline-block}.pf[data-tpl=riot] .pf-contact{text-align:right;align-self:end}@media (max-width:1024px){.pf[data-tpl=riot] .pf-work-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.pf[data-tpl=riot] .pf-hero-copy{padding:26px 5% 20px}.pf[data-tpl=riot] .pf-identity h1{font-size:clamp(54px,17vw,110px)}.pf[data-tpl=riot] .pf-pw-badge{bottom:12px;right:12px}.pf[data-tpl=riot] .pf-marquee{height:44px}.pf[data-tpl=riot] .pf-marquee-run span{padding:0 18px;font-size:17px}.pf[data-tpl=riot] .pf-marquee-run span:after{margin-left:36px}.pf[data-tpl=riot] .pf-works{padding:54px 6% 64px}.pf[data-tpl=riot] .pf-work-list{grid-template-columns:1fr;gap:56px}.pf[data-tpl=riot] .pf-work-index{font-size:52px;top:-28px;left:-6px}.pf[data-tpl=riot] .pf-profile{grid-template-columns:1fr;gap:24px;padding:46px 6%}.pf[data-tpl=riot] .pf-contact{text-align:left}}@media (prefers-reduced-motion:reduce){.pf[data-tpl=riot] .pf-marquee-track{animation:none}.pf[data-tpl=riot] .pf-work,.pf[data-tpl=riot] .pf-work:nth-child(n){--tilt:0deg;transform:none}.pf[data-tpl=riot],.pf[data-tpl=riot] *,.pf[data-tpl=riot] :before,.pf[data-tpl=riot] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:700;src:url(../media/oswald-latin-700-normal.0b4f_gpe8vpwr.woff2)format("woff2"),url(../media/oswald-latin-700-normal.0pt1qitcv7_d-.woff)format("woff")}