/* Webromedia Portfolio 1.0.0 – fully scoped, no global theme typography overrides */
.wrmp{--wrmp-orange:#ff7917;--wrmp-deep:#041a37;--wrmp-radius:14px;--wrmp-ink:#0c274e;--wrmp-muted:#5e7190;font-family:inherit;box-sizing:border-box}
.wrmp *, .wrmp *::before, .wrmp *::after{box-sizing:border-box}
.wrmp a{text-decoration:none;transition:color .2s ease,border-color .2s ease,background-color .2s ease,transform .25s ease,box-shadow .25s ease}
.wrmp button,.wrmp input,.wrmp select{font:inherit}
.wrmp button{cursor:pointer}
.wrmp a:focus-visible,.wrmp button:focus-visible,.wrmp input:focus-visible,.wrmp select:focus-visible{outline:3px solid var(--wrmp-orange);outline-offset:3px}
.wrmp img{max-width:100%;height:auto}
/* Global Woodmart + WPBakery Row: add extra class "wrmp-home-row", stretch ROW (not content). */
.wrmp-home-row{background-color:#03172f;padding-top:50px;padding-bottom:55px}
.wrmp-home-row .wpb_content_element{margin-bottom:0}
.wrmp-home-row .vc_column-inner{min-width:0}
.wrmp-home-row .vc_column-inner>.wpb_wrapper{min-width:0}
.wrmp-home-row .wrmp{color:#fff}
.wrmp-home-row .wrmp-carousel{margin-top:0}
/* 5/12 intro */
.wrmp-intro{color:#fff;max-width:405px;padding:26px 28px 18px 0}
.wrmp-kicker{display:flex;align-items:center;gap:11px;color:var(--wrmp-orange);font-weight:800;font-size:11px;letter-spacing:2.35px;line-height:1.35;text-transform:uppercase}
.wrmp-kicker>span:first-child{width:19px;height:1px;background:var(--wrmp-orange);flex:none}
.wrmp-intro .wrmp-intro-heading{margin:18px 0 13px!important;font-size:clamp(28px,2.4vw,43px)!important;line-height:1.08!important;letter-spacing:-1.4px;font-weight:800!important;color:#fff!important;max-width:24ch}
.wrmp-intro .wrmp-intro-text{margin:0 0 21px!important;font-size:15px;line-height:1.64;color:#bdcee2;max-width:38ch}
.wrmp-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:10px 16px 10px 20px;color:#fff!important;border:1px solid #507497;border-radius:999px;background:#05182ea8;font-size:12px;font-weight:700;max-width:100%;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.wrmp-link span:last-child{display:grid;place-items:center;font-size:19px;line-height:1}
.wrmp-link:hover{background:#f87813;color:#fff!important;border-color:#f87813;transform:translateY(-2px);box-shadow:0 7px 25px #f878134d}
.wrmp-intro-stats{display:flex;gap:24px;margin-top:29px;color:#8ba6c9;font-size:12px}
.wrmp-intro-stats b{color:#fff;font-size:19px}
/* Carousel – exactly 3 cards at full 7/12 desktop width; 2/1 when its own container shrinks. */
.wrmp-carousel{container:wrmp-carousel / inline-size;min-width:0;padding:0 0 8px;isolation:isolate}
.wrmp-carousel-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:14px;min-height:29px;margin:0 1px 11px}
.wrmp-carousel-count{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#a2b9d1;margin-right:auto;font-variant-numeric:tabular-nums}
.wrmp-carousel-arrows{display:flex;gap:8px}
.wrmp-carousel-arrows button{display:grid;place-items:center;width:32px;height:32px;border:1px solid #5d7a9b;background:#061a32bd;border-radius:50%;color:#fff;font-size:17px;line-height:1;padding:0}
.wrmp-carousel-arrows button:hover:not(:disabled){border-color:var(--wrmp-orange);background:var(--wrmp-orange);color:#061a32}
.wrmp-carousel-arrows button:disabled{opacity:.26;cursor:default}
.wrmp-carousel[data-static="1"] .wrmp-carousel-arrows{display:none}
.wrmp-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:1px;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scroll-behavior:smooth;min-width:0;outline-offset:4px}
.wrmp-viewport::-webkit-scrollbar{display:none}
.wrmp-track{--wrmp-card-gap:12px;--wrmp-cols:3;display:flex;align-items:stretch;gap:var(--wrmp-card-gap);min-width:0}
.wrmp-track>.wrmp-card{flex:0 0 calc((100% - (var(--wrmp-cols) - 1)*var(--wrmp-card-gap))/var(--wrmp-cols));min-width:0;scroll-snap-align:start}
.wrmp-carousel-progress{height:2px;margin:15px 0 0;background:#ffffff24;border-radius:20px;overflow:hidden}
.wrmp-carousel-progress>span{display:block;width:20%;height:100%;background:linear-gradient(90deg,#f9700e,#ffb35b);transition:width .3s ease}
/* Independent white cards – screenshot-focused and consistently sized */
.wrmp-card{position:relative;display:flex;flex-direction:column;background:#fff;color:var(--wrmp-ink);border:1px solid #dfebf5;border-radius:var(--wrmp-radius);overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);min-height:0;transition:box-shadow .25s ease,transform .25s ease}
.wrmp-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(0,11,30,.25)}
.wrmp-card-visual{position:relative;display:block;overflow:hidden;aspect-ratio:1.62;background:#0d2c4e}
.wrmp-card-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.wrmp-card:hover .wrmp-card-visual img{transform:scale(1.035)}
.wrmp-card-badge{position:absolute;top:11px;left:11px;padding:6px 9px;font-size:9px;font-weight:800;line-height:1;border-radius:999px;color:#ffab50;background:#071a30e8;border:1px solid #f58d2d8c;box-shadow:0 5px 12px #0002;max-width:calc(100% - 22px)}
.wrmp-card-body{display:flex;flex-direction:column;flex:1;padding:13px 14px 14px;min-width:0}
.wrmp-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#55789f;font-size:10px;margin-bottom:7px}
.wrmp-card-meta>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wrmp-card-heading{display:flex;align-items:start;justify-content:space-between;gap:6px}
.wrmp-card-heading h3{color:#0a2147!important;font-size:14px!important;line-height:1.27!important;font-weight:800!important;margin:0 0 7px!important;letter-spacing:-.25px;min-width:0}
.wrmp-card-heading h3 a{color:inherit!important}
.wrmp-card-heading h3 a:hover{color:#e46616!important}
.wrmp-card-arrow{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid #cfdfef;background:#edf5ff;color:#124c95!important;font-weight:800;font-size:18px;flex:none}
.wrmp-card-arrow:hover{color:#fff!important;background:#f47b19;border-color:#f47b19;transform:rotate(45deg)}
.wrmp-card-desc{color:#496385!important;font-size:11px!important;line-height:1.48!important;margin:0 0 12px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.wrmp-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}
.wrmp-tags span{font-size:9px;line-height:1.15;color:#1c518c;background:#eaf2fc;border-radius:999px;padding:5px 8px;font-weight:600;white-space:nowrap}
.wrmp-placeholder{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;background:radial-gradient(circle at 72% 24%,#185ea6,#072342 69%);color:#9abbd5;font-size:9px;letter-spacing:1px;text-transform:uppercase}
.wrmp-placeholder-mark{font-size:51px;color:#e7f0ff;letter-spacing:-6px;font-weight:900;text-shadow:0 7px 25px #149cfe6b}
.wrmp-placeholder-mark span{color:#ff8a23;letter-spacing:0;font-size:29px}
.wrmp-empty{padding:27px;min-height:150px;background:#0b3150;border-radius:14px;color:#acc6df;font-size:14px}
.wrmp-empty a{color:#ff9c45;text-decoration:underline}
@container wrmp-carousel (max-width: 620px){.wrmp-track{--wrmp-cols:2}}
@container wrmp-carousel (max-width: 420px){.wrmp-track{--wrmp-cols:1}}
/* Reference archive – deliberate contrast of editorial navy and white cards */
.wrmp-archive{position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);background:#041a32;color:#fff;overflow:hidden;min-height:650px}
.wrmp-archive-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 65% 35%,#075ca34f,transparent 47%),#04182f url('../img/portfolio-archive.webp') center 45%/cover no-repeat;border-bottom:1px solid #2d5b873f}
.wrmp-archive-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#031326e8 0%,#03162cd5 37%,#04193020 94%);pointer-events:none}
.wrmp-archive-hero-inner{position:relative;z-index:1;max-width:1250px;margin:auto;padding:96px 25px 87px}
.wrmp-archive-hero h1{font-size:clamp(36px,4.4vw,68px)!important;line-height:1.02!important;letter-spacing:-2px;font-weight:850;color:#fff!important;margin:20px 0!important;max-width:650px}
.wrmp-archive-hero p{max-width:530px;color:#c8d7e9!important;font-size:16px!important;line-height:1.62!important;margin:0!important}
.wrmp-archive-facts{display:flex;align-items:center;gap:20px;margin-top:35px;flex-wrap:wrap;color:#b3cee8;font-size:12px}
.wrmp-archive-facts span{display:flex;align-items:center;gap:7px;padding-right:20px;border-right:1px solid #6b91b65e}
.wrmp-archive-facts span:last-child{border:0}
.wrmp-archive-facts b{font-size:23px;line-height:1;color:#fff}
.wrmp-archive-orbit{position:absolute;right:10%;top:16%;width:380px;height:380px;border:1px solid #157bc226;border-radius:50%;transform:rotate(-25deg);pointer-events:none}
.wrmp-archive-orbit span{position:absolute;border:1px solid #ff791738;border-radius:50%;inset:10% 0;transform:rotate(45deg)}
.wrmp-archive-orbit span:nth-child(2){inset:22% -12%;transform:rotate(-45deg);border-color:#188fdb44}
.wrmp-archive-orbit span:nth-child(3){inset:38% -22%;transform:rotate(64deg);border-color:#ff791733}
.wrmp-archive-content{max-width:1250px;margin:0 auto;padding:35px 25px 95px;position:relative}
.wrmp-filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:16px;background:#0b2948b8;border:1px solid #24507885;border-radius:17px;box-shadow:0 14px 42px #00102636}
.wrmp-filter-categories{display:flex;flex-wrap:wrap;gap:7px;max-width:100%}
.wrmp-filter-pill{min-height:34px;border:1px solid #40678e;color:#d6e5f4;background:#0b2747;border-radius:999px;padding:8px 12px;font-size:12px;line-height:1.2;white-space:nowrap}
.wrmp-filter-pill.is-active,.wrmp-filter-pill:hover{border-color:#ff9018;color:#fff;background:#fb7312;box-shadow:0 0 15px #fc801235}
.wrmp-filter-tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.wrmp-search{display:flex;gap:8px;align-items:center;min-width:155px;background:#061d37;border:1px solid #416283;border-radius:9px;padding:0 12px;color:#93b1d0}
.wrmp-search>span{font-size:24px}
.wrmp-search input{border:0!important;outline:0!important;background:transparent!important;color:#fff!important;min-width:100px;width:160px;height:36px;padding:0!important;font-size:12px;box-shadow:none!important}
.wrmp-search input::placeholder{color:#92adca}
.wrmp-sort select{height:38px!important;min-width:125px;padding:7px 12px!important;border:1px solid #416283!important;border-radius:9px!important;background:#061d37!important;color:#dce9f6!important;font-size:12px}
.wrmp-filter-submit{height:38px;border:1px solid #f48a27;background:#ee7414;color:#fff;font-size:12px;font-weight:800;border-radius:9px;padding:8px 12px}
.wrmp-filter-submit:hover{background:#ff9538}
.wrmp-results-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:31px 0 19px;color:#9fb8d0;letter-spacing:.3px;font-size:12px}
.wrmp-results-label span:first-child{color:#fff;font-size:14px;font-weight:700}
.wrmp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.wrmp-grid>.wrmp-card{height:100%}
.wrmp-grid .wrmp-card-visual{aspect-ratio:1.72}
.wrmp-grid .wrmp-card-body{padding:19px 20px 20px}
.wrmp-grid .wrmp-card-heading h3{font-size:19px!important;margin-bottom:9px!important}
.wrmp-grid .wrmp-card-desc{font-size:13px!important;line-height:1.55!important;margin-bottom:17px!important}
.wrmp-grid .wrmp-tags span{font-size:11px;padding:6px 10px}
.wrmp-grid .wrmp-card-meta{font-size:11px;margin-bottom:9px}
.wrmp-grid .wrmp-card-arrow{width:31px;height:31px}
.wrmp-pagination{margin:40px 0 0}
.wrmp-pagination ul{display:flex;justify-content:center;gap:9px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.wrmp-pagination li{margin:0;padding:0}
.wrmp-pagination .page-numbers{display:grid;place-items:center;min-width:38px;min-height:38px;border:1px solid #4f708d;border-radius:9px;padding:7px 11px;color:#dcebf9;background:#072340;font-size:12px}
.wrmp-pagination .page-numbers.current,.wrmp-pagination a.page-numbers:hover{background:#ff7917;color:#fff;border-color:#ff7917}
.wrmp-no-results{text-align:center;background:#0c2a4b;border:1px dashed #3a688f;border-radius:16px;padding:70px 20px}
.wrmp-no-results>span{font-size:42px;color:#f98b22}
.wrmp-no-results h2{color:#fff!important;margin:10px 0}
.wrmp-no-results p{color:#a9c4e0}
.wrmp-no-results a{color:#ffa64a;text-decoration:underline}
/* Detail */
.wrmp-detail{color:#112b4d;background:#f6f9fd;min-height:60vh;overflow:hidden}
.wrmp-detail-hero{background:linear-gradient(90deg,#031226e8,#051a37b3),url('../img/portfolio-home.webp') center/cover no-repeat;color:#fff}
.wrmp-detail-hero-inner{max-width:1180px;padding:70px 25px 75px;margin:0 auto}
.wrmp-breadcrumb{display:inline-flex;margin:0 0 40px;color:#a8cce9!important;font-size:13px}
.wrmp-breadcrumb:hover{color:#fff!important}
.wrmp-detail h1{color:#fff!important;font-size:clamp(35px,5vw,65px)!important;letter-spacing:-1.9px!important;line-height:1.09!important;max-width:880px;margin:18px 0!important}
.wrmp-detail-lead{font-size:17px!important;line-height:1.65!important;color:#c1d8eb!important;max-width:720px;margin:0!important}
.wrmp-detail-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.wrmp-detail-chips span{font-size:12px;color:#c7e1f6;border:1px solid #527595aa;background:#081f39bd;border-radius:999px;padding:8px 12px}
.wrmp-detail-body{max-width:1180px;margin:0 auto;padding:0 25px 80px}
.wrmp-detail-cover{margin-top:-36px;position:relative;border:6px solid #fff;background:#03182f;border-radius:19px;overflow:hidden;box-shadow:0 24px 65px #06183328;max-height:610px}
.wrmp-detail-cover img{width:100%;height:auto;max-height:600px;display:block;object-fit:cover;object-position:center top}
.wrmp-detail-cover .wrmp-placeholder{height:450px}
.wrmp-detail-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,.8fr);align-items:start;gap:75px;margin-top:55px}
.wrmp-detail-section{display:grid;grid-template-columns:75px minmax(0,1fr);gap:15px;padding:30px 0;border-bottom:1px solid #dce5ef}
.wrmp-detail-section:first-child{padding-top:0}
.wrmp-detail-number{color:#ed781b;font-weight:850;font-size:12px;letter-spacing:1.3px}
.wrmp-detail-section h2{color:#0a264d!important;font-size:clamp(23px,2.8vw,31px)!important;margin:0 0 12px!important;line-height:1.2!important}
.wrmp-detail-section p{margin:0!important;white-space:normal;color:#516984!important;font-size:15px!important;line-height:1.8!important}
.wrmp-detail-rich>*:first-child{margin-top:0}
.wrmp-detail-rich img{max-width:100%;height:auto}
.wrmp-detail-aside{position:sticky;top:95px}
.wrmp-factbox{padding:28px;background:#fff;border:1px solid #e2ebf5;border-radius:17px;box-shadow:0 15px 35px #071f3910}
.wrmp-factbox>.wrmp-kicker{margin-bottom:19px}
.wrmp-factbox>div:not(.wrmp-kicker){border-bottom:1px solid #e6edf5;padding:13px 0}
.wrmp-factbox small{display:block;color:#8798ad;font-size:11px;line-height:1.3;margin-bottom:6px}
.wrmp-factbox strong{color:#102b50;font-size:14px}
.wrmp-fact-metric b{display:block;color:#f87e18;font-size:34px;line-height:1.15}
.wrmp-fact-metric span{font-size:12px;color:#607a94}
.wrmp-site-link{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:21px;border-radius:10px;padding:12px 15px;background:#f67813;color:#fff!important;font-weight:800;font-size:13px}
.wrmp-site-link:hover{background:#ce5907;color:#fff!important}
.wrmp-detail-gallery{margin-top:60px}
.wrmp-detail-gallery h2{color:#102c53!important;font-size:31px!important;margin:15px 0 25px!important}
.wrmp-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.wrmp-gallery-grid a{border-radius:14px;overflow:hidden;box-shadow:0 12px 27px #04152518;aspect-ratio:1.5}
.wrmp-gallery-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.wrmp-gallery-grid a:hover img{transform:scale(1.04)}
.wrmp-detail-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:25px;padding:45px 35px;margin-top:75px;color:#fff;background:linear-gradient(115deg,#061e3d,#0b4171);border-radius:18px}
.wrmp-detail-footer>div>span{color:#ffa04d;font-size:11px;font-weight:800;letter-spacing:1.3px}
.wrmp-detail-footer h2{color:#fff!important;margin:9px 0 0!important;font-size:clamp(23px,3vw,31px)!important;line-height:1.2!important}
@media(max-width:1199px){.wrmp-home-row{padding:45px 0}.wrmp-intro{padding-right:14px}.wrmp-intro .wrmp-intro-heading{font-size:clamp(26px,3.1vw,37px)!important}}
@media(max-width:991px){.wrmp-home-row{padding:45px 0}.wrmp-intro{max-width:none;padding:0 0 24px}.wrmp-intro .wrmp-intro-heading{max-width:none}.wrmp-intro .wrmp-intro-text{max-width:65ch}.wrmp-carousel{margin:0}.wrmp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wrmp-detail-layout{gap:35px;grid-template-columns:minmax(0,1.5fr) minmax(230px,.7fr)}}
@media(max-width:767px){.wrmp-home-row{padding:34px 0 40px}.wrmp-intro{padding-bottom:20px}.wrmp-intro .wrmp-intro-heading{font-size:32px!important;line-height:1.08!important}.wrmp-intro .wrmp-intro-text{font-size:14px}.wrmp-carousel-toolbar{margin-bottom:12px}.wrmp-archive-hero-inner{padding:76px 20px 60px}.wrmp-archive-hero h1{font-size:40px!important}.wrmp-archive-hero p{font-size:14px!important}.wrmp-archive-facts{gap:8px}.wrmp-archive-facts span{padding-right:12px}.wrmp-archive-content{padding:20px 16px 60px}.wrmp-filters{padding:12px}.wrmp-filter-tools{width:100%}.wrmp-search{flex:1;min-width:145px}.wrmp-search input{width:100%}.wrmp-results-label span:last-child{display:none}.wrmp-grid{grid-template-columns:1fr;gap:16px}.wrmp-grid .wrmp-card-visual{aspect-ratio:1.7}.wrmp-detail-layout{grid-template-columns:1fr}.wrmp-detail-aside{position:static;grid-row:1}.wrmp-detail-hero-inner{padding:45px 20px 70px}.wrmp-breadcrumb{margin-bottom:26px}.wrmp-detail-body{padding:0 18px 50px}.wrmp-detail-section{grid-template-columns:43px 1fr}.wrmp-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wrmp-detail-footer{padding:28px 22px;margin-top:45px}}
@media(max-width:440px){.wrmp-filter-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%}.wrmp-search{grid-column:1/-1}.wrmp-filter-submit{grid-column:2}.wrmp-archive-facts span{font-size:10px}.wrmp-archive-facts b{font-size:19px}.wrmp-gallery-grid{grid-template-columns:1fr}.wrmp-detail h1{font-size:35px!important}}
@media(prefers-reduced-motion:reduce){.wrmp *, .wrmp *::before,.wrmp *::after{transition:none!important;scroll-behavior:auto!important}}

.wrmp-archive--no-bg .wrmp-archive-hero{background-image:radial-gradient(ellipse at 65% 35%,#075ca34f,transparent 47%)}