{"id":290,"date":"2026-06-08T16:02:50","date_gmt":"2026-06-08T16:02:50","guid":{"rendered":"https:\/\/afterthewrap.space\/?post_type=avada_portfolio&#038;p=290"},"modified":"2026-07-14T18:50:59","modified_gmt":"2026-07-14T18:50:59","slug":"turia","status":"publish","type":"avada_portfolio","link":"https:\/\/afterthewrap.space\/index.php\/portfolio-items\/turia\/","title":{"rendered":"Turia"},"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     TURIA \u2014 Estrella Damm, \"Dolce far niente\"\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-turia\"\n    onclick=\"\n      var open = this.getAttribute('aria-expanded') === 'true';\n      this.setAttribute('aria-expanded', !open);\n      document.getElementById('credits-panel-turia').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-turia\">\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>Turia \u2013 Estrella Damm<\/p><\/div>\n            <div class=\"credit\"><h5>Campaign<\/h5><p>Dolce far niente<\/p><\/div>\n            <div class=\"credit\"><h5>Agency<\/h5><p>Los Pepes<\/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>Nacho Gay\u00e1n<\/p><\/div>\n            <div class=\"credit\"><h5>Executive Producer<\/h5><p>Bel\u00e9n Gay\u00e1n<\/p><\/div>\n          <\/div>\n\n          <div class=\"credits-col\">\n            <div class=\"credit\"><h5>Producer<\/h5><p>Laia Barot<\/p><\/div>\n            <div class=\"credit\"><h5>Editor<\/h5><p>Carlos Font Clos<\/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>Moncho<\/p><\/div>\n            <div class=\"credit\"><h5>Sound Design<\/h5><p>Banjo Soundscapes<\/p><\/div>\n            <div class=\"credit\"><h5>Music<\/h5><p>\"A mi manera\" \u2013 Guitarrica de la Fuente, Refree<\/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":339,"menu_order":5,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"portfolio_category":[],"portfolio_skills":[],"portfolio_tags":[],"class_list":["post-290","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\/290","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=290"}],"version-history":[{"count":8,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/avada_portfolio\/290\/revisions"}],"predecessor-version":[{"id":589,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/avada_portfolio\/290\/revisions\/589"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/media\/339"}],"wp:attachment":[{"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/media?parent=290"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=290"},{"taxonomy":"portfolio_skills","embeddable":true,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/portfolio_skills?post=290"},{"taxonomy":"portfolio_tags","embeddable":true,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/portfolio_tags?post=290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}