.purep-feature{background:#f5f7f9;color:#16202a;}
.purep-eyebrow{display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:.12em;color:#5a6774;}
.purep-eyebrow span{width:68px;height:1px;background:#c5d0db;}
.purep-feature h2{margin-top:24px;font-family:var(--font-display),sans-serif;font-size:clamp(52px,7vw,88px);font-weight:800;line-height:1.05;letter-spacing:-.06em;}
.purep-feature h2>span{color:var(--button-blue);}
.purep-subtitle{margin-top:12px;font-size:clamp(19px,2.5vw,30px);font-weight:600;letter-spacing:-.025em;}
.purep-intro{margin-top:16px;color:#5a6774;line-height:1.7;word-break:keep-all;}
.purep-cards{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:24px;margin-top:40px;}
.purep-card{display:block;min-width:0;padding:0;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer;font:inherit;}
.purep-card-image{display:block;height:clamp(240px,26vw,340px);overflow:hidden;border-radius:12px;background:#e5eef5;}
.purep-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease;}
.purep-card:first-child img{object-position:50% center;}
.purep-card:nth-child(2) img{object-fit:cover;background:#dcefff;}
.purep-card:nth-child(3) img{object-fit:cover;object-position:center;background:#d8e7f0;}
.purep-card:hover img{transform:scale(1.035);}
.purep-card:focus-visible{outline:3px solid var(--button-blue);outline-offset:8px;border-radius:12px;}
.purep-card-number{display:flex;align-items:center;gap:14px;margin:24px 0 12px;font-size:12px;color:var(--button-blue);font-weight:600;}
.purep-card-number span{width:55px;height:1px;background:#c5d0db;}
.purep-card-title{display:block;font-family:var(--font-display),sans-serif;font-size:clamp(20px,2.2vw,28px);font-weight:700;letter-spacing:-.03em;}
.purep-card-description{display:block;margin-top:8px;color:#5a6774;font-size:15px;}
.purep-dialog{position:fixed;inset:0;margin:auto;width:80vw;max-width:none;height:80vh;height:80dvh;max-height:90dvh;padding:0;border:1px solid #d8dfe6;border-radius:16px;background:#fff;color:#16202a;overflow:hidden;}
.purep-dialog[open]{display:flex;flex-direction:column;}
.purep-dialog::backdrop{background:rgb(10 20 30 / .65);backdrop-filter:blur(5px);}
.purep-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid #d8dfe6;flex-shrink:0;}
.purep-dialog-header h2{font-size:18px;}
.purep-dialog-close{border:0;background:transparent;color:inherit;font-size:32px;width:40px;height:40px;cursor:pointer;}
.purep-dialog-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;}
.purep-detail img{display:block;width:100%;height:auto;}
.purep-detail-status:not(:empty){padding:24px;text-align:center;}
.purep-dialog-footer{flex-shrink:0;padding:14px 24px;border-top:1px solid #d8dfe6;text-align:right;}
.purep-dialog [hidden]{display:none!important;}
.purep-gallery{height:100%;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;background:#f5f7f9;}
.purep-gallery-status{color:#5a6774;}
.purep-gallery-status:empty{display:none;}
.purep-gallery-image{flex:1;width:100%;min-height:0;max-width:100%;object-fit:contain;touch-action:pan-y;user-select:none;}
.purep-gallery-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-shrink:0;gap:16px;}
.purep-gallery-count{min-width:44px;text-align:center;}
.purep-gallery-controls button{width:44px;height:44px;border:1px solid #d4d9df;border-radius:50%;background:#edf0f3;color:#59636e;cursor:pointer;transition:background-color .2s,border-color .2s;}
.purep-gallery-controls button:hover{background:#e1e6eb;border-color:#bfc7d0;}
.purep-website{height:100%;display:flex;flex-direction:column;}
.purep-website p{padding:8px 16px;font-size:12px;background:#f5f7f9;}
.purep-website a{color:var(--button-blue);text-decoration:underline;}
.purep-website iframe{display:block;width:100%;flex:1;min-height:0;border:0;background:white;}
@media(max-width:768px){.purep-cards{grid-template-columns:1fr;gap:36px;}.purep-card-image{height:auto;aspect-ratio:16/10;}.purep-card-number{margin-top:18px;}.purep-dialog{width:94vw;height:88dvh;}.purep-dialog-header{padding:12px 16px;}.purep-intro{font-size:14px;}}
@media(prefers-reduced-motion:reduce){.purep-card-image img{transition:none;}.purep-card:hover img{transform:none;}}

/* Leave content clear of the scroll-driven blend into the featured project. */
.work{position:relative;padding-bottom:clamp(300px,29vw,460px);color:var(--ink);background-color:var(--work-feature-bg,var(--paper));}
.work::after{content:none;}
.purep-feature{background:var(--work-feature-bg,#F5F7F9);border-top:0;}