/* DWEBMEDIA V26 — project detail pages: no dark-green block, about then preview. */
/* The hero retains the two-column layout with a full, uncropped website preview. */
.project-v25 .pv25-hero-grid{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(48px,6.2vw,112px);align-items:center}
.project-v25 .pv25-hero-visual{min-width:0;margin:0}
.project-v25 .pv26-hero-browser{border:1px solid rgba(10,37,39,.14);border-radius:clamp(20px,2vw,32px);overflow:hidden;background:#111820;box-shadow:0 26px 64px rgba(11,35,36,.12)}
.project-v25 .pv26-hero-browser-top{height:34px;background:#F7FAFA;display:flex;align-items:center;gap:15px;padding:0 17px;color:#7A8C8D;font-size:10px;letter-spacing:.03em}
.project-v25 .pv26-hero-dots{display:flex;gap:6px;flex-shrink:0}
.project-v25 .pv26-hero-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#B6C6C6}
.project-v25 .pv26-hero-dots i:first-child{background:#F28B80}
.project-v25 .pv26-hero-dots i:nth-child(2){background:#E7C56E}
.project-v25 .pv26-hero-dots i:nth-child(3){background:#8AC3A7}
.project-v25 .pv26-hero-browser>img{display:block;width:100%;max-width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;box-shadow:none!important;transform:none!important;position:static!important}
.project-v25 .pv25-hero-visual figcaption{margin-top:15px}
/* Balanced, restrained section spacing without a dark block. */
.project-v25 .pv25-hero{padding-bottom:clamp(68px,6vw,98px)}
.project-v25 .pv25-intro{padding:clamp(85px,7vw,120px) 0;background:#E1E9E9}
.project-v25 .pv25-preview{padding:clamp(85px,7.5vw,125px) 0;background:#E8EEEE}
/* Heading above, centered browser frame below. */
.project-v25 .pv26-preview-layout{display:flex;flex-direction:column;align-items:center;gap:0}
.project-v25 .pv26-preview-heading{width:min(100%,900px);text-align:center;margin:0 auto clamp(38px,4.4vw,70px)}
.project-v25 .pv26-preview-heading h2{font-size:clamp(50px,5.8vw,89px);line-height:1.03;letter-spacing:-.07em;margin:0}
.project-v25 .pv26-preview-heading p{color:#536C6D;font-size:clamp(15px,1.2vw,18px);line-height:1.75;max-width:650px;margin:25px auto 0}
.project-v25 .pv26-preview-layout>.pv25-browser{width:min(100%,1010px);margin-inline:auto;border-radius:clamp(18px,2.2vw,29px);box-shadow:0 24px 70px rgba(11,35,36,.12)}
.project-v25 .pv25-browser-top{height:44px;background:#F9FBFB}
.project-v25 .pv25-browser-scroll{height:clamp(420px,51vw,660px);display:block;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:#10161B;scrollbar-width:thin;scrollbar-color:#90A7A7 #E8EEEE}
.project-v25 .pv25-browser-scroll img,
.project-v25 .pv25-browser[data-preview=website] .pv25-browser-scroll img,
.project-v25 .pv25-browser[data-preview=commerce] .pv25-browser-scroll img{display:block;width:100%!important;max-width:none!important;height:auto!important;min-height:0;object-fit:contain!important;object-position:top!important;image-rendering:auto}
.project-v25 .pv26-preview-bottom{width:min(100%,1010px);display:flex;justify-content:flex-end;margin:24px auto 0}
.project-v25 .pv26-preview-bottom a{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid #91A6A6;padding:0 0 9px;font-size:13px;color:#284344}
.project-v25 .pv26-preview-bottom a span:last-child{font-size:22px;color:#E94B2B}
/* Preserve readable responsive hierarchy. */
@media(max-width:1100px){.project-v25 .pv25-hero-grid{gap:36px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
@media(max-width:760px){.project-v25 .pv25-hero-grid{grid-template-columns:1fr;gap:34px}.project-v25 .pv25-hero-visual{width:100%}.project-v25 .pv25-intro,.project-v25 .pv25-preview{padding:72px 0}.project-v25 .pv26-preview-heading{text-align:left;margin-bottom:30px}.project-v25 .pv26-preview-heading p{margin:20px 0 0}.project-v25 .pv26-preview-layout>.pv25-browser{width:100%}.project-v25 .pv25-browser-scroll{height:clamp(380px,90vw,520px)}.project-v25 .pv25-browser-top{height:38px;font-size:9px}.project-v25 .pv26-preview-bottom{margin-top:18px}}
@media(max-width:400px){.project-v25 .pv26-hero-browser-top{font-size:9px;padding-inline:12px}.project-v25 .pv26-preview-heading h2{font-size:13vw}}