@font-face{font-family: "Instrument Sans";src: url("../fonts/instrument-sans-latin.woff2") format("woff2");font-weight: 400 700;font-style: normal;font-display: swap;unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: "Instrument Sans";src: url("../fonts/instrument-sans-latin-ext.woff2") format("woff2");font-weight: 400 700;font-style: normal;font-display: swap;unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family: "Mona Sans";src: url("../fonts/mona-sans-wide-latin.woff2") format("woff2");font-weight: 500 600;font-style: normal;font-display: swap;unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: "Mona Sans";src: url("../fonts/mona-sans-wide-latin-ext.woff2") format("woff2");font-weight: 500 600;font-style: normal;font-display: swap;unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}:root{color-scheme: light;--font-display: "Mona Sans", "Instrument Sans", system-ui, sans-serif;--font-text: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: var(--font-text);--bg: #f3f3f1;--surface: #fbfbfa;--surface-2: #e9e9e5;--ink: #111113;--ink-2: #4e4e55;--ink-3: #6a6a71;--line: #d9d9d4;--line-strong: #111113;--line-control: #8a8a91;--accent: #0a7437;--accent-ink: #f4fbf6;--accent-soft: #d6ecdc;--btn-bg: #111113;--btn-bg-hover: #2c2c31;--btn-ink: #f3f3f1;--switch-knob: #6a6a71;--switch-knob-on: #ffffff;--glow-1: rgb(62 207 118 / .45);--glow-1-soft: rgb(62 207 118 / .15);--glow-2: rgb(160 236 190 / .5);--glow-2-soft: rgb(160 236 190 / .14);--media-bg: #e3e3de;--portrait-bg: radial-gradient(90% 70% at 50% 34%, #f6f6f3 0%, #e6e6e1 62%, #dcdcd6 100%);--shadow-soft: 0 1px 0 rgb(17 17 19 / .04), 0 18px 40px -24px rgb(17 17 19 / .35);--step--1: .875rem;--step-0: 1.0625rem;--step-1: clamp(1.1875rem, 1.1rem + .35vw, 1.375rem);--step-2: clamp(1.5rem, 1.3rem + .9vw, 2rem);--step-3: clamp(1.875rem, 1.45rem + 1.9vw, 2.875rem);--step-4: clamp(2.375rem, 1.6rem + 3.4vw, 4.5rem);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--section: clamp(72px, 6vw + 40px, 136px);--radius-frame: 14px;--radius-small: 8px;--radius-pill: 999px;--maxw: 1320px;--gutter: clamp(16px, 4vw, 40px);--gap: clamp(16px, 2vw, 28px);--header-h: 72px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-1: 120ms;--dur-2: 200ms;--dur-3: 380ms}:root[data-theme="dark"]{color-scheme: dark;--bg: #0f0f11;--surface: #17171a;--surface-2: #202024;--ink: #ededE9;--ink-2: #b4b4ba;--ink-3: #8e8e95;--line: #2b2b30;--line-strong: #ededE9;--line-control: #626269;--accent: #3ecf76;--accent-ink: #06190d;--accent-soft: #12301d;--btn-bg: #ededE9;--btn-bg-hover: #d2d2cc;--btn-ink: #0f0f11;--switch-knob: #b4b4ba;--switch-knob-on: #0f0f11;--glow-1: rgb(62 207 118 / .24);--glow-1-soft: rgb(62 207 118 / .08);--glow-2: rgb(62 207 118 / .16);--glow-2-soft: rgb(62 207 118 / .05);--media-bg: #1c1c20;--portrait-bg: radial-gradient(90% 70% at 50% 34%, #2e2e34 0%, #1e1e22 62%, #17171a 100%);--shadow-soft: 0 1px 0 rgb(0 0 0 / .3), 0 18px 40px -24px rgb(0 0 0 / .8)}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){color-scheme: dark;--bg: #0f0f11;--surface: #17171a;--surface-2: #202024;--ink: #ededE9;--ink-2: #b4b4ba;--ink-3: #8e8e95;--line: #2b2b30;--line-strong: #ededE9;--line-control: #626269;--accent: #3ecf76;--accent-ink: #06190d;--accent-soft: #12301d;--btn-bg: #ededE9;--btn-bg-hover: #d2d2cc;--btn-ink: #0f0f11;--switch-knob: #b4b4ba;--switch-knob-on: #0f0f11;--glow-1: rgb(62 207 118 / .24);--glow-1-soft: rgb(62 207 118 / .08);--glow-2: rgb(62 207 118 / .16);--glow-2-soft: rgb(62 207 118 / .05);--media-bg: #1c1c20;--portrait-bg: radial-gradient(90% 70% at 50% 34%, #2e2e34 0%, #1e1e22 62%, #17171a 100%);--shadow-soft: 0 1px 0 rgb(0 0 0 / .3), 0 18px 40px -24px rgb(0 0 0 / .8)}}*, *::before, *::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-padding-top: 24px}body{margin: 0;background: var(--bg);color: var(--ink);font-family: var(--font-text);font-size: var(--step-0);line-height: 1.6;font-feature-settings: "ss01" 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;min-height: 100dvh;display: flex;flex-direction: column}main{flex: 1}img, svg, video{display: block;max-width: 100%}[hidden]{display: none !important}img{height: auto}h1, h2, h3, h4{margin: 0;font-family: var(--font-display);font-weight: 500;line-height: 1.05;letter-spacing: -0.015em;text-wrap: balance}p{margin: 0;text-wrap: pretty}li, dd, figcaption, summary{text-wrap: pretty}a{color: inherit}button{font: inherit;color: inherit}::selection{background: var(--accent);color: var(--accent-ink)}:focus{outline: none}:focus-visible{outline: 2px solid var(--accent);outline-offset: 3px;border-radius: 4px}.visually-hidden{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.skip-link{position: absolute;left: var(--space-4);top: -100px;z-index: 100;padding: var(--space-3) var(--space-4);background: var(--btn-bg);color: var(--btn-ink);border-radius: var(--radius-pill);font-weight: 600;text-decoration: none}.skip-link:focus-visible{top: var(--space-4)}.wrap{width: 100%;max-width: var(--maxw);margin-inline: auto;padding-inline: var(--gutter)}.section{padding-block: var(--section)}.section-top{padding-top: var(--section)}.pt-0{padding-top: 0 !important}.section--tight{padding-block: calc(var(--section) * .6)}.stack > * + *{margin-top: var(--space-4)}.lead{font-size: var(--step-1);line-height: 1.5;color: var(--ink-2);max-width: 44ch}.prose{max-width: 65ch}.prose p + p{margin-top: 1em}.prose p{color: var(--ink-2)}.prose strong{color: var(--ink);font-weight: 600}.h-display{font-size: var(--step-4);line-height: 1.02;letter-spacing: -0.02em}.h-section{font-size: var(--step-3)}.h-sub{font-size: var(--step-2)}.muted{color: var(--ink-2)}.mono{font-family: var(--font-mono);font-size: .8125rem;letter-spacing: 0}.site-header{position: relative;z-index: 10;view-transition-name: site-header}.site-header__inner{display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);min-height: var(--header-h)}.brand{display: inline-flex;align-items: center;gap: var(--space-3);text-decoration: none;font-weight: 600;letter-spacing: -0.005em;border-radius: var(--radius-pill)}.brand__mark{height: 36px;width: auto;aspect-ratio: 600 / 550;flex: none;color: var(--ink)}:is(.site-header, .mobile-menu__top) .brand__mark{height: 36px}.site-footer .brand__mark{height: 40px}.brand__name{font-size: 1rem;line-height: 1.2}.brand__role{display: block;font-weight: 400;color: var(--ink-3);font-size: .8125rem}.nav{display: flex;align-items: center;gap: clamp(8px, 2.2vw, 28px)}.nav__link{position: relative;text-decoration: none;font-size: .9375rem;font-weight: 500;padding: 10px 2px}.nav__link::after{content: "";position: absolute;left: 2px;right: 2px;bottom: 4px;height: 2px;background: currentColor;transform: scaleX(0);transform-origin: left;transition: transform var(--dur-2) var(--ease-out)}.nav__link:hover::after, .nav__link.is-hover::after{transform: scaleX(1)}.nav__link[aria-current="page"]::after{transform: scaleX(1);background: var(--accent)}@media (max-width: 639px){:root{--header-h: 64px}.brand__text{display: none}:is(.site-header, .mobile-menu__top) .brand__mark{height: 32px}.nav{gap: 10px}.nav__link{white-space: nowrap}:is(.site-header, .mobile-menu__top) .btn--small{padding: 0 14px}}@media (max-width: 389px){:is(.site-header, .mobile-menu__top) .brand__mark{height: 30px}.nav{gap: 8px}:is(.site-header, .mobile-menu__top) .btn--small{padding: 0 12px}}.btn{--btn-h: 48px;display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: var(--btn-h);padding: 0 22px;border-radius: var(--radius-pill);border: 1.5px solid transparent;font-family: var(--font-text);font-size: 1rem;font-weight: 600;line-height: 1;white-space: nowrap;text-decoration: none;cursor: pointer;transition: background-color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out), transform var(--dur-1) var(--ease-out)}.btn i{font-size: 1.125em;transition: transform var(--dur-2) var(--ease-out)}.btn--small{--btn-h: 40px;padding: 0 16px;font-size: .9375rem}@property --shine-angle{syntax: "<angle>";initial-value: 0deg;inherits: false}.btn--primary{--shiny-bg: #06180d;--shiny-edge: #1f7a45;--shiny-glow: #3ecf76;--shiny-glint: #b8f5cd;position: relative;isolation: isolate;color: #f2fbf5;background: linear-gradient(var(--shiny-bg), var(--shiny-bg)) padding-box, conic-gradient(from var(--shine-angle), var(--shiny-edge) 0deg 230deg, var(--shiny-glow) 290deg, var(--shiny-glint) 320deg, var(--shiny-glow) 340deg, var(--shiny-edge) 360deg) border-box;box-shadow: inset 0 1px 0 rgb(255 255 255 / .07), 0 6px 18px -10px rgb(10 116 55 / .55);animation: shiny-spin 4.5s linear infinite;transition: box-shadow var(--dur-3) var(--ease-out), transform var(--dur-1) var(--ease-out)}.btn--primary::before{content: "";position: absolute;inset: 0;z-index: -1;border-radius: inherit;background: radial-gradient(circle, rgb(184 245 205 / .3) .8px, transparent 1.2px) 0 0 / 5px 5px;-webkit-mask-image: radial-gradient(ellipse 55% 85% at 50% 50%, #000, transparent 80%);mask-image: radial-gradient(ellipse 55% 85% at 50% 50%, #000, transparent 80%);opacity: .55;transition: opacity var(--dur-3) var(--ease-out)}.btn--primary:hover, .btn--primary.is-hover{background: linear-gradient(#08200f, #08200f) padding-box, conic-gradient(from var(--shine-angle), #2a9657 0deg 200deg, var(--shiny-glow) 280deg, #e2fbe9 320deg, var(--shiny-glow) 345deg, #2a9657 360deg) border-box;box-shadow: inset 0 1px 0 rgb(255 255 255 / .09), 0 0 0 4px rgb(62 207 118 / .14), 0 10px 30px -10px rgb(62 207 118 / .6)}.btn--primary:hover::before, .btn--primary.is-hover::before{opacity: .9}.btn--primary:active, .btn--primary.is-active{box-shadow: inset 0 1px 0 rgb(255 255 255 / .05), 0 4px 12px -8px rgb(62 207 118 / .6)}.btn--primary[disabled], .btn--primary[aria-disabled="true"]{animation: none;box-shadow: none}@keyframes shiny-spin{to{--shine-angle: 360deg}}.btn--secondary{background: transparent;color: var(--ink);border-color: var(--line-strong)}.btn--secondary:hover, .btn--secondary.is-hover{background: var(--surface-2)}.btn--ghost{background: transparent;color: var(--ink);padding-inline: 12px}.btn--ghost:hover, .btn--ghost.is-hover{background: var(--surface-2)}.btn:hover .ph-arrow-right, .btn.is-hover .ph-arrow-right, .btn:hover .ph-arrow-up-right, .btn.is-hover .ph-arrow-up-right{transform: translateX(3px)}.btn:active, .btn.is-active{transform: scale(.98)}.btn:focus-visible, .btn.is-focus{outline: 2px solid var(--accent);outline-offset: 3px;border-radius: var(--radius-pill)}.btn[disabled], .btn[aria-disabled="true"]{opacity: .45;cursor: not-allowed;transform: none}.btn-row{display: flex;flex-wrap: wrap;gap: var(--space-3);align-items: center}.link{text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: .22em;text-decoration-color: color-mix(in srgb, currentColor 45%, transparent);transition: text-decoration-color var(--dur-2) var(--ease-out), text-decoration-thickness var(--dur-2) var(--ease-out)}.link:hover, .link.is-hover{text-decoration-color: var(--accent);text-decoration-thickness: 2px}.link-arrow{display: inline-flex;align-items: center;gap: 8px;font-weight: 600;text-decoration: none;padding-block: 6px}.link-arrow span{text-decoration: underline;text-decoration-thickness: 1.5px;text-underline-offset: .25em;text-decoration-color: var(--line-strong);transition: text-decoration-color var(--dur-2) var(--ease-out)}.link-arrow i{transition: transform var(--dur-2) var(--ease-out)}.link-arrow:hover span, .link-arrow.is-hover span{text-decoration-color: var(--accent)}.link-arrow:hover i, .link-arrow.is-hover i{transform: translateX(3px)}.tags{display: flex;flex-wrap: wrap;gap: 6px;align-items: center}.tag{display: inline-flex;align-items: center;gap: 6px;min-height: 26px;padding: 0 10px;border-radius: var(--radius-pill);border: 1px solid var(--line);color: var(--ink-2);font-size: .8125rem;font-weight: 500;line-height: 1;white-space: nowrap}.tag i{font-size: 1rem}.tag--concept{border: 1.5px dashed var(--accent);color: var(--accent)}.tag--plain{border-color: transparent;padding-inline: 2px;color: var(--ink-3)}.filters{display: flex;flex-wrap: wrap;gap: var(--space-2);padding: 0;margin: 0;list-style: none}.chip{display: inline-flex;align-items: center;gap: 8px;min-height: 44px;padding: 0 18px;border-radius: var(--radius-pill);border: 1px solid var(--line-control);background: transparent;color: var(--ink);font-weight: 500;font-size: .9375rem;text-decoration: none;cursor: pointer;transition: background-color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out), transform var(--dur-1) var(--ease-out)}.chip i{font-size: 1.1rem}.chip:hover, .chip.is-hover{border-color: var(--line-strong)}.chip:active, .chip.is-active{transform: scale(.97)}.chip:focus-visible, .chip.is-focus{outline: 2px solid var(--accent);outline-offset: 3px;border-radius: var(--radius-pill)}.chip[aria-pressed="true"]{background: var(--btn-bg);border-color: var(--btn-bg);color: var(--btn-ink)}.media{position: relative;overflow: hidden;border-radius: var(--radius-frame);background: var(--media-bg);aspect-ratio: 4 / 3;isolation: isolate}.media img{width: 100%;height: 100%;object-fit: cover;transition: transform 700ms var(--ease-out), opacity var(--dur-3) var(--ease-out)}.media.is-loading img{opacity: 0}.media.is-loading::before{content: "";position: absolute;inset: 0;background: linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--surface) 55%, transparent) 50%, transparent 80%);background-size: 200% 100%;animation: shimmer 1.4s linear infinite}.media.is-broken img{display: none}.media.is-broken::after{content: attr(data-fallback);position: absolute;inset: 0;display: grid;place-items: center;padding: var(--space-5);text-align: center;color: var(--ink-3);font-size: var(--step--1);background: repeating-linear-gradient(135deg, transparent 0 10px, color-mix(in srgb, var(--line) 60%, transparent) 10px 11px)}@keyframes shimmer{from{background-position: 200% 0}to{background-position: -200% 0}}.card{position: relative;display: flex;flex-direction: column;gap: var(--space-4)}.card__media{transition: box-shadow var(--dur-3) var(--ease-out)}.card__body{display: grid;gap: 10px}.card__head{display: flex;align-items: baseline;justify-content: space-between;gap: var(--space-4)}.card__title{font-size: var(--step-2);line-height: 1.1}.card__title a{text-decoration: none}.card__title a::after{content: "";position: absolute;inset: 0;z-index: 1;border-radius: var(--radius-frame)}.card__year{font-family: var(--font-mono);font-size: .8125rem;color: var(--ink-3);flex: none}.card__context{color: var(--ink-2);max-width: 52ch}.card:hover .card__media:not(.preview) img, .card.is-hover .card__media:not(.preview) img{transform: scale(1.025)}.card:hover .card__media, .card.is-hover .card__media{box-shadow: var(--shadow-soft)}.card:hover .card__title a, .card.is-hover .card__title a{text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: .15em;text-decoration-color: var(--accent)}.card:has(.card__title a:focus-visible) .card__media, .card.is-focus .card__media{outline: 2px solid var(--accent);outline-offset: 4px}.card .card__title a:focus-visible{outline: none}.card:active .card__media, .card.is-active .card__media{transform: scale(.995)}.pin{--pin: 30px;display: inline-grid;place-items: center;width: var(--pin);height: var(--pin);flex: none;border-radius: 50%;border: 0;padding: 0;background: var(--accent);color: var(--accent-ink);font-family: var(--font-mono);font-size: .8125rem;font-weight: 600;line-height: 1;box-shadow: 0 0 0 3px var(--bg);transition: transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out)}.pin--large{--pin: 40px;font-size: .9375rem}.pin--outline{background: transparent;color: var(--accent);box-shadow: inset 0 0 0 1.5px var(--accent)}button.pin{cursor: pointer}.pin.is-active, .pin:hover{transform: scale(1.14);box-shadow: 0 0 0 3px var(--bg), 0 0 0 9px color-mix(in srgb, var(--accent) 28%, transparent)}.pin:focus-visible{outline: 2px solid var(--ink);outline-offset: 5px;border-radius: 50%}.facts{display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: var(--space-5) var(--space-6);margin: 0;padding-block: var(--space-5);border-block: 1px solid var(--line)}.facts div{min-width: 0}.facts dt{font-family: var(--font-mono);font-size: .75rem;color: var(--ink-3);margin-bottom: 6px}.facts dd{margin: 0;font-weight: 500}.contact{background: var(--surface-2);border-radius: calc(var(--radius-frame) * 1.5);padding: clamp(28px, 5vw, 72px);display: grid;gap: var(--space-7);grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);align-items: end}.contact__title{font-size: var(--step-4);line-height: 1;letter-spacing: -0.02em}.contact__text{margin-top: var(--space-4);color: var(--ink-2);max-width: 40ch}.contact__actions{display: grid;gap: var(--space-5);justify-items: start}.contact__email-row{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-3)}.contact__email{font-family: var(--font-display);font-weight: 500;font-size: clamp(1.25rem, 1rem + 1.2vw, 2rem);line-height: 1.15;letter-spacing: -0.01em;overflow-wrap: anywhere;text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: .18em;text-decoration-color: var(--accent)}.contact__email:hover{text-decoration-thickness: 3px}.contact__social{display: flex;flex-wrap: wrap;gap: var(--space-2) var(--space-5)}.contact__social a{display: inline-flex;align-items: center;gap: 8px;font-weight: 500;text-decoration: none;padding-block: 6px}.contact__social a span{text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: .22em;text-decoration-color: color-mix(in srgb, currentColor 40%, transparent)}.contact__social a:hover span{text-decoration-color: var(--accent)}.contact__social i{font-size: 1.25rem}.contact__topics{display: grid;gap: var(--space-3)}.contact__topics-label{font-weight: 600}.contact__topics .filters{gap: var(--space-2)}.contact .chip{border-color: var(--ink-2)}.copy-btn[data-state="copied"]{background: var(--btn-bg);color: var(--btn-ink);border-color: var(--btn-bg)}.copy-btn[data-state="error"]{border-color: var(--accent);color: var(--ink)}.copy-btn[data-state="error"] i{color: var(--accent)}.copy-fallback{font-size: var(--step--1);color: var(--ink-2)}.copy-fallback input{font: inherit;color: var(--ink);background: var(--surface);border: 1px solid var(--line-strong);border-radius: var(--radius-small);padding: 8px 10px;margin-top: 6px;width: min(100%, 320px)}@media (max-width: 899px){.contact{grid-template-columns: 1fr;gap: var(--space-6)}}.contact{position: relative;isolation: isolate;overflow: hidden}.contact::before, .contact::after{content: "";position: absolute;z-index: -1;border-radius: 50%;pointer-events: none;filter: blur(14px);will-change: transform, opacity}.contact::before{width: 62%;aspect-ratio: 1;left: 48%;top: -30%;background: radial-gradient(closest-side, var(--glow-1), var(--glow-1-soft) 55%, transparent);animation: glow-a 16s var(--ease-in-out) infinite}.contact::after{width: 44%;aspect-ratio: 1;left: 20%;top: 40%;background: radial-gradient(closest-side, var(--glow-2), var(--glow-2-soft) 55%, transparent);animation: glow-b 21s var(--ease-in-out) infinite}@keyframes glow-a{0%{transform: translate(0, 0) scale(1);opacity: .9}25%{transform: translate(-22%, 38%) scale(1.12);opacity: 1}50%{transform: translate(-58%, 18%) scale(.92);opacity: .75}75%{transform: translate(-30%, -12%) scale(1.06);opacity: 1}100%{transform: translate(0, 0) scale(1);opacity: .9}}@keyframes glow-b{0%{transform: translate(0, 0) scale(1);opacity: .7}30%{transform: translate(60%, -40%) scale(1.15);opacity: 1}60%{transform: translate(110%, 10%) scale(.9);opacity: .6}100%{transform: translate(0, 0) scale(1);opacity: .7}}.site-footer{margin-top: var(--section);border-top: 1px solid var(--line);padding-block: var(--space-7) var(--space-6);font-size: .9375rem}.site-footer__grid{display: grid;grid-template-columns: 1.4fr 1fr 1fr;gap: var(--space-6)}.site-footer h2{font-family: var(--font-mono);font-size: .75rem;font-weight: 500;letter-spacing: 0;color: var(--ink-3);margin-bottom: var(--space-3)}.site-footer ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 4px}.site-footer a{text-decoration: none;display: inline-flex;gap: 8px;align-items: center;padding-block: 4px}.site-footer a:hover{text-decoration: underline;text-decoration-color: var(--accent);text-underline-offset: .22em}.site-footer__about p{color: var(--ink-2);max-width: 34ch;margin-top: var(--space-3)}.site-footer__tools{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-4) var(--space-7)}.site-footer__bottom{margin-top: var(--space-7);display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: var(--space-4);color: var(--ink-3)}@media (max-width: 639px){.site-footer__bottom{flex-direction: column;align-items: stretch;gap: var(--space-6)}.site-footer__tools{order: -1;flex-direction: column;align-items: stretch;gap: var(--space-4)}.site-footer__tools > *{display: flex;justify-content: space-between;align-items: center;width: 100%}.site-footer__tools .theme-switch{display: flow-root}.site-footer__tools .theme-switch legend{float: left;margin: 0;line-height: 40px}.site-footer__tools .theme-switch__options{float: right}}.theme-switch{display: inline-flex;align-items: center;gap: var(--space-3);border: 0;margin: 0;padding: 0}.theme-switch legend{float: left;margin-right: var(--space-3);padding: 0;color: var(--ink-3)}.theme-switch__options{display: inline-flex;padding: 3px;border-radius: var(--radius-pill);border: 1px solid var(--line-control)}.theme-switch label{position: relative;display: inline-flex;align-items: center;gap: 6px;min-height: 32px;padding: 0 12px;border-radius: var(--radius-pill);cursor: pointer;color: var(--ink-2);font-size: .9375rem;font-weight: 500}.theme-switch input{position: absolute;opacity: 0;inset: 0;margin: 0;cursor: pointer}.theme-switch label:has(input:checked){background: var(--btn-bg);color: var(--btn-ink)}.theme-switch label:has(input:focus-visible){outline: 2px solid var(--accent);outline-offset: 2px}.error-page{min-height: 100svh;display: grid;grid-template-rows: auto 1fr}.error-page__top{display: flex;align-items: center;min-height: var(--header-h)}.error-page__body{display: grid;justify-items: center;align-content: center;text-align: center;padding-block: var(--space-7) var(--space-9)}.error-page__code{font-family: var(--font-display);font-weight: 600;font-size: clamp(7.5rem, 4rem + 20vw, 17rem);line-height: .85;letter-spacing: -0.03em;padding-inline: 0.12em;background: linear-gradient(to bottom, var(--ink) 15%, color-mix(in srgb, var(--ink) 35%, transparent) 60%, transparent 96%);-webkit-background-clip: text;background-clip: text;color: transparent;user-select: none}.error-page__title{font-size: var(--step-3);line-height: 1.05;margin-top: calc(-1 * clamp(8px, 2vw, 24px));position: relative}.error-page__text{margin-top: var(--space-4);color: var(--ink-2);font-size: var(--step-1);max-width: 40ch}.error-page__actions{justify-content: center;margin-top: var(--space-7)}.error-page__pl{margin-top: var(--space-6);color: var(--ink-3);font-size: var(--step--1);max-width: 52ch}@media (max-width: 639px){.error-page__actions{flex-direction: column;align-items: stretch;width: 100%}.error-page__actions .btn{width: 100%}}.menu-toggle{display: none}@media (max-width: 639px){.js-menu .site-header .nav__link, .js-menu .site-header .lang-switch{display: none}.js-menu .menu-toggle{display: inline-grid;place-items: center;width: 44px;height: 44px;margin-right: -10px;padding: 0;border: 0;border-radius: 12px;background: none;color: var(--ink);font-size: 26px;cursor: pointer}.menu-toggle:focus-visible{outline: 2px solid var(--accent);outline-offset: -2px}}.mobile-menu{position: fixed;inset: 0;z-index: 95;display: flex;flex-direction: column;overflow-y: auto;overscroll-behavior: contain;background: var(--bg);opacity: 0;transition: opacity var(--dur-2) var(--ease-out)}.mobile-menu.is-open{opacity: 1}.mobile-menu:focus{outline: none}.mobile-menu__top{display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);min-height: var(--header-h)}.mobile-menu__actions{display: flex;align-items: center;gap: 10px}@media (max-width: 389px){.mobile-menu__actions{gap: 8px}}.mobile-menu__nav{margin-top: var(--space-6)}.mobile-menu__nav ul{list-style: none;margin: 0;padding: 0;border-top: 1px solid var(--line)}.mobile-menu__nav li{border-bottom: 1px solid var(--line)}.mobile-menu__nav a{display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);min-height: 72px;font-family: var(--font-display);font-size: var(--step-3);font-weight: 500;letter-spacing: -0.02em;text-decoration: none;transform: translateY(8px);opacity: 0;transition: transform var(--dur-3) var(--ease-out), opacity var(--dur-3) var(--ease-out)}.mobile-menu.is-open .mobile-menu__nav a{transform: none;opacity: 1}.mobile-menu.is-open .mobile-menu__nav li:nth-child(2) a{transition-delay: 40ms}.mobile-menu__nav a i{font-size: 1.5rem;color: var(--ink-3)}.mobile-menu__nav a[aria-current="page"]{color: var(--accent)}.mobile-menu__nav a:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px;border-radius: 6px}.mobile-menu__foot{margin-top: auto;padding-block: var(--space-7) var(--space-8);display: grid;gap: var(--space-4)}.mobile-menu__foot .lang-switch{display: flex;justify-content: space-between;width: 100%}.mobile-menu__foot .theme-switch{display: flow-root}.mobile-menu__foot .theme-switch legend{float: left;margin: 0;line-height: 40px}.mobile-menu__foot .theme-switch__options{float: right}@media (min-width: 640px){.mobile-menu{display: none !important}}@media (max-width: 639px){.site-footer [data-inspect-toggle]{display: none}}@media (prefers-reduced-motion: reduce){.mobile-menu, .mobile-menu__nav a{transition: none}}.lang-switch{display: inline-flex;align-items: center;padding: 3px;border-radius: var(--radius-pill);border: 1px solid var(--line-control)}.lang-switch__item{display: inline-flex;align-items: center;justify-content: center;min-width: 36px;min-height: 30px;padding: 0 10px;border-radius: var(--radius-pill);color: var(--ink-2);font-size: .8125rem;font-weight: 600;letter-spacing: .02em;text-decoration: none;white-space: nowrap}a.lang-switch__item:hover{color: var(--ink);background: var(--surface-2)}a.lang-switch__item:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.lang-switch__item.is-current{background: var(--btn-bg);color: var(--btn-ink)}.lang-switch--full{gap: var(--space-3);border: 0;padding: 0}.lang-switch--full .lang-switch__label{color: var(--ink-3)}.lang-switch--full .lang-switch__options{display: inline-flex;padding: 3px;border-radius: var(--radius-pill);border: 1px solid var(--line-control)}.lang-switch--full .lang-switch__item{min-height: 32px;padding: 0 12px;font-size: .9375rem;font-weight: 500;letter-spacing: 0}.label-short{display: none}@media (max-width: 639px){.site-header .lang-switch{border: 0;padding: 0}.site-header .lang-switch__item.is-current{display: none}.site-header .lang-switch__item{min-width: 32px;padding: 0 6px;border: 1px solid var(--line-control)}.label-long{display: none}.label-short{display: inline}}@media (max-width: 767px){.site-footer__grid{grid-template-columns: 1fr 1fr}.site-footer__about{grid-column: 1 / -1}}.hero{padding-top: clamp(40px, 6vw, 88px);padding-bottom: clamp(48px, 6vw, 88px)}.hero__intro{display: flex;align-items: center;gap: var(--space-3);color: var(--ink-2);font-weight: 500;margin-bottom: var(--space-5)}.hero__intro img{width: 44px;height: 44px;border-radius: 50%;object-fit: cover;background: var(--media-bg)}.hero__title{max-width: 23ch}.hero__title a{text-decoration: underline;text-decoration-thickness: .055em;text-underline-offset: .11em;text-decoration-color: var(--accent);text-decoration-skip-ink: auto;border-radius: 6px;transition: text-decoration-thickness var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out)}.hero__title a:hover{text-decoration-thickness: .1em;color: var(--accent)}.hero__text{margin-top: var(--space-5);font-size: var(--step-1);color: var(--ink-2);max-width: 40ch;line-height: 1.5}.hero .btn-row{margin-top: var(--space-6)}@media (max-width: 639px){.hero .btn-row{flex-direction: column;align-items: stretch}.hero .btn-row .btn{width: 100%}.section-head .link-arrow{display: none}}.work-feature{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap: clamp(40px, 5vw, 72px) var(--gap)}.work-feature > .card:nth-child(1){grid-column: 1 / span 7}.work-feature > .card:nth-child(2){grid-column: 8 / span 5;margin-top: clamp(40px, 8vw, 120px)}.work-feature > .card:nth-child(3){grid-column: 1 / span 5;margin-top: clamp(40px, 8vw, 120px)}.work-feature > .card:nth-child(4){grid-column: 6 / span 7}.work-feature > .card:nth-child(5){grid-column: 1 / -1;display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap: var(--gap);align-items: end}.work-feature > .card:nth-child(5) .card__media{grid-column: 1 / span 7}.work-feature > .card:nth-child(5) .card__body{grid-column: 8 / span 5;padding-bottom: var(--space-4)}.section-head{display: flex;align-items: end;justify-content: space-between;gap: var(--space-5);margin-bottom: var(--space-7);flex-wrap: wrap}.section-head .h-section{max-width: 18ch}.section-foot{margin-top: var(--space-8);display: flex;justify-content: center}@media (max-width: 767px){.work-feature{grid-template-columns: 1fr}.work-feature > .card:nth-child(n){grid-column: 1 / -1;margin-top: 0}.work-feature > .card:nth-child(5){display: flex;align-items: stretch}.work-feature > .card:nth-child(5) .card__body{padding-bottom: 0}}.bento{margin-top: var(--space-7);display: grid;grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);gap: 1px;background: var(--line);border: 1px solid var(--line);border-radius: calc(var(--radius-frame) * 1.5);overflow: hidden}.bento__cell{position: relative;display: flex;flex-direction: column;gap: var(--space-4);min-height: clamp(200px, 16vw, 240px);padding: clamp(24px, 3vw, 40px);background: var(--bg);transition: background-color var(--dur-2) var(--ease-out)}.bento__cell--big{grid-row: span 2}.bento__top{display: flex;justify-content: space-between;align-items: flex-start}.bento__icon{font-size: clamp(28px, 1rem + 1vw, 36px);line-height: 1;margin-left: -2px;color: var(--ink-2);transition: color var(--dur-2) var(--ease-out)}.bento__arrow{font-size: 1.5rem;color: var(--ink-2);transition: transform var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out)}.bento__title{font-size: var(--step-2);line-height: 1.05;margin-top: var(--space-3)}.bento__title a{text-decoration: none}.bento__title a::after{content: "";position: absolute;inset: 0;z-index: 1}.bento__title a:focus-visible{outline: none}.bento__pills{list-style: none;margin: auto 0 0;padding: var(--space-5) 0 0;display: flex;flex-wrap: wrap;gap: 8px}.bento__pills li{display: inline-flex;align-items: center;min-height: 34px;padding: 0 14px;border-radius: var(--radius-pill);background: var(--surface-2);color: var(--ink-2);font-size: .875rem;font-weight: 500}.bento__cell:hover, .bento__cell:has(.bento__title a:focus-visible){background: var(--surface)}.bento__cell:hover .bento__arrow, .bento__cell:has(.bento__title a:focus-visible) .bento__arrow{transform: translateX(4px);color: var(--accent)}.bento__cell:hover .bento__icon, .bento__cell:has(.bento__title a:focus-visible) .bento__icon{color: var(--accent)}.bento__cell:has(.bento__title a:focus-visible){outline: 2px solid var(--accent);outline-offset: -2px}@media (max-width: 899px){.bento{grid-template-columns: 1fr}.bento__cell--big{grid-row: auto}.bento__cell{min-height: 0}}.principles-layout{display: grid;grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);gap: var(--space-7) var(--gap);align-items: start}.principles-layout__head{position: sticky;top: 32px}.principles{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--space-7) var(--gap)}.principle{display: grid;gap: var(--space-3);align-content: start;padding-top: var(--space-5);border-top: 1px solid var(--line)}.principle h3{font-size: var(--step-1);font-family: var(--font-text);font-weight: 600;letter-spacing: -0.01em}.principle p{color: var(--ink-2)}@media (max-width: 899px){.principles-layout{grid-template-columns: 1fr}.principles-layout__head{position: static}}@media (max-width: 599px){.principles{grid-template-columns: 1fr;gap: var(--space-6)}}.about-teaser{display: grid;grid-template-columns: minmax(0, 3fr) minmax(0, 7fr);gap: var(--space-7) var(--gap);align-items: center}.about-teaser__photo{aspect-ratio: 1;border-radius: 50%;overflow: hidden;background: var(--media-bg);max-width: 280px}.about-teaser__photo img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 36%}.about-teaser__quote{font-family: var(--font-display);font-size: var(--step-2);line-height: 1.2;letter-spacing: -0.01em;max-width: 30ch}.about-teaser .link-arrow{margin-top: var(--space-5)}@media (max-width: 767px){.about-teaser{grid-template-columns: 1fr}.about-teaser__photo{max-width: 160px}}.care{display: grid;grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);gap: var(--space-8) var(--gap);align-items: start}.care__side{position: sticky;top: 32px;display: grid;gap: 20px}.care__photo{aspect-ratio: 4 / 5;border-radius: 18px;overflow: hidden;background: var(--portrait-bg)}.care__photo img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 32%}.care__side p{color: var(--ink-2)}.care__side b{color: var(--ink);font-weight: 600}.care__list{list-style: none;margin: 0;padding: 0}.care__list li{padding: clamp(28px, 4vw, 56px) 0;border-top: 1px solid var(--line);display: grid;gap: 14px}.care__list li:last-child{border-bottom: 1px solid var(--line)}.care__list small{font-size: 15px;font-weight: 600;color: var(--accent)}.care__list p{font-family: var(--font-display);font-weight: 500;font-size: clamp(1.9rem, 1.2rem + 2.4vw, 3.5rem);line-height: 1.08;letter-spacing: -0.02em;max-width: 20ch;color: var(--ink);transition: color 600ms var(--ease-out)}.care__list.is-armed li:not(.is-lit) p{color: color-mix(in srgb, var(--ink) 60%, var(--bg))}@media (max-width: 899px){.care{grid-template-columns: 1fr}.care__side{position: static;max-width: 340px}}.ai-page{max-width: 920px}.ai-kicker{font-size: .9375rem;font-weight: 600;color: var(--accent);margin-bottom: var(--space-4)}.ai-page .h-display{font-size: var(--step-3);max-width: 22ch}.ai-block{padding-block: var(--space-7);border-top: 1px solid var(--line);display: grid;gap: var(--space-4)}.ai-block h2{font-size: var(--step-2)}.ai-sub{font-family: var(--font-text);font-size: 1.0625rem;font-weight: 600;letter-spacing: 0;margin-top: var(--space-3)}.ai-facts{margin: 0;display: grid;gap: var(--space-3)}.ai-facts div{display: grid;grid-template-columns: minmax(0, 14rem) minmax(0, 1fr);gap: var(--space-4)}.ai-facts dt{color: var(--ink-3)}.ai-facts dd{margin: 0;font-weight: 500}.ai-list{margin: 0;padding-left: 1.2em;display: grid;gap: 6px;color: var(--ink-2);max-width: 65ch}.ai-note{color: var(--ink-2)}.ai-table{overflow-x: auto;border: 1px solid var(--line);border-radius: var(--radius-frame)}.ai-table:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.ai-table table{width: 100%;min-width: 640px;border-collapse: collapse;font-size: .9375rem}.ai-table th, .ai-table td{text-align: left;vertical-align: top;padding: 12px 16px;border-bottom: 1px solid var(--line)}.ai-table thead th{color: var(--ink-3);font-weight: 500;background: var(--surface)}.ai-table tbody tr:last-child > *{border-bottom: 0}.ai-table td{color: var(--ink-2)}.ai-updated{padding-top: var(--space-6);border-top: 1px solid var(--line);color: var(--ink-3);font-size: .9375rem}@media (max-width: 599px){.ai-facts div{grid-template-columns: 1fr;gap: 2px}}.page-head{padding-top: clamp(40px, 6vw, 88px);padding-bottom: var(--space-7)}.page-head .lead{margin-top: var(--space-4)}.work-toolbar{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: var(--space-4);padding-bottom: var(--space-6)}.work-count{color: var(--ink-3);font-size: .9375rem}.work-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: clamp(48px, 5vw, 72px) var(--gap)}.work-grid .card[hidden]{display: none}@media (max-width: 767px){.work-grid{grid-template-columns: 1fr}}.empty{display: grid;grid-template-columns: auto minmax(0, 1fr);gap: var(--space-5);align-items: start;padding: clamp(28px, 4vw, 48px);border: 1.5px dashed var(--line-strong);border-radius: var(--radius-frame);max-width: 820px}.empty[hidden]{display: none}.empty__icon{width: 56px;height: 56px;border-radius: 50%;display: grid;place-items: center;background: var(--surface-2);font-size: 1.6rem}.empty h2{font-size: var(--step-2);margin-bottom: var(--space-3)}.empty p{color: var(--ink-2);max-width: 52ch}.empty .btn-row{margin-top: var(--space-5)}@media (max-width: 599px){.empty{grid-template-columns: 1fr}}.crumbs{display: flex;flex-wrap: wrap;gap: 8px;align-items: center;color: var(--ink-3);font-size: .9375rem;margin-bottom: var(--space-5)}.crumbs a{color: var(--ink-2)}.crumbs ol{display: contents;list-style: none}.crumbs li{display: inline-flex;gap: 8px;align-items: center}.crumbs li + li::before{content: "/";color: var(--line-strong);opacity: .5}.case-head{padding-top: clamp(32px, 4vw, 64px)}.case-head__top{display: grid;grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);gap: var(--space-5) var(--gap);align-items: end}.case-head h1{font-size: var(--step-4);line-height: 1;letter-spacing: -0.02em}.case-head .tags{margin-top: var(--space-4)}.case-head__summary{font-size: var(--step-1);color: var(--ink-2);line-height: 1.5;max-width: 38ch}.case-cover{margin-top: var(--space-7)}.case-cover .media{aspect-ratio: 16 / 10;border-radius: calc(var(--radius-frame) * 1.2)}.case-head .facts{margin-top: var(--space-7)}@media (max-width: 899px){.case-head__top{grid-template-columns: 1fr}.case-cover .media{aspect-ratio: 4 / 3}}.case-body{display: grid;grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);gap: var(--space-7) var(--gap);padding-top: var(--space-9)}.toc{position: sticky;top: 32px;align-self: start}.toc h2{font-family: var(--font-mono);font-size: .75rem;font-weight: 500;color: var(--ink-3);letter-spacing: 0;margin-bottom: var(--space-3)}.toc ol{list-style: none;margin: 0;padding: 0;display: grid;gap: 2px;border-left: 1px solid var(--line)}.toc a{display: block;padding: 7px 0 7px 16px;margin-left: -1px;border-left: 2px solid transparent;color: var(--ink-2);text-decoration: none;font-weight: 500;transition: color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out)}.toc a:hover{color: var(--ink)}.toc a[aria-current="true"]{color: var(--ink);border-left-color: var(--accent)}.toc--mobile{display: none}.case-content{display: grid;gap: clamp(64px, 7vw, 112px);min-width: 0}.case-section{scroll-margin-top: 24px;display: grid;gap: var(--space-5)}.case-section > h2{font-size: var(--step-3)}@media (max-width: 1023px){.case-body{grid-template-columns: 1fr;padding-top: var(--space-7)}.toc{display: none}.toc--mobile{display: block}}.toc-details{border: 1px solid var(--line);border-radius: var(--radius-frame)}.toc-details summary{cursor: pointer;padding: 14px 18px;font-weight: 600;list-style: none;display: flex;justify-content: space-between;align-items: center}.toc-details summary::-webkit-details-marker{display: none}.toc-details summary i{transition: transform var(--dur-2) var(--ease-out)}.toc-details[open] summary i{transform: rotate(180deg)}.toc-details ol{margin: 0;padding: 0 18px 14px 36px;display: grid;gap: 6px}.toc-details a{color: var(--ink-2)}.callout{display: grid;grid-template-columns: auto minmax(0, 1fr);gap: var(--space-4);padding: var(--space-5);border-radius: var(--radius-frame);border: 1.5px dashed var(--accent);max-width: 72ch}.callout i{font-size: 1.5rem;color: var(--accent);line-height: 1.3}.callout p{color: var(--ink-2)}.callout strong{color: var(--ink)}.decisions{display: grid;grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);gap: var(--space-6) var(--gap);align-items: start}.decisions__stage{position: sticky;top: 24px}.decisions__stage .media{aspect-ratio: auto}.decisions__stage .media img{height: auto}.pins-layer{position: absolute;inset: 0;z-index: 2}.pins-layer .pin{position: absolute;transform: translate(-50%, -50%)}.pins-layer .pin.is-active, .pins-layer .pin:hover{transform: translate(-50%, -50%) scale(1.14)}.decisions__caption{margin-top: var(--space-3);font-size: .875rem;color: var(--ink-3)}.decision-list{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--space-3)}.decision{display: grid;grid-template-columns: auto minmax(0, 1fr);gap: var(--space-4);padding: var(--space-5);border-radius: var(--radius-frame);border: 1px solid var(--line);background: var(--surface);transition: border-color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);scroll-margin-top: 24px}.decision:focus-visible{outline: 2px solid var(--accent);outline-offset: 3px}.decision.is-active{border-color: var(--accent);box-shadow: 0 0 0 1px var(--accent)}.decision h3{font-family: var(--font-text);font-size: var(--step-1);font-weight: 600;letter-spacing: -0.01em;line-height: 1.3;margin-bottom: 6px}.decision p{color: var(--ink-2)}@media (max-width: 899px){.decisions{grid-template-columns: 1fr}.decisions__stage{position: relative;top: 0}}.viewer{border: 1px solid var(--line);border-radius: var(--radius-frame);overflow: hidden;background: var(--surface)}.viewer__bar{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: var(--space-3);padding: 10px 12px 10px 18px;border-bottom: 1px solid var(--line);font-size: .875rem;color: var(--ink-3)}.viewer__bar .mono{color: var(--ink-3)}.viewer__scroll{max-height: min(78vh, 900px);overflow-y: auto;overscroll-behavior: contain;background: var(--media-bg);scrollbar-gutter: stable}.viewer__scroll:focus-visible{outline: 2px solid var(--accent);outline-offset: -4px;border-radius: 0}.viewer__scroll img{width: 100%}.next{display: grid;grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);gap: var(--gap);align-items: center;position: relative}.next__label{font-family: var(--font-mono);font-size: .75rem;color: var(--ink-3);margin-bottom: var(--space-3)}.next__title{font-size: var(--step-4);line-height: 1}.next__title a{text-decoration: none}.next__title a::after{content: "";position: absolute;inset: 0;z-index: 1}.next:hover .next__title a{text-decoration: underline;text-decoration-color: var(--accent);text-decoration-thickness: 3px;text-underline-offset: .12em}.next:has(a:focus-visible) .media{outline: 2px solid var(--accent);outline-offset: 4px}.next__title a:focus-visible{outline: none}.next .media:not(.preview) img{transition: transform 700ms var(--ease-out)}.next:hover .media:not(.preview) img{transform: scale(1.025)}@media (max-width: 767px){.next{grid-template-columns: 1fr}}.slot{position: relative;border: 1.5px dashed var(--accent);background: color-mix(in srgb, var(--accent-soft) 45%, transparent);border-radius: var(--radius-frame);padding: var(--space-5);display: grid;gap: var(--space-3);max-width: 72ch}.slot__label{display: inline-flex;align-items: center;gap: 8px;font-family: var(--font-mono);font-size: .75rem;color: var(--accent);font-weight: 500}.slot p{color: var(--ink-2)}.slot ul{margin: 0;padding-left: 1.1em;color: var(--ink-2);display: grid;gap: 4px}.is-slot-section[hidden]{display: none !important}.about-hero{display: grid;grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);gap: var(--space-7) var(--gap);padding-top: clamp(40px, 6vw, 88px);align-items: start}.about-hero__photo{border-radius: calc(var(--radius-frame) * 1.2);overflow: hidden;background: var(--portrait-bg);aspect-ratio: 4 / 5;position: sticky;top: 32px}.about-hero__photo img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 32%}.about-hero h1{font-size: var(--step-4);line-height: 1;letter-spacing: -0.02em}.about-hero .lead{margin-top: var(--space-5);max-width: 36ch;color: var(--ink)}.about-bio{margin-top: var(--space-7);font-size: 1.125rem}.about-bio p{color: var(--ink-2)}.about-bio p + p{margin-top: 1.1em}.do-list{list-style: none;margin: var(--space-8) 0 0;padding: 0;border-top: 1px solid var(--line-strong)}.do-list li{display: grid;grid-template-columns: minmax(0, 4fr) minmax(0, 5fr) minmax(0, 3fr);gap: var(--space-3) var(--gap);padding-block: var(--space-5);border-bottom: 1px solid var(--line);align-items: baseline}.do-list h3{font-size: var(--step-2)}.do-list p{color: var(--ink-2)}.do-list .link-arrow{justify-self: end}@media (max-width: 899px){.do-list .link-arrow{justify-self: start}}@media (max-width: 899px){.about-hero{grid-template-columns: 1fr}.about-hero__photo{position: relative;top: 0;max-width: 320px;aspect-ratio: 1}.do-list li{grid-template-columns: 1fr}}.proto-bar{position: fixed;right: 16px;bottom: 16px;z-index: 90;display: flex;align-items: center;gap: 10px;padding: 6px 6px 6px 14px;border-radius: 999px;background: #1d1d21;color: #e9e9e4;font-family: var(--font-mono);font-size: 12px;box-shadow: 0 10px 30px -10px rgb(0 0 0 / .5)}.proto-bar a, .proto-bar button{display: inline-flex;align-items: center;gap: 6px;min-height: 32px;padding: 0 12px;border-radius: 999px;border: 1px solid #3a3a40;background: transparent;color: inherit;font: inherit;text-decoration: none;cursor: pointer}.proto-bar button[aria-pressed="true"]{background: #3ecf76;border-color: #3ecf76;color: #06190d}.proto-bar :focus-visible{outline: 2px solid #3ecf76;outline-offset: 2px}@media (max-width: 599px){.proto-bar__label{display: none}.proto-bar{left: 16px;right: auto}}.preview{--dist: 0px;--dur: 8s;background: var(--surface-2)}.preview .preview__view{position: absolute;overflow: hidden;background: var(--surface)}.preview--web .preview__view{left: 7%;right: 7%;top: 8%;bottom: 0;border-radius: 10px 10px 0 0;box-shadow: 0 22px 44px -26px rgb(17 17 19 / .28)}.preview .preview__img{position: absolute;left: 0;top: 0;width: 100%;max-width: none;height: auto;object-fit: initial;transform: translate3d(0, 0, 0);transition: transform 1400ms var(--ease-out), opacity var(--dur-3) var(--ease-out)}.preview.is-playing .preview__img{transform: translate3d(0, var(--dist), 0);transition: transform var(--dur) linear}.preview__phone{position: absolute;left: 50%;top: 6%;bottom: 6%;aspect-ratio: 0.478;transform: translateX(-50%);border-radius: 15% / 7.2%;background: #0c0c0e;box-shadow: inset 0 0 0 1.5px #3b3b41, inset 0 0 0 3px #0c0c0e, 0 1px 0 1px rgb(255 255 255 / .06), 0 30px 50px -26px rgb(17 17 19 / .6)}.preview__phone .preview__view{position: absolute;inset: 1.53% 3.2%;border-radius: 12.6% / 5.8%;background: #0c0c0e}.preview__island{position: absolute;left: 50%;top: 1.4%;width: 31%;height: 3.7%;transform: translateX(-50%);border-radius: 99px;background: #000;z-index: 3}.screen{position: absolute;inset: 0;overflow: hidden;transform: translateX(100%);transition: transform 620ms var(--ease-out), opacity 620ms var(--ease-out);z-index: 1}.screen.is-active{transform: none;z-index: 2}.screen.is-past{transform: translateX(-28%);opacity: 0}.screen:first-child:not(.is-past):not(.is-active){transform: translateX(100%)}.screen.no-anim, .screen.no-anim .screen__shot{transition: none !important}.screen__shot{position: absolute;inset: 0;transition: transform 1600ms var(--ease-in-out)}.screen__shot img{position: absolute;max-width: none;height: auto}.preview__bar{position: absolute;left: 0;right: 0;bottom: 0;height: 3px;z-index: 4}.preview__bar i{position: absolute;inset: 0;background: var(--accent);transform: scaleX(0);transform-origin: left;transition: transform 1400ms var(--ease-out)}.preview--web.is-playing .preview__bar i{transform: scaleX(1);transition: transform var(--dur) linear}.preview--phone .preview__bar i{transition: transform 500ms var(--ease-out)}.preview[tabindex]:focus-visible{outline: 2px solid var(--accent);outline-offset: 4px}.case-cover .preview--web .preview__view{left: 9%;right: 9%;top: 7%}.hero__title a[data-focus]{position: relative}#featured-work .card{transition: opacity var(--dur-3) var(--ease-out), filter var(--dur-3) var(--ease-out)}body[data-focus="websites"] #featured-work .card:not([data-type="websites"]), body[data-focus="mobile-apps"] #featured-work .card:not([data-type="mobile-apps"]), body[data-focus="web-apps"] #featured-work .card{opacity: .28;filter: grayscale(.7)}.hero__title a[data-focus="web-apps"]::after{content: "No public case study yet";position: absolute;left: 50%;top: calc(100% + 10px);transform: translate(-50%, 6px);white-space: nowrap;font-family: var(--font-text);font-size: 14px;font-weight: 500;letter-spacing: 0;line-height: 1;color: var(--btn-ink);background: var(--btn-bg);padding: 8px 10px;border-radius: 6px;opacity: 0;pointer-events: none;transition: opacity var(--dur-2), transform var(--dur-2) var(--ease-out)}.hero__title a[data-focus="web-apps"]:hover::after, .hero__title a[data-focus="web-apps"]:focus-visible::after{opacity: 1;transform: translate(-50%, 0)}.inspect-toggle{display: inline-flex;align-items: center;gap: var(--space-3);border: 0;background: none;padding: 6px 0;cursor: pointer;font: inherit;color: var(--ink-3)}.inspect-toggle:hover{color: var(--ink-2)}.inspect-toggle .track{position: relative;width: 34px;height: 20px;border-radius: 99px;background: var(--surface-2);box-shadow: inset 0 0 0 1px var(--line-control);transition: background var(--dur-2) var(--ease-out);flex: none}.inspect-toggle .track::after{content: "";position: absolute;left: 3px;top: 3px;width: 14px;height: 14px;border-radius: 50%;background: var(--switch-knob);box-shadow: 0 1px 2px rgb(0 0 0 / .3);transition: transform var(--dur-3) var(--ease-out)}.inspect-toggle[aria-checked="true"] .track{background: var(--accent);box-shadow: none}.inspect-toggle[aria-checked="true"] .track::after{transform: translateX(14px);background: var(--switch-knob-on)}.inspect-toggle kbd{font-family: var(--font-mono);font-size: 11px;border: 1px solid var(--line-control);border-radius: 4px;padding: 1px 5px;color: var(--ink-3)}.inspect-toggle:focus-visible{outline: 2px solid var(--accent);outline-offset: 3px;border-radius: 6px}@media (hover: none){.inspect-toggle kbd{display: none}}.inspect-grid{position: fixed;inset: 0;z-index: 4;pointer-events: none;opacity: 0;transition: opacity var(--dur-3) var(--ease-out)}.inspect-grid .wrap{height: 100%;display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap: var(--gap)}.inspect-grid i{background: color-mix(in srgb, var(--accent) 7%, transparent)}@media (max-width: 767px){.inspect-grid .wrap{grid-template-columns: repeat(4, minmax(0, 1fr))}.inspect-grid i:nth-child(n + 5){display: none}}html[data-inspect] .inspect-grid{opacity: 1}html[data-inspect] [data-spec]{outline: 1px dashed var(--accent);outline-offset: 3px}html[data-inspect] [data-spec].is-inspected{outline-style: solid;outline-width: 1.5px}.inspect-layer{position: absolute;left: 0;top: 0;width: 100%;height: 0;z-index: 7;pointer-events: none;display: none}html[data-inspect] .inspect-layer{display: block}.spec-label{position: absolute;font-family: var(--font-mono);font-size: 11px;font-weight: 500;line-height: 1;padding: 4px 6px;border-radius: 4px;background: var(--accent);color: var(--accent-ink);white-space: nowrap;transform: translateY(calc(-100% - 5px))}.spec-label.below{transform: translateY(5px)}.measure{position: absolute}.measure--v{width: 1px;background: var(--accent)}.measure--v::before, .measure--v::after{content: "";position: absolute;left: -4px;width: 9px;height: 1px;background: var(--accent)}.measure--v::before{top: 0}.measure--v::after{bottom: 0}.measure--h{height: 1px;background: var(--accent)}.measure--h::before, .measure--h::after{content: "";position: absolute;top: -4px;width: 1px;height: 9px;background: var(--accent)}.measure--h::before{left: 0}.measure--h::after{right: 0}.measure span{position: absolute;font-family: var(--font-mono);font-size: 11px;color: var(--accent);background: var(--bg);padding: 0 3px;line-height: 1.2}.measure--v span{left: 6px;top: 50%;transform: translateY(-50%)}.measure--h span{left: 50%;bottom: 4px;transform: translateX(-50%)}.inspect-panel{position: fixed;left: 16px;bottom: 16px;z-index: 85;width: min(330px, calc(100vw - 32px));background: #1d1d21;color: #ececea;border-radius: 12px;padding: 14px 16px 16px;font-size: 13px;line-height: 1.45;box-shadow: 0 20px 44px -18px rgb(0 0 0 / .55);opacity: 0;transform: translateY(12px);pointer-events: none;transition: opacity var(--dur-2) var(--ease-out), transform var(--dur-3) var(--ease-out)}html[data-inspect] .inspect-panel{opacity: 1;transform: none;pointer-events: auto}.inspect-panel__head{display: flex;justify-content: space-between;align-items: center;gap: 12px;margin-bottom: 10px}.inspect-panel__head h2{margin: 0;font-family: var(--font-mono);font-size: 11px;font-weight: 500;letter-spacing: 0;color: #9a9aa0}.inspect-panel__head button{border: 1px solid #3a3a40;background: transparent;color: #cfcfca;border-radius: 99px;padding: 3px 10px;font-size: 12px;cursor: pointer}.inspect-panel__head button:focus-visible{outline: 2px solid #3ecf76;outline-offset: 2px}.inspect-panel__name{font-weight: 600;font-size: 15px;margin: 0 0 8px}.inspect-panel dl{margin: 0;display: grid;grid-template-columns: auto 1fr;gap: 5px 14px}.inspect-panel dt{color: #9a9aa0}.inspect-panel dd{margin: 0;font-family: var(--font-mono);font-size: 12px;display: flex;align-items: center;gap: 6px;min-width: 0;overflow-wrap: anywhere}.inspect-panel dd i{width: 12px;height: 12px;border-radius: 3px;box-shadow: 0 0 0 1px rgb(255 255 255 / .3);flex: none}.inspect-panel__why{margin: 10px 0 0;padding-top: 10px;border-top: 1px solid #34343a;color: #cfcfca}@media (max-width: 599px){.inspect-panel{bottom: 64px}}@view-transition{navigation: auto}::view-transition-group(*){animation-duration: var(--dur-3);animation-timing-function: var(--ease-out)}::view-transition-old(root), ::view-transition-new(root){animation-duration: 240ms}::view-transition-old(.cover-vt), ::view-transition-new(.cover-vt){height: 100%;width: 100%;object-fit: cover;overflow: clip}::view-transition-group(.cover-vt){border-radius: var(--radius-frame);overflow: clip}::view-transition-old(.card-vt):only-child{animation: vt-out 180ms var(--ease-out) both}::view-transition-new(.card-vt):only-child{animation: vt-in 260ms var(--ease-out) both}@keyframes vt-out{to{opacity: 0;transform: scale(.97)}}@keyframes vt-in{from{opacity: 0;transform: scale(.97)}}@media (prefers-reduced-motion: no-preference){.reveal{animation: rise 600ms var(--ease-out) both}.reveal--2{animation-delay: 80ms}.reveal--3{animation-delay: 160ms}.reveal--4{animation-delay: 240ms}}@keyframes rise{from{opacity: 0;transform: translateY(12px)}}@media (prefers-reduced-motion: reduce){@view-transition{navigation: none}.preview.is-playing .preview__img{transform: none}.preview.is-playing .preview__bar i, .preview--phone .preview__bar i{transform: scaleX(0) !important}.btn--primary, .contact::before, .contact::after{animation: none !important}.btn--primary{--shine-angle: 40deg}*, *::before, *::after{animation-duration: 1ms !important;animation-iteration-count: 1 !important;transition-duration: 1ms !important;scroll-behavior: auto !important}}@media (prefers-reduced-motion: no-preference){html:focus-within{scroll-behavior: smooth}}.ph.ph-arrow-right, .ph.ph-arrow-up-right, .ph.ph-caret-down, .ph.ph-check, .ph.ph-compass-tool, .ph.ph-copy, .ph.ph-envelope-simple, .ph.ph-info, .ph.ph-linkedin-logo, .ph.ph-note-pencil, .ph.ph-warning, .ph.ph-browser, .ph.ph-app-window, .ph.ph-device-mobile, .ph.ph-list, .ph.ph-x, .ph.ph-house, .ph-light.ph-browser, .ph-light.ph-app-window, .ph-light.ph-device-mobile{display: inline-block;flex: none;width: 1em;height: 1em;vertical-align: -0.125em;background-color: currentColor;-webkit-mask: var(--icon) center / contain no-repeat;mask: var(--icon) center / contain no-repeat}.ph.ph-arrow-right{--icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22%3E%3Cpath d=%22M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z%22/%3E%3C/svg%3E")}.ph.ph-arrow-up-right{--icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22%3E%3Cpath d=%22M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z%22/%3E%3C/svg%3E")}.ph.ph-caret-down{--icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22%3E%3Cpath d=%22M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z%22/%3E%3C/svg%3E")}.ph.ph-check{--icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22%3E%3Cpath d=%22M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z%22/%3E%3C/svg%3E")}.ph.ph-compass-tool{--icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22%3E%3Cpath d=%22M215.12,123.64a8,8,0,1,0-14.24-7.28,79.58,79.58,0,0,1-33.08,33.5l-16.58-37.32A40,40,0,0,0,136,40.8V24a8,8,0,0,0-16,0V40.8a40,40,0,0,0-15.22,71.74L56.69,220.75a8,8,0,1,0,14.62,6.5l25.14-56.56A95.48,95.48,0,0,0,128,176a99.13,99.13,0,0,0,31.6-5.21l25.09,56.46a8,8,0,0,0,14.62-6.5l-25-56.25A95.81,95.81,0,0,0,215.12,123.64ZM128,56a24,24,0,1,1-24,24A24,24,0,0,1,128,56Zm0,104a79.52,79.52,0,0,1-25-4l16.42-36.94a39.81,39.81,0,0,0,17.2,0l16.48,37.06A83.21,83.21,0,0,1,128,160Z%22/%3E%3C/svg%3E")}.ph.ph-copy{--icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22%3E%3Cpath d=%22M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z%22/%3E%3C/svg%3E")}.ph.ph-envelope-simple{--icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22%3E%3Cpath d=%22M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM203.43,64,128,133.15,52.57,64ZM216,192H40V74.19l82.59,75.71a8,8,0,0,0,10.82,0L216,74.19V192Z%22/%3E%3C/svg%3E")}.ph.ph-info{--icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22%3E%3Cpath d=%22M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z%22/%3E%3C/svg%3E")}.ph.ph-linkedin-logo{--icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22%3E%3Cpath d=%22M216,24H40A16,16,0,0,0,24,40V216a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V40A16,16,0,0,0,216,24Zm0,192H40V40H216V216ZM96,112v64a8,8,0,0,1-16,0V112a8,8,0,0,1,16,0Zm88,28v36a8,8,0,0,1-16,0V140a20,20,0,0,0-40,0v36a8,8,0,0,1-16,0V112a8,8,0,0,1,15.79-1.78A36,36,0,0,1,184,140ZM100,84A12,12,0,1,1,88,72,12,12,0,0,1,100,84Z%22/%3E%3C/svg%3E")}.ph.ph-note-pencil{--icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22%3E%3Cpath d=%22M229.66,58.34l-32-32a8,8,0,0,0-11.32,0l-96,96A8,8,0,0,0,88,128v32a8,8,0,0,0,8,8h32a8,8,0,0,0,5.66-2.34l96-96A8,8,0,0,0,229.66,58.34ZM124.69,152H104V131.31l64-64L188.69,88ZM200,76.69,179.31,56,192,43.31,212.69,64ZM224,128v80a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32h80a8,8,0,0,1,0,16H48V208H208V128a8,8,0,0,1,16,0Z%22/%3E%3C/svg%3E")}.ph.ph-warning{--icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22%3E%3Cpath d=%22M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z%22/%3E%3C/svg%3E")}.ph.ph-browser{--icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22%3E%3Cpath d=%22M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V88H40V56Zm0,144H40V104H216v96Z%22/%3E%3C/svg%3E")}.ph.ph-app-window{--icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22%3E%3Cpath d=%22M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,160H40V56H216V200ZM80,84A12,12,0,1,1,68,72,12,12,0,0,1,80,84Zm40,0a12,12,0,1,1-12-12A12,12,0,0,1,120,84Z%22/%3E%3C/svg%3E")}.ph.ph-device-mobile{--icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22%3E%3Cpath d=%22M176,16H80A24,24,0,0,0,56,40V216a24,24,0,0,0,24,24h96a24,24,0,0,0,24-24V40A24,24,0,0,0,176,16ZM72,64H184V192H72Zm8-32h96a8,8,0,0,1,8,8v8H72V40A8,8,0,0,1,80,32Zm96,192H80a8,8,0,0,1-8-8v-8H184v8A8,8,0,0,1,176,224Z%22/%3E%3C/svg%3E")}.ph.ph-list{--icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22%3E%3Cpath d=%22M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z%22/%3E%3C/svg%3E")}.ph.ph-x{--icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22%3E%3Cpath d=%22M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z%22/%3E%3C/svg%3E")}.ph.ph-house{--icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22%3E%3Cpath d=%22M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z%22/%3E%3C/svg%3E")}.ph-light.ph-browser{--icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22%3E%3Cpath d=%22M216,42H40A14,14,0,0,0,26,56V200a14,14,0,0,0,14,14H216a14,14,0,0,0,14-14V56A14,14,0,0,0,216,42ZM40,54H216a2,2,0,0,1,2,2V90H38V56A2,2,0,0,1,40,54ZM216,202H40a2,2,0,0,1-2-2V102H218v98A2,2,0,0,1,216,202Z%22/%3E%3C/svg%3E")}.ph-light.ph-app-window{--icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22%3E%3Cpath d=%22M216,42H40A14,14,0,0,0,26,56V200a14,14,0,0,0,14,14H216a14,14,0,0,0,14-14V56A14,14,0,0,0,216,42Zm2,158a2,2,0,0,1-2,2H40a2,2,0,0,1-2-2V56a2,2,0,0,1,2-2H216a2,2,0,0,1,2,2ZM78,84A10,10,0,1,1,68,74,10,10,0,0,1,78,84Zm40,0a10,10,0,1,1-10-10A10,10,0,0,1,118,84Z%22/%3E%3C/svg%3E")}.ph-light.ph-device-mobile{--icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22%3E%3Cpath d=%22M176,18H80A22,22,0,0,0,58,40V216a22,22,0,0,0,22,22h96a22,22,0,0,0,22-22V40A22,22,0,0,0,176,18ZM70,62H186V194H70ZM80,30h96a10,10,0,0,1,10,10V50H70V40A10,10,0,0,1,80,30Zm96,196H80a10,10,0,0,1-10-10V206H186v10A10,10,0,0,1,176,226Z%22/%3E%3C/svg%3E")}