:root{--grid-unit:1rem;--border-radius-base:2rem;font-family:sans-serif}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[data-theme=dark]{--bg-color:#111;--fg-color:#faf9f6;--accent-color:#9cffc3}[data-theme=light]{--bg-color:#faf9f6;--fg-color:#2b3a2b;--accent-color:green}main{display:contents}body{background-color:var(--bg-color);min-height:100dvh;color:var(--fg-color);justify-content:baseline;transition:fill .1s ease ease, transform 50ms ease;cursor:default;flex-direction:column;align-items:center;margin:0;padding:clamp(2rem,5vw + 1rem,5rem) clamp(1rem,5vw,2rem) clamp(1rem,5vw,2rem);display:flex}html{overscroll-behavior:none;overflow-x:hidden}[data-theme-toggle]{cursor:pointer;background-color:var(--accent-color);color:var(--bg-color);z-index:2;border:1rem;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1em;transition:fill 50ms,transform 50ms;display:flex;position:fixed;bottom:2rem;right:2rem}@keyframes bounce{0%{transform:scale(1)}30%{transform:scale(.9)}60%{transform:scale(1.1)}to{transform:scale(1)}}button:hover{transform:scale(1.05)}button.clicked svg{animation:.4s bounce}@keyframes roll-in{0%{opacity:0;transform:rotateX(-70deg)}to{opacity:1;transform:rotateX(0)}}@keyframes roll-out{0%{opacity:1;transform:rotateX(0)}to{opacity:0;transform:rotateX(70deg)}}#name{letter-spacing:-.03em;filter:blur(.5px);margin:0;font-size:clamp(2rem,12vw,5rem);font-weight:900;line-height:1}.name-blur{filter:blur(1px);display:inline-block;-webkit-mask-image:linear-gradient(270deg,#0000 0%,#000 35%);mask-image:linear-gradient(270deg,#0000 0%,#000 35%)}#subtitle-wrap{perspective:500px;justify-content:center;align-items:center;min-height:2em;margin-top:1rem;display:flex}#subtitle{filter:blur(.5px);opacity:.55;letter-spacing:-.02em;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:500;display:block}#subtitle.roll-in{animation:.55s cubic-bezier(.22,1,.36,1) both roll-in}#subtitle.roll-out{animation:.25s ease-in forwards roll-out}.photo-wrapper{margin-bottom:1rem}.photo-crop{width:clamp(8rem,60dvw,24rem);position:relative}.photo-crop:before,.photo-crop:after,.crop-bl,.crop-br{content:"";border-color:var(--accent-color);border-style:solid;width:20px;height:20px;position:absolute}.photo-crop:before{border-width:2px 0 0 2px;top:-10px;left:-10px}.photo-crop:after{border-width:2px 2px 0 0;top:-10px;right:-10px}.crop-bl{border-width:0 0 2px 2px;bottom:-10px;left:-10px}.crop-br{border-width:0 2px 2px 0;bottom:-10px;right:-10px}.photo-frame{border:1px solid var(--accent-color);border-radius:clamp(.5rem,2vw,1.5rem);height:clamp(12rem,12rem + 24dvw,24rem);overflow:hidden}.photo-frame img{object-fit:cover;filter:grayscale();width:100%;height:100%;display:block}#social-wrapper{justify-content:center;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}#social-wrapper a{color:var(--accent-color);justify-content:center;align-items:center;min-width:44px;min-height:44px;text-decoration:none;display:inline-flex}#social-wrapper svg{width:24px;height:24px;display:block}#social-wrapper a:first-child svg{width:24px;height:24px}#social-wrapper a:nth-child(3) svg{width:22px;height:22px}#social-wrapper a:nth-child(4) svg{width:26px;height:26px}#glow{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){button:hover{transform:none}button.clicked svg,#subtitle.roll-in,#subtitle.roll-out{animation:none}}.work-card[data-astro-cid-ryuh4v2g]{border:1px solid var(--accent-color);background:color-mix(in srgb, var(--accent-color) 3%, transparent);color:var(--fg-color);filter:blur(.4px);border-radius:.25rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.35rem .7rem;padding:.7rem .95rem;text-decoration:none;transition:background-color .12s;display:grid}.work-card[data-astro-cid-ryuh4v2g]:hover,.work-card[data-astro-cid-ryuh4v2g]:focus-visible{background:color-mix(in srgb, var(--accent-color) 15%, transparent)}.work-card[data-astro-cid-ryuh4v2g]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.work-kicker[data-astro-cid-ryuh4v2g]{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-color);border:1px solid color-mix(in srgb, var(--accent-color) 45%, transparent);white-space:nowrap;border-radius:2px;justify-self:start;padding:.14rem .45rem;font-size:.6rem}.work-name[data-astro-cid-ryuh4v2g]{letter-spacing:-.02em;font-size:1rem;font-weight:800}.work-arrow[data-astro-cid-ryuh4v2g]{color:var(--accent-color);font-size:.95rem}.work-desc[data-astro-cid-ryuh4v2g]{opacity:.65;letter-spacing:-.01em;grid-column:1/-1;font-size:.72rem;line-height:1.35}.work-heading[data-astro-cid-lcdefpme]{letter-spacing:.18em;text-transform:uppercase;text-align:center;opacity:.8;width:min(90vw,28rem);margin:clamp(1.5rem,4vw,2rem) 0 1rem;font-size:.7rem;font-weight:700}.work[data-astro-cid-lcdefpme]{flex-direction:column;gap:.6rem;width:min(90vw,28rem);display:flex}#coming-soon[data-astro-cid-lcdefpme]{filter:blur(.5px);margin-top:clamp(.9rem,2.5vw,1.15rem);font-size:clamp(.875rem,2vw,1rem)}#coming-soon[data-astro-cid-lcdefpme]:after{content:"";animation:1.5s steps(4,end) infinite ellipsis}@keyframes ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}