{"version":3,"file":"shared-lib.B-pAZZGS.mjs","names":[],"sources":["https:/framerusercontent.com/modules/dxNAZo7kZw0MMop6ZZZO/5PM7UUryUrDPNkPlO5SM/siteMetadata.js"],"sourcesContent":["// Generated by Framer (570e25b)\nexport default function metadata(params,activeLocale){return{customHTMLHeadStart:'<meta name=\"apple-mobile-web-app-capable\" content=\"yes\">\\n<meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black\">\\n<meta name=\"theme-color\" content=\"#101820\">\\n\\n\\n<style>\\n  @import url(\\'https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&display=swap\\');\\n  /*Font*/\\n \\nh1, h21,h4,h6.framer-styles-preset-1hxcm3r{\\n  font-variant-numeric: ordinal slashed-zero;\\nfont-feature-settings: \\'ss02\\' on, \\'ss03\\' on, \\'ss07\\' on, \\'ss10\\' on !important;\\n } \\n\\n  h4{  \\n    font-feature-settings: \"ss03\" on, \"zero\" on \"ss02\" on !important;\\n}\\n  /*Font*/\\n\\n  /* Footer*/\\n  .icon-closed::before {\\n  content: \"\";\\n  display: inline-block;\\n  width: 10px; /* Ajusta el tama\\xf1o del icono */\\n  height: 10px;\\n  background-image: url(\\'data:image/svg+xml,<svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" > <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.70718 3.58594L1.41421 0.292969L0 1.70718L3.29297 5.00015L0.000150742 8.29297L1.41436 9.70718L4.70718 6.41436L8 9.70718L9.41421 8.29297L6.1214 5.00015L9.41436 1.70718L8.00015 0.292969L4.70718 3.58594Z\" fill=\"black\" /> </svg>\\'); \\n  position:absolute;\\n  margin-top: 6px; \\n  margin-left: -18px;\\n}\\n .icon-open::before {\\n  content: \"\";\\n  display: inline-block;\\n  width: 8px; /* Ajusta el tama\\xf1o del icono */\\n  height: 8px;\\n  background-image: url(\\'data:image/svg+xml,<svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" > <circle cx=\"4\" cy=\"4\" r=\"4\" fill=\"black\" /> </svg>\\'); \\n  position:absolute;\\n  margin-top: 7px; \\n  margin-left: -13px;\\n    animation-name: parpadeo;\\n  animation-duration: 3s;\\n  animation-timing-function: linear;\\n  animation-iteration-count: infinite;\\n  -webkit-animation-name:parpadeo;\\n  -webkit-animation-duration:3s;\\n  -webkit-animation-timing-function: linear;\\n  -webkit-animation-iteration-count: infinite;\\n}\\n#classfooterblack .icon-closed::before {\\n   background-image: url(\\'data:image/svg+xml,<svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" > <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.70718 3.58594L1.41421 0.292969L0 1.70718L3.29297 5.00015L0.000150742 8.29297L1.41436 9.70718L4.70718 6.41436L8 9.70718L9.41421 8.29297L6.1214 5.00015L9.41436 1.70718L8.00015 0.292969L4.70718 3.58594Z\" fill=\"black\" /> </svg>\\') !important; \\n}\\n\\n@-moz-keyframes parpadeo{  \\n  0% { opacity: 1.0; }\\n  50% { opacity: 0.0; }\\n  100% { opacity: 1.0; }\\n}\\n\\n@-webkit-keyframes parpadeo {  \\n  0% { opacity: 1.0; }\\n  50% { opacity: 0.0; }\\n   100% { opacity: 1.0; }\\n}\\n\\n@keyframes parpadeo {  \\n  0% { opacity: 1.0; }\\n   50% { opacity: 0.0; }\\n  100% { opacity: 1.0; }\\n}\\n\\nbody[toggle-theme=\"light\"]  .icon-open::before {\\n  filter:invert(1) !important; \\n}\\n\\n\\nbody[toggle-theme=\"dark\"] #gif-load {\\n  filter:invert(1) !important; \\n}\\nbody[toggle-theme=\"light\"] #classfooterblack .icon-closed::before {\\n  filter:invert(0) !important; \\n}\\n\\nbody[toggle-theme=\"light\"]  .icon-closed::before {\\n  filter:invert(1) !important; \\n}\\n\\nbody[toggle-theme=\"light\"]  .arrow1 {\\n  filter:invert(1) !important; \\n}\\nbody[toggle-theme=\"dark\"] .arrow2{\\n  filter:invert(1);\\n}\\n#classfooterblack .arrow2{\\n  filter: invert(1);\\n}\\n#classfooterblack .arrow1{\\n  filter: invert(0) !important;\\n}\\n\\nbody[toggle-theme=\"light\"]   #classfooterblack .icon-open::before{\\n  filter: invert(0) !important;\\n}\\n\\n  /* Footer*/\\n\\n\\n  /*Post*/\\n  #galerryicon{\\n    \\n    top: 70px;\\n  }\\n   #galerryicon2{\\n        \\n  }\\n  /*Post*/\\n.transformNone:hover p {\\ncolor:#000000 !important;\\n}\\ndiv[data-framer-name=\"Chronicles\"]{\\n  opacity: 0;\\n  transition: .5s;\\n}\\ndiv[data-framer-name=\"Chronicles\"] a[href]{\\n  cursor: pointer !important;\\n}\\n\\n\\n  body,html{\\n  scroll-behavior: smooth;\\n      -webkit-font-smoothing: antialiased;\\n    text-rendering: optimizeLegibility;\\n   --framer-font-open-type-features: \\'zero\\' on !important;\\n  font-feature-settings: \\'zero\\' on, \\'ss03\\' on !important;\\n\\n  }\\n  h6,h1,h2,h3,h5,div,span,p{\\n    --framer-font-open-type-features: \\'ss03\\' on, \\'zero\\' on !important;\\n    font-feature-settings: \\'ss03\\' on, \\'zero\\' on !important;\\n\\n  }\\n.framer-vhrq3h{\\n  position: fixed !important;\\n  top: auto !important;\\n  left: auto !important;\\n  bottom: 96px;\\n  right: 56px;\\n  z-index: 2;\\n}\\n  .imgCover{\\n    height:auto !important;\\n  }\\n.imgCover > div {\\n  position:relative !important;\\n}\\n\\n.imgCover img {\\n height:fit-content !important;\\n max-height:925px;\\n width: initial !important;\\n float:right;\\n}\\n  .menuD{\\n      display:block !important;\\n      \\n    }\\n    .menuM{\\n      display:none !important;\\n    }\\n  .lineClass2 .framer-1w9xb5p{\\n   right:-20px !important;\\n  \\n  }\\n\\n[data-framer-name=\"Project 5 Vertical\"],[data-framer-name=\"Project 6 Vertical\"]  {\\n  width:350px !important;\\n}\\n  .lineClass1 .framer-1w9xb5p{\\n   right:-37px !important;\\n   width: fit-content !important;\\n  max-height: 275px;\\n  \\n\\n  }\\n  .cursorpointer3{\\n        cursor: default !important;\\n  }\\n   .cursorpointer1,.cursorpointer4{\\n        cursor: pointer !important;\\n  }\\n   .cursorpointer1:hover .framer-1w9xb5p div, .cursorpointer4:hover .framer-1w9xb5p div{\\n        cursor: pointer !important;\\n             background-color:rgb(204, 255, 0); \\n             color: #000000;\\n  }\\n   .lineClass1 .framer-1w9xb5p div, .lineClass2 .framer-1w9xb5p div{\\n        padding-bottom: 5px;\\n        margin-left: 2px;\\n  }\\n \\n.SliderW img{\\n  max-height:600px !important;\\n}\\n\\n\\n   .cursorpointer1:hover h6, .cursorpointer4:hover h6{\\n        \\n           \\n             color: #000000 !important;\\n  }\\n  \\n  .SliderW li div:first-child{\\n   position:relative !important;\\n   height:auto;\\n   \\n  }\\n \\n\\n.SliderW section > div{\\n  position:relative !important;\\n}\\n.SliderW > div{\\n  height:auto !important;\\n}\\n  .SliderW ul {\\n   \\n    place-items: flex-start center !important;\\n}\\n.SliderW .framer-vimeo > div{\\nheight:100% !important;\\n\\n}\\n.SliderW  .framer-vimeo {\\n height:345px !important;\\n}\\n.SliderW .divSlider .framer-vimeo {\\n height:600px !important;\\n}\\n\\n\\n.SliderW .divSlider  {\\n  /* height: 270px !important; */\\n}\\n.SliderW .divSlider > div{\\nheight:100% !important;\\nwidth:100%;\\n}\\n\\n.SliderW  .framer-vimeo{\\n  /* min-height:600px; */\\n}\\n\\n  .SliderW  .btnPlay\\n   {\\n   position:absolute !important;\\n   height:40px !important;\\n   width:40px !important;\\n   left:50%;\\n   top:50%;\\n  }\\n  .SliderW fieldset button > div, .SliderVideo fieldset button > div{\\nwidth: 100px !important;\\n    border-radius: 0px !important;\\n    height: 3px !important;\\n}\\n.SliderW fieldset div:nth-child(2), .SliderVideo fieldset div:nth-child(2){\\n    position: absolute !important;\\n    height: 20px;\\n    top: 0 !important;\\n    transform: none !important;\\n    align-items: flex-start !important;\\n    right: -295px;\\n    padding-top:8px;\\n   \\n    left: auto !important;\\n}\\n\\n  .svgContainer{\\n    margin-right: 4px;\\n    margin-top: -4px;\\n\\n  }\\n\\n\\n   .imgw {\\n        width:510px !important;\\n        height:fit-content !important;\\n    }\\n  \\n  .imgh{\\n        width:340px !important;\\n        height:fit-content !important;\\n    }\\n  body[toggle-theme=\"light\"] #idNav-darkmode .framer-1dmyqem, body[toggle-theme=\"light\"] #idNav-darkmode .framer-eexmls{\\n    display: none;\\n   }\\n   body[toggle-theme=\"dark\"] #idNav-darkmode .framer-1ivh1cw, body[toggle-theme=\"dark\"] #idNav-darkmode .framer-55p285{\\n    display: none;\\n   }\\n   \\n   #idNav-darkmode{\\n    margin-left: auto !important;\\n    margin-right: auto !important;\\n   }\\n   nav[data-framer-name=\"ScrollProfile\"], nav[data-framer-name=\"ScrollProjects\"], nav[data-framer-name=\"ScrollChronicles\"], nav[data-framer-name=\"ScrollGoods\"], nav[data-framer-name=\"ScrollDesktop\"], nav[data-framer-name=\"ScrollHome\"]{\\n    margin-top: 60px !important;\\n   }\\n   nav div[data-framer-component-type=\"SVG\"]{\\n    height: auto !important;\\n   }\\n   #idNav-darkmode.framer-v-1bbi9uc, #idNav-darkmode.framer-v-cpyu7s{\\n    height: 100vh !important;\\n    z-index: 10 !important;\\n    position: fixed;\\n    top: 0 !important;\\n    left: 0 !important;\\n   }\\n   .framer-hpO90.framer-1ae6ag5, .framer-9verk6, .framer-XFGCF.framer-1ae6ag5, .framer-Q19zM, .framer-rkL20, .framer-LH84l,.framer-ayquo3 .framer-v-1ae6ag5, .transformNone  div{\\n    transform: none !important;\\n   }\\n  .framer-pvibu7-container, .framer-945oc5-container, .framer-20Xth{\\n    cursor: pointer !important;\\n  }\\n  .framer-e3QOY.framer-v-ayquo3.hover.framer-ayquo3 p{\\n    color: #000000 !important;\\n  }\\n  .idTarget{\\n    padding: 14px;\\n  }\\n  .idTarget:hover{\\n    filter: grayscale(1);\\n    background-color: #D4D0C9;\\n  }\\n\\nbody[toggle-theme=\"dark\"] button[aria-label=\"Next\"] , body[toggle-theme=\"dark\"] button[aria-label=\"Previous\"]{\\nfilter:invert(1) !important;\\n\\n}\\n\\n\\n\\n\\n.videocontent {\\n    width: 100% !important;\\n    height: 100% !important;\\n}\\n\\n .imgw .framer-605s97{\\nbackground-color:red;\\n}\\n\\n.framer-hcusug{\\n  transition: .5s !important;\\n  interpolate-size: allow-keywords;\\n}\\n\\n\\n @media only screen and (max-width: 1439px) {\\n   .SliderW fieldset div:nth-child(2), .SliderVideo fieldset div:nth-child(2){\\n   \\n    right: -210px;\\n  \\n}\\n.SliderW fieldset div:nth-child(1), .SliderVideo fieldset div:nth-child(1){\\n  right: -210px !important;\\n}\\n  }\\n\\n\\n @media only screen and (max-width: 1240px) {\\n   .imgw {\\n        width:465px !important;\\n        height:fit-content !important;\\n    }\\n  }\\n\\n @media only screen and (max-width: 1199px) {\\n   /* .infoStack{\\n    flex-direction: column-reverse !important;\\n    gap: 20px !important;\\n  }*/\\n\\n\\n     .SliderW fieldset div:nth-child(2), .SliderVideo fieldset div:nth-child(2){\\n   \\n    right: -250px;\\n  \\n}\\n.SliderW fieldset div:nth-child(1), .SliderVideo fieldset div:nth-child(1){\\n  right: -250px !important;\\n}\\n \\n  .imgh{\\n        width:330px !important;\\n        height:fit-content !important;\\n                    margin: 0 auto;\\n    }\\n       .imgw{\\n        width:430px !important;\\n        height:fit-content !important;\\n                    margin: 0 auto;\\n    }\\n     .menuD{\\n      display:none !important;\\n    }\\n    .menuM{\\n      display:block !important;\\n    }\\n  \\n     .lineClass1 .framer-1w9xb5p, .lineClass2 .framer-1w9xb5p{\\n  display:none !important;\\n  \\n\\n  }\\n  .textOpacity > div {\\n    opacity:1 !important;\\n        width: 100% !important;\\n  }\\n  \\n}\\n @media only screen and (max-width: 1170px) {\\n\\n      .SliderW fieldset div:nth-child(2), .SliderVideo fieldset div:nth-child(2){\\n\\n      right: -205px;\\n\\n      }\\n      .SliderW fieldset div:nth-child(1), .SliderVideo fieldset div:nth-child(1){\\n      right: -205px !important;\\n      }\\n \\n }\\n@media only screen and (max-width: 1090px) {\\n    .imgCoverContain{\\n       min-height: auto !important\\n        \\n    }\\n    \\n       .imgw{\\n        width:330px !important;\\n        \\n    }\\n    .SliderW fieldset div:nth-child(2){\\n        display:none !important;\\n        \\n        \\n    }\\n\\n     .SliderW fieldset div:nth-child(1){\\n        right:-10rem !important;\\n        \\n        \\n    }\\n    \\n   \\n\\n     \\n  } \\n\\n @media only screen and (max-width: 990px) {\\n .SliderW fieldset div:nth-child(1){\\n       right: -4rem !important\\n        \\n    }\\n   }\\n  \\n @media only screen and (max-width: 810px) {\\n  [data-framer-name=\"Project 5 Horizontal\"] .framer-vimeo {\\n      max-height:170px; \\n        \\n    }\\n    .SliderW fieldset div:nth-child(1){\\n       right: -12rem !important\\n        \\n    }\\n   }\\n\\n    @media only screen and (max-width: 768px) {\\n .SliderW fieldset div:nth-child(1){\\n       right: -4rem !important\\n        \\n    }\\n \\n   }\\n\\n    @media only screen and (max-width: 740px) {\\n    \\n \\n\\n           .SliderW fieldset div:nth-child(1){\\n       right: -10rem !important\\n        \\n    }\\n}\\n\\n @media only screen and (max-width: 650px) {\\n  .SliderW img{\\n    max-height:400px !important;\\n  }\\n   .SliderW > div{\\n      width: 330px !important;\\n     \\n      }\\n      .SliderW .divSlider .framer-vimeo {\\n      height:400px !important;\\n      }\\n \\n       .imgw{\\n        width:330px !important;\\n          }\\n\\n           .SliderW fieldset div:nth-child(1){\\n       right: -10px !important\\n        \\n    }\\n    .SliderW .framer-vimeo{\\n       height:190px !important;\\n        \\n    }\\n    .SliderW .btnPlay{\\n       transform:translateX(-50%) !important;\\n        \\n    }\\n    [data-framer-name=\"Project 5 Vertical\"], [data-framer-name=\"Project 6 Vertical\"]{\\n       width:230px !important;\\n        \\n    }\\n}\\n\\n   .framer-1bl5gb0{\\nopacity:1 !important;\\n\\n    }\\n   .framer-1bl5gb0 .framer-oa05fh {\\n/*margin-top:-2px !important;\\nmargin-left:-2px !important;*/\\n    }\\n\\n</style>\\n\\n',description:\"Off-the-Record is a global creative agency specializing in branding, visual identity, and activation design. With nearly two decades of experience, we craft compelling visuals and experiences that blend artistry, strategy, and innovation to shape culture.\",favicon:\"https://framerusercontent.com/assets/rV9HTIlx9rwFjbMOsgPftWGjKs.png\",robots:\"max-image-preview:large\",socialImage:\"https://framerusercontent.com/assets/hMSGTS7Lg1LUCJ3UrI5pE5mBvo.png\",title:\"Off-the-Record.\"};}export const metadataVersion=1;\nexport const __FramerMetadata__ = {\"exports\":{\"metadataVersion\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"2DACA,SAAwB,EAAS,EAAO,EAAa,CAAC,MAAM,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAkiZ,YAAY,kQAAkQ,QAAQ,sEAAsE,OAAO,0BAA0B,YAAY,sEAAsE,MAAM,iBAAkB,CAAE"}