/* Fonia Digital Portfolio – styles scoped to a single Elementor widget. */
.fdpt {
  --fdpt-navy:#051733;--fdpt-orange:#f48c06;--fdpt-light:#fff;--fdpt-muted:#6C7B94;--fdpt-outline:#DFE5ED;
  --fdpt-pale:#F4F6F9;--fdpt-blue:#A9C9F0;
  isolation:isolate; position:relative; background:var(--fdpt-light); color:var(--fdpt-navy);
  font-family:Mulish,Arial,sans-serif; font-size:15px; line-height:1.65;
}
.fdpt, .fdpt * {box-sizing:border-box}
.fdpt [hidden] {display:none !important}
.fdpt button,.fdpt a {font:inherit}
.fdpt button {cursor:pointer}
.fdpt h1,.fdpt h2,.fdpt h3,.fdpt h4,.fdpt p {margin:0;padding:0;line-height:inherit}
.fdpt .fdpt-inner {width:min(1248px,calc(100% - 56px));margin:0 auto}
.fdpt-hero,.fdpt-category-hero {background:var(--fdpt-navy);color:#fff;overflow:hidden;position:relative}
.fdpt-hero {min-height:562px}
.fdpt-hero-grid {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr);align-items:center;gap:68px;min-height:562px;padding-top:56px;padding-bottom:82px}
.fdpt-hero-copy {position:relative;z-index:2}
.fdpt-breadcrumb {font-size:12px;color:#C0D6F3;letter-spacing:0; margin-bottom:52px;font-weight:500}
.fdpt-kicker,.fdpt-section-label {display:block;font-size:11px;font-weight:750;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}
.fdpt-kicker {color:#ADC8EC;margin-bottom:24px}
.fdpt-hero h1,.fdpt-category-hero h2 {font-weight:800;font-size:clamp(43px,5.2vw,84px);line-height:1.1;letter-spacing:-.058em;color:#fff;overflow-wrap:break-word}
.fdpt-hero h1 span,.fdpt-category-hero h2 span {color:var(--fdpt-orange)}
.fdpt-description {font-size:16px;line-height:1.85;color:#BAD1EE;max-width:675px;margin-top:25px !important;white-space:pre-line}
.fdpt-hero-link {display:inline-flex;align-items:center;gap:28px;margin-top:33px;background:var(--fdpt-orange);color:var(--fdpt-navy) !important;font-size:13px;font-weight:750;line-height:1.2;padding:18px 23px;border-radius:5px;text-decoration:none !important;transition:transform .18s,filter .18s}
.fdpt-hero-link:hover {transform:translateY(-3px);filter:brightness(1.05)}
.fdpt-hero-link span {font-size:19px;line-height:.8}
.fdpt-hero-art {height:405px;border:1px solid rgba(165,199,238,.24);position:relative;border-radius:10px;background:radial-gradient(circle at 53% 50%,#10274a,#081c3a 64%,#091a33);overflow:hidden}
.fdpt-orbit {border:1px solid rgba(143,187,231,.17);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.fdpt-orbit.orbit-a {width:84%;aspect-ratio:1}
.fdpt-orbit.orbit-b {width:64%;aspect-ratio:1}
.fdpt-orbit.orbit-c {width:45%;aspect-ratio:1;border-color:rgba(250,140,0,.56)}
.fdpt-art-core {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border:1px solid var(--fdpt-orange);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--fdpt-orange);font-size:19px;font-weight:800;letter-spacing:-.03em;background:#0A1D39}
.fdpt-art-core span {font-size:9px;color:#C0D6F3;font-weight:650;letter-spacing:.1em}
.fdpt-dot {position:absolute;width:8px;height:8px;background:var(--fdpt-orange);border-radius:50%;box-shadow:0 0 0 7px rgba(250,140,0,.06)}
.fdpt-dot.dot-a {top:22%;left:31%}.fdpt-dot.dot-b {top:64%;right:14%}.fdpt-dot.dot-c {bottom:11%;left:17%;background:#A5C9EE}
.fdpt-art-count {position:absolute;top:19px;right:20px;font-size:10px;letter-spacing:.12em;color:#A9C9F0}
.fdpt-categories {padding-top:90px;padding-bottom:116px}
.fdpt-section-label {color:var(--fdpt-navy)}
.fdpt-categories-head {display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-top:24px;margin-bottom:40px}
.fdpt-categories-head h2 {font-size:clamp(34px,4.6vw,61px);letter-spacing:-.055em;font-weight:800;line-height:1.12;color:var(--fdpt-navy)}
.fdpt-categories-head p {max-width:370px;color:var(--fdpt-muted);font-size:15px;line-height:1.8}
.fdpt-category-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.fdpt-tile {min-height:254px;padding:26px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border:1px solid var(--fdpt-outline);border-radius:6px;background:#F4F6F9;box-shadow:none;color:var(--fdpt-navy);transition:border-color .18s,transform .18s,background .18s,box-shadow .18s}
.fdpt-tile:hover,.fdpt-tile:focus-visible {transform:translateY(-4px);border-color:var(--fdpt-orange);box-shadow:0 14px 28px rgba(5,23,51,.09);background:#fff}
.fdpt-tile:focus-visible,.fdpt-cta:focus-visible,.fdpt-back:focus-visible,.fdpt button:focus-visible {outline:3px solid #89A9D9;outline-offset:3px}
.fdpt-tile:after {content:"";position:absolute;bottom:0;left:0;width:0;height:4px;background:var(--fdpt-orange);transition:width .25s}
.fdpt-tile:hover:after {width:100%}
.fdpt-tile-top,.fdpt-tile-bottom {z-index:1;position:relative;display:flex}
.fdpt-tile-top {align-items:flex-start;justify-content:space-between;gap:10px;width:100%;font-size:10px;letter-spacing:.06em;font-weight:700;line-height:1.5;text-transform:uppercase}
.fdpt-tile .fdpt-arrow {font-size:26px;line-height:.85;font-weight:400;transition:transform .18s}
.fdpt-tile:hover .fdpt-arrow {transform:translate(3px,-3px)}
.fdpt-tile-bottom {flex-direction:column;gap:9px}
.fdpt-tile-bottom strong {font-size:24px;line-height:1.25;font-weight:750;letter-spacing:-.035em}
.fdpt-tile-bottom small {font-size:12px;color:#6F7E94;font-weight:500;line-height:1.55}
.fdpt-tile-image {background:#0A213D;color:#fff}
.fdpt-tile-image .fdpt-tile-cover {position:absolute;width:100%;height:100%;inset:0;object-fit:cover;filter:brightness(.5);transition:transform .2s}
.fdpt-tile-image:hover .fdpt-tile-cover {transform:scale(1.05)}
.fdpt-tile-image .fdpt-tile-bottom small {color:#D7E4F2}
.fdpt-category-hero .fdpt-inner {padding-top:42px;padding-bottom:76px}
.fdpt-category-hero .fdpt-breadcrumb {margin-bottom:46px}
.fdpt-back {padding:0;background:transparent;border:0;color:var(--fdpt-blue);font-size:13px;font-weight:650;display:inline-flex;align-items:center;gap:9px}
.fdpt-back:hover {color:#fff}
.fdpt-back-hero {margin-bottom:43px}
.fdpt-category-hero h2 {max-width:1120px;font-size:clamp(40px,5vw,78px)}
.fdpt-category-hero .fdpt-description {max-width:770px}
.fdpt-work-section {padding-top:87px;padding-bottom:114px}
.fdpt-work-toolbar {display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border-bottom:1px solid var(--fdpt-outline);padding-bottom:27px;margin-bottom:42px}
.fdpt-work-toolbar h3 {margin-top:12px;font-size:clamp(28px,3vw,43px);font-weight:750;line-height:1.2;letter-spacing:-.04em;color:var(--fdpt-navy)}
.fdpt-work-count {color:var(--fdpt-muted);font-size:12px;white-space:nowrap}
.fdpt-empty {min-height:240px;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;background:#F4F6F9;border:1px dashed #CED8E5;border-radius:7px;color:#647791;text-align:center;padding:25px}
.fdpt-empty-mark {width:50px;height:50px;display:grid;place-items:center;border-radius:50%;border:1px solid #D5DFEB;font-size:29px;color:var(--fdpt-orange)}
.fdpt-projects {display:flex;flex-direction:column;gap:0}
.fdpt-project {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:clamp(35px,6vw,100px);padding:44px 0 67px;border-bottom:1px solid var(--fdpt-outline);align-items:center}
.fdpt-project:first-child {padding-top:0}
.fdpt-project:last-child {border-bottom:none}
.fdpt-preview {border-radius:6px;background:#F3F5F8;border:1px solid #E2E8EF;min-height:280px;padding:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.fdpt-preview--html.fdpt-preview--auto {min-height:570px}
.fdpt-preview--banner {min-height:645px}
.fdpt-preview--portrait {min-height:580px}
.fdpt-preview--landscape {min-height:340px}
.fdpt-preview--square {min-height:490px}
.fdpt-screen {width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:250px}
.fdpt-preview--banner .fdpt-screen {max-width:300px;height:600px;flex:0 1 300px}
.fdpt-preview--portrait .fdpt-screen {max-width:325px;height:570px;flex:0 1 325px}
.fdpt-preview--landscape .fdpt-screen {aspect-ratio:16/9}
.fdpt-preview--square .fdpt-screen {aspect-ratio:1/1;max-width:490px}
.fdpt-preview--auto .fdpt-screen {aspect-ratio:16/10}
.fdpt-preview--video.fdpt-preview--auto .fdpt-screen {aspect-ratio:16/9}
.fdpt-preview--html.fdpt-preview--auto .fdpt-screen {aspect-ratio:4/5;max-width:440px}
.fdpt-screen iframe,.fdpt-screen video {display:block;width:100%;height:100%;border:0;background:#0E1A32;object-fit:contain;border-radius:3px}
.fdpt-image-open {display:block;padding:0;border:0;background:transparent;position:relative;width:100%;height:auto;max-height:590px;overflow:hidden;border-radius:5px;line-height:0}
.fdpt-image-open img,.fdpt-site-cover {width:100%;height:auto;max-height:560px;object-fit:contain;display:block}
.fdpt-image-open:hover img {filter:brightness(.94)}
.fdpt-media-chip {position:absolute;bottom:15px;right:15px;background:var(--fdpt-navy);color:white;padding:9px 15px;border-radius:3px;font-size:11px;font-weight:700;line-height:1.5}
.fdpt-preview-placeholder {width:100%;min-height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;text-align:center;color:var(--fdpt-navy);position:relative;overflow:hidden}
.fdpt-preview-placeholder strong,.fdpt-preview-placeholder small {z-index:1}
.fdpt-preview-placeholder strong {font-size:19px;font-weight:750}
.fdpt-preview-placeholder small {font-size:12px;color:#647791}
.fdpt-placeholder-rings {position:absolute;width:200px;height:200px;border:1px solid #d8e0eb;border-radius:50%;box-shadow:0 0 0 35px rgba(217,225,236,.29),0 0 0 75px rgba(217,225,236,.19)}
.fdpt-project-copy {align-self:center;padding:15px 0;min-width:0}
.fdpt-project-index {font-size:11px;font-weight:750;letter-spacing:.1em;color:#B36A0A;margin-bottom:26px;text-transform:uppercase}
.fdpt-project-index span {color:#B2C0D3;padding:0 7px}
.fdpt-project-copy h4 {font-size:clamp(26px,3.4vw,43px);line-height:1.19;letter-spacing:-.045em;font-weight:800;color:var(--fdpt-navy);overflow-wrap:break-word}
.fdpt-project-desc {margin-top:20px !important;font-size:15px;line-height:1.82;color:#5E6F89}
.fdpt-usage {margin-top:26px;border-top:1px solid var(--fdpt-outline);padding-top:22px}
.fdpt-usage strong {display:block;font-size:12px;color:var(--fdpt-navy);font-weight:750;margin-bottom:8px}
.fdpt-usage p {font-size:14px;line-height:1.8;color:#687B96}
.fdpt-cta {display:inline-flex;align-items:center;justify-content:space-between;gap:28px;margin-top:31px;min-height:48px;padding:13px 18px;background:var(--fdpt-orange) !important;border:1px solid var(--fdpt-orange) !important;border-radius:4px;color:var(--fdpt-navy) !important;font-size:12px !important;font-weight:750 !important;text-decoration:none !important;line-height:1.25;cursor:pointer;transition:filter .15s,transform .15s}
.fdpt-cta:hover {filter:brightness(1.04);transform:translateY(-2px)}
.fdpt-cta span {font-size:19px;line-height:1}
.fdpt-outline-btn {margin-top:34px;color:var(--fdpt-navy);border:1px solid var(--fdpt-outline);border-radius:4px;background:white;padding:12px 17px;font-size:13px;font-weight:650}
.fdpt-outline-btn:hover {border-color:var(--fdpt-navy)}
.fdpt-modal {position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:24px}
.fdpt-modal-overlay {position:absolute;inset:0;background:rgba(3,15,35,.91);cursor:pointer}
.fdpt-modal-box {position:relative;z-index:1;display:flex;flex-direction:column;width:min(100%,1200px);height:min(92dvh,1000px);max-height:92vh;background:#fff;border-radius:7px;box-shadow:0 25px 90px rgba(0,0,0,.4);overflow:hidden}
.fdpt-modal-box.fdpt-modal-box--banner {width:min(100%,550px)}
.fdpt-modal-box.fdpt-modal-box--portrait {width:min(100%,650px)}
.fdpt-modal-top {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 21px;border-bottom:1px solid #E3E9F1;min-height:55px}
.fdpt-modal-top strong {font-size:14px;font-weight:700;line-height:1.4}
.fdpt-modal-top button {font-size:20px;padding:2px 7px;color:var(--fdpt-navy);background:none;border:0}
.fdpt-modal-body {min-height:0;flex:1;display:flex;align-items:center;justify-content:center;background:#F1F4F8;padding:8px;overflow:auto}
.fdpt-modal-body iframe {width:100%;height:100%;border:0;background:white}
.fdpt-modal-box--banner .fdpt-modal-body iframe {max-width:300px;max-height:600px}
.fdpt-modal-body img,.fdpt-modal-body video {max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
.fdpt-modal-body video {width:100%;height:100%;background:#081426}
.fdpt-modal-controls {display:flex;align-items:center;justify-content:space-between;padding:11px 20px;border-top:1px solid #E3E9F1;color:var(--fdpt-navy);font-size:12px;gap:10px}
.fdpt-modal-controls button {border:0;background:#F1F4F8;border-radius:3px;padding:9px 13px;font-size:12px;color:var(--fdpt-navy)}
.fdpt-modal-controls button:hover {background:#DDE6F0}
@media(max-width:980px){
  .fdpt-hero-grid {grid-template-columns:1fr;gap:35px;padding-top:30px;padding-bottom:60px}
  .fdpt-hero-art {display:none}
  .fdpt-hero {min-height:0}
  .fdpt-category-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .fdpt-project {grid-template-columns:1fr;gap:22px;align-items:start}
  .fdpt-project-copy {padding:10px 6px}
  .fdpt-preview--html.fdpt-preview--auto {min-height:500px}
}
@media(max-width:600px){
  .fdpt .fdpt-inner {width:min(100% - 36px,1248px)}
  .fdpt-hero-grid {padding-top:25px;padding-bottom:60px}
  .fdpt-breadcrumb {font-size:11px;margin-bottom:40px}
  .fdpt-kicker {margin-bottom:20px}
  .fdpt-hero h1,.fdpt-category-hero h2 {font-size:clamp(38px,10.5vw,58px);letter-spacing:-.05em}
  .fdpt-description {font-size:14px;line-height:1.8;margin-top:20px !important}
  .fdpt-categories {padding-top:65px;padding-bottom:78px}
  .fdpt-categories-head {display:block;margin-bottom:27px}
  .fdpt-categories-head h2 {font-size:39px}
  .fdpt-categories-head p {margin-top:14px;font-size:14px}
  .fdpt-category-grid {grid-template-columns:1fr;gap:13px}
  .fdpt-tile {min-height:185px;padding:22px}
  .fdpt-tile-bottom strong {font-size:22px}
  .fdpt-category-hero .fdpt-inner {padding-top:26px;padding-bottom:58px}
  .fdpt-category-hero .fdpt-breadcrumb {margin-bottom:30px}
  .fdpt-back-hero {margin-bottom:36px}
  .fdpt-work-section {padding-top:54px;padding-bottom:75px}
  .fdpt-work-toolbar {align-items:flex-start;gap:20px}
  .fdpt-work-toolbar h3 {font-size:30px}
  .fdpt-work-count {font-size:11px}
  .fdpt-project {padding:30px 0 48px;gap:23px}
  .fdpt-preview {padding:12px;min-height:240px}
  .fdpt-preview--banner {min-height:610px}
  .fdpt-preview--banner .fdpt-screen {width:min(300px,100%)}
  .fdpt-preview--portrait {min-height:500px}
  .fdpt-preview--portrait .fdpt-screen {height:480px}
  .fdpt-preview--html.fdpt-preview--auto {min-height:450px}
  .fdpt-project-copy h4 {font-size:28px}
  .fdpt-project-index {margin-bottom:15px}
  .fdpt-project-desc {font-size:14px;margin-top:12px !important}
  .fdpt-usage {margin-top:19px;padding-top:17px}
  .fdpt-modal {padding:8px}
  .fdpt-modal-box {height:92dvh;max-height:92vh}
  .fdpt-modal-top {padding:10px 14px}
  .fdpt-modal-controls {padding:8px}
  .fdpt-modal-controls button {font-size:10px;padding:8px}
}
@media(prefers-reduced-motion:reduce){.fdpt * {transition:none !important;scroll-behavior:auto !important}}

/* 1.1.0: per-project custom ratio. The media frame is computed from entered W:H,
   independent of the uploaded asset's intrinsic dimensions and of the old layout preset. */
.fdpt .fdpt-preview.fdpt-preview--custom {min-height:0; padding:18px;}
.fdpt .fdpt-preview--custom .fdpt-screen,
.fdpt .fdpt-preview--custom .fdpt-image-open,
.fdpt .fdpt-preview--custom .fdpt-site-cover-frame,
.fdpt .fdpt-preview--custom .fdpt-preview-placeholder {
  display:block;flex:0 1 auto;
  width:min(100%,var(--fdpt-frame-maxwidth));
  max-width:none;max-height:none;min-height:0;height:auto;
  aspect-ratio:var(--fdpt-frame-aspect);
  position:relative;overflow:hidden;
  border-radius:4px;
}
.fdpt .fdpt-preview--custom .fdpt-screen {background:#091B36;}
.fdpt .fdpt-preview--custom .fdpt-screen iframe,
.fdpt .fdpt-preview--custom .fdpt-screen video,
.fdpt .fdpt-preview--custom .fdpt-image-open img,
.fdpt .fdpt-preview--custom .fdpt-site-cover-frame img {
  position:absolute;inset:0;display:block;
  width:100%;height:100%;max-width:none;max-height:none;
  border:0;margin:0;
  object-fit:var(--fdpt-media-fit,contain);
}
.fdpt .fdpt-preview--custom .fdpt-screen iframe {object-fit:fill;}
.fdpt .fdpt-preview--custom .fdpt-image-open {padding:0;line-height:0;cursor:zoom-in;}
.fdpt .fdpt-preview--custom .fdpt-preview-placeholder {
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  min-height:0;padding:12px;
}
.fdpt .fdpt-preview--custom .fdpt-preview-placeholder .fdpt-placeholder-rings {pointer-events:none;}
.fdpt .fdpt-modal-body iframe.fdpt-modal-ratio-iframe {flex:0 0 auto;max-width:100%;max-height:100%;height:auto;width:auto;}
@media(max-width:600px) {
  .fdpt .fdpt-preview.fdpt-preview--custom {padding:12px;min-height:0;}
}


/* v1.2.0: pełne tło strony poza ograniczeniami szerokości kontenera Elementor.
   Nie korzystamy z transform, bo elementy modalne position:fixed muszą
   pozostawać przypięte do okna przeglądarki. */
.elementor-widget-fdpt-portfolio,
.elementor-widget-fdpt-portfolio > .elementor-widget-container {
  overflow:visible;
}
.fdpt.fdpt--full-width {
  width:var(--fdpt-window-width,100vw);
  max-width:none;
  min-width:0;
  position:relative;
  margin-left:calc(50% - var(--fdpt-half-window,50vw));
  margin-right:calc(50% - var(--fdpt-half-window,50vw));
}
/* Unikamy poziomego przewijania przy pasku przewijania i w małym podglądzie. */
.fdpt.fdpt--full-width .fdpt-inner {max-width:1248px;}

/* 1.3: Fonia Digital visual system. Explicit foregrounds resist theme button styles. */
.fdpt .fdpt-hero h1,.fdpt .fdpt-category-hero h2 {color:#fff;font-weight:900;line-height:1.03;letter-spacing:-.055em}
.fdpt .fdpt-hero h1 span,.fdpt .fdpt-category-hero h2 span {color:var(--fdpt-orange)}
.fdpt .fdpt-hero-grid {min-height:610px;gap:50px}
.fdpt .fdpt-hero-art {border:0;border-radius:0;background:transparent;overflow:visible}
.fdpt .fdpt-art-core {width:240px;height:240px;border:0;background:var(--fdpt-orange);color:var(--fdpt-navy);font-size:37px;font-weight:900;transform:translate(-50%,-50%) rotate(-8deg);border-radius:28px}
.fdpt .fdpt-art-core span {color:var(--fdpt-navy);font-size:18px;letter-spacing:-.04em}
.fdpt .fdpt-orbit.orbit-a {border-color:#47617c;width:100%}
.fdpt .fdpt-orbit.orbit-b {border-color:#47617c;width:78%}
.fdpt .fdpt-orbit.orbit-c {display:none}
.fdpt .fdpt-art-count {top:0;right:0;color:#c9d8e8}
.fdpt .fdpt-description {color:#c9d8e8}
.fdpt .fdpt-categories-head p {color:#53647a}
.fdpt .fdpt-category-grid {gap:24px}
.fdpt button.fdpt-tile {min-height:360px;padding:26px;background:var(--fdpt-navy);border:1px solid var(--fdpt-navy);border-radius:8px;color:#fff;box-shadow:none;text-transform:none;white-space:normal}
.fdpt button.fdpt-tile:hover,.fdpt button.fdpt-tile:focus-visible {background:var(--fdpt-navy);color:#fff;border-color:var(--fdpt-orange);transform:translateY(-4px);box-shadow:0 16px 30px #05173315}
.fdpt .fdpt-tile .fdpt-tile-top {color:#d8e3ef;font-size:10px;letter-spacing:.07em}
.fdpt .fdpt-tile .fdpt-arrow {color:var(--fdpt-orange);font-size:28px}
.fdpt .fdpt-tile .fdpt-tile-bottom strong {color:#fff;font-size:25px;font-weight:800;line-height:1.14}
.fdpt .fdpt-tile .fdpt-tile-bottom small {color:#cad7e5;font-size:13px;line-height:1.5}
.fdpt .fdpt-category-art {position:absolute;inset:42px 0 auto;width:100%;height:205px;object-fit:contain;pointer-events:none;transition:transform .25s}
.fdpt .fdpt-tile:hover .fdpt-category-art {transform:translateY(-3px) rotate(-2deg)}
.fdpt .fdpt-tile-image:before {content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05173370,transparent 35%,#051733 100%);z-index:1}
.fdpt .fdpt-tile .fdpt-tile-top,.fdpt .fdpt-tile .fdpt-tile-bottom {z-index:2}
.fdpt .fdpt-project h4,.fdpt .fdpt-work-toolbar h3 {color:var(--fdpt-navy)}
.fdpt .fdpt-project {border-bottom:1px solid var(--fdpt-outline);padding-bottom:52px}
.fdpt .fdpt-preview {border-radius:10px}
.fdpt .fdpt-empty {border:1px dashed #9aaabe;border-radius:10px;background:#f4f6f9;color:var(--fdpt-navy)}
.fdpt .fdpt-back-hero {color:#d8e3ef}
.fdpt .fdpt-modal-top,.fdpt .fdpt-modal-top strong {color:var(--fdpt-navy)}
@media(max-width:1000px){.fdpt .fdpt-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fdpt .fdpt-hero-grid{gap:24px}.fdpt .fdpt-art-core{width:190px;height:190px;font-size:30px}}
@media(max-width:650px){.fdpt .fdpt-inner{width:calc(100% - 36px)}.fdpt .fdpt-hero-grid{grid-template-columns:1fr;min-height:0;padding-top:36px;padding-bottom:48px;gap:28px}.fdpt .fdpt-hero-art{display:block;height:260px;max-width:320px;width:100%;margin:auto}.fdpt .fdpt-hero h1{font-size:clamp(42px,11vw,64px)}.fdpt .fdpt-category-grid{grid-template-columns:1fr}.fdpt button.fdpt-tile{min-height:350px}.fdpt .fdpt-categories{padding-top:58px;padding-bottom:64px}.fdpt .fdpt-categories-head{display:block;margin-bottom:28px}.fdpt .fdpt-categories-head p{margin-top:18px;max-width:100%}.fdpt .fdpt-category-art{height:200px}.fdpt .fdpt-category-hero h2{font-size:42px}}

.fdpt .fdpt-breadcrumb,.fdpt .fdpt-hero-copy > .fdpt-kicker,.fdpt .fdpt-categories-head > p{display:none!important}

/* 1.3.3: compact heading rhythm, including Elementor typography overrides. */
.elementor-widget-fdpt-portfolio .fdpt .fdpt-hero h1,
.elementor-widget-fdpt-portfolio .fdpt .fdpt-category-hero h2,
.fdpt .fdpt-hero h1,.fdpt .fdpt-category-hero h2 {
 line-height:1.02!important;margin:0!important;padding:0!important;
}
.fdpt .fdpt-hero h1 span,.fdpt .fdpt-category-hero h2 span {
 line-height:inherit!important;display:inline!important;margin:0!important;padding:0!important;
}
.fdpt .fdpt-tile .fdpt-tile-top {justify-content:flex-end;}

/* 1.3.4: readable return controls in every interaction state. */
.fdpt .fdpt-art-count{display:none!important}
.fdpt button.fdpt-outline-btn,
.fdpt button.fdpt-outline-btn:hover,
.fdpt button.fdpt-outline-btn:focus,
.fdpt button.fdpt-outline-btn:active {
 color:#fff!important;background:var(--fdpt-navy)!important;
 border-color:var(--fdpt-navy);border-radius:5px;
}
.fdpt button.fdpt-back,.fdpt button.fdpt-back:hover,
.fdpt button.fdpt-back:focus,.fdpt button.fdpt-back:active,
.fdpt button[data-fdpt-back] span {color:#fff!important}

/* 1.5.0 editable artwork */
.fdsp-hero-image{width:100%;height:100%;object-fit:contain}.fdsp-tile-icon{width:40px;height:40px;object-fit:contain}
