.project-card{min-width:0}.project-visual,.showcase-visual,.publishing-visual{border:1px solid var(--line);border-radius:var(--radius);background:#ddd9cf;min-width:0;display:block;position:relative;overflow:hidden}.project-visual{border-radius:var(--radius) var(--radius) 0 0}.browser-bar{border-bottom:1px solid var(--line);background:#efede7;align-items:center;gap:7px;height:34px;padding:0 14px;display:flex}.browser-bar i{background:#9b978f;border-radius:50%;width:7px;height:7px}.browser-bar span{background:#d4d0c7;border-radius:999px;width:min(170px,42%);height:8px;margin-left:6px}.project-visual img,.showcase-visual img,.publishing-visual img{aspect-ratio:16/10;object-fit:cover;object-position:top center;width:100%;height:auto;transition:transform .24s}.showcase-visual img,.publishing-visual img{min-height:0}.project-visual:hover img,.project-card:focus-within .project-visual img,.showcase-visual:hover img,.project-showcase-row:focus-within .showcase-visual img,.publishing-visual:hover img,.publishing-card:focus-within .publishing-visual img{transform:scale(1.012)}.project-visual-arrow{background:var(--surface);border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;position:absolute;bottom:16px;right:16px}.project-body{gap:18px;display:grid}.project-card p,.project-showcase-row p,.publishing-card p{color:var(--muted);margin:0;line-height:1.62}.project-card .h3,.project-showcase-row .h3,.publishing-card .h3{margin:0}.project-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:.9rem;display:flex}.tag-row{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding-top:18px;display:flex}.project-actions{flex-wrap:wrap;gap:10px;margin-top:2px;display:flex}.project-showcase-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:minmax(0,1.42fr) minmax(320px,.9fr);align-items:center;gap:clamp(28px,4vw,56px);min-height:430px;padding:clamp(24px,3.8vw,46px);display:grid;overflow:hidden}.project-showcase-row.image-right{grid-template-columns:minmax(320px,.9fr) minmax(0,1.42fr)}.project-showcase-row.image-right .showcase-visual{order:2}.project-showcase-row.image-right .showcase-copy{order:1}.showcase-stack{gap:clamp(24px,3.2vw,38px);display:grid}.showcase-stack .project-showcase-row:nth-child(2){background:var(--paper)}.showcase-stack .project-showcase-row:nth-child(3){background:var(--dark);color:var(--on-dark);border-color:#424039}.showcase-stack .project-showcase-row:nth-child(3) .h3,.showcase-stack .project-showcase-row:nth-child(3) .showcase-headline{color:var(--on-dark)}.showcase-stack .project-showcase-row:nth-child(3) p,.showcase-stack .project-showcase-row:nth-child(3) .project-meta,.showcase-stack .project-showcase-row:nth-child(3) .tag{color:var(--muted-dark)}.showcase-stack .project-showcase-row:nth-child(3) .tag,.showcase-stack .project-showcase-row:nth-child(3) .showcase-visual,.showcase-stack .project-showcase-row:nth-child(3) .capability-list li{border-color:#55534c}.showcase-stack .project-showcase-row:nth-child(3) .capability-list li{background:var(--dark-surface);color:var(--on-dark)}.showcase-stack .project-showcase-row:nth-child(3) .btn-primary{background:var(--on-dark);border-color:var(--on-dark);color:var(--ink)}.showcase-stack .project-showcase-row:nth-child(3) .btn-outline{color:var(--on-dark);border-color:#6a6861}.showcase-stack .project-showcase-row:nth-child(3) .btn-outline:hover{background:var(--on-dark);color:var(--ink)}.restaurant-showcase-copy{margin:18px 0 0}.ad-showcase-row{perspective:1600px;padding:0;display:block;overflow:hidden}.ad-showcase-card{min-height:clamp(470px,43vw,560px);transform-style:preserve-3d;display:grid;position:relative}.ad-showcase-face{backface-visibility:hidden;border-radius:inherit;min-height:0;transform-style:preserve-3d;grid-area:1/1;grid-template-columns:minmax(0,1.42fr) minmax(320px,.9fr);align-items:center;gap:clamp(28px,4vw,56px);padding:clamp(24px,3.8vw,46px);transition:transform .52s cubic-bezier(.2,.74,.2,1),opacity .26s,visibility .26s;display:grid;position:relative;inset:auto;overflow:hidden}.ad-showcase-front{background:inherit;z-index:2}.ad-showcase-back{color:var(--on-dark);opacity:0;pointer-events:none;visibility:hidden;z-index:1;background:linear-gradient(135deg,#171714 0%,#24231f 100%);grid-template-columns:minmax(0,1fr) minmax(260px,.48fr);align-content:center;transform:rotateY(180deg)}.ad-showcase-row[data-revealed=true] .ad-showcase-front{opacity:0;pointer-events:none;visibility:hidden;z-index:1;transform:rotateY(-180deg)}.ad-showcase-row[data-revealed=true] .ad-showcase-back{opacity:1;pointer-events:auto;visibility:visible;z-index:2;transform:rotateY(0)}.ad-showcase-back .h3,.ad-showcase-back p,.ad-showcase-back .ad-audience{color:var(--on-dark)}.ad-showcase-back p:not(.ad-audience){color:var(--muted-dark);max-width:68ch;font-size:clamp(1.02rem,1.14vw,1.14rem)}.ad-audience{letter-spacing:.07em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800;line-height:1.35}.ad-panel-content{gap:18px;min-width:0;display:grid}.ad-panel-actions{align-content:center;justify-items:stretch;gap:12px;min-width:0;display:grid}.ad-panel-actions .btn{white-space:normal;width:100%;padding-block:10px}.ad-showcase-back .ad-capability-list li{color:var(--on-dark);background:#ffffff14;border-color:#5e5b52}.ad-showcase-back .btn-primary{background:var(--on-dark);border-color:var(--on-dark);color:var(--ink)}.ad-showcase-back .btn-outline{color:var(--on-dark);border-color:#77746b}.ad-showcase-back .btn-outline:hover,.ad-showcase-back .btn-outline:focus-visible{background:var(--on-dark);color:var(--ink)}.showcase-hover-note{margin-top:-4px;font-size:.9rem;font-weight:750;display:none}.showcase-toggle{width:fit-content;display:inline-flex}@media (hover:hover) and (pointer:fine){.showcase-hover-note{display:block}}@media (max-width:760px),(hover:none),(pointer:coarse),(any-hover:none){.ad-showcase-card,.ad-showcase-face,.ad-showcase-back,.ad-showcase-row[data-revealed=true] .ad-showcase-front,.ad-showcase-row[data-revealed=true] .ad-showcase-back{transform:none}.ad-showcase-face{transition:opacity .18s,visibility .18s}}@media (max-width:760px),(hover:none),(pointer:coarse),(any-pointer:coarse){.showcase-hover-note{display:none}.showcase-toggle{display:inline-flex}}.showcase-copy,.publishing-body{gap:18px;min-width:0;display:grid}.showcase-headline{color:var(--ink);font-family:var(--font-manrope), Arial, sans-serif;font-size:clamp(1.18rem,1.5vw,1.38rem);font-weight:750;line-height:1.32}.capability-list{flex-wrap:wrap;gap:8px;margin:2px 0 0;padding:0;list-style:none;display:flex}.capability-list li{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:9px 11px;font-size:.86rem;font-weight:700;line-height:1.2}.publishing-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(22px,2.8vw,34px);display:grid}.publishing-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-rows:auto 1fr;min-width:0;display:grid;overflow:hidden}.publishing-visual{border:0;border-bottom:1px solid var(--line);border-radius:0}.publishing-body{padding:clamp(24px,3vw,34px)}@media (max-width:980px){.project-showcase-row,.project-showcase-row.image-right{grid-template-columns:1fr}.project-showcase-row.image-right .showcase-visual,.project-showcase-row.image-right .showcase-copy{order:initial}.showcase-visual{order:1!important}.showcase-copy{order:2!important}.showcase-visual img{min-height:0}.ad-showcase-card{min-height:780px}.ad-showcase-face,.ad-showcase-back{grid-template-columns:1fr}.ad-showcase-face{align-content:start;align-items:start}.ad-panel-actions{align-content:start;justify-items:start}.ad-panel-actions .btn{width:fit-content}}@media (max-width:760px){.publishing-grid{grid-template-columns:1fr}}@media (max-width:560px){.publishing-visual img{min-height:0}.project-actions,.project-actions .btn{width:100%}.browser-bar{height:30px}.project-showcase-row{padding:20px}.ad-showcase-row{padding:0}.ad-showcase-card{min-height:740px}.ad-showcase-face{padding:20px}.ad-panel-actions,.ad-panel-actions .btn,.showcase-toggle{width:100%}.project-showcase-row p,.publishing-card p{font-size:.98rem}.capability-list li{font-size:.82rem}}@media (prefers-reduced-motion:reduce){.ad-showcase-card,.ad-showcase-face,.ad-showcase-back,.ad-showcase-row[data-revealed=true] .ad-showcase-front,.ad-showcase-row[data-revealed=true] .ad-showcase-back{transform:none}.ad-showcase-face{transition:opacity .01ms linear,visibility .01ms linear}.ad-showcase-back,.ad-showcase-row[data-revealed=true] .ad-showcase-front{opacity:0;visibility:hidden}.ad-showcase-row[data-revealed=true] .ad-showcase-back{opacity:1;visibility:visible}}.project-story{gap:16px;min-width:0;margin:0;display:grid}.project-story dt{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:750}.project-story dd{color:var(--muted);max-width:62ch;margin:5px 0 0;font-size:.98rem;line-height:1.55}.ad-showcase-back .project-story dt{color:var(--on-dark)}.ad-showcase-back .project-story dd{color:var(--muted-dark)}.showcase-stack .project-showcase-row:nth-child(3) .project-story dt{color:var(--on-dark)}.showcase-stack .project-showcase-row:nth-child(3) .project-story dd{color:var(--muted-dark)}.project-visual:focus-visible,.publishing-visual:focus-visible{outline-offset:-4px}@media (prefers-reduced-motion:reduce){.project-visual:hover img,.project-card:focus-within .project-visual img,.showcase-visual:hover img,.project-showcase-row:focus-within .showcase-visual img,.publishing-visual:hover img,.publishing-card:focus-within .publishing-visual img{transform:none}}
