.hero-media{background-image:url('/assets/hero-gen.webp')}.about-visual{background-image:linear-gradient(135deg,rgba(3,22,39,.1),rgba(3,22,39,.88)),url('/assets/hero-gen.webp')}
.inner-header{position:absolute;background:rgba(3,17,30,.78);backdrop-filter:blur(12px)}
.page-hero{min-height:530px;padding:160px max(5vw,28px) 90px;color:#fff;background:linear-gradient(90deg,rgba(2,16,29,.97),rgba(2,16,29,.6)),url('/assets/hero-gen.webp') center/cover;display:flex;align-items:flex-end}
.page-hero.compact{min-height:440px}.page-hero .wrap{max-width:900px}.breadcrumbs{font-size:12px;letter-spacing:.12em;color:#8fb1cf;margin-bottom:24px}.page-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(54px,7vw,92px);line-height:.96;letter-spacing:-.05em;font-weight:400;margin:0 0 25px}.page-hero h1 em{font-style:normal;color:#2695ff}.page-hero .intro{font:18px/1.65 Manrope,sans-serif;color:#c2d0dc;max-width:680px;margin:0}.route-section{padding:100px max(5vw,28px)}.route-section.soft{background:#f2f6f9}.route-section.dark{background:#041525;color:#fff}.route-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:45px}.route-head h2,.story-copy h2,.cosmetic-copy h2,.contact-panel h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(40px,4.5vw,66px);line-height:1;letter-spacing:-.045em;margin:0}.route-head>p{max-width:560px;color:#68798a;font:15px/1.7 Manrope,sans-serif}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.catalog-card{min-height:340px;border-radius:10px;overflow:hidden;position:relative;color:#fff;display:flex;align-items:flex-end;padding:24px;background:var(--photo) center/cover;isolation:isolate}.catalog-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,16,29,.95),transparent 70%);z-index:-1}.catalog-card:after{content:'';position:absolute;inset:0;background:inherit;z-index:-2;transition:.6s}.catalog-card:hover:after{transform:scale(1.05)}.catalog-card h3{font:400 25px/1.1 Georgia,serif;margin:0}.catalog-card p{font-size:12px;color:#bed0df;margin:7px 0 0}.catalog-card.feature{grid-column:span 2}.story-grid,.cosmetic-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story-image,.cosmetic-image{min-height:530px;border-radius:12px;background:center/cover no-repeat}.story-image{background-image:url('/assets/hero-gen.webp')}.cosmetic-image{background-image:url('/assets/cosmetics-gen.webp')}.story-copy>p,.cosmetic-copy>p,.contact-panel>p{font:16px/1.75 Manrope,sans-serif;color:#69798a}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}.value-card{border:1px solid #dce5ed;border-radius:10px;padding:28px}.value-card b{color:#1688ff}.value-card h3{font:400 25px Georgia,serif;margin:20px 0 12px}.value-card p{font:14px/1.65 Manrope,sans-serif;color:#68798a;margin:0}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.service-detail{border:1px solid rgba(255,255,255,.13);border-radius:10px;padding:34px;min-height:270px;background:rgba(255,255,255,.025)}.service-detail b{color:#2695ff;font-size:13px}.service-detail h3{font:400 30px/1.08 Georgia,serif;margin:30px 0 14px}.service-detail p{font:14px/1.7 Manrope,sans-serif;color:#a6b9c8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d8e3eb}.step{background:#fff;padding:35px}.step span{font-size:12px;color:#1688ff}.step h3{font:400 25px Georgia,serif}.step p{font:14px/1.65 Manrope,sans-serif;color:#68798a}.contact-panel{background:#fff;border-radius:12px;padding:42px;box-shadow:0 20px 70px rgba(8,30,48,.08)}.contact-form{display:grid;gap:14px}.contact-form label{font-size:12px;font-weight:700;color:#415567}.contact-form input,.contact-form textarea{width:100%;border:1px solid #d5e0e8;border-radius:7px;padding:15px;font:14px DM Sans,sans-serif;background:#f9fbfc}.contact-form textarea{min-height:145px;resize:vertical}.contact-form button{border:0;cursor:pointer}.form-note{font-size:12px!important;color:#7d8d9b!important}.route-cta{padding:70px max(5vw,28px);background:#1688ff;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:35px}.route-cta h2{font:400 clamp(38px,4vw,58px)/1 Georgia,serif;margin:0}.route-footer{height:110px;background:#03111e;color:#8fa3b5;display:flex;align-items:center;gap:40px;padding:0 max(5vw,28px);font-size:12px}.route-footer .brand{color:#fff;margin-right:auto}
@media(max-width:980px){.catalog-grid{grid-template-columns:repeat(2,1fr)}.story-grid,.cosmetic-grid,.contact-grid{gap:35px}.value-grid{grid-template-columns:1fr}.route-header .nav.open{display:flex}.steps{grid-template-columns:1fr}.route-footer{height:auto;padding-top:35px;padding-bottom:35px}}
@media(max-width:660px){.page-hero{min-height:500px;padding:135px 20px 65px}.page-hero h1{font-size:53px}.route-section{padding:72px 20px}.route-head{display:block}.catalog-grid{grid-template-columns:1fr}.catalog-card,.catalog-card.feature{grid-column:auto;min-height:260px}.story-grid,.cosmetic-grid,.contact-grid{grid-template-columns:1fr}.story-image,.cosmetic-image{min-height:330px}.service-list{grid-template-columns:1fr}.route-cta{padding:55px 20px;flex-direction:column;align-items:flex-start}.route-footer{padding:38px 20px;align-items:flex-start;flex-direction:column;gap:12px}.route-footer .brand{margin:0}}