/* aduk.art Works (portfolio) page: everything after the works grid.
 *
 * Shares the services pages' palette and type (tokens.css values) so the two
 * families read as one site. Selectors are scoped to .aduk-works and carry
 * !important only where the parent theme styles bare elements aggressively.
 */
.aduk-works{
 --aw-ink:#29332c;
 --aw-action:#294b3c;
 --aw-action-dark:#1a3328;
 --aw-paper:#f4f2eb;
 --aw-line:#d6dcd5;
 --aw-muted:#536054;
 --aw-focus:#8b491f;
 --aw-gap:clamp(20px,2.1vw,40px);
 color:var(--aw-ink);
 font-size:18px;
 line-height:1.65;
 text-align:left;
}
.aduk-works *{box-sizing:border-box}
.aduk-works :focus-visible{outline:3px solid var(--aw-focus);outline-offset:4px}

/* Theme resets: headings, paragraphs, lists, images and links. */
.aduk-works :is(h2,h3,h4):not(.aduk-hp *){color:var(--aw-ink)!important;font-family:inherit!important;font-weight:500!important;letter-spacing:-.03em!important;text-wrap:balance;margin:0;padding:0;text-transform:none!important}
.aduk-works h2:not(.aduk-hp *){font-size:clamp(32px,3.4vw,52px)!important;line-height:1.1!important}
.aduk-works h3{font-size:clamp(24px,1.9vw,30px)!important;line-height:1.2!important}
.aduk-works p{margin:0;max-width:62ch;color:inherit}
.aduk-works img{display:block;max-width:100%;border:0!important;border-radius:0;box-shadow:none;margin:0;padding:0}
.aduk-works a{color:var(--aw-action);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.aduk-works a:hover{text-decoration-thickness:2px}
/* The theme colours .entry p a and .text_block li a in its accent red. */
.entry .aduk-works :is(p,li) a{color:var(--aw-action)}
.aduk-works :is(ul,ol){list-style:none!important;margin:0!important;padding:0!important;counter-reset:none}
.aduk-works li{list-style:none!important;margin:0!important;padding:0!important}
.aduk-works li::before,.aduk-works li::marker{content:none!important}

/* Section rhythm */
.aduk-works-section{padding:clamp(56px,7vw,112px) 0 0}
.aduk-works-section+.aduk-works-section{border-top:0}
.aduk-works-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px var(--aw-gap);align-items:end;margin:0 0 clamp(28px,3vw,48px)}
.aduk-works-eyebrow{display:block;margin:0 0 14px;font-size:13px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:var(--aw-muted)}
.aduk-works-lead{font-size:clamp(18px,1.35vw,21px);line-height:1.6;color:var(--aw-ink)}
.aduk-works-small{font-size:15px;line-height:1.6;color:var(--aw-muted)}

/* Actions: links styled as buttons, never <button> (the theme sizes buttons). */
.aduk-works-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px}
.aduk-works .aduk-works-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;background:var(--aw-action);color:#fff!important;border:1px solid var(--aw-action);border-radius:2px;font-size:16px;line-height:1.3;text-decoration:none;transition:background .18s ease-out}
.aduk-works .aduk-works-btn:hover{background:var(--aw-action-dark)}
.aduk-works .aduk-works-btn--ghost{background:transparent;color:var(--aw-action)!important}
.aduk-works .aduk-works-btn--ghost:hover{background:var(--aw-paper)}

/* 1 · Keep exploring: a quiet row of routes right after the grid */
.aduk-works-explore{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 12px;padding:clamp(28px,3vw,44px) 0 0;border-top:1px solid var(--aw-line)}
.aduk-works-explore-label{font-size:15px;color:var(--aw-muted);margin-right:4px}
.aduk-works .aduk-works-chip{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 18px;border:1px solid var(--aw-line);border-radius:999px;background:#fff;color:var(--aw-ink)!important;font-size:16px;line-height:1.2;text-decoration:none;transition:border-color .18s ease-out,background .18s ease-out}
.aduk-works .aduk-works-chip:hover{border-color:var(--aw-action);background:var(--aw-paper)}
.aduk-works-chip small{font-size:13px;color:var(--aw-muted)}

/* 2 · Selected projects */
.aduk-works-projects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--aw-gap)}
.aduk-works-project{display:flex;flex-direction:column;min-width:0}
.aduk-works .aduk-works-project-media{display:block;position:relative;overflow:hidden;aspect-ratio:4/5;background:var(--aw-paper);text-decoration:none}
.aduk-works-project-media img{width:100%;height:100%!important;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.aduk-works-project-media:hover img{transform:scale(1.035)}
.aduk-works-project-kind{display:block;margin:18px 0 6px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--aw-muted)}
.aduk-works-project h3 a{color:var(--aw-ink)!important;text-decoration:none}
.aduk-works-project h3 a:hover{text-decoration:underline;text-decoration-thickness:1px}
.aduk-works-project p{margin-top:10px;font-size:16px;line-height:1.6;color:var(--aw-muted)}
.aduk-works-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.aduk-works .aduk-works-tag{display:inline-block;padding:5px 12px;border-radius:999px;background:var(--aw-paper);color:var(--aw-action)!important;font-size:14px;line-height:1.4;text-decoration:none}
.aduk-works .aduk-works-tag:hover{background:#e8e4d8}

/* 3 · Services, grouped exactly like /services */
.aduk-works-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--aw-gap)}
.aduk-works-service{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);background:var(--aw-paper);min-height:100%}
.aduk-works-service-body{padding:clamp(24px,2.6vw,44px);display:flex;flex-direction:column}
.aduk-works-service-body>p{margin-top:14px;font-size:16px;line-height:1.65;color:var(--aw-muted)}
.aduk-works-service-links{display:flex;flex-direction:column;gap:2px;margin-top:20px!important}
.aduk-works-service-links a{display:inline-block;padding:5px 0;font-size:17px;line-height:1.45}
.aduk-works-service-links a::after{content:" →";text-decoration:none;display:inline-block;margin-left:4px;transition:transform .18s ease-out}
.aduk-works-service-links a:hover::after{transform:translateX(3px)}
.aduk-works-service-media{position:relative;overflow:hidden;min-height:260px}
.aduk-works-service-media img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;object-position:center}
/* Artwork exported with a white margin of its own: crop into the drawing. */
.aduk-works-service-media--inset img{transform:scale(1.2)}
.aduk-works-service-media figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 16px 12px;font-size:13px;line-height:1.4;color:#fff;background:linear-gradient(transparent,rgba(20,30,24,.62))}
.aduk-works .aduk-works-more{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 22px;margin-top:28px;padding-top:22px;border-top:1px solid var(--aw-line);font-size:16px;max-width:none}
.aduk-works-more strong{font-weight:500;color:var(--aw-ink)}

/* 4 · Client words (wraps the testimonials library rail) */
.aduk-works-clients .aduk-t-rail-head{margin-top:0}
/* The library prints nothing for visitors until approved reviews exist; hide the heading too. */
.aduk-works:has(.aduk-works-clients):not(:has(.aduk-t-rail,.aduk-t-card)){display:none}

/* 5 · Commission */
.aduk-works-commission{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,4vw,72px);padding:clamp(32px,4.6vw,80px);background:var(--aw-action);color:#f4f2eb}
.aduk-works .aduk-works-commission :is(h2,h3){color:#fffdf8!important}
.aduk-works-commission .aduk-works-eyebrow{color:#bfd0c8}
.aduk-works-commission .aduk-works-lead{color:#f4f2eb;margin-top:18px}
.aduk-works-commission .aduk-works-small{color:#bfd0c8;margin-top:22px}
.aduk-works-commission a,.entry .aduk-works-commission :is(p,li) a{color:#fffdf8}
.aduk-works .aduk-works-commission .aduk-works-btn{background:#fffdf8;border-color:#fffdf8;color:var(--aw-action)!important}
.aduk-works .aduk-works-commission .aduk-works-btn:hover{background:#e9efe9}
.aduk-works .aduk-works-commission .aduk-works-btn--ghost{background:transparent;color:#fffdf8!important;border-color:rgba(255,253,248,.55)}
.aduk-works .aduk-works-commission .aduk-works-btn--ghost:hover{background:rgba(255,255,255,.08)}
.aduk-works-steps{display:flex;flex-direction:column;counter-reset:aduk-works-step}
.aduk-works li.aduk-works-step{padding:20px 0!important;border-top:1px solid rgba(255,253,248,.22)}
.aduk-works-step:last-child{border-bottom:1px solid rgba(255,253,248,.22)}
.aduk-works-step h3{font-size:22px!important;display:flex;gap:14px;align-items:baseline}
.aduk-works-step h3 span{flex:0 0 28px;font-size:15px;color:#bfd0c8;font-variant-numeric:tabular-nums;letter-spacing:0}
.aduk-works-step p{margin-top:8px;font-size:16px;line-height:1.6;color:#d8e3dd;padding-left:42px}

.aduk-works-end{height:clamp(56px,7vw,112px)}
/* Breathing room between the services actions and the reviews band (Home review cards, styled by editorial.css). */
.module:has(.aduk-hp-reviews){margin-top:clamp(56px,7vw,112px)}

@media (max-width:1200px){
 .aduk-works-projects{grid-template-columns:repeat(2,minmax(0,1fr))}
 .aduk-works-services{grid-template-columns:1fr}
}
@media (max-width:900px){
 .aduk-works-head{grid-template-columns:1fr;align-items:start}
 .aduk-works-commission{grid-template-columns:1fr}
}
@media (max-width:640px){
 .aduk-works{font-size:17px}
 .aduk-works-projects{grid-template-columns:1fr;gap:36px}
 .aduk-works-service{grid-template-columns:1fr}
 .aduk-works-service-media{order:-1;min-height:0;aspect-ratio:4/3}
 .aduk-works-explore{justify-content:flex-start}
 .aduk-works-explore-label{width:100%}
 .aduk-works-actions .aduk-works-btn{width:100%}
 .aduk-works-step p{padding-left:0}
}
@media (prefers-reduced-motion:reduce){
 .aduk-works *{transition:none!important}
}