@layer components{.work-index__hero{border-bottom:var(--border-default);padding-block:clamp(4.5rem,8vw,6rem) clamp(4rem,7vw,5.5rem)}.work-index__hero .container{grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.work-index__hero-copy{gap:var(--space-6);grid-column:1/span 9;display:grid}.work-index__eyebrow{color:var(--color-graphite);font-size:var(--font-size-label);letter-spacing:.1em;text-transform:uppercase;font-weight:600}.work-index__hero h1{max-width:12ch;font-family:var(--font-display);font-size:var(--font-size-display);font-weight:var(--font-weight-display);letter-spacing:var(--letter-spacing-display);line-height:1.02}.work-index__hero-copy>p:not(.work-index__eyebrow){max-width:37rem;color:var(--color-graphite);font-size:clamp(1.125rem,1.65vw,1.4rem);line-height:1.5}.work-index__hero .button{width:fit-content}.work-index__gallery{background:var(--color-paper);padding-block:clamp(5rem,9vw,9rem)}.work-gallery{gap:clamp(5rem, 8vw, 8rem) var(--space-8);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.work-gallery__item{align-content:start;min-width:0;display:grid}.work-gallery__item--lead{grid-column:1/-1}.work-gallery__item--left{grid-column:1/span 7}.work-gallery__item--right{grid-column:8/-1;margin-top:clamp(4rem,8vw,8rem)}.work-gallery__visual{aspect-ratio:16/10;border:1px solid var(--color-ink);background:var(--color-surface);display:block;position:relative;overflow:hidden}.work-gallery__item--right .work-gallery__visual{aspect-ratio:4/3}.work-gallery__visual .project-scene{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform var(--motion-slow) var(--ease-out)}.work-gallery__visual:hover .project-scene,.work-gallery__visual:focus-visible .project-scene{transform:scale(1.018)}.work-gallery__visual-arrow{right:var(--space-5);bottom:var(--space-5);aspect-ratio:1;border:1px solid var(--color-ink);width:3.25rem;color:var(--color-ink);transition:background-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);background:#ffffffeb;border-radius:50%;place-items:center;font-size:1.35rem;display:grid;position:absolute}.work-gallery__visual:hover .work-gallery__visual-arrow,.work-gallery__visual:focus-visible .work-gallery__visual-arrow{background:var(--color-coral);color:var(--color-ink)}.work-gallery__caption{gap:var(--space-6);padding-top:var(--space-6);display:grid}.work-gallery__identity{gap:var(--space-2);align-content:start;display:grid}.work-gallery__identity>span{color:var(--color-graphite);font-size:var(--font-size-label);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.work-gallery__identity h2{letter-spacing:var(--letter-spacing-display);font-size:clamp(2.25rem,4vw,4.5rem);line-height:1}.work-gallery__item:not(.work-gallery__item--lead) .work-gallery__identity h2{font-size:clamp(2.4rem,3vw,3.15rem)}.work-gallery__summary{gap:var(--space-4);align-content:start;display:grid}.work-gallery__summary>p:first-child{color:var(--color-ink);font-size:clamp(1.125rem,1.6vw,1.35rem);font-weight:600;line-height:1.35}.work-gallery__role{color:var(--color-graphite);font-size:.9375rem;line-height:1.55}.work-gallery__links{gap:var(--space-3);align-content:start;justify-items:start;display:grid}.work-gallery__links a{border-bottom:2px solid var(--color-coral);color:var(--color-ink);font-weight:600;text-decoration:none}.work-gallery__links a span{margin-left:.3em}.work-gallery__links>span{margin-top:var(--space-2);color:var(--color-graphite);font-size:var(--font-size-label);letter-spacing:.04em;text-transform:uppercase}.work-gallery__item--lead .work-gallery__caption{border-bottom:var(--border-default);padding-bottom:var(--space-10);grid-template-columns:minmax(12rem,.75fr) minmax(18rem,1.3fr) minmax(13rem,.65fr)}.work-gallery__item:not(.work-gallery__item--lead) .work-gallery__caption{grid-template-columns:minmax(10rem,.7fr) minmax(12rem,1.3fr)}.work-gallery__item:not(.work-gallery__item--lead) .work-gallery__links{grid-column:2}.work-index__boundary{border-block:var(--border-default);background:var(--color-surface);padding-block:clamp(5rem,8vw,8rem)}.work-index__boundary .container{gap:var(--space-12) var(--space-8);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.work-index__boundary-copy{gap:var(--space-6);grid-column:1/span 5;display:grid}.work-index__boundary h2{max-width:13ch;letter-spacing:var(--letter-spacing-display);font-size:clamp(2.75rem,4.5vw,5rem);line-height:1}.work-index__boundary-copy p{max-width:31rem;color:var(--color-graphite)}.work-index__boundary ul{border-top:1px solid var(--color-graphite);grid-column:7/-1;margin:0;padding:0;list-style:none}.work-index__boundary li{padding-block:var(--space-6);border-bottom:var(--border-default);color:var(--color-graphite);font-size:clamp(1rem,1.4vw,1.2rem)}.work-index__closing{padding-block:var(--space-8);background:var(--color-paper)}.work-index__closing-panel{border:1px solid var(--color-ink);background:var(--color-surface);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:clamp(32rem,52vw,42rem);display:grid;position:relative;overflow:hidden}.work-index__closing-copy{z-index:2;gap:var(--space-6);align-content:center;padding:clamp(2rem,6vw,6rem);display:grid}.work-index__closing-copy h2{max-width:12ch;font-family:var(--font-display);font-size:clamp(3rem,5vw,5.5rem);font-weight:var(--font-weight-display);letter-spacing:var(--letter-spacing-display);line-height:1.02}.work-index__closing-copy>p{max-width:32rem;color:var(--color-graphite)}.work-index__closing-actions{gap:var(--space-5) var(--space-8);flex-wrap:wrap;align-items:center;display:flex}.work-index__closing-actions>a:not(.button){border-bottom:2px solid var(--color-coral);color:var(--color-ink);font-weight:600;text-decoration:none}.work-index__closing-material{background-image:url(/media/home/closing-graphite-fold-v1.webp);background-position:55%;background-size:cover;min-width:0;overflow:hidden}.work-index__closing-rabbit{z-index:3;background:#ffffffe6;width:clamp(5rem,8vw,7.5rem);position:absolute;bottom:clamp(1.5rem,3vw,3rem);right:clamp(1.5rem,3vw,3rem)}.work-detail__hero{padding-block:clamp(4rem,9vw,8rem)}.work-detail__hero-grid{gap:var(--space-12);align-items:end;display:grid}.work-detail__hero-grid>div:last-child>span{color:var(--color-graphite);font-size:var(--font-size-label);text-transform:uppercase;font-weight:600}.work-detail__back{margin-bottom:var(--space-12);color:var(--color-graphite);font-size:.875rem;display:inline-block}.work-detail__hero h1{font-size:clamp(3.5rem,7vw,6rem)}.work-detail__hero-grid>div:last-child{gap:var(--space-4);padding-top:var(--space-6);border-top:var(--border-default);display:grid}.work-detail__hero-grid>div:last-child p{color:var(--color-graphite)}.work-detail__evidence{padding-bottom:var(--section-space)}.public-site-frame{border:1px solid var(--color-ink);background:var(--color-surface);overflow:hidden}.public-site-frame__bar{height:2.75rem;padding-inline:var(--space-4);border-bottom:var(--border-default);background:#ece9e3;align-items:center;gap:.375rem;display:flex}.public-site-frame__bar span{aspect-ratio:1;border:1px solid var(--color-graphite);border-radius:50%;width:.5rem}.public-site-frame__bar b{margin-left:var(--space-3);color:var(--color-graphite);font-size:.6875rem}.public-site-frame picture,.public-site-frame img{width:100%;display:block}.public-site-frame img{aspect-ratio:16/10;object-fit:cover;object-position:top}.public-site-frame figcaption{gap:var(--space-4);border-top:var(--border-default);padding:var(--space-4);color:var(--color-graphite);flex-wrap:wrap;justify-content:space-between;font-size:.8125rem;display:flex}.public-site-frame figcaption a{color:var(--color-ink);font-weight:600}.work-detail__narrative{background:var(--color-ink);color:var(--color-surface)}.work-detail__narrative .eyebrow,.work-detail__narrative-grid>div:last-child p{color:#bbb8b2}.work-detail__narrative-grid{gap:var(--space-16);display:grid}.work-detail__narrative-grid>div:first-child h2{max-width:24ch}.work-detail__narrative-grid>div:last-child{gap:var(--space-4);align-content:start;display:grid}.work-detail__narrative-grid>div:last-child h3:not(:first-child){margin-top:var(--space-8)}.work-detail__experience-grid{border-top:1px solid var(--color-ink);display:grid}.work-detail__experience-grid>div{padding-block:var(--space-8);border-bottom:var(--border-default)}.work-detail__experience-grid ul{gap:var(--space-4);margin:var(--space-8) 0 0;padding:0;list-style:none;display:grid}.work-detail__experience-grid li{padding-left:1.5rem;position:relative}.work-detail__experience-grid li:before{background:var(--color-coral);content:"";width:.5rem;height:1px;position:absolute;top:.75em;left:0}.work-detail__flow{background:#e7e3dc}.work-system-flow ol{margin:0;padding:0;list-style:none;display:grid}.work-system-flow li{border-top:1px solid var(--color-graphite);padding:var(--space-6) var(--space-6) var(--space-12) 0;position:relative}.work-system-flow li:before{aspect-ratio:1;background:var(--color-coral);content:"";border-radius:50%;width:.6rem;position:absolute;top:-.3rem;left:0}.work-system-flow li>span{color:var(--color-graphite);font-size:var(--font-size-label);font-weight:600}.work-system-flow h3{margin-block:var(--space-4)}.work-system-flow p,.work-system-flow figcaption{color:var(--color-graphite)}.work-system-flow figcaption{max-width:60ch;margin-top:var(--space-6);font-size:.875rem}.work-detail__closing{padding-bottom:var(--space-8)}.work-detail__closing .container>div{align-content:center;gap:var(--space-6);background:var(--color-graphite);min-height:28rem;color:var(--color-surface);padding:clamp(2rem,7vw,6rem);display:grid}.work-detail__closing h2{max-width:16ch}.work-detail__closing p{color:#e4e0d9}.work-detail__closing .button{width:fit-content}}@media (width>=48rem){@layer components{.work-detail__hero-grid{grid-template-columns:1.25fr .75fr}.work-detail__narrative-grid{grid-template-columns:1.2fr .8fr}.work-detail__experience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-detail__experience-grid>div{padding-right:var(--space-8)}.work-system-flow ol{grid-template-columns:repeat(4,minmax(0,1fr))}}}@media (width<=63.99rem){@layer components{.work-index__hero-copy{grid-column:1/span 11}.work-gallery__item--left{grid-column:1/span 8}.work-gallery__item--right{grid-column:7/-1}.work-gallery__item--lead .work-gallery__caption,.work-gallery__item:not(.work-gallery__item--lead) .work-gallery__caption{grid-template-columns:minmax(10rem,.75fr) minmax(16rem,1.25fr)}.work-gallery__item--lead .work-gallery__links,.work-gallery__item:not(.work-gallery__item--lead) .work-gallery__links{grid-column:2}.work-index__closing-panel{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}}}@media (width<=47.99rem){@layer components{.work-index__hero{padding-block:4rem}.work-index__hero .container{grid-template-columns:1fr}.work-index__hero-copy{gap:var(--space-5);grid-column:1}.work-index__hero h1{max-width:12ch;font-size:clamp(2.625rem,12vw,3.25rem)}.work-index__hero .button{width:100%}.work-index__gallery{padding-block:5rem 6rem}.work-gallery{grid-template-columns:1fr;gap:5rem}.work-gallery__item--lead,.work-gallery__item--left,.work-gallery__item--right{grid-column:1;margin-top:0}.work-gallery__visual,.work-gallery__item--right .work-gallery__visual{aspect-ratio:16/10}.work-gallery__visual-arrow{right:var(--space-4);bottom:var(--space-4);width:2.75rem}.work-gallery__item--lead .work-gallery__caption,.work-gallery__item:not(.work-gallery__item--lead) .work-gallery__caption{gap:var(--space-5);border-bottom:var(--border-default);padding-bottom:var(--space-8);grid-template-columns:1fr}.work-gallery__item--lead .work-gallery__links,.work-gallery__item:not(.work-gallery__item--lead) .work-gallery__links{grid-column:1}.work-gallery__identity h2{font-size:clamp(2.5rem,11vw,3.75rem)}.work-index__boundary .container{gap:var(--space-12);grid-template-columns:1fr}.work-index__boundary-copy,.work-index__boundary ul{grid-column:1}.work-index__boundary h2{font-size:clamp(2.75rem,13vw,4.25rem)}.work-index__closing{padding-block:var(--space-4)}.work-index__closing-panel{grid-template-columns:1fr;min-height:auto}.work-index__closing-copy{padding:3rem 1.5rem 7.5rem}.work-index__closing-copy h2{font-size:clamp(2.75rem,13vw,4.25rem)}.work-index__closing-actions{justify-items:stretch;display:grid}.work-index__closing-actions .button{width:100%}.work-index__closing-actions>a:not(.button){width:fit-content}.work-index__closing-material{display:none}.work-index__closing-rabbit{width:5rem;bottom:1rem;right:1rem}}}@media (width<=39.99rem){@layer components{.public-site-frame img{aspect-ratio:390/844}}}