:root {
  --navy: #082955;
  --blue: #0A5CD8;
  --ink: #000000;
  --muted: rgba(0, 0, 0, .58);
  --line: rgba(8, 41, 85, .14);
  --paper: #FFFFFF;
  --surface: #F4F6F8;
  --radius: 18px;
}

* { box-sizing: border-box; }
.alt-page { scroll-behavior: smooth; }
.alt-page-shell {
  min-width: 320px;
  color: var(--ink);
  background: radial-gradient(circle at 5% 4%, rgba(10, 92, 216, .065), transparent 22rem), linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 58%, #F4F6F8 100%);
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
}

.page { width: min(1600px, calc(100% - 56px)); margin: 0 auto; padding: 38px 0 68px; }
.showcase { display: grid; grid-template-columns: minmax(480px, 1fr) minmax(540px, 1.15fr); gap: clamp(42px, 5vw, 80px); align-items: stretch; }
.showcase-copy { display: flex; flex-direction: column; min-width: 0; }
.breadcrumb { display: inline-flex; width: fit-content; align-items: center; gap: 9px; margin-bottom: 38px; color: rgba(0, 0, 0, .54); font-size: 14px; font-weight: 650; }
.breadcrumb-home { display: inline-flex; align-items: center; gap: 7px; }
.breadcrumb-home i { color: var(--blue); font-size: 14px; }
.breadcrumb-separator { color: rgba(8, 41, 85, .34); font-size: 14px; }
.breadcrumb strong { color: var(--navy); font-weight: 800; }
h1 { margin: 0; color: var(--navy); font-size: clamp(36px, 4vw, 60px); line-height: 1; letter-spacing: -.05em; }
.lead { max-width: 640px; margin: 19px 0 29px; color: var(--muted); font-size: clamp(14px, 1.05vw, 16px); line-height: 1.6; }

.contact-grid { order: 1; display: grid; grid-template-columns: 1.25fr 1.25fr 1fr 1.2fr; gap: 14px; margin: 0 0 26px; }
.contact-item { display: flex; align-items: flex-start; gap: 10px; min-width: 0; }
.contact-icon { flex: 0 0 17px; width: 17px; margin-top: 4px; color: var(--blue); font-size: 15px; text-align: center; }
.contact-item div { min-width: 0; }
.contact-item span:not(.contact-icon), .contact-item strong { font-family: "Manrope", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.62; }
.contact-item span:not(.contact-icon) { display: block; margin: 0 0 3px; color: rgba(0, 0, 0, .54); }
.contact-item strong { display: block; color: rgba(0, 0, 0, .68); overflow-wrap: anywhere; }

.gallery { min-width: 0; height: 520px; margin: 0; overflow: hidden; border-radius: var(--radius); background: var(--surface); align-self: start; }
body.parcanet-theme .alt-page-shell .gallery { position: relative; }
body.parcanet-theme .alt-page-shell .gallery img { position: absolute; inset: 0; display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; object-position: center; }

.stock-gallery { --stock-gap: 10px; position: relative; width: 100%; max-width: 800px; min-width: 0; margin-inline: auto; padding-inline: 45px; border-radius: var(--radius); }
.stock-gallery-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - var(--stock-gap) - var(--stock-gap)) / 3); gap: var(--stock-gap); width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scrollbar-width: none; touch-action: pan-x; cursor: grab; user-select: none; }
.stock-gallery-track.is-dragging { cursor: grabbing; scroll-snap-type: none; }
.stock-gallery-track:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; }
.stock-gallery-track::-webkit-scrollbar { display: none; }
.stock-gallery-item { position: relative; aspect-ratio: 1 / 1; width: 100%; overflow: hidden; border-radius: var(--radius); background: var(--surface); scroll-snap-align: start; }
body.parcanet-theme .alt-page-shell .stock-gallery-item img { position: absolute; inset: 0; display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; object-position: center; -webkit-user-drag: none; }
.stock-gallery-compact { order: 2; flex: 0 0 auto; height: auto; min-height: 0; }
.stock-gallery-arrow { position: absolute; z-index: 2; top: 50%; display: grid; width: 34px; height: 34px; padding: 0; place-items: center; transform: translateY(-50%); border: 1px solid var(--line); border-radius: 50%; background: var(--paper); color: var(--blue); font: inherit; cursor: pointer; }
.stock-gallery-arrow:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
.stock-gallery-prev { left: 0; }
.stock-gallery-next { right: 0; }

@media (min-width: 1181px) {
  .contact-grid { margin-block: auto; }
  .stock-gallery-compact { margin-top: 0; }
}

.content-panel { margin-top: 28px; padding: 24px 28px; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); }
.content-panel h2 { margin: 0 0 10px; color: var(--navy); font-size: clamp(19px, 1.45vw, 24px); line-height: 1.25; letter-spacing: -.025em; }
.content-panel p { max-width: 1480px; margin: 0; color: rgba(0, 0, 0, .68); font-size: 14px; font-weight: 400; line-height: 1.62; }
.content-panel p + p { margin-top: 9px; }
.content-panel strong { color: var(--navy); font-weight: 750; }

@media (max-width: 1180px) {
  .page { width: min(100% - 38px, 1050px); }
  .showcase { grid-template-columns: 1fr; }
  .gallery { height: 540px; }
  .contact-grid { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 780px) {
  .page { width: min(100% - 28px, 680px); padding-top: 24px; }
  .breadcrumb { margin-bottom: 30px; }
  .contact-grid { grid-template-columns: 1fr 1fr; gap: 20px 14px; margin-bottom: 26px; }
  .gallery { height: 480px; border-radius: 13px; }
  .stock-gallery { padding-inline: 38px; border-radius: 13px; }
  .stock-gallery-track { grid-auto-columns: calc((100% - var(--stock-gap)) / 2); }
  .stock-gallery-item { border-radius: 13px; }
  .content-panel { padding: 22px 24px; }
}

@media (max-width: 520px) {
  .page { width: calc(100% - 22px); }
  h1 { font-size: 38px; }
  .lead { margin-top: 16px; }
  .contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; }
  .stock-gallery { padding-inline: 34px; }
  .stock-gallery-arrow { width: 30px; height: 30px; }
  .gallery { height: 300px; }
  .content-panel { padding: 20px 18px; }
  .content-panel p { font-size: 14px; line-height: 1.6; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

.alt-page-shell a.breadcrumb-home{color:inherit;text-decoration:none}
.alt-page-shell a.breadcrumb-home:hover{color:var(--blue)}