{"id":62,"date":"2026-04-07T13:04:35","date_gmt":"2026-04-07T13:04:35","guid":{"rendered":"https:\/\/afterthewrap.space\/?post_type=avada_portfolio&#038;p=62"},"modified":"2026-07-14T18:54:13","modified_gmt":"2026-07-14T18:54:13","slug":"portfolio-1","status":"publish","type":"avada_portfolio","link":"https:\/\/afterthewrap.space\/index.php\/portfolio-items\/portfolio-1\/","title":{"rendered":"The Knot"},"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     THE KNOT \u2014 Agency Special Group, Dir. Marie Schuller\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-the-knot\"\n    onclick=\"\n      var open = this.getAttribute('aria-expanded') === 'true';\n      this.setAttribute('aria-expanded', !open);\n      document.getElementById('credits-panel-the-knot').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-the-knot\">\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>The Knot<\/p><\/div>\n            <div class=\"credit\"><h5>Agency<\/h5><p>Special Group<\/p><\/div>\n          <\/div>\n\n          <div class=\"credits-col\">\n            <div class=\"credit\"><h5>Production Co<\/h5><p>Camino \/ RSA<\/p><\/div>\n            <div class=\"credit\"><h5>Director<\/h5><p>Marie Schuller<\/p><\/div>\n          <\/div>\n\n          <div class=\"credits-col\">\n            <div class=\"credit\"><h5>Executive Producer<\/h5><p>Matilde Ramos<\/p><p>Laura D\u00edez<\/p><\/div>\n            <div class=\"credit\"><h5>Editor<\/h5><p>Marie Schuller<\/p><\/div>\n          <\/div>\n\n          <div class=\"credits-col\">\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":336,"menu_order":10,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"portfolio_category":[],"portfolio_skills":[],"portfolio_tags":[],"class_list":["post-62","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\/62","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=62"}],"version-history":[{"count":9,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/avada_portfolio\/62\/revisions"}],"predecessor-version":[{"id":594,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/avada_portfolio\/62\/revisions\/594"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/media\/336"}],"wp:attachment":[{"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/media?parent=62"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=62"},{"taxonomy":"portfolio_skills","embeddable":true,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/portfolio_skills?post=62"},{"taxonomy":"portfolio_tags","embeddable":true,"href":"https:\/\/afterthewrap.space\/index.php\/wp-json\/wp\/v2\/portfolio_tags?post=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}