/* Additions scoped to the work library; homepage design remains in active.css. */
.jwd-work-library{max-width:1200px;margin:0 auto;padding:32px 20px}.jwd-work-filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:24px 0}.jwd-work-filters label{display:grid;gap:6px}.jwd-work-filters select,.jwd-work-filters button{min-height:44px;font:inherit;padding:8px 12px}.jwd-work-library nav{display:flex;gap:20px;align-items:center;justify-content:center;margin:30px 0}.jwd-work-meta{font-size:.875rem;color:inherit;opacity:.85}.jwd-work-library .jwd-job-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:850px){.jwd-work-library .jwd-job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.jwd-work-library .jwd-job-grid{grid-template-columns:1fr}}
/* Without JS both photos remain visible, rather than a nonfunctional slider. */
[data-jwd-reveal]:not(.reveal-ready) .jwd-reveal-stage{aspect-ratio:auto;overflow:visible}[data-jwd-reveal]:not(.reveal-ready) .jwd-reveal-stage>img,[data-jwd-reveal]:not(.reveal-ready) .jwd-reveal-before,[data-jwd-reveal]:not(.reveal-ready) .jwd-reveal-before>img{position:static;clip-path:none;height:auto;width:100%}[data-jwd-reveal]:not(.reveal-ready) .jwd-reveal-label,[data-jwd-reveal]:not(.reveal-ready)>label{display:none}

@media(min-width:701px){[data-home-position]{grid-column:var(--jwd-home-position)}}

[data-jwd-reveal]{margin:24px 0;--reveal:50%}
.jwd-reveal-stage{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#203f5b}
.jwd-reveal-stage img{width:100%;height:100%;object-fit:cover;display:block}
.reveal-ready .jwd-reveal-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}
.reveal-ready .jwd-reveal-stage:after{content:'↔';position:absolute;top:50%;left:var(--reveal);transform:translate(-50%,-50%);background:#fff;color:#365b7b;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:25px;box-shadow:0 0 0 3px #365b7b;pointer-events:none}
.jwd-reveal-label{position:absolute;top:14px;background:#10283beb;color:#fff;border-radius:6px;padding:6px 12px;font:700 12px system-ui;z-index:2}
.jwd-reveal-label.before{left:14px}
.jwd-reveal-label.after{right:14px}
[data-jwd-reveal] input{display:none}
.reveal-ready input{display:block;width:100%;margin:16px 0;min-height:44px;accent-color:#c83b2c;touch-action:pan-y}
.jwd-reveal-stage{height:auto}
.jwd-reveal-stage>img{aspect-ratio:4/3}
.reveal-ready .jwd-reveal-stage{height:auto}
.jwd-reveal-caption{color:inherit;font-size:14px;line-height:1.5}
.reveal-ready .jwd-reveal-stage:before{content:'';position:absolute;inset:0 auto 0 var(--reveal);width:2px;background:#fff;z-index:1;pointer-events:none}
.jwd-recent-job{margin-top:32px}
.jwd-recent-job h2{font-size:clamp(25px,4vw,38px)}
.jwd-reveal-stage{aspect-ratio:auto;overflow:visible}
.jwd-reveal-label{display:none}
.reveal-ready .jwd-reveal-stage{aspect-ratio:4/3;overflow:hidden}
.reveal-ready .jwd-reveal-stage>img{position:absolute;inset:0;aspect-ratio:auto}
.reveal-ready .jwd-reveal-label{display:block}
.jwd-reveal-caption{margin-top:8px}
.jwd-reveal-before img{aspect-ratio:4/3}
.jwd-project-pair-nav{display:flex;justify-content:center;gap:8px;margin:0 0 12px}
.jwd-project-pair-nav button{min-width:42px;min-height:42px;border:1px solid #87a2b7;border-radius:50%;background:#203f5b;color:#fff;font:700 14px system-ui;cursor:pointer}
.jwd-project-pair-nav button[aria-pressed=true]{border-color:#ff9d8d;background:#c83b2c;box-shadow:0 0 0 3px #c83b2c25}
.jwd-project-pair-nav button:focus-visible{outline:3px solid #ffe6a0;outline-offset:3px}
.jwd-job-card [data-jwd-reveal][hidden]{display:none!important}
.jwd-job-card>.jwd-reveal-caption{font-size:13px;margin:14px 0 0;line-height:1.55}
.reveal-ready .jwd-reveal-stage{border:1px solid #87a2b755;box-shadow:0 14px 34px #10283b35;touch-action:pan-y;user-select:none}
.reveal-ready .jwd-reveal-stage img{pointer-events:none}
.reveal-ready .jwd-reveal-stage:before{width:3px;box-shadow:0 0 12px #10283b90;z-index:3}
.reveal-ready .jwd-reveal-stage:after{content:'‹  ›';width:56px;height:56px;font:800 28px system-ui;letter-spacing:5px;padding-left:5px;background:#365b7b;color:#fff;border:3px solid white;box-sizing:border-box;box-shadow:0 4px 18px #0006;z-index:4}
.reveal-ready .jwd-reveal-control{position:absolute;inset:0;z-index:5;font-size:0;color:transparent;cursor:ew-resize}
.reveal-ready .jwd-reveal-control input{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.reveal-ready .jwd-reveal-stage:focus-within:after{outline:3px solid #ffe6a0;outline-offset:4px}
.reveal-ready .jwd-reveal-label{font-size:11px;letter-spacing:.08em;padding:8px 13px;border:1px solid #ffffff60;pointer-events:none}
.jwd-reveal-caption{margin-top:14px;font-size:15px}
.jwd-recent-job{max-width:1100px;margin:40px auto}
.jwd-recent-job h2{margin-bottom:12px}
@media(max-width:520px){
.reveal-ready .jwd-reveal-stage:after{width:48px;height:48px;font-size:24px}
.jwd-recent-job{margin:28px 12px}
}
.jwd-job-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.jwd-job-card{min-width:0;padding:14px;border:1px solid #6485a055;border-radius:20px;background:#203f5b66}
.jwd-job-card h3{font-size:17px;line-height:1.35;margin:0 0 14px}
.jwd-job-card [data-jwd-reveal]{margin:0}
.jwd-job-card .jwd-reveal-stage{aspect-ratio:4/5;border-radius:12px}
.jwd-job-card .jwd-reveal-caption{font-size:13px;margin:14px 0 0;line-height:1.55}
.jwd-compare-hint{font-size:14px;color:#bdcedb;margin:0 0 22px}
@media(max-width:700px){
.jwd-job-grid{grid-template-columns:1fr;gap:18px}
.jwd-job-card{max-width:480px;width:100%;box-sizing:border-box;margin:auto}
.jwd-job-card .jwd-reveal-stage{aspect-ratio:4/3}
}
.jwd-job-areas{font-size:15px;line-height:1.6;max-width:850px;margin:0 0 12px;color:inherit}
#booking .booking-intro{text-align:center;margin-left:auto;margin-right:auto}
#faq .section-heading{margin-left:auto;margin-right:auto;text-align:center}
#booking .booking-intro>p{text-wrap:pretty}

/* Canonical responsive project archive header. */
body .jwd-work-library .inline-owner{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px);align-items:center;gap:clamp(20px,4vw,64px);padding:clamp(24px,4vw,48px)!important;margin-block:16px 28px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-height:0!important}
body .jwd-work-library .inline-owner::before{content:"";position:absolute!important;inset:0!important;left:0!important;width:100%!important;transform:none!important;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#182c3ef5 0%,#182c3ed9 38%,#182c3e12 100%),url(/templates/jwd_supercar/images/city-skyline-1600-v100.webp)center/cover no-repeat!important;mask-image:linear-gradient(180deg,transparent,#000 8%,#000 90%,transparent)}
body .jwd-work-library .inline-owner-copy{min-width:0;max-width:760px;z-index:1}
body .jwd-work-library .inline-owner h1{font-size:clamp(30px,3.6vw,54px)!important;line-height:1.12!important;color:#fff!important;margin:12px 0 18px!important;overflow-wrap:break-word}
body .jwd-work-library .inline-owner p{color:#e5f1f8}
body .jwd-work-library .jwd-owner-portrait{position:relative!important;inset:auto!important;align-self:end;justify-self:center;max-width:280px;width:100%;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body .jwd-work-library .inline-owner-image{display:block;max-width:100%!important;width:260px!important;height:auto!important;object-fit:contain;mask-image:linear-gradient(#000 82%,transparent)}
body .jwd-work-library .jwd-owner-signature{color:#b8d6e8!important}
@media (max-width:700px){body .jwd-work-library .inline-owner{grid-template-columns:minmax(0,1fr)!important;gap:16px!important;padding:24px 16px!important}
body .jwd-work-library .inline-owner::before{background-image:linear-gradient(180deg,#182c3eea,#182c3e66),url(/templates/jwd_supercar/images/city-skyline-960-v100.webp)!important}
body .jwd-work-library .jwd-owner-portrait{max-width:210px}}
@media (min-width:1101px){body .jwd-site-content .jwd-work-library .inline-owner{box-sizing:border-box;width:min(1680px,calc(100vw - 2*clamp(24px,3vw,72px)))!important;max-width:none!important;margin-inline:calc((100% - min(1680px,calc(100vw - 2*clamp(24px,3vw,72px))))/2)!important}}
body .jwd-work-library .inline-owner h1{white-space:normal!important;max-width:100%}
body.jwd-supercar .jwd-site-content .jwd-work-library .inline-owner{box-sizing:border-box;width:100vw!important;max-width:none!important;margin-inline:calc((100% - 100vw)/2)!important;overflow:hidden}
body.jwd-supercar .jwd-work-library .inline-owner::before{mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 78%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 16%,#000 70%,transparent 100%);mask-composite:intersect!important}
body .jwd-work-library :is(.inline-owner) .jwd-inline-reviews{zoom:1.15;min-width:0;max-width:100%!important;position:static!important;inset:auto!important}
body .jwd-work-library :is(.inline-owner) .jwd-review-card{min-width:0;overflow-wrap:anywhere}
@media (max-width:700px){body.jwd-supercar .jwd-work-library :is(.inline-owner)::before{mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-composite:add!important}}
body.jwd-supercar .jwd-site-content .jwd-work-library :is(.inline-owner:not([data-jwd-home-polish])){display:grid!important;grid-template-columns:minmax(0,min(60%,76ch)) minmax(0,min(32%,420px))!important;justify-content:center;align-items:center;gap:clamp(28px,4vw,72px)!important;padding:clamp(28px,2.6vw,48px)!important}
body.jwd-supercar .jwd-site-content .jwd-work-library :is(.inline-owner:not([data-jwd-home-polish])) :is(.jwd-owner-portrait,.jwd-founder){max-width:100%;width:100%;align-self:center;justify-self:center}
body.jwd-supercar .jwd-site-content .jwd-work-library :is(.inline-owner:not([data-jwd-home-polish])) :is(.inline-owner-image,.jwd-portrait){width:360px!important;max-width:100%!important;max-height:none!important;height:auto!important;margin-inline:auto}
body.jwd-supercar .jwd-site-content .jwd-work-library :is(.inline-owner:not([data-jwd-home-polish]))::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(10,25,39,.97) 0%,rgba(10,25,39,.95) 55%,rgba(10,25,39,.40) 66%,transparent 82%);mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 76%,transparent 100%)}
body.jwd-supercar .jwd-site-content .jwd-work-library :is(.inline-owner:not([data-jwd-home-polish]))>:is(.inline-owner-copy,div,.jwd-owner-portrait,.jwd-founder){position:relative;z-index:1}
@media (min-width:1024px) and (max-width:1365px){body.jwd-supercar .jwd-site-content .jwd-work-library :is(.inline-owner:not([data-jwd-home-polish])){grid-template-columns:minmax(0,1fr) 260px!important;gap:28px!important}
body.jwd-supercar .jwd-site-content .jwd-work-library :is(.inline-owner:not([data-jwd-home-polish])) :is(.inline-owner-image,.jwd-portrait){width:260px!important}}
@media (max-width:1023px){body.jwd-supercar .jwd-site-content .jwd-work-library :is(.inline-owner:not([data-jwd-home-polish])){grid-template-columns:minmax(0,1fr)!important;padding:28px!important;gap:24px!important}
body.jwd-supercar .jwd-site-content .jwd-work-library :is(.inline-owner:not([data-jwd-home-polish])) :is(.inline-owner-image,.jwd-portrait){width:220px!important}
body.jwd-supercar .jwd-site-content .jwd-work-library :is(.inline-owner:not([data-jwd-home-polish]))>.inline-owner-copy{text-align:center;max-width:100%}
body.jwd-supercar .jwd-site-content .jwd-work-library :is(.inline-owner:not([data-jwd-home-polish]))::after{background:linear-gradient(180deg,rgba(10,25,39,.8) 0%,rgba(10,25,39,.92) 55%,transparent 82%)}}
@media (max-width:600px){body.jwd-supercar .jwd-site-content .jwd-work-library :is(.inline-owner:not([data-jwd-home-polish])){padding:22px 30px!important}
body.jwd-supercar .jwd-site-content .jwd-work-library :is(.inline-owner:not([data-jwd-home-polish])) :is(.inline-owner-image,.jwd-portrait){width:200px!important}}
@media (max-width:1023px){body.jwd-supercar .jwd-site-content .jwd-work-library :is(.inline-owner:not([data-jwd-home-polish]))::before{height:min(100%,360px)}}
body.jwd-supercar .jwd-work-library .jwd-inline-hook:has(>.jwd-inline-main>.container>.inline-owner){margin-top:0}
body.jwd-supercar .jwd-work-library .jwd-inline-main:has(>.container>.inline-owner){padding-top:0}
body.jwd-supercar .jwd-work-library #jwd-main :is(.inline-owner){margin-top:0!important}