/* Syntony systems portfolio / CUTPLANE review direction */
:root{color-scheme:dark}*{box-sizing:border-box}.portfolio-page{margin:0;background:#050608;color:#f4f5f7;font-family:Arial,Helvetica,sans-serif;line-height:1.55}.pf-wrap{width:min(1320px,88vw);margin:auto}.portfolio-page main{padding-top:88px}.pf-overline,.pf-index,.pf-feature-top,.pf-feature-bottom,.pf-section-head>span,.pf-row-end>span,figcaption{font:10px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em}.pf-overline{display:flex;justify-content:space-between;border-bottom:1px solid #34363c;padding-bottom:20px;color:#a4a8b1}.pf-intro{padding:80px 0 65px}.pf-intro h1{font-size:clamp(56px,7.3vw,110px);font-weight:500;letter-spacing:-.068em;line-height:.98;margin:38px 0 28px}.pf-intro>p{max-width:570px;font-size:17px;color:#b8bdc6}.pf-flagship{border:1px solid #35383f;background:#090b0f}.pf-feature-top{display:flex;justify-content:space-between;padding:22px 28px;border-bottom:1px solid #35383f;color:#b9bfc9}.pf-development{color:#9db1ff}.pf-feature-content{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center}.pf-feature-copy{padding:48px}.pf-feature-copy h2{font-size:clamp(36px,4.8vw,72px);letter-spacing:-.065em;line-height:1;margin:0 0 30px;font-weight:600}.pf-deck{font-size:clamp(26px,3vw,42px);letter-spacing:-.04em;line-height:1.14;margin:0 0 24px}.pf-feature-copy>p:not(.pf-deck){color:#a8afb9;font-size:14px;max-width:430px}.pf-button{display:inline-flex;justify-content:space-between;gap:35px;align-items:center;min-height:48px;padding:14px 19px;background:#4265ff;color:#fff;border:1px solid #4265ff;font-size:13px;text-decoration:none;margin-top:22px}.pf-button:hover{background:#607dff}.pf-feature-content figure{margin:0;padding:24px 26px 24px 0;min-width:0}.pf-feature-content img{display:block;width:100%;height:auto}.pf-feature-content figcaption{color:#d3d7df;margin:12px 0 0}.pf-feature-content figcaption span{color:#9099a9;letter-spacing:0;font-size:10px}.pf-feature-bottom{display:flex;gap:20px;justify-content:space-between;padding:18px 28px;border-top:1px solid #35383f;color:#999faa}.pf-catalog{padding:95px 0 70px}.pf-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:30px;padding-bottom:35px}.pf-section-head>span,.pf-index{color:#979eac}.pf-section-head h2{font-size:40px;letter-spacing:-.04em;line-height:1.1;font-weight:400;margin:0}.pf-row{display:grid;grid-template-columns:.6fr 1.7fr 1fr;gap:35px;border-top:1px solid #35383f;padding:35px 0}.pf-row h3{font-weight:400;letter-spacing:-.04em;font-size:33px;line-height:1.1;margin:0 0 18px}.pf-row p{font-size:14px;max-width:470px;color:#aeb5c1;margin:0}.pf-row-end>span{display:block;font-size:9px;color:#8d98ad;margin-bottom:17px}.pf-row-end a{display:block;color:#e9edf7;font-size:12px;margin:12px 0;text-decoration:none}.pf-row-end a:hover{text-decoration:underline}.pf-service{background:#0c0e13;border-block:1px solid #35383f;padding:65px 0}.pf-service-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:28px;align-items:start}.pf-service-row h2{font-size:clamp(42px,5vw,70px);letter-spacing:-.055em;line-height:1.02;font-weight:400;margin:0}.pf-service-row p{font-size:15px;color:#b6bcc8;max-width:490px;margin:0}.pf-outline{background:transparent;border-color:#515763}.pf-future{padding:60px 0 70px}.pf-future a{display:block;color:#f3f5f9;text-decoration:none}.pf-future h2{display:flex;justify-content:space-between;font-size:76px;line-height:1;letter-spacing:-.06em;font-weight:400;margin:23px 0 14px}.pf-future h2 span{font-size:52px;font-weight:300;color:#6d8aff}.pf-future p{font-size:18px}.pf-future small{color:#8d96a5;font-size:11px}.portfolio-page :focus-visible{outline:2px solid #86a1ff;outline-offset:5px}.portfolio-page .site-header,.portfolio-page .header,.portfolio-page .nav{background:#050608!important;color:#f4f5f7}.portfolio-page .sr-footer{background:#080a0e!important;color:#d9dde5!important;border-color:#333841!important}.portfolio-page .sr-footer h2,.portfolio-page .sr-footer a{color:#d9dde5!important}.portfolio-page .sr-footer p{color:#aeb5c2!important}.portfolio-page .sr-footer-top,.portfolio-page .sr-footer-nav,.portfolio-page .sr-footer-bottom{border-color:#333841!important}.portfolio-page .sr-newsletter-field input{background:#11151d!important;color:#fff!important;border-color:#424a59!important}.portfolio-page .sr-footer-logo{filter:grayscale(1) brightness(0) invert(1)}
@media(max-width:1000px){.pf-feature-copy{padding:32px}.pf-feature-copy h2{font-size:clamp(34px,5vw,55px)}.pf-row{grid-template-columns:.5fr 1.4fr 1fr;gap:22px}.pf-service-row{gap:35px}}@media(max-width:700px){.portfolio-page main{padding-top:72px}.pf-intro{padding:42px 0}.pf-overline>span:last-child{display:none}.pf-intro h1{font-size:58px}.pf-intro>p{font-size:15px}.pf-feature-top{padding:17px;font-size:9px;gap:18px}.pf-feature-content{grid-template-columns:1fr}.pf-feature-copy{padding:28px}.pf-feature-copy h2{font-size:49px}.pf-feature-content figure{padding:0 22px 25px}.pf-feature-bottom{padding:17px;font-size:8px;gap:10px;flex-wrap:wrap}.pf-catalog{padding:60px 0}.pf-section-head{display:block}.pf-section-head h2{font-size:34px;margin-top:20px}.pf-row{grid-template-columns:1fr;gap:18px;padding:27px 0}.pf-row-end>span{margin:0}.pf-row-end a{display:inline-block;margin:12px 18px 0 0}.pf-service{padding:44px 0}.pf-service-row{grid-template-columns:1fr;gap:25px}.pf-future h2{font-size:66px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.portfolio-page .nav-logo img{filter:grayscale(1) brightness(0) invert(1)}.portfolio-page .nav :is(a,summary){color:#d6dde8}.portfolio-page .nav-panel,.portfolio-page .nav-links.open{background:#0b0e13!important;border-color:#353b46!important}.portfolio-page .nav-panel a:hover{background:#171c28}.portfolio-page .nav .nav-cta{color:#050608;background:#f4f5f7;border-radius:0}.portfolio-page .nav-toggle span{background:#fff}.portfolio-page .footer{background:#050608!important;color:#d9dde5}.portfolio-page .footer h2{color:#f4f5f7}.portfolio-page .footer a,.portfolio-page .footer p{color:#aeb5c2}

.portfolio-page .nav .nav-cta{color:#050608!important;background:#f4f5f7!important;border-color:#f4f5f7!important}