/*
Theme Name: Oceanika Theme
Theme URI: https://antiestudi.com
Author: Anti Studio
Author URI: https://antiestudi.com
Description: Desarrolo web  para Oceanika.
Version: 1.0.88
Text Domain: oceanika-theme
*/

/* =========================================================
   INDICE
   1. VARIABLES
   2. RESET Y BASE
   3. HEADER / FOOTER
   4. PRELOADER / HOME MANTENIMIENTO
   5. PRODUCTIONS ACCESS PREVIEW
   6. KEYFRAMES
   7. RESPONSIVE LANDING
   8. PAGINAS EDITABLES WORDPRESS
   9. ARCHIVO PRODUCTIONS
   10. SINGLE PRODUCTION
   11. ABOUT US
   12. RESPONSIVE
   ========================================================= */

@font-face{font-family:'Bota';src:url('assets/fonts/Bota-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Bota';src:url('assets/fonts/Bota-Italic.otf') format('opentype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Geist';src:url('assets/fonts/Geist-VariableFont_wght.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Geist';src:url('assets/fonts/Geist-Italic-VariableFont_wght.ttf') format('truetype');font-weight:100 900;font-style:italic;font-display:swap}

:root{
  --oceanika-blue:#0B628E;
  --oceanika-cream:#FFFDF5;
  --oceanika-stone:#EBE9E0;
  --oceanika-white:#FFFDF5;
  --oceanika-text:#FFFDF5;
  --oceanika-border:rgba(255,253,245,.38);
  --oceanika-border-strong:rgba(255,253,245,.64);
  --oceanika-ease:cubic-bezier(.77,0,.175,1);
  --font-title:'Bota', Georgia, 'Times New Roman', serif;
  --font-text:'Geist', Arial, Helvetica, sans-serif;
}

*{
  box-sizing:border-box;
}

html{
  margin:0!important;
  background:var(--oceanika-cream);
  font-size:16px;
}

body{
  margin:0;
  background:var(--oceanika-cream);
  color:#0D0D0C;
  font-family:var(--font-text);
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
  overflow:hidden;
}

.oceanika-has-custom-cursor,
.oceanika-has-custom-cursor *{
  cursor:none!important;
}

.oceanika-cursor{
  position:fixed;
  top:0;
  left:0;
  z-index:9999;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#FFFDF5;
  mix-blend-mode:difference;
  opacity:0;
  pointer-events:none;
  translate:calc(var(--cursor-x, -20px) - 5px) calc(var(--cursor-y, -20px) - 5px);
  scale:var(--cursor-scale,1);
  transform:translateZ(0);
  transition:opacity .12s ease,scale .18s var(--oceanika-ease);
  will-change:translate,scale,opacity;
}

.oceanika-cursor.is-visible{
  opacity:1;
}

.oceanika-cursor.is-interactive{
  --cursor-scale:1.65;
}

body.admin-bar .oceanika-page{
  min-height:calc(100vh - 32px);
}

.oceanika-page{
  position:relative;
  min-height:100vh;
  width:100%;
  overflow:hidden;
  background:var(--oceanika-blue);
  isolation:isolate;
}

.oceanika-inner{
  position:relative;
  min-height:100vh;
  width:100%;
  padding:50px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.oceanika-brand-logo,
.oceanika-brand-claim{
  position:absolute;
  left:50%;
  z-index:8;
  color:var(--oceanika-white);
  white-space:nowrap;
  text-align:center;
  will-change:transform,top,width,opacity;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.oceanika-brand-logo{
  top:calc(50% - 38px);
  width:min(440px,calc(100vw - 100px));
  transform:translate3d(-50%,-50%,0);
  -webkit-transform:translate3d(-50%,-50%,0);
  font-family:var(--font-title);
  font-size:clamp(54px,4.8vw,76px);
  font-weight:400;
  line-height:1;
  letter-spacing:.01em;
  text-transform:lowercase;
}

.oceanika-brand-logo img{
  display:block;
  width:100%;
  height:auto;
  opacity:0;
  filter:blur(4px);
  transform:translate3d(0,.3em,0);
  -webkit-transform:translate3d(0,.3em,0);
  animation:oceanikaLogoImageIn 1.18s ease forwards .18s;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.oceanika-brand-claim{
  top:calc(50% + 42px);
  transform:translate3d(-50%,-50%,0) scale(1);
  -webkit-transform:translate3d(-50%,-50%,0) scale(1);
  transform-origin:center center;
  -webkit-transform-origin:center center;
  font-family:var(--font-text);
  font-size:31px;
  font-weight:500;
  line-height:1;
  letter-spacing:.075em;
  text-transform:uppercase;
  -webkit-font-smoothing:antialiased;
  contain:layout paint;
}

.oceanika-split-char{
  display:inline-block;
  opacity:0;
  transform:translate3d(0,.45em,0);
  -webkit-transform:translate3d(0,.45em,0);
  filter:blur(4px);
  will-change:transform,opacity,filter;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.oceanika-split-word{
  display:inline-block;
  white-space:nowrap;
}

.oceanika-page.is-ready .oceanika-split-char{
  animation:oceanikaCharIn 1.18s ease forwards;
  animation-delay:calc(.18s + (var(--char-index) * 38ms));
}

.oceanika-page.is-ready .oceanika-brand-logo{
  animation:oceanikaLogoToTop 1s var(--oceanika-ease) forwards 3.2s;
}

.oceanika-page.is-ready .oceanika-brand-claim{
  animation:oceanikaClaimToBottom 1s var(--oceanika-ease) forwards 3.2s;
}

.oceanika-content{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
}

.oceanika-manifesto{
  position:absolute;
  top:26%;
  left:50%;
  transform:translate3d(-50%,12px,0);
  -webkit-transform:translate3d(-50%,12px,0);
  margin:0;
  width:min(760px,calc(100vw - 100px));
  text-align:center;
  font-family:var(--font-title);
  font-size:36px;
  font-style:italic;
  font-weight:400;
  line-height:1.2;
  letter-spacing:.02em;
  color:var(--oceanika-white);
  opacity:0;
  filter:blur(3px);
  pointer-events:none;
}

.oceanika-page.is-ready .oceanika-manifesto{
  animation:oceanikaManifestoIn .8s ease forwards 4s;
}

.oceanika-secondary{
  position:absolute;
  top:50%;
  left:50%;
  width:min(390px,calc(100vw - 40px));
  text-align:center;
  opacity:0;
  pointer-events:none;
  transform:translate3d(-50%,10px,0);
  -webkit-transform:translate3d(-50%,10px,0);
  filter:blur(3px);
}

.oceanika-page.is-ready .oceanika-secondary{
  animation:oceanikaSecondaryIn .8s ease forwards 4.78s;
  pointer-events:auto;
}

.oceanika-title{
  margin:0 0 8px;
  font-family:var(--font-text);
  font-size:20px;
  line-height:1;
  letter-spacing:.085em;
  text-transform:uppercase;
  font-weight:500;
  color:var(--oceanika-white);
}

.oceanika-subtitle{
  margin:0 0 18px;
  font-family:var(--font-text);
  font-size:16px;
  line-height:1.2;
  letter-spacing:.01em;
  font-weight:400;
  color:var(--oceanika-white);
}

.oceanika-form{
  display:grid;
  grid-template-columns:1fr 46px;
  width:100%;
  height:36px;
  border:1px solid var(--oceanika-border);
  background:rgba(11,98,142,.12);
  margin:0 0 26px;
  pointer-events:auto;
}

.oceanika-form input{
  width:100%;
  height:100%;
  border:0;
  background:transparent;
  color:var(--oceanika-white);
  font-size:16px;
  line-height:1;
  padding:0 17px;
  outline:none;
  border-radius:0;
  font-family:var(--font-text);
  font-weight:400;
  appearance:none;
  -webkit-appearance:none;
}

.oceanika-form input::placeholder{
  color:rgba(255,253,245,.92);
}

.oceanika-form button{
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:100%;
  border:0;
  border-left:1px solid var(--oceanika-border);
  background:transparent;
  color:var(--oceanika-white);
  cursor:pointer;
  padding:0;
  transition:background .25s ease,border-color .25s ease;
  appearance:none;
  -webkit-appearance:none;
  border-radius:0;
}

.oceanika-form button:hover{
  background:rgba(255,253,245,.08);
  border-left-color:var(--oceanika-border-strong);
}

.oceanika-form button svg{
  width:15px;
  height:15px;
  display:block;
  stroke:currentColor;
}

.oceanika-form.is-loading button{
  cursor:progress;
  opacity:.65;
}

.oceanika-form-message{
  min-height:18px;
  margin:-14px 0 16px;
  font-size:12px;
  line-height:1.25;
  color:var(--oceanika-white);
  opacity:.9;
}

.oceanika-oldweb{
  margin:0;
  font-family:var(--font-text);
  font-size:16px;
  line-height:1.35;
  letter-spacing:.01em;
  font-weight:400;
  color:var(--oceanika-white);
}

.oceanika-oldweb a{
  color:var(--oceanika-white);
  text-underline-offset:3px;
  text-decoration-thickness:1px;
}

.oceanika-oldweb a:hover{
  opacity:.72;
}

/* Access preview */
body.oceanika-access-mode{
  background:var(--oceanika-cream);
  color:#0D0D0C;
}

.oceanika-page--access{
  background:var(--oceanika-cream);
  color:#0D0D0C;
}

.oceanika-page--access .oceanika-inner{
  padding:30px 50px;
}

.oceanika-productions-canvas{
  display:none;
}

.oceanika-productions-field{
  position:absolute;
  inset:0;
  z-index:2;
  overflow:hidden;
  opacity:0;
  cursor:default;
  pointer-events:auto;
  touch-action:auto;
  transition:opacity 1.1s ease 6.25s;
}

.oceanika-productions-track{
  position:absolute;
  top:50%;
  left:50%;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,max-content);
  gap:14vh 12vw;
  width:max-content;
  will-change:transform;
  transform:translate3d(-50%,-50%,0);
}

.oceanika-production-tile{
  width:min(34vw,520px);
  margin:0;
  align-self:center;
  justify-self:center;
}

.oceanika-production-link{
  position:relative;
  display:block;
  color:#0D0D0C;
  text-decoration:none;
  cursor:pointer;
}

.oceanika-production-link::after{
  display:none;
}

.oceanika-production-tile:nth-child(3n+2){
  transform:translate3d(0,16vh,0);
}

.oceanika-production-tile:nth-child(3n){
  transform:translate3d(0,-10vh,0);
}

.oceanika-production-media{
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
}

.oceanika-production-link img,
.oceanika-production-water{
  display:block;
  width:100%;
  height:auto;
}

.oceanika-production-water{
  display:none;
}

.oceanika-production-caption{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  margin-top:10px;
  color:#0D0D0C;
  font-family:var(--font-title);
  font-size:20px;
  font-weight:400;
  line-height:1;
  letter-spacing:0;
  text-align:left;
}

.oceanika-production-title{
  font-style:italic;
}

.oceanika-production-author{
  font-style:normal;
}

.oceanika-home-world{
  display:block;
  width:300vw;
  height:300vh;
  max-width:none;
  max-height:none;
  gap:0;
}

.oceanika-home-slot,
.oceanika-home-slot:nth-child(3n+2),
.oceanika-home-slot:nth-child(3n){
  position:absolute;
  left:calc((var(--x) / 1440) * 100vw);
  top:calc((var(--y) / 1024) * 100vh);
  width:calc((var(--w) / 1440) * 100vw);
  aspect-ratio:var(--w) / var(--h);
  height:auto;
  margin:0;
  transform:none;
}

.oceanika-home-slot-link,
.oceanika-home-slot-media,
.oceanika-home-slot-media img{
  display:block;
  width:100%;
  height:100%;
}

.oceanika-home-slot-media{
  overflow:hidden;
  background:rgba(121,119,110,.14);
}

.oceanika-home-slot-media img{
  object-fit:cover;
}

.oceanika-home-slot-caption{
  margin-top:12px;
  font-size:24px;
  line-height:.96;
}

.oceanika-home-slot--community .oceanika-home-slot-caption,
.oceanika-home-slot--social .oceanika-home-slot-caption{
  font-size:20px;
}

.oceanika-page--access.is-ready .oceanika-productions-field{
  opacity:1;
}

.oceanika-page--access .oceanika-brand-logo,
.oceanika-page--access .oceanika-brand-claim,
.oceanika-access-statement{
  color:#0D0D0C;
}

.oceanika-page--access.is-complete .oceanika-brand-logo,
.oceanika-page--access.is-complete .oceanika-brand-claim{
  color:#FFFDF5;
  mix-blend-mode:difference;
}

.oceanika-page--access .oceanika-brand-logo img{
  filter:brightness(0) saturate(100%) blur(4px);
  animation:oceanikaLogoImageInAccess 1.18s ease forwards .18s;
}

.oceanika-page--access.is-complete .oceanika-brand-logo img{
  filter:brightness(0) invert(1);
}

.oceanika-page.oceanika-page--access.is-ready .oceanika-brand-logo{
  animation:oceanikaAccessLogoToTop 1s var(--oceanika-ease) forwards 3.2s;
}

.oceanika-page.oceanika-page--access.is-ready .oceanika-brand-claim{
  animation:oceanikaAccessClaimToBottom 1s var(--oceanika-ease) forwards 3.2s;
}

.oceanika-page.oceanika-page--access.is-complete .oceanika-brand-logo{
  top:30px;
  width:140px;
  transform:translate3d(-50%,0,0);
  -webkit-transform:translate3d(-50%,0,0);
}

.oceanika-page.oceanika-page--access.is-complete .oceanika-brand-claim{
  top:calc(100% - 30px);
  font-size:31px;
  font-weight:500;
  transform:translate3d(-50%,-100%,0) scale(.516);
  -webkit-transform:translate3d(-50%,-100%,0) scale(.516);
}

.oceanika-access-statement{
  position:absolute;
  top:43%;
  left:50%;
  z-index:4;
  width:min(900px,calc(100vw - 100px));
  margin:0;
  text-align:center;
  font-family:var(--font-title);
  font-size:40px;
  font-style:italic;
  font-weight:400;
  line-height:1;
  letter-spacing:0;
  color:#FFFDF5;
  mix-blend-mode:difference;
  opacity:1;
  transform:translate3d(-50%,8px,0);
  -webkit-transform:translate3d(-50%,8px,0);
  pointer-events:none;
}

.oceanika-page--access .oceanika-access-statement .oceanika-split-char{
  animation:none;
}

.oceanika-page--access.is-ready .oceanika-access-statement .oceanika-split-char{
  animation:oceanikaCharIn .78s ease forwards;
  animation-delay:calc(4.05s + (var(--char-index) * 16ms));
}

.oceanika-page.oceanika-page--access.is-complete .oceanika-brand-logo img{
  filter:brightness(0) invert(1);
}

.oceanika-page.oceanika-page--access.is-complete .oceanika-access-statement{
  transform:translate3d(-50%,8px,0);
  -webkit-transform:translate3d(-50%,8px,0);
}

@keyframes oceanikaLogoImageInAccess{
  to{
    opacity:1;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    filter:brightness(0) saturate(100%) blur(0);
  }
}

@keyframes oceanikaAccessLogoToTop{
  to{
    top:30px;
    width:140px;
    transform:translate3d(-50%,0,0);
    -webkit-transform:translate3d(-50%,0,0);
  }
}

@keyframes oceanikaAccessClaimToBottom{
  to{
    top:calc(100% - 30px);
    transform:translate3d(-50%,-100%,0) scale(.516);
    -webkit-transform:translate3d(-50%,-100%,0) scale(.516);
  }
}

@keyframes oceanikaAccessHeaderItemsIn{
  to{
    opacity:1;
    pointer-events:auto;
    transform:translate3d(0,0,0);
  }
}

/* Estado final bloqueado para evitar bugs al hacer resize */
.oceanika-page.is-complete .oceanika-brand-logo{
  animation:none!important;
  top:50px;
  width:140px;
  transform:translate3d(-50%,0,0);
  -webkit-transform:translate3d(-50%,0,0);
}

.oceanika-page.is-complete .oceanika-brand-logo img{
  animation:none!important;
  opacity:1;
  filter:blur(0);
  transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
}

.oceanika-page.is-complete .oceanika-brand-claim{
  animation:none!important;
  top:calc(100% - 50px);
  font-size:31px;
  font-weight:500;
  transform:translate3d(-50%,-100%,0) scale(.516);
  -webkit-transform:translate3d(-50%,-100%,0) scale(.516);
}

.oceanika-page.is-complete .oceanika-split-char{
  animation:none!important;
  opacity:1;
  filter:blur(0);
  transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
}

.oceanika-page.is-complete .oceanika-manifesto{
  animation:none!important;
  opacity:1;
  filter:blur(0);
  transform:translate3d(-50%,0,0);
  -webkit-transform:translate3d(-50%,0,0);
}

.oceanika-page.is-complete .oceanika-secondary{
  animation:none!important;
  opacity:1;
  filter:blur(0);
  transform:translate3d(-50%,0,0);
  -webkit-transform:translate3d(-50%,0,0);
  pointer-events:auto;
}

.oceanika-page.oceanika-page--access.is-complete .oceanika-brand-logo{
  top:30px;
  width:140px;
  transform:translate3d(-50%,0,0);
  -webkit-transform:translate3d(-50%,0,0);
}

.oceanika-page.oceanika-page--access.is-complete .oceanika-brand-logo img{
  filter:brightness(0) invert(1);
}

.oceanika-page.oceanika-page--access.is-complete .oceanika-brand-claim{
  top:calc(100% - 30px);
  font-size:31px;
  font-weight:500;
  opacity:1;
  transform:translate3d(-50%,-100%,0) scale(.516);
  -webkit-transform:translate3d(-50%,-100%,0) scale(.516);
}

@keyframes oceanikaCharIn{
  to{
    opacity:1;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    filter:blur(0);
  }
}

@keyframes oceanikaLogoImageIn{
  to{
    opacity:1;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    filter:blur(0);
  }
}

@keyframes oceanikaLogoToTop{
  from{
    top:calc(50% - 38px);
    width:min(440px,calc(100vw - 100px));
    transform:translate3d(-50%,-50%,0);
    -webkit-transform:translate3d(-50%,-50%,0);
  }
  to{
    top:50px;
    width:140px;
    transform:translate3d(-50%,0,0);
    -webkit-transform:translate3d(-50%,0,0);
  }
}

@keyframes oceanikaClaimToBottom{
  from{
    top:calc(50% + 42px);
    transform:translate3d(-50%,-50%,0) scale(1);
    -webkit-transform:translate3d(-50%,-50%,0) scale(1);
  }
  to{
    top:calc(100% - 50px);
    transform:translate3d(-50%,-100%,0) scale(.516);
    -webkit-transform:translate3d(-50%,-100%,0) scale(.516);
  }
}

@keyframes oceanikaManifestoIn{
  from{
    opacity:0;
    transform:translate3d(-50%,12px,0);
    -webkit-transform:translate3d(-50%,12px,0);
    filter:blur(3px);
  }
  to{
    opacity:1;
    transform:translate3d(-50%,0,0);
    -webkit-transform:translate3d(-50%,0,0);
    filter:blur(0);
  }
}

@keyframes oceanikaSecondaryIn{
  from{
    opacity:0;
    transform:translate3d(-50%,10px,0);
    -webkit-transform:translate3d(-50%,10px,0);
    filter:blur(3px);
  }
  to{
    opacity:1;
    transform:translate3d(-50%,0,0);
    -webkit-transform:translate3d(-50%,0,0);
    filter:blur(0);
  }
}

/* TABLET */
@media (min-width: 768px) and (max-width: 1024px){
  .oceanika-inner{
    padding:40px;
  }

  .oceanika-brand-logo{
    width:min(380px,calc(100vw - 80px));
  }

  .oceanika-brand-claim{
    font-size:31px;
    transform:translate3d(-50%,-50%,0) scale(.839);
    -webkit-transform:translate3d(-50%,-50%,0) scale(.839);
  }

  .oceanika-manifesto{
    top:32%;
    width:min(680px,calc(100vw - 80px));
    font-size:34px;
    line-height:1.18;
  }

  .oceanika-secondary{
    top:57%;
    width:min(390px,calc(100vw - 80px));
  }

  .oceanika-page.is-ready .oceanika-brand-logo{
    animation:oceanikaLogoToTopTablet 1s var(--oceanika-ease) forwards 3.2s;
  }

  .oceanika-page.is-ready .oceanika-brand-claim{
    animation:oceanikaClaimToBottomTablet 1s var(--oceanika-ease) forwards 3.2s;
  }

  .oceanika-page.is-complete .oceanika-brand-logo{
    top:40px;
    width:140px;
    transform:translate3d(-50%,0,0);
    -webkit-transform:translate3d(-50%,0,0);
  }

  .oceanika-page.is-complete .oceanika-brand-claim{
    top:calc(100% - 40px);
    font-size:31px;
    transform:translate3d(-50%,-100%,0) scale(.516);
    -webkit-transform:translate3d(-50%,-100%,0) scale(.516);
  }

  @keyframes oceanikaLogoToTopTablet{
    from{
      top:calc(50% - 38px);
      width:min(380px,calc(100vw - 80px));
      transform:translate3d(-50%,-50%,0);
      -webkit-transform:translate3d(-50%,-50%,0);
    }
    to{
      top:40px;
      width:140px;
      transform:translate3d(-50%,0,0);
      -webkit-transform:translate3d(-50%,0,0);
    }
  }

  @keyframes oceanikaClaimToBottomTablet{
    from{
      top:calc(50% + 42px);
      transform:translate3d(-50%,-50%,0) scale(.839);
      -webkit-transform:translate3d(-50%,-50%,0) scale(.839);
    }
    to{
      top:calc(100% - 40px);
      transform:translate3d(-50%,-100%,0) scale(.516);
      -webkit-transform:translate3d(-50%,-100%,0) scale(.516);
    }
  }
}

/* MOBILE */
@media (max-width: 767px){
  body{
    overflow:auto;
  }

  .oceanika-page{
    min-height:100svh;
    overflow:hidden;
  }

  .oceanika-inner{
    min-height:100svh;
    padding:20px;
    align-items:center;
  }

  .oceanika-brand-logo{
    top:calc(50% - 31px);
    width:min(300px,calc(100vw - 40px));
    font-size:44px;
  }

  .oceanika-brand-claim{
    top:calc(50% + 32px);
    font-size:31px;
    font-weight:500;
    transform:translate3d(-50%,-50%,0) scale(.645);
    -webkit-transform:translate3d(-50%,-50%,0) scale(.645);
  }

  .oceanika-content{
    position:absolute;
    inset:0;
  }

  .oceanika-manifesto{
    top:25%;
    width:min(361px,calc(100vw - 40px));
    font-size:25px;
    line-height:1.15;
    letter-spacing:.015em;
  }

  .oceanika-secondary{
    top:55%;
    width:min(330px,86vw);
  }

  .oceanika-title{
    font-size:20px;
    font-weight:500;
    margin-bottom:6px;
  }

  .oceanika-subtitle{
    font-size:16px;
    font-weight:400;
    margin-bottom:14px;
  }

  .oceanika-form{
    height:36px;
    margin-bottom:22px;
    grid-template-columns:1fr 44px;
  }

  .oceanika-form input{
    font-size:16px;
    padding:0 14px;
  }

  .oceanika-form button{
    width:44px;
  }

  .oceanika-oldweb{
    font-size:16px;
    font-weight:400;
  }

  .oceanika-page.is-ready .oceanika-brand-logo{
    animation:oceanikaLogoToTopMobile 1s var(--oceanika-ease) forwards 3.2s;
  }

  .oceanika-page.is-ready .oceanika-brand-claim{
    animation:oceanikaClaimToBottomMobile 1s var(--oceanika-ease) forwards 3.2s;
  }

  .oceanika-page.is-complete .oceanika-brand-logo{
    top:20px;
    width:140px;
    transform:translate3d(-50%,0,0);
    -webkit-transform:translate3d(-50%,0,0);
  }

  .oceanika-page.is-complete .oceanika-brand-claim{
    top:calc(100% - 20px);
    font-size:31px;
    transform:translate3d(-50%,-100%,0) scale(.516);
    -webkit-transform:translate3d(-50%,-100%,0) scale(.516);
  }

  @keyframes oceanikaLogoToTopMobile{
    from{
      top:calc(50% - 31px);
      width:min(300px,calc(100vw - 40px));
      font-size:44px;
      transform:translate3d(-50%,-50%,0);
      -webkit-transform:translate3d(-50%,-50%,0);
    }
    to{
      top:20px;
      width:140px;
      font-size:30px;
      transform:translate3d(-50%,0,0);
      -webkit-transform:translate3d(-50%,0,0);
    }
  }

  @keyframes oceanikaClaimToBottomMobile{
    from{
      top:calc(50% + 32px);
      transform:translate3d(-50%,-50%,0) scale(.645);
      -webkit-transform:translate3d(-50%,-50%,0) scale(.645);
    }
    to{
      top:calc(100% - 20px);
      transform:translate3d(-50%,-100%,0) scale(.516);
      -webkit-transform:translate3d(-50%,-100%,0) scale(.516);
    }
  }
}

@media (max-width: 390px){
  .oceanika-manifesto{
    top:25%;
    width:min(340px,calc(100vw - 40px));
    font-size:24px;
  }

  .oceanika-secondary{
    top:56%;
  }

  .oceanika-title{
    font-size:18px;
  }

  .oceanika-subtitle,
  .oceanika-oldweb{
    font-size:15px;
  }
}

@media (prefers-reduced-motion: reduce){
  .oceanika-brand-logo,
  .oceanika-brand-claim,
  .oceanika-split-char,
  .oceanika-manifesto,
  .oceanika-secondary{
    animation:none!important;
    transition:none!important;
    opacity:1!important;
    filter:none!important;
  }

  .oceanika-brand-logo{
    top:50px;
    width:140px;
    font-size:30px;
    transform:translate3d(-50%,0,0)!important;
    -webkit-transform:translate3d(-50%,0,0)!important;
  }

  .oceanika-brand-logo img{
    opacity:1!important;
    filter:none!important;
    transform:translate3d(0,0,0)!important;
    -webkit-transform:translate3d(0,0,0)!important;
  }

  .oceanika-brand-claim{
    top:calc(100% - 50px);
    font-size:31px;
    font-weight:500;
    transform:translate3d(-50%,-100%,0) scale(.516)!important;
    -webkit-transform:translate3d(-50%,-100%,0) scale(.516)!important;
  }

  .oceanika-split-char{
    opacity:1!important;
    filter:none!important;
    transform:translate3d(0,0,0)!important;
    -webkit-transform:translate3d(0,0,0)!important;
  }

  .oceanika-manifesto,
  .oceanika-secondary{
    opacity:1!important;
    filter:none!important;
    transform:translate3d(-50%,0,0)!important;
    -webkit-transform:translate3d(-50%,0,0)!important;
  }
}

/* =========================================================
   RESPONSIVE EXTRA — VENTANAS PEQUEÑAS / LAPTOP / LANDSCAPE
   ========================================================= */

/* Pantallas con poca altura: reduce tamaños y compacta el layout */
@media (max-height: 760px) and (min-width: 768px){
  .oceanika-inner{
    padding:32px 50px;
  }

  .oceanika-page.is-complete .oceanika-brand-logo{
    top:32px;
    width:130px;
  }

  .oceanika-page.is-complete .oceanika-brand-claim{
    top:calc(100% - 32px);
    transform:translate3d(-50%,-100%,0) scale(.48);
    -webkit-transform:translate3d(-50%,-100%,0) scale(.48);
  }

  .oceanika-manifesto{
    top:25%;
    width:min(680px,calc(100vw - 100px));
    font-size:31px;
    line-height:1.14;
  }

  .oceanika-secondary{
    top:52%;
    width:min(380px,calc(100vw - 100px));
  }

  .oceanika-title{
    font-size:18px;
    margin-bottom:7px;
  }

  .oceanika-subtitle{
    font-size:15px;
    margin-bottom:14px;
  }

  .oceanika-form{
    height:34px;
    margin-bottom:20px;
  }

  .oceanika-form input{
    font-size:15px;
  }

  .oceanika-oldweb{
    font-size:15px;
    line-height:1.3;
  }

  .oceanika-page.is-ready .oceanika-brand-logo{
    animation:oceanikaLogoToTopSmallHeight 1s var(--oceanika-ease) forwards 3.2s;
  }

  .oceanika-page.is-ready .oceanika-brand-claim{
    animation:oceanikaClaimToBottomSmallHeight 1s var(--oceanika-ease) forwards 3.2s;
  }

  @keyframes oceanikaLogoToTopSmallHeight{
    from{
      top:calc(50% - 38px);
      width:min(440px,calc(100vw - 100px));
      transform:translate3d(-50%,-50%,0);
      -webkit-transform:translate3d(-50%,-50%,0);
    }
    to{
      top:32px;
      width:130px;
      transform:translate3d(-50%,0,0);
      -webkit-transform:translate3d(-50%,0,0);
    }
  }

  @keyframes oceanikaClaimToBottomSmallHeight{
    from{
      top:calc(50% + 42px);
      transform:translate3d(-50%,-50%,0) scale(1);
      -webkit-transform:translate3d(-50%,-50%,0) scale(1);
    }
    to{
      top:calc(100% - 32px);
      transform:translate3d(-50%,-100%,0) scale(.48);
      -webkit-transform:translate3d(-50%,-100%,0) scale(.48);
    }
  }
}


/* Ventanas pequeñas de ancho pero todavía desktop/tablet */
@media (min-width: 768px) and (max-width: 1180px){
  .oceanika-manifesto{
    width:min(640px,calc(100vw - 100px));
    font-size:clamp(28px,3.1vw,34px);
    line-height:1.16;
  }

  .oceanika-secondary{
    width:min(380px,calc(100vw - 100px));
  }
}


/* Caso combinado: poco ancho + poca altura */
@media (min-width: 768px) and (max-width: 1180px) and (max-height: 760px){
  .oceanika-manifesto{
    top:24%;
    width:min(600px,calc(100vw - 100px));
    font-size:28px;
    line-height:1.12;
  }

  .oceanika-secondary{
    top:51%;
    width:min(360px,calc(100vw - 100px));
  }

  .oceanika-title{
    font-size:17px;
  }

  .oceanika-subtitle,
  .oceanika-oldweb{
    font-size:14px;
  }
}


/* Alturas muy pequeñas, típico navegador partido o portátil bajo */
@media (max-height: 620px) and (min-width: 768px){
  .oceanika-page,
  .oceanika-inner{
    min-height:620px;
  }

  body{
    overflow:auto;
  }

  .oceanika-manifesto{
    top:150px;
    font-size:26px;
    line-height:1.1;
  }

  .oceanika-secondary{
    top:320px;
  }

  .oceanika-page.is-complete .oceanika-brand-logo{
    top:28px;
    width:120px;
  }

  .oceanika-page.is-complete .oceanika-brand-claim{
    top:590px;
    transform:translate3d(-50%,-100%,0) scale(.45);
    -webkit-transform:translate3d(-50%,-100%,0) scale(.45);
  }
}

/* Access preview adjustments */
@media (max-width: 767px){
  .oceanika-page--access .oceanika-inner{
    padding:30px 50px;
  }

  .oceanika-productions-track{
    grid-template-columns:repeat(2,max-content);
    gap:14vh 16vw;
  }

  .oceanika-production-tile{
    width:58vw;
  }

  .oceanika-home-world{
    width:300vw;
    height:300vh;
  }

  .oceanika-home-slot{
    left:calc((var(--x) / 1440) * 100vw);
    top:calc((var(--y) / 1024) * 100vh);
    width:calc((var(--w) / 1440) * 100vw);
    height:auto;
  }

  .oceanika-access-statement{
    width:min(360px,calc(100vw - 40px));
  }
}

@media (max-height: 620px) and (min-width: 768px){
  .oceanika-access-statement{
    top:310px;
  }
}

/* =========================================================
   EDITABLE WORDPRESS PAGES
   ========================================================= */

body.oceanika-inner-mode{
  overflow:auto;
  background:var(--oceanika-cream);
  color:#0D0D0C;
}

.oceanika-site-header{
  position:sticky;
  top:0;
  z-index:40;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:28px;
  padding:24px 50px 18px;
  background:rgba(255,253,245,.92);
  border-bottom:1px solid rgba(13,13,12,.12);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.oceanika-site-logo{
  display:block;
  width:140px;
  line-height:0;
}

.oceanika-site-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:brightness(0) saturate(100%);
}

.oceanika-site-nav{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:24px;
  font-family:var(--font-text);
  font-size:13px;
  font-weight:500;
  line-height:1;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.oceanika-site-nav a{
  color:#0D0D0C;
  text-decoration:none;
  opacity:.58;
  transition:opacity .2s ease;
}

.oceanika-site-nav a:hover,
.oceanika-site-nav a.is-active{
  opacity:1;
}

.oceanika-editorial-page,
.oceanika-productions-archive,
.oceanika-production-single{
  min-height:100vh;
  padding:86px 50px 90px;
  background:var(--oceanika-cream);
  color:#0D0D0C;
}

.oceanika-editorial-hero,
.oceanika-archive-hero,
.oceanika-production-single-hero{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  gap:clamp(40px,7vw,120px);
  align-items:start;
  max-width:1360px;
  margin:0 auto;
}

.oceanika-kicker,
.oceanika-production-meta{
  margin:0 0 18px;
  font-family:var(--font-text);
  font-size:12px;
  font-weight:600;
  line-height:1;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.oceanika-editorial-hero h1,
.oceanika-archive-hero h1,
.oceanika-production-single-hero h1{
  margin:0;
  font-family:var(--font-title);
  font-size:clamp(52px,7vw,116px);
  font-style:italic;
  font-weight:400;
  line-height:.92;
  letter-spacing:0;
}

.oceanika-editorial-intro,
.oceanika-archive-hero p,
.oceanika-production-logline,
.oceanika-production-content{
  font-family:var(--font-text);
  font-size:clamp(18px,1.55vw,24px);
  line-height:1.28;
}

.oceanika-editorial-intro p,
.oceanika-archive-hero p,
.oceanika-production-logline p,
.oceanika-production-content p{
  margin:0 0 1em;
}

.oceanika-text-link,
.oceanika-back-link{
  display:inline-flex;
  align-items:center;
  color:#0D0D0C;
  font-family:var(--font-text);
  font-size:13px;
  font-weight:600;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
  border-bottom:1px solid currentColor;
  padding-bottom:5px;
}

.oceanika-editorial-image,
.oceanika-production-main-image{
  max-width:1360px;
  margin:70px auto 0;
}

.oceanika-editorial-image img,
.oceanika-production-main-image img,
.oceanika-editorial-section img,
.oceanika-production-card img,
.oceanika-production-gallery img{
  display:block;
  width:100%;
  height:auto;
}

.oceanika-editorial-image img,
.oceanika-production-main-image img{
  max-height:78vh;
  object-fit:cover;
}

.oceanika-editorial-sections{
  max-width:1360px;
  margin:90px auto 0;
  border-top:1px solid rgba(13,13,12,.16);
}

.oceanika-editorial-section{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(280px,.7fr);
  gap:clamp(30px,6vw,90px);
  padding:46px 0;
  border-bottom:1px solid rgba(13,13,12,.16);
}

.oceanika-editorial-section h2,
.oceanika-production-credits h2{
  margin:0 0 16px;
  font-family:var(--font-title);
  font-size:clamp(34px,4.2vw,62px);
  font-style:italic;
  font-weight:400;
  line-height:1;
}

.oceanika-rich-text{
  font-size:18px;
  line-height:1.42;
}

.oceanika-rich-text p{
  margin:0 0 1em;
}

.oceanika-production-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:46px 28px;
  max-width:1360px;
  margin:78px auto 0;
}

.oceanika-production-card a{
  display:block;
  color:#0D0D0C;
  text-decoration:none;
}

.oceanika-production-card figure{
  position:relative;
  margin:0;
  overflow:hidden;
  background:var(--oceanika-stone);
  aspect-ratio:4 / 5;
}

.oceanika-production-card img{
  height:100%;
  object-fit:cover;
}

.oceanika-production-placeholder{
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(135deg,var(--oceanika-stone),rgba(11,98,142,.25));
}

.oceanika-production-card-body{
  padding-top:16px;
}

.oceanika-production-card h2{
  margin:0 0 8px;
  font-family:var(--font-title);
  font-size:32px;
  font-style:italic;
  font-weight:400;
  line-height:1;
}

.oceanika-production-card p{
  margin:0;
  font-size:15px;
  line-height:1.3;
}

.oceanika-pagination,
.oceanika-empty-state{
  max-width:1360px;
  margin:70px auto 0;
}

.oceanika-pagination .nav-links{
  display:flex;
  gap:14px;
  align-items:center;
  font-size:13px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.oceanika-pagination a,
.oceanika-pagination span{
  color:#0D0D0C;
}

.oceanika-back-link{
  margin:0 0 52px;
}

.oceanika-production-facts{
  display:grid;
  gap:18px;
  margin:0;
  padding-top:8px;
}

.oceanika-production-facts div,
.oceanika-production-credits dl div{
  display:grid;
  grid-template-columns:110px 1fr;
  gap:18px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(13,13,12,.16);
}

.oceanika-production-facts dt,
.oceanika-production-credits dt{
  font-size:12px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.oceanika-production-facts dd,
.oceanika-production-credits dd{
  margin:0;
  font-family:var(--font-title);
  font-size:22px;
  font-style:italic;
}

.oceanika-production-content,
.oceanika-production-trailer,
.oceanika-production-credits,
.oceanika-production-gallery{
  max-width:980px;
  margin:70px auto 0;
}

.oceanika-production-credits dl{
  display:grid;
  gap:16px;
  margin:0;
}

.oceanika-production-gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  max-width:1360px;
}

.oceanika-production-gallery figure,
.oceanika-editorial-section figure{
  margin:0;
}

.oceanika-site-footer{
  display:flex;
  justify-content:space-between;
  gap:24px;
  padding:24px 50px 34px;
  background:var(--oceanika-cream);
  border-top:1px solid rgba(13,13,12,.12);
  color:#0D0D0C;
  font-size:13px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.oceanika-site-footer p{
  margin:0;
}

.oceanika-site-footer a{
  color:#0D0D0C;
  text-decoration:none;
}

@media (max-width: 980px){
  .oceanika-site-header{
    grid-template-columns:1fr;
    gap:18px;
    padding:22px 28px 18px;
  }

  .oceanika-site-nav{
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:14px 20px;
  }

  .oceanika-editorial-page,
  .oceanika-productions-archive,
  .oceanika-production-single{
    padding:64px 28px 74px;
  }

  .oceanika-editorial-hero,
  .oceanika-archive-hero,
  .oceanika-production-single-hero,
  .oceanika-editorial-section{
    grid-template-columns:1fr;
  }

  .oceanika-production-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 640px){
  .oceanika-site-logo{
    width:120px;
  }

  .oceanika-site-nav{
    font-size:12px;
  }

  .oceanika-editorial-page,
  .oceanika-productions-archive,
  .oceanika-production-single{
    padding:48px 20px 64px;
  }

  .oceanika-editorial-hero h1,
  .oceanika-archive-hero h1,
  .oceanika-production-single-hero h1{
    font-size:44px;
  }

  .oceanika-production-grid,
  .oceanika-production-gallery{
    grid-template-columns:1fr;
  }

  .oceanika-production-facts div,
  .oceanika-production-credits dl div{
    grid-template-columns:1fr;
    gap:6px;
  }

.oceanika-site-footer{
    display:grid;
    padding:22px 20px 30px;
  }
}

/* =========================================================
   11. COMMUNITY
   ========================================================= */

.oceanika-community-page{
  --about-edge:50px;
  --about-gutter:10px;
  width:100%;
  min-height:100vh;
  padding-top:clamp(150px,13vw,250px);
  background:var(--oceanika-cream);
  color:#0D0D0C;
  font-family:var(--font-text);
  overflow:hidden;
}

.oceanika-community-page a{
  color:inherit;
  text-decoration:none;
}

.oceanika-community-intro,
.oceanika-community-podcast,
.oceanika-community-expanded,
.oceanika-community-feature-image,
.oceanika-community-articles{
  width:100%;
  padding-inline:var(--about-edge);
}

.oceanika-community-intro,
.oceanika-community-section-head{
  display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr));
  column-gap:var(--about-gutter);
}

.oceanika-community-intro-copy{
  grid-column:3 / -1;
  font-family:var(--font-title);
  font-size:clamp(32px,2.35vw,54px);
  line-height:1.04;
}

.oceanika-community-intro-copy p{
  margin:0;
}

.oceanika-community-intro > .oceanika-about-label{
  grid-column:1 / span 2;
  padding-top:7px;
}

.oceanika-community-podcast{
  padding-top:clamp(150px,18vw,300px);
}

.oceanika-community-section-head{
  align-items:start;
}

.oceanika-community-section-head h1,
.oceanika-community-section-head h2,
.oceanika-community-articles h2{
  margin:0;
  font-family:var(--font-text);
  font-size:30px;
  font-weight:500;
  line-height:1;
}

.oceanika-community-section-head h1,
.oceanika-community-section-head h2,
.oceanika-community-section-copy,
.oceanika-community-sort{
  grid-column:1 / span 4;
}

.oceanika-community-section-copy{
  margin-top:34px;
  color:#79776E;
  font-size:16px;
  line-height:1.18;
}

.oceanika-community-section-copy p{
  margin:0;
}

.oceanika-community-section-copy p + p{
  margin-top:26px;
}

.oceanika-community-sort{
  justify-self:start;
  margin-top:28px;
  padding:0;
  border:0;
  background:transparent;
  color:#79776E;
  font:inherit;
  font-size:16px;
  line-height:1;
  cursor:pointer;
}

.oceanika-community-carousel{
  position:relative;
  margin-top:45px;
}

.oceanika-community-carousel-controls{
  position:absolute;
  right:0;
  top:-44px;
  display:flex;
  gap:28px;
}

.oceanika-community-carousel-controls button{
  width:24px;
  height:24px;
  padding:0;
  border:0;
  background:transparent;
  color:#79776E;
  font-family:var(--font-title);
  font-size:22px;
  line-height:1;
  cursor:pointer;
}

.oceanika-community-podcast-track{
  display:flex;
  gap:var(--about-gutter);
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}

.oceanika-community-podcast-track::-webkit-scrollbar{
  display:none;
}

.oceanika-community-podcast-card{
  flex:0 0 calc((100vw - (var(--about-edge) * 2) - (var(--about-gutter) * 2)) / 3);
  min-width:0;
  scroll-snap-align:start;
}

.oceanika-community-podcast-card figure,
.oceanika-community-expanded-card figure,
.oceanika-community-feature-image{
  margin:0;
}

.oceanika-community-podcast-card img,
.oceanika-community-expanded-card img,
.oceanika-community-feature-image img{
  display:block;
  width:100%;
  height:auto;
}

.oceanika-community-card-meta{
  margin:13px 0 13px;
  color:#79776E;
  font-size:11px;
  line-height:1;
  text-transform:uppercase;
}

.oceanika-community-podcast-card h2{
  margin:0;
  font-family:var(--font-text);
  font-size:26px;
  font-weight:500;
  line-height:1.08;
}

.oceanika-community-expanded{
  padding-top:clamp(150px,17vw,280px);
}

.oceanika-community-expanded-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:70px var(--about-gutter);
  margin-top:65px;
}

.oceanika-community-expanded-card h3{
  margin:13px 0 0;
  font-family:var(--font-title);
  font-size:20px;
  font-style:italic;
  font-weight:400;
  line-height:1;
}

.oceanika-community-expanded-card p{
  margin:3px 0 0;
  font-family:var(--font-title);
  font-size:18px;
  line-height:1;
}

.oceanika-community-show-more{
  display:block;
  margin:42px auto 0;
  padding:0;
  border:0;
  background:transparent;
  color:#79776E;
  font-family:var(--font-text);
  font-size:14px;
  cursor:pointer;
}

.oceanika-community-feature-image{
  width:min(100%,calc(((100vw - 100px - 80px) / 9 * 7) + 60px));
  margin:clamp(150px,19vw,300px) auto 0;
  padding-inline:0;
}

.oceanika-community-articles{
  padding-top:clamp(150px,17vw,280px);
}

.oceanika-community-articles-list{
  margin-top:38px;
  border-top:1px solid rgba(13,13,12,.35);
}

.oceanika-community-article-row a{
  display:grid;
  grid-template-columns:1fr 1.2fr 1.6fr minmax(0,4.8fr) 28px;
  column-gap:var(--about-gutter);
  align-items:start;
  min-height:80px;
  padding:18px 0;
  border-bottom:1px solid rgba(13,13,12,.35);
}

.oceanika-community-article-row span{
  color:#79776E;
  font-size:12px;
  line-height:1.1;
}

.oceanika-community-article-row strong{
  font-family:var(--font-text);
  font-size:25px;
  font-weight:500;
  line-height:1.08;
}

.oceanika-community-arrow{
  justify-self:end;
  color:#0D0D0C!important;
  font-size:26px!important;
  line-height:1!important;
}

/* =========================================================
   12. ABOUT US — RESET FINAL
   Solo manifiesto sobre grid de 9 columnas.
   ========================================================= */

body.oceanika-inner-mode{
  --about-edge:50px;
  --about-header-edge:50px;
  --about-gutter:10px;
  --about-muted:#79776E;
  --about-black:#0D0D0C;
  overflow:auto;
  background:var(--oceanika-cream);
  color:var(--about-black);
}

body:not(.oceanika-inner-mode){
  --about-edge:50px;
  --about-header-edge:50px;
  --about-gutter:10px;
}

.oceanika-about-reference{
  width:100%;
  min-height:100vh;
  background:var(--oceanika-cream);
  color:var(--about-black);
  font-family:var(--font-text);
  overflow:clip;
}

.oceanika-about-header,
.oceanika-about-manifesto,
.oceanika-about-team,
.oceanika-about-process,
.oceanika-about-directors,
.oceanika-about-footer{
  width:100%;
  max-width:none;
  margin-inline:0;
  padding-inline:var(--about-edge);
}

.oceanika-about-label{
  margin:0;
  color:var(--about-muted);
  font-family:var(--font-text);
  font-size:18px;
  font-weight:400;
  line-height:1;
  text-transform:uppercase;
}

.oceanika-about-manifesto{
  display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr));
  column-gap:var(--about-gutter);
  padding-top:clamp(120px,13.2vw,254px);
}

.oceanika-about-manifesto > .oceanika-about-label{
  grid-column:1 / span 2;
  padding-top:7px;
}

.oceanika-about-manifesto-copy{
  grid-column:3 / -1;
  max-width:none;
  margin-top:0;
  font-family:var(--font-title);
  font-size:clamp(32px,2.35vw,54px);
  font-weight:400;
  line-height:1.04;
}

.oceanika-about-manifesto-copy p{
  margin:0;
}

.oceanika-about-manifesto-copy p + p{
  margin-top:0;
}

.oceanika-about-manifesto-image{
  grid-column:3 / span 4;
  width:100%;
  margin:clamp(48px,4.85vw,92px) 0 0;
}

.oceanika-about-manifesto-image img{
  display:block;
  width:100%;
  aspect-ratio:575 / 720;
  object-fit:cover;
}

.oceanika-about-team{
  display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr));
  column-gap:var(--about-gutter);
  padding-top:clamp(160px,21vw,340px);
}

.oceanika-about-team > .oceanika-about-label{
  grid-column:1 / span 3;
  grid-row:1;
  padding-top:7px;
}

.oceanika-about-team-grid{
  grid-column:1 / -1;
  grid-row:1;
  display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr));
  gap:clamp(120px,12vw,210px) var(--about-gutter);
  align-items:start;
}

.oceanika-about-team-row{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  column-gap:var(--about-gutter);
  align-items:start;
}

.oceanika-about-team-row--right{
  grid-column:4 / -1;
}

.oceanika-about-team-row--left{
  grid-column:1 / span 6;
}

.oceanika-about-person{
  grid-column:span 2;
  margin:0;
}

.oceanika-about-person figure,
.oceanika-about-director figure{
  width:100%;
  margin:0;
  overflow:hidden;
}

.oceanika-about-image-size-l figure{
  aspect-ratio:290 / 390;
}

.oceanika-about-image-size-m figure{
  aspect-ratio:290 / 340;
}

.oceanika-about-image-size-s figure{
  aspect-ratio:1 / 1;
}

.oceanika-about-person img,
.oceanika-about-director img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.oceanika-about-person h2{
  margin:10px 0 0;
  color:#0D0D0C;
  font-family:var(--font-title);
  font-size:26px;
  font-style:italic;
  font-weight:400;
  line-height:1;
}

.oceanika-about-person p{
  margin:3px 0 0;
  color:#0D0D0C;
  font-family:var(--font-text);
  font-size:16px;
  font-weight:400;
  line-height:1;
}

.oceanika-about-process{
  display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr));
  column-gap:var(--about-gutter);
  padding-top:clamp(150px,18vw,290px);
}

.oceanika-about-process p{
  grid-column:1 / span 5;
  margin:0;
  color:#0D0D0C;
  font-family:var(--font-title);
  font-size:42px;
  font-weight:400;
  line-height:1.04;
}

.oceanika-about-directors{
  display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr));
  column-gap:var(--about-gutter);
  padding-top:clamp(80px,8vw,150px);
}

.oceanika-about-directors > .oceanika-about-label{
  grid-column:1 / span 3;
  padding-top:7px;
}

.oceanika-about-directors-grid{
  grid-column:4 / -1;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  column-gap:var(--about-gutter);
  align-items:start;
}

.oceanika-about-director{
  grid-column:span 2;
  margin:0;
}

.oceanika-about-director h2{
  margin:12px 0 0;
  color:#0D0D0C;
  font-family:var(--font-title);
  font-size:26px;
  font-style:italic;
  font-weight:400;
  line-height:1;
}

.oceanika-global-header.oceanika-about-header{
  position:fixed;
  top:0;
  left:0;
  z-index:40;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  width:100%;
  margin:0;
  padding:30px 50px 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  font-family:var(--font-title);
  font-size:18px;
  line-height:1;
  mix-blend-mode:difference;
}

.oceanika-global-header .oceanika-about-langs,
.oceanika-global-header .oceanika-about-nav{
  display:flex;
  align-items:center;
  gap:16px;
}

.oceanika-global-header .oceanika-about-nav{
  position:relative;
  justify-content:flex-end;
  gap:34px;
}

.oceanika-global-header .oceanika-about-langs a,
.oceanika-global-header .oceanika-about-nav a{
  position:relative;
  color:#868881;
  font-family:var(--font-title);
  font-size:18px;
  line-height:1;
  text-decoration:none;
}

.oceanika-global-header .oceanika-about-nav a{
  padding-left:14px;
}

.oceanika-global-header .oceanika-nav-dot{
  position:absolute;
  top:50%;
  left:0;
  z-index:2;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#FFFDF5;
  opacity:0;
  transform:translate3d(var(--nav-dot-x,0),-50%,0);
  transition:transform .34s var(--oceanika-ease),opacity .2s ease;
  pointer-events:none;
}

.oceanika-global-header .oceanika-about-nav.is-dot-ready .oceanika-nav-dot{
  opacity:1;
}

.oceanika-global-header .oceanika-about-nav .is-active,
.oceanika-global-header .oceanika-about-langs a:first-child{
  color:#FFFDF5;
}

.oceanika-global-header .oceanika-about-wordmark{
  position:static;
  display:block;
  width:auto;
  color:#FFFDF5;
  font-family:var(--font-title);
  font-size:34px;
  font-weight:400;
  justify-self:center;
  line-height:1;
  text-decoration:none;
  transform:none;
}

body.oceanika-home-header-mode.oceanika-access-mode .oceanika-global-header .oceanika-about-wordmark{
  visibility:hidden;
  pointer-events:none;
}

body.oceanika-home-header-mode.oceanika-access-mode .oceanika-global-header .oceanika-about-langs,
body.oceanika-home-header-mode.oceanika-access-mode .oceanika-global-header .oceanika-about-nav{
  opacity:0;
  pointer-events:none;
  transform:translate3d(0,-6px,0);
  animation:oceanikaAccessHeaderItemsIn .45s ease forwards 4.35s;
}

body.oceanika-home-header-mode.oceanika-access-mode .oceanika-global-header .oceanika-about-langs a,
body.oceanika-home-header-mode.oceanika-access-mode .oceanika-global-header .oceanika-about-nav a{
  color:#FFFDF5;
}

.oceanika-image-reveal{
  position:relative;
  overflow:hidden;
}

.oceanika-image-reveal::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:var(--oceanika-blue);
  transform:translate3d(0,0,0);
  transition:transform 1.1s var(--oceanika-ease) .28s;
}

.oceanika-image-reveal img{
  opacity:0;
  transform:scale(1.035);
  transition:opacity .45s ease .5s,transform 1.1s var(--oceanika-ease) .28s;
}

.oceanika-about-reference.is-ready .oceanika-image-reveal::before{
  transform:translate3d(0,-101%,0);
}

.oceanika-about-reference.is-ready .oceanika-image-reveal img{
  opacity:1;
  transform:scale(1);
}

.oceanika-about-footer{
  position:relative;
  display:grid;
  grid-template-columns:1.55fr 1.45fr 1.2fr .75fr 1fr;
  gap:clamp(34px,4.2vw,72px);
  align-items:start;
  margin-top:clamp(120px,16vw,260px);
  padding-top:45px;
  padding-bottom:70px;
  color:#79776E;
  border-top:0;
  font-family:var(--font-text);
  font-size:14px;
  font-weight:400;
  line-height:1.14;
}

.oceanika-about-footer::before{
  content:"";
  position:absolute;
  top:0;
  left:var(--about-edge);
  right:var(--about-edge);
  height:1px;
  background:rgba(13,13,12,.1);
}

.oceanika-about-footer p,
.oceanika-about-footer address{
  margin:0;
}

.oceanika-about-footer-brand{
  color:#0D0D0C;
}

.oceanika-about-footer-logo{
  font-family:var(--font-title);
  font-size:50px;
  line-height:.8;
}

.oceanika-about-footer-tagline{
  margin-top:5px;
  color:#0D0D0C;
  font-size:18px;
  font-weight:500;
  line-height:1;
  text-transform:uppercase;
}

.oceanika-about-footer-title{
  color:#0D0D0C;
  font-size:14px;
  font-weight:400;
  line-height:1;
  text-transform:uppercase;
}

.oceanika-about-social,
.oceanika-about-legal{
  display:grid;
  gap:3px;
}

.oceanika-about-social a,
.oceanika-about-contact a,
.oceanika-about-legal a{
  color:inherit;
  text-decoration:none;
}

.oceanika-about-newsletter > p:first-child{
  margin-bottom:13px;
  line-height:1.13;
}

.oceanika-about-newsletter-form{
  display:grid;
  grid-template-columns:1fr 24px;
  width:100%;
  max-width:245px;
  height:24px;
  border:1px solid rgba(13,13,12,.22);
}

.oceanika-about-newsletter-form input{
  width:100%;
  min-width:0;
  border:0;
  background:transparent;
  padding:0 9px;
  font-family:var(--font-text);
  font-size:14px;
  color:#0D0D0C;
  outline:none;
}

.oceanika-about-newsletter-form input::placeholder{
  color:#79776E;
  opacity:1;
}

.oceanika-about-newsletter-form button{
  border:0;
  border-left:1px solid rgba(13,13,12,.22);
  background:transparent;
  color:#0D0D0C;
  cursor:pointer;
  font-family:var(--font-text);
  font-size:14px;
  line-height:1;
}

.oceanika-about-form-message{
  min-height:14px;
  margin:8px 0 0;
  line-height:1.15;
}

.oceanika-about-contact{
  display:grid;
  gap:3px;
  font-style:normal;
  line-height:1.14;
}

.oceanika-about-footer-title{
  margin-bottom:8px;
}

@media (min-width: 768px){
  body.oceanika-inner-mode,
  body:not(.oceanika-inner-mode){
    --about-edge:50px;
    --about-header-edge:50px;
  }

  .oceanika-about-header,
  .oceanika-about-manifesto,
  .oceanika-about-team,
  .oceanika-about-process,
  .oceanika-about-directors,
  .oceanika-about-footer{
    padding-inline:50px;
  }

  .oceanika-global-header.oceanika-about-header{
    padding:30px 50px 0!important;
  }
}

.oceanika-about-contact p{
  margin-top:10px;
  line-height:1.14;
}

.oceanika-about-rights{
  margin-top:26px;
  line-height:1.14;
}

/* =========================================================
   FOOTER GLOBAL — LOGO GRANDE + DEGRADADO
   ========================================================= */

.oceanika-about-footer.oceanika-global-footer{
  --footer-progress:0;
  --footer-fg:rgb(13,13,12);
  position:relative;
  display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr));
  grid-template-rows:auto auto;
  column-gap:10px;
  align-content:end;
  align-items:start;
  height:100vh;
  min-height:680px;
  margin-top:clamp(160px,18vw,300px);
  padding:0 50px 28px;
  overflow:hidden;
  border-top:0;
  background:var(--oceanika-cream);
  color:var(--footer-fg);
  font-family:var(--font-text);
  font-size:14px;
  font-weight:400;
  line-height:1.13;
  transition:color .12s linear;
}

.oceanika-about-footer.oceanika-global-footer .oceanika-about-contact{
  grid-column:1 / span 2;
}

.oceanika-about-footer.oceanika-global-footer .oceanika-about-social{
  grid-column:3 / span 1;
}

.oceanika-about-footer.oceanika-global-footer .oceanika-about-legal{
  grid-column:4 / span 1;
}

.oceanika-about-footer.oceanika-global-footer .oceanika-about-newsletter{
  grid-column:5 / span 2;
}

.oceanika-about-footer.oceanika-global-footer .oceanika-about-rights{
  grid-column:8 / span 2;
}

.oceanika-about-footer.oceanika-global-footer::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  height:auto;
  background:linear-gradient(180deg,rgba(13,13,12,0) 0%,rgba(13,13,12,.612) 61.2%,#0D0D0C 100%);
  opacity:var(--footer-progress);
  pointer-events:none;
}

.oceanika-about-footer.oceanika-global-footer > *{
  position:relative;
  z-index:1;
}

.oceanika-about-footer.oceanika-global-footer p,
.oceanika-about-footer.oceanika-global-footer address{
  margin:0;
}

.oceanika-about-footer.oceanika-global-footer a{
  color:inherit;
  text-decoration:none;
}

.oceanika-about-footer.oceanika-global-footer .oceanika-about-newsletter a{
  text-decoration:underline;
  text-underline-offset:2px;
}

.oceanika-about-footer.oceanika-global-footer .oceanika-about-footer-title{
  display:block;
  margin-bottom:26px;
  color:inherit;
  font-size:14px;
  font-weight:400;
  line-height:1;
  text-transform:uppercase;
}

.oceanika-about-footer.oceanika-global-footer .oceanika-about-contact,
.oceanika-about-footer.oceanika-global-footer .oceanika-about-social,
.oceanika-about-footer.oceanika-global-footer .oceanika-about-legal{
  display:grid;
  align-content:start;
  gap:2px;
  font-style:normal;
  line-height:1.13;
}

.oceanika-about-footer.oceanika-global-footer .oceanika-about-contact p{
  margin-top:8px;
  line-height:1.13;
}

.oceanika-about-footer.oceanika-global-footer .oceanika-about-newsletter p,
.oceanika-about-footer.oceanika-global-footer .oceanika-about-rights{
  margin:0;
  line-height:1.16;
}

.oceanika-about-footer.oceanika-global-footer .oceanika-about-footer-logo{
  grid-column:1 / -1;
  grid-row:2;
  align-self:end;
  display:block;
  width:100%;
  max-width:none;
  margin:clamp(36px,5.4vh,72px) 0 0;
  filter:invert(var(--footer-progress));
  transition:filter .12s linear;
}

/* =========================================================
   HEADER RESPONSIVE + HOME BACKGROUND
   ========================================================= */

body:not(.oceanika-inner-mode):not(.oceanika-access-mode) .oceanika-page{
  background:var(--oceanika-blue);
  color:var(--oceanika-text);
}

@media (max-width: 900px){
  .oceanika-global-header.oceanika-about-header{
    grid-template-columns:1fr auto;
    grid-template-areas:
      "langs logo"
      "nav nav";
    row-gap:18px;
    padding:24px 24px 0!important;
  }

  .oceanika-global-header .oceanika-about-langs{
    grid-area:langs;
    justify-self:start;
  }

  .oceanika-global-header .oceanika-about-wordmark{
    grid-area:logo;
    justify-self:end;
    font-size:30px;
  }

  .oceanika-global-header .oceanika-about-nav{
    grid-area:nav;
    justify-content:flex-end;
    gap:24px;
  }
}

@media (max-width: 560px){
  .oceanika-global-header.oceanika-about-header{
    grid-template-columns:1fr;
    grid-template-areas:
      "logo"
      "langs"
      "nav";
    row-gap:14px;
    padding:20px 20px 0!important;
  }

  .oceanika-global-header .oceanika-about-wordmark{
    justify-self:center;
    font-size:28px;
  }

  .oceanika-global-header .oceanika-about-langs,
  .oceanika-global-header .oceanika-about-nav{
    justify-self:stretch;
    justify-content:space-between;
    width:100%;
    gap:12px;
  }

  .oceanika-global-header .oceanika-about-langs a,
  .oceanika-global-header .oceanika-about-nav a{
    font-size:16px;
  }
}