.collection-intro{padding-top:86px;padding-bottom:60px}.collection-intro h1{font-size:clamp(48px,6.8vw,100px);max-width:1050px;margin:30px 0 40px;line-height:1.03}.collection-intro h1 em{font-style:normal;color:var(--orange)}.intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:35px}.intro-bottom p{max-width:590px;color:var(--muted);font-size:18px}.intro-bottom a{white-space:nowrap}.collection-tabs{display:flex;gap:12px;flex-wrap:wrap;padding-bottom:32px;border-bottom:1px solid var(--line)}.collection-tabs a{padding:11px 20px;border:1px solid var(--line);border-radius:30px;font-size:14px}.collection-tabs a[aria-current]{background:var(--ink);color:var(--paper)}.preview-button{padding:0;aspect-ratio:1.44;border-radius:14px;background:#d5d9d9}.preview-stage{border-radius:0;box-shadow:none}.preview-stage img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s}.preview-button:hover .preview-stage{translate:0}.preview-button:hover img{transform:scale(1.025)}.card-title{gap:0}.card-number{display:none}.category{margin-top:10px;color:var(--orange);font-size:13px}.card-description,.tags{padding-left:0}.card-description{margin-top:6px;max-width:570px}.catalog-grid{gap:55px 32px}.choose{margin-left:0}.dialog-frame{transition:none}.catalog{padding-top:48px}.dialog-title p{max-width:420px}
@media(max-width:800px){.collection-intro{padding-top:48px;padding-bottom:35px}.intro-bottom{display:block}.intro-bottom a{margin-top:22px}.collection-intro h1{margin:25px 0}.intro-bottom p{font-size:16px}.collection-tabs a{font-size:12px;padding:10px 14px}.catalog-grid{gap:38px 22px}.card-meta{flex-wrap:wrap}.card-title h3{font-size:25px}.dialog-frame.mobile{width:min(390px,100%)}}
@media(max-width:560px){.collection-intro h1{font-size:clamp(40px,10vw,58px)}.preview-button{aspect-ratio:1.44}.catalog-grid{grid-template-columns:1fr}.card-meta{flex-wrap:nowrap}.card-title h3{font-size:24px}.collection-tabs{gap:8px}.intro-bottom a{white-space:normal}}

/* Catalogue entries remain visible even before scrolling or when motion is disabled. */
.direction.will-reveal{opacity:1;translate:none}

.category{display:table;margin:20px 0 0;padding:7px 14px;border-radius:6px;background:var(--ink);color:#fff;font-size:15px;font-weight:650;line-height:1.4;letter-spacing:.01em}.category+.card-meta{margin-top:12px}@media(max-width:560px){.category{font-size:14px;margin-top:16px}}

.concept-note{border-top:1px solid var(--line);margin-top:35px;padding-top:22px;display:grid;grid-template-columns:1fr 2fr;gap:32px;font-size:14px;line-height:1.65}.concept-note strong{font-weight:550}.concept-note p{color:var(--muted);max-width:700px}@media(max-width:650px){.concept-note{grid-template-columns:1fr;gap:8px}}



/* посилання з картки на сторінку рішення для цієї сфери */
.card-solution{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:5px;transition:color .25s,border-color .25s}
.card-solution:is(:hover,:focus-visible){color:var(--ink);border-color:var(--ink)}
.card-solution>span{color:var(--orange)}

/* Перший екран: справа — віяло з трьох макетів, як у каталозі для нотаріусів,
   щоб права половина не стояла порожньою. Кнопки відкривають переглядач. */
.collection-intro{padding-top:56px}
.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.intro-grid .collection-intro h1,.intro-grid h1{font-size:clamp(46px,5.4vw,84px);margin:26px 0 30px}
.intro-art{position:relative;height:380px}
.intro-art:before{content:'';position:absolute;width:400px;height:400px;left:50%;top:48%;transform:translate(-50%,-50%);border:1px solid var(--line);border-radius:50%}
.shot{position:absolute;display:block;width:64%;aspect-ratio:1440/1000;padding:0;overflow:hidden;background:#e8e8e8;border:5px solid #26262a;border-radius:8px;box-shadow:0 26px 50px #2d31422e;cursor:pointer;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.shot-1{left:0;top:34px;transform:rotate(-8deg)}
.shot-2{left:18%;top:96px;transform:rotate(1.5deg);z-index:2}
.shot-3{right:0;top:18px;transform:rotate(7deg)}
.shot:hover,.shot:focus-visible{transform:rotate(0) translateY(-10px);z-index:3}
.intro-art-label{position:absolute;bottom:0;width:100%;text-align:center;font-size:12px;letter-spacing:.11em;color:var(--muted)}
@media(prefers-reduced-motion:reduce){.shot{transition:none}}
@media(max-width:900px){.intro-grid{grid-template-columns:1fr;gap:20px}.intro-art{height:300px;max-width:560px;width:100%;margin:0 auto}.intro-art:before{width:300px;height:300px}}
@media(max-width:560px){.intro-art{height:230px}.shot{width:70%;border-width:4px}.shot-2{left:15%;top:72px}.intro-art:before{width:230px;height:230px}}
@media(max-width:560px){.intro-art-label{display:none}}