{"id":296,"date":"2026-06-08T16:09:51","date_gmt":"2026-06-08T16:09:51","guid":{"rendered":"https:\/\/afterthewrap.space\/?post_type=avada_portfolio&#038;p=296"},"modified":"2026-07-14T18:52:26","modified_gmt":"2026-07-14T18:52:26","slug":"zara-origins","status":"publish","type":"avada_portfolio","link":"https:\/\/afterthewrap.space\/index.php\/portfolio-items\/zara-origins\/","title":{"rendered":"Zara Origins"},"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     ZARA \u2014 Production Co Canada, Dir. Nacho Torra\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-zara\"\n    onclick=\"\n      var open = this.getAttribute('aria-expanded') === 'true';\n      this.setAttribute('aria-expanded', !open);\n      document.getElementById('credits-panel-zara').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-zara\">\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>Zara<\/p><\/div>\n            <div class=\"credit\"><h5>Production Co<\/h5><p>Canada<\/p><\/div>\n            <div class=\"credit\"><h5>Director<\/h5><p>Nacho Torra<\/p><\/div>\n          <\/div>\n\n          <div class=\"credits-col\">\n            <div class=\"credit\"><h5>Executive Producer<\/h5><p>V\u00edctor Mata<\/p><\/div>\n            <div class=\"credit\"><h5>DOP<\/h5><p>Ryan M. Helfant<\/p><\/div>\n            <div class=\"credit\"><h5>Editor<\/h5><p>Aitor Bigas<\/p><\/div>\n          <\/div>\n\n          <div class=\"credits-col\">\n            <div class=\"credit\"><h5>Editor Assistant<\/h5><p>Joan Colomer<\/p><\/div>\n            <div class=\"credit\"><h5>Colorist<\/h5><p>Mart\u00ed Somoza<\/p><\/div>\n            <div class=\"credit\"><h5>Music Composition<\/h5><p>Carl Craig<\/p><\/div>\n          <\/div>\n\n          <div class=\"credits-col\">\n            <div class=\"credit\"><h5>Music Consultant<\/h5><p>Pedro Vian<\/p><\/div>\n            <div class=\"credit\"><h5>Post Producer<\/h5><p>Max Palou<\/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":341,"menu_order":8,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"portfolio_category":[],"portfolio_skills":[],"portfolio_tags":[],"class_list":["post-296","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\/296","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=296"}],"version-history":[{"count":7,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/avada_portfolio\/296\/revisions"}],"predecessor-version":[{"id":592,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/avada_portfolio\/296\/revisions\/592"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/media\/341"}],"wp:attachment":[{"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/media?parent=296"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=296"},{"taxonomy":"portfolio_skills","embeddable":true,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/portfolio_skills?post=296"},{"taxonomy":"portfolio_tags","embeddable":true,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/portfolio_tags?post=296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}