.project-details-module__jApN0W__page{--detail-muted:#626262;--detail-red:#df2525}.project-details-module__jApN0W__information{padding-block:20px 52px}.project-details-module__jApN0W__informationBand{--detail-muted:#b0b0b0;color:#fff;background:#111}.project-details-module__jApN0W__informationBand .project-details-module__jApN0W__information{padding-block:44px}.project-details-module__jApN0W__informationBand .project-details-module__jApN0W__factGrid,.project-details-module__jApN0W__informationBand .project-details-module__jApN0W__factGrid>div{border:0}.project-details-module__jApN0W__informationBand .project-details-module__jApN0W__factGrid dd{color:#fff}.project-details-module__jApN0W__informationHeading{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:24px;display:flex}.project-details-module__jApN0W__page .project-details-module__jApN0W__informationHeading h2{font-size:1.5rem}.project-details-module__jApN0W__informationHeading p{color:var(--detail-muted);font-size:.75rem}.project-details-module__jApN0W__factGrid{border-top:1px solid #e8e8e8;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 40px;display:grid}.project-details-module__jApN0W__factGrid>div{border-bottom:1px solid #e8e8e8;min-width:0;padding-block:22px}.project-details-module__jApN0W__factGrid dt{color:var(--detail-muted);margin-bottom:10px;font-size:.75rem}.project-details-module__jApN0W__factGrid dd{color:#000;overflow-wrap:anywhere;font-size:.9375rem;line-height:1.65}.project-details-module__jApN0W__context{grid-template-columns:.8fr 1.4fr;align-items:start;gap:88px;padding-block:32px 64px;scroll-margin-top:100px;display:grid}.project-details-module__jApN0W__similarCard{background:var(--detail-red);color:#fff;border-radius:10px;flex-direction:column;align-items:start;min-height:410px;padding:38px;display:flex}.project-details-module__jApN0W__similarArt{width:135px;height:85px;margin-bottom:28px}.project-details-module__jApN0W__page .project-details-module__jApN0W__similarCard h2{letter-spacing:-.025em;font-size:clamp(1.9rem,3vw,2.55rem);line-height:1.13}.project-details-module__jApN0W__similarCard p{color:#fff;max-width:30ch;margin-top:20px;font-size:.9375rem;line-height:1.75}.project-details-module__jApN0W__page .project-details-module__jApN0W__similarCard button{color:#000;background:#fff;border:0;border-radius:5px;min-height:48px;margin-top:28px;padding:12px 18px;font-size:.875rem}.project-details-module__jApN0W__page .project-details-module__jApN0W__similarCard button:hover{background:#f7f7f7}.project-details-module__jApN0W__page .project-details-module__jApN0W__similarCard button:focus-visible{outline-color:#fff}.project-details-module__jApN0W__contextStory{max-width:76ch;padding-top:4px}.project-details-module__jApN0W__contextStory h2{margin-bottom:28px}.project-details-module__jApN0W__contextStory>div+div{margin-top:24px}.project-details-module__jApN0W__page .project-details-module__jApN0W__contextStory h3{margin-bottom:10px;font-size:1.125rem}.project-details-module__jApN0W__sectionHeading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:28px;display:flex}.project-details-module__jApN0W__sectionHeading>p{color:var(--detail-muted);max-width:46ch;font-size:.875rem;line-height:1.7}.project-details-module__jApN0W__gallerySection{color:#000;background:#f7f7f7;margin-bottom:40px;padding-block:56px;scroll-margin-top:100px}.project-details-module__jApN0W__gallerySection .project-details-module__jApN0W__slideImage{background:#fff}.project-details-module__jApN0W__gallerySection .project-details-module__jApN0W__dots button:not([aria-pressed=true]){color:var(--detail-muted)}.project-details-module__jApN0W__gallerySection .project-details-module__jApN0W__dots button:hover:not(:disabled){color:var(--detail-red);background:0 0;border-color:#0000}.project-details-module__jApN0W__slider{min-width:0}.project-details-module__jApN0W__sliderTrack{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:none;-ms-overflow-style:none;gap:20px;padding-bottom:4px;display:flex;position:relative;overflow:auto hidden}.project-details-module__jApN0W__sliderTrack::-webkit-scrollbar{display:none}.project-details-module__jApN0W__slide{scroll-snap-align:start;flex:0 0 calc(50% - 10px);min-width:0}.project-details-module__jApN0W__slideImage{aspect-ratio:16/10;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px;position:relative;overflow:hidden}.project-details-module__jApN0W__slideImage img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.project-details-module__jApN0W__counter{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.04em;background:#0000008c;border-radius:4px;padding:3px 8px;font-size:.625rem;position:absolute;top:10px;right:10px}.project-details-module__jApN0W__sliderControls{grid-template-columns:44px minmax(52px,1fr) 44px;align-items:center;gap:4px 12px;max-width:320px;margin:20px auto 0;display:grid}.project-details-module__jApN0W__dots{flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:0;display:flex}.project-details-module__jApN0W__dots button{color:#949494;background:0 0;border-radius:4px;place-items:center;width:32px;height:44px;padding:0;display:grid}.project-details-module__jApN0W__dots button:after{content:"";background:currentColor;border-radius:8px;width:8px;height:8px;transition:transform .2s}.project-details-module__jApN0W__dots button:hover{color:#b0b0b0}.project-details-module__jApN0W__dots .project-details-module__jApN0W__dotActive,.project-details-module__jApN0W__dots button[aria-pressed=true]{color:var(--detail-red)}.project-details-module__jApN0W__dots button[aria-pressed=true]:after{transform:scaleX(2.5)}.project-details-module__jApN0W__position{color:#000;font-variant-numeric:tabular-nums;text-align:center;min-width:52px;font-size:.875rem;font-weight:600}.project-details-module__jApN0W__position span{color:var(--detail-muted);font-weight:400}.project-details-module__jApN0W__sliderControls button:is([aria-label="Previous project image"],[aria-label="Next project image"]){color:#000;background:#fff;border:1px solid #d7d7d7;border-radius:50%;place-items:center;width:44px;height:44px;transition:color .2s,background-color .2s,border-color .2s;display:grid}.project-details-module__jApN0W__sliderControls button:hover:not(:disabled){color:#fff;background:#000;border-color:#000}.project-details-module__jApN0W__sliderControls button:disabled{color:#949494;cursor:not-allowed;background:#f7f7f7;border-color:#e8e8e8}.project-details-module__jApN0W__sliderControls svg{width:22px;height:22px}.project-details-module__jApN0W__nativeHint{color:var(--detail-muted);text-align:center;margin-top:14px;font-size:.8125rem}.project-details-module__jApN0W__featureSection{padding-block:24px 64px;scroll-margin-top:100px}.project-details-module__jApN0W__featureGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.project-details-module__jApN0W__featureCard{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:26px}.project-details-module__jApN0W__featureCard>svg{width:30px;height:30px;color:var(--detail-red);margin-bottom:22px}.project-details-module__jApN0W__page .project-details-module__jApN0W__featureCard h3{margin-bottom:10px;font-size:1.25rem}.project-details-module__jApN0W__featureCard p{color:var(--detail-muted);max-width:42ch;font-size:.875rem;line-height:1.75}.project-details-module__jApN0W__designSystem{grid-template-columns:1.1fr 1fr;gap:72px;padding-block:28px 72px;scroll-margin-top:100px;display:grid}.project-details-module__jApN0W__page .project-details-module__jApN0W__designSystem h2{font-size:clamp(1.7rem,2.6vw,2.2rem)}.project-details-module__jApN0W__techGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.project-details-module__jApN0W__techGrid li{background:#f7f7f7;border-radius:5px;align-items:center;gap:14px;min-height:80px;padding:16px;font-size:.875rem;font-weight:500;display:flex}.project-details-module__jApN0W__techGrid :is(img,svg){color:#333;flex-shrink:0;width:30px;height:30px}.project-details-module__jApN0W__techGrid img{filter:brightness(0)}.project-details-module__jApN0W__quietNote{color:var(--detail-muted);margin-top:14px;font-size:.75rem;line-height:1.7}.project-details-module__jApN0W__paletteGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.project-details-module__jApN0W__paletteGrid li{flex-direction:column;min-width:0;display:flex}.project-details-module__jApN0W__color{border:1px solid #e8e8e8;border-radius:6px;height:112px;margin-bottom:13px;display:block}.project-details-module__jApN0W__paletteGrid strong{font-size:.75rem;font-weight:500;line-height:1.6}.project-details-module__jApN0W__paletteGrid li>span:last-child{color:var(--detail-muted);margin-top:4px;font-size:.6875rem}.project-details-module__jApN0W__review{background:#f7f7f7;border-radius:10px;grid-template-columns:.8fr 1.4fr;gap:72px;margin-block:8px 48px;padding:48px;scroll-margin-top:100px;display:grid}.project-details-module__jApN0W__reviewIntro p{color:var(--detail-muted);margin-top:20px;font-size:.8125rem;line-height:1.7}.project-details-module__jApN0W__reviewBody>svg{color:var(--detail-red);width:42px;height:36px;margin-bottom:20px}.project-details-module__jApN0W__reviewBody blockquote>p{color:#000;max-width:52ch;font-family:Outfit,sans-serif;font-size:clamp(1.3rem,2.1vw,1.9rem);line-height:1.6}.project-details-module__jApN0W__reviewBody blockquote footer{flex-direction:column;gap:5px;margin-top:24px;font-size:.9375rem;display:flex}.project-details-module__jApN0W__reviewBody blockquote footer span{color:var(--detail-muted);font-size:.8125rem}.project-details-module__jApN0W__page .project-details-module__jApN0W__reviewPending h3{margin-bottom:12px;font-size:1.45rem}.project-details-module__jApN0W__reviewPending>p{color:var(--detail-muted);max-width:50ch;font-size:.9375rem;line-height:1.75}.project-details-module__jApN0W__technicalNotes{border-block:1px solid #e8e8e8;margin-bottom:64px;padding-block:10px;scroll-margin-top:100px}.project-details-module__jApN0W__technicalNotes summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;min-height:56px;font-size:1rem;font-weight:500;display:flex}.project-details-module__jApN0W__technicalNotes summary>span{color:var(--detail-muted);font-size:.8125rem;font-weight:400}.project-details-module__jApN0W__technicalNotes summary:after{content:"+";color:var(--detail-muted);font-size:1.5rem}.project-details-module__jApN0W__technicalNotes[open] summary:after{content:"−"}.project-details-module__jApN0W__technicalNotes>div{max-width:1000px;padding-block:24px}.project-details-module__jApN0W__technicalNotes section{margin-block:28px}.project-details-module__jApN0W__page .project-details-module__jApN0W__technicalNotes h3{margin-bottom:12px;font-size:1.3rem}.project-details-module__jApN0W__technicalNotes h4{margin-block:20px 10px;font-size:1rem}.project-details-module__jApN0W__technicalNotes ul{color:var(--detail-muted);padding-left:20px;line-height:1.75;list-style:outside}.project-details-module__jApN0W__technicalNotes dl>div{grid-template-columns:180px 1fr;gap:24px;padding-block:10px;display:grid}.project-details-module__jApN0W__technicalNotes dt{text-transform:capitalize;font-size:.875rem}.project-details-module__jApN0W__technicalNotes dd{color:var(--detail-muted);font-size:.875rem;line-height:1.75}.project-details-module__jApN0W__technicalNotes a{text-underline-offset:5px;text-decoration:underline}.project-details-module__jApN0W__next{padding-bottom:72px;scroll-margin-top:100px}@media (max-width:1000px){.project-details-module__jApN0W__context{grid-template-columns:.8fr 1.2fr;gap:40px}.project-details-module__jApN0W__similarCard{padding:28px}.project-details-module__jApN0W__factGrid{gap:0 24px}.project-details-module__jApN0W__designSystem{gap:36px}.project-details-module__jApN0W__paletteGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-details-module__jApN0W__color{height:72px}.project-details-module__jApN0W__review{gap:40px;padding:32px}}@media (max-width:700px){.project-details-module__jApN0W__slide{flex-basis:100%}.project-details-module__jApN0W__information{padding-block:12px 36px}.project-details-module__jApN0W__informationBand .project-details-module__jApN0W__information{padding-block:32px}.project-details-module__jApN0W__informationHeading{flex-direction:column;align-items:start;gap:10px;margin-bottom:20px}.project-details-module__jApN0W__factGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.project-details-module__jApN0W__factGrid>div{padding-block:18px}.project-details-module__jApN0W__factGrid dd{font-size:.875rem}.project-details-module__jApN0W__context{grid-template-columns:1fr;gap:28px;padding-block:8px 48px}.project-details-module__jApN0W__similarCard{min-height:0;padding:28px}.project-details-module__jApN0W__similarArt{width:104px;height:65px;margin-bottom:22px}.project-details-module__jApN0W__similarCard p{max-width:42ch}.project-details-module__jApN0W__page .project-details-module__jApN0W__similarCard h2{font-size:2.1rem}.project-details-module__jApN0W__page .project-details-module__jApN0W__similarCard button{justify-content:center;width:100%}.project-details-module__jApN0W__contextStory{padding-top:0}.project-details-module__jApN0W__contextStory h2{margin-bottom:22px}.project-details-module__jApN0W__sectionHeading{flex-direction:column;align-items:start;gap:12px;margin-bottom:24px}.project-details-module__jApN0W__gallerySection{margin-bottom:32px;padding-block:36px}.project-details-module__jApN0W__featureSection{padding-block:0 48px}.project-details-module__jApN0W__featureGrid{grid-template-columns:1fr;gap:14px}.project-details-module__jApN0W__featureCard{padding:22px}.project-details-module__jApN0W__featureCard>svg{margin-bottom:16px}.project-details-module__jApN0W__designSystem{grid-template-columns:1fr;gap:40px;padding-block:0 48px}.project-details-module__jApN0W__authorCredit{margin:-28px 0 36px}.project-details-module__jApN0W__techGrid{gap:10px}.project-details-module__jApN0W__techGrid li{gap:10px;min-height:72px;padding:12px;font-size:.8125rem}.project-details-module__jApN0W__techGrid :is(img,svg){width:25px;height:25px}.project-details-module__jApN0W__paletteGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.project-details-module__jApN0W__color{height:78px}.project-details-module__jApN0W__paletteGrid li>span:last-child{font-size:.625rem}.project-details-module__jApN0W__review{grid-template-columns:1fr;gap:26px;margin-block:0 36px;padding:26px}.project-details-module__jApN0W__reviewIntro p{margin-top:12px}.project-details-module__jApN0W__technicalNotes{margin-bottom:48px}.project-details-module__jApN0W__technicalNotes summary>span{display:none}.project-details-module__jApN0W__technicalNotes dl>div{grid-template-columns:1fr;gap:5px}.project-details-module__jApN0W__next{padding-bottom:48px}}@media (prefers-reduced-motion:reduce){.project-details-module__jApN0W__sliderControls button,.project-details-module__jApN0W__dots button:after{transition:none}.project-details-module__jApN0W__sliderTrack{scroll-behavior:auto}}.project-details-module__jApN0W__authorCredit{color:var(--detail-muted);margin:-40px 0 48px;font-size:.75rem}
.project-hero-module__Gltvfq__hero{padding-block:calc(var(--nav-h) + 24px) 48px;background:#fff}.project-hero-module__Gltvfq__backLink{color:#626262;align-items:center;gap:10px;min-height:44px;margin-bottom:24px;font-size:.8125rem;text-decoration:none;display:inline-flex}.project-hero-module__Gltvfq__backLink:hover{color:#000}.project-hero-module__Gltvfq__backLink svg{flex-shrink:0;width:18px;height:18px;transition:transform .2s;transform:rotate(180deg)}.project-hero-module__Gltvfq__backLink:hover svg{transform:translate(-3px)rotate(180deg)}.project-hero-module__Gltvfq__layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:24px 64px;display:grid}.project-hero-module__Gltvfq__identity{grid-area:1/1;min-width:0}.project-hero-module__Gltvfq__hero .project-hero-module__Gltvfq__identity h1{letter-spacing:-.03em;overflow-wrap:anywhere;max-width:12ch;font-size:clamp(2.4rem,4.3vw,4rem);line-height:1.1}.project-hero-module__Gltvfq__industry{color:#df2525;overflow-wrap:anywhere;margin-top:14px;font-size:.9375rem;line-height:1.65}.project-hero-module__Gltvfq__copy{grid-area:2/1;min-width:0;max-width:65ch}.project-hero-module__Gltvfq__summary{color:#626262;overflow-wrap:anywhere;white-space:pre-line;font-size:1.0625rem;line-height:1.75}.project-hero-module__Gltvfq__actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:24px;display:flex}.project-hero-module__Gltvfq__liveLink{color:#fff;background:#df2525;border-radius:5px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 16px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-flex}.project-hero-module__Gltvfq__liveLink:hover{background:#b82222}.project-hero-module__Gltvfq__liveLink svg{flex-shrink:0;width:18px;height:18px}.project-hero-module__Gltvfq__hero .project-hero-module__Gltvfq__actions button{color:#000;text-underline-offset:5px;background:0 0;border:0;border-radius:0;align-items:center;gap:12px;height:auto;min-height:48px;padding:12px 0;font-family:inherit;font-size:.875rem;-webkit-text-decoration:underline #b0b0b0;text-decoration:underline #b0b0b0;transition:color .2s,text-decoration-color .2s;display:inline-flex}.project-hero-module__Gltvfq__hero .project-hero-module__Gltvfq__actions button:after{content:"";background:currentColor;flex-shrink:0;width:18px;height:18px;transition:transform .2s;display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6'/%3E%3C/svg%3E") 50%/contain no-repeat}.project-hero-module__Gltvfq__hero .project-hero-module__Gltvfq__actions button:hover{color:#df2525;background:0 0;text-decoration-color:currentColor}.project-hero-module__Gltvfq__hero .project-hero-module__Gltvfq__actions button:hover:after{transform:translate(3px)}.project-hero-module__Gltvfq__notice{margin-top:24px}.project-hero-module__Gltvfq__notice>details,.project-hero-module__Gltvfq__notice>p{margin-bottom:0}.project-hero-module__Gltvfq__visual{grid-area:1/2/span 2;align-self:center;min-width:0}.project-hero-module__Gltvfq__coverFrame{aspect-ratio:16/9;background:#111;border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:0 16px 36px #0000001a}.project-hero-module__Gltvfq__coverImage{object-fit:cover;width:100%;height:100%;display:block}.project-hero-module__Gltvfq__layout[data-with-cover=false]{grid-template-columns:1fr}.project-hero-module__Gltvfq__layout[data-with-cover=false] .project-hero-module__Gltvfq__identity h1{max-width:22ch}.project-hero-module__Gltvfq__layout[data-with-cover=false] .project-hero-module__Gltvfq__copy{grid-row:2}@media (prefers-reduced-motion:no-preference){.project-hero-module__Gltvfq__coverFrame{animation:.65s cubic-bezier(.16,1,.3,1) both project-hero-module__Gltvfq__cover-arrive}@keyframes project-hero-module__Gltvfq__cover-arrive{0%{clip-path:inset(0 0 24px)}to{clip-path:inset(0)}}}@media (max-width:1180px){.project-hero-module__Gltvfq__layout{column-gap:40px}}@media (max-width:1100px){.project-hero-module__Gltvfq__layout{grid-template-columns:1fr}.project-hero-module__Gltvfq__hero .project-hero-module__Gltvfq__identity h1{max-width:none}.project-hero-module__Gltvfq__copy{grid-row:3}.project-hero-module__Gltvfq__visual{grid-area:2/1}}@media (max-width:700px){.project-hero-module__Gltvfq__hero{padding-block:calc(var(--nav-h) + 16px) 32px}.project-hero-module__Gltvfq__backLink{margin-bottom:20px}.project-hero-module__Gltvfq__layout{row-gap:24px}.project-hero-module__Gltvfq__industry{margin-top:12px;font-size:.875rem}.project-hero-module__Gltvfq__summary{font-size:1rem}.project-hero-module__Gltvfq__actions{margin-top:20px}.project-hero-module__Gltvfq__coverFrame{border-radius:6px;box-shadow:0 8px 24px #00000014}}@media (prefers-reduced-motion:reduce){.project-hero-module__Gltvfq__backLink svg,.project-hero-module__Gltvfq__liveLink,.project-hero-module__Gltvfq__hero .project-hero-module__Gltvfq__actions button,.project-hero-module__Gltvfq__hero .project-hero-module__Gltvfq__actions button:after{transition:none}.project-hero-module__Gltvfq__backLink:hover svg{transform:rotate(180deg)}.project-hero-module__Gltvfq__hero .project-hero-module__Gltvfq__actions button:hover:after{transform:none}}