.catalog-page{background:#061d39;color:#f4f8fb}
.catalog-page .site-header{background:rgba(5,27,54,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(117,215,255,.13)}
.catalog-hero{position:relative;min-height:460px;padding:56px max(5vw,48px) 70px;display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:48px;overflow:hidden;border-bottom:1px solid rgba(116,214,255,.16);background:radial-gradient(circle at 72% 36%,rgba(0,138,216,.2),transparent 31%),linear-gradient(135deg,#051a34 0%,#082b4b 57%,#061d39 100%)}
.catalog-hero::after{content:"";position:absolute;inset:auto -8% -48% 35%;height:470px;border:1px solid rgba(94,195,239,.16);border-radius:50%;transform:rotate(-12deg);box-shadow:0 0 65px rgba(0,164,232,.08)}
.catalog-flow{position:absolute;inset:0;width:100%;height:100%;opacity:.18;pointer-events:none}
.catalog-hero-copy{position:relative;z-index:1;max-width:850px}
.catalog-hero .breadcrumb{margin:0 0 30px;color:#a9c5d9;font-size:14px}
.catalog-hero .breadcrumb a{color:inherit;text-underline-offset:5px}
.catalog-hero .eyebrow{margin:0 0 20px;color:#8ddcff}
.catalog-hero h1{margin:0;font-size:clamp(58px,8vw,118px);line-height:.87;letter-spacing:-.055em;font-weight:700}
.catalog-hero h1 em{color:#ffdf00;font-style:normal}
.catalog-hero-copy>p:last-child{max-width:720px;margin:30px 0 0;color:#b8cedd;font-size:clamp(18px,1.55vw,24px);line-height:1.55}
.catalog-hero-visual{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:end;padding:27px 0 23px;border-top:1px solid rgba(125,220,255,.35);border-bottom:1px solid rgba(125,220,255,.2)}
.catalog-hero-visual span{font-size:72px;line-height:.78;font-weight:700;color:#ffdf00;letter-spacing:-.06em}
.catalog-hero-visual p{margin:0;color:#9fc5dc;font-size:13px;line-height:1.35;letter-spacing:.16em;text-transform:uppercase}
.catalog-nav{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:-27px;padding-top:0;padding-bottom:0}
.catalog-nav a{min-height:54px;display:flex;align-items:center;justify-content:center;padding:13px 18px;border:1px solid rgba(103,208,251,.2);border-radius:8px;background:rgba(7,37,67,.92);box-shadow:0 16px 45px rgba(0,0,0,.18);color:#a9c7d9;font-weight:700;text-decoration:none;transition:.25s ease}
.catalog-nav a:hover,.catalog-nav a:focus-visible,.catalog-nav a[aria-current=page]{color:#061d39;border-color:#ffdf00;background:#ffdf00;box-shadow:0 0 28px rgba(255,223,0,.18)}
.catalog-section{padding-top:40px;padding-bottom:92px}
.catalog-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:end;gap:48px;margin-bottom:38px}
.catalog-intro h2{margin:12px 0 0;font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-.04em}
.catalog-intro h2 span{color:#ffdf00}
.catalog-intro>p{max-width:520px;margin:0 0 7px;padding-left:26px;border-left:1px solid rgba(112,215,255,.35);color:#a9c4d6;font-size:18px;line-height:1.65}
.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.catalog-card{position:relative;display:block;min-width:0;border:1px solid rgba(107,208,247,.23);border-radius:14px;overflow:hidden;background:linear-gradient(145deg,rgba(16,62,92,.78),rgba(6,34,61,.94));box-shadow:0 16px 42px rgba(0,0,0,.16);color:inherit;text-decoration:none;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.catalog-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,transparent 20%,rgba(94,213,255,.9) 48%,transparent 66%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background-size:260% 100%;animation:catalog-border 6s linear infinite;pointer-events:none;z-index:3}
.catalog-card:hover,.catalog-card:focus-visible{transform:translateY(-5px);border-color:rgba(116,219,255,.6);box-shadow:0 22px 55px rgba(0,0,0,.24),0 0 25px rgba(0,145,215,.12);outline:none}
.catalog-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(circle at 50% 60%,rgba(28,111,160,.38),transparent 57%),#072440}
.catalog-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(4,25,47,.68));pointer-events:none}
.catalog-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.catalog-card .catalog-media img{animation:catalog-camera 7s ease-in-out infinite alternate;animation-play-state:paused}
.catalog-card.is-media-active .catalog-media img{animation-play-state:running;filter:saturate(1.08) contrast(1.03)}
.catalog-preview .media-preview-control{width:calc(100% - 2px);height:auto;aspect-ratio:16/9;border-radius:13px 13px 0 0}
.catalog-preview .catalog-card:hover{transform:none}
@keyframes catalog-camera{0%{transform:scale(1.1) translate(0,0)}45%{transform:scale(1.34) translate(-2.5%,1.5%)}100%{transform:scale(1.52) translate(3.5%,-2.5%)}}
.catalog-scan{position:absolute;z-index:2;left:0;right:0;top:-25%;height:70px;background:linear-gradient(180deg,transparent,rgba(127,224,255,.13),transparent);opacity:0;pointer-events:none}
.catalog-card:hover .catalog-scan{opacity:1;animation:catalog-scan 1.6s ease-out}
.catalog-copy{display:block;padding:19px 20px 21px}
.catalog-kicker{margin:0 0 10px!important;color:#7fccea!important;font-size:12px!important;font-weight:700;letter-spacing:.17em;line-height:1.4!important}
.catalog-copy h2{margin:0;font-size:clamp(25px,2vw,34px);line-height:1.04;letter-spacing:-.035em}
.catalog-copy>p{display:-webkit-box;min-height:68px;margin:14px 0 17px;overflow:hidden;color:#adc6d7;font-size:15px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.catalog-link{display:inline-flex;align-items:center;gap:11px;color:#f5f9fc;font-size:15px;font-weight:700;text-decoration:none}
.catalog-link svg{width:21px;transition:transform .25s ease,color .25s ease}
.catalog-link:hover,.catalog-link:focus-visible{color:#ffdf00}.catalog-link:hover svg{transform:translateX(5px)}
.catalog-contact{position:relative;margin-bottom:100px;padding-top:58px;padding-bottom:58px;display:flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid rgba(109,211,250,.25);border-radius:18px;overflow:hidden;background:radial-gradient(circle at 84% 15%,rgba(0,164,231,.18),transparent 32%),linear-gradient(115deg,#082e50,#061e3a)}
.catalog-contact::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 15%,rgba(105,220,255,.08),transparent 75%);transform:translateX(-100%);animation:catalog-band 7s ease-in-out infinite}
.catalog-contact>*,.catalog-contact h2{position:relative;z-index:1}
.catalog-contact h2{margin:9px 0 0;font-size:clamp(34px,4vw,58px);line-height:1.05;letter-spacing:-.035em}.catalog-contact h2 span{color:#ffdf00}
.catalog-contact-button{background:#e8f4fa;color:#061d39;border:0}.catalog-contact-button:hover{background:#ffdf00}
@keyframes catalog-border{to{background-position:-260% 0}}
@keyframes catalog-scan{from{transform:translateY(0)}to{transform:translateY(430%)}}
@keyframes catalog-band{0%,18%{transform:translateX(-100%)}65%,100%{transform:translateX(100%)}}
@media(max-width:1120px){.catalog-hero{grid-template-columns:1fr 210px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-intro{grid-template-columns:1fr .8fr}}
@media(max-width:800px){.catalog-hero{min-height:auto;padding:36px 30px 54px;grid-template-columns:1fr}.catalog-hero .breadcrumb{margin-bottom:24px}.catalog-hero-visual{max-width:220px}.catalog-nav{grid-template-columns:repeat(2,1fr);margin-top:0;padding-top:18px;padding-bottom:0}.catalog-section{padding-top:32px}.catalog-intro{grid-template-columns:1fr;gap:25px;margin-bottom:32px}.catalog-intro>p{padding-left:18px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-copy>p{min-height:68px}.catalog-contact{margin-bottom:70px;align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.catalog-grid{grid-template-columns:1fr}.catalog-copy>p{min-height:0}}
@media(max-width:480px){.catalog-hero{padding:28px 20px 46px}.catalog-hero h1{font-size:52px}.catalog-nav{padding-left:20px;padding-right:20px}.catalog-nav a{font-size:14px}.catalog-section{padding-top:26px}.catalog-card{border-radius:13px}.catalog-copy{padding:19px 20px 21px}.catalog-contact{margin-left:20px;margin-right:20px;padding:38px 24px}.catalog-contact-button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.catalog-card::before,.catalog-contact::before,.catalog-card:hover .catalog-scan{animation:none}.catalog-card:hover{transform:none}.catalog-media img{transition:none;animation:none}}