/* Accepted cutaway composition, with the complete published content. */
.site-work{--work-gutter:clamp(24px,5.35vw,92px);--work-hero-min:clamp(610px,54.3vw,900px);--work-opening:clamp(240px,35svh,380px)}
:root[data-theme] body.site-work{background:var(--bg)}
.site-work .site-header{position:fixed;inset:0 0 auto;background:var(--bg)}
.site-work .site-header__inner{padding-inline:var(--work-gutter)}
.work-track{position:relative}
.is-enhanced:not([data-mode=static]) .work-track{height:calc(var(--work-hero-height,var(--work-hero-min)) + var(--work-opening))}
.work-hero{position:relative;min-height:var(--work-hero-min);overflow:hidden;display:flow-root}
.is-enhanced:not([data-mode=static]) .work-hero{position:sticky;top:0}
.work-hero-copy{position:relative;z-index:2;padding:clamp(125px,11.7vw,188px) 0 48px;margin-left:var(--work-gutter);width:34.5%;max-width:530px;pointer-events:none}
.work-hero-copy a{pointer-events:auto}
.site-work .eyebrow{font:10px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;margin:0 0 23px;color:var(--meta)}
.work-hero h1{font:300 clamp(48px,5.36vw,82px)/1.055 var(--display);letter-spacing:-.065em;margin:0 0 29px;color:var(--text);text-wrap:initial}
.work-dek{font-size:clamp(14px,1.32vw,19px);line-height:1.53;color:var(--body);max-width:430px;margin:0 0 17px;text-wrap:initial}
.site-work .text-link{display:inline-flex;align-items:center;gap:12px;font-size:clamp(14px,1.38vw,18px);line-height:1.4;min-height:44px;color:var(--signal);text-decoration:none}
.work-hero .text-link::after,.work-examples .text-link::after{content:none}
.work-scene{position:absolute;z-index:1;top:calc(var(--header-height,88px) + 0px);right:0;width:64%;height:calc(100% - var(--header-height,88px) - 25px);pointer-events:none;overflow:hidden}
.work-scene canvas{display:block;width:100%;height:100%}
.work-fallback{display:block;width:100%;height:100%;object-fit:contain}
:root[data-theme=day] .work-fallback--night,:root[data-theme=night] .work-fallback--day{display:none}
.work-scene[data-state=ready] .work-fallback,.work-scene[data-state=fallback] canvas{display:none}
@media(scripting:enabled){.work-scene:not([data-state=fallback]) .work-fallback{visibility:hidden}}
.site-work .public-projects,.work-experience,.work-examples{margin:0 var(--work-gutter);padding:40px 0 49px;border-top:1px solid var(--line);scroll-margin-top:calc(var(--header-height,88px) + 22px)}
.site-work .public-projects{width:auto}
.site-work .public-projects h2,.work-experience h2,.work-examples h2{font:300 clamp(32px,3.28vw,53px)/1.08 var(--display);letter-spacing:-.058em;margin:0 0 29px;color:var(--text)}
.site-work .project-intro{margin:0 0 27px;max-width:none}
.site-work .project-intro .section-intro{font-size:16px;line-height:1.53;max-width:740px;margin:0;color:var(--body)}
.site-work .projects-grid{gap:28px}
.site-work .project-example__image{aspect-ratio:1.36;border:0}
.site-work .project-example__image img{object-position:left top;transform:none}
.site-work .project-example__copy{padding-top:19px}
.site-work .project-example__relation{font:10px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin:0 0 11px}
.site-work .project-example h3{font:300 clamp(23px,2.48vw,35px)/1.1 var(--display);letter-spacing:-.05em;margin:0 0 11px}
.site-work .project-example__copy>p:not([class]){font-size:clamp(14px,1.33vw,18px);line-height:1.5}
.site-work .project-example__scope{font-size:clamp(12px,1.15vw,16px);line-height:1.5;margin:25px 0 13px}
.work-experience{display:grid;grid-template-columns:40% 1fr;gap:40px}
.work-experience h2{max-width:370px}
.work-experience p{font-size:clamp(14px,1.32vw,19px);line-height:1.53;color:var(--body);margin:0;max-width:650px}
.work-experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:25px}
.work-career-detail summary{min-height:44px;cursor:pointer;color:var(--body);font-size:clamp(13px,1.31vw,18px);line-height:1.4;list-style:none}
.work-career-detail summary::-webkit-details-marker{display:none}
.work-career-detail summary:hover{color:var(--signal)}
.work-career-detail[open]{grid-column:1/-1}
.work-career-detail[open] summary{margin-bottom:16px}
.work-career-detail h3{font-size:18px;margin:24px 0 10px}
.work-examples{display:grid;grid-template-columns:44% 1fr;gap:45px}
.work-examples p{font-size:14px;line-height:1.53;color:var(--body);margin:0}
.work-examples ol{list-style:none;margin:0;padding:0 0 0 35px;border-left:1px solid var(--line)}
.work-examples li+li{border-top:1px solid var(--line);margin-top:28px;padding-top:28px}
.work-examples h3{font:400 17px/1.45 var(--sans);letter-spacing:-.02em;color:var(--text);margin:0 0 12px}
.work-examples h3 a{text-decoration:none}
.work-examples .text-link{margin-top:15px}
.site-work .site-footer{padding-bottom:120px}
.work-chapters{position:fixed;bottom:19px;left:var(--work-gutter);z-index:25;display:flex;gap:29px;padding:0 17px 0 0;background:var(--bg);font:11px/1.4 var(--sans);max-width:calc(100% - 2 * var(--work-gutter));overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.work-chapters::-webkit-scrollbar{display:none}
.work-chapters a{min-height:44px;display:flex;align-items:center;position:relative;color:var(--meta);text-decoration:none;white-space:nowrap;flex:none}
.work-chapters a[aria-current]{color:var(--signal)}
.work-chapters a[aria-current]:after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:var(--signal)}
.work-progress,.work-scrubber{display:none}
.site-work:has(.is-enhanced:not([data-mode=static])) .work-progress{display:block;position:fixed;bottom:0;left:0;right:0;height:2px;background:var(--line);z-index:35}
.work-progress div{width:100%;height:100%;background:var(--signal);transform:scaleX(0);transform-origin:left}
.site-work:has(.is-enhanced:not([data-mode=static])) .work-scrubber{display:block;appearance:none;position:fixed;bottom:0;left:0;width:100%;height:12px;padding:0;margin:0;background:transparent;z-index:36;cursor:ew-resize;outline-offset:-3px}
.work-scrubber::-webkit-slider-runnable-track{height:2px;background:transparent}
.work-scrubber::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:var(--signal);margin-top:-3.5px;opacity:0}
.work-scrubber:hover::-webkit-slider-thumb,.work-scrubber:focus-visible::-webkit-slider-thumb{opacity:1}
.work-detail{border:0;padding:30px 40px;background:var(--bg);color:var(--text);width:min(740px,calc(100vw - 32px));max-height:calc(100svh - 60px);overflow:auto}
.work-detail::backdrop{background:#1119;backdrop-filter:blur(4px)}
.work-detail-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;font-size:11px;color:var(--meta)}
.work-detail-top button{min-height:44px;background:none;border:0;color:inherit;cursor:pointer}
.work-detail h2{font:300 39px/1.08 var(--display);letter-spacing:-.05em;margin:0 0 24px}
.work-detail h3{font:400 18px/1.4 var(--sans);margin:27px 0 10px}
.work-detail p{font-size:15px;line-height:1.6;color:var(--body)}
@media(max-width:1050px) and (min-width:701px){
 .work-hero-copy{width:36%}.work-hero h1{font-size:46px}.work-dek{font-size:13px}.work-scene{width:62%}.site-work .projects-grid{gap:20px}.work-experience,.work-examples{gap:24px}.work-experience-grid{gap:14px}
}
@media(max-width:700px){
 .site-work{--work-gutter:24px;--work-hero-min:790px;--work-opening:220px;--work-scene-h:310px}
 .work-scene{top:calc(var(--header-height,76px) + 11px);left:0;right:0;width:100%;height:var(--work-scene-h)}
 .work-hero-copy{padding:calc(var(--header-height,76px) + var(--work-scene-h) + 32px) 0 42px;margin-left:var(--work-gutter);width:calc(100% - 2 * var(--work-gutter));max-width:500px}
 .site-work .eyebrow{font-size:9px;margin-bottom:17px}
 .work-hero h1{font-size:43px;line-height:1.025;margin-bottom:23px}
 .work-dek{font-size:13px;line-height:1.58;max-width:400px;margin-bottom:15px}
 .site-work .text-link{font-size:14px}
 .site-work .public-projects,.work-experience,.work-examples{padding:29px 0 37px}
 .site-work .public-projects h2{font-size:33px;max-width:300px;margin-bottom:25px}
 .site-work .project-intro .section-intro{font-size:14px}
 .site-work .projects-grid{grid-template-columns:1fr;gap:40px}
 .site-work .project-example__copy{padding-top:17px}.site-work .project-example h3{font-size:28px}
 .site-work .project-example__copy>p:not([class]){font-size:14px}.site-work .project-example__scope{margin:14px 0 6px;font-size:12px}
 .work-experience,.work-examples{grid-template-columns:1fr;gap:3px}
 .work-experience h2{font-size:34px;max-width:270px;margin-bottom:21px}.work-experience p{font-size:14px}
 .work-experience-grid{gap:18px;margin-top:17px}.work-career-detail summary{font-size:12px}
 .work-examples h2{font-size:32px}.work-examples ol{margin-top:23px;padding:23px 0 0;border-left:0;border-top:1px solid var(--line)}
 .work-examples p{font-size:13px}.work-examples h3{font-size:16px}
 .work-chapters{left:0;right:0;bottom:0;padding:10px 24px calc(17px + env(safe-area-inset-bottom));justify-content:space-between;gap:14px;font-size:10px;max-width:none}
 .work-detail{padding:22px 24px}.work-detail h2{font-size:32px}
}
@media(max-width:360px){.site-work{--work-gutter:20px;--work-scene-h:265px}.work-hero h1{font-size:38px}.work-dek{font-size:12px}.work-chapters{padding-inline:20px}}
@media(max-width:700px) and (max-height:760px){.site-work{--work-scene-h:clamp(125px,calc(100svh - 580px),230px)}}
@media(prefers-reduced-motion:reduce){.site-work *{scroll-behavior:auto!important;transition:none!important}}