/* ============================================================
   Dra. Camile Pavan — Dermatologia & Estética · Florianópolis
   Conceito: "Dermatologia Editorial Serena"
   Paleta extraída da marca real (ivory + espresso + caramelo + ouro)
   ============================================================ */

:root{
  --bg:#F7F1E6;        /* ivory quente dominante */
  --bg-warm:#F1E7D5;
  --paper:#FCF9F2;     /* cartões */
  --ink:#3A2C20;       /* texto espresso */
  --muted:#7C6B57;     /* secundário */
  --forest:#46332A;    /* tom escuro das seções escuras (espresso) */
  --forest-deep:#2E2018;
  --gold:#B28A4E;      /* metálico de acento */
  --gold-soft:#D9C4A0;
  --terra:#A9794F;     /* acento caramelo vivo da marca */
  --terra-deep:#8A5E37;
  --line:rgba(58,44,32,.13);
  --line-soft:rgba(58,44,32,.07);
  --shadow:0 24px 60px -28px rgba(46,32,24,.45);
  --shadow-soft:0 16px 40px -24px rgba(46,32,24,.4);
  --serif:"Cormorant Garamond",Georgia,serif;
  --sans:"Inter",system-ui,-apple-system,sans-serif;
  --geo:"Jost",var(--sans);
  --ease:cubic-bezier(.22,.61,.36,1);
  --r:18px;
  --maxw:1180px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);color:var(--ink);background:var(--bg);
  line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:clip;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
::selection{background:var(--terra);color:#fff}

.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 26px}
section{position:relative}

/* ---------- tipografia utilitária ---------- */
.eyebrow{
  font-family:var(--geo);font-weight:500;font-size:.72rem;letter-spacing:.32em;
  text-transform:uppercase;color:var(--terra);
}
.dark .eyebrow{color:var(--gold-soft)}
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.01em;line-height:1.04;color:var(--ink)}
.dark h2,.dark h3,.dark h1{color:#F6EEDF}
h2{font-size:clamp(2rem,4.4vw,3.1rem)}
h2 em{font-style:italic;color:var(--terra)}
.dark h2 em{color:var(--gold-soft)}
.lead{font-size:1.06rem;color:var(--muted);max-width:60ch}
.dark .lead{color:#D9CDBC}
.section-head{max-width:64ch}
.section-head .eyebrow{display:block;margin-bottom:14px}
.section-head h2{margin-bottom:16px}

/* ---------- botões ---------- */
.btn{
  display:inline-flex;align-items:center;gap:10px;font-family:var(--geo);font-weight:500;
  font-size:.85rem;letter-spacing:.04em;padding:15px 26px;border-radius:999px;
  transition:transform .25s var(--ease),box-shadow .25s,background .25s,color .25s;cursor:pointer;border:1px solid transparent;
}
.btn svg{width:18px;height:18px}
.btn--solid{background:var(--forest);color:#F6EEDF;box-shadow:0 14px 30px -14px rgba(46,32,24,.6)}
.btn--solid:hover{transform:translateY(-2px);box-shadow:0 20px 38px -16px rgba(46,32,24,.7)}
.btn--gold{background:var(--gold-soft);color:#3A2C20;box-shadow:0 14px 30px -14px rgba(178,138,78,.6)}
.btn--gold:hover{transform:translateY(-2px);background:#E6D5B6}
.btn--wa{background:#25D366;color:#0b3d1f;box-shadow:0 14px 30px -14px rgba(37,211,102,.6)}
.btn--wa:hover{transform:translateY(-2px);background:#1fbe5a}
.btn--ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.btn--ghost:hover{border-color:var(--terra);color:var(--terra)}
.dark .btn--ghost{border-color:rgba(246,238,223,.28);color:#F6EEDF}
.dark .btn--ghost:hover{border-color:var(--gold-soft);color:var(--gold-soft)}

/* ---------- emblema da marca ---------- */
.emblem{width:1em;height:1.16em;color:inherit;flex:0 0 auto}

/* ============================================================
   NAV
   ============================================================ */
.nav{
  position:sticky;top:0;z-index:50;
  background:rgba(247,241,230,.82);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft);
}
.nav__inner{display:flex;align-items:center;justify-content:space-between;height:76px}
.brand{display:flex;align-items:center;gap:11px;cursor:pointer}
.brand .emblem{font-size:30px;color:var(--terra)}
.brand__name{display:flex;flex-direction:column;line-height:1}
.brand__name b{font-family:var(--geo);font-weight:500;font-size:.96rem;letter-spacing:.22em;color:var(--ink)}
.brand__name span{font-family:var(--geo);font-weight:300;font-size:.56rem;letter-spacing:.34em;color:var(--muted);margin-top:4px;text-transform:uppercase}
.nav__links{display:flex;align-items:center;gap:30px}
.nav__links a:not(.btn){font-family:var(--geo);font-weight:400;font-size:.86rem;letter-spacing:.02em;color:var(--ink);opacity:.82;transition:opacity .2s,color .2s}
.nav__links a:not(.btn):hover{opacity:1;color:var(--terra)}
.nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.nav__toggle span{width:24px;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s var(--ease),opacity .3s}
.nav__toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav__toggle.open span:nth-child(2){opacity:0}
.nav__toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ============================================================
   HERO
   ============================================================ */
.hero{padding:clamp(46px,7vw,86px) 0 clamp(56px,8vw,96px);overflow:hidden}
.hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(720px 460px at 18% -6%,rgba(169,121,79,.16),transparent 62%),
             radial-gradient(620px 420px at 92% 8%,rgba(217,196,160,.18),transparent 60%);
}
.hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,68px);align-items:center}
.hero__eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px}
.hero__eyebrow .dot{width:5px;height:5px;border-radius:50%;background:var(--terra)}
.hero h1{font-size:clamp(2.6rem,6vw,4.5rem);margin-bottom:22px}
.hero h1 em{font-style:italic;color:var(--terra)}
.hero__sub{font-size:1.12rem;color:var(--muted);max-width:46ch;margin-bottom:32px}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.hero__proof{display:flex;align-items:center;gap:14px;margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
.stars{display:inline-flex;gap:2px;color:var(--gold)}
.stars svg{width:17px;height:17px;fill:currentColor}
.hero__proof b{font-weight:600}
.hero__proof small{display:block;color:var(--muted);font-size:.82rem}

.hero__media{position:relative}
.hero__photo{
  position:relative;border-radius:240px 240px 26px 26px;overflow:hidden;
  aspect-ratio:4/5;box-shadow:var(--shadow);border:1px solid var(--line-soft);
}
.hero__photo img{width:100%;height:100%;object-fit:cover;object-position:64% 38%}
.hero__badge{
  position:absolute;left:-14px;bottom:26px;z-index:2;display:flex;align-items:center;gap:12px;
  background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:13px 17px;box-shadow:var(--shadow-soft);
}
.hero__badge .emblem{font-size:30px;color:var(--terra)}
.hero__badge b{font-family:var(--serif);font-size:1.18rem;line-height:1;display:block}
.hero__badge small{font-family:var(--geo);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}

/* ============================================================
   FAIXA DE CONFIANÇA
   ============================================================ */
.dark{background:linear-gradient(180deg,var(--forest),var(--forest-deep));color:#E9DECC}
.trust{padding:34px 0;position:relative;overflow:hidden}
.trust::before{content:"";position:absolute;inset:0;background:radial-gradient(560px 220px at 50% -40%,rgba(217,196,160,.16),transparent 64%);pointer-events:none}
.trust__row{position:relative;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:22px;align-items:center;text-align:center}
.trust__item{display:flex;flex-direction:column;align-items:center;gap:6px}
.trust__item .ic{color:var(--gold-soft);margin-bottom:4px}
.trust__item .ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.trust__item b{font-family:var(--serif);font-size:1.5rem;color:#F6EEDF;line-height:1}
.trust__item span{font-family:var(--geo);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#C9BAA2}
.trust__sep{width:1px;height:58px;align-self:center;background:rgba(246,238,223,.14)}

/* ============================================================
   ÁREAS / TERRITÓRIOS
   ============================================================ */
.areas{padding:clamp(64px,9vw,112px) 0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}
.card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:34px 30px;
  transition:transform .3s var(--ease),box-shadow .3s,border-color .3s;
}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft);border-color:var(--gold-soft)}
.card__ico{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;background:rgba(169,121,79,.1);color:var(--terra);margin-bottom:22px}
.card__ico svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.card h3{font-size:1.5rem;margin-bottom:10px}
.card p{color:var(--muted);font-size:.96rem}
.card ul{list-style:none;margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.card li{font-family:var(--geo);font-size:.74rem;letter-spacing:.04em;color:var(--terra-deep);background:rgba(169,121,79,.09);border:1px solid rgba(169,121,79,.18);padding:5px 11px;border-radius:999px}

/* ============================================================
   SOBRE
   ============================================================ */
.about{padding:clamp(60px,8vw,104px) 0;background:var(--bg-warm);overflow:hidden}
.about__grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(30px,5vw,66px);align-items:center}
.about__media{position:relative}
.about__photo{border-radius:26px;overflow:hidden;aspect-ratio:4/5;box-shadow:var(--shadow);border:1px solid var(--line-soft)}
.about__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.about__sig{position:absolute;right:-12px;bottom:-12px;background:var(--forest);color:#F6EEDF;border-radius:16px;padding:16px 20px;box-shadow:var(--shadow-soft)}
.about__sig b{font-family:var(--serif);font-size:1.3rem;display:block;line-height:1}
.about__sig small{font-family:var(--geo);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft)}
.about__body h2{margin:14px 0 20px}
.about__body p{color:var(--muted);margin-bottom:16px;max-width:54ch}
.about__body p b{color:var(--ink);font-weight:600}
.about__quote{font-family:var(--serif);font-style:italic;font-size:1.45rem;line-height:1.3;color:var(--ink);border-left:3px solid var(--terra);padding-left:20px;margin:26px 0}
.about__credentials{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:24px}
.about__credentials span{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;color:var(--muted)}
.about__credentials svg{width:16px;height:16px;fill:none;stroke:var(--terra);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ============================================================
   EXPERIÊNCIA / COMO FUNCIONA
   ============================================================ */
.exp{padding:clamp(64px,9vw,112px) 0;position:relative;overflow:hidden}
.exp.dark::before{content:"";position:absolute;inset:0;background:radial-gradient(680px 380px at 50% -10%,rgba(217,196,160,.14),transparent 62%);pointer-events:none}
.exp__inner{position:relative}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.step{position:relative;padding:32px 28px;border:1px solid rgba(246,238,223,.16);border-radius:var(--r);background:rgba(255,255,255,.03)}
.step__n{font-family:var(--serif);font-size:2.6rem;color:var(--gold-soft);line-height:1;opacity:.85}
.step h3{font-size:1.42rem;margin:14px 0 10px}
.step p{color:#D2C5B2;font-size:.95rem}
.exp__note{margin-top:34px;display:flex;align-items:center;gap:14px;justify-content:center;flex-wrap:wrap;font-family:var(--geo);font-size:.82rem;letter-spacing:.04em;color:#C9BAA2;text-align:center}
.exp__note svg{width:18px;height:18px;fill:none;stroke:var(--gold-soft);stroke-width:1.5}
.exp__note b{color:#F6EEDF;font-weight:500}

/* ============================================================
   TECNOLOGIAS
   ============================================================ */
.tech{padding:clamp(64px,9vw,112px) 0}
.tech__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:46px}
.tech__item{display:flex;gap:20px;padding:28px 26px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);transition:border-color .3s,transform .3s var(--ease)}
.tech__item:hover{border-color:var(--gold-soft);transform:translateY(-3px)}
.tech__item .ic{flex:0 0 auto;width:50px;height:50px;border-radius:13px;display:grid;place-items:center;background:var(--forest);color:var(--gold-soft)}
.tech__item .ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.tech__item h3{font-size:1.3rem;margin-bottom:6px}
.tech__item p{color:var(--muted);font-size:.92rem}
.tech__foot{margin-top:24px;font-size:.86rem;color:var(--muted);text-align:center}

/* ============================================================
   AMBIENTE / GALERIA
   ============================================================ */
.amb{padding:clamp(60px,8vw,104px) 0;background:var(--bg-warm)}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:14px;margin-top:44px}
.gallery figure{overflow:hidden;border-radius:16px;border:1px solid var(--line-soft);box-shadow:var(--shadow-soft)}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.gallery figure:hover img{transform:scale(1.05)}
.g-tall{grid-row:span 2}
.g-wide{grid-column:span 2}

/* ============================================================
   AVALIAÇÕES (carrossel)
   ============================================================ */
.reviews{padding:clamp(64px,9vw,112px) 0;position:relative;overflow:hidden}
.reviews.dark::before{content:"";position:absolute;inset:0;background:radial-gradient(620px 340px at 50% -10%,rgba(217,196,160,.13),transparent 60%);pointer-events:none}
.reviews__head{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.reviews__score{display:flex;align-items:center;gap:14px}
.reviews__score .num{font-family:var(--serif);font-size:3.2rem;line-height:1;color:#F6EEDF}
.reviews__score .meta b{display:block;color:#F6EEDF}
.reviews__score .meta small{color:#C9BAA2;font-size:.82rem}
.g-logo{display:inline-flex;align-items:center;gap:7px;font-family:var(--geo);font-size:.8rem;color:#C9BAA2}
.g-logo svg{width:18px;height:18px}
.track{position:relative;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:40px;padding:6px 2px 22px;-webkit-overflow-scrolling:touch}
.track::-webkit-scrollbar{height:6px}
.track::-webkit-scrollbar-thumb{background:rgba(246,238,223,.22);border-radius:99px}
.review{
  scroll-snap-align:start;flex:0 0 clamp(280px,80vw,372px);background:rgba(255,255,255,.04);
  border:1px solid rgba(246,238,223,.16);border-radius:var(--r);padding:28px 26px;display:flex;flex-direction:column;
}
.review .stars{margin-bottom:14px}
.review p{color:#E4D9C7;font-size:.96rem;line-height:1.6;flex:1}
.review__by{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(246,238,223,.14)}
.review__av{width:40px;height:40px;border-radius:50%;background:var(--terra);color:#fff;display:grid;place-items:center;font-family:var(--serif);font-size:1.1rem;flex:0 0 auto}
.review__by b{display:block;font-size:.9rem;color:#F6EEDF}
.review__by small{font-size:.74rem;color:#C9BAA2}
.track__hint{position:relative;margin-top:6px;font-family:var(--geo);font-size:.74rem;letter-spacing:.04em;color:#C9BAA2;text-align:center}

/* ============================================================
   FAQ
   ============================================================ */
.faq{padding:clamp(64px,9vw,112px) 0}
.faq__list{max-width:820px;margin:46px auto 0}
.faq details{border-bottom:1px solid var(--line);padding:8px 0}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;list-style:none;padding:18px 0;font-family:var(--serif);font-size:1.32rem;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pl{flex:0 0 auto;width:26px;height:26px;position:relative;transition:transform .3s var(--ease)}
.faq summary .pl::before,.faq summary .pl::after{content:"";position:absolute;background:var(--terra);border-radius:2px}
.faq summary .pl::before{top:12px;left:3px;right:3px;height:2px}
.faq summary .pl::after{left:12px;top:3px;bottom:3px;width:2px;transition:opacity .3s}
.faq details[open] summary .pl::after{opacity:0}
.faq details[open] summary .pl{transform:rotate(180deg)}
.faq p{color:var(--muted);padding:0 0 20px;max-width:70ch}

/* ============================================================
   CTA FINAL + CONTATO
   ============================================================ */
.cta{padding:clamp(70px,10vw,124px) 0;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 420px at 50% 4%,rgba(217,196,160,.16),transparent 60%);pointer-events:none}
.cta__inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,64px);align-items:center}
.cta h2{font-size:clamp(2.2rem,4.6vw,3.3rem);margin:16px 0 18px}
.cta p{color:#D2C5B2;margin-bottom:30px;max-width:46ch}
.cta__btns{display:flex;flex-wrap:wrap;gap:14px}
.contact-card{background:rgba(255,255,255,.04);border:1px solid rgba(246,238,223,.16);border-radius:var(--r);overflow:hidden}
.contact-card .map{height:208px;border:0;width:100%;filter:saturate(.9) contrast(.96)}
.contact-card__body{padding:24px 26px;display:flex;flex-direction:column;gap:14px}
.contact-row{display:flex;gap:13px;align-items:flex-start;font-size:.92rem;color:#E4D9C7}
.contact-row svg{flex:0 0 auto;width:19px;height:19px;fill:none;stroke:var(--gold-soft);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.contact-row b{color:#F6EEDF;font-weight:600;display:block;margin-bottom:1px}
.contact-row a:hover{color:var(--gold-soft)}

/* ============================================================
   FOOTER
   ============================================================ */
.footer{background:var(--forest-deep);color:#C9BAA2;padding:54px 0 34px}
.footer__top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start}
.footer__brand{display:flex;align-items:center;gap:12px}
.footer__brand .emblem{font-size:34px;color:var(--gold-soft)}
.footer__brand b{font-family:var(--geo);font-weight:500;letter-spacing:.2em;color:#F6EEDF;font-size:1rem}
.footer__brand span{font-family:var(--geo);font-weight:300;font-size:.58rem;letter-spacing:.32em;text-transform:uppercase;display:block;margin-top:3px}
.footer__social{display:flex;gap:12px}
.footer__social a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(246,238,223,.2);color:#E4D9C7;transition:border-color .25s,color .25s,transform .25s var(--ease)}
.footer__social a:hover{border-color:var(--gold-soft);color:var(--gold-soft);transform:translateY(-2px)}
.footer__social svg{width:21px;height:21px}
.footer__legal{margin-top:36px;padding-top:24px;border-top:1px solid rgba(246,238,223,.12);font-size:.78rem;line-height:1.7;color:#9C8C76}
.footer__legal a{color:#C9BAA2;text-decoration:underline;text-underline-offset:2px}
.footer__made{margin-top:14px;font-size:.74rem;color:#84745f}

/* ============================================================
   WHATSAPP FLUTUANTE
   ============================================================ */
.wa-float{
  position:fixed;right:20px;bottom:20px;z-index:60;width:58px;height:58px;border-radius:50%;
  background:#25D366;display:grid;place-items:center;box-shadow:0 12px 30px -8px rgba(37,211,102,.6);
  transition:transform .25s var(--ease);
}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:30px;height:30px;fill:#fff}

/* ============================================================
   SCROLL REVEAL (gate .js)
   ============================================================ */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js .reveal.is-visible{opacity:1!important;transform:none!important}
@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1!important;transform:none!important;transition:none}}

/* ============================================================
   RESPONSIVO
   ============================================================ */
@media (max-width:900px){
  .hero__grid,.about__grid,.cta__inner{grid-template-columns:1fr}
  .hero__media{order:-1;max-width:420px;margin:0 auto}
  .about__media{max-width:420px;margin:0 auto}
  .cards,.tech__grid,.steps,.trust__row{grid-template-columns:1fr}
  .trust__sep{display:none}
  .trust__row{gap:26px}
  .gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}
  .cta__inner .contact-card{order:-1}
}
@media (max-width:760px){
  .nav__toggle{display:flex}
  .nav__links{
    position:fixed;inset:76px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;
    background:rgba(247,241,230,.97);backdrop-filter:blur(16px);
    max-height:0;overflow:hidden;visibility:hidden;
    transition:max-height .42s var(--ease),visibility .42s var(--ease);border-bottom:1px solid var(--line)}
  .nav__links.open{max-height:84vh;visibility:visible;box-shadow:var(--shadow)}
  .nav__links a:not(.btn){padding:17px 26px;border-bottom:1px solid var(--line-soft);opacity:1}
  .nav__links .btn{margin:16px 26px 22px;justify-content:center}
}
@media (max-width:520px){
  .wrap{padding:0 20px}
  .hero h1{font-size:clamp(2.3rem,9vw,3rem)}
  .hero__cta .btn{flex:1;justify-content:center}
  .gallery{grid-template-columns:1fr;grid-auto-rows:220px}
  .g-wide{grid-column:span 1}
  .reviews__head{flex-direction:column;align-items:flex-start}
}