:root{--fp-ink:#0d1318;--fp-text:#394249;--fp-muted:#758089;--fp-paper:#f1f2ef;--fp-white:#fbfcfa;--fp-line:rgba(13,19,24,.18);--fp-orange:#f04a23;--fp-blue:#cdd7dc;--fp-dark:#101820}html{scroll-behavior:smooth}body.fine-pitch-magazine{background:var(--fp-paper);color:var(--fp-ink)}body.fine-pitch-magazine .header{position:sticky;top:0;z-index:1000}body.fine-pitch-magazine .pcc-main{overflow:clip;padding-top:0}
.fine-pitch-magazine .pcc-hero{position:relative;isolation:isolate;min-height:0;padding:0;background:#080b0e;color:#fff}.fine-pitch-magazine .pcc-hero:after{height:3px;background:linear-gradient(90deg,var(--fp-orange) 0 24%,transparent 24%)}.fine-pitch-magazine .pcc-breadcrumb{position:relative;z-index:4;width:min(1320px,calc(100% - 80px));padding-block:20px 14px;color:rgba(255,255,255,.6)}.fine-pitch-magazine .pcc-breadcrumb a{color:inherit}.fine-pitch-magazine .pcc-hero-grid{position:static;display:block;width:min(1320px,calc(100% - 80px));min-height:430px;margin:auto;padding:30px 0 44px}.fine-pitch-magazine .pcc-hero-copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;width:min(680px,57%);min-height:350px;padding:8px 0 22px;background:transparent}.fine-pitch-magazine .pcc-kicker,.fine-pitch-magazine .pcc-copy-label{display:none}.fine-pitch-magazine .pcc-hero-copy h1{max-width:14ch;margin:0 0 20px;font-size:clamp(40px,4.9vw,70px);line-height:1.01;letter-spacing:-.048em;white-space:pre-line}.fine-pitch-magazine .pcc-hero-copy p{max-width:66ch;margin:0;color:rgba(255,255,255,.76);font-size:clamp(15px,1.2vw,18px);line-height:1.82;text-indent:2em}.fine-pitch-magazine .pcc-actions{margin-top:26px}.fine-pitch-magazine .btn-primary{color:#111}.fine-pitch-magazine .pcc-hero-media{position:absolute;z-index:0;inset:0;width:100%;height:100%;margin:0;overflow:hidden}.fine-pitch-magazine .pcc-hero-media:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(4,7,9,.99) 0%,rgba(4,7,9,.96) 22%,rgba(4,7,9,.84) 42%,rgba(4,7,9,.52) 61%,rgba(4,7,9,.24) 82%,rgba(4,7,9,.34) 100%)}.fine-pitch-magazine .pcc-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:saturate(.52) contrast(1.1) brightness(.58)}
.fp-page{overflow:clip;background:var(--fp-paper)}.fp-page h2,.fp-page h3{margin:0;color:var(--fp-ink)}.fp-page p{margin:0;color:var(--fp-text);font-size:clamp(14px,1.1vw,16.5px);line-height:1.78;text-indent:2em}.fp-page figure{margin:0}.fp-page img{display:block;width:100%}.fp-page figcaption{margin-top:8px;color:var(--fp-muted);font-size:11px;line-height:1.5}.fp-opening{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(400px,.88fr);gap:clamp(36px,6vw,90px);align-items:center;padding:clamp(50px,5.8vw,78px) max(5vw,calc((100vw - 1320px)/2));background:var(--fp-white)}.fp-opening>div>span{color:var(--fp-orange);font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em}.fp-opening h2{max-width:15ch;margin:14px 0 18px;font-size:clamp(31px,3.4vw,49px);line-height:1.07;letter-spacing:-.035em}.fp-opening figure{margin-right:max(-5vw,calc((1320px - 100vw)/2))}.fp-opening figure img{height:390px;object-fit:cover;filter:saturate(.6) contrast(1.08)}
.fp-interfaces,.fp-process,.fp-integration,.fp-spec,.fp-faq{padding:clamp(46px,5.4vw,74px) max(5vw,calc((100vw - 1320px)/2))}.fp-head{display:grid;grid-template-columns:50px 1fr;gap:18px;align-items:end;margin-bottom:clamp(26px,3.2vw,42px);padding-bottom:17px;border-bottom:1px solid var(--fp-line)}.fp-head span{color:var(--fp-orange);font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.fp-head h2{font-size:clamp(28px,3vw,43px);line-height:1.08;letter-spacing:-.035em}.fp-card h3{font-size:clamp(18px,1.55vw,23px);line-height:1.28}.fp-card p{margin-top:10px}.fp-card figure{overflow:hidden}.fp-card img{transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}.fp-card:hover img{transform:scale(1.018);filter:saturate(.84) contrast(1.04)}
.fp-interfaces{background:var(--fp-blue)}.fp-interfaces>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.2vw,46px)}.fp-interfaces .fp-card{padding-top:14px;border-top:1px solid var(--fp-line)}.fp-interfaces .fp-card figure{height:245px}.fp-interfaces .fp-card img{height:100%;object-fit:cover;filter:saturate(.55) contrast(1.08)}.fp-interfaces .fp-pitch img,.fp-interfaces .fp-orientation img{object-fit:contain;background:#dce2e3}.fp-interfaces .fp-card>div{padding-top:18px}
.fp-process{background:var(--fp-white)}.fp-process>div{display:grid;gap:0}.fp-process .fp-card{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);gap:clamp(36px,5.5vw,84px);align-items:center;padding:27px 0;border-top:1px solid var(--fp-line)}.fp-process .fp-card:nth-child(even){grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)}.fp-process .fp-card:nth-child(even) figure{grid-column:2;grid-row:1}.fp-process .fp-card:nth-child(even)>div{grid-column:1;grid-row:1}.fp-process .fp-card figure{height:270px}.fp-process .fp-card img{height:100%;object-fit:cover;filter:saturate(.62) contrast(1.06)}.fp-process .fp-crimp img{object-position:center 56%}.fp-process .fp-contact img{object-fit:contain;background:#ecebe7}
.fp-integration{background:var(--fp-dark);color:#fff}.fp-integration .fp-head{border-color:rgba(255,255,255,.2)}.fp-integration .fp-head h2,.fp-integration h3{color:#fff}.fp-integration p{color:rgba(255,255,255,.72)}.fp-integration figcaption{color:rgba(255,255,255,.48)}.fp-integration>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.4vw,50px)}.fp-integration .fp-card{display:flex;flex-direction:column}.fp-integration figure{height:260px}.fp-integration img{height:100%;object-fit:cover;filter:saturate(.5) contrast(1.1) brightness(.82)}.fp-integration .fp-card>div{padding-top:18px}
.fp-spec{background:#e2dfd7}.fp-spec ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;border-top:1px solid var(--fp-line)}.fp-spec li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:18px 24px 18px 0;border-bottom:1px solid var(--fp-line)}.fp-spec li:not(:nth-child(3n+1)){padding-left:24px;border-left:1px solid var(--fp-line)}.fp-spec li>span{color:var(--fp-orange);font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.fp-spec p{text-indent:0}.fp-faq{background:var(--fp-paper)}.fp-faq>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 42px}.fp-faq details{padding:16px 0;border-top:1px solid var(--fp-line)}.fp-faq summary{cursor:pointer;font-weight:700;line-height:1.45}.fp-faq details p{margin-top:10px}.fp-sources{margin:0 max(5vw,calc((100vw - 1320px)/2)) 52px;padding:17px 0;border-top:1px solid var(--fp-line);font-size:12px}.fp-sources p{margin:9px 0;font-size:12px;text-indent:0}.fp-sources a{color:var(--fp-ink)}
@media(max-width:820px){.fine-pitch-magazine .pcc-breadcrumb{width:calc(100% - 40px);padding-block:14px 8px}.fine-pitch-magazine .pcc-hero-grid{width:calc(100% - 40px);min-height:590px;padding:24px 0 32px}.fine-pitch-magazine .pcc-hero-copy{width:100%;min-height:500px;justify-content:flex-end;padding-bottom:18px}.fine-pitch-magazine .pcc-hero-copy h1{max-width:10ch;font-size:clamp(42px,12.5vw,60px)}.fine-pitch-magazine .pcc-hero-copy p{max-width:34ch;font-size:15px}.fine-pitch-magazine .pcc-hero-media:after{background:linear-gradient(180deg,rgba(4,7,9,.18) 0%,rgba(4,7,9,.42) 35%,rgba(4,7,9,.94) 72%,rgba(4,7,9,.99) 100%)}.fine-pitch-magazine .pcc-hero-media img{object-position:58% center}.fp-opening{grid-template-columns:1fr;gap:24px;padding:42px 24px}.fp-opening figure{margin-inline:-24px}.fp-opening figure img{height:250px}.fp-interfaces,.fp-process,.fp-integration,.fp-spec,.fp-faq{padding:42px 24px}.fp-head{grid-template-columns:34px 1fr;gap:10px;margin-bottom:25px}.fp-head h2{font-size:29px}.fp-interfaces>div,.fp-integration>div,.fp-faq>div{grid-template-columns:1fr}.fp-interfaces .fp-card figure,.fp-integration figure{height:225px}.fp-process .fp-card,.fp-process .fp-card:nth-child(even){display:block;padding:22px 0}.fp-process .fp-card:nth-child(even) figure,.fp-process .fp-card:nth-child(even)>div{grid-column:auto;grid-row:auto}.fp-process .fp-card figure{height:225px}.fp-process .fp-card>div{padding-top:16px}.fp-spec ol{grid-template-columns:1fr}.fp-spec li,.fp-spec li:not(:nth-child(3n+1)){padding:16px 0;border-left:0}.fp-sources{margin-inline:24px}.fine-pitch-magazine .pcc-closing{padding-inline:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fp-card img{transition:none!important;transform:none!important}}