/**
 ** Data : 16/06/2026
 ** Autor: Whilton Reis
 ** Polaris Tecnologia
 **/

/* =====================================================================
   MODELO 22 — "FLORAL BORDADO" (fiel a casamento, romântico)
   Convite com guirlanda. ASSINATURA: ao redor do retrato, PÉTALAS
   bordadas DESABROCHAM em sequência (escala 0→1) na carga; moldura com
   ponto-de-cruz tracejado. Rosa antigo + verde-folha sobre creme.
   UIX animada: desabrochar das pétalas + entrada suave do hero.
   ===================================================================== */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/poppins-300.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/poppins-400.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/poppins-500.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/poppins-600.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('../fonts/cormorant-garamond.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 400 700; font-display: swap; src: url('../fonts/cormorant-garamond-italic.woff2') format('woff2'); }

:root { --rose:#cf7e8c; --olive:#6f8f5a; --olive-dk:#4f6b3e; --gold:#c9a25e; --paper:#fbf4f1; --paper-2:#f4e7e2; --card:#fffafa; --ink:#4a3a3c; --ink-soft:#8f7a7c; --line:#ecd6d2; --line-soft:#f3e3df; --radius:16px; --radius-sm:10px; --shadow:0 26px 56px -32px rgba(74,58,60,.36); --shadow-sm:0 14px 34px -26px rgba(74,58,60,.3); --maxw:1120px; }
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Poppins',system-ui,sans-serif; font-weight:300; color:var(--ink); background: radial-gradient(560px 420px at 86% -6%, color-mix(in srgb,var(--rose) 16%,transparent), transparent 60%), radial-gradient(560px 480px at 6% 98%, color-mix(in srgb,var(--olive) 14%,transparent), transparent 60%), var(--paper); background-attachment:fixed; line-height:1.72; overflow-x:hidden; }
h1,h2,h3,.hero__title,.footer__names,.section-title,.nav__logo { font-family:'Cormorant Garamond',Georgia,serif; font-weight:600; letter-spacing:.01em; line-height:1.07; }
em { font-style:italic; color:var(--rose); }
strong { font-weight:600; color:var(--olive-dk); }
.section-title span,.hero__title span,.intro h2 span { font-style:italic; color:var(--rose); }
.footer__names span { color:#f0c7b8; }
.hero__eyebrow,.intro__eyebrow { display:inline-flex; align-items:center; gap:.6rem; text-transform:uppercase; letter-spacing:.34em; font-size:.62rem; font-weight:600; color:var(--olive); margin-bottom:1.5rem; }
.hero__eyebrow::before,.intro__eyebrow::before { content:'\2740'; color:var(--rose); letter-spacing:0; }

.btn { display:inline-flex; align-items:center; gap:.5rem; background:var(--rose); color:#fff; text-decoration:none; cursor:pointer; border:1px solid var(--rose); padding:.9rem 1.9rem; border-radius:999px; font-family:'Poppins',sans-serif; font-weight:500; font-size:.74rem; text-transform:uppercase; letter-spacing:.14em; transition:transform .18s,box-shadow .18s,background .18s; }
.btn:hover { transform:translateY(-2px); background:#c06c7b; box-shadow:0 12px 26px -12px color-mix(in srgb,var(--rose) 60%,transparent); } .btn:focus-visible { outline:2px solid var(--olive); outline-offset:3px; }
.btn--ghost { background:transparent; color:var(--olive-dk); border-color:var(--line); } .btn--ghost:hover { background:color-mix(in srgb,var(--olive) 8%,transparent); border-color:var(--olive); }
.btn--mini { padding:.55rem 1.2rem; font-size:.66rem; }

.nav { position:sticky; top:0; z-index:50; display:flex; align-items:center; justify-content:space-between; gap:1.5rem; padding:1rem 6vw; background:color-mix(in srgb,var(--paper) 86%,transparent); backdrop-filter:blur(12px); border-bottom:1px solid var(--line-soft); }
.nav__logo { font-family:'Cormorant Garamond',serif; font-weight:600; font-size:1.7rem; color:var(--ink); text-decoration:none; } .nav__logo span { color:var(--rose); font-style:italic; }
.nav__links { display:flex; gap:2rem; }
.nav__links a { color:var(--ink-soft); text-decoration:none; font-size:.7rem; font-weight:500; text-transform:uppercase; letter-spacing:.16em; position:relative; padding:.2rem 0; transition:color .18s; }
.nav__links a::after { content:''; position:absolute; left:0; bottom:-3px; width:0; height:1px; background:var(--rose); transition:width .22s; } .nav__links a:hover { color:var(--ink); } .nav__links a:hover::after { width:100%; }

.hero,.intro,.acoes,.horarios,.rsvp,.historia,.como,.presentes,.faq { padding-left:6vw; padding-right:6vw; }
.hero { display:grid; grid-template-columns:1fr .9fr; gap:4.5rem; align-items:center; padding-top:5.5rem; padding-bottom:5rem; max-width:var(--maxw); margin:0 auto; }
.hero__eyebrow { opacity:0; animation:fadeUp .7s ease .1s both; }
.hero__title { font-size:clamp(3rem,8vw,6rem); color:var(--ink); margin-bottom:1.4rem; opacity:0; animation:fadeUp .8s ease .25s both; }
.hero__date { font-size:.78rem; font-weight:600; letter-spacing:.24em; text-transform:uppercase; color:var(--rose); margin-bottom:.5rem; opacity:0; animation:fadeUp .7s ease .4s both; }
.hero__local { font-size:.92rem; color:var(--ink-soft); margin-bottom:1.6rem; opacity:0; animation:fadeUp .7s ease .5s both; }
.hero__lead { max-width:46ch; font-size:1.05rem; color:var(--ink-soft); opacity:0; animation:fadeUp .7s ease .6s both; }
.hero__cta { display:flex; gap:.9rem; flex-wrap:wrap; margin-top:2.2rem; opacity:0; animation:fadeUp .7s ease .75s both; }
@keyframes fadeUp { from{opacity:0;transform:translateY(20px);} to{opacity:1;transform:translateY(0);} }
/* PÉTALAS QUE DESABROCHAM: anel de pétalas (box-shadow multiplo) escala 0→1 */
.hero__photo { position:relative; max-width:380px; justify-self:end; width:100%; }
.hero__photo::before { content:''; position:absolute; z-index:0; top:-12px; left:50%; width:20px; height:20px; border-radius:60% 0 60% 0; background:var(--rose); transform:translateX(-50%) scale(0) rotate(45deg); transform-origin:center bottom;
  box-shadow:
    -150px 40px 0 var(--olive), 150px 40px 0 var(--olive),
    -120px 150px 0 #f0c7b8, 120px 150px 0 #f0c7b8,
    -60px -2px 0 var(--rose), 60px -2px 0 var(--rose);
  animation:bloom 1s cubic-bezier(.2,1.2,.3,1) .5s both; }
@keyframes bloom { from{transform:translateX(-50%) scale(0) rotate(45deg);} to{transform:translateX(-50%) scale(1) rotate(45deg);} }
.hero__frame { position:relative; z-index:1; width:100%; aspect-ratio:3/4; border-radius:48% 48% 12px 12px; padding:10px; background:var(--card); box-shadow:var(--shadow); border:2px dashed var(--rose); }
.hero__frame img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; border-radius:44% 44% 8px 8px; animation:kenburns 18s ease-in-out infinite alternate; }
.hero__photo:hover .hero__frame img { transform:scale(1.04); }
.hero__frame::after { content:""; position:absolute; inset:10px; z-index:2; pointer-events:none; border-radius:44% 44% 8px 8px; background:linear-gradient(120deg,transparent 44%,rgba(255,250,250,.5) 50%,transparent 56%); transform:translateX(-120%); animation:sheen 6.5s ease-in-out 1.6s infinite; }
@keyframes kenburns { from{transform:scale(1);} to{transform:scale(1.06);} }
@keyframes sheen { 0%,100%{transform:translateX(-120%);} 55%,70%{transform:translateX(120%);} }
.hero__sticker { position:absolute; z-index:3; bottom:1rem; left:50%; transform:translateX(-50%); background:var(--card); color:var(--rose); border:1px solid var(--line); font-size:.82rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em; padding:.5rem 1rem; border-radius:999px; white-space:nowrap; box-shadow:var(--shadow-sm); opacity:0; animation:fadeUp .6s ease 1.1s both; }

.countdown { display:flex; gap:1.2rem; margin-top:2.8rem; flex-wrap:wrap; }
.countdown__box { display:grid; place-items:center; text-align:center; min-width:62px; padding-bottom:.5rem; border-bottom:1px solid var(--line); opacity:0; animation:fadeUp .6s ease both; }
.countdown__box:nth-child(1){animation-delay:.85s;} .countdown__box:nth-child(2){animation-delay:.95s;} .countdown__box:nth-child(3){animation-delay:1.05s;} .countdown__box:nth-child(4){animation-delay:1.15s;}
.countdown__box strong { font-family:'Cormorant Garamond',serif; font-size:2.4rem; font-weight:600; line-height:1; color:var(--ink); font-variant-numeric:tabular-nums; }
.countdown__box span { font-size:.54rem; text-transform:uppercase; letter-spacing:.2em; color:var(--rose); font-weight:600; margin-top:.45rem; }

.section-title { font-size:clamp(2rem,5vw,3.2rem); color:var(--ink); margin-bottom:2rem; }
.section-title--center { text-align:center; margin-left:auto; margin-right:auto; max-width:22ch; }
.section-title--center::after { content:'\2740'; display:block; color:var(--rose); font-size:.9rem; margin:.9rem auto 0; }

.intro { padding-top:5rem; padding-bottom:4rem; text-align:center; border-top:1px solid var(--line-soft); max-width:var(--maxw); margin:0 auto; }
.intro__inner { max-width:640px; margin:0 auto; } .intro__eyebrow { justify-content:center; }
.intro h2 { font-size:clamp(2rem,6vw,3.4rem); color:var(--ink); margin-bottom:1.8rem; }
.intro p { color:var(--ink-soft); font-size:1.05rem; margin-bottom:1rem; }
.intro__sign { font-family:'Cormorant Garamond',serif; font-style:italic; font-size:1.9rem; color:var(--rose); margin-top:1.5rem; }

.polaroids { display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:1.3rem; margin-top:3rem; }
.polaroid { position:relative; width:150px; text-align:center; transition:transform .25s; }
.polaroid img { width:100%; aspect-ratio:3/4; object-fit:cover; border-radius:44% 44% 8px 8px; border:2px dashed var(--line); box-shadow:var(--shadow-sm); display:block; }
.polaroid:hover { transform:translateY(-6px); }
.polaroid figcaption { font-family:'Cormorant Garamond',serif; font-style:italic; font-size:1.05rem; color:var(--ink-soft); margin-top:.55rem; }

.acoes { padding-top:4rem; padding-bottom:4rem; max-width:var(--maxw); margin:0 auto; }
.acoes__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; }
.acao { display:flex; flex-direction:column; align-items:flex-start; gap:.55rem; text-decoration:none; color:var(--ink); padding:2.2rem 1.8rem; border-radius:var(--radius); background:var(--card); border:1px solid var(--line-soft); transition:border-color .2s,transform .2s,box-shadow .2s; }
.acao:hover { border-color:var(--line); transform:translateY(-5px); box-shadow:var(--shadow-sm); }
.acao__icon { font-size:1.6rem; line-height:1; } .acao__titulo { font-family:'Cormorant Garamond',serif; font-weight:600; font-size:1.5rem; color:var(--ink); } .acao__txt { font-size:.9rem; color:var(--ink-soft); }
.acao__cta { margin-top:.4rem; font-size:.64rem; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--rose); }

.horarios { background:linear-gradient(160deg, var(--olive), var(--olive-dk)); color:#f3f1e6; padding-top:4.5rem; padding-bottom:4.5rem; border-radius:var(--radius); margin:1rem auto 0; max-width:var(--maxw); }
.horarios .section-title { color:#f6f4ea; } .horarios .section-title span { color:#f0c7b8; } .horarios .section-title--center::after { color:#f0c7b8; }
.timeline { max-width:760px; margin:0 auto; display:flex; flex-direction:column; }
.evento { display:flex; align-items:baseline; gap:2rem; padding:1.8rem 0; border-top:1px solid rgba(243,241,230,.24); } .evento:last-child { border-bottom:1px solid rgba(243,241,230,.24); }
.evento__hora { font-family:'Cormorant Garamond',serif; font-weight:600; font-size:clamp(2.4rem,5vw,3.6rem); line-height:.9; color:#f0c7b8; min-width:4.5ch; font-variant-numeric:tabular-nums; }
.evento__corpo h3 { font-family:'Cormorant Garamond',serif; font-size:1.4rem; color:#f6f4ea; margin-bottom:.3rem; } .evento__corpo p { font-size:.92rem; color:rgba(243,241,230,.82); } .evento__emoji { font-size:1.1rem; }
.horarios__local { text-align:center; margin-top:2rem; letter-spacing:.18em; text-transform:uppercase; font-size:.72rem; color:#f0c7b8; }

.historia { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; padding-top:5rem; padding-bottom:4.5rem; max-width:var(--maxw); margin:0 auto; }
.historia__text p { margin-bottom:1rem; color:var(--ink-soft); }
.historia__assinatura { font-family:'Cormorant Garamond',serif; font-style:italic; font-size:1.6rem; color:var(--rose); margin-top:1.4rem; }

.como { padding-top:4.5rem; padding-bottom:4.5rem; border-top:1px solid var(--line-soft); max-width:var(--maxw); margin:0 auto; }
.como__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; }
.como__card { position:relative; padding:2rem 1.7rem; text-align:center; background:var(--card); border:1px solid var(--line-soft); border-radius:var(--radius); }
.como__num { display:inline-grid; place-items:center; width:3rem; height:3rem; margin:0 auto 1rem; font-family:'Cormorant Garamond',serif; font-weight:600; font-size:1.4rem; color:var(--rose); border:1px solid var(--line); border-radius:50%; }
.como__card h3 { font-family:'Cormorant Garamond',serif; font-size:1.4rem; color:var(--ink); margin-bottom:.5rem; } .como__card p { font-size:.9rem; color:var(--ink-soft); }

.presentes { padding-top:5rem; padding-bottom:5rem; max-width:var(--maxw); margin:0 auto; }
.filtros { display:flex; gap:.5rem; flex-wrap:wrap; justify-content:center; margin-bottom:2.8rem; }
.filtro { background:transparent; border:1px solid var(--line); color:var(--ink-soft); padding:.55rem 1.3rem; border-radius:999px; cursor:pointer; font-family:'Poppins',sans-serif; font-size:.66rem; font-weight:500; text-transform:uppercase; letter-spacing:.16em; transition:all .16s; }
.filtro:hover { border-color:var(--rose); color:var(--rose); } .filtro.is-active { background:var(--rose); color:#fff; border-color:var(--rose); }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:1.6rem; }
.card { background:var(--card); border:1px solid var(--line-soft); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; transition:transform .2s,border-color .2s,box-shadow .2s; }
.card:hover { transform:translateY(-5px); border-color:var(--line); box-shadow:var(--shadow-sm); }

.scene { position:relative; aspect-ratio:334/358; overflow:hidden; display:grid; place-items:center; background:radial-gradient(circle at 50% 36%, color-mix(in srgb,var(--rose) 12%,transparent), transparent 60%), var(--paper-2); border-bottom:1px solid var(--line-soft); }
.sticker-mode .grid { grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:1.6rem; }
.sticker-mode .scene { aspect-ratio:auto; height:200px; }
.scene:has(.scene__sticker--foto) { aspect-ratio:4/3; height:auto; }
.scene__sticker { position:relative; z-index:2; align-self:center; justify-self:center; margin:0; width:auto; height:auto; max-width:92%; max-height:184px; object-fit:contain; object-position:center; opacity:1; filter:none; }
.scene__sticker--foto { width:100% !important; height:100% !important; max-width:none !important; max-height:none !important; object-fit:cover !important; padding:0 !important; }
.scene__sticker.is-framed { align-self:center; margin-top:0; height:88%; max-width:92%; border-radius:0; box-shadow:none; filter:none; }

.card__body { padding:1.2rem 1.2rem 1.4rem; display:flex; flex-direction:column; flex:1; }
.card__nome { font-family:'Cormorant Garamond',serif; font-size:1.4rem; font-weight:600; line-height:1.15; color:var(--ink); margin-bottom:.4rem; }
.card__desc { font-size:.85rem; color:var(--ink-soft); flex:1; margin-bottom:1.1rem; }
.card__foot { display:flex; align-items:center; justify-content:space-between; gap:.6rem; }
.card__preco { font-family:'Cormorant Garamond',serif; font-size:1.7rem; font-weight:600; color:var(--rose); font-variant-numeric:tabular-nums; }
.card__pago { font-size:.6rem; font-weight:600; text-transform:uppercase; letter-spacing:.12em; color:var(--rose); background:transparent; border:1px solid var(--line); padding:.35rem .7rem; border-radius:999px; }
.card__custom-row { display:flex; align-items:center; gap:.5rem; border:1px solid var(--line); border-radius:var(--radius-sm); padding:.5rem .8rem; background:var(--paper); } .card__custom-row:focus-within { border-color:var(--rose); }
.card__cifrao { font-family:'Cormorant Garamond',serif; font-size:1.4rem; font-weight:600; color:var(--rose); }
.card__valor-input { flex:1; border:none; outline:none; background:transparent; font-family:'Cormorant Garamond',serif; font-size:1.6rem; font-weight:600; color:var(--ink); width:100%; }
.card__custom-hint { font-size:.76rem; color:var(--ink-soft); }

.faq { padding-top:4rem; padding-bottom:5rem; max-width:820px; margin:0 auto; }
.faq__list { display:flex; flex-direction:column; gap:.7rem; }
.faq details { background:var(--card); border:1px solid var(--line-soft); border-radius:var(--radius); padding:1.05rem 1.3rem; cursor:pointer; }
.faq summary { font-family:'Cormorant Garamond',serif; font-weight:600; font-size:1.2rem; color:var(--ink); list-style:none; display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.faq summary::after { content:'+'; color:var(--rose); font-size:1.5rem; line-height:1; } .faq details[open] summary::after { content:'\2013'; }
.faq details p { margin-top:.8rem; font-size:.92rem; color:var(--ink-soft); }

.rsvp { max-width:620px; margin:0 auto; padding:4rem 1.5rem; }
.rsvp__lead { text-align:center; color:var(--ink-soft); margin:-.6rem 0 2rem; }
.rsvp__form { display:grid; gap:1.2rem; background:var(--card); border:1px solid var(--line-soft); border-radius:var(--radius); padding:2.2rem; }
.rsvp__campo { display:grid; gap:.4rem; }
.rsvp__campo > span,.rsvp__campo legend { font-size:.62rem; font-weight:600; text-transform:uppercase; letter-spacing:.18em; color:var(--olive); }
.rsvp__campo input[type="text"],.rsvp__campo input[type="number"],.rsvp__campo textarea { width:100%; padding:.8rem .95rem; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--paper); color:var(--ink); font:inherit; }
.rsvp__campo input::placeholder,.rsvp__campo textarea::placeholder { color:color-mix(in srgb,var(--ink-soft) 70%,transparent); }
.rsvp__campo input:focus,.rsvp__campo textarea:focus { outline:none; border-color:var(--rose); }
.rsvp__campo textarea { resize:vertical; }
.rsvp__opcoes { border:none; } .rsvp__opcoes label { display:inline-flex; align-items:center; gap:.4rem; margin-right:1.5rem; cursor:pointer; } .rsvp__opcoes input { accent-color:var(--rose); }
.rsvp__form .btn { justify-self:start; } .rsvp__msg { min-height:1.2em; font-size:.92rem; color:var(--rose); }

.footer { background:var(--olive-dk); color:#eef0e6; text-align:center; padding:4rem 6vw; border-top:3px solid var(--rose); }
.footer__names { font-size:clamp(2.2rem,6vw,3.4rem); color:#f4f3ea; }
.footer__date { letter-spacing:.4em; color:#f0c7b8; margin:.6rem 0 1rem; font-size:.8rem; font-variant-numeric:tabular-nums; }
.footer__small { font-size:.82rem; color:rgba(238,240,230,.72); }

.modal { position:fixed; inset:0; z-index:100; background:rgba(74,58,60,.55); backdrop-filter:blur(5px); display:none; place-items:center; padding:1.5rem; }
.modal.is-open { display:grid; }
.modal__box { background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:2.5rem 2rem 2rem; max-width:410px; width:100%; text-align:center; position:relative; box-shadow:var(--shadow); animation:pop .25s ease; }
@keyframes pop { from{transform:scale(.92);opacity:0;} to{transform:scale(1);opacity:1;} }
.modal__close { position:absolute; top:.6rem; right:1rem; background:none; border:none; font-size:1.8rem; color:var(--ink-soft); cursor:pointer; line-height:1; }
.modal__emoji { font-size:3rem; } .modal__box h3 { font-family:'Cormorant Garamond',serif; font-size:1.6rem; color:var(--ink); margin:.4rem 0; }
.modal__nome { color:var(--ink-soft); font-weight:400; } .modal__valor { font-family:'Cormorant Garamond',serif; font-size:2.2rem; font-weight:600; color:var(--rose); margin:.4rem 0 1rem; }
.modal__instrucao { font-size:.88rem; color:var(--ink-soft); margin-bottom:1.5rem; } .modal__ok { width:100%; justify-content:center; }
.modal__valor-edit { display:flex; flex-direction:column; gap:.7rem; margin:.4rem 0 .5rem; text-align:left; }
.modal__valor-edit[hidden] { display:none !important; } .modal__valor-edit .card__custom-row { padding:.7rem 1rem; }
.modal__valor-edit .card__valor-input { font-size:1.9rem; text-align:center; } .modal__valor-edit .card__custom-hint { text-align:center; }
.is-hidden { display:none !important; }

@media (max-width:900px) {
  .nav__links { display:none; }
  .hero, .historia { grid-template-columns:1fr; gap:2.5rem; }
  .hero__photo { order:-1; max-width:290px; margin:1.5rem auto 0; justify-self:center; }
  .acoes__grid, .como__grid { grid-template-columns:1fr; }
  .polaroid { width:130px; }
}
@media (prefers-reduced-motion:reduce) {
  .scene__fx, .hero__frame, .hero__frame img, .hero__photo::before, .anim-el,
  .hero__eyebrow, .hero__title, .hero__date, .hero__local, .hero__lead, .hero__cta, .hero__sticker, .countdown__box { animation:none !important; opacity:1 !important; transform:none !important; }
  .hero__photo::before { opacity:0; }
  .hero__frame::after { animation:none !important; opacity:0; }
  .scene__fx { opacity:.85; }
  html { scroll-behavior:auto; }
}

/* mosaico: leque espalhado (rotacoes) */
.polaroids { gap:.3rem; }
.polaroid:nth-child(1){ transform:rotate(-7deg); }
.polaroid:nth-child(2){ transform:rotate(4deg) translateY(10px); }
.polaroid:nth-child(3){ transform:rotate(-2deg) translateY(-6px) scale(1.05); z-index:2; }
.polaroid:nth-child(4){ transform:rotate(6deg); }
.polaroid:nth-child(5){ transform:rotate(-4deg) translateY(8px); }
.polaroid:hover { transform:rotate(0) scale(1.1); z-index:5; }