/* Porsche Exclusive Manufaktur: an immersive cover, editorial scale and photo-led detail. */
.ff-project{background:#fff;color:#171719;--ff-project-gutter:clamp(24px,7.5vw,144px)}
.ff-project figure{margin:0;min-width:0}.ff-project h2{font-size:clamp(34px,3.5vw,54px);font-weight:400;letter-spacing:-.04em;line-height:1.1}.ff-project h3{font-weight:400}
.ff-project-hero{position:relative;isolation:isolate;height:92svh;min-height:680px;max-height:1180px;background:#111;color:#fff}
.ff-project .site-header{position:absolute;inset:0 0 auto;background:transparent;color:#fff;z-index:3}.ff-project .drawer{color:#fff}.ff-project .drawer .brand{position:static;transform:none}
.ff-project-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-2}.ff-project-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0008 0%,#0000 35%,#0001 50%,#000b 100%)}
.ff-project-hero-copy{position:absolute;left:var(--ff-project-gutter);right:var(--ff-project-gutter);bottom:90px;max-width:960px}.ff-project-hero h1{font-size:clamp(44px,5.4vw,84px);font-weight:400;line-height:1.04;letter-spacing:-.045em;margin:0 0 23px;max-width:1000px;text-wrap:balance}.ff-project-hero-copy>p{font-size:15px;line-height:1.6;margin:0;color:#eee}.ff-project-scroll{position:absolute;bottom:28px;left:var(--ff-project-gutter);width:44px;height:44px;display:grid;place-items:center;font-size:23px;border:1px solid #ffffff70;border-radius:50%}
.ff-project-overview{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:8%;padding:120px var(--ff-project-gutter);scroll-margin-top:30px}.ff-project-intro{min-width:0}.ff-project-intro h2{margin:0 0 30px;text-wrap:balance}.ff-project-intro>p{font-size:18px;line-height:1.8;color:#525257;margin:0 0 32px}.ff-project-intro .text-link{font-size:15px;white-space:normal}.ff-project svg{width:21px;height:21px;flex-shrink:0}
.ff-project-photo{position:relative;display:block;width:100%;border:0;padding:0;background:#111;cursor:zoom-in;overflow:hidden}.ff-project-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.ff-project-photo:hover img{transform:scale(1.025)}.ff-project-context .ff-project-photo{aspect-ratio:1/1}.ff-project-context figcaption p{font-size:13px;line-height:1.65;color:#67676c;margin:17px 0 0;max-width:640px}.ff-project-expand{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:38px;height:38px;background:#1119;color:white;font-size:24px;line-height:1;border:1px solid #fff8;border-radius:50%}
.ff-project-details{background:#101113;color:#fff;padding:90px var(--ff-project-gutter) 100px}.ff-project-detail-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:46px}.ff-project-detail-heading h2{margin:0}.ff-project-detail-heading>p{font-size:15px;line-height:1.6;color:#c0c0c4;margin:0}.ff-project-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.ff-project-detail-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.ff-project-detail .ff-project-photo{aspect-ratio:4/3}.ff-project-detail h3{font-size:24px;line-height:1.25;margin:24px 0 13px;letter-spacing:-.025em}.ff-project-detail figcaption p{font-size:16px;line-height:1.75;margin:0;color:#bcbcc2;max-width:560px}
.ff-project-related{padding:105px var(--ff-project-gutter) 110px;background:#f4f4f4}.ff-project-related .project h3{font-size:22px;line-height:1.25}.ff-project-related .project img{aspect-ratio:4/3}.ff-project-related .section-head{align-items:end;margin-bottom:45px}.ff-project-related h2{margin:0}.ff-project :focus-visible{outline:2px solid #171719;outline-offset:5px}.ff-project-hero :focus-visible,.ff-project-details :focus-visible,.ff-project .drawer :focus-visible{outline-color:#fff}
@media(max-width:1000px){.ff-project-overview{gap:6%;grid-template-columns:1fr 1.1fr;padding-top:90px;padding-bottom:90px}.ff-project-intro>p{font-size:16px}.ff-project-detail-grid-three{grid-template-columns:1fr 1fr}.ff-project-detail-grid-three .ff-project-detail:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.ff-project-detail-grid-three .ff-project-detail:last-child h3{margin-top:0}}
@media(max-width:650px){.ff-project-hero{height:82svh;min-height:610px;max-height:850px}.ff-project .site-header{min-height:80px;padding:18px 24px}.ff-project-cover{object-position:55% center}.ff-project-hero-copy{bottom:89px;left:24px;right:24px}.ff-project-hero h1{font-size:44px;line-height:1.06;margin-bottom:18px;overflow-wrap:normal}.ff-project-hero-copy>p{font-size:12px}.ff-project-scroll{left:24px;bottom:24px}.ff-project-overview{grid-template-columns:1fr;gap:38px;padding:60px 24px 55px}.ff-project-intro h2{margin-bottom:24px}.ff-project-intro>p{font-size:16px;line-height:1.75;margin-bottom:27px}.ff-project-context .ff-project-photo{aspect-ratio:4/3}.ff-project-context figcaption p{font-size:12px;margin-top:14px}.ff-project-details{padding:58px 24px 64px}.ff-project-detail-heading{display:block;margin-bottom:32px}.ff-project-detail-heading h2{margin-bottom:15px}.ff-project-detail-heading>p{font-size:14px}.ff-project-detail-heading>p br{display:none}.ff-project-detail-grid,.ff-project-detail-grid-three{grid-template-columns:1fr;gap:44px}.ff-project-detail-grid-three .ff-project-detail:last-child{display:block;grid-column:auto}.ff-project-detail-grid-three .ff-project-detail:last-child h3{margin-top:22px}.ff-project-detail h3{font-size:24px;margin-top:22px;margin-bottom:12px}.ff-project-detail figcaption p{font-size:15px;line-height:1.75}.ff-project-related{padding:60px 24px 70px}.ff-project-related .section-head{display:block;margin-bottom:32px}.ff-project-related .section-head h2{margin-bottom:25px}.ff-project-related .text-link{font-size:14px}.ff-project-related .grid{gap:35px}.ff-project-expand{width:34px;height:34px;right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.ff-project-photo img{transition:none}}
.ff-project-equipment,.ff-project-album,.ff-project-film{padding:95px var(--ff-project-gutter) 100px}.ff-project-equipment>h2,.ff-project-album>h2,.ff-project-film>h2{margin:0 0 45px}.ff-equipment-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 70px}.ff-equipment-grid>div{border-top:1px solid #d0d0d0;padding-top:25px}.ff-equipment-grid h3{font-size:27px;line-height:1.2;margin:0 0 20px}.ff-equipment-grid p{font-size:17px;line-height:1.8;margin:0;color:#555}.ff-equipment-panorama{width:100%;display:block;margin-bottom:55px}.ff-project-album{background:#f2f2f2}.ff-album-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ff-album-photo{position:relative;display:block;border:0;padding:0;background:#111;cursor:zoom-in;overflow:hidden}.ff-album-photo img{display:block;width:100%;height:auto}.ff-album-photo>span{position:absolute;bottom:18px;right:18px;color:#fff;background:#1118;width:38px;height:38px;display:grid;place-items:center;font-size:22px;border:1px solid #ffffff70;border-radius:50%}.ff-project-film{background:#111;color:#fff}.ff-film-player{aspect-ratio:16/9;margin-bottom:28px;background:#000}.ff-film-start{position:relative;width:100%;height:100%;padding:0;border:0;background:#000;color:#fff;cursor:pointer}.ff-film-start img{width:100%;height:100%;object-fit:cover;opacity:.75}.ff-film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:24px}.ff-film-label{position:absolute;bottom:28px;left:28px;font-size:20px}.ff-film-player iframe{width:100%;height:100%;border:0}.ff-project-film :focus-visible{outline-color:#fff}
.lightbox-controls{display:flex;justify-content:center;gap:20px;margin-top:20px}.lightbox-controls button{width:52px;height:44px;border:1px solid #777;background:#111;color:#fff;font-size:24px}.lightbox p{margin-bottom:0}.lightbox img{max-height:65svh}
@media(max-width:950px){.ff-equipment-grid{gap:35px}.ff-equipment-grid h3{font-size:25px}.ff-equipment-grid p{font-size:16px}}
@media(max-width:700px){.ff-project-equipment,.ff-project-album,.ff-project-film{padding:60px var(--ff-project-gutter)}.ff-equipment-grid{grid-template-columns:1fr;gap:32px}.ff-equipment-grid h3{font-size:25px}.ff-project-equipment>h2,.ff-project-album>h2,.ff-project-film>h2{margin-bottom:30px}.ff-album-grid{grid-template-columns:1fr;gap:16px}.ff-equipment-panorama{margin-bottom:35px}.ff-film-play{width:56px;height:56px;font-size:20px}.ff-film-label{left:20px;bottom:18px;font-size:16px}}
.ff-project-specification{padding:95px var(--ff-project-gutter) 100px}.ff-specification-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}.ff-specification-heading h2{margin:0}.ff-specification-heading>p{font-size:15px;color:#666;margin:0}.ff-specification-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:45px 70px}.ff-specification-grid>div{border-top:1px solid #ccc;padding-top:25px;min-width:0}.ff-specification-grid h3{font-size:26px;font-weight:400;line-height:1.2;margin:0 0 22px}.ff-specification-grid ul{margin:0;padding-left:20px;color:#555}.ff-specification-grid li{font-size:16px;line-height:1.65;padding-left:5px;margin:0 0 10px}.ff-specification-grid li::marker{font-size:10px;color:#777}
@media(max-width:700px){.ff-project-specification{padding:60px var(--ff-project-gutter)}.ff-specification-heading{display:block;margin-bottom:32px}.ff-specification-heading>p{margin-top:18px}.ff-specification-grid{grid-template-columns:1fr;gap:30px}.ff-specification-grid h3{font-size:24px}.ff-specification-grid li{font-size:15px}}

.ff-project-intro>.ff-spec-link{display:flex;width:fit-content;margin-top:18px}
.ff-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 40px}.ff-equipment-story{min-width:0}.ff-equipment-photo{width:100%;aspect-ratio:4/3}.ff-equipment-photo img{width:100%;height:100%;object-fit:cover}.ff-equipment-copy{padding-top:25px}.ff-equipment-copy h3{margin-bottom:18px}.ff-equipment-copy p{line-height:1.7}
@media(max-width:700px){.ff-equipment-grid{grid-template-columns:1fr;gap:40px}.ff-equipment-copy{padding-top:22px}.ff-equipment-copy h3{font-size:24px;line-height:1.2;margin-bottom:16px}.ff-equipment-copy p{font-size:16px;line-height:1.7}}