/* Selected Projects V7 — only four curated, document-forward case studies. */
.project-grid:has(.project-tile),.featured-four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.project-card.project-tile{display:flex;flex-direction:column;text-decoration:none;color:inherit;min-width:0;cursor:pointer;outline-offset:5px}
.project-card.project-tile:focus-visible{outline:3px solid #cc9338}
.project-card.project-tile:hover .view-project,.project-card.project-tile:focus-visible .view-project{color:#a46d12}
.project-tile .project-cover-editorial{position:relative;aspect-ratio:auto;min-height:170px;display:flex;flex-direction:column;padding:26px 29px;color:#fff;isolation:isolate;background:linear-gradient(125deg,#08243f,#123c61)}
.project-cover-editorial::after{content:'';position:absolute;inset:0 0 0 auto;width:31%;opacity:.11;pointer-events:none;background:repeating-linear-gradient(133deg,transparent 0 13px,#fff 13px 14px,transparent 14px 26px)}
.project-cover-editorial.accent-teal{background:linear-gradient(125deg,#082f46,#147478)}
.project-cover-editorial.accent-blue{background:linear-gradient(125deg,#071b36,#174d86)}
.project-cover-editorial.accent-gold{background:linear-gradient(125deg,#17243a,#72572e)}
.project-cover-editorial.accent-green{background:linear-gradient(125deg,#082638,#215c55)}
.cover-index{display:block;text-transform:uppercase;color:#f9d691;font-size:.69rem;letter-spacing:.15em;font-weight:850}
.cover-title{font-family:Georgia,serif;font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.3;letter-spacing:.015em;font-weight:600;display:block;margin:auto 0;max-width:85%;padding:18px 0}
.cover-indicator{font-size:.79rem;font-weight:700;color:#e0ebf5}
.project-tile .project-body{display:flex;flex-direction:column;flex:1;padding:27px 28px 24px}
.project-tile .project-body h3{font-size:clamp(1.45rem,2.25vw,1.75rem);margin-top:16px}
.project-tile .project-body p{font-size:.95rem;line-height:1.72;flex:1}
.project-tile .view-project{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e5e8eb;padding-top:17px;margin-top:24px;color:#145b8f;font-size:.88rem;font-weight:850}
.project-tile .view-project span{font-size:1.4rem;line-height:1}
.detail-hero{padding:62px 0 70px}
.detail-hero .container{max-width:1190px}
.detail-hero h1{font-size:clamp(2.35rem,4.4vw,4.4rem);max-width:950px}
.detail-hero p{max-width:890px;line-height:1.75;font-size:1.08rem}
.detail-hero .breadcrumb a{text-decoration:underline;text-decoration-color:rgba(255,255,255,.28);text-underline-offset:4px}
.hero-pills{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 0}
.hero-pills span{border:1px solid rgba(245,206,126,.45);border-radius:100px;color:#ffe5ae;font-size:.77rem;font-weight:800;padding:7px 11px}
.project-detail{padding:34px 0 90px}
.project-back{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.84rem;color:#65788c;letter-spacing:.05em;padding:4px 0 24px;border-bottom:1px solid #e1e7ec}
.project-back a{color:#175a8f;font-weight:800}
.project-back span{white-space:nowrap;color:#8c651d;font-weight:800}
.viewer-section{margin-top:55px}
.detail-section-heading{display:flex;gap:16px;align-items:flex-start;margin:0 0 22px}
.detail-n{min-width:48px;height:48px;border-radius:12px;border:1px solid #e4d1ae;background:#fbf2e1;display:grid;place-items:center;color:#926619;font-size:.9rem;font-weight:850}
.detail-section-heading h2,.content-panel h2,.related-projects h2{font-family:Georgia,serif;font-size:clamp(1.55rem,2.6vw,2.3rem);line-height:1.2;color:#082641;margin:2px 0 9px}
.detail-section-heading p{max-width:830px;line-height:1.72;color:#607186;margin:0}
.viewer-shell{background:#fff;border:1px solid #dce4ea;border-radius:18px;box-shadow:0 12px 35px rgba(6,27,45,.07);padding:17px;overflow:hidden}
.viewer-shell-large{padding:16px}
.viewer-tabs{display:flex;gap:9px;flex-wrap:wrap;padding:4px 2px 16px}
.viewer-tab{border:1px solid #cddbe4;border-radius:12px;padding:11px 16px;font-size:.85rem;font-weight:800;color:#20475f;background:#f7fafc;cursor:pointer}
.viewer-tab.active{background:#0c3356;border-color:#0c3356;color:#fff}
.viewer-tab:focus-visible{outline:3px solid #ce9a45;outline-offset:3px}
.viewer-panel{display:none}
.viewer-panel.active{display:block}
.viewer-description{font-size:.85rem;color:#546b7f;margin:3px 0 13px}
.viewer-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;padding:0 3px 14px;font-size:.84rem;font-weight:800;color:#4d667a}
.expand-view{color:#145b8e;font-weight:850}
.embed-frame{position:relative;width:100%;overflow:hidden;background:#071d32;border-radius:12px;border:1px solid #d7e0e8}
.embed-frame iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.powerbi-frame{aspect-ratio:16/9;min-height:460px}
.video-frame{aspect-ratio:16/9;background:#071a30;max-width:1090px}
.unilever-frame{height:780px}
.pdf-frame{height:740px;background:#eee}
.workbook-frame{height:650px;background:#f7f9fb}
.document-preview{background:#fff;border:1px solid #dce3e9;padding:24px;border-radius:18px;display:grid;place-items:center;box-shadow:0 12px 35px rgba(6,27,45,.06)}
.document-preview img{max-width:100%;height:auto;max-height:710px;object-fit:contain;border-radius:5px}
.certificate-preview{max-width:1080px}
.coil-certificate{max-width:780px}
.evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.evidence-figure{min-width:0;margin:0;border:1px solid #dce4ea;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(6,27,45,.04)}
.evidence-figure img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain;background:#f6f8fa;padding:8px}
.evidence-figure figcaption{padding:13px 16px;border-top:1px solid #e6edf0;color:#3d5870;line-height:1.5;font-size:.83rem;font-weight:700}
.gallery-grid img{max-height:300px}
.content-panel{margin-top:46px;padding:30px 32px;border:1px solid #dbe4ea;border-left:4px solid #c79948;background:#f8fafc;border-radius:15px}
.content-panel p{font-size:.97rem;color:#445b6c;line-height:1.88;margin:12px 0}
.fine-note{font-size:.78rem!important;line-height:1.7!important;color:#617487!important}
.related-projects{margin-top:60px;border-top:1px solid #dce6ec;padding-top:35px}
.related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.related-links a{display:flex;align-items:center;justify-content:space-between;gap:15px;background:white;border:1px solid #dfe5e9;border-radius:11px;padding:19px 17px;color:#1a3e5f;font-weight:800;font-size:.88rem;line-height:1.4}
.related-links a:hover{border-color:#b28b48;color:#9a6521}
.related-links span{font-size:1.3rem}
@media(max-width:850px){.project-grid:has(.project-tile),.featured-four{grid-template-columns:1fr}.project-cover-editorial{min-height:155px}.evidence-grid,.related-links{grid-template-columns:1fr}.powerbi-frame{min-height:360px}.unilever-frame{height:610px}.pdf-frame{height:570px}.workbook-frame{height:570px}}
@media(max-width:540px){.project-detail{padding-top:19px}.project-back{font-size:.72rem}.project-back span{font-size:.66rem}.viewer-section{margin-top:38px}.viewer-tab{width:100%;text-align:left}.viewer-shell{padding:9px}.powerbi-frame{min-height:270px;aspect-ratio:4/3}.unilever-frame{height:570px}.pdf-frame{height:490px}.workbook-frame{height:535px}.detail-section-heading{gap:11px}.detail-n{min-width:38px;height:38px}.content-panel{padding:22px 19px}.document-preview{padding:12px}.detail-hero{padding:43px 0 47px}.project-tile .project-body{padding:21px}.related-links a{padding:15px}}
.source-shell .viewer-tabs{padding-bottom:10px}
.source-caption{font-size:.77rem;color:#587087;font-weight:800;margin:0 6px 12px}
.source-scroll{max-height:650px;overflow:auto;background:#0a1b2d;border-radius:11px;border:1px solid #23435e}
.source-content{font:500 .81rem/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;color:#dce8f4;white-space:pre;tab-size:2;padding:20px;min-width:min-content;margin:0}
@media(max-width:540px){.source-content{font-size:.71rem;padding:14px}.source-scroll{max-height:480px}}