/* Project presentations use the existing palette, type and spacing tokens. */
.postid-70 .client-case .case-lead>img{margin-top:0}
.postid-70 .case-proof{grid-template-columns:minmax(0,1fr)}
.postid-70 .rigas-harvest-photo button{padding:0;border:0;border-radius:0;background:transparent}
.client-case .case-lead{background:transparent;border:0;border-radius:0;padding:0;margin:22px 0 24px}.client-case .case-lead>img{margin-top:-6%}.client-case .case-lead figcaption{border:0;padding:14px 0 0}
.case-capture-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:10px}.case-capture-links a{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;border-bottom:2px solid var(--gold);padding:3px 4px;background-image:linear-gradient(var(--gold),var(--gold));background-repeat:no-repeat;background-position:left center;background-size:0% 100%;transition:background-size .25s ease}.case-capture-links a:hover,.case-capture-links a:focus-visible{background-size:100% 100%}.case-capture-links svg{width:14px;height:14px}
.case-captures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 26px;margin-top:28px}.case-capture{margin:0;min-width:0}.case-capture-window{display:block;aspect-ratio:1.25;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:12px;overflow:hidden}.case-capture-window img{width:100%;height:100%;object-fit:cover;object-position:top}.case-capture figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:14px}.case-capture figcaption strong{display:block;font-size:15px;line-height:1.5;font-weight:700}.case-capture figcaption span{display:block;font-size:12px;margin-top:5px}.case-capture-open{display:flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;border-bottom:2px solid var(--gold)}.case-capture-open:hover{background:var(--gold)}.case-capture-help{font-size:12px}.case-archive-more>.case-captures{margin-bottom:14px}
@media(max-width:600px){.case-captures{grid-template-columns:1fr;gap:26px}.case-capture-window{padding:9px}.case-capture figcaption strong{font-size:14px}}
.case-client-logo{mix-blend-mode:multiply}
/* Main films fill the content column; secondary galleries retain their grids. */
.main .video-cover{width:100%;max-width:none}
.postid-1417 .client-case .whc-film{width:100%;max-width:none}
.single-wpn_project .stigma-case .sc-film-primary{width:100%!important;max-width:none!important}
.main .video-caption a{display:none}
.main .video-caption:has(>[data-video-stop]:not([hidden])){align-items:center}
.main .video-stop{display:none}
.client-case{--case-space:52px}.case-kicker{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:4px 0 25px}.case-kicker .eyebrow{margin:0}.case-client-logo{width:66px;height:66px;object-fit:contain}.case-heading h1{margin-bottom:24px}.case-heading .intro{max-width:780px;margin-bottom:28px}.case-meta{display:grid;grid-template-columns:1fr 1.3fr;gap:18px 32px;margin:0;padding:22px 0;border-top:1px solid var(--line)}.case-meta dt{font:12px/1.5 Consolas,monospace;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.case-meta dd{margin:0;font-size:13px;line-height:1.7}.case-lead{margin:10px 0 0;padding:24px 18px 0;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.case-lead>img{width:100%;height:auto}.case-lead figcaption{padding:16px 5px;font-size:12px;border-top:1px solid var(--line)}.case-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:28px 0 36px}.case-metric{border-left:2px solid var(--gold);padding-left:18px}.case-metric strong{display:block;font-size:clamp(27px,3vw,40px);line-height:1.2;letter-spacing:-.04em;font-weight:700}.case-metric span{display:block;margin-top:8px;font-size:12px}.case-section{padding:var(--case-space) 0;border-top:1px solid var(--line)}.case-section>h2{max-width:760px}.case-section p{max-width:760px}.case-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}.case-columns h3{font-size:21px}.case-columns p{margin-bottom:0}.case-phase{padding:22px 0;border-top:1px solid var(--line)}.case-phase:first-child{border-top:2px solid var(--gold)}.case-phase .eyebrow{margin-bottom:16px}.case-systems{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.case-system{padding:25px 0;border-top:1px solid var(--line)}.case-system>span{display:block;font:12px Consolas,monospace;letter-spacing:.12em;margin-bottom:12px}.case-system p{margin:0}.case-diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:15px;align-items:center;padding:24px;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);margin:28px 0}.case-diagram>div{font-size:13px;line-height:1.7}.case-diagram strong{display:block;margin-bottom:4px}.case-diagram>span{font-size:22px}.case-proof{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:28px}.case-proof figure{margin:0;min-width:0}.case-proof button,.case-site-image{display:block;width:100%;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft);cursor:zoom-in}.case-proof img{width:100%;height:auto}.case-proof figcaption{font-size:12px;line-height:1.7;padding-top:13px}.case-proof figcaption strong{display:block;font-size:14px;margin-bottom:4px}.case-site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:26px 0 0}.case-site{margin:0;min-width:0;scroll-margin-top:35px}.case-site-image{height:220px;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}.case-site-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:top}.case-site figcaption{padding-top:12px;font-size:13px;line-height:1.6}.case-site figcaption span{display:block;font-size:12px;margin-top:4px}.case-archive-more{margin-top:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.case-archive-more>summary{cursor:pointer;font-size:13px;font-weight:650;list-style-position:inside}.case-archive-note{font-size:12px;line-height:1.8;margin-top:24px}.case-responsibilities{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;list-style:none;padding:0;margin:24px 0 0}.case-responsibilities li{border-top:1px solid var(--line);padding:13px 0;font-size:13px}.case-responsibilities li:before{content:'—';color:var(--gold-dark);margin-right:10px}.case-close{margin-bottom:24px}.video-cover>[data-inline-player]{position:absolute;inset:0;width:100%;height:100%;border:0}.video-caption{flex-wrap:wrap;gap:10px 18px}.video-stop{padding:0;border:0;border-bottom:2px solid var(--gold);background:transparent;color:var(--ink);font:inherit;cursor:pointer}.video-stop[hidden]{display:none}.video-cover.is-playing{background:#000}
@media(max-width:900px){.case-metrics{gap:15px}.case-metric{padding-left:12px}.case-metric span{font-size:12px}.case-proof,.case-columns,.case-systems{grid-template-columns:1fr}.case-diagram{grid-template-columns:1fr;text-align:center;gap:12px}.case-diagram>span{transform:rotate(90deg)}.case-site-image{height:190px}.case-responsibilities{grid-template-columns:1fr}.case-meta{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.client-case{--case-space:38px}.case-kicker{gap:12px;margin-top:20px}.case-kicker .eyebrow{font-size:12px}.case-client-logo{width:56px;height:56px}.case-meta{grid-template-columns:1fr;gap:16px}.case-lead{padding:12px 8px 0}.case-lead figcaption{font-size:12px;padding:12px 3px}.case-metrics{gap:12px;padding-bottom:28px}.case-metric{padding-left:9px}.case-metric strong{font-size:27px}.case-metric span{font-size:12px}.case-site-grid{grid-template-columns:1fr}.case-site-image{height:230px}.case-proof{gap:26px}.case-heading h1{font-size:clamp(35px,7.7vw,45px)}}

/* The website network leads; each operational system has its own section. */
.case-captures--lead{grid-template-columns:minmax(0,1fr);margin-top:32px;margin-bottom:44px}
.case-captures--lead .case-capture-window{aspect-ratio:1.75;padding:18px}
.case-captures--lead figcaption{justify-content:flex-start;text-align:left}
.case-captures--lead figcaption strong{font-size:20px}
.case-captures--lead .case-capture-links{justify-content:flex-start}
.case-captures--featured{row-gap:40px}
.case-captures--compact,.case-websites .case-site-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}
.case-captures--compact>.case-capture:last-child:nth-child(3n+1){grid-column:auto}
.case-captures--compact figcaption strong{font-size:14px}
.case-subsection{margin-top:46px}
.case-subsection>h3{margin-bottom:0;font-size:25px}
.case-subsection>.case-captures{margin-top:24px}
.case-captures--screens .case-capture-window{aspect-ratio:1.6;display:flex;align-items:center;justify-content:center}
.case-captures--screens .case-capture-window img{object-fit:contain}
.case-interface{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.35fr);gap:34px;align-items:center;margin-top:28px}
.case-interface .case-proof{grid-template-columns:minmax(0,1fr);margin:0;gap:0}
.case-interface .case-proof button{aspect-ratio:1.55;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px}
.case-interface .case-proof img{width:100%;height:100%;max-height:100%;object-fit:contain}
.case-interface .case-proof figcaption{padding-top:16px}
.case-interface-copy>p:last-child{margin-bottom:0}
.case-interface-copy h2{font-size:clamp(27px,2.5vw,34px)}
.case-integration-points{font-size:13px;line-height:1.8;margin:22px 0 0;padding-left:18px}
.case-integration-points li+li{margin-top:9px}
.case-fms-map{display:grid;grid-template-columns:1fr auto 1fr auto 1.1fr;gap:13px;align-items:stretch;margin:34px 0 42px}
.case-fms-node{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:170px;padding:22px 18px;border:1px solid var(--line);border-radius:var(--radius)}
.case-fms-node>span{font:12px/1.6 Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:13px}
.case-fms-node>strong{font-size:21px;letter-spacing:-.035em;line-height:1.25}
.case-fms-node>p{font-size:12px;line-height:1.7;margin:12px 0 0}
.case-fms-core{border-top:3px solid var(--gold)}
.case-fms-core>strong{font-size:35px}
.case-fms-arrow{align-self:center;font-size:22px}
@media(max-width:1100px){.case-captures--compact,.case-websites .case-site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-captures--compact>.case-capture:last-child:nth-child(3n+1){grid-column:auto}}
@media(max-width:900px){.case-interface{grid-template-columns:minmax(0,1fr);gap:26px}.case-fms-map{grid-template-columns:1fr;gap:12px}.case-fms-node{min-height:120px;padding:20px}.case-fms-arrow{justify-self:center;transform:rotate(90deg)}.case-fms-node>span{margin-bottom:8px}}
@media(max-width:600px){.case-captures--lead,.case-captures--featured,.case-captures--compact,.case-websites .case-site-grid{grid-template-columns:minmax(0,1fr)}.case-captures--lead .case-capture-window{padding:9px;aspect-ratio:1.5}.case-captures--lead figcaption strong{font-size:18px}.case-captures--lead{margin-bottom:34px}.case-subsection{margin-top:38px}.case-subsection>h3{font-size:22px}.case-captures--screens .case-capture-window{aspect-ratio:1.45}.case-interface .case-proof button{padding:12px}.case-interface-copy h2{font-size:28px}.case-fms-map{margin:28px 0 34px}}

.case-archive-more+.case-archive-more{margin-top:0;border-top:0}
.postid-147 .client-case{--case-space:40px}
.postid-147 .case-heading h1{font-size:clamp(38px,4vw,58px)}
.postid-147 .case-heading .intro{font-size:18px;line-height:1.8}
.postid-147 .case-meta dd{font-size:15px;line-height:1.7}
.postid-147 .case-meta dt,.postid-147 .client-case .eyebrow{font-size:12px}
.postid-147 .client-case .case-lead{margin:20px 0 38px;padding:18px 18px 0;background:#e8e6e3;border:1px solid var(--line);border-radius:var(--radius)}
.postid-147 .client-case .case-lead>img{display:block;width:100%;height:auto;max-height:540px;aspect-ratio:1.55;object-fit:cover;object-position:top;margin-top:0;border:1px solid #d2d0ce}
.postid-147 .client-case .case-lead figcaption{font-size:13px;line-height:1.7;padding:14px 0}
.postid-147 .case-section p:not(.eyebrow){font-size:16px;line-height:1.8}
.postid-147 .hosting-plans-detail{margin:28px 0 0}
.postid-147 .hosting-plans-window{display:block;position:relative;width:100%;aspect-ratio:820/270;overflow:hidden;padding:0;background:#f5f5f5;border:1px solid var(--line);border-radius:var(--radius);cursor:zoom-in}
.postid-147 .hosting-plans-window img{position:absolute;left:0;top:0;width:138.5366%;max-width:none;height:auto;transform:translate(-13.90845%,-26.7624%)}
.postid-147 .hosting-plans-detail figcaption{font-size:13px;line-height:1.7;padding-top:12px}
.postid-147 .hosting-homepage{grid-template-columns:minmax(0,1fr);max-width:820px;margin:28px auto 0}
.postid-147 .hosting-homepage button{padding:14px;background:#e8e6e3}
.postid-147 .hosting-homepage figcaption{font-size:14px;line-height:1.7}
.postid-147 .hosting-homepage figcaption strong{font-size:16px}
.postid-147 .case-responsibilities li,.postid-147 .project-nav a{font-size:15px}
.postid-147 .case-section .case-archive-note{font-size:13px;margin-top:26px}
@media(max-width:600px){.postid-147 .client-case{--case-space:30px}.postid-147 .case-heading .intro{font-size:16px}.postid-147 .client-case .case-lead{padding:9px 9px 0;margin-bottom:28px}.postid-147 .client-case .case-lead>img{aspect-ratio:1.2;max-height:none}.postid-147 .client-case .case-lead figcaption,.postid-147 .hosting-plans-detail figcaption{font-size:12px}.postid-147 .hosting-homepage button{padding:8px}.postid-147 .case-responsibilities li{font-size:14px}}
.case-capture-window{width:100%;font:inherit;text-align:left}
button.case-capture-window{cursor:zoom-in}
.case-design-window{--design-inset:12px;position:relative;padding:var(--design-inset)}
.case-captures--lead .case-design-window{--design-inset:18px}
.case-design-viewport{position:absolute;inset:var(--design-inset);display:flex;flex-direction:column;align-items:center;overflow:hidden;scroll-behavior:auto;scrollbar-width:none;outline-offset:3px}
.case-design-viewport::-webkit-scrollbar{display:none}
.case-design-viewport img{display:block;flex:0 0 auto;width:100%;height:auto;max-width:none;max-height:none;margin:auto 0;object-fit:initial;object-position:initial}
.client-case .case-lead>img[src$="/alpine-log-house-cover.webp"]{margin-top:0}
.case-interface .case-proof button[data-image$="/alpine-house-cutaway.webp"]{aspect-ratio:auto}
.case-interface .case-proof button[data-image$="/alpine-house-cutaway.webp"] img{height:auto;max-height:none}
@media(hover:none),(pointer:coarse),(max-width:900px){.case-design-viewport{overflow-y:auto;touch-action:pan-y;scrollbar-width:thin}.case-design-viewport::-webkit-scrollbar{display:block;width:3px}.case-design-viewport::-webkit-scrollbar-thumb{background:var(--line)}}
@media(max-width:600px){.case-design-window,.case-captures--lead .case-design-window{--design-inset:9px}}

/* Great Eastern Hakka: retain the restaurant views and the site's 16px reading size. */
.postid-2167 .case-heading h1{font-size:clamp(38px,4vw,58px)}
.postid-2167 .case-heading .intro{font-size:18px;line-height:1.8}
.postid-2167 .case-meta dd{font-size:15px;line-height:1.7}
.postid-2167 .case-meta dt,.postid-2167 .client-case .eyebrow{font-size:12px}
.postid-2167 .client-case .case-lead{margin:28px 0 46px;overflow:visible}
.postid-2167 .client-case .case-lead>img{display:block;margin-top:0;width:100%;height:auto}
.postid-2167 .case-section p:not(.eyebrow){font-size:16px;line-height:1.8}
.postid-2167 .case-proof.hakka-screen{grid-template-columns:minmax(0,1fr)}
.postid-2167 .case-proof figcaption,.postid-2167 .case-lead figcaption{font-size:14px;line-height:1.7}
.postid-2167 .case-proof figcaption strong{font-size:16px}
.postid-2167 .hakka-archive{max-width:550px}
.postid-2167 .case-archive-more>summary,.postid-2167 .client-case .button,.postid-2167 .client-case .text-link,.postid-2167 .project-nav a{font-size:16px}
.postid-2167 .case-close .actions{flex-wrap:wrap}
@media(max-width:600px){.postid-2167 .case-proof button{padding:10px}.postid-2167 .case-heading .intro{font-size:16px}.postid-2167 .client-case .case-lead{margin-bottom:34px}}

/* Silverdreams: keep complete website views and comfortable reading sizes. */
.postid-1016 .case-heading h1{font-size:clamp(38px,4vw,58px)}
.postid-1016 .case-heading .intro{font-size:18px;line-height:1.8}
.postid-1016 .case-meta dd{font-size:15px;line-height:1.7}
.postid-1016 .case-meta dt,.postid-1016 .client-case .eyebrow{font-size:12px}
.postid-1016 .client-case .case-lead{margin:28px 0 46px;overflow:visible}
.postid-1016 .client-case .case-lead>img{display:block;margin-top:0;width:100%;height:auto}
.postid-1016 .case-section p:not(.eyebrow){font-size:16px;line-height:1.8}
.postid-1016 .case-proof.beach-screen{grid-template-columns:minmax(0,1fr)}
.postid-1016 .case-proof figcaption,.postid-1016 .case-lead figcaption{font-size:14px;line-height:1.7}
.postid-1016 .case-proof figcaption strong{font-size:16px}
.postid-1016 .beach-archive{max-width:550px}
.postid-1016 .case-archive-more>summary,.postid-1016 .client-case .button,.postid-1016 .client-case .text-link,.postid-1016 .project-nav a{font-size:16px}
.postid-1016 .case-close .actions{flex-wrap:wrap;gap:20px 28px}
@media(max-width:600px){.postid-1016 .case-proof button{padding:10px}.postid-1016 .case-heading .intro{font-size:16px}.postid-1016 .client-case .case-lead{margin-bottom:34px}}

/* Electek: show the complete hero illustration. */
.postid-1067 .client-case .case-lead>img{display:block;margin-top:0;width:100%;height:auto}

/* WHC: retain the original image sizes and combine website, artwork and film. */
.postid-1417 .case-heading h1{font-size:clamp(38px,4.5vw,66px);max-width:850px}
.postid-1417 .case-heading .intro{font-size:18px;line-height:1.8}
.postid-1417 .case-meta dd{font-size:15px}
.postid-1417 .client-case .case-lead{margin:28px 0 44px;padding:30px 28px 0;background:#ef2e39;border:0;border-radius:var(--radius)}
.postid-1417 .client-case .case-lead>img{display:block;width:100%;max-width:550px;height:auto;margin:0 auto;box-shadow:0 14px 35px #6e10192b}
.postid-1417 .client-case .case-lead figcaption{color:#fff;padding:22px 0 18px;text-align:center;font-size:13px;line-height:1.7}
.postid-1417 .case-section p:not(.eyebrow){font-size:16px;line-height:1.85}
.postid-1417 .whc-image-link{border:0;border-bottom:2px solid var(--gold);background-color:transparent;padding:4px 0;cursor:zoom-in;font-size:15px}
.postid-1417 .whc-ebook-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px;align-items:center;margin-top:25px}
.postid-1417 .whc-ebook-image{display:block;margin:0;max-width:390px;justify-self:center}
.postid-1417 .whc-ebook-image button{padding:0;background:transparent;border:0;border-radius:0}
.postid-1417 .whc-ebook-image figcaption{font-size:13px;line-height:1.7}
.postid-1417 .whc-ebook-image figcaption strong{font-size:15px}
.postid-1417 .whc-versions{margin-top:32px}
.postid-1417 .whc-versions>summary{font-size:14px}
.postid-1417 .whc-film{margin-top:28px;max-width:760px}
.postid-1417 .whc-film>img{width:100%;height:100%;object-fit:cover}
.postid-1417 .video-caption{font-size:13px;line-height:1.8}
.postid-1417 .case-responsibilities li,.postid-1417 .project-nav a{font-size:15px}
.postid-1417 .case-section .case-archive-note{font-size:13px}
@media(max-width:700px){.postid-1417 .whc-ebook-layout{grid-template-columns:1fr;gap:18px}.postid-1417 .whc-ebook-image{max-width:390px;width:100%}}
@media(max-width:600px){.postid-1417 .case-heading .intro{font-size:16px}.postid-1417 .client-case .case-lead{padding:14px 12px 0;margin-bottom:32px}.postid-1417 .client-case .case-lead figcaption{padding:14px 0;font-size:12px}.postid-1417 .case-meta dd{font-size:14px}.postid-1417 .case-section .eyebrow{font-size:12px}.postid-1417 .video-open{font-size:13px}.postid-1417 .whc-versions .case-capture-links{gap:12px 18px}}