.work-page,.work-detail{background:var(--bg-normal);color:var(--text)}.work-page{border-top:var(--border-weight-base) solid var(--border);flex-direction:column;min-height:100dvh;display:flex}.work-overview{flex:1 0 auto;justify-content:center;padding:80px 20px 160px;display:flex}.work-overview__content{flex-direction:column;gap:80px;width:100%;max-width:560px;display:flex}.work-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.work-introduction{flex-direction:column;gap:80px;display:flex}.work-introduction__ornament{width:100%;margin-bottom:12px;display:block}.work-introduction__ornament img{width:100%;height:auto;display:block}.work-introduction p{font-size:var(--font-size-sm);line-height:var(--line-height-sm-paragraph);margin:0}.work-introduction__copy{flex-direction:column;gap:32px;display:flex}.work-introduction__lead{flex-wrap:wrap;align-content:center;align-items:center;column-gap:4px;font-size:0;display:flex}.work-introduction__lead span{font-size:var(--font-size-sm);white-space:nowrap}.work-introduction__avatar{border-radius:var(--radius-full);object-fit:cover;flex:0 0 20px;width:20px;height:20px;display:block}.work-introduction a{color:inherit;text-underline-offset:3px}.work-introduction a:hover{color:var(--text-subtle)}.work-introduction a:focus-visible,.work-list a:focus-visible,.work-moments__controls button:focus-visible{border-radius:var(--radius-sm);outline:var(--border-weight-intense) solid var(--text);outline-offset:3px}.work-section{flex-direction:column;gap:24px;display:flex}.work-section h2{color:var(--text-subtlest);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-sm);margin:0}.work-section__heading{justify-content:space-between;align-items:center;display:flex}.work-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.work-list a{color:inherit;line-height:var(--line-height-sm);align-items:center;gap:12px;min-height:24px;text-decoration:none;display:flex}.work-list__period,.work-list__title{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.work-list__period{border-bottom:var(--border-weight-base) solid transparent;font-variant-numeric:tabular-nums;white-space:nowrap;flex:0 0 44px}.work-list__title{color:var(--text-subtle);text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;overflow:hidden}.work-list__arrow{color:var(--icon-subtle);flex:0 0 16px;width:16px;height:16px}.work-list a:hover .work-list__arrow{color:var(--text)}.work-list a:hover .work-list__period,.work-list a:focus-visible .work-list__period{border-bottom-color:var(--text)}.work-list a:focus-visible .work-list__arrow{color:var(--text)}.work-empty{color:var(--text-subtlest);font-size:var(--font-size-sm);line-height:var(--line-height-sm);margin:0}.work-moments__controls{align-items:center;gap:8px;display:flex}.work-moments__controls button{border-radius:var(--radius-full);color:var(--icon-subtle);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;padding:6px;display:flex}.work-moments__controls button:first-child svg{transform:rotate(180deg)}.work-moments__controls button:hover:not(:disabled){background:var(--bg-hover);color:var(--icon)}.work-moments__controls button:disabled{cursor:default;opacity:.4}.work-moments__carousel{aspect-ratio:16/9;background:var(--bg-container);width:100%;position:relative;overflow:hidden}.work-moments__carousel:focus-visible{outline:var(--border-weight-intense) solid var(--text);outline-offset:3px}.work-moments__slide{pointer-events:none;will-change:transform;width:100%;height:100%;margin:0;transition:transform .48s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.work-moments__slide--active{pointer-events:auto}.work-moments__slide picture,.work-moments__slide img{width:100%;height:100%;display:block}.work-moments__slide img{object-fit:cover}.work-moments__corner{background:var(--bg-normal);pointer-events:none;width:20px;height:20px;position:absolute}.work-moments__corner--top-left{top:0;left:0}.work-moments__corner--top-right{top:0;right:0}.work-moments__corner--bottom-right{bottom:0;right:0}.work-moments__corner--bottom-left{bottom:0;left:0}.work-signature{width:200px;max-width:100%;height:34px;display:block}.work-signature__mask{mask-type:alpha}.work-signature__stroke{fill:none;stroke:currentColor;stroke-dasharray:1;stroke-dashoffset:0;stroke-linecap:round;stroke-linejoin:round;stroke-width:14px}.work-page .footer__compact-content{padding-bottom:184px}@media (prefers-reduced-motion:no-preference){.work-introduction__ornament,.work-introduction__copy,.work-section>h2,.work-section__heading,.work-list li,.work-moments__carousel,.work-page .footer--compact,.work-page .floating-actions__backdrop,.work-page .floating-actions__contact{animation:.44s cubic-bezier(.23,1,.32,1) backwards work-page-enter}.work-introduction__ornament{animation-duration:.52s;animation-delay:40ms}.work-introduction__copy{animation-delay:.14s}.work-section>h2{animation-delay:.24s}.work-list li{animation-delay:.3s}.work-list li:nth-child(2){animation-delay:.35s}.work-list li:nth-child(3){animation-delay:.4s}.work-list li:nth-child(n+4){animation-delay:.45s}.work-moments .work-section__heading{animation-delay:.48s}.work-moments__carousel{animation-duration:.52s;animation-delay:.54s}.work-signature[data-work-signature-ready=true] .work-signature__stroke{stroke-dashoffset:1px}.work-signature[data-work-signature-ready=true][data-work-signature-visible=true] .work-signature__stroke{stroke-dashoffset:0;transition:stroke-dashoffset 1.6s cubic-bezier(.65,0,.35,1)}.work-signature[data-work-signature-ready=true][data-work-signature-visible=true] .work-signature__stroke:nth-child(2){transition-delay:40ms}.work-signature[data-work-signature-ready=true][data-work-signature-visible=true] .work-signature__stroke:nth-child(3){transition-delay:80ms}.work-page .footer--compact{animation-delay:.74s}.work-page .floating-actions__backdrop,.work-page .floating-actions__contact{animation-duration:.38s;animation-delay:.82s}}@keyframes work-page-enter{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=720px){.work-overview__content{gap:48px}.work-introduction{gap:20px}.work-introduction__lead{display:block}.work-introduction__lead span{white-space:normal}.work-introduction__avatar{vertical-align:-4px;margin-left:4px;display:inline-block}.work-introduction__ornament{margin-bottom:4px}.work-overview{padding:56px 20px 120px}.work-list a{gap:10px}}@media (prefers-reduced-motion:reduce){.work-moments__controls button,.work-moments__slide{transition:none}}
