/* Novyst portfolio and product update — 27 October 2026 */
.launch-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding-block:76px 80px}.launch-copy h1{font-size:clamp(2.75rem,4.5vw,4.5rem);line-height:1.08;letter-spacing:-.055em}.launch-copy .lead{font-size:1.06rem;max-width:550px;margin-top:28px}.launch-copy .actions{gap:10px}.launch-copy .button{font-size:.86rem;gap:18px;padding:14px 17px}.hero-note{font-size:.76rem;margin-top:22px}.hero-project{display:block;background:#11161c;color:#fff;text-decoration:none;overflow:hidden;border-radius:5px;box-shadow:0 22px 65px #14202e15;transform:rotate(1deg)}.hero-project:hover{color:#fff}.hero-project-top{display:flex;justify-content:space-between;padding:18px 22px;font-size:.65rem;letter-spacing:.12em;color:#c2c7d0}.hero-project img{width:100%;aspect-ratio:1.5;object-fit:cover;object-position:top}.hero-project-bottom{padding:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.hero-project-bottom strong{display:block;font-family:Manrope,DM,sans-serif;font-size:1.8rem;letter-spacing:-.04em;line-height:1.2;margin-top:7px}.hero-project-bottom div>span{font-size:.75rem;color:#c2c7d0}.circle-arrow{border:1px solid #626b77;border-radius:50%;display:grid;place-items:center;width:48px;height:48px;font-size:24px;flex-shrink:0}.focus-strip{border-block:1px solid var(--line)}.focus-strip .wrap{display:flex;gap:35px;align-items:center;padding-block:20px}.focus-strip span{margin-right:auto;color:var(--muted);font-size:.85rem}.focus-strip a{font-size:.85rem;font-weight:700;text-decoration:none}.project-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:start}.project-tile:nth-child(2){padding-top:72px}.project-visual{display:block;position:relative;overflow:hidden;background:var(--line);border:1px solid var(--line);border-radius:4px;text-decoration:none}.project-visual img{width:100%;aspect-ratio:1.5;object-fit:cover;object-position:top;transition:transform .4s ease}.project-visual:hover img{transform:scale(1.025)}.project-open{position:absolute;right:16px;bottom:16px;width:44px;height:44px;display:grid;place-items:center;background:#fff;color:#17202d;border-radius:50%;font-size:23px}.project-caption{display:flex;gap:20px;justify-content:space-between;align-items:end;padding-top:22px}.project-caption h3{margin-top:5px;font-size:1.8rem}.project-caption a{text-decoration:none}.project-kind{font-size:.7rem;color:var(--muted);text-align:right}.project-caption .micro{font-size:.76rem}.studio-band{padding-block:85px;background:var(--panel);color:var(--onpanel)}.studio-band .eyebrow{color:#bdb5ff}.studio-band p{color:#c4cbd5}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.offer-grid article{border-top:1px solid #ffffff30;padding-top:25px;display:flex;flex-direction:column}.offer-grid .index{color:#bdb5ff}.offer-grid h3{font-size:1.75rem;max-width:350px;margin-bottom:20px}.offer-grid p{font-size:.97rem;margin-bottom:28px}.offer-grid .text-link{margin-top:auto;color:#d8d3ff}.product-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.product-preview{padding:28px;text-decoration:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.product-preview:hover{background:var(--surface)}.product-preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}.product-preview-top .micro{text-align:right;font-size:.74rem}.product-preview h3{font-size:1.6rem;margin-bottom:10px}.product-preview p{font-size:.91rem;margin-bottom:25px}.product-preview-link{margin-top:auto;font-size:.81rem;font-weight:700;display:flex;justify-content:space-between;gap:20px}.product-mark.drivecore{color:#086852;background:#dbefe7}.product-mark.monelyra{color:#762b52;background:#f9e7ed}.product-mark.novyst-cms{color:#fff;background:#4436ca}.product-mark.vynixstudio{color:#812b06;background:#ffe3cf}.product-mark.compasso{color:#1b5a73;background:#e0f2fa}.cms-feature{background:var(--tint);border-block:1px solid var(--line);padding-block:75px}.cms-feature-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.cms-feature .lead{font-size:1.1rem}.cms-feature .text-link{margin-top:25px}.home-guides{border-top:1px solid var(--line);padding-top:70px}.work-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 65px}.work-product-grid article{padding:32px 0;border-top:1px solid var(--line);scroll-margin-top:30px}.work-product-title{display:flex;align-items:center;gap:20px;margin-bottom:23px}.work-product-title h3{margin-top:5px}.work-product-title a{text-decoration:none}.work-product-grid p{font-size:.95rem;margin-bottom:22px}.case-intro h1{max-width:980px;font-size:clamp(3rem,5.5vw,5.2rem)}.case-scope{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.case-scope span{font-size:.8rem;border:1px solid var(--line);padding:6px 12px;border-radius:30px}.case-full-image{margin-top:35px}.case-full-image img{width:100%;border:1px solid var(--line);border-radius:4px}.case-full-image figcaption{font-size:.75rem;color:var(--muted);margin-top:15px;max-width:850px}.case-story{display:grid;grid-template-columns:1fr 1fr;gap:50px 80px}.case-story article{border-top:1px solid var(--line);padding-top:25px}.case-story h2{font-size:1.7rem;margin-bottom:20px}.case-story .index{margin-bottom:20px}.case-detail-image{margin-top:0;margin-bottom:70px}.status.registration{color:var(--teal);border-color:var(--teal)}.website-proof{padding-block:65px;border-block:1px solid var(--line);margin-top:35px}.website-proof .two-col{align-items:center}.website-proof .lead{font-size:1.05rem}.website-proof img{border-radius:4px;border:1px solid var(--line)}.website-proof .text-link{margin-top:24px}.product-intro h1{overflow-wrap:break-word}.case-story p{max-width:65ch}.related-links{padding-block:55px}
@media(max-width:1100px){.launch-hero{gap:35px;padding-block:55px}.launch-copy h1{font-size:clamp(2.7rem,4.8vw,3.7rem)}.launch-copy .actions{flex-direction:column;align-items:stretch}.hero-project-bottom{padding:20px}.hero-project-bottom strong{font-size:1.4rem}.focus-strip .wrap{gap:22px}.offer-grid{gap:25px}.offer-grid h3{font-size:1.5rem}.cms-feature-inner{gap:45px}.product-preview{padding:23px}.project-caption{align-items:start;flex-direction:column;gap:10px}}
@media(max-width:760px){.launch-hero{grid-template-columns:1fr;gap:38px;padding-block:38px 48px}.launch-copy h1{font-size:clamp(2.65rem,10vw,3.7rem)}.launch-copy h1 br{display:none}.launch-copy .lead{font-size:1.02rem;margin-top:23px}.launch-copy .actions{margin-top:25px;flex-direction:row;flex-wrap:wrap}.launch-copy .button{flex:1;min-width:220px}.hero-project{transform:none}.hero-project-top{padding:14px 18px}.hero-project-bottom{padding:20px}.hero-project-bottom strong{font-size:1.6rem}.focus-strip .wrap{gap:12px 22px;flex-wrap:wrap}.focus-strip span{width:100%;font-size:.8rem}.focus-strip a{font-size:.8rem}.project-grid{grid-template-columns:1fr;gap:35px}.project-tile:nth-child(2){padding-top:0}.project-caption{flex-direction:row}.project-caption h3{font-size:1.5rem}.project-kind{max-width:100px}.studio-band{padding-block:55px}.offer-grid{grid-template-columns:1fr;gap:35px}.offer-grid .index{margin-bottom:20px}.offer-grid h3{font-size:1.7rem}.product-preview-grid{grid-template-columns:1fr 1fr}.product-preview{padding:20px 15px}.product-preview-top{flex-direction:column;align-items:start;gap:15px;margin-bottom:20px}.product-preview-top .micro{text-align:left}.product-preview h3{font-size:1.3rem}.product-preview p{font-size:.83rem}.product-preview-link{font-size:.73rem}.cms-feature{padding-block:55px}.cms-feature-inner{grid-template-columns:1fr;gap:25px}.work-product-grid{grid-template-columns:1fr}.case-intro h1{font-size:2.7rem}.case-story{grid-template-columns:1fr;gap:35px}.case-story h2{font-size:1.55rem}.case-scope{gap:8px}.case-scope span{font-size:.74rem}.case-full-image{margin-top:25px}.case-detail-image{margin-bottom:45px}.website-proof{padding-block:45px}.simple-process .section-head .text-link{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.project-visual img{transition:none}.project-visual:hover img{transform:none}}
