:root{
    color-scheme: light;
    --bg:#FBF6EC; --bg-2:#F4ECDD; --surface:#FFFDF8;
    --fg:#2F2B26; --fg-soft:#574E45; --char:#2F2B26;
    --rose:#B27A77; --rose-cta:#8C514D; --rose-deep:#7C4A47;
    --blush:#F1DCD6; --gold:#C8A86A; --sage:#A8B58A; --sage-deep:#5F6E47;
    --line:#E7DDC9; --ease:cubic-bezier(.22,.61,.36,1);
    --shadow:0 14px 38px -24px rgba(90,70,55,.45);
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--bg);color:var(--fg);font-family:"Montserrat",-apple-system,sans-serif;font-weight:400;font-size:16.5px;line-height:1.75;position:relative}
  body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  h1,h2,h3,.serif{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;line-height:1.13;letter-spacing:.3px}
  img,svg{display:block;max-width:100%}
  a{color:inherit;text-decoration:none}
  :focus-visible{outline:2px solid var(--rose-deep);outline-offset:3px}
  .skip{position:absolute;left:-9999px;top:0;background:var(--char);color:#FBF6EC;padding:10px 18px;z-index:400}
  .skip:focus{left:8px;top:8px}
  .eyebrow{font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--rose-deep);font-weight:500}
  .wrap{max-width:1140px;margin:0 auto;padding:0 28px}
  .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;font-family:"Montserrat",sans-serif;font-weight:500;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;padding:0 30px;border-radius:2px;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease),color .2s var(--ease),filter .2s var(--ease);border:1px solid var(--char)}
  .btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px -14px rgba(90,70,55,.55);filter:brightness(1.04)}
  .btn.solid{background:var(--char);color:#FBF6EC}
  .btn.rose{background:var(--rose-cta);color:#fff;border-color:var(--rose-cta)}
  .btn.ghost{background:transparent;color:var(--char)} .btn.ghost:hover{background:var(--char);color:#FBF6EC}
  .sprigbig{max-width:360px;margin:0 auto} .sprigbig.flip{transform:scaleY(-1);margin-top:8px}
  .sprig{color:var(--char)} .sage{color:var(--sage-deep)}

  header.site{position:sticky;top:0;z-index:50;background:rgba(251,246,236,.93);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
  .nav{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:14px}
  .brandlk{display:inline-flex;align-items:center}
  .brandlk img{height:40px;width:auto;display:block}
  @media(max-width:780px){.brandlk img{height:36px}}
  .navlinks{display:flex;gap:20px;align-items:center;flex-wrap:nowrap;justify-content:flex-end}
  .navlinks a:not(.btn){font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--fg-soft);transition:color .18s var(--ease);padding:6px 0}
  .navlinks a:not(.btn):hover{color:var(--rose-deep)}
  .navlinks a[aria-current="page"]{color:var(--rose-deep);border-bottom:1px solid var(--rose)}
  .navlinks .btn{min-height:42px;padding:0 22px}
  .navtoggle{display:none;background:none;border:1px solid var(--line);border-radius:2px;padding:10px 14px;cursor:pointer;font-family:"Montserrat",sans-serif;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg);min-height:44px;align-items:center;gap:8px}
  .navtoggle svg{width:16px;height:12px}
  @media(max-width:1080px){
    .navtoggle{display:inline-flex}
    .navlinks{display:none;width:100%;flex-direction:column;align-items:stretch;gap:2px;padding:6px 0 16px;text-align:center}
    .navlinks.open{display:flex}
    .navlinks a:not(.btn){padding:11px 0;border-bottom:1px solid var(--line)}
    .navlinks a[aria-current="page"]{border-bottom:1px solid var(--rose)}
    .navlinks .btn{margin-top:12px}
    .nav{flex-wrap:wrap}
  }

  .band{background:var(--char);color:#FBF6EC;overflow:hidden;white-space:nowrap}
  .band .track{display:inline-block;padding:13px 0;animation:scroll 30s linear infinite}
  .band span{font-size:11.5px;letter-spacing:.32em;text-transform:uppercase;margin:0 26px}
  .band span::after{content:"\2726";margin-left:26px;color:var(--gold)}
  @keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

  section{padding:80px 0}
  .center{text-align:center}
  .sec-head{max-width:600px;margin:0 auto 46px;text-align:center}
  .sec-head h2{font-size:clamp(32px,4.6vw,46px);margin:8px 0 0}
  .sec-head p{color:var(--fg-soft);margin-top:10px}

  .hero{text-align:center;padding:62px 0 26px}
  .hero .lockup{max-width:560px;margin:0 auto}
  .hero h1{font-size:clamp(42px,7.5vw,76px);margin:4px 0 0;letter-spacing:2px}
  .hero .script-tag{font-family:"Pinyon Script",cursive;font-size:clamp(30px,5vw,46px);color:var(--rose);margin-top:-2px}
  .hero p.lead{max-width:580px;margin:20px auto 0;color:var(--fg-soft);font-size:18px}
  .hero p.lead b{color:var(--fg);font-weight:500}
  .hero .cta{margin-top:28px;display:flex;gap:13px;justify-content:center;flex-wrap:wrap}
  .trust{margin-top:22px;font-size:12.5px;color:var(--fg-soft);display:flex;gap:9px;align-items:center;justify-content:center;flex-wrap:wrap;letter-spacing:.06em}
  .dot{width:3px;height:3px;border-radius:50%;background:var(--gold)}
  .frame{border-radius:4px;position:relative;background:linear-gradient(120deg,rgba(168,181,138,.30),rgba(178,122,119,.22)),var(--bg-2);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}
  .frame::before{content:"";position:absolute;inset:14px;border:1px solid rgba(47,43,38,.16);z-index:3;pointer-events:none}
  .frame img{width:100%;height:100%;object-fit:cover;transition:transform .25s var(--ease)}
  .heroimg{margin:44px auto 0;max-width:1000px;height:380px}
  .heroimg img{height:380px}

  .pagehero{text-align:center;padding:58px 0 34px}
  .pagehero h1{font-size:clamp(36px,5.5vw,58px);margin:10px 0 0}
  .pagehero .lead{max-width:620px;margin:16px auto 0;color:var(--fg-soft);font-size:17.5px}
  .crumb{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase}
  .crumb a{color:var(--fg-soft);border-bottom:1px solid var(--line)} .crumb a:hover{color:var(--rose-deep)}

  .svcs{background:var(--surface)}
  .svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
  @media(max-width:820px){.svc-grid{grid-template-columns:1fr}}
  .svc{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:30px;box-shadow:0 10px 30px -24px rgba(90,70,55,.5);transition:transform .22s var(--ease),box-shadow .22s var(--ease);display:flex;flex-direction:column}
  .svc:hover{transform:translateY(-4px);box-shadow:0 20px 44px -22px rgba(90,70,55,.5)}
  .svc.feature{grid-column:1 / -1;background:linear-gradient(110deg,var(--bg-2),var(--bg));display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center}
  @media(max-width:820px){.svc.feature{grid-template-columns:1fr}}
  .svc h3{font-size:27px;margin:10px 0 4px}
  .price-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;border-bottom:1px dotted var(--line);padding:9px 0;font-size:15px}
  .price-row .pr{color:var(--rose-deep);white-space:nowrap;font-size:14px}
  .svc .desc{color:var(--fg-soft);font-size:15px;margin:4px 0 12px}
  .svc .more{margin-top:auto;padding-top:16px;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--rose-deep)}
  .svc .more:hover{color:var(--char)}
  .tag{display:inline-block;align-self:flex-start;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--sage-deep);border:1px solid var(--sage);border-radius:30px;padding:4px 13px;margin-bottom:6px;font-weight:500}
  .tag.new{color:var(--rose-deep);border-color:var(--rose)}

  .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  @media(max-width:900px){.grid3{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:600px){.grid3{grid-template-columns:1fr}}
  .grid3.two{grid-template-columns:repeat(2,1fr)}
  @media(max-width:640px){.grid3.two{grid-template-columns:1fr}}
  .vp{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:28px 26px;text-align:center;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}
  .vp:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
  .vp h3{font-size:23px;margin:12px 0 6px}
  .vp p{color:var(--fg-soft);font-size:14.5px;margin:0}
  .vp .ic{width:38px;margin:0 auto;color:var(--sage-deep)}

  .split{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center}
  @media(max-width:860px){.split{grid-template-columns:1fr;gap:30px}}
  .split.rev{grid-template-columns:1.15fr .85fr}
  @media(max-width:860px){.split.rev{grid-template-columns:1fr}}
  .split h2{font-size:clamp(30px,4vw,44px);margin:6px 0 14px}
  .split p{color:var(--fg-soft);margin:0 0 14px}
  .portrait{aspect-ratio:4/5}
  .portrait.sq{aspect-ratio:1/1}
  .sign{font-family:"Pinyon Script",cursive;font-size:36px;color:var(--rose-deep)}

  .gal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  @media(max-width:880px){.gal-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:560px){.gal-grid{grid-template-columns:1fr}}
  .gcard{margin:0}
  .gcard .frame{aspect-ratio:3/4}
  .gcard figcaption{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-soft);text-align:center;padding-top:12px}

  .dark{background:var(--char);color:#EFE7DB;text-align:center}
  .dark .eyebrow{color:var(--gold)}
  .dark h2{color:#FBF6EC;font-size:clamp(30px,4vw,44px);margin:8px 0 0}
  .dark p{color:#C9C1B4;max-width:560px;margin:14px auto 0}
  .dark a.ln{color:#EFE7DB;text-decoration:underline;text-underline-offset:3px}
  .dark a.ln:hover{color:var(--gold)}
  .dark .btn{border-color:#FBF6EC;color:#FBF6EC;background:transparent}
  .dark .btn:hover{background:#FBF6EC;color:var(--char)}

  .book{background:linear-gradient(120deg,var(--blush),var(--bg-2));text-align:center}
  .book h2{font-size:clamp(32px,5vw,52px);margin:6px 0 6px}
  .book .info{display:flex;gap:36px;justify-content:center;flex-wrap:wrap;margin:26px 0 28px;color:var(--fg-soft);font-size:15px}
  .book .info b{display:block;font-family:"Cormorant Garamond",serif;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-deep);margin-bottom:3px;font-weight:600}
  .notice{font-size:13px;color:var(--fg-soft);font-style:italic;margin-top:18px}

  .steps{counter-reset:st;list-style:none;margin:0;padding:0}
  .steps li{counter-increment:st;position:relative;padding:0 0 18px 56px}
  .steps li::before{content:counter(st);position:absolute;left:0;top:2px;width:38px;height:38px;border:1px solid var(--sage);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Cormorant Garamond",serif;font-size:19px;font-weight:600;color:var(--sage-deep);background:var(--surface)}
  .steps b{font-weight:600;color:var(--fg)}
  .steps li p{margin:2px 0 0;color:var(--fg-soft);font-size:15px}

  .plist{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:6px 26px 10px;box-shadow:0 10px 30px -24px rgba(90,70,55,.5)}
  .plist .price-row{padding:13px 0}
  .plist .price-row:last-child{border-bottom:none}
  .plist .pr b{font-size:16px;color:var(--rose-deep)}
  .goodlist{list-style:none;margin:14px 0 0;padding:0}
  .goodlist li{position:relative;padding:0 0 12px 30px;color:var(--fg-soft);font-size:15px}
  .goodlist li::before{content:"";position:absolute;left:2px;top:9px;width:14px;height:2px;background:var(--sage);border-radius:2px;transform:rotate(-35deg)}
  .goodlist li::after{content:"";position:absolute;left:2px;top:12px;width:14px;height:2px;background:var(--sage);border-radius:2px;transform:rotate(35deg)}
  .goodlist b{color:var(--fg);font-weight:600}

  .polsec h2{font-size:clamp(26px,3.4vw,36px);margin:0 0 10px}
  .polsec{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:34px 34px 26px;margin-bottom:22px;box-shadow:0 10px 30px -24px rgba(90,70,55,.5)}
  .polsec p,.polsec li{color:var(--fg-soft);font-size:15.5px}
  .polsec ul{margin:8px 0 0;padding-left:22px}
  details.faq{background:var(--surface);border:1px solid var(--line);border-radius:4px;margin-bottom:14px;box-shadow:0 8px 24px -22px rgba(90,70,55,.5)}
  details.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 26px;font-family:"Cormorant Garamond",serif;font-size:21px;font-weight:600}
  details.faq summary::-webkit-details-marker{display:none}
  details.faq summary::after{content:"+";font-family:"Montserrat",sans-serif;font-size:20px;color:var(--rose-deep);transition:transform .2s var(--ease);flex:none}
  details.faq[open] summary::after{transform:rotate(45deg)}
  details.faq .ans{padding:0 26px 22px;color:var(--fg-soft);font-size:15.5px}

  form.cf label{display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--fg);margin:18px 0 7px}
  form.cf input[type=text],form.cf input[type=email],form.cf input[type=tel],form.cf textarea{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:2px;padding:13px 15px;font:400 15.5px/1.5 "Montserrat",sans-serif;color:var(--fg);transition:border-color .18s var(--ease)}
  form.cf input:focus,form.cf textarea:focus{outline:none;border-color:var(--rose-deep)}
  form.cf textarea{min-height:150px;resize:vertical}
  form.cf .req{color:var(--rose-deep)}
  #formResult{margin-top:16px;font-size:14.5px;color:var(--sage-deep);font-weight:500}
  .mapframe{border:1px solid var(--line);border-radius:4px;overflow:hidden;box-shadow:var(--shadow)}
  .mapframe iframe{display:block;width:100%;height:380px;border:0}

  .quiz fieldset{border:none;margin:0 0 34px;padding:0}
  .quiz legend{font-family:"Cormorant Garamond",serif;font-size:26px;font-weight:600;margin-bottom:14px;padding:0}
  .quiz .qnum{display:block;font-family:"Montserrat",sans-serif;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--rose-deep);margin-bottom:4px;font-weight:500}
  .opts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
  @media(max-width:640px){.opts{grid-template-columns:1fr}}
  label.opt{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:15px 18px;cursor:pointer;font-size:15px;transition:border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}
  label.opt:hover{border-color:var(--rose);transform:translateY(-1px)}
  label.opt:has(input:checked){border-color:var(--rose-deep);background:var(--blush)}
  label.opt input{accent-color:var(--rose-deep);width:17px;height:17px;flex:none}
  #quizResult{margin-top:10px}
  .reco{background:linear-gradient(110deg,var(--blush),var(--bg-2));border:1px solid var(--line);border-radius:4px;padding:36px;text-align:center;box-shadow:var(--shadow)}
  .reco h2{font-size:clamp(28px,4vw,40px);margin:8px 0 2px}
  .reco .pd{color:var(--rose-deep);font-size:15px;letter-spacing:.06em}
  .reco p.why{color:var(--fg-soft);max-width:520px;margin:14px auto 0;font-size:15.5px}
  .reco .cta{margin-top:22px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

  footer.site{background:var(--char);color:#C9C1B4;padding:60px 0 30px;text-align:center}
  footer.site .vine{width:150px;margin:0 auto;color:#A8B58A;line-height:0}
  footer.site .nm{font-family:"Cormorant Garamond",serif;font-size:27px;color:#FBF6EC;letter-spacing:2px;margin-top:12px}
  footer.site .tagl{font-family:"Pinyon Script",cursive;font-size:22px;color:#D8AFA5;margin-top:2px}
  footer.site .fnav{display:flex;gap:10px 22px;justify-content:center;flex-wrap:wrap;margin:22px 0;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase}
  footer.site .fnav a{padding:4px 0;transition:color .18s var(--ease)}
  footer.site .fnav a:hover{color:var(--gold)}
  footer.site .meta{font-size:13.5px;color:#C9C1B4;line-height:2}
  footer.site .meta a{color:#EFE7DB} footer.site .meta a:hover{color:var(--gold)}
  footer.site .copy{margin-top:24px;font-size:11px;letter-spacing:.1em;color:#A39B8E;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}

  .mobilebar{display:none}
  @media(max-width:780px){
    .mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:300;gap:1px;background:var(--line);box-shadow:0 -6px 18px -12px rgba(47,43,38,.4)}
    .mobilebar a{flex:1;display:flex;align-items:center;justify-content:center;min-height:52px;font:600 12px/1 "Montserrat",sans-serif;letter-spacing:.14em;text-transform:uppercase}
    .mobilebar a:first-child{background:var(--bg);color:var(--fg)}
    .mobilebar a:last-child{background:var(--rose-cta);color:#fff}
    body{padding-bottom:52px}
  }
  @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.frame img{transform:none!important}.btn:hover,.svc:hover,.vp:hover{transform:none!important}}

  /* === site-animations (reusable, prefers-reduced-motion safe) === */
  @media (prefers-reduced-motion: no-preference){
    html.js-anim .reveal{opacity:0;transform:translateY(18px)}
    html.js-anim .reveal.is-in{opacity:1;transform:none;
      transition:opacity .45s var(--ease,cubic-bezier(.22,.61,.36,1)),
                 transform .45s var(--ease,cubic-bezier(.22,.61,.36,1))}
    html.js-anim .reveal.d1{transition-delay:.06s}
    html.js-anim .reveal.d2{transition-delay:.12s}
    html.js-anim .reveal.d3{transition-delay:.18s}
  }
  /* gallery image zoom on hover */
  .gcard .frame{overflow:hidden}
  .gcard .frame img{transition:transform .45s var(--ease,ease)}
  .gcard:hover .frame img,.gcard:focus-within .frame img{transform:scale(1.05)}
  /* reduced-motion master off-switch */
  @media (prefers-reduced-motion: reduce){
    *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
      transition-duration:.001ms!important;scroll-behavior:auto!important}
    html.js-anim .reveal{opacity:1!important;transform:none!important}
  }

  /* === image skeleton / ghost loaders (JS-gated, reduced-motion safe) === */
  @media (prefers-reduced-motion: no-preference){
    html.js-anim .frame::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;
      background:linear-gradient(100deg,transparent 18%,rgba(255,253,248,.6) 50%,transparent 82%),var(--bg-2);
      background-size:220% 100%,100% 100%;background-repeat:no-repeat;
      animation:skelShimmer 1.3s ease-in-out infinite;opacity:1;transition:opacity .55s var(--ease)}
    html.js-anim .frame.img-loaded::after{opacity:0;animation:none}
  }
  @keyframes skelShimmer{from{background-position:175% 0,0 0}to{background-position:-75% 0,0 0}}

  /* === branded tooltips (industry-standard hover delay, keyboard accessible) === */
  [data-tooltip]{position:relative}
  .tip{border-bottom:1px dotted var(--rose);cursor:help}
  [data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 11px);transform:translate(-50%,5px);z-index:200;
    width:max-content;max-width:224px;white-space:normal;text-align:center;
    background:var(--char);color:#FBF6EC;border:1px solid var(--rose-deep);
    font-family:"Montserrat",sans-serif;font-size:12px;font-weight:400;line-height:1.45;letter-spacing:.01em;text-transform:none;
    padding:8px 12px;border-radius:7px;box-shadow:0 12px 28px -14px rgba(47,43,38,.55);
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .15s var(--ease),transform .15s var(--ease),visibility 0s linear .15s}
  [data-tooltip]::before{content:"";position:absolute;left:50%;bottom:calc(100% + 5px);transform:translate(-50%,5px);z-index:200;
    border:6px solid transparent;border-top-color:var(--char);
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .15s var(--ease),transform .15s var(--ease),visibility 0s linear .15s}
  [data-tooltip]:hover::after,[data-tooltip]:focus-visible::after,
  [data-tooltip]:hover::before,[data-tooltip]:focus-visible::before{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:.45s,.45s,0s}
  [data-tooltip][data-tip="bottom"]::after{bottom:auto;top:calc(100% + 11px);transform:translate(-50%,-5px)}
  [data-tooltip][data-tip="bottom"]::before{bottom:auto;top:calc(100% + 5px);transform:translate(-50%,-5px);border-top-color:transparent;border-bottom-color:var(--char)}
  [data-tooltip][data-tip="bottom"]:hover::after,[data-tooltip][data-tip="bottom"]:focus-visible::after,
  [data-tooltip][data-tip="bottom"]:hover::before,[data-tooltip][data-tip="bottom"]:focus-visible::before{transform:translate(-50%,0)}
  @media (prefers-reduced-motion: reduce){
    [data-tooltip]:hover::after,[data-tooltip]:focus-visible::after,[data-tooltip]:hover::before,[data-tooltip]:focus-visible::before{transition-delay:.3s,0s,0s}
  }