/* V5.1 — carrossel linear editorial. Isolado para não interferir na Home ou na timeline. */
#ab-criacoes,#criacoes{scroll-margin-top:78px}
.ab-criacoes{
  position:relative;isolation:isolate;width:100%;
  padding:clamp(68px,8vw,112px) var(--pad) clamp(72px,9vw,124px);
  background:transparent;color:var(--ink);
}
.ab-criacoes__inner{width:min(100%,1180px);margin:0 auto;position:relative}
.ab-criacoes__chapter{font-size:10px;letter-spacing:.16em;font-weight:700;display:flex;gap:18px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;color:#6e695f}
.ab-criacoes__heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:clamp(29px,3.5vw,44px) 0 clamp(26px,3vw,38px)}
.ab-criacoes__heading h2{font-family:var(--serif);font-weight:800;font-size:clamp(36px,4.5vw,62px);line-height:1.05;letter-spacing:-.06em;max-width:18ch;margin:0}
.ab-criacoes__heading>p{font-size:clamp(12px,1vw,14px);max-width:36ch;line-height:1.65;color:#6f6c64;margin:0 0 5px}
.ab-criacoes__overline{font:700 10px/1.45 var(--sans);letter-spacing:.17em;margin:0 0 12px;color:#797467}
.ab-criacoes__gallery{position:relative;isolation:isolate}
.ab-criacoes__gallery::before,.ab-criacoes__gallery::after{content:"";position:absolute;z-index:-1;pointer-events:none;border:1px solid #99938660;border-radius:50%;transform:rotate(-15deg)}
.ab-criacoes__gallery::before{width:69px;height:28px;right:-54px;top:-34px}
.ab-criacoes__gallery::after{width:43px;height:42px;left:-54px;bottom:3px;border-style:dashed;opacity:.33}
.ab-criacoes__viewport{position:relative;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1px;scrollbar-width:none;touch-action:pan-x pan-y;user-select:none;-webkit-overflow-scrolling:touch;padding:12px 1px 24px;cursor:grab}
.ab-criacoes__viewport::-webkit-scrollbar{display:none}
.ab-criacoes__viewport.is-dragging{cursor:grabbing;scroll-snap-type:none}
.ab-criacoes__track{display:flex;gap:clamp(15px,2vw,24px)}
.ab-criacoes__project{position:relative;scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 calc((100% - 48px)/3);min-width:0}
.ab-criacoes__visual{aspect-ratio:1;position:relative;display:block;overflow:hidden;border:1px solid #d1cabc;background:#e8e4db;border-radius:8px;box-shadow:0 12px 29px #30271d0b}
.ab-criacoes__visual img{width:100%;height:100%;max-width:none;object-fit:cover;display:block;filter:grayscale(1);transition:filter .4s ease,transform .65s cubic-bezier(.2,.65,.3,1)}
.ab-criacoes__project:hover .ab-criacoes__visual img,.ab-criacoes__project:focus-within .ab-criacoes__visual img{filter:grayscale(.72);transform:scale(1.035)}
.ab-criacoes__visual::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff7;pointer-events:none}
.ab-criacoes__under{padding:17px 2px 5px;display:grid;grid-template-columns:1fr auto;align-items:start;gap:12px}
.ab-criacoes__type{font-size:9px;letter-spacing:.13em;color:#847d70;font-weight:700;text-transform:uppercase;margin:0 0 7px}
.ab-criacoes__project h3{font-family:var(--serif);font-size:clamp(19px,1.85vw,25px);font-weight:750;line-height:1.16;letter-spacing:-.048em;margin:0}
.ab-criacoes__index{font-size:10px;color:#948b7e;letter-spacing:.1em;padding-top:2px}
.ab-criacoes__link{display:inline-flex;align-items:center;gap:9px;border-bottom:1px solid #a9a193;color:var(--ink);text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.105em;margin-top:12px;padding:7px 0 6px;min-height:34px}
.ab-criacoes__link:hover{border-color:var(--ink)}
.ab-criacoes__link:focus-visible,.ab-criacoes__arrow:focus-visible,.ab-criacoes__viewport:focus-visible{outline:2px solid #45413a;outline-offset:4px}
.ab-criacoes__arrow{position:absolute;z-index:3;top:clamp(70px,14vw,160px);width:42px;height:42px;border:1px solid #bdb5a9;background:#fbf8f1f0;border-radius:50%;color:#292824;font-size:19px;cursor:pointer;box-shadow:0 3px 10px #29221512;display:grid;place-items:center;transition:background .2s,opacity .2s}
.ab-criacoes__arrow:hover:not(:disabled){background:#eee8dc}
.ab-criacoes__arrow:disabled{opacity:.26;cursor:default}
.ab-criacoes__arrow--prev{left:-21px}.ab-criacoes__arrow--next{right:-21px}
.ab-criacoes__footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:14px;margin-top:7px;font-size:10px;letter-spacing:.11em;color:#82796c}
.ab-criacoes__footer output{white-space:nowrap;color:#35312b;font-weight:700}
.ab-criacoes__pencil{position:absolute;right:5%;top:144px;z-index:-1;color:#bbb4a6;transform:rotate(-11deg);font-family:Georgia,serif;font-style:italic;font-size:14px;opacity:.55;pointer-events:none}
.ab-criacoes__note{font-size:10px;line-height:1.55;color:#898278;margin:21px 0 0;max-width:77ch}
@media(max-width:940px){.ab-criacoes__project{flex-basis:calc((100% - 20px)/2)}.ab-criacoes__heading{align-items:start;flex-direction:column;gap:12px}.ab-criacoes__heading>p{max-width:57ch}.ab-criacoes__gallery::before,.ab-criacoes__gallery::after{display:none}}
@media(max-width:620px){
  .ab-criacoes{padding:66px max(18px,var(--pad)) 74px}
  .ab-criacoes__heading{margin:28px 0 27px}
  .ab-criacoes__viewport{margin-right:calc(-1 * max(18px,var(--pad)));padding-right:max(18px,var(--pad));scroll-padding-inline:1px}
  .ab-criacoes__project{flex-basis:min(78vw,325px)}
  .ab-criacoes__project h3{font-size:21px}
  .ab-criacoes__arrow{width:36px;height:36px;top:28%}
  .ab-criacoes__arrow--prev{left:-12px}.ab-criacoes__arrow--next{right:-10px}
  .ab-criacoes__footer{font-size:9px}.ab-criacoes__pencil{display:none}
}
@media(prefers-reduced-motion:reduce){.ab-criacoes__visual img{transition:none}}


/* V5.1.6 — capa estática e demonstração no modal, sem navegação externa. */
.ab-criacoes__visual--video { display:grid;place-items:center;background:#171410; }
.ab-criacoes__visual--video::before {
  content:"";position:absolute;inset:-9%;pointer-events:none;
  background:url("assets/criacoes/reais/missao-benicio-poster.jpg") center/cover no-repeat;
  filter:blur(18px) brightness(.52);opacity:.55;
}
.ab-criacoes__video-cover {
  position:absolute;inset:0;z-index:1;display:grid;place-items:center;width:100%;height:100%;
  border:0;padding:0;background:none;color:#fff;cursor:pointer;overflow:hidden;
}
.ab-criacoes__video-cover img {
  display:block;position:relative;width:auto;height:100%;max-width:100%;object-fit:contain;
  filter:none!important;transform:none!important;transition:none!important;pointer-events:none;
  box-shadow:0 0 22px rgba(0,0,0,.12);
}
.ab-criacoes__play {
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:grid;place-items:center;border-radius:50%;width:54px;height:54px;
  border:1px solid rgba(255,255,255,.84);background:rgba(25,22,18,.75);
  box-shadow:0 5px 18px #0005;font:700 18px/1 Arial,sans-serif;text-indent:3px;
  transition:background .2s ease,transform .2s ease;
}
.ab-criacoes__video-cover:hover .ab-criacoes__play,
.ab-criacoes__video-cover:focus-visible .ab-criacoes__play {
  background:#171410;transform:translate(-50%,-50%) scale(1.07);
}
.ab-criacoes__video-cover-label {
  position:absolute;bottom:0;left:0;right:0;padding:13px 12px;
  display:flex;justify-content:center;gap:12px;align-items:center;
  background:linear-gradient(0deg,rgba(12,11,10,.91),rgba(12,11,10,.55));
  font:750 10px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.11em;
}
.ab-criacoes__video-cover:focus-visible {outline:3px solid #b0a18b;outline-offset:-4px;}

.ab-convite-dialog {
  position:fixed;inset:0;margin:auto;padding:0;border:0;color:#181614;
  background:transparent;width:min(96vw,720px);max-width:96vw;max-height:96dvh;
  overflow:visible;
}
.ab-convite-dialog:not([open]){display:none;}
.ab-convite-dialog::backdrop{background:rgba(18,17,16,.83);backdrop-filter:blur(5px);}
.ab-convite-dialog__paper {
  position:relative;background:#f9f6ef url("assets/textures/paper-matte.webp") center/cover;
  border:1px solid #c6bbaa;box-shadow:0 27px 100px #0006;
  padding:clamp(12px,2.1vw,22px);
  display:flex;flex-direction:column;gap:14px;max-height:94dvh;
}
.ab-convite-dialog__paper::before,.ab-convite-dialog__paper::after {
  content:"";position:absolute;top:-7px;width:52px;height:13px;
  background:#e6dcc5d6;border:1px solid #a88e661b;pointer-events:none;
}
.ab-convite-dialog__paper::before{left:25px;transform:rotate(-6deg)}
.ab-convite-dialog__paper::after{right:25px;transform:rotate(5deg)}
.ab-convite-dialog__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.ab-convite-dialog__eyebrow{font:750 9px/1.5 var(--sans,Arial,sans-serif);letter-spacing:.12em;color:#797166;margin:0 0 5px;}
.ab-convite-dialog h2{font:800 clamp(21px,3vw,30px)/1.15 var(--serif,Arial,sans-serif);letter-spacing:-.04em;margin:0;}
.ab-convite-dialog__top p:last-child{font:400 12px/1.5 var(--sans,Arial,sans-serif);color:#675e54;margin:4px 0 0;}
.ab-convite-dialog__close {
  flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;
  border:1px solid #b9b1a4;background:#fffbf5;color:#1a1917;
  font:400 25px/1 Arial,sans-serif;cursor:pointer;
}
.ab-convite-dialog__close:hover{background:#eee8dd;}
.ab-convite-dialog__close:focus-visible{outline:3px solid #48423b;outline-offset:3px;}
.ab-convite-dialog__screen{min-height:0;display:grid;place-items:center;overflow:hidden;background:#151311;}
.ab-convite-dialog__player {
  display:block;width:auto;max-width:100%;max-height:calc(94dvh - 125px);
  aspect-ratio:464/688;height:auto;object-fit:contain;background:#151311;
}
@media(max-width:620px){
  .ab-convite-dialog{width:calc(100vw - 18px);max-width:calc(100vw - 18px);}
  .ab-convite-dialog__paper{padding:11px;gap:9px;max-height:97dvh;}
  .ab-convite-dialog__player{max-height:calc(97dvh - 113px);}
  .ab-convite-dialog__eyebrow{font-size:8px;}
  .ab-convite-dialog h2{font-size:22px;}
  .ab-convite-dialog__top p:last-child{font-size:11px;}
  .ab-criacoes__play{width:47px;height:47px;font-size:16px;}
}
@media(prefers-reduced-motion:reduce){.ab-criacoes__play{transition:none;}}

/* V5.1.7 — prévias reais clicáveis para AG Perfumes e Studio Garota Carioca.
   No carrossel o vídeo permanece parado; somente o modal o carrega. */
.ab-criacoes__project[data-project="ag"] .ab-criacoes__visual--video::before {
  background-image:url("assets/criacoes/reais/ag-perfumes-real.png");
}
.ab-criacoes__project[data-project="garota"] .ab-criacoes__visual--video::before {
  background-image:url("assets/criacoes/reais/studio-garota-carioca-real.png");
}
.ab-criacoes__project:is([data-project="ag"],[data-project="garota"]) .ab-criacoes__video-cover img {
  width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 0;
}
.ab-criacoes__project:is([data-project="ag"],[data-project="garota"]) .ab-criacoes__video-cover-label {
  background:linear-gradient(0deg,rgba(12,11,10,.94),rgba(12,11,10,.40));
}
/* Vídeos verticais (576 × 1280): nunca distorcer o quadro dentro do modal. */
.ab-convite-dialog__player{aspect-ratio:9/20;object-fit:contain;max-height:calc(94dvh - 130px)}
@media(max-width:620px){.ab-convite-dialog__player{max-height:calc(97dvh - 125px)}}