:root{--ff-ink:#121516;--ff-text:#454b4e;--ff-muted:#74797b;--ff-paper:#f2efe8;--ff-white:#fbfaf7;--ff-mist:#dfe6e5;--ff-dark:#101617;--ff-line:rgba(18,21,22,.18);--ff-copper:#d9822b;--ff-orange:#f04a23}
html{scroll-behavior:smooth}body.fpc-ffc-magazine{background:var(--ff-paper);color:var(--ff-ink)}body.fpc-ffc-magazine .header{position:sticky;top:0;z-index:1000}body.fpc-ffc-magazine .pcc-main{overflow:clip;padding-top:0}
.fpc-ffc-magazine .pcc-hero{position:relative;isolation:isolate;min-height:0;padding:0;background:#080b0c;color:#fff}.fpc-ffc-magazine .pcc-hero:after{height:3px;background:linear-gradient(90deg,var(--ff-orange) 0 25%,transparent 25%)}.fpc-ffc-magazine .pcc-breadcrumb{position:relative;z-index:4;width:min(1320px,calc(100% - 80px));padding-block:18px 8px;color:rgba(255,255,255,.58)}.fpc-ffc-magazine .pcc-breadcrumb a{color:inherit}.fpc-ffc-magazine .pcc-hero-grid{position:static;display:block;width:min(1320px,calc(100% - 80px));min-height:440px;margin:auto;padding:22px 0 39px}.fpc-ffc-magazine .pcc-hero-copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;width:min(735px,60%);min-height:350px;padding:8px 0 20px;background:transparent}.fpc-ffc-magazine .pcc-kicker{color:var(--ff-orange);font:700 11px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}.fpc-ffc-magazine .pcc-copy-label{display:none}.fpc-ffc-magazine .pcc-hero-copy h1{max-width:14ch;margin:12px 0 19px;font-size:clamp(43px,5vw,72px);font-weight:760;line-height:.99;letter-spacing:-.05em;white-space:pre-line}.fpc-ffc-magazine .pcc-hero-copy p{max-width:69ch;margin:0;color:rgba(255,255,255,.77);font-size:clamp(15px,1.2vw,18px);line-height:1.8;text-indent:2em}.fpc-ffc-magazine .pcc-actions{margin-top:24px}.fpc-ffc-magazine .btn-primary{color:#111}.fpc-ffc-magazine .pcc-hero-media{position:absolute;z-index:0;inset:0;width:100%;height:100%;margin:0;overflow:hidden}.fpc-ffc-magazine .pcc-hero-media:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(4,7,8,.997) 0%,rgba(4,7,8,.965) 27%,rgba(4,7,8,.83) 46%,rgba(4,7,8,.48) 65%,rgba(4,7,8,.28) 83%,rgba(4,7,8,.4) 100%)}.fpc-ffc-magazine .pcc-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 51%;filter:saturate(.52) contrast(1.15) brightness(.52)}
.ff-page{font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif}.ff-page p{color:var(--ff-text);font-size:15.5px;line-height:1.8;text-indent:2em}.ff-page figure{margin:0}.ff-page img{display:block;width:100%;height:auto}.ff-photo figcaption{margin-top:8px;color:var(--ff-muted);font-size:11px;line-height:1.48}
.ff-opening{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(36px,5vw,76px);padding:50px max(40px,calc((100vw - 1320px)/2));background:var(--ff-white)}.ff-opening>div>span{color:var(--ff-copper);font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.ff-opening h2{max-width:12ch;margin:13px 0 15px;font-size:clamp(34px,3.6vw,52px);line-height:1.02;letter-spacing:-.045em}.ff-opening p{margin:0}.ff-opening>.ff-photo img{aspect-ratio:16/8.5;object-fit:cover;object-position:center 45%;filter:saturate(.78) contrast(1.06)}.ff-opening dl{display:grid;grid-template-columns:repeat(3,1fr);margin:23px 0 0;padding-top:15px;border-top:1px solid var(--ff-line)}.ff-opening dl div{padding:0 13px;border-left:1px solid var(--ff-line)}.ff-opening dl div:first-child{padding-left:0;border-left:0}.ff-opening dt{color:var(--ff-copper);font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.ff-opening dd{margin:6px 0 0;color:var(--ff-text);font-size:12px;line-height:1.45}
.ff-contents{display:grid;grid-template-columns:repeat(7,1fr);width:min(1320px,calc(100% - 80px));margin:auto;padding:16px 0;border-bottom:1px solid var(--ff-line)}.ff-contents a{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;color:var(--ff-ink);font-size:12px;text-decoration:none;border-left:1px solid var(--ff-line);transition:color .2s,transform .2s}.ff-contents a:first-child{border-left:0}.ff-contents a:hover{color:var(--ff-orange);transform:translateY(-2px)}.ff-contents span{color:var(--ff-orange);font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.ff-group,.ff-inputs,.ff-faq{padding:50px max(40px,calc((100vw - 1320px)/2));scroll-margin-top:78px}.ff-section-header{display:grid;grid-template-columns:48px 1fr;align-items:end;gap:20px;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--ff-line);opacity:.35;transform:translateY(9px);transition:opacity .5s,transform .5s}.ff-section-header.is-visible{opacity:1;transform:none}.ff-section-header>span{color:var(--ff-orange);font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.ff-section-header p{margin:0 0 7px;color:var(--ff-muted);font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-indent:0}.ff-section-header h2{margin:0;font-size:clamp(29px,3vw,44px);line-height:1.02;letter-spacing:-.042em}.ff-story,.ff-mating article{opacity:.4;transform:translateY(11px);transition:opacity .5s,transform .5s}.ff-story.is-visible,.ff-mating article.is-visible{opacity:1;transform:none}.ff-copy h3{margin:0 0 8px;font-size:clamp(19px,1.55vw,24px);line-height:1.25;letter-spacing:-.02em}.ff-copy p{margin:0}
.ff-geometry{background:var(--ff-paper)}.ff-geometry-grid{display:grid;grid-template-columns:repeat(3,1fr)}.ff-geometry-grid .ff-story{padding:0 28px;border-left:1px solid var(--ff-line)}.ff-geometry-grid .ff-story:first-child{padding-left:0;border-left:0}.ff-geometry-grid .ff-story:last-child{padding-right:0}.ff-geometry-grid img{aspect-ratio:16/9;object-fit:contain;padding:9px;background:#fff}.ff-geometry-grid .ff-copy{padding-top:15px}
.ff-mating{background:var(--ff-dark);color:#fff}.ff-mating .ff-section-header{border-color:rgba(255,255,255,.2)}.ff-mating .ff-section-header p,.ff-mating figcaption{color:rgba(255,255,255,.5)}.ff-mating-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.ff-mating-grid article{display:grid;grid-template-columns:1fr 1.12fr;gap:24px;padding:0 34px;border-left:1px solid rgba(255,255,255,.18)}.ff-mating-grid article:first-child{padding-left:0;border-left:0}.ff-mating-grid article:last-child{padding-right:0}.ff-mating-grid article>span{display:none}.ff-mating-grid img{aspect-ratio:4/3;object-fit:cover;filter:saturate(.7) contrast(1.08)}.ff-mating .ff-copy p{color:rgba(255,255,255,.72)}
.ff-motion{background:var(--ff-mist)}.ff-motion-grid{display:grid;grid-template-columns:1fr;gap:0}.ff-motion-grid .ff-story:first-child{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center;padding-bottom:30px;border-bottom:1px solid var(--ff-line)}.ff-motion-grid .ff-story:first-child img{aspect-ratio:16/8.5;object-fit:cover}.ff-motion-grid .ff-story:last-child{display:grid;grid-template-columns:240px minmax(0,620px);justify-content:end;gap:24px;padding-top:28px}.ff-motion-grid .ff-story:last-child img{aspect-ratio:4/3;object-fit:cover}
.ff-use{background:var(--ff-white)}.ff-use-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:52px}.ff-use-grid .ff-story{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.ff-use-grid .ff-story:nth-child(2) .ff-photo{order:2}.ff-use-grid img{aspect-ratio:4/3;object-fit:cover}
.ff-quality{background:var(--ff-paper)}.ff-quality-grid{display:grid;grid-template-columns:repeat(2,1fr)}.ff-quality-grid .ff-story{display:grid;grid-template-columns:215px 1fr;gap:25px;padding-right:34px}.ff-quality-grid .ff-story+.ff-story{padding:0 0 0 34px;border-left:1px solid var(--ff-line)}.ff-quality-grid img{aspect-ratio:4/5;object-fit:contain;padding:9px;background:#fff}
.ff-inputs{background:#222a2c;color:#fff}.ff-inputs .ff-section-header{border-color:rgba(255,255,255,.2)}.ff-inputs .ff-section-header p{color:rgba(255,255,255,.5)}.ff-inputs ol{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.18)}.ff-inputs li{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:18px 21px;color:rgba(255,255,255,.76);font-size:14px;line-height:1.58;border-bottom:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}.ff-inputs li:nth-child(4n+1){border-left:0}.ff-inputs li span{color:var(--ff-orange);font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.ff-faq{background:var(--ff-white)}.ff-faq>div{display:grid;grid-template-columns:1fr 1fr;column-gap:50px}.ff-faq details{padding:17px 0;border-top:1px solid var(--ff-line)}.ff-faq summary{cursor:pointer;font-weight:700;font-size:17px;line-height:1.45}.ff-faq details p{margin:10px 0 0;font-size:15px}.ff-credits{width:min(1320px,calc(100% - 80px));margin:22px auto 40px;color:var(--ff-muted);font-size:12px}.ff-credits summary{cursor:pointer;color:var(--ff-ink);font-weight:700}.ff-credits p{max-width:90ch;margin:9px 0;font-size:12px}.ff-credits a{color:var(--ff-orange)}.fpc-ffc-magazine .pcc-closing{background:#0e1214}.ff-error{padding:60px;text-align:center}
@media(max-width:1080px){.ff-contents{grid-template-columns:repeat(4,1fr)}.ff-contents a:nth-child(5){border-left:0}.ff-geometry-grid{grid-template-columns:1fr 1fr}.ff-geometry-grid .ff-story:last-child{grid-column:1/-1;display:grid;grid-template-columns:260px 1fr;gap:25px;margin-top:28px;padding:28px 0 0;border:0;border-top:1px solid var(--ff-line)}.ff-mating-grid article{grid-template-columns:1fr}.ff-motion-grid .ff-story:last-child{grid-column:1/-1}.ff-use-grid .ff-story{grid-template-columns:1fr}.ff-use-grid .ff-story:nth-child(2) .ff-photo{order:0}.ff-quality-grid .ff-story{grid-template-columns:155px 1fr}.ff-inputs ol{grid-template-columns:repeat(2,1fr)}.ff-inputs li:nth-child(4n+1){border-left:1px solid rgba(255,255,255,.18)}.ff-inputs li:nth-child(2n+1){border-left:0}}
@media(max-width:760px){.fpc-ffc-magazine .pcc-breadcrumb{display:none}.fpc-ffc-magazine .pcc-hero-grid{width:100%;min-height:540px;padding:0}.fpc-ffc-magazine .pcc-hero-copy{width:100%;min-height:540px;justify-content:flex-end;padding:40px 24px 34px}.fpc-ffc-magazine .pcc-hero-copy h1{max-width:100%;font-size:clamp(40px,11vw,54px)}.fpc-ffc-magazine .pcc-hero-copy p{max-width:36ch;font-size:15px}.fpc-ffc-magazine .pcc-hero-media:after{background:linear-gradient(180deg,rgba(4,7,8,.3),rgba(4,7,8,.42) 34%,rgba(4,7,8,.92) 69%,rgba(4,7,8,.997))}.fpc-ffc-magazine .pcc-hero-media img{object-position:54% center;filter:saturate(.5) contrast(1.12) brightness(.48)}.ff-page p{font-size:15px;line-height:1.75}.ff-opening{grid-template-columns:1fr;gap:21px;padding:37px 24px}.ff-opening>.ff-photo{width:calc(100% + 48px);margin-left:-24px}.ff-opening>.ff-photo figcaption{padding-inline:24px}.ff-opening h2{font-size:34px}.ff-opening dl div{padding-inline:9px}.ff-opening dd{font-size:11px}.ff-contents{display:flex;width:100%;padding:12px 18px;overflow-x:auto}.ff-contents a{flex:0 0 auto;padding-inline:12px}.ff-group,.ff-inputs,.ff-faq{padding:38px 24px;scroll-margin-top:68px}.ff-section-header{grid-template-columns:34px 1fr;gap:10px;margin-bottom:22px;padding-bottom:13px}.ff-section-header h2{font-size:30px}.ff-story,.ff-mating article{opacity:1;transform:none}.ff-geometry-grid{grid-template-columns:1fr}.ff-geometry-grid .ff-story,.ff-geometry-grid .ff-story:first-child,.ff-geometry-grid .ff-story:last-child{display:grid;grid-template-columns:118px 1fr;gap:17px;margin:0;padding:24px 0;border:0;border-top:1px solid var(--ff-line)}.ff-geometry-grid .ff-story:first-child{border-top:0}.ff-geometry-grid img{aspect-ratio:4/5;padding:6px}.ff-geometry-grid .ff-copy{padding:0}.ff-mating-grid{grid-template-columns:1fr}.ff-mating-grid article,.ff-mating-grid article:first-child,.ff-mating-grid article:last-child{display:grid;grid-template-columns:122px 1fr;gap:17px;padding:23px 0;border:0;border-top:1px solid rgba(255,255,255,.18)}.ff-mating-grid article:first-child{border-top:0}.ff-mating-grid img{aspect-ratio:4/5}.ff-motion-grid{grid-template-columns:1fr;gap:0}.ff-motion-grid .ff-story:first-child,.ff-motion-grid .ff-story:last-child{display:grid;grid-template-columns:1fr;gap:17px;padding:0 0 25px;border-bottom:1px solid var(--ff-line)}.ff-motion-grid .ff-story:first-child .ff-photo{width:calc(100% + 48px);margin-left:-24px}.ff-motion-grid .ff-story:first-child figcaption{padding-inline:24px}.ff-motion-grid .ff-story:last-child{grid-template-columns:122px 1fr;padding:25px 0 0;border:0}.ff-use-grid{grid-template-columns:1fr;gap:0}.ff-use-grid .ff-story{display:grid;grid-template-columns:126px 1fr;gap:18px;padding:23px 0}.ff-use-grid .ff-story+.ff-story{border-top:1px solid var(--ff-line)}.ff-use-grid .ff-story:nth-child(2) .ff-photo{order:0}.ff-use-grid img{aspect-ratio:4/5}.ff-quality-grid{grid-template-columns:1fr}.ff-quality-grid .ff-story,.ff-quality-grid .ff-story+.ff-story{grid-template-columns:120px 1fr;gap:18px;padding:23px 0;border:0;border-top:1px solid var(--ff-line)}.ff-quality-grid .ff-story:first-child{border-top:0}.ff-quality-grid img{padding:6px}.ff-inputs ol{grid-template-columns:1fr}.ff-inputs li,.ff-inputs li:nth-child(2n+1),.ff-inputs li:nth-child(4n+1){padding:15px 0;border-left:0}.ff-faq>div{grid-template-columns:1fr}.ff-faq details p{font-size:14px}.ff-credits{width:calc(100% - 48px);margin-block:20px 34px}.fpc-ffc-magazine .pcc-closing{padding-inline:24px}}
.ff-opening h3{margin:18px 0 7px;font-size:20px}.ff-opening .ff-lead{font-weight:600;color:var(--ff-ink)}
@media(max-width:760px){.ff-use-grid .ff-story,.ff-use-grid .ff-story:nth-child(2){display:block;padding:24px 0}.ff-use-grid .ff-photo,.ff-quality-grid .ff-photo{width:calc(100% + 48px);margin-left:-24px}.ff-use-grid .ff-photo figcaption,.ff-quality-grid .ff-photo figcaption{padding-inline:24px}.ff-use-grid img,.ff-quality-grid img{aspect-ratio:16/9;object-fit:cover;padding:0}.ff-use-grid .ff-copy,.ff-quality-grid .ff-copy{padding-top:16px}.ff-quality-grid .ff-story,.ff-quality-grid .ff-story+.ff-story{display:block;padding:24px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ff-contents a,.ff-section-header,.ff-story,.ff-mating article{transition:none!important;transform:none!important;opacity:1!important}}