@view-transition{navigation:auto}:root{--bg: rgb(255, 255, 248);--heading: rgb(0, 50, 75);--text: rgb(0, 50, 75);--nav-bg: rgba(0, 0, 0, 0.05);--container-bg: rgba(100, 0, 0, 0.1);--border: rgba(0, 50, 75, 0.16);--focus: #0057d8;--accent: #f0000d;--accent-hover: #c4000b;--wave-fill: rgba(0, 50, 75, 0.05);--wave-fill-strong: rgba(0, 50, 75, 0.045);--wave-line: rgba(0, 50, 75, 0.13);--wave-line-soft: rgba(0, 50, 75, 0.08);--wave-accent: rgba(240, 0, 13, 0.2);--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--prose-width: 68ch;--shell-width: 65rem;--font-sans: "Avenir Next", Helvetica, Arial, sans-serif;--font-bold: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-heading: "Palatino", "Palatino Linotype", "Book Antiqua", Georgia, serif}@media (prefers-color-scheme: dark){:root{--bg: #1a1a2e;--heading: #ffffff;--text: #e0e0e0;--nav-bg: #252540;--container-bg: #252540;--border: rgba(255, 255, 255, 0.18);--focus: #7ee7ff;--wave-fill: rgba(126, 231, 255, 0.05);--wave-fill-strong: rgba(126, 231, 255, 0.07);--wave-line: rgba(126, 231, 255, 0.14);--wave-line-soft: rgba(126, 231, 255, 0.09);--wave-accent: rgba(255, 96, 108, 0.3)}img.invert-on-dark{filter:invert(1)}}@font-face{font-family:"Avenir Next";src:url("AvenirNextLTPro-Regular.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}*,*::before,*::after{box-sizing:border-box}html{scroll-padding-top:5rem}body{margin:var(--space-4) auto;max-width:var(--shell-width);padding-inline:var(--space-4);background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:1.1rem;line-height:1.65}.bg-art{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.bg-art__svg{display:block;width:100%;height:100%}.bg-art__drift{animation:wave-drift 26s ease-in-out infinite alternate;will-change:transform}@keyframes wave-drift{from{transform:translateX(0)}to{transform:translateX(-34px)}}.wave--band-a{fill:var(--wave-fill)}.wave--band-b{fill:var(--wave-fill-strong)}.wave--band-c{fill:var(--wave-fill)}.wave--crest-a,.wave--crest-b,.wave--crest-c,.wave--crest-d{fill:none;stroke-linecap:round}.wave--crest-a{stroke:var(--wave-line);stroke-width:1.6}.wave--crest-b{stroke:var(--wave-line-soft);stroke-width:1.4}.wave--crest-c{stroke:var(--wave-accent);stroke-width:1.8}.wave--crest-d{stroke:var(--wave-line-soft);stroke-width:1.2}@media (forced-colors: active),(prefers-contrast: more),print{.bg-art{display:none}}@media (prefers-reduced-motion: reduce){.bg-art__drift{animation:none}}h1,h2,h3,h4,h5,h6{margin:var(--space-6) auto var(--space-4);max-width:var(--prose-width);color:var(--heading);font-family:var(--font-heading);font-weight:700;line-height:1.25;text-align:center;text-wrap:balance}h1{margin-top:var(--space-8);font-size:2rem;line-height:1.2}h2{font-size:1.5rem}h3{font-size:1.2rem;line-height:1.4}h4{font-size:1.05rem}h5{font-size:1rem}h6{font-size:.9rem;letter-spacing:.04em;text-transform:uppercase}p,ul,ol,blockquote,figure,table,pre{margin-inline:auto;max-width:var(--prose-width)}p{margin-block:0 var(--space-4)}ul,ol{margin-block:0 var(--space-4);padding-left:var(--space-6)}main li+li{margin-top:var(--space-1)}small{display:block;font-style:italic;text-align:center}img{height:auto;max-width:100%}b,strong{font-family:var(--font-bold);font-weight:700}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{border-radius:2px;outline:3px solid var(--focus);outline-offset:2px}blockquote{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);margin-block:var(--space-6);padding:var(--space-4);font-family:var(--font-bold);font-style:italic;font-weight:600;text-align:center}main,footer{margin-block:var(--space-8)}.site-header{position:sticky;top:0;z-index:100;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);margin-inline:calc(var(--space-4)*-1);padding:var(--space-3) var(--space-4);background-color:var(--bg);border-bottom:1px solid var(--border)}.site-header .brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--accent);font-family:var(--font-bold);font-size:1.15rem;font-weight:700;line-height:1;text-decoration:none}.site-header .brand img{width:32px;height:32px}.site-header .brand:hover{text-decoration:none}.site-header .brand:hover span{text-decoration:underline}.site-nav ul{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);margin:0;padding:0}.site-nav li{list-style-type:none}.site-nav li+li::before{content:"·";margin-right:var(--space-2);opacity:.45}.site-nav a{display:inline-block;padding-block:var(--space-1);color:var(--text);font-size:.95rem;text-decoration:none}.site-nav a:hover{text-decoration:underline}.site-nav [aria-current=page]{color:var(--accent);font-weight:700;text-decoration:none}.lang-switch{display:flex;align-items:center;gap:var(--space-1)}.lang-switch span{opacity:.45}@media (max-width: 30rem){.site-nav ul{gap:var(--space-1) var(--space-3)}.site-nav a{font-size:.9rem}}time.post-date{color:var(--text);font-size:.85rem;font-variant-numeric:tabular-nums;opacity:.85}.hero{max-width:var(--prose-width);margin:var(--space-8) auto var(--space-12);text-align:center}.hero h1{max-width:24ch;margin:0 auto var(--space-4);font-size:clamp(2rem,6vw,3rem);line-height:1.1}.hero__subhead{max-width:52ch;margin:0 auto var(--space-6);font-size:1.15rem;opacity:.9}.post-meta{margin-bottom:var(--space-6);text-align:center}.cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:var(--space-4);max-width:var(--shell-width);margin:var(--space-6) auto}.cards>div{padding:var(--space-4);background-color:var(--container-bg);border:1px solid var(--border);border-radius:var(--space-4);box-shadow:0 1px 3px rgba(0,0,0,.12);transition:transform .15s ease,box-shadow .15s ease}.cards>div>:first-child{margin-top:0}.cards>div>:last-child{margin-bottom:0}@media (hover: hover){.cards>div:hover{box-shadow:0 4px 10px rgba(0,0,0,.16);transform:translateY(-2px)}}.selected-work{margin-block:var(--space-8) var(--space-12)}.work-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:var(--space-4);max-width:var(--shell-width);margin:var(--space-6) auto 0}.work-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--container-bg);border:1px solid var(--border);border-radius:var(--space-4);box-shadow:0 1px 3px rgba(0,0,0,.12);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.work-card:hover{text-decoration:none}.work-card__logo{display:grid;flex:0 0 64px;place-items:center;width:64px;height:64px;padding:var(--space-2);background-color:#fff;border-radius:var(--space-3)}.work-card__logo img{max-width:100%;max-height:100%;object-fit:contain}.work-card__body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.work-card__title{color:var(--heading);font-family:var(--font-heading);font-size:1.05rem;font-weight:700;line-height:1.3}.work-card__description{font-size:.92rem;line-height:1.45;opacity:.85}.work-card__arrow{margin-left:auto;color:var(--accent);font-size:1.2rem;line-height:1;transition:transform .15s ease}@media (hover: hover){.work-card:hover{border-color:var(--accent);box-shadow:0 4px 10px rgba(0,0,0,.16);transform:translateY(-2px)}.work-card:hover .work-card__arrow{transform:translateX(3px)}}.testimonial{margin-bottom:var(--space-12)}.testimonial p{font-style:italic}.testimonial p:last-child{font-family:var(--font-bold);font-style:normal;font-weight:700}.testimonial b{position:relative;top:10px;margin-inline:var(--space-2);font-family:"Times New Roman",Times,serif;font-size:200%;line-height:.2}.contact{max-width:400px;margin:var(--space-8) auto;padding:var(--space-6) var(--space-4);background-color:var(--container-bg);border:1px solid var(--border);border-radius:var(--space-6);box-shadow:0 1px 3px rgba(0,0,0,.15);text-align:center}.contact ul{margin:0 auto var(--space-4);padding:0}.contact ul li{list-style-type:none;margin-bottom:var(--space-2)}.contact ul li:last-child{margin-top:var(--space-6)}.button{display:inline-block;padding:var(--space-3) var(--space-6);background-color:var(--accent);border-radius:var(--space-2);box-shadow:0 1px 2px rgba(0,0,0,.2);color:#fff;font-family:var(--font-bold);font-size:1.2rem;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}.button:hover{background-color:var(--accent-hover);box-shadow:0 2px 6px rgba(0,0,0,.2);text-decoration:none;transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.logo-chip{padding:var(--space-2);background-color:#fff;border-radius:var(--space-3)}.page-header{text-align:center}.page-header h1{margin-bottom:var(--space-2)}.page-rule{max-width:var(--prose-width);margin:var(--space-2) auto var(--space-6);border:0;border-top:1px solid var(--border)}.page-figure{display:flex;align-items:center;justify-content:center;width:fit-content;max-width:min(100%,320px);margin:0 auto var(--space-8);padding:var(--space-4)}.page-figure img{width:auto;max-width:100%;max-height:160px;height:auto}.store img{margin-inline:var(--space-3);border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.3)}footer{font-size:1rem;text-align:center}footer .footer-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4)}footer .footer-nav a{margin-inline:0}footer .footer-nav [aria-current=page]{color:var(--accent);font-weight:700}footer .footer-nav span{opacity:.5}footer p{margin-bottom:0}@media (prefers-reduced-motion: reduce){.cards>div,.work-card,.work-card__arrow,.button{transition:none}.cards>div:hover,.work-card:hover,.work-card:hover .work-card__arrow,.button:hover{transform:none}}:root{--scrollbar-size: 10px;--scrollbar-hit: 24px;--scrollbar-gap-top: 12px;--scrollbar-gap-bottom: 12px;--scrollbar-gap-right: 6px;--scrollbar-gutter: calc( var(--scrollbar-gap-right) + var(--scrollbar-hit) + 8px )}@media (pointer: coarse){:root{--scrollbar-size: 16px;--scrollbar-hit: 28px;--scrollbar-gap-top: 16px;--scrollbar-gap-bottom: 16px;--scrollbar-gap-right: 8px}}.scrollbar{position:fixed;top:var(--scrollbar-gap-top);bottom:var(--scrollbar-gap-bottom);right:var(--scrollbar-gap-right);display:none;width:var(--scrollbar-hit);border-radius:999px;cursor:pointer;touch-action:pan-y;z-index:9999}html.uses-custom-scrollbar{scrollbar-width:none}html.uses-custom-scrollbar::-webkit-scrollbar{width:0;height:0}html.uses-custom-scrollbar body{padding-right:var(--scrollbar-gutter)}html.uses-custom-scrollbar .scrollbar{display:block}@media (forced-colors: active),(prefers-contrast: more){html.uses-custom-scrollbar{scrollbar-width:auto}html.uses-custom-scrollbar::-webkit-scrollbar{width:16px;height:16px}html.uses-custom-scrollbar body{padding-right:var(--space-4)}html.uses-custom-scrollbar .scrollbar{display:none}}.scrollbar__track{position:absolute;top:0;bottom:0;left:50%;width:var(--scrollbar-size);border-radius:999px;background:linear-gradient(to bottom, #f5576c, #a855f7, #3b82f6, #06b6d4, #34d399);pointer-events:none;transform:translateX(-50%)}.scrollbar__thumb{position:absolute;left:50%;width:var(--scrollbar-size);background:#0b0b12;border:2px solid #f7f7ff;border-radius:999px;pointer-events:none;transform:translateX(-50%)}.scrollbar:focus-visible{outline:3px solid var(--focus);outline-offset:2px}