/* =========================================================
   ORIVUM FILMES · site institucional
   Paleta oficial (KV da marca): Snow, Onyx, Midnight, Ocean, Sky, Sand
   Nenhum hex cru fora deste bloco.
   ========================================================= */
@font-face{font-family:"Inter Tight";src:url("../fonts/inter-tight.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Martian Mono";src:url("../fonts/martian-mono.woff2") format("woff2");font-weight:100 800;font-stretch:75% 112.5%;font-display:swap}

:root{
  /* marca */
  --snow:#f7f7f7;
  --onyx:#000000;
  --midnight:#23282c;
  --ocean:#929fa7;
  --sky:#b7cce0;
  --sand:#eae7e2;
  /* derivados */
  --ink:#060708;            /* fundo das dobras escuras */
  --ink-2:#0d0f11;
  --ink-3:#171a1d;
  --ink-4:#202428;
  --sky-700:#56718c;        /* Sky escurecido: acento legível sobre fundo claro */
  --paper:#f4f5f6;          /* fundo das dobras claras */
  --mist:#e6e9ec;
  --on-dark:#f7f7f7;
  --on-dark-2:#a3acb2;      /* texto secundário no escuro (7:1) */
  --on-dark-3:#6b747a;      /* rótulos discretos no escuro */
  --on-light:#1c2024;
  --on-light-2:#5b646b;     /* texto secundário no claro (5.9:1) */
  --on-light-3:#79828a;
  --line-d:rgba(247,247,247,.09);
  --line-d2:rgba(247,247,247,.16);
  --line-l:rgba(35,40,44,.12);
  --white:#ffffff;
  --title-d:#c9ced2;        /* títulos grandes nas dobras escuras */
  --title-l:#50585e;        /* títulos grandes nas dobras claras */
  --title-l2:#586066;
  --text-l:#3c4449;
  --error:#e39a9a;

  --f-sans:"Inter Tight",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"Martian Mono",ui-monospace,"SF Mono",Menlo,monospace;

  --pad:clamp(16px,3.4vw,48px);
  --max:1320px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --r:4px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--ink);color:var(--on-dark);font:400 16px/1.55 var(--f-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;text-rendering:optimizeLegibility}
img,video,svg,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
ul,ol{list-style:none;margin:0;padding:0}
h1,h2,h3,p,figure,blockquote{margin:0}
svg use{pointer-events:none}
::selection{background:var(--sky);color:var(--midnight)}
:focus-visible{outline:2px solid var(--sky);outline-offset:3px;border-radius:2px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:16px;top:-60px;z-index:200;background:var(--sky);color:var(--midnight);padding:10px 14px;font:600 13px var(--f-sans);border-radius:var(--r);transition:top .2s}
.skip:focus{top:16px}
.wrap{width:100%;max-width:calc(var(--max) + var(--pad)*2);margin:0 auto;padding:0 var(--pad)}
.mono{font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;font-stretch:100%}
.wm{width:100%;height:auto;overflow:visible}

/* ---------- botões ---------- */
.btn-block{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(100%,344px);height:44px;padding:0 16px 0 22px;background:var(--onyx);color:var(--snow);border:1px solid var(--line-d2);font:600 12px/1 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;transition:background .3s var(--ease),border-color .3s,color .3s}
.btn-block svg{width:16px;height:16px;transition:transform .5s var(--ease-out)}
.btn-block:hover{background:var(--snow);color:var(--onyx);border-color:var(--snow)}
.btn-block:hover svg{transform:rotate(90deg)}
.btn-icon{display:inline-flex;align-items:center;gap:12px;font:500 13px/1 var(--f-sans);color:inherit}
.btn-icon>span{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:var(--sky);color:var(--midnight);transition:transform .4s var(--ease-out)}
.btn-icon svg{width:14px;height:14px}
.btn-icon:hover>span{transform:translateX(3px)}
.btn-icon--light{color:var(--snow)}
.btn-solid{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 16px;border-radius:6px;background:var(--midnight);color:var(--snow);font:600 11px/1 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;transition:background .3s,transform .3s var(--ease-out)}
.btn-solid svg{width:15px;height:15px;color:var(--sky);transition:transform .4s var(--ease-out)}
.btn-solid:hover{background:var(--onyx)}
.btn-solid:hover svg{transform:translateX(3px)}
.btn-solid--sky{background:var(--sky);color:var(--midnight)}
.btn-solid--sky svg{color:var(--midnight)}
.btn-solid--sky:hover{background:var(--snow)}

.dot-live{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sky);box-shadow:0 0 0 0 rgba(183,204,224,.6);animation:live 2.4s infinite;vertical-align:middle;margin-right:8px}
@keyframes live{0%{box-shadow:0 0 0 0 rgba(183,204,224,.55)}70%{box-shadow:0 0 0 8px rgba(183,204,224,0)}100%{box-shadow:0 0 0 0 rgba(183,204,224,0)}}

/* ---------- dock (barra compacta ao rolar) ---------- */
.dock{position:fixed;z-index:60;top:14px;left:50%;width:min(520px,calc(100% - 32px));height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 18px;background:rgba(18,20,23,.78);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:1px solid var(--line-d);border-radius:3px;transform:translate(-50%,-160%);transition:transform .6s var(--ease-out);color:var(--snow)}
.dock.is-on{transform:translate(-50%,0)}
.dock__logo{width:88px}
.dock__menu{display:flex;align-items:center;gap:14px;height:36px;padding:0 8px;font:500 14px var(--f-sans)}
.dock__menu svg{width:18px;height:18px;fill:currentColor;transition:transform .5s var(--ease-out)}
.dock__menu:hover svg{transform:rotate(90deg)}

/* =========================================================
   01 · HERO · o reel corre dentro do wordmark
   ========================================================= */
.hero{position:relative;min-height:max(100svh,700px);display:flex;flex-direction:column;background:var(--ink);color:var(--snow);overflow:hidden;isolation:isolate}
.hero__bg{position:absolute;inset:0;z-index:-1;background:
  radial-gradient(88% 66% at 50% 40%,rgba(35,40,44,.72),rgba(6,7,8,0) 72%),
  radial-gradient(60% 46% at 50% 104%,rgba(183,204,224,.10),transparent 70%),var(--ink)}

/* barra do topo */
.topbar{position:relative;z-index:10;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;height:74px;padding:0 var(--pad);border-bottom:1px solid var(--line-d);opacity:0;transform:translateY(-10px);transition:opacity .8s var(--ease),transform .9s var(--ease-out)}
.is-ready .topbar{opacity:1;transform:none}
.topbar__logo{display:block;width:104px;color:var(--snow)}
.topbar__nav{display:flex;justify-content:center;gap:clamp(24px,3.4vw,54px)}
.topbar__nav a{position:relative;font:600 10.5px/1 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--on-dark-2);padding:8px 2px;transition:color .3s}
.topbar__nav a:hover{color:var(--snow)}
.topbar__nav sup{margin-left:3px;color:var(--sky);font-size:8px}
.topbar__right{display:flex;align-items:center;gap:14px}
.topbar__cta{display:flex;align-items:center;gap:22px;height:46px;padding:0 14px 0 18px;border:1px solid var(--line-d2);font:600 10.5px/1 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;transition:background .3s,color .3s,border-color .3s}
.topbar__cta svg{width:14px;height:14px;transition:transform .5s var(--ease-out)}
.topbar__cta:hover{background:var(--snow);color:var(--onyx);border-color:var(--snow)}
.topbar__cta:hover svg{transform:rotate(90deg)}
.topbar__menu{display:grid;gap:5px;width:36px;height:36px;place-content:center;justify-items:end}
.topbar__menu i{display:block;width:20px;height:1.5px;background:currentColor;transition:width .35s var(--ease-out)}
.topbar__menu i:last-child{width:13px}
.topbar__menu:hover i:last-child{width:20px}


.hero__stage{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(26px,4.5vh,52px);width:100%;max-width:calc(var(--max) + var(--pad)*2);margin:0 auto;padding:2vh var(--pad)}
.hero__title{position:relative;font-weight:400;width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2.4vh,26px)}
/* o vídeo aparece recortado pelo próprio wordmark */
.hero__film{display:block;width:min(88vw,1200px);aspect-ratio:5.901;background:var(--snow);filter:drop-shadow(0 18px 60px rgba(0,0,0,.55));
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%2252.50 142.73 626.67 106.20%22 fill=%22%23000%22%3E%3Cpath transform=%22matrix%281,0,0,-1,219.3813,144.4982%29%22 d=%22M0 0H28.925V-25.392H0C-9.57-25.392-16.305-27.345-20.203-31.243-24.105-35.145-26.054-41.807-26.054-51.225V-102.671H-51.446V-51.225C-51.446-34.886-46.995-22.266-38.087-13.359-29.183-4.454-16.487 0 0 0%22/%3E%3Cpath transform=%22matrix%281,0,0,-1,85.178,215.2641%29%22 d=%22M0 0C4.858-5.52 11.626-8.279 20.314-8.279 28.997-8.279 35.804-5.52 40.737 0 45.667 5.52 48.134 11.995 48.134 19.43 48.134 26.862 45.667 33.34 40.737 38.861 35.804 44.38 28.997 47.14 20.314 47.14 11.626 47.14 4.858 44.38 0 38.861-4.858 33.34-7.286 26.862-7.286 19.43-7.286 11.995-4.858 5.52 0 0M-2.76 68.006C4.085 71.021 11.775 72.532 20.314 72.532 28.849 72.532 36.576 71.021 43.497 68.006 50.414 64.987 56.007 60.94 60.278 55.862 64.546 50.784 67.785 45.153 69.993 38.971 72.201 32.789 73.305 26.309 73.305 19.541 73.305 12.768 72.201 6.255 69.993 0 67.785-6.258 64.546-11.923 60.278-17.002 56.007-22.08 50.414-26.13 43.497-29.145 36.576-32.161 28.849-33.671 20.314-33.671 11.775-33.671 4.085-32.161-2.76-29.145-9.605-26.13-15.162-22.08-19.43-17.002-23.701-11.923-26.975-6.258-29.256 0-31.539 6.255-32.678 12.768-32.678 19.541-32.678 26.309-31.539 32.789-29.256 38.971-26.975 45.153-23.701 50.784-19.43 55.862-15.162 60.94-9.605 64.987-2.76 68.006%22/%3E%3Cpath transform=%22matrix%281,0,0,-1,116.3105,206.43199%29%22 d=%22M0 0C-2.946-2.946-6.514-4.416-10.709-4.416-14.904-4.416-18.474-2.946-21.417 0-24.364 2.942-25.833 6.476-25.833 10.598-25.833 14.717-24.364 18.25-21.417 21.197-18.474 24.139-14.904 25.613-10.709 25.613-6.514 25.613-2.946 24.139 0 21.197 2.943 18.25 4.416 14.717 4.416 10.598 4.416 6.476 2.943 2.942 0 0%22/%3E%3Cpath transform=%22matrix%281,0,0,-1,0,391.667%29%22 d=%22M283.15 144.498H257.759V247.169H283.15Z%22/%3E%3Cpath transform=%22matrix%281,0,0,-1,318.0009,144.4982%29%22 d=%22M0 0V-76.396C16.339-72.719 28.338-64.659 35.99-52.219 43.646-39.781 47.471-22.377 47.471 0H72.863C72.863-34.444 64.621-60.464 48.134-78.052 31.65-95.644 7.135-102.671-25.399-102.671L-25.392 0Z%22/%3E%3Cpath transform=%22matrix%281,0,0,-1,473.1797,144.4982%29%22 d=%22M0 0H25.392V-55.2C25.392-63.445 23.991-70.766 21.197-77.169 18.399-83.572 14.646-88.726 9.936-92.625 5.224-96.527 .035-99.469-5.63-101.457-11.299-103.444-17.298-104.437-23.625-104.437-29.956-104.437-35.99-103.444-41.73-101.457-47.471-99.469-52.698-96.527-57.407-92.625-62.12-88.726-65.873-83.572-68.668-77.169-71.466-70.766-72.863-63.445-72.863-55.2V0H-47.471V-55.2C-47.471-63.148-45.153-69.11-40.516-73.084-35.88-77.058-30.249-79.045-23.625-79.045-17.001-79.045-11.409-77.058-6.845-73.084-2.284-69.11 0-63.148 0-55.2Z%22/%3E%3Cpath transform=%22matrix%281,0,0,-1,580.9115,245.40279%29%22 d=%22M0 0-.007 102.671C32.526 102.671 57.042 95.644 73.526 78.052 90.013 60.464 98.255 34.444 98.255 0H72.863C72.863 22.377 69.038 39.781 61.382 52.219 53.73 64.659 41.731 72.719 25.392 76.396V0Z%22/%3E%3Cpath transform=%22matrix%281,0,0,-1,508.031,245.40279%29%22 d=%22M0 0-.007 102.671C32.526 102.671 57.042 95.644 73.526 78.052 90.013 60.464 98.255 34.444 98.255 0H72.863C72.863 22.377 69.038 39.781 61.382 52.219 53.73 64.659 41.731 72.719 25.392 76.396V0Z%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%2252.50 142.73 626.67 106.20%22 fill=%22%23000%22%3E%3Cpath transform=%22matrix%281,0,0,-1,219.3813,144.4982%29%22 d=%22M0 0H28.925V-25.392H0C-9.57-25.392-16.305-27.345-20.203-31.243-24.105-35.145-26.054-41.807-26.054-51.225V-102.671H-51.446V-51.225C-51.446-34.886-46.995-22.266-38.087-13.359-29.183-4.454-16.487 0 0 0%22/%3E%3Cpath transform=%22matrix%281,0,0,-1,85.178,215.2641%29%22 d=%22M0 0C4.858-5.52 11.626-8.279 20.314-8.279 28.997-8.279 35.804-5.52 40.737 0 45.667 5.52 48.134 11.995 48.134 19.43 48.134 26.862 45.667 33.34 40.737 38.861 35.804 44.38 28.997 47.14 20.314 47.14 11.626 47.14 4.858 44.38 0 38.861-4.858 33.34-7.286 26.862-7.286 19.43-7.286 11.995-4.858 5.52 0 0M-2.76 68.006C4.085 71.021 11.775 72.532 20.314 72.532 28.849 72.532 36.576 71.021 43.497 68.006 50.414 64.987 56.007 60.94 60.278 55.862 64.546 50.784 67.785 45.153 69.993 38.971 72.201 32.789 73.305 26.309 73.305 19.541 73.305 12.768 72.201 6.255 69.993 0 67.785-6.258 64.546-11.923 60.278-17.002 56.007-22.08 50.414-26.13 43.497-29.145 36.576-32.161 28.849-33.671 20.314-33.671 11.775-33.671 4.085-32.161-2.76-29.145-9.605-26.13-15.162-22.08-19.43-17.002-23.701-11.923-26.975-6.258-29.256 0-31.539 6.255-32.678 12.768-32.678 19.541-32.678 26.309-31.539 32.789-29.256 38.971-26.975 45.153-23.701 50.784-19.43 55.862-15.162 60.94-9.605 64.987-2.76 68.006%22/%3E%3Cpath transform=%22matrix%281,0,0,-1,116.3105,206.43199%29%22 d=%22M0 0C-2.946-2.946-6.514-4.416-10.709-4.416-14.904-4.416-18.474-2.946-21.417 0-24.364 2.942-25.833 6.476-25.833 10.598-25.833 14.717-24.364 18.25-21.417 21.197-18.474 24.139-14.904 25.613-10.709 25.613-6.514 25.613-2.946 24.139 0 21.197 2.943 18.25 4.416 14.717 4.416 10.598 4.416 6.476 2.943 2.942 0 0%22/%3E%3Cpath transform=%22matrix%281,0,0,-1,0,391.667%29%22 d=%22M283.15 144.498H257.759V247.169H283.15Z%22/%3E%3Cpath transform=%22matrix%281,0,0,-1,318.0009,144.4982%29%22 d=%22M0 0V-76.396C16.339-72.719 28.338-64.659 35.99-52.219 43.646-39.781 47.471-22.377 47.471 0H72.863C72.863-34.444 64.621-60.464 48.134-78.052 31.65-95.644 7.135-102.671-25.399-102.671L-25.392 0Z%22/%3E%3Cpath transform=%22matrix%281,0,0,-1,473.1797,144.4982%29%22 d=%22M0 0H25.392V-55.2C25.392-63.445 23.991-70.766 21.197-77.169 18.399-83.572 14.646-88.726 9.936-92.625 5.224-96.527 .035-99.469-5.63-101.457-11.299-103.444-17.298-104.437-23.625-104.437-29.956-104.437-35.99-103.444-41.73-101.457-47.471-99.469-52.698-96.527-57.407-92.625-62.12-88.726-65.873-83.572-68.668-77.169-71.466-70.766-72.863-63.445-72.863-55.2V0H-47.471V-55.2C-47.471-63.148-45.153-69.11-40.516-73.084-35.88-77.058-30.249-79.045-23.625-79.045-17.001-79.045-11.409-77.058-6.845-73.084-2.284-69.11 0-63.148 0-55.2Z%22/%3E%3Cpath transform=%22matrix%281,0,0,-1,580.9115,245.40279%29%22 d=%22M0 0-.007 102.671C32.526 102.671 57.042 95.644 73.526 78.052 90.013 60.464 98.255 34.444 98.255 0H72.863C72.863 22.377 69.038 39.781 61.382 52.219 53.73 64.659 41.731 72.719 25.392 76.396V0Z%22/%3E%3Cpath transform=%22matrix%281,0,0,-1,508.031,245.40279%29%22 d=%22M0 0-.007 102.671C32.526 102.671 57.042 95.644 73.526 78.052 90.013 60.464 98.255 34.444 98.255 0H72.863C72.863 22.377 69.038 39.781 61.382 52.219 53.73 64.659 41.731 72.719 25.392 76.396V0Z%22/%3E%3C/svg%3E") center/contain no-repeat;
  clip-path:inset(0 100% 0 0);transition:clip-path 1.9s cubic-bezier(.66,0,.28,1) .35s}
.is-ready .hero__film{clip-path:inset(0 0 0 0)}
/* a base Snow por baixo garante que o wordmark nunca some nos trechos escuros do reel */
.hero__film video{width:100%;height:100%;object-fit:cover;opacity:.62;filter:contrast(1.06) saturate(.72) brightness(1.12)}
.hero__mark{display:none;width:min(84vw,560px);color:var(--snow)}
/* navegador sem suporte a máscara: mostra o wordmark cheio */
@supports not ((-webkit-mask-image:url("#m")) or (mask-image:url("#m"))){
  .hero__film{display:none}
  .hero__mark{display:block;width:min(88vw,1200px)}
}
.hero__line{max-width:780px;text-align:center;font:400 clamp(16px,1.5vw,21px)/1.45 var(--f-sans);color:#c7ccd1;opacity:0;transform:translateY(10px);transition:opacity 1s var(--ease) 1.5s,transform 1.1s var(--ease-out) 1.5s}
.hero__line em{font-style:normal;font-weight:600;color:var(--snow)}
.is-ready .hero__line{opacity:1;transform:none}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;opacity:0;transform:translateY(12px);transition:opacity 1s var(--ease) 1.75s,transform 1.1s var(--ease-out) 1.75s}
.is-ready .hero__actions{opacity:1;transform:none}
.btn-hero{display:inline-flex;align-items:center;gap:14px;height:58px;padding:0 24px;font:600 12px/1 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;border:1.5px solid transparent;transition:background .35s var(--ease),color .35s,border-color .35s}
.btn-hero svg{width:15px;height:15px;transition:transform .5s var(--ease-out)}
.btn-hero--solid{background:var(--snow);color:var(--onyx)}
.btn-hero--solid:hover{background:var(--sky)}
.btn-hero--solid:hover svg{transform:translateX(4px)}
.btn-hero--line{border-color:rgba(247,247,247,.28);color:var(--snow)}
.btn-hero--line svg{color:var(--sky)}
.btn-hero--line:hover{border-color:var(--snow);background:rgba(247,247,247,.06)}

.hero__foot{position:relative;z-index:4;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;width:100%;max-width:calc(var(--max) + var(--pad)*2);margin:0 auto;padding:22px var(--pad) 26px;border-top:1px solid var(--line-d);opacity:0;transition:opacity 1s var(--ease) 2s}
.is-ready .hero__foot{opacity:1}
.hero__scroll{display:flex;align-items:center;gap:12px;font:600 10px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark-3)}
.hero__scroll i{display:block;width:1px;height:26px;background:linear-gradient(var(--sky),transparent);animation:scrolldown 2.2s var(--ease) infinite}
@keyframes scrolldown{0%{transform:scaleY(.2);transform-origin:top;opacity:0}40%{transform:scaleY(1);opacity:1}100%{transform:scaleY(.2);transform-origin:bottom;opacity:0}}
.marquee{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,var(--onyx) 6%,var(--onyx) 88%,transparent);mask:linear-gradient(90deg,transparent,var(--onyx) 6%,var(--onyx) 88%,transparent)}
.marquee__track{display:flex;width:max-content;animation:marq 42s linear infinite}
.marquee__track span{display:flex;align-items:center;gap:10px;padding:0 clamp(20px,2.6vw,40px);font:600 10.5px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark-2);white-space:nowrap}
.marquee__track span::before{content:"";width:6px;height:6px;border-radius:50%;border:1.5px solid var(--on-dark-3)}
.marquee:hover .marquee__track{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}

/* =========================================================
   Cabeçalho de seção (estilo "Create")
   ========================================================= */
.sec-head{display:grid;grid-template-columns:1fr 3fr 1fr;gap:24px;padding-top:28px;border-top:1px solid var(--line-d);position:relative}
.sec-head__main{position:relative}
.sec-head__main::before{content:"";position:absolute;top:-29px;left:0;width:14px;height:2px;background:var(--sky)}
.sec-label{font:600 10.5px/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark-2);padding-top:14px}
.sec-label::after{content:"";display:block;width:74px;height:8px;margin-top:8px;background:var(--line-d)}
.sec-title{font:400 clamp(34px,4.3vw,60px)/1.02 var(--f-sans);letter-spacing:-.035em;color:var(--title-d)}
.sec-sub{position:relative;max-width:470px;margin-top:22px;padding-left:44px;font-size:14px;line-height:1.5;color:var(--on-dark-3)}
.sec-sub::before{content:"";position:absolute;left:0;top:.75em;width:34px;height:1px;background:currentColor}
.sec-tag{justify-self:end;font:600 13px/1 var(--f-sans);letter-spacing:-.02em;color:var(--sky)}

/* =========================================================
   02 · TIME
   ========================================================= */
.team{position:relative;padding:clamp(90px,12vw,160px) 0 clamp(80px,10vw,140px);background:
  radial-gradient(80% 60% at 50% 60%,rgba(35,40,44,.9),transparent 70%),linear-gradient(var(--ink),var(--ink-2) 50%,var(--ink))}
.team__cards{display:flex;justify-content:center;gap:clamp(8px,1.2vw,18px);margin:clamp(60px,8vw,110px) auto clamp(60px,7vw,90px);perspective:1400px}
.tcard{position:relative;flex:0 0 clamp(150px,15vw,208px);aspect-ratio:5/8;border-radius:6px;overflow:hidden;background:var(--ink-3);box-shadow:0 30px 60px -20px rgba(0,0,0,.8);transform:translateY(var(--ty)) rotateY(var(--ry)) rotateZ(var(--rz)) translate3d(var(--mx,0px),var(--my,0px),0);transition:transform .9s var(--ease-out),box-shadow .6s;will-change:transform}
.tcard img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out),filter .6s}
.tcard:hover{transform:translateY(-10px) rotateY(0) rotateZ(0);box-shadow:0 40px 80px -24px rgba(0,0,0,.9);z-index:2}
.tcard:hover img{transform:scale(1.04)}
.tcard::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.65));pointer-events:none}
.tcard__cap{position:absolute;left:12px;bottom:12px;z-index:2;font:500 13px/1.2 var(--f-sans);color:var(--snow)}
.tcard--stat img{filter:blur(5px) brightness(.55);transform:scale(1.08)}
.tcard--stat:hover img{filter:blur(3px) brightness(.6)}
.tcard__stat{position:absolute;inset:0;z-index:2;padding:12px;display:grid;grid-template-columns:auto 1fr;align-content:start;gap:4px 8px}
.tcard__stat .mono{font-size:8.5px;color:var(--on-dark-2);padding-top:6px}
.tcard__stat strong{justify-self:end;font:500 clamp(32px,3vw,44px)/1 var(--f-sans);letter-spacing:-.04em}
.tcard__stat p{grid-column:1/-1;justify-self:end;max-width:130px;text-align:right;font-size:10px;line-height:1.35;color:var(--on-dark-2)}
.tcard__foot{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;display:grid;gap:2px;font-size:11px}
.tcard__foot b{font-weight:600;font-size:12px}
.tcard__foot span{color:var(--on-dark-2);font-size:10px}
.tcard__icons{display:flex!important;gap:8px;margin-top:6px}
.tcard__icons svg{width:11px;height:11px}
.team__cols{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:clamp(24px,4vw,64px);align-items:start;max-width:1000px;margin:0 auto}
.team__lead{font:400 clamp(18px,1.6vw,22px)/1.3 var(--f-sans);letter-spacing:-.01em;color:var(--snow)}
.team__lead em{font-style:normal;color:var(--sky)}
.team__txt{font-size:12.5px;line-height:1.55;color:var(--on-dark-3);max-width:260px}
.team__follow{padding-left:clamp(16px,2vw,28px);border-left:1px solid var(--line-d)}
.team__follow-t{font:500 17px/1.2 var(--f-sans);letter-spacing:-.01em}
.team__follow-s{margin:6px 0 16px;font-size:11.5px;color:var(--on-dark-3)}

/* =========================================================
   03 · POR QUE (dobra clara)
   ========================================================= */
.why{padding:clamp(90px,11vw,150px) 0;background:var(--paper);color:var(--on-light)}
.why .sec-head{border-top-color:var(--line-l)}
.why .sec-head__main::before{background:var(--sky-700)}
.why .sec-label{color:var(--on-light-2)}
.why .sec-label::after{background:var(--line-l)}
.why .sec-title{color:var(--title-l)}
.why .sec-sub{color:var(--on-light-2)}
.why .sec-tag{color:var(--sky-700)}
.why__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:clamp(56px,7vw,90px)}
.wcard{position:relative;min-height:330px;padding:18px;border-radius:6px;background:var(--white);box-shadow:0 1px 0 rgba(35,40,44,.05),0 20px 40px -30px rgba(35,40,44,.35);overflow:hidden;display:flex;flex-direction:column}
.wcard h3{font:400 clamp(19px,1.6vw,22px)/1.15 var(--f-sans);letter-spacing:-.02em;color:var(--on-light)}
.wcard__small{font-size:10.5px;color:var(--on-light-2);margin-bottom:6px}
/* card 1 */
.wcard__steps{display:grid;gap:2px;font:400 clamp(19px,1.6vw,22px)/1.12 var(--f-sans);letter-spacing:-.02em}
.wcard__steps span{color:var(--on-light-3);transition:color .5s}
.wcard__steps span.is-on{color:var(--on-light)}
.wcard__dots{position:relative;margin-top:auto;height:90px;display:flex;align-items:center;justify-content:space-around}
.wcard__dots i{width:12px;height:12px;border-radius:50%;background:var(--midnight);transition:transform .7s var(--ease-out),background .5s,box-shadow .5s}
.wcard__dots i.is-on{transform:scale(3.4);background:var(--sky);box-shadow:0 0 0 1.4px var(--white),0 6px 14px rgba(35,40,44,.25)}
/* card 2 */
.wcard__row{display:flex;justify-content:space-between;gap:10px}
.wcard__big{font:500 clamp(22px,2vw,28px)/1 var(--f-sans);letter-spacing:-.03em;color:var(--sky-700);padding-left:12px;border-left:1px solid var(--line-l);height:max-content}
.chips{display:grid;gap:7px;margin:26px 0 22px;padding:14px;background:radial-gradient(circle at 1px 1px,rgba(35,40,44,.13) 1px,transparent 1.2px) 0 0/7px 7px;border-radius:4px}
.chips li{display:flex;align-items:center;width:max-content;font:600 9.5px/1 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;background:var(--white);border:1px solid var(--line-l);border-radius:3px;overflow:hidden;box-shadow:0 1px 2px rgba(35,40,44,.06)}
.chips b{display:grid;place-items:center;align-self:stretch;padding:5px 6px;background:var(--midnight);color:var(--snow);font-weight:600}
.chips li{padding-right:8px;gap:8px}
.wcard__foot{margin-top:auto;font-size:10.5px;line-height:1.45;color:var(--on-light-2)}
/* card 3 */
.wcard--origin h3{max-width:220px}
.wcard__lens{margin-top:auto;display:flex;align-items:center;justify-content:space-between;height:130px;padding:0 4px}
.wcard__pips{display:flex;gap:10px;align-items:center}
.wcard__pips i{width:5px;height:5px;border-radius:50%;background:var(--on-light-3)}
.wcard__pips i:nth-child(2){width:8px;height:8px;background:var(--on-light-2)}
.wcard__pips i:nth-child(3){width:11px;height:11px;background:var(--midnight)}
.wcard__lens{position:relative}
.wcard__ring{position:absolute;right:0;top:50%;width:122px;height:122px;margin-top:-61px;fill:none;stroke:var(--sky-700);stroke-width:2.4;stroke-dasharray:.1 6.2;stroke-linecap:round;animation:spin 26s linear infinite}
.wcard__sym{position:absolute;right:31px;top:50%;width:60px;margin-top:-30px;color:var(--midnight)}
.wcard__sym .sym{width:100%;height:auto}
@keyframes spin{to{transform:rotate(360deg)}}
/* card 4 */
.wcard--talk{background:var(--onyx);color:var(--snow)}
.wcard--talk img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 50%;opacity:.8;transition:transform 1.4s var(--ease-out)}
.wcard--talk:hover img{transform:scale(1.06)}
.wcard--talk::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.75),rgba(0,0,0,.15) 45%,rgba(0,0,0,.85))}
.wcard__talk{position:relative;z-index:2;display:flex;flex-direction:column;height:100%}
.wcard--talk h3{color:var(--snow);max-width:220px}
.wcard--talk .wcard__small{color:var(--on-dark-2)}
.wcard__slot{margin-top:auto;padding:12px;border-radius:5px;background:rgba(23,26,29,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-d)}
.wcard__slot p{font-size:11px;color:var(--on-dark-2);margin-bottom:12px}
/* processo */
.process{margin-top:clamp(60px,8vw,110px);display:grid;grid-template-columns:1fr 4fr;gap:24px;padding-top:26px;border-top:1px solid var(--line-l)}
.process__label{color:var(--on-light-2);padding-top:4px}
.process__list{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.process__list span{display:block;font:600 clamp(20px,2vw,28px)/1 var(--f-mono);color:var(--sky-700);margin-bottom:10px}
.process__list b{display:block;font:700 15px/1 var(--f-mono);letter-spacing:.02em;text-transform:uppercase;color:var(--midnight);margin-bottom:10px}
.process__list p{font-size:12.5px;line-height:1.45;color:var(--on-light-2)}

/* =========================================================
   04 · ORIGEM · antes, agora e depois
   ========================================================= */
.origin{padding:clamp(90px,11vw,150px) 0;background:var(--paper);color:var(--on-light)}
.origin__eyebrow{color:var(--on-light-2);padding-top:0}
.origin__eyebrow::after{display:none}
.origin__title{margin-top:14px;font:500 clamp(34px,4.4vw,62px)/1 var(--f-sans);letter-spacing:-.045em;max-width:1100px}
.path{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,44px);margin-top:clamp(56px,8vw,120px)}
.path__step{position:relative}
.path__n{display:block;color:var(--on-light-2)}
.path__line{position:relative;display:block;height:1px;margin:18px 0 26px;background:rgba(35,40,44,.22)}
.path__step:last-child .path__line{background:linear-gradient(90deg,rgba(35,40,44,.22) 55%,transparent)}
.path__dot{position:absolute;left:0;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;border:1.5px solid var(--midnight);background:var(--paper)}
.path__step.is-last .path__dot{background:var(--midnight)}
.path__arrow{position:absolute;right:-10px;top:50%;width:16px;height:16px;margin-top:-8px;color:var(--on-light-2)}
.path h3{font:400 clamp(32px,3.4vw,50px)/1 var(--f-sans);letter-spacing:-.04em}
.path p{margin-top:18px;max-width:330px;font-size:15.5px;line-height:1.5;color:var(--on-light-2)}
.origin__strip{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:clamp(48px,7vw,100px) 0 0}
.origin__strip img{width:100%;height:clamp(150px,17vw,250px);object-fit:cover;background:var(--mist)}
.origin__strip figcaption{position:absolute;left:14px;bottom:12px;padding:6px 9px;background:rgba(10,12,14,.66);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--snow);font-size:9.5px}
.origin__sum{margin-top:clamp(26px,3vw,40px);font-size:17px;color:var(--on-light-2)}
.origin__sum b{font-weight:600;color:var(--on-light)}

/* =========================================================
   04b · CITAÇÃO EM TELA CHEIA
   ========================================================= */
.quote{position:relative;display:flex;align-items:center;min-height:min(92svh,860px);padding:clamp(80px,9vw,120px) 0;background:var(--ink);color:var(--snow);overflow:hidden;isolation:isolate}
.quote__bg{position:absolute;inset:0;z-index:-1}
.quote__bg img{width:100%;height:100%;object-fit:cover;filter:blur(10px) brightness(.7);transform:scale(1.12);opacity:.8}
.quote__bg::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 70% at 28% 42%,rgba(6,7,8,.6),rgba(6,7,8,.9) 75%)}
.quote__grid{display:grid;gap:clamp(48px,9vh,110px)}
.quote__text{max-width:1180px;font:500 clamp(34px,5.2vw,78px)/1.04 var(--f-sans);letter-spacing:-.045em}
.quote__text em{font-style:normal;font-weight:700;white-space:nowrap}
.quote__foot{display:grid;grid-template-columns:1fr auto;align-items:end;gap:32px}
.quote__foot hr{width:280px;max-width:40%;height:1px;border:0;background:var(--line-d2);margin:0 0 26px}
.quote__by{color:var(--on-dark-2)}
.quote__note{margin-top:22px;max-width:520px;font-size:16px;line-height:1.55;color:var(--on-dark-2)}


/* =========================================================
   Dobras escuras em grade (estilo "Sequence")
   ========================================================= */
.dark-grid{position:relative;background:var(--ink);overflow:hidden;isolation:isolate}
.dark-grid::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  linear-gradient(90deg,transparent calc(25% - .5px),var(--line-d) calc(25% - .5px),var(--line-d) calc(25% + .5px),transparent calc(25% + .5px),transparent calc(50% - .5px),var(--line-d) calc(50% - .5px),var(--line-d) calc(50% + .5px),transparent calc(50% + .5px),transparent calc(75% - .5px),var(--line-d) calc(75% - .5px),var(--line-d) calc(75% + .5px),transparent calc(75% + .5px));
  max-width:calc(var(--max) + var(--pad)*2);margin:0 auto;left:var(--pad);right:var(--pad)}
.streak{position:absolute;z-index:-1;top:-8%;right:-10%;width:60%;height:38%;background:radial-gradient(closest-side,rgba(183,204,224,.28),transparent);filter:blur(40px);transform:rotate(-12deg);pointer-events:none}
.works{padding:clamp(80px,10vw,140px) 0 clamp(30px,4vw,60px);overflow:visible;overflow-x:clip}
.works .streak{right:0;width:55%}
.big-head{display:grid;gap:clamp(18px,2.2vw,30px);padding-bottom:clamp(40px,6vw,90px)}
.big-title{font:600 clamp(52px,7.4vw,108px)/.9 var(--f-sans);letter-spacing:-.05em;text-transform:uppercase;color:var(--snow)}
.big-sub{max-width:560px;font:600 clamp(11px,.95vw,13px)/1.5 var(--f-sans);text-transform:uppercase;letter-spacing:.01em;color:var(--on-dark-2)}
.timeline{position:relative;margin-bottom:clamp(40px,6vw,80px)}
.ruler{position:relative;height:2px;background:rgba(247,247,247,.09)}
.playhead{position:absolute;left:var(--p,2%);top:0;bottom:0;width:2px;background:var(--sky);transition:left .2s linear}

.works .big-head{padding-bottom:clamp(24px,4vw,56px)}
/* rolo de filme: a seção fica presa na tela e a rolagem vertical move a película na horizontal */
.reel{position:relative}
.reel__stage{display:flex;flex-direction:column;gap:clamp(12px,2.2vh,22px);padding:clamp(16px,3vh,28px) 0}
.reel--pinned .reel__stage{position:sticky;top:0;height:100vh;height:100svh;padding:clamp(72px,9vh,92px) 0 clamp(14px,3vh,26px);overflow:hidden}
.reel__top .timeline{margin-bottom:clamp(10px,1.8vh,18px)}
.reel__bar{display:flex;justify-content:space-between;align-items:center;gap:24px}
.filters{display:flex;flex-wrap:wrap;gap:4px}
.filters button{height:30px;padding:0 13px;background:rgba(247,247,247,.05);font:600 10px/1 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--on-dark-2);transition:background .3s,color .3s}
.filters button:hover{background:rgba(247,247,247,.1);color:var(--snow)}
.filters button.is-on{background:var(--sky);color:var(--midnight)}
.reel__count{display:flex;align-items:baseline;gap:8px;flex:none;font:600 11px/1 var(--f-mono);color:var(--on-dark-3)}
.reel__count b{font:600 clamp(22px,2vw,30px)/1 var(--f-mono);color:var(--snow);font-variant-numeric:tabular-nums}
.reel__count i{font-style:normal}
.reel__strip{position:relative;flex:1;display:flex;align-items:center;min-height:0}
.reel:not(.reel--pinned) .reel__strip{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.reel:not(.reel--pinned) .reel__strip::-webkit-scrollbar{display:none}
.reel__track{--fh:clamp(200px,calc(100svh - 372px),560px);--band:18px;position:relative;display:flex;gap:12px;width:max-content;padding:var(--band) max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));background:var(--ink-3);box-shadow:0 40px 90px -40px rgba(0,0,0,.95),inset 0 1px 0 var(--line-d),inset 0 -1px 0 var(--line-d);will-change:transform}
.frame{position:relative;flex:none;height:var(--fh);aspect-ratio:3/2;scroll-snap-align:center}
.frame.is-hidden{display:none}
.frame__num{position:absolute;left:2px;z-index:2;font:600 8.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(183,204,224,.5);white-space:nowrap;pointer-events:none}
.frame__num{bottom:-13px}
.frame__media{position:absolute;inset:0;display:block;width:100%;overflow:hidden;background:var(--onyx);border-radius:2px;cursor:pointer;text-align:left}
.frame__media img,.frame__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:filter .8s var(--ease),transform 1.4s var(--ease-out),opacity .6s}
.frame__media video{opacity:0}
.frame.is-playing .frame__media video{opacity:1}
.reel--pinned .frame:not(.is-current) .frame__media img,.reel--pinned .frame:not(.is-current) .frame__media video{filter:brightness(.52)}
.frame__media:hover img{transform:scale(1.03)}
.frame__media::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(transparent 55%,rgba(0,0,0,.72));pointer-events:none}
.frame__rec{position:absolute;z-index:3;left:26px;top:26px;display:flex;align-items:center;gap:7px;font:600 9px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--snow);opacity:0;transition:opacity .4s}
.frame__rec::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sky)}
.frame.is-playing .frame__rec{opacity:1}
.frame__dur,.frame__badge{position:absolute;z-index:3;top:24px;font:600 9.5px/1 var(--f-mono);padding:5px 6px;background:rgba(0,0,0,.55);color:var(--snow)}
.frame__dur{right:24px}
.frame__badge{right:70px;color:var(--on-dark-2);letter-spacing:.04em}
.frame__play{position:absolute;z-index:3;left:50%;top:50%;display:flex;align-items:center;gap:10px;height:36px;padding:0 16px 0 13px;background:rgba(10,12,14,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 10.5px/1 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--snow);transform:translate(-50%,-50%) scale(.92);opacity:0;transition:opacity .4s,transform .5s var(--ease-out)}
.frame__play svg{width:12px;height:12px;color:var(--sky)}
.frame__media:hover .frame__play,.frame__media:focus-visible .frame__play{opacity:1;transform:translate(-50%,-50%) scale(1)}
.frame__cap{position:absolute;z-index:3;left:24px;right:24px;bottom:22px;display:grid;gap:7px;transition:opacity .5s,transform .7s var(--ease-out)}
.reel--pinned .frame:not(.is-current) .frame__cap{opacity:.55;transform:translateY(4px)}
.frame__cap b{font:700 clamp(15px,1.45vw,21px)/1.05 var(--f-sans);text-transform:uppercase;letter-spacing:-.01em;color:var(--snow)}
.frame__cap small{font:600 9.5px/1.3 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--on-dark-2)}
/* quadro de abertura: cartela tipografica, sem contagem de leader */
.abertura{display:grid;align-content:center;justify-items:start;gap:14px;padding:clamp(20px,2.4vw,34px);cursor:default;background:linear-gradient(150deg,var(--ink-4),var(--ink-2));border:1px solid var(--line-d)}
.abertura::after{display:none}
.abertura__sym{width:30px;color:var(--snow)}
.abertura__sym .sym{width:100%;height:auto}
.abertura__t{font:600 clamp(26px,3vw,44px)/.98 var(--f-sans);text-transform:uppercase;letter-spacing:-.035em;color:var(--snow)}
.abertura__m{font:600 10px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-2)}
/* quadro final (chamada) */
.frame--cta .frame__media{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(18px,2vw,28px);background:linear-gradient(145deg,var(--ink-4),var(--ink-2));border:1px solid var(--line-d);cursor:default}
.frame--cta .frame__media::after{display:none}
.frame--cta h3{font:600 clamp(20px,2.2vw,32px)/1.02 var(--f-sans);text-transform:uppercase;letter-spacing:-.02em;max-width:420px}
.frame--cta p{font:600 clamp(20px,2.2vw,32px)/1.05 var(--f-sans);letter-spacing:-.02em;color:var(--sky);margin-top:10px}
.reel__foot{display:flex;justify-content:space-between;gap:16px;font:600 10px/1 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--on-dark-3)}
.reel__hint{display:flex;align-items:center;gap:8px;color:var(--on-dark-2);transition:opacity .4s}
.reel.is-end .reel__hint{opacity:0}
.reel__hint svg{width:13px;height:13px;animation:nudge 1.6s var(--ease) infinite}
@keyframes nudge{50%{transform:translateX(5px)}}

/* ---------- GALERIA ---------- */
.gallery{padding:clamp(60px,8vw,110px) 0 clamp(80px,9vw,120px)}
.album{display:grid;grid-template-columns:.72fr 3fr .92fr;border-top:1px solid var(--line-d);padding:26px 0 54px}
.album__title{font:700 clamp(15px,1.25vw,18px)/1.15 var(--f-sans);text-transform:uppercase;letter-spacing:-.01em;padding-right:20px}
.album__imgs{position:relative;display:grid;grid-template-columns:repeat(3,1fr);cursor:pointer;background:var(--ink-3)}
.album__imgs img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:filter .6s,transform 1s var(--ease-out)}
.album__imgs:hover img{filter:brightness(.55)}
.album__imgs:hover img:nth-child(2){filter:none}
.album__open{position:absolute;z-index:2;left:calc(100%/3 + 12px);right:calc(100%/3 + 12px);top:12px;bottom:12px;display:grid;place-items:center;pointer-events:none}
.album__open::before,.album__open::after{content:"";position:absolute;width:16px;height:16px;border:1.5px solid rgba(247,247,247,.85);opacity:0;transition:opacity .4s}
.album__open::before{top:0;left:0;border-right:0;border-bottom:0}
.album__open::after{bottom:0;right:0;border-left:0;border-top:0}
.album__open span{display:flex;align-items:center;gap:8px;height:32px;padding:0 12px;background:rgba(10,12,14,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 10px/1 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;opacity:0;transform:scale(.92);transition:opacity .4s,transform .5s var(--ease-out)}
.album__open svg{width:12px;height:12px}
.album__imgs:hover .album__open span,.album__imgs:focus-visible .album__open span,.album__imgs:hover .album__open::before,.album__imgs:hover .album__open::after{opacity:1;transform:none}
.album__info{padding-left:22px}
.album__tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}
.album__tags span{padding:5px 7px;background:rgba(247,247,247,.1);font:600 9px/1 var(--f-mono);letter-spacing:.04em;text-transform:uppercase}
.album__desc{font:600 9.5px/1.45 var(--f-mono);letter-spacing:.03em;text-transform:uppercase;color:var(--on-dark-2);max-width:250px}

/* ---------- INSIGHTS (blog) ---------- */
.posts{padding:clamp(80px,10vw,140px) 0 clamp(80px,9vw,120px)}
.posts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px)}
.post{display:flex;flex-direction:column}
.post__media{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--ink-3)}
.post__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out),filter .6s}
.post__media:hover img,.post__media:focus-visible img{transform:scale(1.04);filter:none}
.post__media::before,.post__media::after{content:"";position:absolute;z-index:2;width:18px;height:18px;border:1.5px solid rgba(247,247,247,.85);opacity:0;transition:opacity .4s,transform .5s var(--ease-out)}
.post__media::before{top:14px;left:14px;border-right:0;border-bottom:0;transform:translate(6px,6px)}
.post__media::after{bottom:14px;right:14px;border-left:0;border-top:0;transform:translate(-6px,-6px)}
.post__media:hover::before,.post__media:hover::after,.post__media:focus-visible::before,.post__media:focus-visible::after{opacity:1;transform:none}
.post__cat,.post__read{position:absolute;z-index:3;top:14px;padding:5px 7px;font-size:9px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--snow)}
.post__cat{left:44px;color:var(--sky)}
.post__read{right:44px;color:var(--on-dark-2)}
.post__cta{position:absolute;z-index:3;left:50%;top:50%;display:flex;align-items:center;gap:9px;height:34px;padding:0 15px;background:rgba(10,12,14,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--snow);font-size:10.5px;transform:translate(-50%,-50%) scale(.92);opacity:0;transition:opacity .4s,transform .5s var(--ease-out)}
.post__cta svg{width:12px;height:12px;color:var(--sky)}
.post__media:hover .post__cta,.post__media:focus-visible .post__cta{opacity:1;transform:translate(-50%,-50%) scale(1)}
.post__title{margin-top:18px;font:700 clamp(16px,1.35vw,20px)/1.15 var(--f-sans);letter-spacing:-.015em;text-transform:uppercase}
.post__title a{background-image:linear-gradient(var(--sky),var(--sky));background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .5s var(--ease-out)}
.post__title a:hover{background-size:100% 1px}
.post__excerpt{margin-top:12px;font-size:14.5px;line-height:1.55;color:var(--on-dark-2)}
.post__meta{margin-top:auto;padding-top:18px;color:var(--on-dark-3)}
.post__excerpt+.post__meta{margin-top:20px;border-top:1px solid var(--line-d);padding-top:16px}
.posts__foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:clamp(36px,5vw,64px);padding-top:26px;border-top:1px solid var(--line-d)}
.posts__all{display:inline-flex;align-items:center;gap:12px;font:600 11px/1 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--snow)}
.posts__all svg{width:15px;height:15px;color:var(--sky);transition:transform .45s var(--ease-out)}
.posts__all:hover svg{transform:translateX(5px)}
.posts__news{color:var(--on-dark-3)}

/* ---------- páginas internas (blog) ---------- */
.topbar--page{background:var(--ink);opacity:1;transform:none;position:sticky;top:0;z-index:50}
.posts--page{padding-top:clamp(56px,7vw,90px)}
.posts__grid--um{grid-template-columns:repeat(2,1fr)}
.posts__grid--um .post{grid-column:span 1}
.artigo{background:var(--ink);color:var(--snow)}
.artigo__head{padding:clamp(48px,7vw,96px) 0 clamp(28px,4vw,44px)}
.artigo__meta{color:var(--on-dark-3)}
.artigo__meta a{color:var(--sky)}
.artigo__title{max-width:1000px;margin-top:22px;font:500 clamp(32px,4.6vw,66px)/1.02 var(--f-sans);letter-spacing:-.045em}
.artigo__resumo{max-width:720px;margin-top:24px;font:400 clamp(17px,1.5vw,21px)/1.5 var(--f-sans);color:var(--on-dark-2)}
.artigo__capa{margin:clamp(28px,4vw,52px) 0 0}
.artigo__capa img{width:100%;height:clamp(240px,42vw,560px);object-fit:cover}
.artigo__corpo{max-width:min(760px,100% - var(--pad)*2);margin:clamp(44px,6vw,80px) auto clamp(64px,8vw,110px);padding:0}
.artigo__corpo p{margin:0 0 26px;font-size:18px;line-height:1.75;color:#c7ccd1}
.artigo__corpo .lead-p{font-size:21px;line-height:1.6;color:var(--snow)}
.artigo__corpo h2{margin:48px 0 18px;font:600 clamp(22px,2.1vw,29px)/1.2 var(--f-sans);letter-spacing:-.025em;color:var(--snow)}
.artigo__corpo ul{margin:0 0 26px;display:grid;gap:14px}
.artigo__corpo li{position:relative;padding-left:26px;font-size:18px;line-height:1.7;color:#c7ccd1}
.artigo__corpo li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:2px;background:var(--sky)}
.artigo__corpo b{color:var(--snow);font-weight:600}
.proximo{padding:clamp(60px,8vw,110px) 0}
.proximo .sec-label{color:var(--on-dark-2);padding-top:0;margin-bottom:34px}
.proximo .sec-label::after{display:none}
.cta-band{padding:clamp(70px,9vw,120px) 0;background:var(--paper);color:var(--on-light)}
.cta-band__grid{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.cta-band h2{max-width:760px;font:500 clamp(30px,4vw,56px)/1.04 var(--f-sans);letter-spacing:-.04em}
.cta-band em{font-style:normal;color:var(--sky-700)}
.cta-band .btn-hero--solid{background:var(--midnight);color:var(--snow);flex:none}
.cta-band .btn-hero--solid:hover{background:var(--onyx)}
.cta-band .btn-hero--solid svg{color:var(--sky)}

/* ---------- PERGUNTAS ---------- */
.faq{padding:clamp(90px,11vw,150px) 0}
.faq__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.faq__title{position:sticky;top:96px;font:600 clamp(40px,5vw,72px)/.95 var(--f-sans);letter-spacing:-.045em;text-transform:uppercase;max-width:560px}
.faq__list{margin-top:clamp(60px,14vw,220px);border-top:1px solid var(--line-d2)}
.qa{border-bottom:1px solid var(--line-d2);background:rgba(247,247,247,.02);transition:background .3s}
.qa[open]{background:rgba(247,247,247,.045)}
.qa summary{display:grid;grid-template-columns:60px 1fr 22px;align-items:center;gap:12px;min-height:64px;padding:14px 18px;cursor:pointer;list-style:none}
.qa summary::-webkit-details-marker{display:none}
.qa__n{font:500 11px/1 var(--f-mono);color:var(--on-dark-2)}
.qa__q{font:500 clamp(15px,1.3vw,18px)/1.3 var(--f-sans);letter-spacing:-.01em}
.qa__i{width:18px;height:18px;fill:currentColor;color:var(--on-dark-2);transition:transform .5s var(--ease-out),color .3s}
.qa summary:hover .qa__i{color:var(--sky)}
.qa[open] .qa__i{transform:rotate(45deg);color:var(--sky)}
.qa__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease-out)}
.qa__a>p{overflow:hidden;padding:0 18px 0 90px;font-size:14px;line-height:1.6;color:var(--on-dark-2);max-width:640px}
.qa__a>p b{color:var(--snow);font-weight:600}
.qa[open] .qa__a{grid-template-rows:1fr}
.qa[open] .qa__a>p{padding-bottom:22px}

/* ---------- CONTATO ---------- */
.contact{position:relative;padding:clamp(100px,12vw,170px) 0;overflow:hidden;isolation:isolate}
.contact__bg{position:absolute;inset:0;z-index:-1}
.contact__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;filter:contrast(1.04) brightness(1.04)}
.contact__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,8,.9) 0%,rgba(6,7,8,.5) 50%,rgba(6,7,8,.72) 100%),linear-gradient(var(--ink),transparent 22%,transparent 72%,var(--ink))}
.contact__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,6vw,96px);align-items:start}
.contact .sec-label::after{display:none}
.contact__title{margin-top:18px;font:500 clamp(36px,4.4vw,62px)/1 var(--f-sans);letter-spacing:-.045em}
.contact__sub{margin-top:20px;max-width:420px;font-size:15px;color:var(--on-dark-2)}
.contact__direct{display:grid;gap:12px;margin-top:40px}
.contact__direct li{display:flex;align-items:center;gap:12px;font-size:14px}
.contact__direct svg{width:18px;height:18px;color:var(--sky)}
.contact__direct a{border-bottom:1px solid var(--line-d2);transition:border-color .3s}
.contact__direct a:hover{border-color:var(--sky)}
.form{padding:clamp(20px,2.4vw,32px);background:rgba(13,15,17,.72);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line-d);border-radius:6px}
.form__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:grid;gap:7px}
.field--full{grid-column:1/-1}
.field>span{font:600 9.5px/1 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--on-dark-2)}
.field em{font-style:normal;color:var(--on-dark-3);text-transform:none;letter-spacing:0}
.field input,.field select,.field textarea{width:100%;min-height:44px;padding:11px 12px;background:rgba(247,247,247,.04);border:1px solid var(--line-d2);border-radius:3px;color:var(--snow);font:400 15px/1.3 var(--f-sans);transition:border-color .3s,background .3s;-webkit-appearance:none;appearance:none}
.field select{background-image:linear-gradient(45deg,transparent 50%,var(--on-dark-2) 50%),linear-gradient(135deg,var(--on-dark-2) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}
.field select option{background:var(--ink-3);color:var(--snow)}
.field textarea{resize:vertical;min-height:104px}
.field input::placeholder,.field textarea::placeholder{color:var(--on-dark-3)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--sky);background:rgba(183,204,224,.06)}
.field.is-invalid input,.field.is-invalid select{border-color:var(--error)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;flex-wrap:wrap}
.form__legal{font-size:11px;color:var(--on-dark-3)}
.form__status{margin-top:12px;font-size:13px;color:var(--sky);min-height:1em}
.form.is-sending button[type=submit]{opacity:.6;pointer-events:none}

/* ---------- RODAPÉ ---------- */
.footer{padding:clamp(70px,8vw,110px) 0 28px;background:var(--ink);border-top:1px solid var(--line-d)}
.footer__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.footer__sym{display:block;width:42px;color:var(--snow)}
.footer__sym .sym{width:100%;height:auto}
.footer__brand p{margin-top:18px;font:500 19px/1.35 var(--f-sans);letter-spacing:-.01em;color:var(--sky)}
.footer__col{display:grid;align-content:start;gap:9px;font-size:13.5px;color:var(--on-dark-2)}
.footer__col .mono{color:var(--on-dark-3);margin-bottom:6px}
.footer__col a{width:max-content;transition:color .3s}
.footer__col a:hover{color:var(--snow)}
.footer__mark{margin:clamp(60px,8vw,110px) 0 22px;color:var(--snow);-webkit-mask:linear-gradient(var(--onyx) 10%,rgba(0,0,0,.06));mask:linear-gradient(var(--onyx) 10%,rgba(0,0,0,.06))}
.footer__mark .wm-l{opacity:1;transform:none;transition:none}
.footer__bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--line-d);font:500 10px/1.4 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--on-dark-3)}
.footer__top-link{display:flex;align-items:center;gap:6px;color:var(--on-dark-2)}
.footer__top-link svg{width:13px;height:13px}

/* =========================================================
   06 · MENU (overlay)
   ========================================================= */
.menu{position:fixed;inset:0;z-index:100;display:flex;justify-content:center;align-items:flex-start;padding:14px 16px;overflow-y:auto}
.menu[hidden]{display:none}
.menu__scrim{position:fixed;inset:0;background:rgba(4,5,6,.5);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;transition:opacity .5s var(--ease)}
.menu.is-open .menu__scrim{opacity:1}
.menu__panel{position:relative;width:min(520px,100%);display:grid;gap:2px}
.menu__bar{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 12px 0 18px;background:var(--sky);color:var(--midnight)}
.menu__logo{width:88px}
.menu__close{display:flex;align-items:center;gap:12px;font:500 14px var(--f-sans)}
.menu__close svg{width:18px;height:18px}
.menu__tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.tile{position:relative;height:98px;padding:12px 14px;display:flex;align-items:flex-end;justify-content:space-between;background:var(--ink-4);overflow:hidden;color:var(--snow)}
.tile--wide{grid-column:1/-1;height:62px}
.tile__n{position:relative;z-index:2;font:500 10px/1 var(--f-mono);color:var(--on-dark-2);transition:color .3s}
.tile__t{position:relative;z-index:2;font:700 13.5px/1 var(--f-sans);text-transform:uppercase;letter-spacing:-.005em;transition:color .3s}
.tile .px{position:absolute;inset:0;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(4,1fr);z-index:1;pointer-events:none}
.tile--wide .px{grid-template-columns:repeat(24,1fr);grid-template-rows:repeat(3,1fr)}
.tile .px i{background:var(--sky);opacity:0;transition:opacity .01s linear var(--d-out,0s)}
.tile:hover .px i,.tile:focus-visible .px i{opacity:1;transition-delay:var(--d,0s)}
.tile:hover .tile__n,.tile:hover .tile__t,.tile:focus-visible .tile__t,.tile:focus-visible .tile__n{color:var(--midnight)}
.menu__contact{padding:20px 18px;background:var(--ink-4);display:grid;gap:6px;font-size:13px;color:var(--on-dark-2)}
.menu__mail{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.menu__mail a{font:700 clamp(16px,4.4vw,21px)/1.1 var(--f-sans);text-transform:uppercase;letter-spacing:-.01em;color:var(--snow);word-break:break-all}
.menu__copy{display:grid;place-items:center;width:28px;height:28px;flex:none;color:var(--on-dark-2);transition:color .3s}
.menu__copy:hover{color:var(--sky)}
.menu__copy svg{width:15px;height:15px}
.menu__copy.is-done{color:var(--sky)}
.menu__contact a[data-todo]{border-bottom:1px solid var(--line-d2)}
.menu__social{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}
.menu__social a{display:grid;place-items:center;height:52px;background:var(--ink-4);color:var(--snow);transition:background .3s,color .3s}
.menu__social a:hover{background:var(--sky);color:var(--midnight)}
.menu__social svg{width:20px;height:20px}
/* entrada escalonada */
.menu .menu__bar,.menu .tile,.menu .menu__contact,.menu .menu__social{opacity:0;transform:translateY(-8px);transition:opacity .45s var(--ease),transform .6s var(--ease-out)}
.menu.is-open .menu__bar,.menu.is-open .tile,.menu.is-open .menu__contact,.menu.is-open .menu__social{opacity:1;transform:none}
.menu.is-open .tile:nth-child(1){transition-delay:.05s}.menu.is-open .tile:nth-child(2){transition-delay:.08s}.menu.is-open .tile:nth-child(3){transition-delay:.11s}
.menu.is-open .tile:nth-child(4){transition-delay:.14s}.menu.is-open .tile:nth-child(5){transition-delay:.17s}.menu.is-open .tile:nth-child(6){transition-delay:.2s}
.menu.is-open .tile:nth-child(7){transition-delay:.23s}.menu.is-open .menu__contact{transition-delay:.27s}.menu.is-open .menu__social{transition-delay:.31s}

/* ---------- PLAYER e LIGHTBOX ---------- */
.player,.lightbox{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:16px}
.player[hidden],.lightbox[hidden]{display:none}
.player__scrim{position:absolute;inset:0;background:rgba(3,4,5,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.player__box{position:relative;width:min(1100px,100%);display:grid;gap:10px}
.player.is-vertical .player__box{width:min(460px,100%)}
.player__bar{display:flex;justify-content:space-between;align-items:center;gap:16px}
.player__title{font:700 15px/1.2 var(--f-sans);text-transform:uppercase}
.player__close{display:flex;align-items:center;gap:10px;font:500 13px var(--f-sans);color:var(--snow);padding:6px 0}
.player__close svg{width:16px;height:16px}
.player__frame{background:var(--onyx);aspect-ratio:16/9;max-height:78vh}
.player.is-vertical .player__frame{aspect-ratio:9/16;max-height:80vh;margin:0 auto;width:auto;height:80vh;max-width:100%}
.player__frame video{width:100%;height:100%;object-fit:contain;background:var(--onyx)}
.player__meta{color:var(--on-dark-3)}
.lightbox{background:rgba(3,4,5,.985);grid-template-rows:auto 1fr;place-items:stretch;padding:14px clamp(16px,4vw,48px) 24px}
.lightbox__bar{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:24px;height:44px}
.lightbox__title{font:700 14px var(--f-sans);text-transform:uppercase}
.lightbox__count{color:var(--on-dark-3)}
.lightbox__stage{display:grid;place-items:center;min-height:0}
.lightbox__stage img{max-width:100%;max-height:calc(100svh - 110px);object-fit:contain;transition:opacity .35s}
.lightbox__nav{position:absolute;top:50%;display:grid;place-items:center;width:48px;height:48px;margin-top:-24px;background:rgba(247,247,247,.08);color:var(--snow);transition:background .3s}
.lightbox__nav:hover{background:var(--sky);color:var(--midnight)}
.lightbox__nav svg{width:20px;height:20px}
.lightbox__nav--prev{left:clamp(8px,2vw,24px)}
.lightbox__nav--prev svg{transform:scaleX(-1)}
.lightbox__nav--next{right:clamp(8px,2vw,24px)}
body.is-locked{overflow:hidden}

/* ---------- modo captura (?captura=1) para exportar ao Figma ---------- */
.is-captura [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
.is-captura .dock{display:none!important}
.is-captura .reel__strip{overflow:hidden!important}

/* ---------- revelação ao rolar ---------- */
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform 1.1s var(--ease-out)}
[data-reveal].is-in{opacity:1;transform:none}
.no-js [data-reveal]{opacity:1;transform:none}

/* =========================================================
   Responsivo
   ========================================================= */
@media (max-width:1100px){
  .topbar__nav{margin-left:4%}
  .why__cards{grid-template-columns:repeat(2,1fr)}
  .process{grid-template-columns:1fr}
  .footer__top{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .topbar__nav{display:none}
  .topbar{grid-template-columns:1fr auto}
  .topbar__cta{display:none}
  .sec-head{grid-template-columns:1fr}
  .sec-tag{display:none}
  .team__cols{grid-template-columns:1fr;gap:24px}
  .team__follow{padding-left:0;border-left:0;padding-top:20px;border-top:1px solid var(--line-d)}
  .path{grid-template-columns:1fr;gap:34px}
  .path__arrow{display:none}
  .path__line{margin:14px 0 18px}
  .quote__foot{grid-template-columns:1fr;align-items:start;gap:26px}
  .quote__text em{font-size:1.15em;display:inline-block;margin-top:4px}
  .reel__bar{gap:14px}
  .filters{flex-wrap:nowrap;overflow-x:auto;min-width:0;margin-left:calc(var(--pad)*-1);padding-left:var(--pad);padding-right:28px;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,var(--onyx) 80%,transparent);mask:linear-gradient(90deg,var(--onyx) 80%,transparent)}
  .filters::-webkit-scrollbar{display:none}
  .filters button{flex:none}
  .posts__grid,.posts__grid--um{grid-template-columns:1fr 1fr}
  .album{grid-template-columns:1fr;gap:14px;padding:20px 0 40px}
  .album__info{padding-left:0}
  .faq__grid{grid-template-columns:1fr}
  .faq__title{position:static}
  .faq__list{margin-top:40px}
  .contact__grid{grid-template-columns:1fr}
  .dark-grid::before{background:linear-gradient(90deg,transparent calc(50% - .5px),var(--line-d) calc(50% - .5px),var(--line-d) calc(50% + .5px),transparent calc(50% + .5px))}
}
@media (max-width:760px){
  .hero{min-height:max(100svh,640px)}
  /* no celular o vídeo corre dentro do símbolo e o wordmark fica cheio embaixo */
  .hero__film{width:42vw;aspect-ratio:1;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22277.13 106.94 177.41 177.78%22 fill=%22%23000%22%3E%3Cpath transform=%22matrix%281,0,0,-1,331.8298,228.3588%29%22 d=%22M0 0C8.132-9.24 19.462-13.859 34.004-13.859 48.539-13.859 59.933-9.24 68.192 0 76.444 9.241 80.573 20.079 80.573 32.525 80.573 44.964 76.444 55.81 68.192 65.05 59.933 74.29 48.539 78.91 34.004 78.91 19.462 78.91 8.132 74.29 0 65.05-8.132 55.81-12.196 44.964-12.196 32.525-12.196 20.079-8.132 9.241 0 0M-4.62 113.838C6.838 118.884 19.71 121.414 34.004 121.414 48.291 121.414 61.227 118.884 72.811 113.838 84.39 108.784 93.752 102.01 100.9 93.509 108.045 85.009 113.467 75.584 117.164 65.235 120.859 54.886 122.708 44.04 122.708 32.71 122.708 21.373 120.859 10.471 117.164 0 113.467-10.476 108.045-19.958 100.9-28.459 93.752-36.96 84.39-43.74 72.811-48.787 61.227-53.835 48.291-56.364 34.004-56.364 19.71-56.364 6.838-53.835-4.62-48.787-16.077-43.74-25.381-36.96-32.525-28.459-39.674-19.958-45.154-10.476-48.972 0-52.795 10.471-54.701 21.373-54.701 32.71-54.701 44.04-52.795 54.886-48.972 65.235-45.154 75.584-39.674 85.009-32.525 93.509-25.381 102.01-16.077 108.784-4.62 113.838%22/%3E%3Cpath transform=%22matrix%281,0,0,-1,383.9436,213.57459%29%22 d=%22M0 0C-4.932-4.932-10.904-7.392-17.926-7.392-24.948-7.392-30.925-4.932-35.851 0-40.783 4.925-43.243 10.84-43.243 17.74-43.243 24.636-40.783 30.549-35.851 35.482-30.925 40.407-24.948 42.874-17.926 42.874-10.904 42.874-4.932 40.407 0 35.482 4.926 30.549 7.392 24.636 7.392 17.74 7.392 10.84 4.926 4.925 0 0%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22277.13 106.94 177.41 177.78%22 fill=%22%23000%22%3E%3Cpath transform=%22matrix%281,0,0,-1,331.8298,228.3588%29%22 d=%22M0 0C8.132-9.24 19.462-13.859 34.004-13.859 48.539-13.859 59.933-9.24 68.192 0 76.444 9.241 80.573 20.079 80.573 32.525 80.573 44.964 76.444 55.81 68.192 65.05 59.933 74.29 48.539 78.91 34.004 78.91 19.462 78.91 8.132 74.29 0 65.05-8.132 55.81-12.196 44.964-12.196 32.525-12.196 20.079-8.132 9.241 0 0M-4.62 113.838C6.838 118.884 19.71 121.414 34.004 121.414 48.291 121.414 61.227 118.884 72.811 113.838 84.39 108.784 93.752 102.01 100.9 93.509 108.045 85.009 113.467 75.584 117.164 65.235 120.859 54.886 122.708 44.04 122.708 32.71 122.708 21.373 120.859 10.471 117.164 0 113.467-10.476 108.045-19.958 100.9-28.459 93.752-36.96 84.39-43.74 72.811-48.787 61.227-53.835 48.291-56.364 34.004-56.364 19.71-56.364 6.838-53.835-4.62-48.787-16.077-43.74-25.381-36.96-32.525-28.459-39.674-19.958-45.154-10.476-48.972 0-52.795 10.471-54.701 21.373-54.701 32.71-54.701 44.04-52.795 54.886-48.972 65.235-45.154 75.584-39.674 85.009-32.525 93.509-25.381 102.01-16.077 108.784-4.62 113.838%22/%3E%3Cpath transform=%22matrix%281,0,0,-1,383.9436,213.57459%29%22 d=%22M0 0C-4.932-4.932-10.904-7.392-17.926-7.392-24.948-7.392-30.925-4.932-35.851 0-40.783 4.925-43.243 10.84-43.243 17.74-43.243 24.636-40.783 30.549-35.851 35.482-30.925 40.407-24.948 42.874-17.926 42.874-10.904 42.874-4.932 40.407 0 35.482 4.926 30.549 7.392 24.636 7.392 17.74 7.392 10.84 4.926 4.925 0 0%22/%3E%3C/svg%3E")}
  .hero__mark{display:block;width:84vw}
  .hero__actions{width:100%;flex-direction:column;gap:10px}
  .btn-hero{height:54px;width:100%;justify-content:center}
  .hero__foot{grid-template-columns:1fr;gap:14px;justify-items:start}
  .team__cards{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:calc(var(--pad)*-1);margin-right:calc(var(--pad)*-1);padding:10px var(--pad) 30px;perspective:none;scrollbar-width:none}
  .team__cards::-webkit-scrollbar{display:none}
  .tcard{flex-basis:62vw;scroll-snap-align:center;transform:none}
  .why__cards{grid-template-columns:1fr}
  .wcard{min-height:280px}
  .process__list{grid-template-columns:1fr 1fr;gap:26px 18px}
  .reel__track{--fh:clamp(220px,calc(100svh - 344px),100vw);--band:14px;gap:10px}
  .frame{aspect-ratio:4/5}
  .frame__cap{left:16px;right:16px;bottom:16px}
  .frame__rec{left:20px;top:20px}
  .frame__dur{right:18px;top:18px}
  .frame__badge{right:62px;top:18px}
  .reel__foot span:first-child{display:none}
  .qa summary{grid-template-columns:44px 1fr 18px;padding:14px 12px;gap:8px}
  .qa__a>p{padding:0 12px 0 64px}
  .form__grid{grid-template-columns:1fr}
  .footer__top{grid-template-columns:1fr 1fr}
  .footer__brand{grid-column:1/-1}
  .origin__strip{grid-template-columns:1fr;gap:6px}
  .origin__strip img{height:170px}
  .quote{min-height:auto}
}
@media (max-width:420px){
  .topbar__badge{display:none}
  .menu__tiles{grid-template-columns:1fr 1fr}
  .tile{height:84px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
}


/* =========================================================
   v2 · 13/10/2026 · celular
   ========================================================= */
@media (max-width:600px){
  /* insights: duas colunas de 159px em 390px, com os selos encavalando */
  .posts__grid,.posts__grid--um{grid-template-columns:1fr}
  .post__cat{left:12px}
  .post__read{right:12px}
  /* galeria: a primeira foto ocupa a linha inteira, as outras duas dividem */
  .album__imgs{grid-template-columns:1fr 1fr;gap:2px}
  .album__imgs img:first-child{grid-column:1/-1}
  .album__open{left:12px;right:12px}
}


/* =========================================================
   v3 · hero em tela cheia, linha da SAND (teste)
   O wordmark ORIVUM tem proporcao 5,9:1. Sangrando a 106vw ele
   ocupa cerca de um quarto da altura, nao os 39% da SAND.
   ========================================================= */
.hero--full{--wmw:clamp(1000px,106vw,2400px);min-height:0;height:100vh;height:100svh}
.hero--full .hero__bg{display:none}
.hero__media{position:absolute;inset:0;z-index:0;background:var(--ink)}
.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.hero__scrim{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(0,0,0,.52) 0,rgba(0,0,0,0) 26%),
  linear-gradient(0deg,rgba(0,0,0,.72) 0,rgba(0,0,0,.24) 34%,rgba(0,0,0,0) 56%),
  linear-gradient(0deg,var(--ink) 0,rgba(6,7,8,0) 12%),
  rgba(6,7,8,.16)}
.hero__stage--full{position:relative;z-index:2;flex:1;display:block;max-width:none;width:100%;margin:0;padding:0}
.hero__say{position:absolute;left:var(--pad);top:clamp(28px,7vh,72px);margin:0;max-width:13ch;
  font:500 clamp(26px,2.8vw,42px)/1.06 var(--f-sans);letter-spacing:-.022em;color:var(--snow);
  text-shadow:0 1px 2px rgba(0,0,0,.25);opacity:0;transition:opacity .4s var(--ease) .15s}
.hero__util{position:absolute;right:var(--pad);bottom:calc(var(--wmw)/5.9007 + 3.2vh + 22px);
  display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:flex-end;
  font:600 10.5px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark-2);
  opacity:0;transition:opacity .4s var(--ease) .3s}
.hero__reel{display:inline-flex;align-items:center;gap:8px;color:var(--snow);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;text-transform:inherit;font:inherit;letter-spacing:inherit}
.hero__reel svg{width:10px;height:10px;color:var(--sky)}
.hero__pause{position:relative;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(247,247,247,.28);border-radius:50%;color:var(--snow);transition:border-color .2s}
.hero__pause:hover{border-color:var(--snow)}
.hero__pause-i{width:10px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.hero__pause.is-paused .hero__pause-i{width:0;height:0;border:0;border-left:11px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.hero__wm{position:absolute;left:50%;bottom:3.2vh;width:var(--wmw);transform:translate(-50%,12px);color:var(--snow);
  opacity:0;transition:opacity .5s var(--ease),transform .5s var(--ease-out)}
.hero__wm-svg{display:block;width:100%;height:auto}
.is-ready .hero__say,.is-ready .hero__util{opacity:1}
.is-ready .hero__wm{opacity:1;transform:translate(-50%,0)}
/* variante ?corte=1: o wordmark escapa pela borda de baixo, como na SAND */
.hero-corte .hero__wm{bottom:-1.4vw}
.hero-corte .hero__util{bottom:calc(var(--wmw)/5.9007 - 1.4vw + 22px)}

@media (max-width:1023px){ .hero--full{--wmw:104vw} .hero__wm{bottom:3.6vh} }
@media (max-width:759px){
  .hero--full{--wmw:132vw;min-height:0}
  .hero__say{font-size:clamp(28px,8vw,36px);top:24px}
  .hero__util{left:var(--pad);right:var(--pad);justify-content:space-between;gap:12px;bottom:calc(var(--wmw)/5.9007 + 3.6vh + 18px)}
  .hero__util > span{display:none}
}
@media (prefers-reduced-motion:reduce){ .hero__wm{transform:translate(-50%,0)} }


/* =========================================================
   b31 \u00b7 13/10/2026 \u00b7 quem somos com foto grande e manifesto
   Placeholders (.ph e .ph-tag) marcam o que vem do cliente.
   ========================================================= */
.about > *{min-width:0}
.about{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(36px,5.5vw,96px);align-items:center}
.about__foto{margin:0}
.about__img{position:relative;overflow:hidden;border-radius:2px;background:var(--ink-3)}
.about__img img{display:block;width:100%;aspect-ratio:4/5;max-height:min(86svh,820px);object-fit:cover}
.ph-tag{position:absolute;left:14px;top:14px;right:14px;width:max-content;max-width:calc(100% - 28px);padding:7px 10px;
  background:rgba(10,12,14,.78);border:1px dashed var(--sky);color:var(--sky);
  font:600 10px/1.4 var(--f-mono);letter-spacing:.05em;text-transform:uppercase}
.about__quem{display:flex;flex-wrap:wrap;gap:10px 32px;margin-top:16px;font-size:15px;color:var(--snow)}
.about__quem span{display:flex;align-items:baseline;gap:10px}
.about__quem b{font-weight:600}
.ph{font-style:normal;color:var(--sky);border-bottom:1px dashed currentColor;font:600 11px/1.4 var(--f-mono);letter-spacing:.04em;text-transform:uppercase}
.ph--bloco{display:block;width:fit-content;max-width:100%;padding:10px 12px;border:1px dashed var(--sky);font-size:11px}
.about__label{color:var(--on-dark-2);margin-bottom:18px}
.about__manifesto{display:grid;gap:16px;margin-top:clamp(26px,3vw,40px);max-width:56ch;font-size:16.5px;line-height:1.6;color:var(--on-dark-2)}
.about__tese{font:500 clamp(22px,2.2vw,30px)/1.18 var(--f-sans);letter-spacing:-.025em;color:var(--snow)}
.about__tese em{font-style:normal;font-weight:700}
.about__pilares{margin-top:clamp(30px,3.6vw,48px);padding-top:22px;border-top:1px solid var(--line-d)}
.about__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;list-style:none}
.about__chips li{display:flex;align-items:center;gap:8px;padding:0 10px 0 0;border:1px solid var(--line-d2);font:600 10px/1 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--snow)}
.about__chips b{display:grid;place-items:center;align-self:stretch;padding:6px 7px;background:rgba(247,247,247,.08);color:var(--sky);font-weight:600}
.about__pilares p{font-size:14px;color:var(--on-dark-2)}
.origin .process{margin-top:clamp(40px,5vw,72px)}
@media (max-width:900px){
  .about{grid-template-columns:1fr}
  .about__img img{max-height:72svh}
}


/* =========================================================
   socios \u00b7 13/10/2026 \u00b7 dois blocos abaixo de "O time"
   ========================================================= */
.socios{display:grid;gap:clamp(56px,8vw,120px);margin-top:clamp(80px,10vw,150px);padding-top:clamp(40px,5vw,64px);border-top:1px solid var(--line-d)}
.socio{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,88px);align-items:center}
.socio > *{min-width:0}
.socio--b .socio__foto{order:2}
.socio__foto{position:relative;aspect-ratio:4/5;max-height:min(80svh,760px);width:100%;
  display:grid;place-items:center;border:1px dashed var(--sky);background:rgba(247,247,247,.03)}
.socio__vago{padding:0 24px;text-align:center;font:600 10.5px/1.6 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--sky)}
.socio__n{color:var(--on-dark-3);margin-bottom:16px}
.socio__nome{font:500 clamp(34px,4.2vw,60px)/1 var(--f-sans);letter-spacing:-.04em;color:var(--snow)}
.socio__papel{margin:14px 0 26px}
.socio__texto .ph--bloco{max-width:46ch}
@media (max-width:900px){
  .socio{grid-template-columns:1fr}
  .socio--b .socio__foto{order:0}
  .socio__foto{max-height:70svh}
}


/* =========================================================
   perguntas · 13/10/2026 · redesenho
   Titulo em caixa mista e alinhado ao topo da lista; a coluna
   da esquerda fica fixa e leva ao contato; sem a grade de fundo.
   ========================================================= */
.faq.dark-grid::before{display:none}
/* overflow:hidden em .dark-grid prendia o sticky a secao, e nao a tela */
.faq.dark-grid{overflow:visible}
.faq__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,120px);align-items:start}
.faq__intro{position:sticky;top:112px;display:grid;justify-items:start;gap:20px}
.faq__label{padding-top:0}
.faq__title{position:static;max-width:none;font:500 clamp(32px,3.3vw,50px)/1.04 var(--f-sans);letter-spacing:-.035em;text-transform:none}
.faq__sub{margin-top:10px;font-size:15px;line-height:1.5;color:var(--on-dark-2)}
.faq__list{margin-top:0}
.faq .qa,.faq .qa[open]{background:transparent}
.faq .qa summary{grid-template-columns:44px 1fr 22px;gap:16px;min-height:78px;padding:20px 2px}
.faq .qa__n{font-size:11px}
.faq .qa__q{font-size:clamp(16px,1.35vw,19px);line-height:1.3}
.faq .qa__a>p{padding:0 2px 0 60px;font-size:15px;line-height:1.6;max-width:62ch}
.faq .qa[open] .qa__a>p{padding-bottom:28px}
@media (max-width:900px){
  .faq__grid{grid-template-columns:1fr;gap:44px}
  .faq__intro{position:static}
}
@media (max-width:560px){
  .faq .qa summary{grid-template-columns:36px 1fr 18px;gap:12px;min-height:68px;padding:16px 0}
  .faq .qa__a>p{padding:0 0 0 48px}
}


/* =========================================================
   extras · 13/10/2026
   ========================================================= */
/* x5: link sem destino nao aparece. Para publicar: trocar o href e tirar o data-todo */
a[data-todo]{display:none!important}
.footer__col:not(:has(a:not([data-todo]))){display:none}
.menu__social:not(:has(a:not([data-todo]))){display:none}
.menu__contact p:has(> a[data-todo]),.contact__direct li:has(> a[data-todo]){display:none}
/* x7: setas do lightbox com contraste garantido sobre qualquer foto */
.lightbox__nav{background:rgba(10,12,14,.66);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(247,247,247,.22)}
.hero__pause[hidden]{display:none}

/* socios lado a lado · 13/10/2026 */
.socios{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,64px);align-items:start}
.socio{grid-template-columns:1fr;gap:clamp(20px,2.4vw,32px);align-items:start}
.socio--b .socio__foto{order:0}
.socio__foto{max-height:min(72svh,680px)}
.socio__n{margin-bottom:12px}
.socio__nome{font-size:clamp(30px,3.2vw,48px)}
.socio__papel{margin:12px 0 20px}
@media (max-width:760px){
  .socios{grid-template-columns:1fr;gap:56px}
}


/* foto do socio · 13/10/2026 */
.socio__foto--img{border:0;background:var(--ink-3);overflow:hidden}
.socio__foto--img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%}


/* =========================================================
   menu · sumario · 13/10/2026
   Tela cheia em Sand: "Menu" grande a esquerda, lista a direita.
   Substitui o painel com blocos e efeito de pixel.
   ========================================================= */
.menu{display:block;padding:0;overflow:hidden}
.menu__panel{position:fixed;inset:0;width:auto;display:flex;flex-direction:column;gap:0;background:var(--sand);color:var(--midnight);overflow-y:auto;overscroll-behavior:contain;clip-path:inset(0 0 100% 0);transition:clip-path .35s var(--ease)}
.menu.is-open .menu__panel{clip-path:inset(0 0 0 0);transition:clip-path .75s var(--ease-out)}
.menu__bar{flex:none;height:74px;padding:0 var(--pad);background:none;color:var(--midnight)}
.menu__logo{width:96px}
.menu__close{gap:12px;font:500 14px var(--f-sans)}
.menu__grid{flex:1;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto 1fr;grid-template-areas:"titulo lista" "lado lista";gap:28px clamp(32px,6vw,96px);padding:clamp(16px,3vw,40px) var(--pad) clamp(28px,4vw,48px)}
.menu__title{grid-area:titulo;margin:0;font:500 clamp(64px,10vw,150px)/.86 var(--f-sans);letter-spacing:-.055em;color:var(--midnight)}
.menu__side{grid-area:lado;align-self:end;display:grid;justify-items:start;gap:18px}
.menu__list{grid-area:lista;align-self:start;display:block;border-bottom:1px solid rgba(35,40,44,.16)}
.menu .tile{position:static;height:auto;display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:clamp(11px,1.4vw,17px) 10px;background:none;color:var(--midnight);overflow:visible;border-top:1px solid rgba(35,40,44,.16);transition:opacity .5s var(--ease),transform .7s var(--ease-out),background .3s,color .3s,padding .35s var(--ease-out)}
.menu .tile__n{font:500 12px var(--f-mono);color:var(--sky-700);transition:color .3s}
.menu .tile__t{font:500 clamp(24px,2.5vw,36px)/1.05 var(--f-sans);letter-spacing:-.03em;text-transform:none}
.menu .tile__d{font:500 9.5px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#5b646b;transition:color .3s}
.menu .tile:hover,.menu .tile:focus-visible{background:var(--midnight);color:var(--sand);padding-left:20px}
.menu .tile:hover .tile__n,.menu .tile:hover .tile__d,.menu .tile:focus-visible .tile__n,.menu .tile:focus-visible .tile__d{color:var(--sky)}
.menu .tile:hover .tile__t,.menu .tile:focus-visible .tile__t{color:var(--sand)}
.menu__contact{padding:0;background:none;gap:4px;font-size:13px;color:#5b646b}
.menu__mail a{font:600 17px/1.2 var(--f-sans);text-transform:none;letter-spacing:-.01em;color:var(--midnight);word-break:normal}
.menu__copy{color:#5b646b}
.menu__copy:hover,.menu__copy.is-done{color:var(--sky-700)}
.menu__contact a[data-todo]{border-color:rgba(35,40,44,.2)}
.menu .menu__cta{display:inline-flex;grid-template-columns:none;align-items:center;gap:14px;height:54px;padding:0 24px;margin-top:6px;border:0;background:var(--midnight);color:var(--sand);font:600 15px var(--f-sans);transition:opacity .5s var(--ease),transform .7s var(--ease-out),gap .3s var(--ease-out),background .3s}
.menu .menu__cta svg{width:18px;height:18px}
.menu .menu__cta:hover,.menu .menu__cta:focus-visible{gap:22px;padding:0 24px;background:var(--onyx);color:var(--sand)}
.menu__social{display:flex;gap:6px}
.menu__social a{width:44px;height:44px;background:none;border:1px solid rgba(35,40,44,.2);color:var(--midnight)}
.menu__social a:hover{background:var(--midnight);color:var(--sand)}
/* entrada: linhas da lista chegam da direita */
.menu .menu__bar,.menu .menu__title,.menu .menu__side{opacity:0;transform:translateY(12px)}
.menu .menu__list .tile{opacity:0;transform:translateX(40px)}
.menu.is-open .menu__bar,.menu.is-open .menu__title,.menu.is-open .menu__side,.menu.is-open .menu__list .tile{opacity:1;transform:none}
.menu .menu__bar,.menu .menu__title,.menu .menu__side{transition:opacity .5s var(--ease),transform .7s var(--ease-out)}
.menu.is-open .menu__bar{transition-delay:.15s}
.menu.is-open .menu__title{transition-delay:.2s}
.menu.is-open .menu__side{transition-delay:.45s}
.menu.is-open .menu__list .tile:nth-child(1){transition-delay:.2s,.2s,0s,0s,0s}.menu.is-open .menu__list .tile:nth-child(2){transition-delay:.25s,.25s,0s,0s,0s}
.menu.is-open .menu__list .tile:nth-child(3){transition-delay:.3s,.3s,0s,0s,0s}.menu.is-open .menu__list .tile:nth-child(4){transition-delay:.35s,.35s,0s,0s,0s}
.menu.is-open .menu__list .tile:nth-child(5){transition-delay:.4s,.4s,0s,0s,0s}.menu.is-open .menu__list .tile:nth-child(6){transition-delay:.45s,.45s,0s,0s,0s}
.menu.is-open .menu__list .tile:nth-child(7){transition-delay:.5s,.5s,0s,0s,0s}
@media (max-width:760px){
  .menu__grid{grid-template-columns:1fr;grid-template-areas:"titulo" "lista" "lado";grid-template-rows:none;align-content:start;gap:24px}
  .menu__title{font-size:clamp(52px,16vw,72px)}
  .menu .tile{grid-template-columns:40px 1fr}
  .menu .tile__d{display:none}
  .menu .tile__t{font-size:24px}
  .menu__side{align-self:start}
}


/* foto provisoria do socio · 13/10/2026 */
.socio__badge{position:absolute;top:16px;left:16px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(247,247,247,.24);border-radius:40px;background:rgba(11,10,9,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 10px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--snow)}
.socio__badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sky)}

/* ============ reunião 14/10/2026 (+ áudio de 11/11) ============ */
/* sócios: uma foto conjunta no lugar das duas individuais */
.socios--dupla{grid-template-columns:1fr}
.socio--dupla{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,88px);align-items:center}
.socio--dupla .socio__foto{aspect-ratio:4/5;max-height:min(84svh,780px);background:#ececec}
.socio--dupla .socio__foto--img img{object-position:50% 45%}
.socio--dupla .socio__nome em{font-style:normal;font-weight:400;color:var(--on-dark-3)}
.socio__papeis{display:grid;gap:0;margin:24px 0 26px}
.socio__papeis div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px;padding:12px 0;border-top:1px solid var(--line-d)}
.socio__papeis div:last-child{border-bottom:1px solid var(--line-d)}
.socio__papeis dt{font:600 10.5px/1.4 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark-2)}
@media (max-width:760px){.socio--dupla{grid-template-columns:1fr}.socio--dupla .socio__foto{max-height:78svh}}
/* clientes: faixa de logos passando (pausa no hover e com movimento reduzido) */
.clients{padding:clamp(64px,8vw,120px) 0 clamp(48px,6vw,90px);border-top:1px solid var(--line-d)}
.clients .logos{margin-top:clamp(36px,5vw,72px)}
.logos{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logos__track{display:flex;align-items:center;width:max-content;margin:0;padding:0;list-style:none;animation:marq 38s linear infinite}
.logos__track li{flex:0 0 auto;padding:0 clamp(28px,4vw,64px)}
.logos__track img{display:block;width:auto;height:clamp(22px,2.2vw,32px);opacity:.62;transition:opacity .3s}
.logos__track li:hover img{opacity:1}
.logos:hover .logos__track{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.logos__track{animation:none;flex-wrap:wrap;justify-content:center;width:auto}}
/* depoimentos (oculta até ter conteúdo) */
.depo{padding:clamp(80px,10vw,140px) 0}
.depo__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:clamp(40px,5vw,72px)}
.dcard{display:flex;flex-direction:column;justify-content:space-between;gap:32px;margin:0;padding:clamp(24px,2.6vw,36px);border:1px solid var(--line-d);border-radius:4px;background:rgba(247,247,247,.02)}
.dcard__txt{margin:0;font:400 clamp(17px,1.4vw,20px)/1.5 var(--f-sans);color:var(--snow)}
.dcard__quem{display:grid;gap:6px}
.dcard__quem b{font:600 14px/1.3 var(--f-sans);color:var(--snow)}
.dcard__quem span{font:600 10.5px/1.4 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark-2)}
@media (max-width:900px){.depo__grid{grid-template-columns:1fr}}

/* 11/11/2026: no celular e no tablet o nome ORIVUM da abertura cabe inteiro dentro das margens (antes 104vw e 132vw:
   cortava o O e o M). No computador continua escapando pelas bordas, como no aprovado. */
@media (max-width:1023px){ .hero--full{--wmw:calc(100vw - 2 * var(--pad))} }
/* ============ OM em acrílico no Contato (reunião 14/10, item 5; v7 aprovada pelo cliente em 11/11) ============ */
.contact::after{content:"";position:absolute;z-index:-1;left:-4%;bottom:-6%;width:min(48vw,760px);aspect-ratio:2000/1450;background:url(../img/kv/vidro-om-escuro.webp) center/contain no-repeat;mix-blend-mode:screen;opacity:.75;-webkit-mask:radial-gradient(60% 60% at 50% 50%,#000 45%,transparent 80%);mask:radial-gradient(60% 60% at 50% 50%,#000 45%,transparent 80%);pointer-events:none}
@media (max-width:900px){.contact::after{left:auto;right:-25%;bottom:auto;top:2%;width:100vw;opacity:.4}}