*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-body-large);font-weight:var(--weight-regular);line-height:var(--leading-relaxed);color:var(--color-on-surface);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative}body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:var(--z-grain);opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}img,svg,video{display:block;max-width:100%}img.icon{display:inline;vertical-align:middle;max-width:none}a{color:var(--color-primary-text);text-decoration:none;transition:color var(--transition-fast)}a:focus-visible,a:hover{color:var(--color-primary-hover);text-decoration:underline;text-underline-offset:.2em}ol,ul{list-style:none}button{cursor:pointer;border:0;background:0 0}button,input,select,textarea{font-family:inherit;font-size:inherit}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-display-bold)}h1{font-size:var(--text-display-small);letter-spacing:var(--tracking-tightest)}h2,h3{font-size:var(--text-headline-large)}h3{font-size:var(--text-headline-small);font-weight:var(--weight-display-normal)}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);color:var(--color-on-surface)}h2,h3,h4,h5,h6{letter-spacing:var(--tracking-tight)}h4,h5{font-size:var(--text-title-large);font-weight:var(--weight-semibold)}h5{font-size:var(--text-title-medium)}h6,strong{font-weight:var(--weight-bold)}h4,h5,h6{font-family:var(--font-body)}h6{font-size:var(--text-body-large)}p{color:var(--color-on-surface-variant);line-height:var(--leading-relaxed)}strong{color:var(--color-on-surface)}::selection{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}:focus-visible{outline:2.5px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}.container,.container-narrow{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-6)}.container-narrow{max-width:var(--container-narrow)}.section{padding-block:var(--section-padding)}.section-stone{background-color:rgba(240,235,229,.55)}.section-sand{background-color:rgba(230,220,205,.35)}.section-surface{background-color:rgba(230,220,205,.28)}.section-header{margin-bottom:var(--space-16);text-align:center}.section-header h2{margin-bottom:var(--space-5)}.section-header p{max-width:40rem;margin-inline:auto;font-size:var(--text-lg);color:var(--color-muted-foreground)}.dev-index-list a:hover,.overline-chip{background-color:var(--color-primary-container)}.overline-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);color:var(--color-primary-text);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-label-medium);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:var(--space-5)}.overline-chip-clay{background-color:var(--color-secondary-container);color:var(--color-secondary-text)}.organic-shapes,.sr-only{position:absolute;overflow:hidden}.sr-only{width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0}.organic-shapes{inset:0;pointer-events:none;z-index:var(--z-below)}.organic-shape,.organic-shape-moss{border-radius:var(--radius-organic-1)}.organic-shape{position:absolute;filter:blur(90px);opacity:.12}.organic-shape-moss{width:38rem;height:38rem;background:var(--color-primary);top:-8rem;left:-10rem;opacity:.1}.organic-shape-clay{width:30rem;height:30rem;background:var(--color-secondary);top:8rem;right:-8rem;opacity:.12;border-radius:var(--radius-organic-2)}.organic-shape-sand{width:26rem;height:26rem;background:var(--color-accent);bottom:-4rem;left:30%;opacity:.22;border-radius:var(--radius-organic-3)}.scroll-reveal{opacity:0;transform:translateY(1.25rem);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.scroll-reveal-delay-1{transition-delay:80ms}.scroll-reveal-delay-2{transition-delay:160ms}.scroll-reveal-delay-3{transition-delay:240ms}.scroll-reveal-delay-4{transition-delay:320ms}.scroll-highlight{transition:background-color .8s var(--ease-natural)}.scroll-highlight.is-highlighted{background-color:var(--color-primary-container);border-radius:var(--radius-sm)}.dev-index-body{background-color:var(--color-background);min-height:100vh;display:flex;align-items:center;justify-content:center}.dev-index{padding:var(--space-12);max-width:40rem;width:100%}.dev-index h1{font-size:var(--text-headline-medium);color:var(--color-on-surface);margin-bottom:var(--space-2)}.dev-index p{color:var(--color-on-surface-variant);margin-bottom:var(--space-8);font-size:var(--text-body-medium);font-family:var(--font-body)}.dev-index code{background-color:var(--color-surface-container);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs)}.dev-index-list,.dev-index-list a{display:flex;flex-direction:column;gap:var(--space-3)}.dev-index-list a{gap:var(--space-1);padding:var(--space-5) var(--space-6);background-color:var(--color-surface-warm);border-radius:var(--radius-xl);border:1px solid var(--color-outline);text-decoration:none;transition:background-color var(--transition-fast),box-shadow var(--transition-base),transform var(--transition-base)}.dev-index-list a:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px);text-decoration:none}.dev-index-list strong{font-family:var(--font-display);font-size:var(--text-body-large);font-weight:var(--weight-display-normal);color:var(--color-on-surface)}.dev-index code,.dev-index-list span{font-size:var(--text-label-medium);color:var(--color-primary-text);font-family:var(--font-mono)}.dev-index-list small{font-size:var(--text-label-small);color:var(--color-muted-foreground)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.hidden{display:none}