@layer pages{.page{--compose-accent: oklch(42% .1 168);--compose-accent-deep: oklch(34% .1 168)}body{isolation:isolate;background:#436e5d;--page-overscroll-color: oklch(50% .055 168)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#35695799,#094e3eb3),url(/compose/img/woods.jpg) center / cover no-repeat;filter:grayscale(.25) brightness(.95) contrast(1) saturate(.85)}.compose-hero{margin-top:1.5rem;padding:2.6rem 2rem 2.2rem;background:var(--paper-card-bg);border:var(--paper-card-border);box-shadow:var(--paper-card-shadow);border-radius:1.4rem}.compose-hero h1{margin:0;font-style:normal;font-weight:500;font-size:clamp(2.6rem,5.5vw,4rem);color:var(--compose-accent);line-height:1;letter-spacing:-.01em}.compose-hero-sub{margin:.75rem 0 0;font-family:var(--font-sans);font-size:.95rem;color:oklch(from var(--ink) l c h / .75)}.works{margin:1.5rem 0 0;display:grid;gap:1.25rem}.work{background:var(--paper-card-bg);border:var(--paper-card-border);box-shadow:var(--paper-card-shadow-sm);border-radius:.9rem;padding:1.4rem 1.6rem;position:relative}.work-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.55rem}.work-title{margin:0;font-family:var(--font-serif-head);font-style:italic;font-weight:500;font-size:clamp(1.35rem,2.4vw,1.7rem);color:var(--ink);line-height:1.15}.work-year{font-family:var(--font-sans);font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:oklch(from var(--ink) l c h / .55);white-space:nowrap}.work-meta{margin:0 0 .5rem;font-family:var(--font-sans);font-size:.92rem;line-height:1.55;color:oklch(from var(--ink) l c h / .78)}.work-meta a{color:var(--compose-accent);text-decoration:underline;text-decoration-color:oklch(from var(--compose-accent) l c h / .45);text-underline-offset:2px}.work-credits{margin:0 0 .85rem;padding:0 0 0 1.2rem;font-family:var(--font-sans);font-size:.9rem;line-height:1.55;color:oklch(from var(--ink) l c h / .72)}.work-credits li{margin-bottom:.25em}.work-credits li::marker{color:oklch(from var(--accent-blush) l c h / .55)}.work-viewer{display:none;margin:.75rem 0 1rem;aspect-ratio:16 / 10;background:oklch(from var(--ink) l c h / .05);border-radius:.5rem}.work-links{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.45rem .6rem}.work-links li{margin:0}.work-links a{display:inline-block;font-family:var(--font-sans);font-size:.86rem;font-weight:500;text-decoration:none;padding:.32rem .85rem;border-radius:999px;background:oklch(from var(--compose-accent) l c h / .08);border:1px solid oklch(from var(--compose-accent) l c h / .3);color:var(--compose-accent);transition:background var(--site-fade-duration),border-color var(--site-fade-duration),color var(--site-fade-duration)}.work-links a:hover{background:oklch(from var(--compose-accent) l c h / .18);border-color:oklch(from var(--compose-accent) l c h / .55);color:var(--compose-accent-deep)}.about{margin:3rem 0 0;padding:2rem 2.2rem;background:var(--paper-card-bg);border:var(--paper-card-border);box-shadow:var(--paper-card-shadow);border-radius:1rem}.about h2{margin:0 0 .9rem;font-family:var(--font-serif-head);font-style:italic;font-weight:500;font-size:clamp(1.4rem,2.6vw,1.8rem);color:var(--compose-accent)}.about p{margin:0 0 .9em;font-family:var(--font-serif);font-size:1.05rem;line-height:1.65;color:var(--ink)}.about p:last-child{margin-bottom:0}.about b{font-weight:600}.footer-note{background:var(--paper-card-bg);border:var(--paper-card-border);box-shadow:var(--paper-card-shadow-sm);color:var(--ink);--link-color: var(--compose-accent);--link-underline-color: oklch(from var(--compose-accent) l c h / .5);--lift-link-hover-color: var(--compose-accent-deep)}@media(max-width:600px){.compose-hero{padding:2rem .6rem 1.4rem}.work{padding:1.1rem 1.2rem}.about{padding:1.4rem 1.3rem}}}