@layer tokens,theme,foundation,layout,component,project,animation,utility;@property --viewport-min{syntax: "<number>"; inherits: true; initial-value: 400;}@property --viewport-max{syntax: "<number>"; inherits: true; initial-value: 1440;}@layer tokens{:root{--slate-50: oklch(97% .003 240deg);--slate-100: oklch(93% .006 240deg);--slate-200: oklch(87% .01 240deg);--slate-300: oklch(78% .03 240deg);--slate-400: oklch(67% .05 240deg);--slate-500: oklch(55% .06 240deg);--slate-600: oklch(44% .06 240deg);--slate-700: oklch(35% .05 240deg);--slate-800: oklch(25% .04 240deg);--slate-900: oklch(17% .03 240deg);--slate-950: oklch(10% .02 240deg);--vermilion-50: oklch(97% .01 25deg);--vermilion-100: oklch(93% .04 25deg);--vermilion-200: oklch(87% .08 25deg);--vermilion-300: oklch(78% .14 25deg);--vermilion-400: oklch(67% .2 25deg);--vermilion-500: oklch(55% .24 25deg);--vermilion-600: oklch(44% .2 25deg);--vermilion-700: oklch(35% .16 25deg);--vermilion-800: oklch(25% .12 25deg);--vermilion-900: oklch(17% .08 25deg);--vermilion-950: oklch(10% .05 25deg);--neutral-50: oklch(98% .003 240deg);--neutral-100: oklch(95% .005 240deg);--neutral-200: oklch(90% .006 240deg);--neutral-300: oklch(83% .008 240deg);--neutral-400: oklch(70% .01 240deg);--neutral-500: oklch(55% .01 240deg);--neutral-600: oklch(47% .01 240deg);--neutral-700: oklch(38% .008 240deg);--neutral-800: oklch(26% .008 240deg);--neutral-900: oklch(17% .008 240deg);--neutral-950: oklch(10% .005 240deg);--white: oklch(100% 0 0deg);--black: oklch(0% 0 0deg);--error-light: oklch(55% .22 25deg);--error-dark: oklch(70% .18 25deg);--error-bg-light: oklch(97% .01 25deg);--error-bg-dark: oklch(20% .04 25deg);--violet-500: oklch(55% .18 290deg);--indigo-500: oklch(55% .2 250deg);--blue-500: oklch(50% .18 210deg);--teal-500: oklch(50% .16 170deg);--green-500: oklch(55% .18 130deg);--amber-500: oklch(55% .2 65deg);--orange-500: oklch(55% .22 30deg);--rose-500: oklch(55% .22 10deg)}}@layer tokens{:root{--font-ja: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", meiryo, sans-serif;--font-code: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--weight-regular: 400;--weight-bold: 700;--leading-relaxed: 1.8;--leading-tight: 1.4}}@layer tokens{:root{--viewport-min: 400;--viewport-max: 1440;--content-max: 1280;--gutter-min: 16;--gutter-max: 80;--px: .0625rem ;--vp-range: calc(var(--viewport-max) - var(--viewport-min));--vp-offset: calc(100vi - var(--viewport-min) * var(--px))}}@layer tokens{:root{--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1)}}@layer tokens{:root{--z-header: 100;--z-drawer: 200;--z-modal: 300;--z-toast: 400;--z-fixed: 500}}@layer theme{:root{color-scheme:light dark;--color-main: light-dark(var(--slate-600), var(--slate-400));--color-accent: light-dark(var(--vermilion-500), var(--vermilion-400));--color-bg: light-dark(var(--neutral-50), var(--neutral-900));--color-bg-secondary: light-dark(var(--neutral-100), var(--neutral-800));--color-surface: light-dark(var(--white), var(--neutral-800));--color-text: light-dark(var(--neutral-900), var(--neutral-50));--color-text-light: light-dark(var(--neutral-600), var(--neutral-400));--color-border: light-dark(var(--neutral-300), var(--neutral-600));--color-white: var(--white);--color-shadow: light-dark(oklch(from var(--black) l c h / 10%), oklch(from var(--white) l c h / 8%));--color-error: light-dark(var(--error-light), var(--error-dark));--color-error-bg: light-dark(var(--error-bg-light), var(--error-bg-dark));--color-link: var(--color-main);--color-heading: var(--color-text);--color-focus-ring: light-dark(oklch(from var(--color-main) l c h / 25%), oklch(from var(--color-main) l c h / 30%));--color-layer-tokens: var(--violet-500);--color-layer-theme: var(--indigo-500);--color-layer-foundation: var(--blue-500);--color-layer-layout: var(--teal-500);--color-layer-component: var(--green-500);--color-layer-project: var(--amber-500);--color-layer-animation: var(--orange-500);--color-layer-utility: var(--rose-500)}}@layer theme{:root{--font-family-ja: var(--font-ja);--font-family-code: var(--font-code);--font-weight-regular: var(--weight-regular);--font-weight-bold: var(--weight-bold);--line-height-base: var(--leading-relaxed);--line-height-heading: var(--leading-tight)}}@layer theme{:root{--content-width: var(--content-max);--content-padding-inline: clamp( calc(var(--gutter-min) * var(--px)), calc( (var(--gutter-max) - var(--gutter-min)) / var(--vp-range) * var(--vp-offset) + var(--gutter-min) * var(--px) ), calc(var(--gutter-max) * var(--px)) )}}@layer foundation{*,:before,:after{box-sizing:border-box}:where(:root){line-height:1.5;text-spacing-trim:trim-start;text-autospace:normal;line-break:strict;overflow-wrap:anywhere;-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable;-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(body){min-block-size:100dvb;margin:unset}:where(h1){margin-block:.67em;font-size:2em}:where(h2,h3,h4,h5,h6){margin-block:unset}:where(p,blockquote,figure,pre,ul,ol,dl){margin-block:unset}:where(blockquote,figure){margin-inline:unset}:where(ul,ol,menu){padding-inline-start:unset;list-style-type:""}:where(dd){margin-inline-start:unset}:where(pre){text-spacing-trim:space-all;text-autospace:no-autospace}:where(em:lang(ja)){font-weight:bolder}:where(:is(i,cite,em,dfn,address):lang(ja)){font-style:unset}:where(a){color:unset}:where(a:any-link){text-decoration-line:unset}:where(img,svg,video,canvas,iframe){max-inline-size:100%;block-size:auto;vertical-align:bottom}:where(table){border-collapse:collapse}:where(caption,th){text-align:unset}:where(button,input,select,textarea){border:1px solid;border-radius:unset;color:inherit;font:inherit;letter-spacing:unset}:where(fieldset){min-inline-size:0;margin:unset;padding:unset;border:unset}:where(textarea){margin-block:unset;resize:block}::placeholder{opacity:unset}:where(summary){list-style-type:"";cursor:pointer}:where(dialog,[popover]){padding:unset;border:unset}:where(:focus-visible){outline:2px solid currentcolor;outline-offset:3px}:where(:disabled,[aria-disabled=true i]){cursor:default}:where([hidden]:not([hidden=until-found i])){display:none!important}}@layer foundation{:where(html){container-type:inline-size;container-name:viewport}:where(body){font-family:var(--font-family-ja);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}:where(h1,h2,h3,h4,h5,h6){font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}:where(a){color:var(--color-link);text-decoration:none}:where(:focus-visible){outline-color:var(--color-main)}}@layer foundation{:where(button){cursor:pointer;border:none;background:none;padding:0}:where(label){cursor:pointer}:where(select){-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23666' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-inline-end:2.5rem}:where(input[type=radio],input[type=checkbox]){-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:1.25em;block-size:1.25em;margin:0;border:1px solid var(--color-border);vertical-align:middle;cursor:pointer;flex-shrink:0;transition:border-color .2s var(--ease-out-cubic)}:where(input[type=radio]:checked,input[type=checkbox]:checked){border-color:var(--color-main);background-color:var(--color-main)}:where(input[type=radio]:focus-visible,input[type=checkbox]:focus-visible){outline:2px solid var(--color-focus-ring);outline-offset:2px}:where(input[type=radio]){border-radius:50%}:where(input[type=radio]:checked){background-image:radial-gradient(circle at center,var(--color-white) 30%,var(--color-main) 32%)}:where(input[type=checkbox]){border-radius:.25em}:where(input[type=checkbox]:checked){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8l3 3 6-6'/%3E%3C/svg%3E");background-size:100%;background-position:center}}@layer layout{.l-section{--_min: 60;--_max: 100;container-type:inline-size;container-name:section;padding-block:clamp(calc(var(--_min) * var(--px)),calc((var(--_max) - var(--_min)) / var(--vp-range) * var(--vp-offset) + var(--_min) * var(--px)),calc(var(--_max) * var(--px)))}.l-section.-flush{padding-block-start:0}}@layer layout{.l-inner{box-sizing:content-box;max-inline-size:calc(var(--content-width) * var(--px));padding-inline:var(--content-padding-inline);margin-inline:auto}}@layer layout{.l-container{container-type:inline-size}}@layer component{.c-button-cta{display:inline-flex;align-items:center;justify-content:center;padding-block:.75em;padding-inline:2em;font-weight:var(--font-weight-bold);color:var(--color-white);background-color:var(--color-main);border-radius:.5em;transition:background-color .3s var(--ease-out-cubic),translate .3s var(--ease-out-cubic)}.c-button-cta:active{translate:0 0}.c-button-cta:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.c-button-cta.-large{padding-block:1em;padding-inline:3em;font-size:1.125rem}.c-button-cta.-accent{background-color:var(--color-accent)}@media(any-hover:hover){.c-button-cta:hover:not(:disabled){background-color:oklch(from var(--color-main) calc(l - .05) c h);translate:0 -2px}.c-button-cta.-accent:hover:not(:disabled){background-color:oklch(from var(--color-accent) calc(l - .05) c h)}}}@layer component{.c-section-heading{--_min: 24;--_max: 36;font-size:clamp(calc(var(--_min) * var(--px)),calc((var(--_max) - var(--_min)) / var(--vp-range) * var(--vp-offset) + var(--_min) * var(--px)),calc(var(--_max) * var(--px)));line-height:var(--line-height-heading);text-align:center}}@layer component{.c-card{display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;transition:box-shadow .3s var(--ease-out-cubic),translate .3s var(--ease-out-cubic)}.c-card:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.c-card__body{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem}.c-card__title{font-size:1.125rem;font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.c-card__text{font-size:.9375rem;color:var(--color-text-light);line-height:var(--line-height-base)}@container (inline-size >= 480px){.c-card{flex-direction:row}.c-card__body{flex:1}}@media(any-hover:hover){.c-card:hover{box-shadow:0 8px 24px var(--color-shadow);translate:0 -2px}}}@layer component{.c-code-block{overflow:hidden;border:1px solid var(--color-border);border-radius:.5rem;font-size:.875rem;line-height:1.6}.c-code-block__header{padding-block:.5rem;padding-inline:1rem;font-size:.75rem;font-weight:var(--font-weight-bold);color:var(--color-text-light);background-color:var(--color-bg-secondary);border-block-end:1px solid var(--color-border)}.c-code-block__body{padding:1rem;margin:0;overflow-x:auto;background-color:var(--color-bg);white-space:pre;-moz-tab-size:2;tab-size:2;font-family:var(--font-family-code)}}@layer component{.c-badge{display:inline-block;padding-block:.125em;padding-inline:.625em;font-size:.75rem;font-weight:var(--font-weight-bold);line-height:1.5;color:var(--color-white);background-color:var(--_badge-bg, var(--color-main));border-radius:100vmax}}@layer component{.c-table{inline-size:100%;border-collapse:collapse;font-size:.9375rem;line-height:var(--line-height-base)}.c-table th,.c-table td{padding-block:.75rem;padding-inline:1rem;text-align:start;border-block-end:1px solid var(--color-border)}.c-table th{font-weight:var(--font-weight-bold);color:var(--color-text);background-color:var(--color-bg-secondary);white-space:nowrap}.c-table td{color:var(--color-text)}.c-table tbody tr:last-child td{border-block-end:none}}@layer component{.c-blockquote{padding-block:1.25rem;padding-inline:1.5rem;margin:0;font-size:1.0625rem;font-style:normal;line-height:var(--line-height-base);color:var(--color-text);border-inline-start:4px solid var(--color-main);background-color:var(--color-bg-secondary);border-radius:0 .25rem .25rem 0}}@layer component{.c-skip-link{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.c-skip-link:focus{inline-size:auto;block-size:auto;padding:.75em 1.5em;margin:0;overflow:visible;clip-path:none;font-size:.875rem;font-weight:var(--font-weight-bold);color:var(--color-white);background-color:var(--color-main)}}@layer project{.p-header{position:sticky;inset-block-start:0;z-index:var(--z-header);padding-block:1rem;background-color:var(--color-bg)}.p-header__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.p-header__logo{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-text)}.p-header__hamburger{display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;order:2}@media(min-width:768px){.p-header__hamburger{display:none}}.p-header__hamburger-icon,.p-header__hamburger-icon:before,.p-header__hamburger-icon:after{display:block;inline-size:1.25rem;block-size:2px;background-color:var(--color-text);border-radius:1px;transition:transform .3s var(--ease-out-cubic)}.p-header__hamburger-icon{position:relative}.p-header__hamburger-icon:before,.p-header__hamburger-icon:after{content:"";position:absolute;inset-inline-start:0}.p-header__hamburger-icon:before{transform:translateY(-6px)}.p-header__hamburger-icon:after{transform:translateY(6px)}[aria-expanded=true] .p-header__hamburger-icon{background-color:transparent}[aria-expanded=true] .p-header__hamburger-icon:before{transform:rotate(45deg)}[aria-expanded=true] .p-header__hamburger-icon:after{transform:rotate(-45deg)}.p-header__nav{order:3;inline-size:100%;display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--ease-out-cubic)}@media(min-width:768px){.p-header__nav{order:unset;inline-size:auto;display:block}}.p-header__nav.is-open{grid-template-rows:1fr}.p-header__nav-list{overflow:hidden;display:flex;flex-direction:column;gap:0;padding-block:0}@media(min-width:768px){.p-header__nav-list{overflow:visible;flex-flow:row wrap;gap:.75rem 1.5rem}}.p-header__nav-link{display:block;padding-block:.75rem;border-block-end:1px solid var(--color-border);transition:border-color .2s var(--ease-out-cubic)}@media(min-width:768px){.p-header__nav-link{padding-block:0 .25rem;border-block-end:2px solid transparent}}.p-header__nav-link.is-current{color:var(--color-main);border-block-end-color:var(--color-main)}@media(scripting:none){.p-header__hamburger{display:none}.p-header__nav{display:block}}}@layer project{.p-footer{padding-block:3rem 2rem;background-color:var(--color-bg-secondary)}.p-footer__nav{display:grid;grid-template-columns:repeat(2,auto);justify-content:center;gap:2rem 4rem;padding-inline:var(--content-padding-inline)}.p-footer__nav-heading{font-size:.875rem;font-weight:var(--font-weight-bold);margin-block-end:.75rem}.p-footer__nav-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;padding:0;margin:0}.p-footer__nav-link{font-size:.875rem;color:var(--color-text-light);transition:color .2s var(--ease-out-cubic)}.p-footer__nav-link:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media(any-hover:hover){.p-footer__nav-link:hover{color:var(--color-text)}}.p-footer__bottom{margin-block-start:2rem;padding-block-start:1.5rem;padding-inline:var(--content-padding-inline);border-block-start:1px solid var(--color-border);text-align:center}.p-footer__copyright{font-size:.875rem;color:var(--color-text-light)}}@layer project{.p-hero{--_min-py: 80;--_max-py: 140;padding-block:clamp(calc(var(--_min-py) * var(--px)),calc((var(--_max-py) - var(--_min-py)) / var(--vp-range) * var(--vp-offset) + var(--_min-py) * var(--px)),calc(var(--_max-py) * var(--px)));text-align:center;background:radial-gradient(ellipse at 50% 0%,oklch(from var(--color-main) l c h / 6%) 0%,transparent 70%)}.p-hero__title{--_min: 28;--_max: 48;font-size:clamp(calc(var(--_min) * var(--px)),calc((var(--_max) - var(--_min)) / var(--vp-range) * var(--vp-offset) + var(--_min) * var(--px)),calc(var(--_max) * var(--px)));font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.p-hero__title:after{content:"";display:block;inline-size:3rem;block-size:3px;margin-block-start:1rem;margin-inline:auto;background:linear-gradient(in oklab,var(--color-main),var(--color-accent));border-radius:100vmax}.p-hero__lead{--_min: 16;--_max: 20;margin-block-start:1.5rem;font-size:clamp(calc(var(--_min) * var(--px)),calc((var(--_max) - var(--_min)) / var(--vp-range) * var(--vp-offset) + var(--_min) * var(--px)),calc(var(--_max) * var(--px)));color:var(--color-text-light);line-height:var(--line-height-base)}.p-hero__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-block-start:2.5rem}}@layer project{.p-layer-showcase{display:flex;flex-direction:column;gap:2rem}.p-layer-showcase__item{display:grid;grid-template-columns:1fr;gap:1rem 1.5rem;align-items:start;padding:1.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem}@media(min-width:768px){.p-layer-showcase__item{grid-template-columns:auto 1fr}}.p-layer-showcase__header{display:flex;flex-direction:column;gap:.5rem}.p-layer-showcase__name{font-size:1.25rem;font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.p-layer-showcase__description{grid-column:1 / -1;min-inline-size:0;color:var(--color-text-light);line-height:var(--line-height-base)}@media(min-width:768px){.p-layer-showcase__description{grid-column:2 / -1}}.p-layer-showcase__content{display:flex;flex-direction:column;gap:1rem}.p-layer-showcase__criteria{font-size:.875rem}.p-layer-showcase__item.-tokens{--_badge-bg: var(--color-layer-tokens)}.p-layer-showcase__item.-theme{--_badge-bg: var(--color-layer-theme)}.p-layer-showcase__item.-foundation{--_badge-bg: var(--color-layer-foundation)}.p-layer-showcase__item.-layout{--_badge-bg: var(--color-layer-layout)}.p-layer-showcase__item.-component{--_badge-bg: var(--color-layer-component)}.p-layer-showcase__item.-project{--_badge-bg: var(--color-layer-project)}.p-layer-showcase__item.-animation{--_badge-bg: var(--color-layer-animation)}.p-layer-showcase__item.-utility{--_badge-bg: var(--color-layer-utility)}}@layer project{.p-contact-form{max-inline-size:40rem;margin-inline:auto}.p-contact-form__field{display:flex;flex-direction:column;gap:.5rem}.p-contact-form__field+.p-contact-form__field{margin-block-start:1.5rem}.p-contact-form__label{font-size:.9375rem;font-weight:var(--font-weight-bold);color:var(--color-text)}.p-contact-form__required{color:var(--color-error);margin-inline-start:.25em}.p-contact-form__input{padding-block:.75rem;padding-inline:1rem;font-size:1rem;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:.375rem;transition:border-color .2s var(--ease-out-cubic)}.p-contact-form__input:focus{border-color:var(--color-main);outline:2px solid var(--color-focus-ring);outline-offset:1px}.p-contact-form__select{padding-block:.75rem;padding-inline:1rem 2.5rem;font-size:1rem;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:.375rem;transition:border-color .2s var(--ease-out-cubic)}.p-contact-form__select:focus{border-color:var(--color-main);outline:2px solid var(--color-focus-ring);outline-offset:1px}.p-contact-form__option-group{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.p-contact-form__option-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--color-text);cursor:pointer}.p-contact-form__input.is-error,.p-contact-form__select.is-error{border-color:var(--color-error);background-color:var(--color-error-bg)}.p-contact-form__input.is-error:focus,.p-contact-form__select.is-error:focus{outline-color:oklch(from var(--color-error) l c h / 25%)}.p-contact-form__error{font-size:.8125rem;color:var(--color-error)}.p-contact-form__submit{margin-block-start:2rem}}@layer project{.p-home__section-lead{text-align:center}.p-home__section-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:calc(24 * var(--px));margin-block-start:2.5rem}.p-home__layer-section-body{display:flex;flex-direction:column;gap:1rem;margin-block-start:2rem}.p-home__cta{text-align:center}.p-home__cta-action{margin-block-start:2rem}.p-home__card.-tokens{--_badge-bg: var(--color-layer-tokens)}.p-home__card.-theme{--_badge-bg: var(--color-layer-theme)}.p-home__card.-foundation{--_badge-bg: var(--color-layer-foundation)}.p-home__card.-layout{--_badge-bg: var(--color-layer-layout)}.p-home__card.-component{--_badge-bg: var(--color-layer-component)}.p-home__card.-project{--_badge-bg: var(--color-layer-project)}.p-home__card.-animation{--_badge-bg: var(--color-layer-animation)}.p-home__card.-utility{--_badge-bg: var(--color-layer-utility)}}@layer project{.p-philosophy__body{display:flex;flex-direction:column;gap:2rem;margin-block-start:2.5rem}.p-philosophy__section-content{display:flex;flex-direction:column;gap:1rem}.p-philosophy__table-wrap{overflow-x:auto}.p-philosophy__layer.-tokens{--_badge-bg: var(--color-layer-tokens)}.p-philosophy__layer.-theme{--_badge-bg: var(--color-layer-theme)}.p-philosophy__layer.-foundation{--_badge-bg: var(--color-layer-foundation)}.p-philosophy__layer.-layout{--_badge-bg: var(--color-layer-layout)}.p-philosophy__layer.-component{--_badge-bg: var(--color-layer-component)}.p-philosophy__layer.-project{--_badge-bg: var(--color-layer-project)}.p-philosophy__layer.-animation{--_badge-bg: var(--color-layer-animation)}.p-philosophy__layer.-utility{--_badge-bg: var(--color-layer-utility)}}@layer project{.p-layers__lead{text-align:center;margin-block-start:1rem}.p-layers__note{text-align:center;color:var(--color-text-light)}.p-layers__cta{text-align:center}}@layer project{.p-contact__lead{text-align:center;margin-block-start:1rem}.p-contact__form{margin-block-start:2.5rem}}@layer project{.c-skip-link:focus{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--z-fixed)}}@layer animation{@media(prefers-reduced-motion:no-preference)and (scripting:enabled){.a-fade-in-activate{opacity:0}.a-fade-in-activate.is-active{opacity:1;animation:fade-in-activate .6s var(--ease-out-cubic)}@keyframes fade-in-activate{0%{opacity:0}}}}@layer animation{@media(prefers-reduced-motion:no-preference)and (scripting:enabled){.a-fade-in-slide-up{opacity:0;translate:0 20px}.a-fade-in-slide-up.is-active{opacity:1;translate:0 0;animation:fade-in-slide-up .6s var(--ease-out-cubic)}@keyframes fade-in-slide-up{0%{opacity:0;translate:0 20px}}}}@layer animation{@media(prefers-reduced-motion:no-preference)and (scripting:enabled){.a-fade-in-slide-right{opacity:0;translate:-20px 0}.a-fade-in-slide-right.is-active{opacity:1;translate:0 0;animation:fade-in-slide-right .6s var(--ease-out-cubic)}@keyframes fade-in-slide-right{0%{opacity:0;translate:-20px 0}}}}@layer animation{@media(prefers-reduced-motion:no-preference)and (scripting:enabled){.a-scale-in{opacity:0;scale:.95}.a-scale-in.is-active{opacity:1;scale:1;animation:scale-in .6s var(--ease-out-cubic)}@keyframes scale-in{0%{opacity:0;scale:.95}}}}@layer animation{@media(prefers-reduced-motion:no-preference)and (scripting:enabled){.a-stagger>*{opacity:0;translate:0 20px}.a-stagger.is-active>*{opacity:1;translate:0 0;animation:stagger-slide-up .6s var(--ease-out-cubic);animation-delay:var(--_delay, 0s);animation-fill-mode:backwards}@keyframes stagger-slide-up{0%{opacity:0;translate:0 20px}}}}@layer utility{@media(min-width:768px){.u-hidden-pc{display:none!important}}@media not (min-width:768px){.u-hidden-sp{display:none!important}}.u-visually-hidden{position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}}
