@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer components{.work-area-card{isolation:isolate;border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--surface);--sage-glow:var(--accent);position:relative}@supports (color:color-mix(in lab, red, red)){.work-area-card{--sage-glow:color-mix(in srgb, var(--accent) 45%, var(--accent-subtle))}}.work-area-card:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:.65;background:radial-gradient(ellipse at 90% 0%, var(--sage-glow), transparent 65%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.work-area-card:before{background:radial-gradient(ellipse at 90% 0%, color-mix(in srgb, var(--sage-glow) 20%, transparent), transparent 65%)}}.work-area-card:focus-within{border-color:var(--sage-glow);box-shadow:0 8px 32px var(--sage-glow), inset 0 1px var(--sage-glow)}@supports (color:color-mix(in lab, red, red)){.work-area-card:focus-within{box-shadow:0 8px 32px color-mix(in srgb, var(--sage-glow) 17%, transparent), inset 0 1px color-mix(in srgb, var(--sage-glow) 26%, transparent)}}.work-area-card:focus-within:before{opacity:1}@media (hover:hover) and (pointer:fine){.work-area-card:hover{border-color:var(--sage-glow);box-shadow:0 8px 32px var(--sage-glow), inset 0 1px var(--sage-glow)}@supports (color:color-mix(in lab, red, red)){.work-area-card:hover{box-shadow:0 8px 32px color-mix(in srgb, var(--sage-glow) 17%, transparent), inset 0 1px color-mix(in srgb, var(--sage-glow) 26%, transparent)}}.work-area-card:hover:before{opacity:1}}.work-area-card{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 5);min-width:0;padding:calc(var(--spacing,.25rem) * 6);border-radius:22px;flex-direction:column;display:flex}@media (prefers-reduced-motion:no-preference){.work-area-card{transition:border-color .32s ease-out,box-shadow .32s ease-out}.work-area-card:before{transition:opacity .32s ease-out}}@media (min-width:64rem){.work-area-card{padding:calc(var(--spacing,.25rem) * 8)}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@layer components{.home-selected-project .project-card-visual img{border-radius:0}.home-selected-project .project-card-copy>p:not(.meta){max-width:760px}@media (min-width:1024px){.home-selected-project{min-height:785px}}}
@layer components{.skills-dark,:root[data-theme=dark] .skills-light{display:none}:root[data-theme=dark] .skills-dark{display:block}}
@layer components{.not-found-dark,:root[data-theme=dark] .not-found-light{display:none}:root[data-theme=dark] .not-found-dark{display:block}}