@layer components{@media (prefers-reduced-motion:no-preference){.spotlight-topic{transition:transform .18s,border-color .18s}.spotlight-topic:hover{transform:translateY(-4px)}.case-details-chevron{transition:transform .18s}}.case-module-details summary::-webkit-details-marker{display:none}.case-module-details summary:hover{background-color:var(--accent-subtle)}.case-module-details[open] .case-details-chevron{transform:rotate(180deg)}.spotlight-topic:hover{border-color:var(--accent)}}
@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{.case-panorama .case-media-stage{background-color:var(--background);padding:calc(var(--spacing,.25rem) * 3)}@media (min-width:64rem){.case-panorama .case-media-stage{padding:calc(var(--spacing,.25rem) * 8)}}.case-panorama .case-media-stage img{max-height:680px}}
@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;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer components{@media (prefers-reduced-motion:no-preference){.project-gallery-zoom{transition:transform .18s,background-color .18s}.project-gallery-stage:hover .project-gallery-zoom{transform:scale(1.08)}}.project-gallery-stage{cursor:zoom-in;justify-content:center;align-items:center;height:clamp(280px,62svh,640px);display:flex;position:relative}.project-gallery-stage img{object-fit:contain;width:auto;max-width:100%;max-height:min(54svh,576px);margin-inline:auto}.project-gallery-zoom{pointer-events:none;right:calc(var(--spacing,.25rem) * 4);bottom:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 12);height:calc(var(--spacing,.25rem) * 12);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--surface);color:var(--accent);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:2147483647px;justify-content:center;align-items:center;display:flex;position:absolute}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@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}}