.projects-index{background:var(--projects-bg);color:var(--projects-text);font-family:var(--font-sans);min-height:100dvh;width:100%;overflow:hidden;padding-top:0}.projects-index,.projects-index .idx-body{position:relative}.projects-index .idx-stripes{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(to right,color-mix(in srgb,var(--slate) 55%,transparent) 0 1px,transparent 1px 2px,color-mix(in srgb,var(--slate) 55%,transparent) 2px 3px,transparent 3px 24px)}.projects-index .idx-body>.spread{z-index:1}.projects-index .idx-head{position:relative;background:var(--bone-100);padding:152px 56px 36px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;border-bottom:1px solid color-mix(in srgb,var(--brand) 20%,transparent)}.projects-index .idx-view-toggle{position:absolute;bottom:36px;right:56px;display:inline-flex;gap:0;border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);border-radius:2px;background:transparent}.projects-index .idx-view-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;width:34px;height:34px;display:grid;place-items:center;cursor:pointer;color:var(--brand);transition:background var(--duration-hover) var(--ease-editorial),color var(--duration-hover) var(--ease-editorial)}.projects-index .idx-view-btn+.idx-view-btn{border-left:1px solid color-mix(in srgb,var(--brand) 30%,transparent)}.projects-index .idx-view-btn svg{width:16px;height:16px;fill:currentColor}.projects-index .idx-view-btn:hover{background:color-mix(in srgb,var(--brand) 12%,transparent)}.projects-index .idx-view-btn[aria-pressed=true]{background:var(--brand);color:var(--bone-100)}.projects-index .idx-view-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.projects-index .gallery-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:64px 56px 96px}.projects-index .gallery-card{display:block;perspective:1200px;aspect-ratio:4/5;text-decoration:none;color:inherit}.projects-index .gallery-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .3s var(--ease-editorial)}.projects-index .gallery-card-back,.projects-index .gallery-card-front{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden}.projects-index .gallery-card-front{background:var(--projects-bg)}.projects-index .gallery-card-front img{-o-object-fit:cover;object-fit:cover}.projects-index .gallery-card-back{background:var(--projects-nav-bg);color:var(--brand);transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px}.projects-index .gallery-card-title{font-family:var(--font-script),"Instrument Serif",serif;font-weight:400;font-size:64px;line-height:1.05;letter-spacing:-.01em}.projects-index .gallery-card-cta{position:absolute;left:0;right:0;bottom:24px;font-family:var(--font-sans);font-size:11px;letter-spacing:.22em;text-transform:uppercase}@media (hover:hover){.projects-index .gallery-card:hover .gallery-card-inner{transform:rotateY(180deg)}}.projects-index .gallery-card:focus-visible .gallery-card-inner{transform:rotateY(180deg)}.projects-index .gallery-card:focus-visible{outline:none}.projects-index .bento-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;grid-auto-flow:dense;gap:14px;padding:56px}.projects-index .bento-cell{position:relative;overflow:hidden;background:var(--projects-bg);border:1px solid var(--projects-divider);text-decoration:none;color:inherit}.projects-index .bento-cell.span-sq{grid-column:span 1;grid-row:span 1}.projects-index .bento-cell.span-wide{grid-column:span 2;grid-row:span 1}.projects-index .bento-cell.span-tall{grid-column:span 1;grid-row:span 2}.projects-index .bento-cell.span-big{grid-column:span 2;grid-row:span 2}.projects-index .bento-media{position:absolute;inset:0}.projects-index .bento-media img,.projects-index .bento-media video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .6s var(--ease-editorial)}.projects-index .bento-cell:hover .bento-media img,.projects-index .bento-cell:hover .bento-media video{transform:scale(1.03)}.projects-index .bento-media .media-badge{position:absolute;top:12px;right:12px;width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--projects-nav-bg) 72%,transparent);color:var(--bone-100);font-size:10px;padding-left:2px;backdrop-filter:blur(4px)}.projects-index .bento-info{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column;gap:2px;padding:16px;background:linear-gradient(to top,color-mix(in srgb,var(--projects-nav-bg) 88%,transparent),transparent);opacity:0;transform:translateY(6px);transition:opacity .24s var(--ease-editorial),transform .24s var(--ease-editorial)}.projects-index .bento-cell:focus-visible .bento-info,.projects-index .bento-cell:hover .bento-info{opacity:1;transform:translateY(0)}.projects-index .bento-cell:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.projects-index .bento-title{font-family:var(--font-display),"Instrument Serif",serif;font-size:22px;font-style:italic;line-height:1.1;color:var(--bone-50)}.projects-index .bento-meta{font-family:var(--font-sans);font-size:12px;letter-spacing:.02em;color:var(--bone-100)}@media (max-width:900px){.projects-index .bento-grid{grid-template-columns:repeat(2,1fr);padding:32px}.projects-index .bento-cell.span-big,.projects-index .bento-cell.span-wide{grid-column:span 2}.projects-index .bento-cell.span-tall{grid-column:span 1;grid-row:span 2}.projects-index .bento-info{opacity:1;transform:none}}@media (max-width:560px){.projects-index .bento-grid{grid-template-columns:1fr;grid-auto-rows:260px}.projects-index .bento-cell,.projects-index .bento-cell.span-big,.projects-index .bento-cell.span-sq,.projects-index .bento-cell.span-tall,.projects-index .bento-cell.span-wide{grid-column:1/-1;grid-row:span 1}}.projects-index .idx-head .eyebrow{display:block;margin-bottom:18px;font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--brand)}.projects-index .idx-head h1{font-family:var(--font-display);font-weight:400;font-size:112px;line-height:.92;letter-spacing:-.02em;margin:0;color:var(--brand)}.projects-index .idx-head h1 i{font-style:normal}.projects-index .idx-head .desc{font-family:var(--font-sans);font-size:16px;line-height:1.55;color:var(--brand);max-width:460px;margin:0}.projects-index .idx-head .desc p{margin:0}.projects-index .idx-head .desc .desc-sub{margin-top:12px;color:color-mix(in srgb,var(--brand) 70%,transparent)}.projects-index .spread{position:relative;padding:96px 0;border-top:1px solid var(--slate);border-bottom:1px solid var(--slate)}.projects-index .spread .meta-strip{display:flex;justify-content:space-between;padding:0 56px 32px;font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--projects-text-dim)}.projects-index .spread .meta-strip .num{color:var(--projects-text-dim)}.projects-index .spread .hero{position:relative;width:80vw;margin-inline:auto;display:flex;gap:0;align-items:flex-start;background:transparent}.projects-index .spread .hero .hero-img-clip{position:relative;flex:1 1 0;min-width:0;overflow:hidden;display:block;text-decoration:none}.projects-index .spread .hero .hero-img-clip img{width:100%;height:auto;display:block}.projects-index .spread .hero-title{position:absolute;left:0;right:0;top:100%;transform:translateY(-50%);text-align:center;text-decoration:none;border-bottom:none;font-family:var(--font-display);font-weight:400;font-size:clamp(72px,12vw,168px);line-height:.9;letter-spacing:-.01em;color:var(--bone-100);padding:0 24px;z-index:2}.projects-index .spread .hero-title:hover{color:var(--bone-50)}.projects-index .spread .caption-row{margin:180px 56px 0;display:grid;justify-items:center;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.projects-index .spread .caption-row .summary{font-family:var(--font-display);font-weight:400;font-style:italic;font-size:20px;line-height:1.35;letter-spacing:-.005em;color:var(--projects-text);max-width:480px;margin:0}.projects-index .spread .caption-row .credits{font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--projects-text-dim);line-height:2.2;display:grid;grid-template-columns:auto 1fr;gap:0 24px;align-content:end}.projects-index .spread .caption-row .credits .k{color:var(--projects-text)}.projects-index .spread .caption-row .credits .v{color:var(--projects-text-dim)}.projects-index .spread .caption-row .credits .credits-pill{display:inline-block;margin-left:10px;padding:1px 8px;border-radius:999px;font-size:9px;letter-spacing:.2em;line-height:1.4}.projects-index .spread .caption-row .credits .credits-pill-warn{color:var(--projects-warn);border:1px solid color-mix(in srgb,var(--projects-warn) 55%,transparent);background:color-mix(in srgb,var(--projects-warn) 12%,transparent)}.projects-index .stills{--cell-w:1;--cell-h:1;margin:56px auto 0;width:min(1080px,calc(100% - 112px));display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;aspect-ratio:calc(4 * var(--cell-w)) /calc(2 * var(--cell-h));gap:14px}.projects-index .stills .still{position:relative;overflow:hidden;background:rgba(0,0,0,.18);border-radius:2px}.projects-index .stills .still:first-child{grid-column:span 2;grid-row:span 2}.projects-index .stills .still img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.projects-index .stills .still.is-empty{background:transparent;border:1px dashed var(--projects-divider)}.projects-index .stills .still-cta{display:grid;align-content:center;justify-items:center;text-align:center;text-decoration:none;background:var(--projects-text);color:var(--projects-bg);gap:4px;padding:16px;transition:background .24s var(--ease-editorial,ease),color .24s var(--ease-editorial,ease)}.projects-index .stills .still-cta:hover{background:var(--projects-bg);color:var(--projects-text);outline:1px solid var(--projects-text);outline-offset:-1px}.projects-index .stills .still-cta-eyebrow{font-size:9px;letter-spacing:.28em;text-transform:uppercase;opacity:.7}.projects-index .stills .still-cta-title{font-family:"P22 Allyson Pro",var(--font-display);font-size:clamp(18px,2.2vw,28px);line-height:1;letter-spacing:-.005em}.projects-index .stills .still-cta-arrow{font-size:14px;margin-top:2px}.projects-index .spread .foot{margin:64px 56px 0;display:flex;justify-content:flex-end;padding-top:28px;border-top:1px solid var(--projects-divider);font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase}.projects-index .spread .foot,.projects-index .spread .foot .foot-tag{color:var(--projects-text-dim)}@media (max-width:960px){.projects-index .idx-head{grid-template-columns:1fr;padding:124px 28px 28px}.projects-index .idx-view-toggle{bottom:24px;right:28px}.projects-index .gallery-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:48px 28px 64px}.projects-index .idx-head h1{font-size:72px}.projects-index .spread{padding:64px 0}.projects-index .spread .hero{width:calc(100% - 32px)}.projects-index .spread .caption-row,.projects-index .spread .foot,.projects-index .spread .meta-strip{margin-left:28px;margin-right:28px}.projects-index .spread .meta-strip{padding:0 0 24px}.projects-index .spread .caption-row{grid-template-columns:1fr;gap:28px}.projects-index .stills{width:calc(100% - 56px);margin:36px auto 0}.projects-index .stills .still-cta-title{font-size:18px}}@media (max-width:560px){.projects-index .gallery-grid{grid-template-columns:1fr;gap:18px}.projects-index .gallery-card-title{font-size:30px}}