@layer tokens{:root{--color-paper:#f7f3ec;--color-ink:#141b27;--color-ink-2:#4a5464;--color-line:#141b2724;--color-on-ink:#eef2f3;--color-vermilion:#c42818;--color-accent:var(--color-vermilion);--noise-texture:url(/_astro/grain.0d-CIK2g.png);--noise-layers:var(--noise-texture) 0 0 / 8rem, var(--noise-texture) 1.3rem 2.1rem / 5rem, var(--noise-texture) 3rem .7rem / 11rem;--font-text:var(--font-family-yakuhan), var(--font-family-instrument-sans), var(--font-family-noto-sans-japanese);--font-latin:var(--font-family-instrument-serif);--font-pixel:var(--font-family-matrix-mono-print);--font-handwriting:var(--font-family-grape-nuts);--base-viewport-width:1440;--unit:min(1px, calc(100vw / var(--base-viewport-width)));--font-size-11:max(.6875rem, calc(11 * var(--unit)));--font-size-12:max(.6875rem, calc(12 * var(--unit)));--font-size-13:max(.6875rem, calc(13 * var(--unit)));--font-size-14:max(.6875rem, calc(14 * var(--unit)));--font-size-15:max(.6875rem, calc(15 * var(--unit)));--font-size-16:max(.6875rem, calc(16 * var(--unit)));--font-size-18:max(.6875rem, calc(18 * var(--unit)));--font-size-21:max(.6875rem, calc(21 * var(--unit)));--font-size-22:max(.6875rem, calc(22 * var(--unit)));--font-size-24:max(.6875rem, calc(24 * var(--unit)));--font-size-26:max(.6875rem, calc(26 * var(--unit)));--font-size-32:max(.6875rem, calc(32 * var(--unit)));--font-size-display:calc(130 * var(--unit));--font-size-title:calc(64 * var(--unit));--font-size-title-japanese:calc(40 * var(--unit));--gutter:clamp(1rem, 5vw, 5.5rem);--menu-size:clamp(4rem, 5.6vw, 6.625rem);--gutter-end:max(var(--gutter), calc(var(--menu-size) + 1.5rem));--ease:cubic-bezier(.22, .61, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-calm:cubic-bezier(.21, .22, .25, 1)}@media (width<=64rem){:root{--base-viewport-width:992;--font-size-display:calc(96 * var(--unit))}}@media (width<=46.875rem){:root{--base-viewport-width:402;--font-size-display:calc(52 * var(--unit));--font-size-title:calc(40 * var(--unit));--font-size-title-japanese:calc(28 * var(--unit))}}@media (width<=37.5rem){:root{--gutter-end:var(--gutter)}}}@layer reset{:where(*){box-sizing:border-box}:where(body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol,li,pre){margin:0;padding:0}:where(ul,ol){list-style:none}:where(html){scroll-behavior:smooth;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;font-size:100%}:where(img,svg,video,canvas,audio,iframe,embed,object){max-inline-size:100%;display:block}:where(button,input,optgroup,select,textarea){font:inherit;letter-spacing:inherit;color:inherit}:where(button){appearance:none;cursor:pointer;background:0 0;border:none;padding:0}:where(a){color:inherit;text-decoration:none}:where(hr){border:none;color:inherit;border-block-start:.0625rem solid}:where(table){border-collapse:collapse;border-spacing:0}:where(textarea){resize:vertical}:where(q,blockquote){quotes:none}:where([hidden]){display:none!important}@media (prefers-reduced-motion:reduce){:where(*){scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer base{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.lenis{scroll-behavior:auto;block-size:auto}html.lenis body{block-size:auto}.lenis.lenis-stopped{overflow:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-text);font-size:var(--font-size-14);letter-spacing:.05em;font-kerning:normal;text-autospace:normal;text-spacing-trim:trim-start;-webkit-font-smoothing:antialiased;overflow-inline:clip;font-weight:400;line-height:2;overflow-x:clip}:where(h1,h2,h3,h4,h5,h6,p,dd,li,address){word-break:keep-all;overflow-wrap:break-word;line-break:strict;text-wrap:pretty}:focus-visible{outline:.125rem solid var(--color-accent);outline-offset:.25rem}[tabindex="-1"]:focus{outline:none}.skip-link:not(:focus-visible){clip-path:inset(50%)}.skip-link{z-index:400;background:var(--color-ink);color:var(--color-on-ink);font-size:var(--font-size-14);transition:translate .3s var(--ease-out);padding-block:.75rem;padding-inline:1.25rem;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;translate:0 calc(-100% - 1rem)}.skip-link:focus-visible{translate:0}.turbo-progress-bar{background:var(--color-accent);block-size:.125rem}}@layer layout;@layer components{.uppercase{font-family:var(--font-text);font-weight:500;font-size:var(--font-size-12);letter-spacing:.1em;text-transform:uppercase;line-height:1.35}.television{isolation:isolate;background:var(--color-ink);position:relative;overflow:hidden}.television:after{content:"";z-index:3;pointer-events:none;opacity:.55;background:url(/_astro/grain.0d-CIK2g.png) 0 0/16rem;animation:.5s step-end infinite television-grain;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.television:after{animation:none}}@keyframes television-grain{0%{background-position:0 0}20%{background-position:-5.3rem 3.1rem}40%{background-position:3.7rem -7.9rem}60%{background-position:-9.1rem -2.3rem}80%{background-position:6.1rem 8.7rem}}:root.has-javascript .flicker:not(.is-in){opacity:0}.flicker.is-in{animation:.2s step-end both flicker;animation-delay:var(--delay,0s)}@media (prefers-reduced-motion:reduce){:root.has-javascript .flicker:not(.is-in){opacity:1}.flicker.is-in{animation:none}}:root.has-javascript .rise:not(.is-in){opacity:0;transform:translateY(9rem)}.rise.is-in{transition:transform 1.8s var(--ease-out) var(--delay,0s), opacity 1.2s var(--ease-calm) var(--delay,0s)}@media (prefers-reduced-motion:reduce){:root.has-javascript .rise:not(.is-in){opacity:1;transform:none}}@keyframes flicker{0%,39%{opacity:1}20%,59%{opacity:0}60%,to{opacity:1}}.digits{font-variant-numeric:tabular-nums;display:inline-flex}.digits :is(.digit,.separator,.point){text-align:center;display:inline-block}.digits .digit{inline-size:.64em}.digits .separator{inline-size:.36em}.digits .point{inline-size:.3em}.link{justify-self:start;align-items:center;padding-block-end:.25rem;display:inline-flex;position:relative}.link:after{content:"";background:var(--color-ink);transform-origin:100%;block-size:1px;transition:transform .5s var(--ease-out);position:absolute;inset-block-end:0;inset-inline:0}.link:hover{background:var(--noise-layers), linear-gradient(var(--color-accent), var(--color-accent));color:#0000;-webkit-background-clip:text;background-clip:text}.link:hover:after{transform:scaleX(0)}.link:hover .icon-external{color:var(--color-accent)}.icon-external{flex:none;block-size:.72em;inline-size:.72em;margin-inline-start:.4em;display:inline-grid;overflow:hidden}.icon-external svg{block-size:100%;inline-size:100%;transition:transform .55s var(--ease-out);grid-area:1/1}.icon-external svg:last-child{transform:translate(-115%,115%)}a:is(:hover,:focus-visible) .icon-external svg:first-child{transform:translate(115%,-115%)}a:is(:hover,:focus-visible) .icon-external svg:last-child{transform:none}.required{background:var(--noise-layers), var(--color-accent);color:var(--color-on-ink);font-size:var(--font-size-11);letter-spacing:.08em;vertical-align:.0625rem;border-radius:.125rem;margin-inline-start:.5rem;padding-block:.25rem .1875rem;padding-inline:.375rem;line-height:1;display:inline-block}.split .word{white-space:nowrap;display:inline-block}.split .character{white-space:pre;display:inline-block}:root.has-javascript .split:not(.is-in) .character{opacity:0;transform:translate(.5em)}.split.is-in .character{transition:opacity .9s var(--ease-calm), transform 1.1s var(--ease-out);transition-delay:calc(var(--index) * 45ms)}@media (prefers-reduced-motion:reduce){:root.has-javascript .split:not(.is-in) .character{opacity:1;transform:none}}.about{padding-block:clamp(7.5rem,14vw,13.5rem);padding-inline:var(--gutter) var(--gutter-end)}.about .wrapper{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(3.5rem,6vw,6rem) clamp(1rem,2vw,2rem);max-inline-size:82.5rem;margin-inline:auto;display:grid}.about .heading{grid-column:1/-1}.about .body{font-weight:400;font-size:var(--font-size-22);letter-spacing:.04em;font-feature-settings:"palt";grid-column:3/-1;line-height:2}.about .body>*+*{margin-block-start:1em}.about .body .catch{font-weight:500;font-size:var(--font-size-title-japanese);margin-block-end:.9em;line-height:1.5}.about .body .operator{background:var(--noise-layers), var(--color-accent);color:var(--color-on-ink);font-size:var(--font-size-11);letter-spacing:-.02em;vertical-align:.3em;white-space:nowrap;border-radius:62.4375rem;margin-inline:.4em .3em;padding-block:.4375rem;padding-inline:.625rem;line-height:1;display:inline-block}.about .body .tags{flex-wrap:wrap;gap:.5rem;display:flex}.about .body .tags a{font-size:var(--font-size-14);letter-spacing:.06em;background:var(--color-ink);color:var(--color-on-ink);white-space:nowrap;border-radius:62.4375rem;padding-block:.65625rem .53125rem;padding-inline:1rem;line-height:1;display:block}.about .body-english{font-family:var(--font-latin);font-style:italic;font-size:var(--font-size-18);letter-spacing:0;color:var(--color-ink-2);grid-column:3/span 8;line-height:1.5}@media (width<=64rem){.about .body,.about .body-english{grid-column:1/-1}}@media (width<=46.875rem){.about .body{font-size:var(--font-size-18)}.about .body .catch{font-size:var(--font-size-24)}.about .body .tags a{font-size:var(--font-size-12);padding-block:.53125rem .40625rem;padding-inline:.75rem}}.background{z-index:-1;pointer-events:none;background:var(--color-paper);display:block;position:fixed;inset:0;overflow:hidden}.background .background-fallback{background:radial-gradient(52% 46% at 86% 12%, #f6e6dc, transparent 72%), radial-gradient(56% 58% at 6% 74%, #dfecec, transparent 72%), radial-gradient(46% 40% at 64% 100%, #f4ecd9, transparent 70%), var(--color-paper);position:absolute;inset:0}.background .background-fallback:before{content:"";opacity:0;transition:opacity .9s var(--ease);background:radial-gradient(56% 58% at 6% 74%,#003cff,#0000 72%),radial-gradient(52% 46% at 86% 12%,#0a1f9e,#0000 72%),#0034e0;position:absolute;inset:0}.background[data-palette=night] .background-fallback:before{opacity:1}.background canvas{opacity:0;block-size:100%;inline-size:100%;transition:opacity 1.2s var(--ease);position:absolute;inset:0}.background canvas.is-ready{opacity:1}.background .background-noise{background:var(--noise-layers);opacity:.4;transition:opacity .9s var(--ease);position:absolute;inset:0}.background[data-palette=night] .background-noise{opacity:1}.company{padding-block:clamp(7.5rem,14vw,13.5rem);padding-inline:var(--gutter) var(--gutter-end)}.company .wrapper{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2.5rem,6vw,7.5rem);max-inline-size:82.5rem;margin-inline:auto;display:grid}.company .side{grid-template-rows:auto minmax(16rem,1fr);grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,5vw,4.5rem);display:grid}.company .photo{block-size:100%}.company .photo img{object-fit:cover;object-position:72% 70%;block-size:100%;inline-size:100%}.company dl{border-block-start:1px solid var(--color-line)}.company .row{border-block-end:1px solid var(--color-line);grid-template-columns:12em minmax(0,1fr);align-items:baseline;gap:.375rem 2rem;padding-block:1.375rem;display:grid}.company dt{font-size:var(--font-size-13);letter-spacing:.1em;color:var(--color-ink-2);font-feature-settings:"palt"}.company dd{min-inline-size:0;font-size:var(--font-size-15);gap:.25rem;display:grid}@media (width<=64rem){.company .wrapper{grid-template-columns:1fr}.company .side{grid-template-rows:auto}.company .photo{aspect-ratio:3/2;block-size:auto}}@media (width<=37.5rem){.company .row{grid-template-columns:1fr;gap:0}}.contact-form,.contact-form nihonworks-contact{display:block}.contact-form .form{gap:1.75rem;display:grid}.contact-form .agree{cursor:pointer;font-size:var(--font-size-15);letter-spacing:.08em;justify-self:start;align-items:center;gap:.875rem;display:inline-flex}.contact-form .agree input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.contact-form .box{border:1px solid var(--color-ink);block-size:1.875rem;inline-size:1.875rem;transition:background .3s var(--ease);flex:none;place-items:center;display:grid}.contact-form .box svg{opacity:0;block-size:1rem;inline-size:1rem;transition:opacity .2s var(--ease)}.contact-form .agree input:checked+.box{background:var(--color-ink);color:var(--color-on-ink)}.contact-form .agree input:checked+.box svg{opacity:1}.contact-form .agree input:focus-visible+.box{outline:.125rem solid var(--color-accent);outline-offset:.1875rem}.contact-form .panel{transition:grid-template-rows .9s var(--ease-out);grid-template-rows:0fr;display:grid}.contact-form .panel.is-open{grid-template-rows:1fr}.contact-form .panel>div{min-block-size:0;overflow:hidden}.contact-form .fields{gap:.75rem;padding-block-start:.25rem;display:grid}.contact-form .select-wrapper{margin-block-end:1.125rem;position:relative}.contact-form .icon-sort{pointer-events:none;block-size:1rem;inline-size:1rem;position:absolute;inset-block-start:50%;inset-inline-end:.875rem;transform:translateY(-50%)}.contact-form .select{appearance:none;inline-size:100%;font-size:var(--font-size-14);letter-spacing:.06em;color:var(--color-ink);background:#ffffff8c;border:0;border-radius:0;padding-block:1rem;padding-inline:1rem 2.75rem}.contact-form fieldset{border:0;min-inline-size:0;margin:0;padding:0}.contact-form legend{padding:0}.contact-form .services{gap:.875rem;margin-block-end:1.25rem;display:none}.contact-form .form:has(.select option[value=制作のご相談]:checked) .services{display:grid}.contact-form .services>legend{font-size:var(--font-size-13);letter-spacing:.08em;font-feature-settings:"palt";color:var(--color-ink-2);margin-block-end:.5rem}.contact-form .service-group{gap:.5rem;display:grid}.contact-form .service-group legend{font-size:var(--font-size-11);letter-spacing:.1em;font-feature-settings:"palt";color:var(--color-ink-2);margin-block-end:.375rem}.contact-form .service-options{flex-wrap:wrap;gap:.5rem;display:flex}.contact-form .service-choice{cursor:pointer;font-size:var(--font-size-13);letter-spacing:.06em;font-feature-settings:"palt";border:1px solid var(--color-line);transition:background .3s var(--ease), border-color .3s var(--ease), color .3s var(--ease);border-radius:62.4375rem;padding-block:.65625rem .53125rem;padding-inline:1rem;line-height:1;display:inline-flex}.contact-form .service-choice input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.contact-form .service-choice:has(input:checked){background:var(--color-ink);border-color:var(--color-ink);color:var(--color-on-ink)}.contact-form .service-choice:has(input:focus-visible){outline:.125rem solid var(--color-accent);outline-offset:.1875rem}.contact-form .field{transition:border-color .3s var(--ease);border-block-end:1px solid #141b274d;gap:.25rem;padding-block-start:.875rem;display:grid}.contact-form .field:focus-within{border-block-end-color:var(--color-accent)}.contact-form .field:has([aria-invalid=true]){border-block-end-color:var(--color-vermilion)}.contact-form .field label{font-size:var(--font-size-13);letter-spacing:.08em;font-feature-settings:"palt";color:var(--color-ink-2)}.contact-form .field input,.contact-form .field textarea{inline-size:100%;min-inline-size:0;font-size:var(--font-size-15);letter-spacing:.03em;color:var(--color-ink);background:0 0;border:0;border-radius:0;padding-block:.875rem}.contact-form .field textarea{field-sizing:content;resize:none;min-block-size:7em;max-block-size:24em;padding-block-start:.375rem;line-height:1.9}.contact-form .field input:focus,.contact-form .field textarea:focus{outline:none}.contact-form .error{font-size:var(--font-size-12);letter-spacing:.04em;color:var(--color-vermilion);padding-block:.375rem .25rem}.contact-form .send-row{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding-block-start:1.5rem;display:flex}.contact-form .send{background:var(--color-ink);color:var(--color-on-ink);font-size:var(--font-size-13);letter-spacing:.16em;transition:background .4s var(--ease);align-items:center;gap:.875rem;padding-block:.75rem;padding-inline:1.875rem;font-weight:500;display:inline-flex}.contact-form .send:disabled{cursor:progress;opacity:.6}.contact-form .icon-arrow{block-size:1rem;inline-size:1rem;transition:transform .5s var(--ease-out)}.contact-form .send:hover{background:var(--noise-layers), var(--color-accent)}.contact-form .send:hover .icon-arrow{transform:translate(.25rem)}.contact-form .status{font-size:var(--font-size-13);color:var(--color-vermilion)}.contact-form .done{gap:.75rem;padding-block:.5rem;display:grid}.contact-form .done-heading{font-weight:500;font-size:var(--font-size-18);background:var(--noise-layers), linear-gradient(var(--color-accent), var(--color-accent));color:#0000;-webkit-background-clip:text;background-clip:text}@media (width<=37.5rem){.contact-form .field{grid-template-columns:1fr;gap:0;padding-block-start:.75rem}}@media (prefers-reduced-motion:reduce){.contact-form .panel{transition:none}}.cursor{z-index:200;pointer-events:none;opacity:0;transition:opacity .4s var(--ease);display:block;position:fixed;inset-block-start:0;inset-inline-start:0}.cursor.is-on{opacity:1}.cursor .ball{-webkit-backdrop-filter:invert();backdrop-filter:invert();block-size:2.5rem;inline-size:2.5rem;transition:inline-size .5s var(--ease-out), block-size .5s var(--ease-out), margin .5s var(--ease-out), background .4s var(--ease), border-color .4s var(--ease);background:0 0;border:1px solid #0000;border-radius:50%;margin-block:-1.25rem 0;margin-inline:-1.25rem 0;position:absolute;inset-block-start:0;inset-inline-start:0}.cursor .label{font-weight:500;font-size:max(.5625rem, calc(9 * var(--unit)));letter-spacing:.14em;white-space:nowrap;color:var(--color-on-ink);opacity:0;transition:opacity .3s var(--ease);line-height:1;position:absolute;inset-block-start:0;inset-inline-start:0;transform:translate(-50%,-50%)}.cursor[data-state=link] .ball{border-color:var(--color-accent);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;block-size:4rem;inline-size:4rem;margin-block:-2rem 0;margin-inline:-2rem 0}.cursor:is([data-state=channel],[data-state=open],[data-state=close],[data-state=external]) .ball{background:#141b27db;border-color:#0000;block-size:5.25rem;inline-size:5.25rem;margin-block:-2.625rem 0;margin-inline:-2.625rem 0}.cursor:is([data-state=channel],[data-state=open],[data-state=close],[data-state=external]) .label{opacity:1}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.cursor{display:none}}.hero{--progress:0;block-size:280svh;display:block;position:relative}.hero .stage{--window-height:min(37cqh, 82cqw);--window-width:calc(var(--window-height) * .75);--window-top:20.6cqh;block-size:100svh;min-block-size:38.75rem;position:sticky;inset-block-start:0;overflow:hidden;container-type:size}.hero .media{z-index:2;inline-size:calc(var(--window-width) + (100% - var(--window-width)) * var(--progress));block-size:calc(var(--window-height) + (100% - var(--window-height)) * var(--progress));cursor:pointer;position:absolute;inset-block-start:calc(var(--window-top) * (1 - var(--progress)));inset-inline-start:calc((100% - var(--window-width)) / 2 * (1 - var(--progress)))}.hero video{object-fit:cover;block-size:100%;inline-size:100%;transform:scale(calc(1 + .6 * (1 - var(--progress))));filter:saturate(.86)contrast(1.04);position:absolute;inset:0}.hero .shade{z-index:2;background:radial-gradient(80% 70%,#0000 45%,#0a0e1673);position:absolute;inset:0}.hero .static{z-index:4;pointer-events:none;opacity:0;mix-blend-mode:screen;filter:contrast(3)brightness(1.4);background:url(/_astro/grain.0d-CIK2g.png) 0 0/8rem;position:absolute;inset:0}.hero .media.is-tuning .static{opacity:1;animation:.42s step-end infinite static}.hero .media.is-switching .static{animation:.42s step-end both static}.hero .channel-display{z-index:5;color:#f2f5f4;text-shadow:0 0 .5rem #00000073;opacity:0;position:absolute;inset-block-start:calc(var(--window-top) * (1 - var(--progress)) + .75rem);inset-inline-start:calc((100% - var(--window-width)) / 2 * (1 - var(--progress)) + .875rem)}.hero .channel-display.is-on{opacity:1;animation:.2s step-end both flicker}.hero .channel-display .channel{font-family:var(--font-pixel);font-size:var(--font-size-26);letter-spacing:.02em;line-height:1}.hero .channel-display small{font-family:var(--font-pixel);font-size:var(--font-size-11);letter-spacing:.16em;vertical-align:.5em;margin-inline-end:.375rem}.hero .lockup-wrapper{z-index:1;transform:translate(-50%, calc(var(--progress) * -2.5rem));opacity:calc(1 - var(--progress) * 2.6);font-size:calc(min(34.6cqh,80cqw)/26.7214);position:absolute;inset-block-start:calc(var(--window-top) + var(--window-height) + 7.4cqh);inset-inline-start:50%}.hero .meta{z-index:6;inset-inline:var(--gutter);font-family:var(--font-pixel);font-weight:400;font-size:max(.6875rem, calc(11 * var(--unit)));color:var(--color-ink-2);transition:color .4s var(--ease);grid-template-columns:1fr auto 1fr;align-items:end;gap:1rem;display:grid;position:absolute;inset-block-end:max(1rem,3.4cqh)}.hero .meta.on-video{color:#eef2f3e0}.hero .timezone{align-items:center;gap:.625rem;display:inline-flex}.hero .timezone:before{content:"";background:var(--color-vermilion);border-radius:50%;block-size:.375rem;inline-size:.375rem;animation:1s steps(2,end) infinite recording}.hero .clock{font-size:max(.6875rem, calc(12 * var(--unit)));letter-spacing:.04em}.hero .cue{flex-direction:column-reverse;justify-self:end;align-items:center;gap:.625rem;display:inline-flex}.hero .cue i{transform-origin:top;block-size:1.875rem;inline-size:1px;animation:cue 2.2s var(--ease) infinite;background:currentColor}@media (height<=38.6875rem){.hero{block-size:auto}.hero .stage{position:relative}}@media (width<=64rem){.hero .cue{display:none}}@media (width<=37.5rem){.hero .meta{grid-template-columns:1fr auto}}@media (prefers-reduced-motion:reduce){.hero{block-size:auto}.hero .stage{position:relative}.hero video{transform:none}.hero .timezone:before,.hero .cue i{animation:none}}@keyframes static{0%{opacity:1;background-position:0 0}20%{opacity:.9;background-position:-2.3rem 1.7rem}40%{opacity:1;background-position:3.1rem -2.9rem}60%{opacity:.6;background-position:-1.3rem -3.7rem}80%{opacity:.85;background-position:3.7rem .9rem}to{opacity:0;background-position:0 0}}@keyframes recording{50%{opacity:.2}}@keyframes cue{0%{transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.sprite{block-size:0;inline-size:0;position:absolute;overflow:hidden}.loader{z-index:300;pointer-events:none;animation:0s linear 2.5s both loader-done;display:block;position:fixed;inset:0}.loader .loader-panel{background:var(--color-ink);block-size:50%;position:absolute;inset-inline:0}.loader .loader-panel-top{animation:loader-open-top .6s var(--ease-out) 1.85s both;inset-block-start:0}.loader .loader-panel-bottom{animation:loader-open-bottom .6s var(--ease-out) 1.85s both;inset-block-end:0}.loader .loader-logo{aspect-ratio:1000/231;inline-size:clamp(12rem,28vw,22rem);animation:.2s step-end .1s both flicker,.15s step-end 1.75s both loader-logo-out;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.loader .loader-logo-base{color:#eef2f333;block-size:100%;inline-size:100%;display:block}.loader .loader-logo-fill{background:var(--noise-layers), var(--color-accent);animation:1.2s cubic-bezier(.65,0,.35,1) .35s both loader-fill;position:absolute;inset:0;-webkit-mask:url(/_astro/logo-typography.D_XWH9AU.svg) 50%/contain no-repeat;mask:url(/_astro/logo-typography.D_XWH9AU.svg) 50%/contain no-repeat}.loader .loader-flash{opacity:0;animation:loader-flash .6s var(--ease-out) 1.85s both;background:#fff;position:absolute;inset:0}.loader .loader-static{opacity:0;mix-blend-mode:screen;filter:contrast(3)brightness(1.4);background:url(/_astro/grain.0d-CIK2g.png) 0 0/8rem;animation:.42s step-end 2s forwards static-noise;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.loader{display:none}}@keyframes loader-fill{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes loader-logo-out{to{opacity:0}}@keyframes loader-open-top{0%{translate:0}35%{translate:0 -1px}to{translate:0 -100%}}@keyframes loader-open-bottom{0%{translate:0}35%{translate:0 1px}to{translate:0 100%}}@keyframes loader-flash{0%{clip-path:inset(50% 0);opacity:.9}35%{clip-path:inset(calc(50% - 1px) 0);opacity:.9}to{clip-path:inset(0);opacity:0}}@keyframes loader-done{to{visibility:hidden}}.lockup{font-size:inherit;font-family:var(--font-family-chelsea-market);color:var(--color-ink);justify-items:center;gap:2.85714em;margin:0;font-weight:400;display:grid}.lockup .logo{block-size:auto;inline-size:18.9357em}.lockup .lines{letter-spacing:.64em;white-space:nowrap;justify-items:center;gap:1.42857em;line-height:1.15;display:grid}.lockup .line{margin-inline-end:-.64em}.member-card{--card-width:min(22rem, calc(100vw - 2 * var(--gutter)), max(18rem, calc((100svh - var(--menu-size) - var(--page-end-space,6rem)) * 55 / 91)));--card-height:calc(var(--card-width) * 91 / 55);--card-unit:calc(var(--card-width) / 352);--card-thickness:calc(14 * var(--card-unit));--card-color:#fcfaf5;perspective:75rem;display:block;position:relative}.member-card .body{inline-size:var(--card-width);block-size:var(--card-height);transform-style:preserve-3d;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:relative}.member-card .front,.member-card .back{backface-visibility:hidden;box-shadow:0 calc(24 * var(--card-unit)) calc(48 * var(--card-unit)) calc(-12 * var(--card-unit)) #141b2747;position:absolute;inset:0;overflow:hidden}.member-card .front{background:var(--card-color);color:var(--color-ink);transform:translateZ(calc(var(--card-thickness) / 2))}.member-card .face{--face-inset:1rem;--rule:1px solid #141b2752;transform-origin:0 0;block-size:36.4rem;inline-size:22rem;scale:var(--card-scale,1);position:absolute;inset-block-start:0;inset-inline-start:0}.member-card .detail,.member-card.is-detail .hologram,.member-card.is-detail .engraving{visibility:hidden}.member-card.is-detail .detail{visibility:visible}.member-card.is-detail .back{background:var(--card-color);color:var(--color-ink)}.member-card .controls{z-index:6;pointer-events:none}.member-card .controls .flip{pointer-events:auto}.member-card .role{letter-spacing:.08em;font-size:.6875rem;line-height:1.6}.member-card .summary{grid-template-rows:minmax(0,1fr) auto auto;display:grid}.member-card .summary:has(.screen){grid-template-rows:auto minmax(0,1fr) auto}.member-card .summary .cover{border-block-end:var(--rule);grid-template-columns:minmax(0,1fr) minmax(0,2fr);display:grid;position:relative}.member-card .summary .logo{--logo-length:8rem;--logo-thickness:calc(var(--logo-length) * 231 / 1000);inline-size:var(--logo-length);block-size:var(--logo-thickness);transform-origin:0 0;translate:var(--logo-thickness) 0;transition:color .3s var(--ease);position:absolute;inset-block-start:var(--face-inset);inset-inline-start:var(--face-inset);rotate:90deg}.member-card .summary .logo svg{block-size:100%;inline-size:100%;display:block}.member-card .summary .logo:hover{color:var(--color-accent)}.member-card .summary .screen{aspect-ratio:2/3;grid-area:1/2}.member-card .summary .portrait{object-fit:cover;block-size:100%;inline-size:100%}.member-card .summary .identity{padding-block:.875rem 1rem;padding-inline:var(--face-inset);align-content:end;display:grid}.member-card .summary .name{letter-spacing:.1em;margin-block-start:.25rem;font-size:1.75rem;font-weight:500;line-height:1.2}.member-card .summary .romanized{letter-spacing:.16em;margin-block-start:.25rem;font-size:.8125rem;line-height:1.3}.member-card .summary .row{border-block-start:var(--rule);grid-template-columns:5rem minmax(0,1fr);font-size:.75rem;line-height:1.5;display:grid}.member-card .summary dt,.member-card .summary dd{align-items:center;padding-block:.4375rem;display:flex}.member-card .summary dt{border-inline-end:var(--rule);font-family:var(--font-pixel);letter-spacing:.08em;padding-inline-start:var(--face-inset);font-size:.625rem}.member-card .summary dd{padding-inline:.75rem var(--face-inset)}.member-card .summary .row:last-child dd{padding-inline-end:3.5rem}.member-card .summary .contact-link{overflow-wrap:anywhere;letter-spacing:.02em;text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--color-line);text-decoration-color:var(--color-line);transition:text-decoration-color .3s var(--ease)}.member-card .summary .contact-link:hover{text-decoration-color:currentColor}.member-card .summary .local,.member-card .summary .domain{-webkit-text-decoration:inherit;text-decoration:inherit;display:inline-block}.member-card .flip{--peel-size:2.75rem;position:absolute;inset-block-end:0;inset-inline-end:0}.member-card .flip:hover,.member-card:has(.opener:hover) .open,.member-card:has(.closer:hover) .close{--peel-size:3.75rem}.member-card .peel{inline-size:var(--peel-size);block-size:var(--peel-size);transition:inline-size .45s var(--ease-out), block-size .45s var(--ease-out);display:block;position:relative}.member-card .peel:before{content:"";clip-path:polygon(100% 0,100% 100%,0 100%);background:linear-gradient(135deg,#0000 40%,#ff78a059 55%,#78c8ff59 70%,#0000 85%),linear-gradient(150deg,#6c727d,#c9ccd2 40%,#7f858f 70%,#e1e3e7);position:absolute;inset:0}.member-card .flap{filter:drop-shadow(-.0625rem -.0625rem .125rem #141b274d);position:absolute;inset:0}.member-card .flap:before{content:"";clip-path:polygon(0 0,100% 0,0 100%);background:linear-gradient(135deg,#fbf9f4 20%,#dcd8cf 50%);position:absolute;inset:0}.member-card .detail{--number-width:3rem;grid-template-rows:minmax(0,1fr) auto;display:grid}.member-card .detail[data-more] .scroll{-webkit-mask-image:linear-gradient(#000 calc(100% - 4.5rem),#0000);mask-image:linear-gradient(#000 calc(100% - 4.5rem),#0000)}.member-card .detail .scroll{overflow-block:auto;overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;display:flex;overflow-y:auto}.member-card .detail .scroll::-webkit-scrollbar{display:none}.member-card .detail .scroll>section:last-child{flex-direction:column;flex:1 0 auto;display:flex}.member-card .detail .scroll>section:last-child .introduction:last-child,.member-card .detail .scroll>section:last-child .profile:last-child .row:last-child,.member-card .detail .scroll>section:last-child .sample:last-child{border-block-end:0}.member-card .detail .samples{background:linear-gradient(#141b2752, #141b2752) var(--number-width) 0 / 1px 100% no-repeat;flex:1 0 auto}.member-card .detail .identity{padding-block:1.5rem 1.25rem;padding-inline:var(--face-inset);border-block-end:var(--rule);display:grid}.member-card .detail .name{letter-spacing:.1em;margin-block-start:.25rem;font-size:1.375rem;font-weight:500;line-height:1.2}.member-card .detail .romanized{letter-spacing:.16em;margin-block-start:.25rem;font-size:.6875rem;line-height:1.3}.member-card .detail .label{block-size:2.25rem;padding-inline:var(--face-inset);border-block-end:var(--rule);font-family:var(--font-pixel);letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:.625rem;font-weight:400;display:flex}.member-card .detail .introduction{padding-block:1.125rem 1.375rem;padding-inline:var(--face-inset);border-block-end:var(--rule);gap:.5rem;font-size:.8125rem;line-height:1.9;display:grid}.member-card .detail .hire{block-size:2.75rem;padding-inline:var(--face-inset) 4rem;border-block-start:var(--rule);letter-spacing:.04em;align-items:center;font-size:.75rem;line-height:1.5;display:flex}.member-card .detail .hire a{align-items:center;display:inline-flex}.member-card .detail .hire .text{padding-block-end:.125rem;position:relative}.member-card .detail .hire .text:after{content:"";background:var(--color-ink);transform-origin:100%;block-size:1px;transition:transform .5s var(--ease-out);position:absolute;inset-block-end:0;inset-inline:0}.member-card .detail .hire a:hover .text{background:var(--noise-layers), linear-gradient(var(--color-accent), var(--color-accent));color:#0000;-webkit-background-clip:text;background-clip:text}.member-card .detail .hire a:hover .text:after{transform:scaleX(0)}.member-card .detail .hire a:hover .icon-external{color:var(--color-accent)}.member-card .detail .profile .row{padding-block:.875rem 1rem;padding-inline:var(--face-inset);border-block-end:var(--rule);gap:.375rem;display:grid}.member-card .detail .profile dt{font-family:var(--font-pixel);letter-spacing:.08em;font-size:.625rem;line-height:1.6}.member-card .detail .profile dd{font-family:var(--font-family-instrument-sans), var(--font-family-noto-sans-japanese);letter-spacing:.04em;gap:.125rem;font-size:.75rem;line-height:1.7;display:grid}.member-card .sample{grid-template-columns:var(--number-width) minmax(0, 1fr) auto;border-block-end:var(--rule);align-items:center;display:grid;position:relative}.member-card .sample .number{font-family:var(--font-pixel);letter-spacing:.08em;text-align:center;font-size:.625rem}.member-card .sample .title{letter-spacing:.04em;padding-inline-start:.875rem;font-size:.8125rem;line-height:1.5}.member-card .sample.audio{transition:background .3s var(--ease)}.member-card .sample.audio:has(.play:hover){background:#141b270a}.member-card .sample.audio .play{grid-column:1/3;grid-template-columns:var(--number-width) minmax(0, 1fr);text-align:start;align-items:center;padding-block:.9375rem;display:grid}.member-card .sample.audio .mark{place-items:center;display:grid}.member-card .sample.audio .mark>*{grid-area:1/1}.member-card .sample.audio .mark svg{block-size:.5625rem;inline-size:.5625rem;display:none}.member-card .sample.audio .play:hover .number,.member-card .sample.audio.is-playing .number{visibility:hidden}.member-card .sample.audio .play:hover .play-icon,.member-card .sample.audio.is-playing .pause-icon{display:block}.member-card .sample.audio.is-playing .play-icon{display:none}.member-card .sample.audio .time{font-family:var(--font-pixel);letter-spacing:.04em;padding-inline-end:var(--face-inset);font-size:.625rem}.member-card .sample.audio .versions{padding-block-end:.9375rem;padding-inline:.875rem var(--face-inset);grid-column:2/-1;gap:1.125rem;margin-block-start:-.5rem;display:flex}.member-card .sample.audio .version{letter-spacing:.04em;transition:border-color .3s var(--ease);border-block-end:1px solid #0000;padding-block-end:.125rem;font-size:.6875rem;line-height:1.5}.member-card .sample.audio .version[aria-pressed=true]{border-block-end-color:currentColor}.member-card .sample.audio .progress{block-size:1px;position:absolute;inset-block-end:-1px;inset-inline:0}.member-card .sample.audio .bar{background:var(--color-accent);transform-origin:0;block-size:100%;display:block;transform:scaleX(0)}.member-card .sample.video .heading{grid-column:1/-1;grid-template-columns:var(--number-width) minmax(0, 1fr);align-items:center;padding-block:.9375rem .75rem;display:grid}.member-card .sample.video .screen{aspect-ratio:16/9;margin-block-end:1rem;margin-inline:.875rem var(--face-inset);grid-column:2/-1;place-items:center;display:grid}.member-card .sample.video .play{z-index:4;background:var(--color-on-ink);block-size:2.5rem;inline-size:2.5rem;color:var(--color-ink);transition:background .4s var(--ease), color .4s var(--ease);border-radius:50%;place-items:center;display:grid;position:relative}.member-card .sample.video .play svg{block-size:.6875rem;inline-size:.6875rem}.member-card .sample.video .play:hover{background:var(--noise-layers), var(--color-accent);color:var(--color-on-ink)}.member-card .sample.video.is-playing .play{display:none}.member-card .sample.video .player{z-index:4;border:0;block-size:100%;inline-size:100%;position:absolute;inset:0}.member-card .foil{z-index:5;mix-blend-mode:hard-light;pointer-events:none;opacity:0;block-size:100%;inline-size:100%;position:absolute;inset:0}.member-card .foil.is-ready{opacity:1}.member-card .note{color:var(--color-ink);cursor:pointer;align-items:flex-start;gap:.125rem;display:flex;position:absolute;inset-block-start:calc(100% + .25rem);inset-inline-end:.75rem}.member-card .note .word{font-family:var(--font-handwriting);letter-spacing:0;text-underline-offset:.12em;padding-block-start:1.125rem;font-size:1.875rem;line-height:1;text-decoration:underline;text-decoration-thickness:1px}.member-card .note .arrow{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;block-size:auto;inline-size:2.5rem}.member-card .opener{opacity:clamp(0, (var(--front-facing,1) - .6) * 2.5, 1)}.member-card .closer{visibility:hidden;opacity:clamp(0, (-1 * var(--front-facing,1) - .6) * 2.5, 1)}.member-card.is-open .opener{visibility:hidden}.member-card.is-detail .closer{visibility:visible}.member-card .gauge{inset-block:.75rem calc((2.75rem + 1px) * var(--card-scale,1) + .75rem);pointer-events:none;opacity:0;visibility:hidden;inline-size:.375rem;transition:opacity .3s var(--ease), visibility 0s .3s;background:#141b271a;border-radius:.1875rem;position:absolute;inset-inline-start:calc(100% + .375rem)}.member-card.is-detail[data-scrollable] .gauge{opacity:1;visibility:visible;transition:opacity .4s var(--ease) .4s, visibility 0s .4s}.member-card .thumb{block-size:calc(var(--scroll-size,1) * 100%);transform-origin:top;scale:1 var(--scroll-stretch,1);background:#141b2773;border-radius:.1875rem;transition:scale .5s cubic-bezier(.3,1.35,.5,1);position:absolute;inset-block-start:calc(var(--scroll-start,0) * 100%);inset-inline:0}.member-card[data-scroll-direction=up] .thumb{transform-origin:bottom}.member-card .edge{filter:brightness(var(--edge-light,.8));background:#e4dfd4;position:absolute}.member-card .edge.inline-start,.member-card .edge.inline-end{inline-size:var(--card-thickness);inset-block:0;inset-inline-start:calc(50% - var(--card-thickness) / 2)}.member-card .edge.inline-start{transform:rotateY(-90deg) translateZ(calc(var(--card-width) / 2))}.member-card .edge.inline-end{transform:rotateY(90deg) translateZ(calc(var(--card-width) / 2))}.member-card .edge.block-start,.member-card .edge.block-end{block-size:var(--card-thickness);inset-block-start:calc(50% - var(--card-thickness) / 2);inset-inline:0}.member-card .edge.block-start{transform:rotateX(90deg) translateZ(calc(var(--card-height) / 2))}.member-card .edge.block-end{transform:rotateX(-90deg) translateZ(calc(var(--card-height) / 2))}.member-card .back{isolation:isolate;transform:rotateY(180deg) translateZ(calc(var(--card-thickness) / 2));background:linear-gradient(150deg,#6c727d,#c9ccd2 24%,#7f858f 46%,#e1e3e7 68%,#6f7580 90%)}.member-card .hologram{opacity:0;block-size:100%;inline-size:100%;position:absolute;inset:0}.member-card .hologram.is-ready{opacity:1}.member-card .engraving{--logo:url(/_astro/logo-typography.D_XWH9AU.svg);--logo-size:74% auto;--engraving-depth:calc(1.4 * var(--card-unit));--light-x:-.6;--light-y:-.8;pointer-events:none;-webkit-mask:var(--logo) center / var(--logo-size) no-repeat;mask:var(--logo) center / var(--logo-size) no-repeat;position:absolute;inset:0}.member-card .engraving.surface{mix-blend-mode:multiply;background:#5d6275}.member-card .engraving.shadow{-webkit-mask:var(--logo) center / var(--logo-size) no-repeat, var(--logo) calc(50% - var(--light-x) * var(--engraving-depth)) calc(50% - var(--light-y) * var(--engraving-depth)) / var(--logo-size) no-repeat;mask:var(--logo) center / var(--logo-size) no-repeat, var(--logo) calc(50% - var(--light-x) * var(--engraving-depth)) calc(50% - var(--light-y) * var(--engraving-depth)) / var(--logo-size) no-repeat;background:#141622cc;-webkit-mask-composite:source-out;mask-composite:subtract}.member-card .engraving.highlight{-webkit-mask:var(--logo) center / var(--logo-size) no-repeat, var(--logo) calc(50% + var(--light-x) * var(--engraving-depth)) calc(50% + var(--light-y) * var(--engraving-depth)) / var(--logo-size) no-repeat;mask:var(--logo) center / var(--logo-size) no-repeat, var(--logo) calc(50% + var(--light-x) * var(--engraving-depth)) calc(50% + var(--light-y) * var(--engraving-depth)) / var(--logo-size) no-repeat;background:#ffffffd9;-webkit-mask-composite:source-out;mask-composite:subtract}.member-page{--page-end-space:6rem;min-block-size:100svh;padding-block:var(--menu-size) var(--page-end-space);padding-inline:var(--gutter);place-items:center;display:grid}@media (width<=37.5rem){.member-page{--page-end-space:calc(9.5rem + env(safe-area-inset-bottom,0rem))}}.member-page .backdrop{z-index:-1;pointer-events:none;opacity:.5;display:block;position:fixed;inset:0;overflow:hidden}.member-page .backdrop .photo{object-fit:cover;filter:blur(.25rem);block-size:100%;inline-size:100%;scale:1.1}.member-page .contact{z-index:60;background:var(--color-ink);color:var(--color-on-ink);font-size:var(--font-size-13);letter-spacing:.16em;transition:background .4s var(--ease);align-items:center;gap:.875rem;padding-block:.875rem;padding-inline:1.5rem;font-weight:500;line-height:1.5;display:flex;position:fixed;inset-block-end:calc(1.5rem + env(safe-area-inset-bottom,0rem));inset-inline-end:1.5rem}.member-page .contact:hover{background:var(--noise-layers), var(--color-accent)}.member-page .contact .icon-external{block-size:.875rem;inline-size:.875rem;margin-inline-start:0}@media (width<=37.5rem){.member-page .contact{inset-inline:var(--gutter);justify-content:space-between}}.moved-notice{z-index:60;background:var(--color-ink);color:var(--color-on-ink);display:block;position:relative}.moved-notice[hidden]{display:none}.moved-notice .body{min-block-size:var(--menu-size);padding-block:.875rem;padding-inline:var(--gutter) calc(var(--menu-size) + .5rem);align-items:center;gap:1rem;display:flex}.moved-notice .text{font-size:var(--font-size-13);letter-spacing:.04em;flex:1;line-height:1.8}.moved-notice .close{block-size:2.5rem;inline-size:2.5rem;color:var(--color-on-ink);transition:color .3s var(--ease);flex:none;place-items:center;display:grid}.moved-notice .close:hover{color:var(--color-accent)}.moved-notice .icon-close{block-size:1.125rem;inline-size:1.125rem;rotate:45deg}@media (width<=37.5rem){.moved-notice{position:fixed;inset-block-end:0;inset-inline:0}.moved-notice .body{min-block-size:0;padding-block:.625rem calc(.625rem + env(safe-area-inset-bottom,0rem));padding-inline:var(--gutter) .5rem;gap:.5rem}.moved-notice .text{font-size:var(--font-size-11);letter-spacing:.02em;line-height:1.7}.moved-notice .close{block-size:2rem;inline-size:2rem}.moved-notice .icon-close{block-size:.875rem;inline-size:.875rem}}.not-found{min-block-size:100svh;padding-block:calc(var(--menu-size) + 2rem) 4rem;padding-inline:var(--gutter);text-align:center;align-content:center;justify-items:center;gap:1.5rem;display:grid}.not-found .screen{aspect-ratio:4/3;inline-size:min(100%,26rem);color:var(--color-on-ink);place-items:center;margin-block-end:1rem;display:grid}.not-found .channel{z-index:4;font-family:var(--font-pixel);font-size:var(--font-size-18);line-height:1;position:absolute;inset-block-start:.875rem;inset-inline-start:1rem}.not-found .signal{z-index:4;font-family:var(--font-pixel);font-size:var(--font-size-24);letter-spacing:.16em;animation:1.6s step-end infinite not-found-blink;position:relative}.not-found .heading{justify-items:center;gap:.75rem;font-weight:400;display:grid}.not-found .english{font-family:var(--font-latin);font-size:var(--font-size-title);letter-spacing:-.01em;line-height:1}.not-found .japanese{font-size:var(--font-size-16);letter-spacing:.08em;font-weight:500}.not-found .message{max-inline-size:32em;font-size:var(--font-size-14);color:var(--color-ink-2);line-height:2}.not-found .home{background:var(--color-ink);color:var(--color-on-ink);font-size:var(--font-size-13);letter-spacing:.16em;transition:background .4s var(--ease);align-items:center;gap:.875rem;margin-block-start:.5rem;padding-block:.75rem;padding-inline:1.875rem;font-weight:500;display:inline-flex}.not-found .home:hover{background:var(--noise-layers), var(--color-accent)}.not-found .icon-arrow{block-size:1rem;inline-size:1rem;transition:transform .5s var(--ease-out)}.not-found .home:hover .icon-arrow{transform:translate(.25rem)}@media (prefers-reduced-motion:reduce){.not-found .signal{animation:none}}@keyframes not-found-blink{0%,60%{opacity:1}61%,to{opacity:.25}}.original-ip{--card-step:clamp(10rem, 9vw + 6rem, 18rem);padding-block:clamp(7.5rem,14vw,13.5rem);padding-inline:var(--gutter) var(--gutter-end);position:relative}:root.has-javascript .original-ip{color:var(--color-on-ink)}.original-ip .cards{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(var(--card-step), auto) var(--card-step) auto;margin-inline:calc(var(--gutter) * -1) calc(var(--gutter-end) * -1);align-items:start;display:grid}.original-ip .heading{padding-block-end:1.5rem;padding-inline:clamp(1.5rem, 3vw, 3.5rem) var(--gutter-end);grid-area:1/2/auto/-1;align-content:start;gap:1.5rem;display:grid}.original-ip .introduction{color:var(--color-ink-2)}:root.has-javascript .original-ip .introduction{color:#eef2f3b8}.original-ip .card{background:var(--noise-layers), var(--color-accent);min-block-size:clamp(32rem,50vw,48rem);color:var(--color-on-ink);text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding-block:clamp(2.5rem,4vw,4rem);padding-inline:clamp(1.5rem,3vw,3.5rem);display:flex}.original-ip .card:first-of-type{grid-area:1/1/-1}.original-ip .card:nth-of-type(2){--delay:.14s;border-inline-start:1px solid #eef2f347;grid-area:2/2/-1}.original-ip .card:nth-of-type(3){--delay:.28s;border-inline-start:1px solid #eef2f347;grid-area:3/3}.original-ip .kind{color:#eef2f3c7}.original-ip .photo{aspect-ratio:4/3;inline-size:min(100%,22rem);margin-block-start:auto}.original-ip nihonworks-ambient-video{display:block}.original-ip .photo video{object-fit:cover;filter:saturate(.88);block-size:100%;inline-size:100%;transition:transform 1.4s var(--ease-out);transform:scale(1.04)}.original-ip .card:hover .photo video{transform:scale(1.1)}.original-ip h3{justify-items:center;gap:.75rem;margin-block-start:.5rem;display:grid}.original-ip .reading{font-size:var(--font-size-11);letter-spacing:.24em;color:#eef2f3d1;font-weight:500;line-height:1}.original-ip .logo{block-size:auto;display:block}.original-ip .logo-o2bito{inline-size:clamp(7rem,10vw,10rem)}.original-ip .logo-fumiyomi{inline-size:clamp(12rem,17vw,17rem);color:var(--color-ink)}.original-ip .logo-motoloco{inline-size:clamp(8rem,11.5vw,11.5rem)}.original-ip .description{max-inline-size:24rem;line-height:1.9}.original-ip .links{justify-content:center;gap:.5rem;margin-block-start:auto;display:flex}.original-ip .links a{background:var(--color-ink);block-size:2.75rem;inline-size:2.75rem;color:var(--color-on-ink);place-items:center;display:grid;position:relative}.original-ip .service{block-size:1.125rem;inline-size:1.125rem}.original-ip .label{background:var(--color-ink);font-size:var(--font-size-11);letter-spacing:.06em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s var(--ease), translate .3s var(--ease);padding-block:.375rem;padding-inline:.625rem;line-height:1;position:absolute;inset-block-end:calc(100% + .375rem);inset-inline-start:50%;translate:-50% .25rem}.original-ip .links a:is(:hover,:focus-visible) .label{opacity:1;translate:-50%}@media (width<=64rem){.original-ip .cards{grid-template-rows:none;grid-template-columns:1fr}.original-ip .heading,.original-ip .card:nth-of-type(n){grid-area:auto/1;margin-block-start:0}.original-ip .heading{padding-block-end:2.5rem;padding-inline:var(--gutter) var(--gutter-end)}.original-ip .card:nth-of-type(n){border-inline-start:0;min-block-size:0}.original-ip .card+.card{border-block-start:1px solid #eef2f347}.original-ip .photo,.original-ip .links{margin-block-start:0}}.section-heading{align-items:baseline;gap:max(1rem, calc(var(--font-size-display) * .3)) 1.5rem;flex-wrap:wrap;font-weight:400;display:flex}.section-heading .english{font-family:var(--font-latin);font-weight:400;font-size:var(--font-size-display);letter-spacing:-.03em;line-height:.88}.section-heading .meta{align-items:center;gap:.875rem;display:inline-flex}.section-heading .japanese{font-size:var(--font-size-13);letter-spacing:.12em;font-feature-settings:"palt";font-weight:500;line-height:1.6}.section-heading .meter{block-size:1.5rem;inline-size:15rem;color:var(--color-accent);flex:none;display:block}.section-heading canvas{block-size:100%;inline-size:100%}@media (width<=46.875rem){.section-heading{flex-direction:column;align-items:flex-start}.section-heading .meter{inline-size:10rem}}.site-footer{padding-block:clamp(7rem,12vw,12rem) clamp(1.5rem,3vw,2.5rem);padding-inline:var(--gutter) var(--gutter-end)}.site-footer .wrapper{gap:clamp(4.5rem,9vw,8.5rem);max-inline-size:82.5rem;margin-inline:auto;display:grid}.site-footer .top{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:3.5rem clamp(2.5rem,7vw,8rem);display:grid}.site-footer .contact{gap:1.75rem;display:grid}.site-footer .lead{font-size:var(--font-size-13);color:var(--color-ink-2)}.site-footer .lead a{color:var(--color-ink);text-underline-offset:.25em;transition:color .4s var(--ease);text-decoration:underline;text-decoration-thickness:1px}.site-footer .lead a .icon-external{margin-inline-start:.125rem}.site-footer .lead a:hover{color:var(--color-accent)}.site-footer .notes{font-size:var(--font-size-12);color:var(--color-ink-2);gap:.375rem;display:grid}.site-footer .notes li:before{content:"";background:var(--color-vermilion);vertical-align:.32em;block-size:1px;inline-size:1rem;margin-inline-end:.625rem;display:inline-block}.site-footer .index{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:2.5rem 2rem;padding-block-start:.625rem;display:grid}.site-footer .index h2{color:var(--color-ink-2);margin-block-end:1rem}.site-footer .index ul{gap:.5rem;display:grid}.site-footer .index a{font-size:var(--font-size-15);letter-spacing:.06em;font-feature-settings:"palt";align-items:center;display:inline-flex}.site-footer .index a:hover{background:var(--noise-layers), linear-gradient(var(--color-accent), var(--color-accent));color:#0000;-webkit-background-clip:text;background-clip:text}.site-footer .index a:hover .icon-external{color:var(--color-accent)}.site-footer .social-list{--social-list-font-size:var(--font-size-15);--social-list-icon-size:1.125rem}.site-footer .index .social-list a:hover{color:var(--color-accent);background:0 0}.site-footer .stack{align-content:start;gap:2.5rem;display:grid}.site-footer .office{grid-column:1/-1}.site-footer address{font-style:normal;font-size:var(--font-size-13);color:var(--color-ink-2);line-height:1.9}.site-footer .sign{border-block-start:1px solid var(--color-line);justify-items:center;gap:clamp(1.75rem,3vw,2.75rem);padding-block-start:clamp(3.5rem,7vw,6.5rem);display:grid}.site-footer .sign-lockup{font-size:calc(min(26.25rem,72vw)/26.7214)}.site-footer .sign-lockup .lines{font-size:calc(min(max(34.6svh,13.4075rem),80vw)/26.7214)}.site-footer .operator{color:var(--color-ink);transition:color .4s var(--ease);align-items:center;gap:.875rem;display:inline-flex}.site-footer .operator:hover{color:var(--color-accent)}.site-footer .operator-label{font-size:var(--font-size-11);letter-spacing:.06em;color:var(--color-ink-2)}.site-footer .operator-logo{block-size:1.625rem;inline-size:auto;display:block}.site-footer .base{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.625rem 2rem;inline-size:100%;display:flex}.site-footer .legal{font-size:var(--font-size-12);letter-spacing:.06em;font-feature-settings:"palt";color:var(--color-ink-2);flex-wrap:wrap;gap:.375rem 1.5rem;display:flex}.site-footer .legal a{transition:color .4s var(--ease);align-items:center;display:inline-flex}.site-footer .legal a:hover{color:var(--color-accent)}.site-footer .copyright{font-size:var(--font-size-12);letter-spacing:.08em;color:var(--color-ink-2)}@media (width<=64rem){.site-footer .top{grid-template-columns:1fr}}@media (width<=37.5rem){.site-footer .index{grid-template-columns:1fr}.site-footer .office{grid-column:auto}}.site-menu .menu-button{z-index:80;inline-size:var(--menu-size);block-size:var(--menu-size);background:var(--color-ink);color:var(--color-on-ink);transition:background .4s var(--ease);place-items:center;padding-inline-start:.16em;display:grid;position:fixed;inset-block-start:env(safe-area-inset-top,0rem);inset-inline-end:0}.site-menu .menu-button:hover{background:var(--noise-layers), var(--color-accent)}.site-menu .menu-button .close,.site-menu.is-open .menu-button .open{display:none}.site-menu.is-open .menu-button .close{display:inline}.site-menu .menu{z-index:70;--menu-padding-end:var(--gutter-end);padding-block:calc(var(--menu-size) + clamp(1rem, 4vh, 2.5rem)) clamp(1.25rem, 3vh, 2rem);padding-inline:var(--gutter) var(--menu-padding-end);overflow-block:auto;overscroll-behavior:contain;background:var(--color-ink);color:var(--color-on-ink);visibility:hidden;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,4vh,3rem);display:grid;position:fixed;inset:0;overflow-y:auto}.site-menu:is(.is-open,.is-closing) .menu{visibility:visible}.site-menu.is-open .menu{animation:screen-on .6s var(--ease-out) backwards}.site-menu.is-closing .menu{animation:screen-off .4s var(--ease) both}.site-menu .noise{pointer-events:none;opacity:.32;background:url(/_astro/grain.0d-CIK2g.png) 0 0/16rem;animation:.5s step-end infinite television-grain;position:fixed;inset:0}.site-menu .static{pointer-events:none;opacity:0;mix-blend-mode:screen;filter:contrast(3)brightness(1.4);background:url(/_astro/grain.0d-CIK2g.png) 0 0/8rem;position:fixed;inset:0}.site-menu.is-open .static{animation:.42s step-end .2s both static-noise}.site-menu :is(.channel-display,.menu-list,.menu-side,.wave){opacity:0}.site-menu.is-open :is(.channel-display,.menu-list,.menu-side,.wave){animation:.2s step-end .5s both flicker}.site-menu .channel-display{font-family:var(--font-pixel);font-size:var(--font-size-12);letter-spacing:.16em;color:#eef2f3b8;line-height:1;position:absolute;inset-block-start:calc(env(safe-area-inset-top,0rem) + var(--menu-size) / 2);inset-inline-start:var(--gutter);translate:0 -50%}.site-menu .channel-display span.is-on{animation:.2s step-end both flicker}.site-menu .menu-body{grid-template-columns:minmax(0,1fr) minmax(12.5rem,18rem);align-self:safe center;align-items:end;gap:clamp(2rem,5vh,3.5rem) clamp(2.5rem,7vw,8rem);display:grid}.site-menu .menu-list{border-block-start:1px solid #eef2f324;display:grid}.site-menu .menu-list a{border-block-end:1px solid #eef2f324;grid-template-columns:3em minmax(0,1fr) auto;align-items:baseline;gap:.25rem 1.5rem;padding-block:clamp(.5rem,1.5vh,1rem);display:grid}.site-menu .number{font-family:var(--font-pixel);font-size:var(--font-size-12);letter-spacing:.12em;color:#eef2f373;transition:color .4s var(--ease)}.site-menu .english{font-family:var(--font-latin);font-size:min(var(--font-size-title), 6.2vh);letter-spacing:-.015em;transition:transform .6s var(--ease-out), color .4s var(--ease);line-height:1.05}.site-menu .japanese{font-size:var(--font-size-12);letter-spacing:.1em;font-feature-settings:"palt";color:#eef2f38c}.site-menu .menu-list a:is(:hover,:focus-visible) :is(.number,.english){background:var(--noise-layers), linear-gradient(var(--color-accent), var(--color-accent));color:#0000;-webkit-background-clip:text;background-clip:text}.site-menu .menu-list a:is(:hover,:focus-visible) .english{font-style:italic;transform:translate(.625rem)}.site-menu .menu-side{gap:clamp(1.75rem,5vh,3.5rem);padding-block-end:clamp(.5rem,1.5vh,1rem);display:grid}.site-menu .menu-label{font-weight:400;font-size:var(--font-size-11);color:#eef2f373;margin-block-end:.875rem}.site-menu .social-list .project.is-handle{font-family:var(--font-pixel);letter-spacing:.04em;background:var(--noise-layers), linear-gradient(var(--color-accent), var(--color-accent));color:#0000;-webkit-background-clip:text;background-clip:text}.site-menu .copyright{font-size:var(--font-size-11);letter-spacing:.1em;color:#eef2f373;line-height:1.8}.site-menu .wave{--wave-duration:3s;inline-size:calc(100% + var(--gutter) + var(--menu-padding-end));block-size:clamp(2.25rem,7vh,4rem);max-inline-size:none;margin-inline:calc(var(--gutter) * -1) calc(var(--menu-padding-end) * -1);color:var(--color-accent);display:block;overflow:hidden}.site-menu .wave path{fill:none;stroke:currentColor;stroke-linejoin:round;stroke-linecap:round}.site-menu .wave .fine-line{stroke-width:1.2px}.site-menu .wave .slow-line{stroke-width:1px;opacity:.45}.site-menu .wave .afterglow{opacity:.35}.site-menu .wave :is(.beam-rectangle,.new-clip-rectangle,.old-clip-rectangle){transform-box:view-box;transform-origin:0 0}.site-menu .wave .new-clip-rectangle{transform:scaleX(0)}.site-menu .wave.is-on{animation:.2s step-end both wave-switch}.site-menu.is-open .wave .beam-rectangle{animation:wave-beam var(--wave-duration) linear infinite}.site-menu.is-open .wave .new-clip-rectangle{animation:wave-new-clip var(--wave-duration) linear infinite}.site-menu.is-open .wave .old-clip-rectangle{animation:wave-old-clip var(--wave-duration) linear infinite}@media (width<=64rem){.site-menu .menu{--menu-padding-end:var(--gutter)}.site-menu .menu-body{grid-template-columns:minmax(0,1fr)}.site-menu .menu-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}}@media (width<=37.5rem){.site-menu .wave{--wave-duration:2s}.site-menu .menu-list a{grid-template-columns:2.2em minmax(0,1fr);gap:.125rem .75rem}.site-menu .japanese{font-size:var(--font-size-11);grid-column:2}.site-menu .english{font-size:min(var(--font-size-title), 5vh)}.site-menu .menu-side{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.site-menu:is(.is-open,.is-closing) .menu,.site-menu.is-open .static,.site-menu .noise{animation:none}.site-menu .wave .afterglow{opacity:.8}.site-menu .wave .beam{display:none}.site-menu .wave .new-clip-rectangle{transform:none}.site-menu.is-open .wave :is(.beam-rectangle,.new-clip-rectangle,.old-clip-rectangle){animation:none}}@keyframes wave-beam{0%{transform:translate(0)}80%,to{transform:translate(118%)}}@keyframes wave-new-clip{0%{transform:scaleX(0)}67.8%,to{transform:scaleX(1)}}@keyframes wave-old-clip{0%{transform:translate(0)}67.8%,to{transform:translate(100%)}}@keyframes wave-switch{0%,39%{opacity:1}20%,59%{opacity:0}60%,to{opacity:1}}@keyframes static-noise{0%{opacity:1;background-position:0 0}20%{opacity:.9;background-position:-2.3125rem 1.3125rem}40%{opacity:1;background-position:3.25rem -.875rem}60%{opacity:.6;background-position:-1.125rem -2.8125rem}80%{opacity:.85;background-position:2.5625rem .5625rem}to{opacity:0;background-position:0 0}}@keyframes screen-on{0%{clip-path:inset(50% 0);filter:brightness(3)}35%{clip-path:inset(calc(50% - 1px) 0);filter:brightness(2)}to{clip-path:inset(0);filter:brightness()}}@keyframes screen-off{0%{clip-path:inset(0);filter:brightness()}60%{clip-path:inset(calc(50% - 1px) 0);filter:brightness(2)}to{clip-path:inset(calc(50% - 1px) 50%);filter:brightness(3)}}.social-list{gap:.75rem;display:grid}.social-list li{grid-template-columns:9rem auto;align-items:center;column-gap:.875rem;display:grid}.social-list .project{white-space:nowrap;font-size:var(--social-list-font-size,var(--font-size-13));letter-spacing:.06em;font-feature-settings:"palt";overflow:hidden}.social-list .accounts{align-items:center;gap:.625rem;display:flex}.social-list .accounts a{transition:color .3s var(--ease);place-items:center;display:grid}.social-list .accounts a:is(:hover,:focus-visible){color:var(--color-accent)}.social-list .service{inline-size:var(--social-list-icon-size,1rem);block-size:var(--social-list-icon-size,1rem);flex:none}.make{--illustration-light:#fffaf2;--illustration-peach:#eec3a8;--illustration-cyan:#b3d4d6;--illustration-cream:#e8d6a6;--illustration-blue:#aabbd8;--ease-sine:cubic-bezier(.37, 0, .63, 1);padding-block:clamp(7.5rem,14vw,13.5rem);padding-inline:var(--gutter) var(--gutter-end)}.make .wrapper{gap:clamp(3.5rem,7vw,6.5rem);max-inline-size:82.5rem;margin-inline:auto;display:grid}.make .two-column{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:2rem clamp(2rem,6vw,7.5rem);display:grid}.make .introduction{color:var(--color-ink-2);max-inline-size:30em}.make .diagram{--node-size:clamp(4.5rem, 9vw, 8rem);aspect-ratio:100/92;inline-size:min(100%,44rem);margin-block-end:3rem;margin-inline:auto;position:relative}.make .diagram-lines{block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible}.make .line{fill:none;stroke:#141b272e;stroke-width:1px;vector-effect:non-scaling-stroke;transition:stroke .4s var(--ease)}.make .node-films{--node-x:50%;--node-y:10.67%;--node-scale:1.25}.make .node-design{--node-x:88.04%;--node-y:40.72%}.make .node-voice{--node-x:73.51%;--node-y:89.33%}.make .node-writing{--node-x:26.49%;--node-y:89.33%}.make .node-software{--node-x:11.96%;--node-y:40.72%}.make nihonworks-make-diagram{display:block}.make .node{inline-size:calc(var(--node-size) * var(--node-scale,1));translate:-50% -50%;transform:translate(var(--drag-x,0px), var(--drag-y,0px));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:scale .6s var(--ease-out);position:absolute;inset-block-start:var(--node-y);inset-inline-start:var(--node-x)}.make .node .illustration{cursor:grab}.make .node.is-dragging{z-index:1}.make .node.is-dragging .illustration{cursor:grabbing}.make .node .label{white-space:nowrap;text-align:center;text-shadow:0 0 .25rem var(--color-paper), 0 0 .5rem var(--color-paper), 0 0 .75rem var(--color-paper);justify-items:center;gap:.25rem;display:grid;position:absolute;inset-block-start:100%;inset-inline-start:50%;translate:-50%}.make .node .label .english{font-family:var(--font-latin);font-size:var(--font-size-18);line-height:1}.make .node .label .japanese{font-size:var(--font-size-11);letter-spacing:.08em;font-feature-settings:"palt";color:var(--color-ink-2);transition:color .4s var(--ease);font-weight:500}@media (hover:hover) and (pointer:fine){.make .node:hover{scale:1.14}.make .node:hover .label .japanese{color:var(--color-accent)}.make .diagram:has(.node-films:hover) .line-films,.make .diagram:has(.node-design:hover) .line-design,.make .diagram:has(.node-voice:hover) .line-voice,.make .diagram:has(.node-writing:hover) .line-writing,.make .diagram:has(.node-software:hover) .line-software{stroke:var(--color-accent)}}.make .item{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;column-gap:clamp(1rem,2vw,2rem);padding-block:clamp(2.5rem,5vw,4.5rem);display:grid}.make .illustration{grid-column:1/span 4}.make .body{grid-column:6/-1;justify-items:start;gap:1.25rem;display:grid}.make .item:nth-child(2n) .illustration{grid-column:9/-1}.make .item:nth-child(2n) .body{grid-area:1/1/auto/span 7}.make .number{font-family:var(--font-latin);font-size:var(--font-size-18);color:var(--color-ink-2);line-height:1}.make h3{gap:.75rem;font-weight:400;display:grid}.make h3 .english{font-family:var(--font-latin);font-size:var(--font-size-title);letter-spacing:-.02em;transition:transform .6s var(--ease-out);margin-block-end:-.2em;padding-block-end:.2em;line-height:.9}.make h3 .japanese{font-weight:500;font-size:var(--font-size-16);letter-spacing:.08em;font-feature-settings:"palt"}.make .what{max-inline-size:34em;font-size:var(--font-size-15);line-height:2}.make .things{flex-wrap:wrap;gap:.5rem;display:flex}.make .things li{font-size:var(--font-size-12);letter-spacing:.06em;font-feature-settings:"palt";border:1px solid var(--color-line);white-space:nowrap;border-radius:62.4375rem;padding-block:.59375rem .46875rem;padding-inline:.75rem;line-height:1}@media (hover:hover) and (pointer:fine){.make .item:hover h3 .english{background:var(--noise-layers), linear-gradient(var(--color-accent), var(--color-accent));color:#0000;-webkit-background-clip:text;background-clip:text;transform:translate(.375rem)}}.make .illustration{aspect-ratio:1;cursor:pointer;touch-action:manipulation;display:block;position:relative}.make .shape{--depth:1;transform:translate(calc(var(--pointer-x,0) * var(--depth) * 1rem), calc(var(--pointer-y,0) * var(--depth) * 1rem));transition:transform .9s var(--ease-out);animation:make-drift 7s var(--ease-calm) infinite alternate;border-radius:50%;display:block;position:absolute}.make .shape:nth-child(2n){--depth:2;animation-duration:9s;animation-direction:alternate-reverse}.make .shape:nth-child(3n){--depth:3;animation-duration:11s}.make .illustration-films{animation:make-drift 7s var(--ease-calm) infinite alternate}.make .illustration-films .shape{--depth:2;animation:none}.make .illustration-films .shape:first-child{z-index:1;background:var(--noise-layers), radial-gradient(circle at 34% 30%, var(--illustration-light), var(--illustration-peach) 46%, var(--illustration-cyan));inset:16% 18% 22% 16%}.make .illustration-films .shape:nth-child(2){border:1px solid #141b2738;inset:36% 2% 40% 0%;rotate:-16deg}.make .illustration-films .shape:nth-child(3){aspect-ratio:1;background:var(--noise-layers), radial-gradient(circle at 35% 30%, #ef8f7f, var(--color-accent));inline-size:12%;translate:calc((3.925 * var(--orbit-cos) + .276 * var(--orbit-sin)) * 100%) calc((-1.125 * var(--orbit-cos) + .961 * var(--orbit-sin)) * 100%);scale:calc(1 + .14 * var(--orbit-sin));animation:make-orbit-cos 5s var(--ease-sine) infinite alternate, make-orbit-sin 5s var(--ease-sine) -7.5s infinite alternate, make-orbit-depth 10s steps(1, end) infinite;inset-block-start:42%;inset-inline-start:43%}.make .illustration-design .shape:first-child{background:var(--noise-layers), radial-gradient(circle at 36% 32%, var(--illustration-light), var(--illustration-cyan) 55%, var(--illustration-blue));inset:30% 40% 18% 8%}.make .illustration-design .shape:nth-child(2){background:var(--noise-layers), linear-gradient(150deg, var(--illustration-light), var(--illustration-cream) 50%, var(--illustration-peach));opacity:.86;animation:make-drift 9s var(--ease-calm) infinite alternate-reverse, make-turn 14s var(--ease-calm) infinite alternate;border-radius:18%;inset:14% 10% 36% 40%}.make .illustration-design .shape:nth-child(3){background:var(--noise-layers), var(--color-accent);inset:70% 22% 22% 70%}.make .illustration-voice .shape:first-child{z-index:1;background:var(--noise-layers), radial-gradient(circle at 36% 30%, var(--illustration-light), var(--illustration-peach) 50%, #e39a86);animation:make-pulse 2.4s var(--ease-calm) infinite alternate;inset:38%}.make .illustration-voice .shape:nth-child(n+2){animation:make-ripple 6s var(--ease-out) infinite;background:radial-gradient(circle,#0000 55%,#b3d4d659);border:1px solid #141b273d;inset:4%}.make .illustration-voice .shape:nth-child(3){animation-delay:-2s}.make .illustration-voice .shape:nth-child(4){animation-delay:-4s}.make .illustration-writing .shape{border-radius:62.4375rem}.make .illustration-writing .shape:nth-child(-n+3){transform-origin:0;background:var(--noise-layers), linear-gradient(90deg, var(--illustration-light), var(--illustration-cream) 40%, var(--illustration-blue));animation:make-type 5s var(--ease-calm) infinite alternate}.make .illustration-writing .shape:first-child{inset:24% 8% 64% 6%}.make .illustration-writing .shape:nth-child(2){animation-delay:-1.6s;inset:44% 22% 44% 14%}.make .illustration-writing .shape:nth-child(3){animation-delay:-3.2s;inset:64% 34% 24% 6%}.make .illustration-writing .shape:nth-child(4){aspect-ratio:1;background:var(--noise-layers), var(--color-accent);border-radius:50%;inline-size:12%;animation:1.1s step-end infinite make-blink;inset-block-start:64%;inset-inline-start:70%}.make .illustration-software{grid-template-columns:repeat(3,1fr);gap:9%;padding:12%;display:grid}.make .illustration-software .shape{aspect-ratio:1;background:var(--noise-layers), radial-gradient(circle at 36% 30%, var(--illustration-light), var(--illustration-cyan) 55%, var(--illustration-blue));animation:make-pulse 1.8s var(--ease-calm) infinite alternate;position:relative}.make .illustration-software .shape:nth-child(3n+2){animation-delay:-.3s}.make .illustration-software .shape:nth-child(3n){animation-delay:-.6s}.make .illustration-software .shape:nth-child(n+4){animation-delay:-.9s}.make .illustration-software .shape:nth-child(n+7){animation-delay:-1.2s}.make .illustration-software .shape:nth-child(6){background:var(--noise-layers), radial-gradient(circle at 35% 30%, #ef8f7f, var(--color-accent))}@media (prefers-reduced-motion:reduce){.make .shape{animation:none}}@media (width<=64rem){.make .two-column{grid-template-columns:1fr}.make .illustration{grid-column:1/span 5}.make .body{grid-column:7/-1}.make .item:nth-child(2n) .illustration{grid-column:8/-1}.make .item:nth-child(2n) .body{grid-column:1/span 6}}@media (width<=37.5rem){.make .item{row-gap:2rem}.make .illustration{grid-column:1/span 8}.make .item:nth-child(2n) .illustration{grid-column:5/-1}.make .body,.make .item:nth-child(2n) .body{grid-area:auto/1/auto/-1}}@keyframes make-drift{0%{translate:-2% -6%}to{translate:2% 6%}}@keyframes make-turn{0%{rotate:4deg}to{rotate:22deg}}@keyframes make-pulse{0%{scale:.86}to{scale:1.06}}@keyframes make-ripple{0%{opacity:0;scale:.42}20%{opacity:1}to{opacity:0;scale:1.08}}@keyframes make-type{0%{scale:.55 1}to{scale:1}}@keyframes make-blink{0%{opacity:1}50%{opacity:0}}@keyframes make-orbit-cos{0%{--orbit-cos:1}to{--orbit-cos:-1}}@keyframes make-orbit-sin{0%{--orbit-sin:1}to{--orbit-sin:-1}}@keyframes make-orbit-depth{0%{z-index:2}50%{z-index:0}}.works{padding-block:clamp(7.5rem,14vw,13.5rem);padding-inline:var(--gutter) var(--gutter-end)}.works .wrapper{gap:clamp(3rem,6vw,5.5rem);max-inline-size:82.5rem;margin-inline:auto;display:grid}.works .two-column{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:2rem clamp(2rem,6vw,7.5rem);display:grid}.works .introduction{color:var(--color-ink-2);max-inline-size:30em}.works .showcase{margin-block:clamp(3rem,6vw,5.5rem);margin-inline:calc(var(--gutter) * -1) calc(var(--gutter-end) * -1);display:block}.works .stage{padding-inline:var(--gutter) var(--gutter-end);position:relative}.works .channel-numbers,.works .pager{display:none}.works .showcase-list{gap:clamp(3rem,6vw,5rem);max-inline-size:82.5rem;margin-inline:auto;display:grid}.works .showcase-item{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:1.5rem clamp(1rem,2vw,2rem);display:grid}.works .screen{aspect-ratio:16/9;grid-area:1/1/span 2/span 7}.works .details{display:contents}.works .caption,.works .showcase-meta{grid-column:8/-1}.works .caption{gap:.75rem;display:grid}.works .caption-client{font-size:var(--font-size-11);letter-spacing:.08em;color:var(--color-ink-2);font-weight:500}.works .caption-title{font-weight:500;font-size:var(--font-size-15);letter-spacing:.04em;font-feature-settings:"palt";line-height:1.5}.works .caption-body{font-size:var(--font-size-12);color:var(--color-ink-2);line-height:1.9}.works .showcase-meta{font-size:var(--font-size-13);grid-template-columns:5.5em minmax(0,1fr);align-content:start;align-items:baseline;gap:.5rem 1rem;display:grid}.works .showcase-meta dt{color:var(--color-ink-2);font-size:var(--font-size-11);letter-spacing:.1em}.works .screen{place-items:center;display:grid;box-shadow:0 2rem 4rem #141b2729}.works .screen-film{background:var(--noise-layers), linear-gradient(135deg, #f3d9c8, #eec3a8 45%, #df8f7c)}.works .screen-website{background:var(--noise-layers), linear-gradient(135deg, #e3eef0, #b3d4d6 45%, #aabbd8)}.works .screen-voice{background:var(--noise-layers), linear-gradient(135deg, #f6ecd6, #e8d6a6 45%, #eec3a8)}.works .screen-print{background:var(--noise-layers), linear-gradient(135deg, #f6ecd6, #e8d6a6 45%, #b3d4d6)}.works .screen-poster{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.works .screen:has(.screen-poster) .screen-channel{z-index:1;color:var(--color-on-ink)}.works .play{z-index:4;place-items:center;display:grid;position:absolute;inset:0}.works .play svg{box-sizing:content-box;background:var(--noise-layers), var(--color-accent);block-size:1.25rem;inline-size:1.25rem;color:var(--color-on-ink);translate:0 calc(var(--font-size-title-japanese) * 1.6);transition:scale .5s var(--ease-out);border-radius:50%;padding:1.25rem 1.125rem 1.25rem 1.375rem}.works .screen:has(.screen-poster) .play svg{translate:none}.works .play:hover svg{scale:1.12}.works .player{z-index:5;border:0;block-size:100%;inline-size:100%;position:absolute;inset:0}.works .screen.is-playing:after{display:none}.works .screen-channel{font-family:var(--font-pixel);font-size:var(--font-size-18);line-height:1;position:absolute;inset-block-start:1rem;inset-inline-start:1.25rem}.works .screen-name{z-index:1;font-weight:500;font-size:var(--font-size-title-japanese);letter-spacing:.04em;text-align:center;font-feature-settings:"palt";padding-inline:1.5rem;line-height:1.3;position:relative}.works .showcase.is-pinned{block-size:calc(100svh + (var(--count) - 1) * 70svh)}.works .is-pinned .stage{block-size:100svh;padding:0;position:sticky;inset-block-start:0;overflow:hidden}.works .is-pinned .showcase-list{max-inline-size:none;display:block}.works .is-pinned .showcase-item{display:block}.works .is-pinned .screen{will-change:transform;inline-size:min(46vw,56rem);position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.works .is-pinned :is(.caption,.showcase-meta){opacity:0;pointer-events:none;transition:opacity .2s var(--ease), translate .2s var(--ease);position:absolute;inset-block-start:50%;translate:0 calc(1rem - 50%)}.works .is-pinned .caption{inline-size:calc(27vw - var(--gutter) - 2rem);inset-inline-start:var(--gutter)}.works .is-pinned .showcase-meta{inline-size:calc(27vw - var(--gutter-end) - 3rem);inset-inline-end:calc(var(--gutter-end) + 1rem)}.works .is-pinned .showcase-item.is-active :is(.caption,.showcase-meta){opacity:1;pointer-events:auto;transition:opacity .5s var(--ease) .2s, translate .7s var(--ease-out) .2s;translate:0 -50%}.works .is-pinned .channel-numbers{pointer-events:none;display:block;position:absolute;inset:0}.works .channel-number{font-family:var(--font-latin);letter-spacing:-.04em;color:#141b270f;opacity:0;transition:opacity .2s var(--ease);font-size:clamp(12rem,30vw,32rem);line-height:1;position:absolute;inset-block-end:0;inset-inline-end:calc(var(--gutter-end) - .04em)}.works .channel-number.is-active{opacity:1;transition:opacity .6s var(--ease) .2s}.works .is-pinned .pager{gap:.625rem;display:grid;position:absolute;inset-block-start:50%;inset-inline-end:1.25rem;translate:0 -50%}.works .pager li{background:var(--color-ink-2);block-size:.375rem;inline-size:.375rem;transition:block-size .4s var(--ease-out), background .4s var(--ease);border-radius:62.4375rem}.works .pager li.is-active{background:var(--color-accent);block-size:1.25rem}@media (width<=64rem){.works .two-column{grid-template-columns:1fr}.works .screen,.works .caption,.works .showcase-meta{grid-area:auto/1/auto/-1}.works .showcase{--screen-width:min(100vw - var(--gutter) * 2, 50svh * 16 / 9)}.works .is-pinned .screen{inline-size:var(--screen-width);inset-block-start:32%}.works .is-pinned .details{inset-block-start:calc(32% + var(--screen-width) * 9 / 32 + 1.5rem);inset-inline:calc((100vw - var(--screen-width)) / 2);gap:1rem;display:grid;position:absolute}.works .is-pinned :is(.caption,.showcase-meta){inline-size:auto;position:relative;inset:auto;translate:0 1rem}.works .is-pinned .showcase-meta{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;display:flex}.works .is-pinned .showcase-item.is-active :is(.caption,.showcase-meta){translate:0}.works .is-pinned .pager{inset-inline-end:.5rem}}}@layer utilities{.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:.0625rem;inline-size:.0625rem;margin:-.0625rem;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@layer overrides;@property --orbit-cos{syntax:"<number>";inherits:false;initial-value:1}@property --orbit-sin{syntax:"<number>";inherits:false;initial-value:0}