@layer reset{*,*:before,*:after{box-sizing:border-box}:where(body,h1,h2,h3,h4,h5,h6,p,blockquote,figure,pre,dl,dd,ul,ol,menu,hr,fieldset,dialog,[popover]){margin:0}:where(ul,ol,menu,fieldset,legend,input,textarea,td,th,dialog,[popover]){padding:0}:where(dialog,fieldset,[popover]){border:none}:where(dialog,[popover]){max-inline-size:none;max-block-size:none}:root{text-size-adjust:none}img,picture,video,canvas,svg{display:block;max-inline-size:100%;block-size:auto}input,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}button{all:unset;cursor:pointer;box-sizing:border-box}a{color:inherit;text-decoration:none}ul,ol{list-style-type:none}}@layer base{:root{font:100% var(--font-family);block-size:100%;@media(prefers-reduced-motion:no-preference){scroll-behavior:smooth}}body{background-color:var(--color-background);color:var(--color-text);font-size:var(--font-size-base);display:flex;flex-direction:column;min-block-size:100%}}@layer base{:root{--ease-out: cubic-bezier(0, 0, .3, 1);--ease-spring: linear( 0, .007, .029 2.2%, .118 4.7%, .625 14.4%, .826 19%, .902, .962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, .999 61.6%, .995 71.2%, 1 )}}@layer base{:root{--focus-outline-offset: var(--control-inset);--focus-outline-width: var(--control-inset)}*:focus-visible{outline-color:var(--color-accent);outline-offset:var(--focus-outline-offset);outline-style:solid;outline-width:var(--focus-outline-width)}}@layer base{@font-face{font-family:Paytone One;src:url(../fonts/paytone-one-poyo.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(../fonts/dm-sans-latin-variable.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Mochiy Pop P One;src:url(../fonts/ja/mochiy-pop-p-one.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Zen Maru Gothic;src:url(../fonts/ja/zen-maru-gothic-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Paytone One Fallback;src:local("Arial Bold"),local("Arial-BoldMT");size-adjust:105.5%;ascent-override:105.5%;descent-override:26.82%;line-gap-override:0%}@font-face{font-family:DM Sans Fallback;src:local("Arial"),local("ArialMT");size-adjust:92.5%;ascent-override:107.24%;descent-override:33.51%;line-gap-override:0%}@font-face{font-family:Mochiy Pop P One Fallback;src:local("Hiragino Maru Gothic ProN W4"),local("HiraMaruProN-W4");size-adjust:88.9%;ascent-override:130.48%;descent-override:32.4%;line-gap-override:0%}@font-face{font-family:Zen Maru Gothic Fallback;src:local("Hiragino Maru Gothic ProN W4"),local("HiraMaruProN-W4");size-adjust:98.1%;ascent-override:118.25%;descent-override:29.36%;line-gap-override:0%}}@layer base{:where(button,.button,.switch__option){&:active:not(:disabled){scale:.9}@media(prefers-reduced-motion:no-preference){transition:scale .1s var(--ease-out)}}}@layer base{.wrap{padding-inline:var(--spacing-inline)}.region{padding-block:var(--spacing-block)}.inner{inline-size:100%;max-inline-size:var(--width-max);margin-inline:auto}.grid{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:var(--spacing-grid)}.stack{display:flex;flex-direction:column;gap:var(--spacing-stack)}.cluster{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-cluster)}}@layer base{.rich-text a,.link{border-radius:.2em;text-decoration:underline;text-decoration-thickness:.065em;text-underline-offset:.15em;word-break:break-word}.link[data-rope]{text-decoration-line:none}.link__rope{display:inline-block;inline-size:.0625rem;block-size:.0625rem;margin-inline-end:-.0625rem;vertical-align:-.0625rem;overflow:visible;fill:none;stroke:currentColor;pointer-events:none}}@layer base{::selection{background-color:var(--color-accent);color:var(--color-background)}}@layer base{:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-family: "DM Sans", "DM Sans Fallback", system-ui, sans-serif;--font-family-heading: "Paytone One", "Paytone One Fallback", system-ui, sans-serif;--font-size-s: var(--step--1);--font-size-base: var(--step-0);--font-size-m: var(--step-1);--font-size-l: var(--step-2);--font-size-xl: var(--step-3);--font-size-2xl: var(--step-4);--font-size-3xl: var(--step-5);--font-size-4xl: var(--step-6)}:lang(ja){--font-family: "Zen Maru Gothic", "DM Sans", "Zen Maru Gothic Fallback", sans-serif;--font-family-heading: "Paytone One", "Mochiy Pop P One", "Paytone One Fallback", "Mochiy Pop P One Fallback", sans-serif}:is(.h1,.h2,.h3){font-family:var(--font-family-heading);font-weight:400;text-wrap:pretty;line-height:1;hyphens:auto;hyphenate-limit-chars:10 4 4}.h1{font-size:var(--font-size-display-34-92);letter-spacing:-.03em}.h2{font-size:var(--font-size-xl)}.h3{font-size:var(--font-size-l);line-height:1.2}}@layer base{:root{--step-6: clamp(2.5652rem, 1.6632rem + 4.5098vw, 5.722rem);--step-5: clamp(2.1924rem, 1.511rem + 3.4074vw, 4.5776rem);--step-4: clamp(1.8739rem, 1.363rem + 2.5546vw, 3.6621rem);--step-3: clamp(1.6016rem, 1.2222rem + 1.8972vw, 2.9297rem);--step-2: clamp(1.3689rem, 1.0904rem + 1.3926vw, 2.3438rem);--step-1: clamp(1.17rem, .9686rem + 1.0071vw, 1.875rem);--step-0: clamp(1rem, .8571rem + .7143vw, 1.5rem);--step--1: clamp(.8547rem, .756rem + .4933vw, 1.2rem);--spacing-4xs: clamp(.125rem, .1071rem + .0893vw, .1875rem);--spacing-3xs: clamp(.25rem, .2143rem + .1786vw, .375rem);--spacing-2xs: clamp(.5rem, .4286rem + .3571vw, .75rem);--spacing-xs: clamp(.75rem, .6429rem + .5357vw, 1.125rem);--spacing-s: clamp(1rem, .8571rem + .7143vw, 1.5rem);--spacing-m: clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem);--spacing-l: clamp(2rem, 1.7143rem + 1.4286vw, 3rem);--spacing-xl: clamp(3rem, 2.5714rem + 2.1429vw, 4.5rem);--spacing-2xl: clamp(4rem, 3.4286rem + 2.8571vw, 6rem);--spacing-3xl: clamp(6rem, 5.1429rem + 4.2857vw, 9rem);--spacing-4xl: clamp(8rem, 6.8571rem + 5.7143vw, 12rem);--spacing-4xs-3xs: clamp(.125rem, .0536rem + .3571vw, .375rem);--spacing-3xs-2xs: clamp(.25rem, .1071rem + .7143vw, .75rem);--spacing-2xs-xs: clamp(.5rem, .3214rem + .8929vw, 1.125rem);--spacing-xs-s: clamp(.75rem, .5357rem + 1.0714vw, 1.5rem);--spacing-s-m: clamp(1rem, .6429rem + 1.7857vw, 2.25rem);--spacing-m-l: clamp(1.5rem, 1.0714rem + 2.1429vw, 3rem);--spacing-l-xl: clamp(2rem, 1.2857rem + 3.5714vw, 4.5rem);--spacing-xl-2xl: clamp(3rem, 2.1429rem + 4.2857vw, 6rem);--spacing-2xl-3xl: clamp(4rem, 2.5714rem + 7.1429vw, 9rem);--spacing-3xl-4xl: clamp(6rem, 4.2857rem + 8.5714vw, 12rem);--spacing-s-l: clamp(1rem, .4286rem + 2.8571vw, 3rem);--spacing-s-xl: clamp(1rem, 0rem + 5vw, 4.5rem);--spacing-xl-3xl: clamp(3rem, 1.2857rem + 8.5714vw, 9rem);--spacing-2xl-4xl: clamp(4rem, 1.7143rem + 11.4286vw, 12rem);--font-size-display-34-92: clamp(2.125rem, 1.0893rem + 5.1786vw, 5.75rem)}}@layer base{:root{--palette-hue-light: 294.5;--palette-hue-dark: 294.5;--palette-hue: var(--palette-hue-light);--palette-chroma-light: 1;--palette-chroma-dark: 1.25;--palette-chroma: var(--palette-chroma-light);--highlight-1-offset-light: 120;--highlight-1-offset-dark: 120;--highlight-2-offset-light: 240;--highlight-2-offset-dark: 240;--highlight-1-lightness-light: .488;--highlight-1-lightness-dark: 1;--highlight-2-lightness-light: .427;--highlight-2-lightness-dark: .905;--highlight-1-chroma-light: .201;--highlight-1-chroma-dark: .085;--highlight-2-chroma-light: .168;--highlight-2-chroma-dark: .08;--color-base-1: oklch(.959 calc(.016 * var(--palette-chroma)) var(--palette-hue));--color-base-2: oklch(.873 calc(.045 * var(--palette-chroma)) var(--palette-hue));--color-base-3: oklch(.784 calc(.079 * var(--palette-chroma)) var(--palette-hue));--color-base-4: oklch(.64 calc(.128 * var(--palette-chroma)) var(--palette-hue));--color-base-5: oklch(.519 calc(.167 * var(--palette-chroma)) var(--palette-hue));--color-base-6: oklch(.431 calc(.169 * var(--palette-chroma)) var(--palette-hue));--color-base-7: oklch(.29 calc(.13 * var(--palette-chroma)) var(--palette-hue));--color-base-8: oklch(.189 calc(.074 * var(--palette-chroma)) var(--palette-hue))}:root{color-scheme:light dark;--color-text: light-dark(var(--color-base-6), var(--color-base-3));--color-text-inverted: light-dark(var(--color-base-2), var(--color-base-7));--color-background: light-dark(var(--color-base-2), var(--color-base-8));--color-background-inverted: light-dark(var(--color-base-6), var(--color-base-3));--color-highlight-1: light-dark( oklch(var(--highlight-1-lightness-light) var(--highlight-1-chroma-light) calc(var(--palette-hue) + var(--highlight-1-offset-light))), oklch(var(--highlight-1-lightness-dark) var(--highlight-1-chroma-dark) calc(var(--palette-hue) + var(--highlight-1-offset-dark))) );--color-highlight-2: light-dark( oklch(var(--highlight-2-lightness-light) var(--highlight-2-chroma-light) calc(var(--palette-hue) + var(--highlight-2-offset-light))), oklch(var(--highlight-2-lightness-dark) var(--highlight-2-chroma-dark) calc(var(--palette-hue) + var(--highlight-2-offset-dark))) );--color-accent: light-dark(var(--color-highlight-2), var(--color-highlight-1));--color-control: var(--color-text);--color-control-knob: light-dark(var(--color-base-2), var(--color-base-8));--color-control-hover: light-dark( oklch(.46 calc(.165 * var(--palette-chroma)) var(--palette-hue)), oklch(.757 calc(.095 * var(--palette-chroma)) var(--palette-hue)) )}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{--palette-hue: var(--palette-hue-dark);--palette-chroma: var(--palette-chroma-dark);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--palette-hue: var(--palette-hue-dark);--palette-chroma: var(--palette-chroma-dark)}}:root{--grid-columns: 12;@media(max-width:1000px){--grid-columns: 6}@media(max-width:600px){--grid-columns: 2}--spacing-inline: var(--spacing-s-xl);--spacing-block: var(--spacing-2xl-4xl);--spacing-grid: var(--spacing-s-l);--spacing-stack: var(--spacing-s);--spacing-cluster: var(--spacing-3xs)}:root{--width-max: 81rem;--size-target: 2.75rem;--control-inset: .1875rem;--control-knob: calc(var(--size-target) - 2 * var(--control-inset))}}@layer base;@layer components{.avatars{white-space:nowrap}.avatars__images{--avatars-size: max(1em, 3.5rem);display:inline-flex;vertical-align:top;margin-block-start:min(0px,1lh - var(--avatars-size))}.avatars--lead{display:none;@media(max-width:600px){display:inline}}.avatars__images--inline{&:lang(ja){--avatars-size: max(calc(1em / var(--hero-scale, 1)), 3.5rem);vertical-align:-.12em;margin-inline:.25em}@media(max-width:600px){display:none}}.avatars__images--lead{--avatars-size: 4rem;position:absolute;inset-block-start:1.2rem;inset-inline-start:0;margin:0}.avatars__person{position:relative;inline-size:var(--avatars-size);block-size:var(--avatars-size);border-radius:50%;&:first-child{z-index:1}~&{margin-inline-start:calc(-.12 * var(--avatars-size))}&:hover{z-index:2}@media(prefers-reduced-motion:no-preference){transition:all .2s var(--ease-out);transition-property:translate,scale;&:hover{translate:0 calc(-.04 * var(--avatars-size));scale:1.04}&:hover~&{translate:calc(.06 * var(--avatars-size)) 0}&:has(~&:hover){translate:calc(-.06 * var(--avatars-size)) 0}&:hover,&:hover~&,&:has(~&:hover){transition-duration:.4s;transition-timing-function:var(--ease-spring)}}}.avatars__person--tracked{transition:none;will-change:transform}.avatars__image{inline-size:100%;block-size:100%;border-radius:50%;object-fit:cover}.avatars__name{position:absolute;inset:0;inline-size:100%;block-size:100%;overflow:visible;fill:currentColor;font-family:var(--font-family-heading);letter-spacing:-.01em;text-rendering:geometricPrecision;pointer-events:none}}@layer components{.board-markers{position:absolute;inset:0;z-index:1;inline-size:100%;block-size:100%;overflow:visible;pointer-events:none;user-select:none}.board-markers--under{z-index:auto}.board-markers__rope,.board-markers__rule{fill:none;stroke:var(--color-text);stroke-width:1.5}.board-markers__rope{stroke-linecap:round}.board-markers__rope--light{stroke:var(--color-background)}.board-markers__point{fill:var(--color-text)}.board-markers__point--light{fill:var(--color-background)}.board-markers__eyelet{fill:var(--color-text-inverted)}.board-markers__label{fill:var(--color-text);font-family:DM Sans,sans-serif;font-weight:500;letter-spacing:.04em}.board-tag{display:inline-flex;align-items:center;block-size:1.67em;padding-inline:1.33em .67em;border-radius:999rem;background-color:var(--color-background-inverted);color:var(--color-text-inverted);font-size:max(.75em,.6875rem);font-weight:600;letter-spacing:.02em;line-height:1;white-space:nowrap;translate:-.73em -50%}}@layer components{.button{--button-background: var(--color-control);--button-text: var(--color-control-knob);display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--size-target);padding-block:calc(.4em - var(--control-inset));padding-inline:calc(.9em - var(--control-inset));border:var(--control-inset) solid var(--color-control);border-radius:999rem;background-color:var(--button-background);color:var(--button-text);&:focus-visible{--button-background: var(--color-control-hover);@media(prefers-reduced-motion:no-preference){animation:button-jelly .45s var(--ease-out)}}@media(hover:hover){&:hover{--button-background: var(--color-control-hover);@media(prefers-reduced-motion:no-preference){animation:button-jelly .45s var(--ease-out)}}}@media(forced-colors:active){border:.0625rem solid ButtonText}}@keyframes button-jelly{30%{transform:scale(1.015,.985)}60%{transform:scale(.995,1.005)}}.button__label{min-inline-size:0;overflow-x:clip;text-overflow:ellipsis}.button--contact{padding-block:calc(.28em - var(--control-inset)) calc(.47em - var(--control-inset));padding-inline:calc(.94em - var(--control-inset));font-size:min(var(--font-size-4xl),9vw);hyphens:manual;overflow-wrap:anywhere;&:active:not(:disabled){scale:.97}}}@layer components{.guides{--guide-color: #84ffff;position:fixed;inset:0;inline-size:auto;block-size:auto;background:transparent;pointer-events:none}.guides:after{content:attr(data-window-width);color:var(--guide-color);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);font-size:var(--font-size-xl)}.guides__inner{block-size:100%}.guides__guide{outline:1px solid var(--guide-color);background-color:color-mix(in srgb,var(--guide-color),transparent 75%)}}@layer components{.highlight{--highlight-text: var(--color-highlight-1);font-style:normal;color:var(--highlight-text)}.highlight--2{--highlight-text: var(--color-highlight-2)}}@layer components{.project{--spacing-stack: var(--spacing-m);--project-dots: radial-gradient(closest-side, color-mix(in srgb, var(--color-text) 22%, transparent) 14%, transparent 18%);--board-dot: calc(100cqi / 81);line-height:1.3;&:lang(ja){word-break:keep-all;word-break:auto-phrase}}.project__header{--spacing-stack: var(--spacing-s);container-type:inline-size}.project__title{font-size:clamp(1.5rem,100cqi / (var(--project-title-length, 18) * .56),var(--font-size-xl))}.project__details{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs) var(--spacing-s);@media(max-width:600px){grid-template-columns:1fr}}.project__text{max-inline-size:calc(40.5 * var(--board-dot));text-wrap:balance;@media(max-width:600px){text-wrap:pretty}}.project__url{align-self:end;text-align:end;@media(max-width:600px){text-align:start}}.project__figure{--spacing-stack: var(--spacing-xs);container-type:inline-size}.project__colophon{font-size:var(--font-size-s);text-align:end;text-wrap:balance;@media(max-width:600px){text-align:start;text-wrap:pretty}a{white-space:nowrap}}.project__canvas--pan{--focus-outline-offset: calc(-1 * var(--focus-outline-width));overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:calc(-1 * var(--spacing-inline));padding-inline:var(--spacing-inline);scroll-snap-type:x mandatory;scroll-padding-inline:var(--spacing-inline);background-image:var(--project-dots);background-position:var(--spacing-inline) 0;background-size:var(--board-dot) var(--board-dot);&::-webkit-scrollbar{display:none}}.project__board{--board-pad-inline: 3;--board-pad-block: 2;position:relative;display:grid;justify-content:start;background-image:var(--project-dots);background-size:var(--board-dot) var(--board-dot)}.project__board--placed{block-size:calc(var(--board-rows) * var(--board-dot))}.project__board--pan{--board-pad-inline: 0;inline-size:max-content;background-image:none}@container (width < 60.75rem){.project__text{--board-dot: .625rem}.project__canvas{--board-dot: .625rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:calc(-1 * var(--spacing-inline));padding-inline:var(--spacing-inline);scroll-snap-type:x mandatory;scroll-padding-inline:var(--spacing-inline);background-image:var(--project-dots);background-position:var(--spacing-inline) 0;background-size:var(--board-dot) var(--board-dot);&::-webkit-scrollbar{display:none}}.project__board{--board-pad-inline: 0;inline-size:max-content;background-image:none}}.project__snaps{position:absolute;inset:0 auto auto 0;display:flex;pointer-events:none}.project__snap{flex:none;inline-size:var(--board-dot);block-size:1px;scroll-snap-align:start}.project__marquee{position:absolute;z-index:10;border:.0625rem solid var(--color-accent);background-color:color-mix(in srgb,var(--color-accent) 10%,transparent);pointer-events:none}.project__board--dragging{cursor:grabbing}}@layer components{.shot{--shot-x: 0;--shot-y: 0;grid-area:1 / 1;place-self:start;inline-size:max-content;margin-inline:calc((var(--shot-x) + var(--board-pad-inline) + .5) * var(--board-dot)) calc(var(--board-pad-inline) * var(--board-dot));margin-block:calc((var(--shot-y) + var(--board-pad-block) + .5) * var(--board-dot)) calc((var(--board-pad-block) + .5) * var(--board-dot));font-size:var(--board-dot);line-height:0;svg{overflow:visible}}.shot--tag{margin-block-end:calc((var(--board-pad-block) - .5) * var(--board-dot))}.shot--placed{position:relative;margin:0;translate:calc((var(--shot-x) + var(--board-offset) + .5) * var(--board-dot)) calc((var(--shot-y) + var(--board-offset-block) + .5) * var(--board-dot));@media(hover:hover)and (pointer:fine){cursor:grab}}.shot--landing{@media(prefers-reduced-motion:no-preference){transition:translate .5s var(--ease-spring)}}.shot--selected{outline:.125rem solid var(--color-accent);outline-offset:.25rem}.shot--dragging{z-index:1;cursor:grabbing;user-select:none}}@layer components{.skip-to-content{position:fixed;z-index:200;inset-block-start:var(--spacing-s-m);inset-inline-start:50%;translate:-50% 0;gap:.4em;block-size:var(--size-target);padding-block:0;padding-inline:1em;font-size:.9375rem;font-weight:700;line-height:1;&:not(:focus){clip-path:inset(50%);pointer-events:none}}}@layer components{.switch{--switch-background: var(--color-control);--switch-text: var(--color-control-knob);--switch-active: 0;position:relative;padding:var(--control-inset);border-radius:999rem;background-color:var(--switch-background);font-family:var(--font-family-heading);font-size:.9rem;line-height:1;@media(forced-colors:active){--switch-background: Canvas;--switch-text: CanvasText;forced-color-adjust:none;border:.0625rem solid CanvasText}}.switch__options,.switch__knob{display:flex;gap:var(--control-inset)}.switch__option,.switch__item{display:grid;place-items:center;inline-size:var(--control-knob);block-size:var(--control-knob);border-radius:50%}.switch__option{position:relative;inline-size:var(--size-target);block-size:var(--size-target);margin:calc(-1 * var(--control-inset));padding:var(--control-inset);background-clip:content-box;color:var(--switch-text);&:not([aria-current=page],[aria-pressed=true]):focus-visible{z-index:1;background-color:var(--color-control-hover)}@media(hover:hover){&:not([aria-current=page],[aria-pressed=true]):hover{background-color:var(--color-control-hover)}}@media(forced-colors:active){&:focus-visible{outline-color:Highlight}&:not([aria-current=page],[aria-pressed=true]):focus-visible{background-color:Highlight;color:HighlightText}@media(hover:hover){&:not([aria-current=page],[aria-pressed=true]):hover{background-color:Highlight;color:HighlightText}}}}.switch__label{text-box:trim-both cap alphabetic}.switch__knob{position:absolute;inset:0;padding:var(--control-inset);border-radius:inherit;background-color:var(--switch-text);color:var(--switch-background);pointer-events:none;clip-path:inset(var(--control-inset) calc(100% - var(--control-inset) - var(--switch-active) * (var(--control-knob) + var(--control-inset)) - var(--control-knob)) var(--control-inset) calc(var(--control-inset) + var(--switch-active) * (var(--control-knob) + var(--control-inset))) round calc(var(--control-knob) / 2));@media(forced-colors:active){background-color:Highlight;color:HighlightText}@media(prefers-reduced-motion:no-preference){transition:clip-path .25s cubic-bezier(.23,1,.32,1)}}}@layer components{.sound-toggle{--sound-toggle-background: var(--color-control);--sound-toggle-text: var(--color-control-knob);--sound-toggle-squish: 1;display:grid;inline-size:var(--size-target);block-size:var(--size-target);padding:var(--control-inset);border-radius:50%;background-color:var(--color-control);&:active{--sound-toggle-squish: .9;scale:none}&:focus-visible{--sound-toggle-background: var(--color-control-hover)}@media(hover:hover){&:hover{--sound-toggle-background: var(--color-control-hover)}}@media(forced-colors:active){--sound-toggle-background: Canvas;--sound-toggle-text: CanvasText;forced-color-adjust:none;border:.0625rem solid CanvasText;background-color:Canvas;&:focus-visible{--sound-toggle-background: Highlight;--sound-toggle-text: HighlightText;outline-color:Highlight}@media(hover:hover){&:hover{--sound-toggle-background: Highlight;--sound-toggle-text: HighlightText}}}}.sound-toggle__knob{display:grid;place-items:center;border-radius:50%;background-color:var(--sound-toggle-background);color:var(--sound-toggle-text);scale:var(--sound-toggle-squish);@media(prefers-reduced-motion:no-preference){transition:scale .1s var(--ease-out)}}.sound-toggle__icon{grid-area:1 / 1;inline-size:1rem;block-size:1rem;visibility:hidden}.sound-toggle__icon--on{:root[data-sound-allowed]:not([data-sound=off]) &{visibility:visible}}.sound-toggle__icon--blocked{:root:not([data-sound-allowed],[data-sound=off]) &{visibility:visible}}.sound-toggle__icon--off{:root[data-sound=off] &{visibility:visible}}}@layer components{.theme-toggle{--switch-active: 1;:root[data-theme=dark] &{--switch-active: 0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) &{--switch-active: 0}}}.theme-toggle__icon{inline-size:1rem;block-size:1rem}}@layer components;@layer regions{.footer{margin-block-start:auto;padding-block-end:var(--spacing-s-m)}.footer__inner{--spacing-stack: var(--spacing-block);align-items:center}.footer__links{--spacing-cluster: var(--spacing-s);justify-content:center}}@layer regions{.header{position:sticky;inset-block-start:0;padding-block:var(--spacing-s-m);margin-block-end:calc(var(--spacing-s-m) * -1);z-index:10;pointer-events:none;&:before{content:"";position:absolute;inset:0 0 auto;z-index:-1;block-size:calc(100% + var(--spacing-l));background-image:linear-gradient(to bottom,var(--color-background) 0%,color-mix(in srgb,var(--color-background),transparent 10%) 20%,color-mix(in srgb,var(--color-background),transparent 50%) 50%,color-mix(in srgb,var(--color-background),transparent 90%) 80%,transparent 100%)}}.header__inner{display:flex;justify-content:space-between;align-items:center;>*{pointer-events:auto}}.header__controls{--spacing-cluster: var(--spacing-2xs)}}@layer regions{.hero{font-feature-settings:"ss01";text-wrap:wrap;hyphens:manual;text-box:trim-end cap alphabetic;@media(max-width:600px){position:relative;padding-block-start:5.5rem}&:lang(ja){--hero-scale: .9;font-size:calc(var(--font-size-display-34-92) * var(--hero-scale));line-height:1.12;letter-spacing:.01em;word-break:keep-all;word-break:auto-phrase}}}@layer regions{.home{--spacing-stack: var(--spacing-block)}}@layer regions{.main{padding-block-start:var(--spacing-xl-3xl)}}@layer regions{.projects{--spacing-stack: var(--spacing-xl-3xl)}}@layer regions;@layer boards{.erlacher-specimen__card{fill:#fffaf1}.erlacher-specimen__glyphs,.erlacher-specimen__text,.erlacher-specimen__label{fill:#132636}.erlacher-specimen__rule{stroke:#efe5d2;stroke-width:1}.erlacher-specimen__ring{stroke:#1b384e}.erlacher-specimen__switch{fill:#00736d}.erlacher-specimen__switch-text,.erlacher-specimen__thumb{fill:#fff}.erlacher-specimen__check{stroke:#00736d}.erlacher-specimen__font{fill:#685126}.erlacher-step__glyphs,.erlacher-pill__shape{fill:light-dark(#132636,#fffaf1)}.erlacher-pill__ring{stroke:light-dark(#132636,#ffffff)}.erlacher-pill__label,.erlacher-pill__icon{fill:light-dark(#ffffff,#132636)}}@layer boards{.diday-aa__text{fill:light-dark(#800080,#f9f2ff)}.diday-ring,.diday-btn__outline{stroke:light-dark(#800080,#ffa600)}.diday-card{inline-size:20em;block-size:25em}.diday-btn__fill,.diday-btn__ink--outlined,.diday-icon__art{fill:light-dark(#800080,#ffa600)}.diday-btn__ink--filled{fill:light-dark(#ffa600,#800080)}.diday-icon{inline-size:10em;block-size:11em}}@layer boards{.gaiser-ring{fill:none;stroke:#fff}.gaiser-aa__glyphs,.gaiser-speech__button{fill:light-dark(#171717,#ffffff)}.gaiser-bento__number,.gaiser-bento__text,.gaiser-anchors__link{fill:#fff}.gaiser-anchors__heading{fill:#c5c5c5}.gaiser-anchors__link--focus,.gaiser-anchors__number{fill:#c0f44d}.gaiser-speech__ring{stroke:light-dark(#171717,#ffffff)}.gaiser-speech__label{fill:light-dark(#ffffff,#171717)}.gaiser-speech__icon{stroke:light-dark(#ffffff,#171717)}}@layer boards{.miksch-aa__glyphs{fill:light-dark(#003d00,#eefad4)}.miksch-labels__label--blue{--miksch-labels-background: #e3f5fc;--miksch-labels-text: #003063;--miksch-labels-icon: #1c6dc4}.miksch-labels__label--green{--miksch-labels-background: #eefad4;--miksch-labels-text: #003d00;--miksch-labels-icon: #74b347}.miksch-labels__pill{fill:var(--miksch-labels-background)}.miksch-labels__icon{fill:var(--miksch-labels-icon)}.miksch-labels__text{fill:var(--miksch-labels-text)}.miksch-apply__card{fill:#eefad4}.miksch-apply__headline,.miksch-apply__text{fill:#003d00}.miksch-apply__ring{fill:none;stroke:#003d00;stroke-width:2.4}.miksch-apply__label{fill:#fff}.miksch-apply__icon{fill:none;color:#fff}}@layer boards{.panorama-aa__glyphs{fill:light-dark(#1f3d8d,#c3f3ff)}.panorama-pill__gap,.panorama-arrow__outline{fill:none;stroke:#fff}.panorama-pill__outline,.panorama-arrow__ring{fill:none;stroke:#1f3d8d}.panorama-pill__fill{fill:#1f3d8d;stroke:#1f3d8d}.panorama-pill__fill--focus{fill:#172552}.panorama-pill__label{fill:#fff}.panorama-pill__icon{color:#fff}.panorama-arrow__icon{fill:#ea5b0c}.panorama-arrow__edge{fill:none;stroke:#ffffffd9}}@layer boards;@layer utility{.visually-hidden{position:absolute;inline-size:.0625rem;block-size:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.trim{text-box:trim-both cap alphabetic;&:lang(ja){text-box:trim-end cap alphabetic}}}