/* Editorial image-led catalog cards: scoped to the public catalog. */
.nw-page .nw-catalog .nw-sector-section{margin-block:2.5rem}
.nw-page .nw-catalog .nw-sector-heading{display:flex;align-items:end;justify-content:space-between;gap:1.25rem;margin-bottom:1.1rem}
.nw-page .nw-catalog .nw-sector-heading h2{margin:.35rem 0 0;font-size:clamp(1.45rem,2.8vw,2.25rem);font-weight:800}
.nw-page .nw-catalog .nw-sector-heading>p{max-width:34ch;margin:0;color:var(--nw-brand-muted)}
.nw-page .nw-catalog .nw-sector-orbit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem;margin-block:1.25rem 2.5rem}
.nw-page .nw-catalog .nw-sector-orbit .nw-sector-card{display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;border:1px solid var(--nw-brand-line);border-radius:1.5rem;background:var(--nw-brand-paper);box-shadow:0 14px 35px -26px #09352e80;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.nw-page .nw-catalog .nw-sector-card:hover{transform:translateY(-4px);border-color:#9bbba6;box-shadow:0 20px 42px -28px #09352e80}
.nw-page .nw-catalog .nw-sector-art{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:190px;aspect-ratio:16/9;overflow:hidden;padding:1.1rem;background:radial-gradient(circle at 78% 24%,#ffffffaa 0 3%,transparent 3.5%),radial-gradient(circle at 78% 24%,#b4d7c1 0 15%,transparent 15.5%),linear-gradient(125deg,#0b5542 0%,#1c8057 48%,#d7e9d7 100%)}
.nw-page .nw-catalog .nw-sector-card:nth-child(3n+2) .nw-sector-art{background:radial-gradient(circle at 22% 24%,#ffffffa6 0 3%,transparent 3.5%),radial-gradient(circle at 22% 24%,#c8dfcf 0 16%,transparent 16.5%),linear-gradient(125deg,#164d4b 0%,#438b79 54%,#e0e9d9 100%)}
.nw-page .nw-catalog .nw-sector-card:nth-child(3n) .nw-sector-art{background:radial-gradient(circle at 78% 30%,#ffffffa6 0 3%,transparent 3.5%),radial-gradient(circle at 78% 30%,#d9e9ce 0 16%,transparent 16.5%),linear-gradient(125deg,#143d37 0%,#387a61 54%,#e8e3cd 100%)}
.nw-page .nw-catalog .nw-sector-art::before{content:"";position:absolute;z-index:-1;inset:14% 9% 10% 25%;border:1px solid #ffffff60;border-radius:48% 48% 14% 14%;transform:rotate(-9deg);background:linear-gradient(145deg,#ffffff30,#ffffff05);box-shadow:0 16px 38px #092e2630}
.nw-page .nw-catalog .nw-sector-art::after{content:"";position:absolute;z-index:-1;width:42%;aspect-ratio:1;inset-inline-end:12%;top:12%;border:1px solid #ffffff75;border-radius:50%;background:linear-gradient(135deg,#ffffff55,#ffffff05)}
.nw-page .nw-catalog .nw-sector-art.has-image{background:#e8eee7}
.nw-page .nw-catalog .nw-sector-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;transition:transform .35s ease}
.nw-page .nw-catalog .nw-sector-card:hover .nw-sector-art>img{transform:scale(1.045)}
.nw-page .nw-catalog .nw-sector-art.has-image::before{inset:0;border:0;border-radius:0;transform:none;background:linear-gradient(0deg,#092e26c9 0%,#092e2626 58%,transparent 100%);box-shadow:none}
.nw-page .nw-catalog .nw-sector-art.has-image::after{display:none}
.nw-page .nw-catalog .nw-sector-art-mark{display:grid;place-items:center;width:3.25rem;height:3.25rem;flex:none;border:1px solid #ffffff9c;border-radius:1.1rem;background:#fffdf7e8;color:#0a5c43;font-family:Cairo,Tajawal,sans-serif;font-size:1.8rem;font-weight:800;box-shadow:0 8px 22px #092e2630}
.nw-page .nw-catalog .nw-sector-art-label{margin-inline-start:.75rem;color:#fff;font-size:.92rem;font-weight:800;text-shadow:0 2px 12px #092e2680}
.nw-page .nw-catalog .nw-sector-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:.45rem;padding:1.15rem 1.2rem 1.25rem}
.nw-page .nw-catalog .nw-sector-copy>strong{font-family:Cairo,Tajawal,sans-serif;font-size:1.13rem;font-weight:800;line-height:1.65;color:var(--nw-brand-ink)}
.nw-page .nw-catalog .nw-sector-copy>span:not(.nw-sector-open){color:var(--nw-brand-muted);font-size:.98rem;line-height:1.8}
.nw-page .nw-catalog .nw-sector-copy .nw-sector-open{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;margin-top:auto;padding-top:.65rem;color:var(--nw-brand-green);font-weight:800}
.nw-page .nw-catalog .nw-sector-open span{font-size:1.2rem;transition:transform .2s ease}
.nw-page .nw-catalog .nw-sector-card:hover .nw-sector-open span{transform:translateX(-3px)}
.nw-page .nw-catalog .nw-service-card{padding:0;gap:0;overflow:hidden;border-radius:1.5rem}
.nw-page .nw-catalog .nw-card-gallery{background:#e8eee7;border-bottom:0;padding:.55rem .55rem 0}
.nw-page .nw-catalog .nw-card-frame{aspect-ratio:16/10;border-radius:1.1rem;overflow:hidden;background:linear-gradient(135deg,#e8eee7,#f9f8f1)}
.nw-page .nw-catalog .nw-card-frame picture{width:100%;height:100%}
.nw-page .nw-catalog .nw-card-frame img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:1.1rem;transition:transform .35s ease}
.nw-page .nw-catalog .nw-service-card:hover .nw-card-frame img{transform:scale(1.035)}
.nw-page .nw-catalog .nw-service-card-body{padding:1.25rem;gap:.65rem}
.nw-page .nw-catalog .nw-service-card-body h2{margin:0}
.nw-page .nw-catalog .nw-service-card-body p{margin:0 0 .5rem}
.nw-page .nw-catalog .nw-service-card-actions .nw-action{align-self:stretch;min-height:48px;justify-content:center;white-space:normal}
@media(max-width:900px){.nw-page .nw-catalog .nw-sector-orbit{grid-template-columns:repeat(2,minmax(0,1fr))}.nw-page .nw-catalog .nw-sector-art{min-height:170px}}
@media(max-width:600px){.nw-page .nw-catalog .nw-sector-heading{display:block}.nw-page .nw-catalog .nw-sector-heading>p{margin-top:.45rem}.nw-page .nw-catalog .nw-sector-orbit{grid-template-columns:minmax(0,1fr);gap:1rem}.nw-page .nw-catalog .nw-sector-card{display:grid;grid-template-columns:minmax(0,1fr);border-radius:1.25rem}.nw-page .nw-catalog .nw-sector-art{aspect-ratio:16/8;min-height:150px;padding:.85rem}.nw-page .nw-catalog .nw-sector-copy{padding:1rem 1.05rem}.nw-page .nw-catalog .nw-card-gallery{padding:.4rem .4rem 0}.nw-page .nw-catalog .nw-card-frame{aspect-ratio:16/10}.nw-page .nw-catalog .nw-service-card-body{padding:1rem}.nw-page .nw-catalog .nw-service-card-actions{flex-direction:column;align-items:stretch!important}.nw-page .nw-catalog .nw-service-card-actions .nw-action{width:100%}}
@media(prefers-reduced-motion:reduce){.nw-page .nw-catalog .nw-sector-orbit *,.nw-page .nw-catalog .nw-service-card *{transition:none!important}}

/* All service/category/editorial galleries use a consistent landscape card frame. */
.nw-page .nw-catalog .nw-section-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem;align-items:stretch}
.nw-page .nw-catalog .nw-section-gallery figure{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;min-width:0;padding:.55rem!important;overflow:hidden;border:1px solid var(--nw-brand-line);border-radius:1.35rem;background:var(--nw-brand-paper)!important;box-shadow:0 12px 30px -24px #09352e50}
.nw-page .nw-catalog .nw-section-gallery picture{display:block;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:.95rem;background:#f1f3eb}
.nw-page .nw-catalog .nw-section-gallery img{display:block;width:100%;height:100%!important;max-height:none;object-fit:contain!important;border-radius:.95rem!important;background:#f1f3eb}
.nw-page .nw-catalog .nw-media-gallery.nw-protected-gallery{align-items:stretch;gap:1rem}
.nw-page .nw-catalog .nw-media-gallery.nw-protected-gallery figure{flex:0 0 clamp(260px,36vw,430px);min-width:0;aspect-ratio:16/10;min-height:0;overflow:hidden;border:1px solid var(--nw-brand-line);border-radius:1.35rem;background:var(--nw-brand-paper);box-shadow:0 12px 30px -24px #09352e50;scroll-snap-align:start}
.nw-page .nw-catalog .nw-media-gallery.nw-protected-gallery figure:has(.nw-artwork-frame){display:flex;flex-direction:column;align-items:stretch}
.nw-page .nw-catalog .nw-media-gallery.nw-protected-gallery .nw-artwork-frame{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;aspect-ratio:16/10;overflow:hidden;background:#f1f3eb}
.nw-page .nw-catalog .nw-media-gallery.nw-protected-gallery .nw-artwork-frame picture{display:block;width:100%;height:100%}
.nw-page .nw-catalog .nw-media-gallery.nw-protected-gallery .nw-artwork-frame img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;background:#f1f3eb;border-radius:0}
.nw-page .nw-catalog .nw-reviewed-editorial-gallery figure{height:auto;aspect-ratio:auto;flex-basis:clamp(260px,36vw,430px)}
.nw-page .nw-catalog .nw-reviewed-editorial-gallery picture{height:auto;aspect-ratio:16/10}
.nw-page .nw-catalog .nw-reviewed-editorial-gallery picture img{aspect-ratio:16/10;object-fit:contain}
.nw-page .nw-catalog .nw-reviewed-editorial-gallery figcaption{background:var(--nw-brand-paper);border-top:1px solid var(--nw-brand-line);font-size:.95rem;line-height:1.8}
@media(max-width:600px){.nw-page .nw-catalog .nw-section-gallery{grid-template-columns:minmax(0,1fr)}.nw-page .nw-catalog .nw-section-gallery figure{aspect-ratio:16/10}.nw-page .nw-catalog .nw-media-gallery.nw-protected-gallery figure,.nw-page .nw-catalog .nw-reviewed-editorial-gallery figure{flex-basis:82vw}}

.nw-page .nw-catalog .nw-media-gallery:not(.nw-protected-gallery) figure{flex:0 0 clamp(260px,36vw,430px);min-width:0;aspect-ratio:16/10;min-height:0;overflow:hidden;border:1px solid var(--nw-brand-line);border-radius:1.35rem;background:var(--nw-brand-paper);box-shadow:0 12px 30px -24px #09352e50;scroll-snap-align:start}
.nw-page .nw-catalog .nw-media-gallery:not(.nw-protected-gallery) figure picture{display:block;width:100%;height:100%;aspect-ratio:16/10}
.nw-page .nw-catalog .nw-media-gallery:not(.nw-protected-gallery) figure img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;background:#f1f3eb;border-radius:0}
@media(max-width:600px){.nw-page .nw-catalog .nw-media-gallery:not(.nw-protected-gallery) figure{flex-basis:82vw}}

/* Final visual pass: preserve complete designed artwork and keep the category icon clear of baked-in image typography. */
.nw-page .nw-catalog .nw-sector-art{display:block;background:#e8eee7}
.nw-page .nw-catalog .nw-sector-art>img{z-index:0;object-fit:contain;object-position:center;background:transparent}
.nw-page .nw-catalog .nw-sector-art.has-image::before{display:none}
.nw-page .nw-catalog .nw-sector-art-mark{position:absolute;z-index:3;inset-block-start:1rem;inset-inline-end:1rem}
.nw-page .nw-catalog .nw-sector-art-label{display:none}
@media(max-width:600px){.nw-page .nw-catalog .nw-sector-art-mark{inset-block-start:.8rem;inset-inline-end:.8rem}}

/* Category artwork is often an infographic or a square editorial illustration; a 4:3 card keeps its full composition legible without turning the whole card into a square. */
.nw-page .nw-catalog .nw-sector-art{aspect-ratio:4/3;min-height:0}
@media(max-width:600px){.nw-page .nw-catalog .nw-sector-art{aspect-ratio:4/3;min-height:0}}

/* Reviewed conceptual card artwork for services with quarantined legacy media. */
.nw-page .nw-catalog .nw-card-concept-art{padding:.55rem .55rem .35rem;background:#f3f7f1;border-bottom:1px solid var(--nw-brand-line)}
.nw-page .nw-catalog .nw-card-concept-art .nw-card-concept-frame{aspect-ratio:4/3;border-radius:1rem;background:#f7f5ee;overflow:hidden}
.nw-page .nw-catalog .nw-card-concept-art .nw-card-concept-frame img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#f7f5ee;border-radius:1rem}
.nw-page .nw-catalog .nw-card-art-note{margin:0;padding:.35rem .5rem .05rem;color:var(--nw-brand-muted);font-size:.76rem;line-height:1.6}
