/* Layout support only for genuine WordPress project pages and anchor-based project cards.
   The client's three CSS sections are unmodified in assets/site.css. */
.admin-bar .nav{top:32px}@media(max-width:782px){.admin-bar .nav{top:46px}}
.case.wp-project-page{position:relative;inset:auto;overflow:visible;height:auto;display:block;min-height:100vh;padding-top:calc(var(--navh) + 18px);z-index:1}
.wp-project-page .case-bar{position:relative}.wp-project-page .gallery img,.wp-project-page .gallery video{max-width:100%}
.wp-added-content{padding-block:36px}.wp-added-content p{margin-bottom:1em}
a.card{text-decoration:none;color:inherit;display:flex;flex-direction:column}a.row{text-decoration:none;color:inherit;display:grid}
.tf-empty-work{padding:4rem 1rem;color:var(--muted)}.site-foot .back0{cursor:pointer}
.wp-project-page .case-head h1{font-size:clamp(52px,8vw,136px)}

/* v2.3 client comments: project pages use each case-study's primary identity palette. */
body.single-tfd_project .nav,body.single-tfd_project .site-foot{display:none!important}
.case.wp-project-page{padding-top:0!important;background:var(--c);color:var(--cf)}
.wp-project-page .case-bar{padding-top:clamp(16px,2.2vw,30px)}
.wp-project-page .case-head h1,.wp-project-page .next h3{font-family:var(--headline);font-weight:400;letter-spacing:0;text-decoration:none!important;border-bottom:0!important;box-shadow:none!important}
.wp-project-page .next{border-top:0!important;text-decoration:none!important}
.wp-project-page .next *{text-decoration:none!important}
.wp-project-page a:hover,.wp-project-page a:focus-visible{text-decoration:none}
/* Animated original portrait flips are visible even when an observer is unavailable. */
.team:not(.in) .tm-flip{opacity:1}
.team figure.nohover:hover .tm-in{transform:none}
.team figure.flip .tm-in,.team figure.flip:hover .tm-in{transform:rotateY(180deg)}
.team figure.flip.nohover:hover .tm-in{transform:none}
.team .tm-flip:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
/* Email links must remain clickable above decorative layers. */
.site-foot .foot-grid a,.menu-foot a{position:relative;pointer-events:auto}
/* Attachment inputs use the existing forms' typography and brand colors. */
.brief .tfd-attachment{display:grid;gap:9px}
.brief .tfd-attachment label{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.brief .tfd-attachment input[type=file]{display:block;width:100%;max-width:100%;color:inherit;font:500 13px/1.4 var(--mono);cursor:pointer}
.brief .tfd-attachment input[type=file]::file-selector-button{font:600 12px/1.2 var(--mono);border:1px solid currentColor;border-radius:999px;padding:9px 14px;margin-right:12px;background:transparent;color:inherit;cursor:pointer}
.brief .tfd-attachment small{font-size:12px;opacity:.7}

/* v2.4: optional per-project admin overrides; absent fields retain original client colors. */
.wp-project-page .case-bar .btn{background:var(--case-btn-bg,var(--cf));color:var(--case-btn-fg,var(--c))}
.wp-project-page .angle-box{border-color:var(--case-accent,currentColor)}
.wp-project-page .next{border-color:var(--case-accent,currentColor)}