.xhulia-work{background:var(--bg-page);width:100%;padding:clamp(5rem,14vh,9rem) 0 clamp(3rem,6vw,5rem);position:relative}[data-theme=dark] .xhulia-work{background:0 0}.xhulia-work:has(+.about-page-hero){padding-bottom:clamp(5rem,14vh,9rem)}.xhulia-work__header{text-align:center;flex-direction:column;align-items:center;gap:.4rem;margin-bottom:calc(clamp(3.5rem,8vw,5.5rem) - 16px);display:flex}.xhulia-work__heading{max-width:min(48rem,100%);color:var(--text-primary);font-family:var(--font-playfair), Georgia, "Times New Roman", serif;letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(1.85rem,3.6vw + .55rem,3.35rem);font-weight:400;line-height:1.12}.xhulia-work__lede{max-width:min(36rem,100%);color:var(--text-secondary);font-family:var(--font-geist), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.01em;margin:0;font-size:clamp(.9375rem,.3vw + .88rem,1.0625rem);font-weight:400;line-height:1.45}@media (max-width:767px),(max-width:1023px) and (hover:none) and (pointer:coarse){.xhulia-work__header{display:none}}.xhulia-work__list{flex-direction:column;gap:clamp(2.75rem,6vw,4rem);display:flex}.xhulia-panel{flex-direction:column;gap:clamp(1.75rem,3.5vw,2.75rem);width:100%;display:flex}.xhulia-panel__copy{text-align:left;flex-direction:column;align-items:flex-start;gap:.7rem;width:100%;max-width:min(100%,42rem);margin:0;display:flex}.xhulia-panel__label{color:var(--text-muted);font-family:var(--font-geist), ui-sans-serif, system-ui, sans-serif;text-align:left;margin:0;font-size:1.025rem;font-weight:400;line-height:1.4}.xhulia-panel__title{color:var(--text-primary);font-family:var(--font-geist), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.035em;text-align:left;text-wrap:pretty;margin:0;font-size:clamp(1.3rem,1.1vw + 1.05rem,1.8rem);font-weight:600;line-height:1.15}.xhulia-panel__outcomes{color:var(--text-secondary);font-family:var(--font-geist), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.01em;text-align:left;margin:0;font-size:.985rem;font-weight:400;line-height:1.5}.xhulia-panel__actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.55rem .7rem;margin-top:.15rem;display:flex}.xhulia-panel__cta{font-family:var(--font-geist), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.01em;border-radius:999px;align-items:center;gap:.4rem;padding:.65rem 1rem;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;transition:opacity .2s,border-color .2s,color .2s;display:inline-flex}.xhulia-panel__cta--primary{color:#fafafa;background:var(--text-primary)}[data-theme=dark] .xhulia-panel__cta--primary{color:#111;background:#f5f5f5}.xhulia-panel__cta--video{color:var(--text-secondary);border:1px solid var(--border-medium);background:color-mix(in srgb, var(--surface-elevated) 80%, transparent)}.xhulia-panel__cta--disabled{color:var(--text-muted);background:color-mix(in srgb, var(--surface-card) 88%, var(--text-primary));pointer-events:none}@media (hover:hover) and (pointer:fine){.xhulia-panel__cta--primary:hover{opacity:.88}.xhulia-panel__cta--video:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--text-primary) 28%, transparent)}}.xhulia-strip__viewport{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;-webkit-tap-highlight-color:transparent;width:100%;padding-inline:1.5rem;overflow:hidden}.xhulia-strip__viewport.is-dragging{cursor:grabbing}.xhulia-strip__track{will-change:transform;backface-visibility:hidden;gap:.5rem;width:max-content;height:clamp(14.5rem,48vw,22rem);display:flex;transform:translate(0,0)}.xhulia-strip__frame{background:var(--surface-card);border-radius:1.15rem;flex-shrink:0;width:min(78vw,22rem);height:100%;margin:0;position:relative;overflow:hidden}.xhulia-strip__frame img,.xhulia-strip__frame video{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}@media (min-width:810px){.xhulia-strip__viewport{padding-inline:clamp(2rem,6vw,4rem)}.xhulia-strip__track{height:clamp(18rem,32vw,24rem)}.xhulia-strip__frame{width:min(70vw,28rem)}}@media (prefers-reduced-motion:reduce){.xhulia-strip__viewport{cursor:default;touch-action:pan-x;overflow-x:auto}.xhulia-strip__track{will-change:auto}}.xhulia-panel__cta--video{font:inherit;cursor:pointer}.video-lightbox{background:0 0;border:0;width:min(92vw,1200px);max-width:none;max-height:none;margin:auto;padding:0;overflow:visible}.video-lightbox::backdrop{-webkit-backdrop-filter:blur(6px);background:#050506db}.video-lightbox[open]{animation:.24s cubic-bezier(.2,.9,.3,1) video-lightbox-in}@keyframes video-lightbox-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.video-lightbox__frame{position:relative}.video-lightbox__video{background:#000;border-radius:14px;width:100%;height:auto;max-height:86vh;display:block;box-shadow:0 24px 80px #0009}.video-lightbox__close{color:#f5f5f5;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:34px;height:34px;transition:background .2s;display:grid;position:absolute;top:-44px;right:0}.video-lightbox__close:hover{background:#ffffff29}.video-lightbox__close:focus-visible{outline:2px solid var(--accent,#818cf8);outline-offset:2px}@media (prefers-reduced-motion:reduce){.video-lightbox[open]{animation:none}}.xhulia-work__lede strong{color:var(--text-primary);font-weight:600}
#top{--section-gap:96px}#top>.xhulia-work,#top>.side-projects,#top>.polaroid-timeline-embed,#top>.about-bento,#top>.about-music{padding-top:var(--section-gap);margin-top:0;margin-bottom:0;padding-bottom:0}#top>#about.about-page-hero{height:auto;min-height:0;max-height:none;padding-top:var(--section-gap);padding-bottom:0;overflow:clip visible}#top>#about .about-page-hero__stage{overflow:visible}#top>#about .about-page-hero__inner{margin-block:0;padding-bottom:0;transform:none}#top .polaroid-timeline-embed #polaroid-timeline-host #main,#top .polaroid-timeline-embed #polaroid-timeline-host .framer-UdSO0.framer-72rtr7{padding-bottom:0!important}#top+.basketball-footer{margin-top:96px}@media (max-width:767px),(max-width:1023px) and (hover:none) and (pointer:coarse){#top{--section-gap:64px}#top+.basketball-footer{margin-top:64px}}