@font-face { font-family:'Marcellus'; src:url('./assets/fonts/marcellus.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Space Grotesk'; src:url('./assets/fonts/space-grotesk.ttf') format('truetype'); font-weight:300 700; font-style:normal; font-display:swap; }
@font-face { font-family:'Atkinson Hyperlegible Next'; src:url('./assets/fonts/atkinson-next.ttf') format('truetype'); font-weight:200 800; font-style:normal; font-display:swap; }
html { color-scheme:light dark; }
body { margin:0; }
#raginmar-onda-constelacao { width:100%; }
  #raginmar-onda-constelacao * { box-sizing:border-box; }
  #raginmar-onda-constelacao .oc-page {
    --oc-paper:#edf0eb; --oc-ink:#252c2b;
    --oc-muted:#59615d; --oc-accent:#315f51;
    --oc-art:#315f51; --oc-node:#467461;
    --oc-divider:#cbd6cb;
    position:relative; isolation:isolate; overflow:clip; min-height:680px; padding:32px 52px 30px;
    display:flex; flex-direction:column; background:var(--oc-paper); color:var(--oc-ink);
    font:400 17px/1.5 'Atkinson Hyperlegible Next',Arial,sans-serif;
  }
  #raginmar-onda-constelacao .oc-page[data-tone=paper] { --oc-paper:#edf0eb; --oc-ink:#252c2b; --oc-muted:#59615d; --oc-accent:#315f51; --oc-art:#315f51; --oc-node:#467461; --oc-divider:#cbd6cb; }
  #raginmar-onda-constelacao .oc-page[data-tone=night] { --oc-paper:#111e29; --oc-ink:#e0edf5; --oc-muted:#a7bccd; --oc-accent:#b5dcd5; --oc-art:#9ac6cf; --oc-node:#a0dec1; --oc-divider:#31434c; }
  #raginmar-onda-constelacao .oc-header, #raginmar-onda-constelacao .oc-main, #raginmar-onda-constelacao .oc-footer { position:relative; z-index:2; }
  #raginmar-onda-constelacao .oc-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:18px; padding-right:65px; min-height:84px; }
  #raginmar-onda-constelacao .oc-lockup { display:flex; align-items:center; gap:14px; }
  #raginmar-onda-constelacao .oc-logo { display:block; width:64px; height:84px; flex-shrink:0; }
  #raginmar-onda-constelacao .oc-wordmark { font:400 24px/1.1 'Marcellus',Georgia,serif; letter-spacing:.075em; }
  #raginmar-onda-constelacao .oc-wordmark span { font-size:17px; letter-spacing:.29em; }
  #raginmar-onda-constelacao .oc-start { color:var(--oc-muted); font-size:11px; letter-spacing:.11em; }
  #raginmar-onda-constelacao .oc-main { flex:1; display:flex; flex-direction:column; justify-content:center; padding:58px 0 70px; }
  #raginmar-onda-constelacao h1 { font:500 clamp(40px,7.1vw,76px)/1.12 'Space Grotesk',Arial,sans-serif; letter-spacing:-.055em; margin:0; }
  #raginmar-onda-constelacao .oc-line { display:block; width:fit-content; max-width:100%; }
  #raginmar-onda-constelacao h1 em { color:var(--oc-accent); font-style:normal; font-weight:500; }
  #raginmar-onda-constelacao .oc-portuguese { color:var(--oc-muted); font-size:18px; line-height:1.5; margin:28px 0 0; width:fit-content; max-width:100%; }
  #raginmar-onda-constelacao .oc-footer { border-top:1px solid var(--oc-divider); padding-top:18px; color:var(--oc-muted); font-size:11px; letter-spacing:.12em; }
  #raginmar-onda-constelacao .oc-background { position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; }
  #raginmar-onda-constelacao .oc-probe { display:none; }
  @media(max-width:600px) {
    #raginmar-onda-constelacao .oc-page { min-height:720px; padding:25px 24px; }
    #raginmar-onda-constelacao .oc-header { flex-direction:column; align-items:flex-start; padding-right:0; gap:8px; }
    #raginmar-onda-constelacao .oc-lockup { gap:10px; }
    #raginmar-onda-constelacao .oc-logo { width:58px; height:80px; }
    #raginmar-onda-constelacao .oc-wordmark { font-size:22px; }
    #raginmar-onda-constelacao .oc-wordmark span { font-size:16px; }
    #raginmar-onda-constelacao .oc-start { padding-left:3px; font-size:10px; }
    #raginmar-onda-constelacao .oc-main { padding:50px 0 70px; }
    #raginmar-onda-constelacao h1 { font-size:clamp(35px,8.1vw,48px); }
    #raginmar-onda-constelacao .oc-portuguese { font-size:17px; }
    #raginmar-onda-constelacao .oc-footer { font-size:10px; letter-spacing:.06em; }
  }
@media(prefers-color-scheme:dark){#raginmar-onda-constelacao .oc-page[data-tone=auto] { --oc-paper:#111e29; --oc-ink:#e0edf5; --oc-muted:#a7bccd; --oc-accent:#b5dcd5; --oc-art:#9ac6cf; --oc-node:#a0dec1; --oc-divider:#31434c; }}

#raginmar-onda-constelacao .oc-page { min-height:100vh; min-height:100svh; }