.editorial-project-banner{isolation:isolate;background:#061b29;width:100%;height:clamp(180px,26vw,440px);position:relative;overflow:hidden}.editorial-project-banner:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(transparent, var(--background));height:33.333%;position:absolute;inset:auto 0 0}.editorial-banner-art{z-index:0;object-fit:cover;object-position:78% bottom;width:100%;height:calc(100% + clamp(16px,2.2vw,32px));position:relative;transform:translateY(clamp(-32px,-2.2vw,-16px))}body:has(.editorial-project.has-banner) .nav-spacer{height:0}body:has(.editorial-project.has-banner) .top-navigation:not(.nav-past-banner){-webkit-backdrop-filter:none;backdrop-filter:none;color:#f7f7f7;background:0 0;border-bottom-color:#0000}body:has(.editorial-project.has-banner) .top-navigation:not(.nav-past-banner) .nav-actions{color:#f7f7f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#061b29d1;border:1px solid #ffffff26;border-radius:18px;padding:6px 8px 6px 16px}body:has(.editorial-project.has-banner) .top-navigation:not(.nav-past-banner) .primary-nav a:hover{color:#fff}body:has(.editorial-project.has-banner) .top-navigation:not(.nav-past-banner) .primary-nav a[aria-current=page]{color:#ffffffc9}body:has(.editorial-project.has-banner) .top-navigation:not(.nav-past-banner) .nav-quote{color:#171717;background:#f7f7f7}body:has(.editorial-project.has-banner) .top-navigation:not(.nav-past-banner) .icon-button{color:#f7f7f7;background:#ffffff0d;border-color:#ffffff60}body:has(.editorial-project.has-banner[data-banner-tone=light]) .top-navigation:not(.nav-past-banner){color:#173d32}body:has(.editorial-project.has-banner[data-banner-tone=light]) .top-navigation:not(.nav-past-banner) .nav-actions{color:#173d32;background:#f7fbf5e8;border-color:#173d3226}body:has(.editorial-project.has-banner[data-banner-tone=light]) .top-navigation:not(.nav-past-banner) .primary-nav a:is(:hover,[aria-current=page]){color:#173d32}body:has(.editorial-project.has-banner[data-banner-tone=light]) .top-navigation:not(.nav-past-banner) .nav-quote{color:#fff;background:#173d32}body:has(.editorial-project.has-banner[data-banner-tone=light]) .top-navigation:not(.nav-past-banner) .icon-button{color:#173d32;background:0 0;border-color:#173d3250}.editorial-project-frame{max-width:944px;margin:0 auto;padding:112px 24px 160px}.has-banner .editorial-project-frame{padding-top:40px}.editorial-project-frame:has(+.editorial-related-project){padding-bottom:96px}.editorial-back{color:var(--secondary);font-size:14px}.editorial-back:hover{color:var(--foreground)}.editorial-project-header h1{letter-spacing:-.015em;margin-top:40px;font-size:28px;font-weight:500;line-height:1.2}.editorial-tagline{color:var(--secondary);margin-top:4px;font-size:16px}.editorial-intro{text-wrap:pretty;margin-top:32px;font-size:16px;line-height:1.7}.editorial-project-facts{border-block:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px;padding:32px 0;display:grid}.editorial-project-facts h2{letter-spacing:.035em;text-transform:uppercase;color:var(--secondary);margin:0 0 12px;font-size:12px;font-weight:400;line-height:1.5}.editorial-project-facts li,.editorial-project-facts a{overflow-wrap:anywhere;font-size:16px;line-height:1.5}.editorial-project-facts li+li{margin-top:8px}.editorial-project-facts a{align-items:baseline;gap:6px;display:inline-flex}.editorial-project-facts a:hover{text-underline-offset:4px;text-decoration:underline}.editorial-related-project{margin-bottom:80px}.editorial-related-project>h2{margin-bottom:24px}@media (max-width:599px){.editorial-project-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;padding-block:24px}.editorial-project-facts>div:last-child{grid-column:1/-1}.editorial-related-project{margin-bottom:40px}}.editorial-project-lead{margin-top:64px}.editorial-project-lead>.project-progressive-image{border-radius:6px;width:100%;height:auto;display:block}.editorial-project-lead .comparison{border-radius:6px}.editorial-project .project-story{margin:96px 0 0}.editorial-project .project-story-copy{text-wrap:pretty;color:color-mix(in srgb, var(--foreground) 72%, transparent);font-size:16px;line-height:1.7}.editorial-project .project-story-copy>:is(p,h2,h3,ul,ol){max-width:none}.editorial-project .project-story-copy p{margin:0}.editorial-project .project-story-copy p+p{margin-top:20px}.editorial-project .project-story-copy :is(h2,h3){color:var(--foreground);margin:64px 0 12px;font-size:16px;font-weight:500;line-height:1.6}.editorial-project .project-story-copy>:is(h2,h3):first-child{margin-top:0}.editorial-project .project-media-section{max-width:none;margin:24px 0}.editorial-project .project-media-section .media{border-radius:6px}.editorial-project .project-media-section figcaption{max-width:none;margin-top:12px;font-size:14px}.project-shot-gallery{margin:48px 0}.project-shot-heading{color:var(--secondary);text-transform:lowercase;justify-content:space-between;margin-bottom:16px;font:13px/1.5 ui-monospace,SFMono-Regular,monospace;display:flex}.project-shot-accordion,.project-shot-count,.project-shot-caption{display:none}.project-shot-swipe{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;margin:0 -24px;padding:0 24px 8px;scroll-padding-inline:24px;display:flex;overflow-x:auto}.project-shot-swipe::-webkit-scrollbar{display:none}.project-shot-card{scroll-snap-align:start;flex:0 0 88%;min-width:0}.project-shot-card img{border-radius:10px;width:100%;height:auto;display:block}.project-shot-card figcaption,.project-shot-caption,.editorial-single-shot figcaption{color:var(--secondary);text-wrap:pretty;font-size:14px;line-height:1.55}.project-shot-card figcaption{margin-top:12px}.project-shot-gallery strong{color:var(--foreground);font-weight:500}.editorial-single-shot{margin:48px 0}.editorial-single-shot figcaption{margin-top:12px}@media (min-width:1024px){.editorial-project-frame{padding-top:160px}.has-banner .editorial-project-frame{padding-top:56px}.project-shot-count{font-variant-numeric:tabular-nums;display:inline}.project-shot-swipe{display:none}.project-shot-accordion{gap:8px;height:416px;display:flex}.project-shot-panel{min-width:0;height:100%;box-shadow:0 0 0 1px color-mix(in srgb, var(--foreground) 8%, transparent);background:#000;border-radius:10px;flex:1 1 0;padding:0;transition:flex-grow .5s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden}.project-shot-panel.is-active{flex-grow:8}.project-shot-art{object-fit:cover;object-position:50% 35%;opacity:.3;filter:grayscale();width:100%;height:100%;transition:opacity .5s,filter .5s;display:block}.project-shot-accordion:hover .project-shot-panel:not(.is-active) .project-shot-art{opacity:.45}.project-shot-accordion .project-shot-panel:not(.is-active):hover .project-shot-art{opacity:.7}.project-shot-panel.is-active .project-shot-art{opacity:1;filter:none}.project-shot-label{writing-mode:vertical-rl;text-transform:lowercase;color:#fff;text-shadow:0 1px 8px #000;white-space:nowrap;background:#061b29b3;border-radius:4px;padding:6px;font:13px/1.5 ui-monospace,SFMono-Regular,monospace;position:absolute;bottom:16px;left:50%;transform:translate(-50%)rotate(180deg)}.project-shot-panel.is-active .project-shot-label{writing-mode:horizontal-tb;left:16px;transform:none}.project-shot-caption{min-height:3.1em;margin-top:16px;display:block}}@media (prefers-reduced-motion:reduce){.project-shot-panel,.project-shot-art{transition:none}}
