{"id":99,"date":"2026-04-07T13:43:19","date_gmt":"2026-04-07T13:43:19","guid":{"rendered":"https:\/\/afterthewrap.space\/?post_type=avada_portfolio&#038;p=99"},"modified":"2026-07-14T18:51:26","modified_gmt":"2026-07-14T18:51:26","slug":"editing-8","status":"publish","type":"avada_portfolio","link":"https:\/\/afterthewrap.space\/index.php\/portfolio-items\/editing-8\/","title":{"rendered":"Audi Collector"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:30px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- ============================================================\n     AUDI \u2014 \"Life Collectors\", Agency DDB, Dir. Daniel Eceolaza\n     COLLAPSIBLE CREDITS BLOCK (same pattern as other projects)\n     Drop this whole block into an Avada Code Block module.\n     If your code editor strips the <style> tag, move those rules to\n     Avada \u2192 Options \u2192 Custom CSS and remove the <style> tags.\n     ============================================================ -->\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Mono:wght@400;700&display=swap');\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Fragment+Mono&display=swap');\n\n  .credits-block {\n    font-family: 'Space Mono', ui-monospace, 'Courier New', monospace;\n  }\n\n  \/* ---- Toggle trigger ---- *\/\n  .credits-toggle {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    gap: 0.6rem;\n    background: none;\n    border: none;\n    border-bottom: 1px solid #f4f1ec;\n    cursor: pointer;\n    padding: 0 0 1.2rem;\n    color: #ff0000;\n    text-transform: uppercase;\n    font-family: 'Fragment Mono', ui-monospace, 'Courier New', monospace;\n    font-size: 23px;\n    letter-spacing: 5px;\n    font-weight: 700;\n  }\n  .credits-toggle:hover { opacity: 0.8; }\n  .credits-toggle:focus-visible {\n    outline: 2px solid #ff0000;\n    outline-offset: 4px;\n  }\n\n  .credits-toggle .arrow {\n    display: inline-block;\n    width: 18px;\n    height: 18px;\n    flex-shrink: 0;\n    transition: transform 0.3s ease;\n  }\n  .credits-toggle .arrow svg {\n    width: 100%;\n    height: 100%;\n    display: block;\n  }\n  .credits-toggle[aria-expanded=\"true\"] .arrow {\n    transform: rotate(180deg);\n  }\n\n  \/* ---- Collapsible panel ---- *\/\n  .credits-panel {\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 0.4s ease;\n  }\n  .credits-panel.is-open {\n    grid-template-rows: 1fr;\n  }\n  .credits-panel-inner {\n    overflow: hidden;\n  }\n  .credits-panel-pad {\n    padding-top: 2rem;\n  }\n\n  .credit { margin: 0 0 2rem; }\n  .credit h5 {\n    color: #e0481f;\n    text-transform: uppercase;\n    font-family: 'Space Mono', ui-monospace, 'Courier New', monospace;\n    font-size: 0.95rem;\n    letter-spacing: 0.04em;\n    font-weight: 400;\n    margin: 0 0 0.6rem;\n  }\n  .credit p {\n    color: #f4f1ec;\n    font-family: 'Space Mono', ui-monospace, 'Courier New', monospace;\n    font-size: 1rem;\n    line-height: 1.5;\n    margin: 0 0 0.3rem;\n  }\n\n  .credits-columns {\n    display: flex;\n    flex-wrap: wrap;\n    max-width: 1248px;\n    margin: 0 auto;\n  }\n  .credits-col {\n    width: 25%;\n    box-sizing: border-box;\n    padding: 0 1.92%;\n    margin-bottom: 20px;\n  }\n  @media (max-width: 800px) {\n    .credits-col { width: 100%; }\n  }\n<\/style>\n\n<div class=\"credits-block\">\n\n  <button class=\"credits-toggle\" type=\"button\" aria-expanded=\"false\" aria-controls=\"credits-panel-audi\"\n    onclick=\"\n      var open = this.getAttribute('aria-expanded') === 'true';\n      this.setAttribute('aria-expanded', !open);\n      document.getElementById('credits-panel-audi').classList.toggle('is-open');\n    \">\n    <span>Credits<\/span>\n    <span class=\"arrow\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M5 8L12 16L19 8\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n      <\/svg>\n    <\/span>\n  <\/button>\n\n  <div class=\"credits-panel\" id=\"credits-panel-audi\">\n    <div class=\"credits-panel-inner\">\n      <div class=\"credits-panel-pad\">\n        <div class=\"credits-columns\">\n\n          <div class=\"credits-col\">\n            <div class=\"credit\"><h5>Client<\/h5><p>Audi<\/p><\/div>\n            <div class=\"credit\"><h5>Campaign<\/h5><p>Life Collectors<\/p><\/div>\n            <div class=\"credit\"><h5>Agency<\/h5><p>DDB<\/p><\/div>\n          <\/div>\n\n          <div class=\"credits-col\">\n            <div class=\"credit\"><h5>Production Co<\/h5><p>Agosto<\/p><\/div>\n            <div class=\"credit\"><h5>Director<\/h5><p>Daniel Eceolaza<\/p><\/div>\n            <div class=\"credit\"><h5>Executive Producer<\/h5><p>Toni Moreno<\/p><\/div>\n          <\/div>\n\n          <div class=\"credits-col\">\n            <div class=\"credit\"><h5>Producer<\/h5><p>Miguel \u00c1ngel Fern\u00e1ndez-Belando<\/p><\/div>\n            <div class=\"credit\"><h5>Editor<\/h5><p>Marc Soria<\/p><\/div>\n            <div class=\"credit\"><h5>Post Producer<\/h5><p>Max Palou<\/p><\/div>\n          <\/div>\n\n          <div class=\"credits-col\">\n            <div class=\"credit\"><h5>Color Grading<\/h5><p>Marc Morat\u00f3 (Metropolitana)<\/p><\/div>\n            <div class=\"credit\"><h5>Sound Design & Music<\/h5><p>BSO<\/p><\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":319,"menu_order":6,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"portfolio_category":[],"portfolio_skills":[],"portfolio_tags":[],"class_list":["post-99","avada_portfolio","type-avada_portfolio","status-publish","format-standard","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/avada_portfolio\/99","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/avada_portfolio"}],"about":[{"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/types\/avada_portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/comments?post=99"}],"version-history":[{"count":10,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/avada_portfolio\/99\/revisions"}],"predecessor-version":[{"id":590,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/avada_portfolio\/99\/revisions\/590"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/media\/319"}],"wp:attachment":[{"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/media?parent=99"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=99"},{"taxonomy":"portfolio_skills","embeddable":true,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/portfolio_skills?post=99"},{"taxonomy":"portfolio_tags","embeddable":true,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/portfolio_tags?post=99"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}