:root{
    --ink:#0b0b0a;
    --ink-soft:#1c1a15;
    --ink-line:rgba(255,255,255,0.14);
    --gold:#f6c60d;
    --gold-light:#ffdd4f;
    --gold-dim:#caa000;
    --navy:#212d4c;
    --ivory:#ffffff;
    --ivory-dim:#f4f4f2;
    --orange:#d9863c;
    --text-on-dark:#ffffff;
    --text-muted:#cfcac2;
    --text-on-light:#151310;
    --radius-lg:28px;
    --radius-md:18px;
    --radius-sm:10px;
    --shadow-soft:0 30px 60px -30px rgba(0,0,0,0.5);
    --ease:cubic-bezier(.22,.9,.32,1);
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--ivory);
    color:var(--text-on-light);
    font-family:'Manrope',sans-serif;
    font-size:16px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  h1,h2,h3{font-family:'Fraunces',serif;margin:0;font-weight:600;letter-spacing:-0.01em;}
  p{margin:0;}
  ul{margin:0;padding:0;list-style:none;}
  section{position:relative;}
  .container{width:min(1180px,92%);margin-inline:auto;}
  .eyebrow{
    font-family:'Manrope',sans-serif;
    font-size:0.78rem;
    letter-spacing:0.22em;
    text-transform:uppercase;
    font-weight:700;
    color:var(--gold);
  }
  .btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:15px 30px;
    border-radius:999px;
    font-weight:700;
    font-size:0.95rem;
    letter-spacing:0.01em;
    transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .35s var(--ease), color .35s var(--ease);
    cursor:pointer;
    border:1px solid transparent;
  }
  .btn--gold{
    background:linear-gradient(135deg,var(--gold-light),var(--gold) 60%,var(--gold-dim));
    color:#171410;
    box-shadow:0 18px 30px -14px rgba(198,154,63,0.65);
  }
  .btn--gold:hover{transform:translateY(-3px);box-shadow:0 22px 38px -14px rgba(198,154,63,0.8);}
  .btn--ghost{
    background:transparent;
    border-color:var(--ink-line);
    color:var(--text-on-dark);
  }
  .btn--ghost:hover{background:rgba(247,241,228,0.08);transform:translateY(-3px);}
  .btn--dark{
    background:var(--ink);
    color:var(--ivory);
  }
  .btn--dark:hover{transform:translateY(-3px);box-shadow:0 18px 30px -14px rgba(20,16,12,0.45);}

  /* ---------- reveal on scroll ---------- */
  .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease), transform .8s var(--ease);}
  .reveal.is-visible{opacity:1;transform:translateY(0);}
  .reveal-stagger > *{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease), transform .7s var(--ease);}
  .reveal-stagger.is-visible > *{opacity:1;transform:translateY(0);}
  .reveal-stagger.is-visible > *:nth-child(1){transition-delay:.02s;}
  .reveal-stagger.is-visible > *:nth-child(2){transition-delay:.09s;}
  .reveal-stagger.is-visible > *:nth-child(3){transition-delay:.16s;}
  .reveal-stagger.is-visible > *:nth-child(4){transition-delay:.23s;}
  .reveal-stagger.is-visible > *:nth-child(5){transition-delay:.30s;}
  .reveal-stagger.is-visible > *:nth-child(6){transition-delay:.37s;}
  .reveal-stagger.is-visible > *:nth-child(7){transition-delay:.44s;}
  .reveal-stagger.is-visible > *:nth-child(8){transition-delay:.51s;}
  .reveal-stagger.is-visible > *:nth-child(9){transition-delay:.58s;}

  /* ---------- nav ---------- */
  .nav{
    position:fixed;top:0;left:0;right:0;z-index:100;
    padding:18px 0;
    transition:background .4s var(--ease), padding .4s var(--ease), box-shadow .4s var(--ease);
  }
  .nav.is-scrolled{
    background:rgba(20,16,12,0.92);
    backdrop-filter:blur(10px);
    padding:11px 0;
    box-shadow:0 10px 30px -18px rgba(0,0,0,0.6);
  }
  .nav__inner{
    width:min(1180px,92%);margin-inline:auto;
    display:flex;align-items:center;justify-content:space-between;gap:24px;
  }
  .nav__brand{display:flex;align-items:center;gap:12px;}
  .nav__logo{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0;}
  .nav__word{font-family:'Fraunces',serif;font-style:italic;font-weight:600;font-size:1.28rem;color:var(--text-on-dark);white-space:nowrap;}
  .nav__word em{color:var(--gold);font-style:italic;}
  .nav__links{display:flex;gap:34px;}
  .nav__links a{
    font-size:0.92rem;font-weight:600;color:var(--text-muted);
    position:relative;padding-bottom:4px;transition:color .3s;
  }
  .nav__links a::after{
    content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gold);
    transition:width .35s var(--ease);
  }
  .nav__links a:hover{color:var(--text-on-dark);}
  .nav__links a:hover::after{width:100%;}
  .nav__cta{
    background:var(--gold);color:#171410;padding:11px 22px;border-radius:999px;
    font-weight:700;font-size:0.9rem;white-space:nowrap;
    transition:transform .3s var(--ease), box-shadow .3s var(--ease);
  }
  .nav__cta:hover{transform:translateY(-2px);box-shadow:0 14px 26px -12px rgba(198,154,63,0.7);}
  .nav__burger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:6px;cursor:pointer;}
  .nav__burger span{width:24px;height:2px;background:var(--text-on-dark);border-radius:2px;transition:transform .35s var(--ease),opacity .35s var(--ease);}
  .nav__burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav__burger.is-open span:nth-child(2){opacity:0;}
  .nav__burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  /* ---------- stats bar ---------- */
  .stats{
    background:var(--ink);color:var(--text-on-dark);
    padding:44px 0;border-bottom:1px solid rgba(247,241,228,0.08);
  }
  .stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;}
  .stats__item strong{
    display:block;font-family:'Fraunces',serif;font-style:italic;font-weight:600;
    font-size:clamp(1.8rem,3vw,2.4rem);color:var(--gold-light);margin-bottom:6px;
  }
  .stats__item span{font-size:0.85rem;color:var(--text-muted);}

  /* ---------- why us ---------- */
  .why-us{background:var(--ivory);padding:90px 0;}
  .why-us__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
  .why-us__card{
    background:#fff;border:1px solid rgba(36,29,21,0.08);border-radius:var(--radius-md);
    padding:30px 24px;transition:transform .4s var(--ease), box-shadow .4s var(--ease);
  }
  .why-us__card:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft);}
  .why-us__card svg{width:34px;height:34px;color:var(--gold);margin-bottom:16px;}
  .why-us__card h3{font-size:1.02rem;margin-bottom:8px;font-family:'Manrope',sans-serif;font-weight:700;}
  .why-us__card p{font-size:0.9rem;color:#655a49;}

  /* ---------- testimonials ---------- */
  .testimonials{background:#0c0c0b;color:var(--text-on-dark);padding:90px 0;}
  .testimonials .section-head p{color:var(--text-muted);}
  .testimonials .section-head .eyebrow{color:var(--gold-light);}
  .testimonials__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .testimonial{
    background:rgba(247,241,228,0.04);border:1px solid rgba(247,241,228,0.1);
    border-radius:var(--radius-md);padding:30px 26px;display:flex;flex-direction:column;gap:18px;
  }
  .testimonial__stars{color:var(--gold-light);font-size:0.95rem;letter-spacing:2px;}
  .testimonial p.quote{font-size:0.96rem;color:var(--text-on-dark);font-style:italic;line-height:1.7;}
  .testimonial__author{font-size:0.85rem;color:var(--text-muted);font-weight:700;}

  /* ---------- realisations teaser ---------- */
  .real-teaser{background:var(--ivory);padding:90px 0;}
  .real-teaser__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:36px;}
  .real-teaser__grid img{
    width:100%;height:220px;object-fit:cover;border-radius:var(--radius-md);
    transition:transform .5s var(--ease);
  }
  .real-teaser__grid a{display:block;overflow:hidden;border-radius:var(--radius-md);}
  .real-teaser__grid a:hover img{transform:scale(1.08);}
  .real-teaser__cta{text-align:center;}

  /* ---------- floating CTA ---------- */
  .floating-cta{
    position:fixed;right:22px;bottom:22px;z-index:90;
    display:flex;align-items:center;justify-content:center;
    width:58px;height:58px;border-radius:50%;
    background:linear-gradient(135deg,var(--gold-light),var(--gold) 60%,var(--gold-dim));
    color:#171410;box-shadow:0 14px 30px -10px rgba(198,154,63,0.7);
    transition:transform .3s var(--ease), box-shadow .3s var(--ease);
  }
  .floating-cta svg{width:24px;height:24px;}
  .floating-cta:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 18px 36px -10px rgba(198,154,63,0.85);}
  .floating-cta::before{
    content:"";position:absolute;inset:-6px;border-radius:50%;
    border:1.5px solid rgba(198,154,63,0.55);
    animation:pulse-ring 2.4s ease-out infinite;
  }
  @keyframes pulse-ring{
    0%{transform:scale(0.9);opacity:0.8;}
    70%{transform:scale(1.35);opacity:0;}
    100%{opacity:0;}
  }
  @media (max-width:600px){
    .floating-cta{width:50px;height:50px;right:16px;bottom:16px;}
    .floating-cta svg{width:20px;height:20px;}
  }

  .floating-cta--whatsapp{
    background:#25d366;color:#fff;
    box-shadow:0 14px 30px -10px rgba(37,211,102,0.65);
  }
  .floating-cta--whatsapp:hover{box-shadow:0 18px 36px -10px rgba(37,211,102,0.8);}
  .floating-cta--whatsapp::before{border-color:rgba(37,211,102,0.55);}

  /* ---------- realisations carousels ---------- */
  .realisations-category{padding:56px 0;border-bottom:1px solid rgba(0,0,0,0.07);}
  .realisations-category:first-of-type{padding-top:20px;}
  .realisations-category:last-child{border-bottom:none;}
  .realisations-category__head{
    display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
    margin-bottom:24px;flex-wrap:wrap;
  }
  .realisations-category__head h2{font-size:clamp(1.5rem,2.6vw,2.1rem);font-family:'Fraunces',serif;}
  .realisations-category__head p{color:#655a49;font-size:0.95rem;margin-top:6px;max-width:520px;}
  .carousel{position:relative;}
  .carousel__track{
    display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;
    padding-bottom:6px;scrollbar-width:none;-ms-overflow-style:none;
  }
  .carousel__track::-webkit-scrollbar{display:none;}
  .carousel__item{
    flex:0 0 auto;width:300px;scroll-snap-align:start;
    border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-soft);
  }
  .carousel__item img{width:100%;height:340px;object-fit:cover;object-position:center 70%;display:block;transition:transform .5s var(--ease);}
  .carousel__item:hover img{transform:scale(1.06);}
  .carousel__nav{display:flex;gap:10px;flex-shrink:0;}
  .carousel__btn{
    width:42px;height:42px;border-radius:50%;border:1px solid rgba(0,0,0,0.15);
    background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;
    transition:background .3s var(--ease), border-color .3s var(--ease);
  }
  .carousel__btn svg{width:18px;height:18px;color:var(--text-on-light);}
  .carousel__btn:hover{background:var(--gold);border-color:var(--gold);}
  @media (max-width:600px){
    .carousel__item{width:240px;}
    .carousel__item img{height:290px;}
  }

  /* ---------- nav dropdown (Services) ---------- */
  .nav__item--dropdown{position:relative;}
  .nav__drop-btn{
    display:flex;align-items:center;gap:6px;
    background:none;border:none;padding:0 0 4px;margin:0;cursor:pointer;
    font-family:'Manrope',sans-serif;font-size:0.92rem;font-weight:600;color:var(--text-muted);
    position:relative;transition:color .3s;
  }
  .nav__drop-btn::after{
    content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gold);
    transition:width .35s var(--ease);
  }
  .nav__drop-btn:hover,
  .nav__item--dropdown.is-open .nav__drop-btn,
  .nav__item--dropdown:focus-within .nav__drop-btn{color:var(--text-on-dark);}
  .nav__drop-btn:hover::after,
  .nav__item--dropdown.is-open .nav__drop-btn::after,
  .nav__item--dropdown:focus-within .nav__drop-btn::after{width:100%;}
  .nav__caret{width:11px;height:11px;flex-shrink:0;transition:transform .3s var(--ease);}
  .nav__item--dropdown.is-open .nav__caret,
  .nav__item--dropdown:focus-within .nav__caret{transform:rotate(180deg);}

  .nav__dropdown{
    position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(8px);
    min-width:300px;background:rgba(18,14,10,0.98);backdrop-filter:blur(10px);
    border:1px solid rgba(247,241,228,0.12);border-radius:var(--radius-md);
    padding:10px;display:flex;flex-direction:column;gap:1px;
    opacity:0;pointer-events:none;
    transition:opacity .3s var(--ease), transform .3s var(--ease);
    box-shadow:var(--shadow-soft);z-index:60;
  }
  .nav__dropdown a{
    padding:10px 14px;border-radius:var(--radius-sm);
    font-size:0.87rem;font-weight:600;color:var(--text-muted);
    transition:background .25s, color .25s;
  }
  .nav__dropdown a::after{display:none;}
  .nav__dropdown a:hover{background:rgba(198,154,63,0.14);color:var(--gold-light);}
  .nav__dropdown-overview{
    color:var(--gold-light) !important;
    border-bottom:1px solid rgba(247,241,228,0.12);
    border-radius:0 !important;margin-bottom:5px;padding-bottom:12px !important;
    font-size:0.76rem !important;text-transform:uppercase;letter-spacing:0.1em;
  }
  @media (hover:hover){
    .nav__item--dropdown:hover .nav__dropdown,
    .nav__item--dropdown:focus-within .nav__dropdown{
      opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);
    }
  }
  .nav__item--dropdown.is-open .nav__dropdown{
    opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);
  }

  /* ---------- hero ---------- */
  .hero{
    min-height:100svh;
    display:flex;align-items:center;
    background:
      radial-gradient(ellipse 90% 60% at 78% 8%, rgba(198,154,63,0.24), transparent 60%),
      radial-gradient(ellipse 70% 50% at 8% 96%, rgba(33,45,76,0.5), transparent 65%),
      linear-gradient(180deg,#0d0d0c,#080807 55%,#050504);
    color:var(--text-on-dark);
    overflow:hidden;
    padding:150px 0 90px;
  }
  .hero__inner{width:min(1180px,92%);margin-inline:auto;position:relative;z-index:2;max-width:560px;}
  .hero__title{
    font-size:clamp(2.6rem,5.6vw,4.4rem);
    line-height:1.06;
    font-weight:600;
    margin:20px 0 26px;
  }
  .hero__title em{font-style:italic;color:var(--gold-light);}
  .hero__sub{
    font-size:clamp(1.02rem,1.6vw,1.18rem);
    color:var(--text-muted);
    max-width:600px;
    margin-bottom:40px;
  }
  .hero__actions{display:flex;flex-wrap:wrap;gap:16px;}
  .hero__crumb{
    font-family:'Manrope',sans-serif;font-size:0.78rem;letter-spacing:0.08em;
    color:var(--text-muted);margin-bottom:2px;
  }
  .hero__crumb a{color:var(--gold-light);text-decoration:none;}
  .hero__crumb a:hover{text-decoration:underline;}
  .hero__bloom{
    position:absolute;right:7%;top:20%;
    width:min(20vw,300px);height:min(20vw,300px);
    z-index:1;opacity:0.95;
    pointer-events:none;
  }
  @media (max-width:1280px){
    .hero{flex-direction:column;text-align:center;}
    .hero__bloom{
      position:static;
      width:150px;height:150px;
      margin:0 auto 20px;
      right:auto;top:auto;
    }
    .hero__inner{max-width:640px;}
    .hero__actions{justify-content:center;}
  }
  .hero__bloom svg{width:100%;height:100%;}
  .hero__bloom-img{
    width:100%;height:100%;object-fit:contain;
    transform-origin:50% 50%;
    filter:drop-shadow(0 18px 40px rgba(0,0,0,0.55)) drop-shadow(0 0 0 rgba(246,198,13,0));
    animation:bloomIn 1s var(--ease) both, bloomSway 7s ease-in-out 1s infinite, bloomGlow 7s ease-in-out 1s infinite;
  }
  @keyframes bloomIn{
    0%{transform:scale(0.75) rotate(-8deg);opacity:0;}
    100%{transform:scale(1) rotate(0deg);opacity:1;}
  }
  @keyframes bloomSway{
    0%,100%{transform:rotate(-4deg) scale(1);}
    50%{transform:rotate(4deg) scale(1.035);}
  }
  @keyframes bloomGlow{
    0%,100%{filter:drop-shadow(0 18px 40px rgba(0,0,0,0.55)) drop-shadow(0 0 14px rgba(246,198,13,0.15));}
    50%{filter:drop-shadow(0 18px 40px rgba(0,0,0,0.55)) drop-shadow(0 0 26px rgba(246,198,13,0.5));}
  }
  @media (prefers-reduced-motion: reduce){
    .hero__bloom-img{animation:bloomIn 1s var(--ease) both;}
  }
  .hero__scroll{
    position:absolute;bottom:38px;left:50%;transform:translateX(-50%);
    display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2;
    color:var(--text-muted);font-size:0.72rem;letter-spacing:0.18em;text-transform:uppercase;
  }
  .hero__scroll span{
    width:1px;height:38px;background:linear-gradient(var(--gold),transparent);
    position:relative;overflow:hidden;
  }
  .hero__scroll span::after{
    content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;
    background:var(--gold-light);animation:scrollLine 2.2s ease-in-out infinite;
  }
  @keyframes scrollLine{0%{top:-100%;}60%{top:100%;}100%{top:100%;}}

  /* ---------- hero: product variant (boutique) ---------- */
  .hero .eyebrow{color:var(--gold-light);margin-bottom:14px;display:block;}
  .hero--product .hero__inner--split,
  .hero--split .hero__inner--split{
    width:min(1180px,92%);margin-inline:auto;max-width:none;
    display:grid;grid-template-columns:1.05fr 0.95fr;gap:40px;align-items:center;
  }
  .hero__product{position:relative;display:flex;justify-content:center;align-items:center;}
  .hero__product::before{
    content:"";position:absolute;inset:6%;
    background:radial-gradient(ellipse 60% 60% at 50% 45%,rgba(120,168,88,0.35),transparent 72%);
    filter:blur(18px);z-index:0;
  }
  .hero__product-img{
    position:relative;z-index:1;width:100%;max-width:380px;
    filter:drop-shadow(0 30px 55px rgba(0,0,0,0.6));
  }
  .hero__badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
  .hero__badges span{
    display:inline-flex;align-items:center;gap:6px;
    font-family:'Manrope',sans-serif;font-size:0.74rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;
    color:var(--gold-light);border:1px solid rgba(198,154,63,0.35);
    border-radius:999px;padding:8px 14px;background:rgba(255,255,255,0.04);
  }
  @media (max-width:920px){
    .hero--product .hero__inner--split,
    .hero--split .hero__inner--split{grid-template-columns:1fr;text-align:center;}
    .hero__product{order:-1;margin-bottom:10px;}
    .hero__product-img{max-width:260px;}
    .hero__badges{justify-content:center;}
    .hero__actions{justify-content:center;}
  }

  /* ---------- hero: split brand variant (logo beside text, other pages) ---------- */
  .hero__brand{position:relative;display:flex;justify-content:flex-end;align-items:center;}
  .hero__brand::before{
    content:"";position:absolute;inset:8%;
    background:radial-gradient(ellipse 60% 60% at 55% 45%,rgba(198,154,63,0.3),transparent 72%);
    filter:blur(20px);z-index:0;
  }
  .hero__brand-img{
    position:relative;z-index:1;
    width:100%;max-width:520px;height:auto;
  }
  @media (max-width:1280px){
    .hero__brand-img{max-width:400px;}
  }
  @media (max-width:920px){
    .hero--split .hero__brand{justify-content:center;margin-top:10px;}
    .hero--split .hero__brand-img{max-width:260px;}
  }

  /* ---------- pillars ---------- */
  .pillars{background:var(--ivory);padding:90px 0 70px;}
  .pillars__head{max-width:640px;margin-bottom:50px;}
  .pillars__head h2{font-size:clamp(1.8rem,3vw,2.5rem);margin-top:14px;}
  .pillars__head p{margin-top:18px;color:#5c5142;font-size:1.05rem;}
  .pillars__grid{
    display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
    background:var(--ink-line);
    border:1px solid rgba(36,29,21,0.1);
    border-radius:var(--radius-md);
    overflow:hidden;
  }
  .pillar{
    background:var(--ivory);padding:34px 26px;
    transition:background .4s var(--ease), transform .4s var(--ease);
  }
  .pillar:hover{background:var(--ivory-dim);transform:translateY(-4px);}
  .pillar__icon{width:40px;height:40px;color:var(--gold);margin-bottom:18px;}
  .pillar h3{font-size:1.12rem;font-weight:600;margin-bottom:10px;font-family:'Fraunces',serif;font-style:italic;}
  .pillar p{font-size:0.92rem;color:#655a49;}

  /* ---------- services ---------- */
  .services{background:var(--ivory);padding:40px 0 100px;}
  .section-head{max-width:640px;margin:0 auto 56px;text-align:center;}
  .section-head h2{font-size:clamp(1.9rem,3.4vw,2.7rem);margin-top:14px;}
  .section-head p{margin-top:16px;color:#5c5142;font-size:1.05rem;}
  .services__grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
  }
  .services__grid--4{grid-template-columns:repeat(4,1fr);}
  .service-card{
    background:#fff;border:1px solid rgba(36,29,21,0.08);
    border-radius:var(--radius-md);
    padding:32px 28px;
    transition:transform .45s var(--ease), box-shadow .45s var(--ease), border-color .45s var(--ease);
    position:relative;
    overflow:hidden;
  }
  .service-card::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(150deg,rgba(198,154,63,0.12),transparent 55%);
    opacity:0;transition:opacity .45s var(--ease);
  }
  .service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft);border-color:rgba(198,154,63,0.4);}
  .service-card:hover::before{opacity:1;}
  .service-card__icon{
    width:46px;height:46px;border-radius:50%;
    background:var(--ink);color:var(--gold-light);
    display:flex;align-items:center;justify-content:center;
    margin-bottom:20px;transition:transform .45s var(--ease), background .45s var(--ease);
  }
  .service-card__icon svg{width:22px;height:22px;}
  .service-card:hover .service-card__icon{transform:rotate(-8deg) scale(1.08);background:var(--gold);color:#171410;}
  .service-card h3{font-size:1.08rem;font-weight:700;font-family:'Manrope',sans-serif;margin-bottom:8px;}
  .service-card p{font-size:0.92rem;color:#655a49;position:relative;}
  .service-card__link{
    display:inline-flex;align-items:center;gap:6px;margin-top:16px;position:relative;
    font-size:0.85rem;font-weight:700;color:var(--gold-dim);transition:gap .3s var(--ease), color .3s var(--ease);
  }
  .service-card__link:hover{color:var(--gold);gap:10px;}

  /* ---------- boutique / product cards ---------- */
  .shop{background:var(--ivory);padding:100px 0 40px;}
  .shop__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .product-card{
    background:#fff;border:1px solid rgba(36,29,21,0.08);
    border-radius:var(--radius-md);
    padding:32px 28px;
    display:flex;flex-direction:column;
    transition:transform .45s var(--ease), box-shadow .45s var(--ease), border-color .45s var(--ease);
    position:relative;overflow:hidden;
  }
  .product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft);border-color:rgba(198,154,63,0.4);}
  .product-card__icon{
    width:56px;height:56px;border-radius:50%;
    background:var(--ink);color:var(--gold-light);
    display:flex;align-items:center;justify-content:center;
    margin-bottom:22px;
  }
  .product-card__icon svg{width:28px;height:28px;}
  .product-card__badge{
    position:absolute;top:24px;right:24px;
    font-size:0.7rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;
    padding:5px 12px;border-radius:999px;
  }
  .product-card__badge--available{background:rgba(87,138,79,0.14);color:#4d7a45;}
  .product-card__badge--soon{background:rgba(36,29,21,0.08);color:#8a7c62;}
  .product-card h3{font-size:1.15rem;font-weight:700;font-family:'Manrope',sans-serif;margin-bottom:10px;padding-right:70px;}
  .product-card p{font-size:0.92rem;color:#655a49;line-height:1.6;}
  .product-card__price{
    margin-top:18px;padding-top:18px;border-top:1px solid rgba(36,29,21,0.08);
    font-family:'Manrope',sans-serif;font-weight:700;font-size:0.95rem;color:var(--text-on-light);
  }
  .product-card__price span{display:block;font-size:0.72rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:#8a7c62;margin-bottom:3px;}
  .product-card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
  .product-card__actions .btn{padding:11px 20px;font-size:0.85rem;}
  .product-card--soon{background:#faf7f1;}
  .product-card--soon .product-card__icon{background:rgba(36,29,21,0.1);color:#a89a80;}

  .shop__grid--single{grid-template-columns:1fr;max-width:980px;margin-inline:auto;}
  .product-card--featured{
    padding:0;align-items:stretch;
    display:flex;flex-direction:row;flex-wrap:wrap;gap:0;overflow:hidden;
  }
  .product-card--featured h3{font-size:1.4rem;padding-right:0;}
  .product-card--featured .product-card__badge{left:24px;right:auto;top:24px;z-index:2;}
  .product-card__media{
    position:relative;display:flex;align-items:center;justify-content:center;
    flex:1 1 320px;min-width:280px;
    padding:36px 24px;background:
      radial-gradient(ellipse 70% 65% at 50% 42%,rgba(87,138,79,0.14),transparent 72%),
      linear-gradient(165deg,#faf7f1,#f1ede2);
    border-right:1px solid rgba(36,29,21,0.08);
  }
  .product-card__media img{
    width:100%;max-width:230px;object-fit:contain;
    filter:drop-shadow(0 22px 34px rgba(36,29,21,0.22));
    transition:transform .5s var(--ease);
  }
  .product-card--featured:hover .product-card__media img{transform:translateY(-4px) scale(1.02);}
  .product-card__body{flex:1 1 420px;min-width:280px;padding:40px 40px 40px 36px;display:flex;flex-direction:column;}
  .product-card__list{margin-top:18px;display:flex;flex-direction:column;gap:9px;}
  .product-card__list li{
    position:relative;padding-left:22px;font-size:0.9rem;color:#655a49;
  }
  .product-card__list li::before{
    content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;
    background:var(--gold);
  }
  .shop__note{text-align:center;margin-top:30px;font-size:0.88rem;color:#8a7c62;}
  @media (max-width:760px){
    .product-card__media{flex-basis:100%;border-right:none;border-bottom:1px solid rgba(36,29,21,0.08);padding:32px 24px;}
    .product-card__body{flex-basis:100%;padding:32px 26px;}
  }

  /* ---------- product specs strip ---------- */
  .specs{background:var(--ink);padding:64px 0;}
  .specs__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
  .specs__card{
    text-align:center;padding:26px 16px;border-radius:var(--radius-md);
    border:1px solid var(--ink-line);background:var(--ink-soft);
  }
  .specs__card svg{width:26px;height:26px;color:var(--gold);margin-bottom:12px;}
  .specs__card span{
    display:block;font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;
    color:#a89a80;margin-bottom:6px;
  }
  .specs__card strong{display:block;font-size:0.95rem;font-weight:700;color:var(--text-on-dark);font-family:'Manrope',sans-serif;}
  @media (max-width:820px){.specs__grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:480px){.specs__grid{grid-template-columns:1fr;}}

  /* ---------- recipe ---------- */
  .recipe{background:var(--ivory);padding:100px 0;}
  .recipe__inner{display:grid;grid-template-columns:1.1fr 0.9fr;gap:56px;align-items:center;}
  .recipe__text h2{font-size:clamp(1.8rem,3.2vw,2.5rem);margin:10px 0 6px;}
  .recipe__intro{color:#655a49;margin-bottom:26px;}
  .recipe__steps{display:flex;flex-direction:column;gap:18px;margin-bottom:32px;}
  .recipe__steps li{display:flex;align-items:flex-start;gap:16px;}
  .recipe__num{
    flex-shrink:0;width:34px;height:34px;border-radius:50%;
    background:var(--ink);color:var(--gold-light);
    display:flex;align-items:center;justify-content:center;
    font-family:'Fraunces',serif;font-style:italic;font-weight:600;font-size:1rem;
  }
  .recipe__steps p{font-size:0.94rem;color:#655a49;line-height:1.6;padding-top:6px;}
  .recipe__media{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft);}
  .recipe__media img{display:block;width:100%;height:100%;object-fit:cover;}
  @media (max-width:900px){
    .recipe__inner{grid-template-columns:1fr;}
    .recipe__media{order:-1;max-width:380px;margin-inline:auto;}
  }
  .btn--whatsapp{
    background:#25D366;color:#0b2b12;
    box-shadow:0 14px 26px -14px rgba(37,211,102,0.65);
  }
  .btn--whatsapp:hover{transform:translateY(-3px);box-shadow:0 18px 32px -14px rgba(37,211,102,0.8);}
  .btn--outline{background:transparent;border-color:rgba(36,29,21,0.18);color:var(--text-on-light);}
  .btn--outline:hover{background:rgba(36,29,21,0.05);transform:translateY(-3px);}
  @media (max-width:980px){.shop__grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:760px){.shop__grid{grid-template-columns:1fr;}.product-card h3{padding-right:0;}.product-card__badge{position:static;display:inline-block;margin-bottom:12px;}}

  /* ---------- service detail page ---------- */
  .service-hero{
    padding:150px 0 70px;color:var(--text-on-dark);
    background:
      radial-gradient(ellipse 80% 60% at 85% 0%, rgba(198,154,63,0.2), transparent 60%),
      linear-gradient(180deg,#0d0d0c,#080807 60%,#050504);
  }
  .service-hero__crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:0.82rem;color:var(--text-muted);margin-bottom:22px;}
  .service-hero__crumb a{color:var(--gold-light);}
  .service-hero__crumb a:hover{text-decoration:underline;}
  .service-hero__icon{
    width:58px;height:58px;border-radius:16px;background:var(--gold);color:#171410;
    display:flex;align-items:center;justify-content:center;margin-bottom:24px;
  }
  .service-hero__icon svg{width:26px;height:26px;}
  .service-hero h1{font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.1;margin:0 0 20px;max-width:760px;}
  .service-hero p.lead{color:var(--text-muted);font-size:1.08rem;max-width:640px;margin-bottom:36px;}

  .service-body{background:var(--ivory);padding:80px 0;}
  .service-body__grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:56px;align-items:start;}
  .service-body__text h2{font-size:clamp(1.4rem,2.4vw,1.85rem);margin-bottom:16px;}
  .service-body__text h2:not(:first-child){margin-top:34px;}
  .service-body__text p{color:#5c5142;font-size:1.02rem;margin-bottom:16px;}
  .service-body__text p:last-child{margin-bottom:0;}
  .service-body__image{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft);aspect-ratio:4/5;}
  .service-body__image img{width:100%;height:100%;object-fit:cover;}
  .service-body__image--logo{background:#faf6ee;display:flex;align-items:center;justify-content:center;padding:36px;}
  .service-body__image--logo img{object-fit:contain;max-height:100%;}

  .service-included{
    background:#fff;border-radius:var(--radius-lg);border:1px solid rgba(36,29,21,0.08);
    padding:32px;margin-top:26px;
  }
  .service-included h3{font-size:1.05rem;margin-bottom:18px;}
  .service-included ul{display:flex;flex-direction:column;gap:14px;}
  .service-included li{display:flex;gap:12px;align-items:flex-start;font-size:0.93rem;color:var(--text-on-light);}
  .service-included li svg{width:19px;height:19px;color:var(--gold);flex-shrink:0;margin-top:2px;}

  .service-cross{background:#0c0c0b;color:var(--text-on-dark);padding:70px 0;}
  .service-cross .section-head p{color:var(--text-muted);}
  .service-cross .section-head .eyebrow{color:var(--gold-light);}
  .service-cross__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
  .service-cross__grid a{
    background:rgba(247,241,228,0.04);border:1px solid rgba(247,241,228,0.1);border-radius:var(--radius-sm);
    padding:16px 18px;font-size:0.88rem;font-weight:600;color:var(--text-muted);
    transition:background .3s var(--ease), border-color .3s var(--ease), color .3s var(--ease);
  }
  .service-cross__grid a:hover{background:rgba(198,154,63,0.1);border-color:rgba(198,154,63,0.45);color:var(--text-on-dark);}

  /* ---------- events ---------- */
  .events{
    background:linear-gradient(180deg,#0c0c0b,#060605);
    color:var(--text-on-dark);
    padding:100px 0;
  }
  .events .section-head p{color:var(--text-muted);}
  .events .section-head .eyebrow{color:var(--gold-light);}
  .events__grid{
    display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
  }
  .event-card{
    background:rgba(247,241,228,0.04);
    border:1px solid rgba(247,241,228,0.1);
    border-radius:var(--radius-md);
    padding:28px 22px;
    text-align:left;
    transition:transform .4s var(--ease), background .4s var(--ease), border-color .4s var(--ease);
  }
  .event-card:hover{transform:translateY(-5px);background:rgba(198,154,63,0.1);border-color:rgba(198,154,63,0.45);}
  .event-card__icon{width:30px;height:30px;color:var(--gold-light);margin-bottom:16px;}
  .event-card h3{font-family:'Fraunces',serif;font-style:italic;font-weight:600;font-size:1.05rem;}

  /* ---------- process ---------- */
  .process{background:var(--ivory);padding:100px 0;}
  .process__list{
    display:grid;grid-template-columns:repeat(4,1fr);gap:0;
    counter-reset:step;
    border-top:1px solid rgba(36,29,21,0.14);
  }
  .process__item{
    padding:34px 26px 0;border-right:1px solid rgba(36,29,21,0.14);
    position:relative;
  }
  .process__item:last-child{border-right:none;}
  .process__num{
    font-family:'Fraunces',serif;font-style:italic;font-size:2.2rem;color:var(--gold);
    display:block;margin-bottom:14px;
  }
  .process__item h3{font-size:1.08rem;margin-bottom:10px;}
  .process__item p{font-size:0.92rem;color:#655a49;}

  /* ---------- gallery ---------- */
  .gallery{background:var(--ivory);padding:20px 0 110px;}
  .gallery__grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    grid-auto-rows:120px;
    gap:16px;
  }
  .gallery__item{
    position:relative;border-radius:var(--radius-sm);overflow:hidden;
    grid-column:span 3;grid-row:span 2;
  }
  .gallery__item:nth-child(1){grid-column:span 4;grid-row:span 3;}
  .gallery__item:nth-child(2){grid-column:span 2;grid-row:span 3;}
  .gallery__item:nth-child(3){grid-column:span 2;grid-row:span 2;}
  .gallery__item:nth-child(4){grid-column:span 4;grid-row:span 2;}
  .gallery__item:nth-child(5){grid-column:span 3;grid-row:span 2;}
  .gallery__item img{
    width:100%;height:100%;object-fit:cover;
    transition:transform .7s var(--ease);
  }
  .gallery__item:hover img{transform:scale(1.08);}
  .gallery__caption{
    position:absolute;left:0;right:0;bottom:0;
    padding:16px 18px;
    background:linear-gradient(0deg,rgba(15,11,7,0.85),transparent);
    color:var(--ivory);font-size:0.85rem;font-weight:600;
    opacity:0;transform:translateY(8px);
    transition:opacity .4s var(--ease), transform .4s var(--ease);
  }
  .gallery__item:hover .gallery__caption{opacity:1;transform:translateY(0);}

  /* ---------- cta band ---------- */
  .cta-band{
    background:var(--ink);color:var(--text-on-dark);
    padding:80px 0;text-align:center;position:relative;overflow:hidden;
  }
  .cta-band h2{font-size:clamp(1.9rem,3.6vw,2.9rem);max-width:720px;margin:0 auto 28px;}
  .cta-band em{color:var(--gold-light);font-style:italic;}

  /* ---------- contact ---------- */
  .contact{background:var(--ivory);padding:100px 0;}
  .contact__grid{display:grid;grid-template-columns:0.85fr 1fr;gap:60px;align-items:start;}
  .contact__info h2{font-size:clamp(1.9rem,3vw,2.5rem);margin:14px 0 20px;}
  .contact__info p.lead{color:#5c5142;font-size:1.02rem;margin-bottom:34px;}
  .contact__list{display:flex;flex-direction:column;gap:22px;}
  .contact__row{display:flex;gap:16px;align-items:flex-start;}
  .contact__row svg{width:22px;height:22px;color:var(--gold-dim);flex-shrink:0;margin-top:2px;}
  .contact__row strong{display:block;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.12em;color:#8a7c62;margin-bottom:3px;}
  .contact__row span, .contact__row a{font-size:1rem;font-weight:600;color:var(--text-on-light);}
  .contact__map{
    margin-top:60px;border-radius:20px;overflow:hidden;
    box-shadow:0 20px 50px -30px rgba(20,16,12,0.35);
    border:1px solid rgba(36,29,21,0.12);
    filter:grayscale(0.15) contrast(1.02);
  }
  .contact__map iframe{display:block;width:100%;}
  .contact__socials{display:flex;gap:12px;margin-top:30px;}
  .contact__socials a{
    width:42px;height:42px;border-radius:50%;background:var(--ink);color:var(--gold-light);
    display:flex;align-items:center;justify-content:center;
    transition:transform .3s var(--ease), background .3s var(--ease);
  }
  .contact__socials a:hover{transform:translateY(-3px);background:var(--gold);color:#171410;}
  .contact__socials svg{width:18px;height:18px;}

  .form{
    background:#fff;border-radius:var(--radius-lg);padding:40px;
    border:1px solid rgba(36,29,21,0.08);box-shadow:var(--shadow-soft);
  }
  .form__row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;}
  .field{display:flex;flex-direction:column;gap:8px;}
  .field--full{grid-column:1 / -1;}
  .field label{font-size:0.8rem;font-weight:700;color:#5c5142;text-transform:uppercase;letter-spacing:0.06em;}
  .field input, .field select, .field textarea{
    border:1px solid rgba(36,29,21,0.18);border-radius:var(--radius-sm);
    padding:12px 14px;font-family:'Manrope',sans-serif;font-size:0.95rem;
    background:var(--ivory);color:var(--text-on-light);
    transition:border-color .3s var(--ease), box-shadow .3s var(--ease);
  }
  .field input:focus, .field select:focus, .field textarea:focus{
    outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(198,154,63,0.18);
  }
  .field textarea{resize:vertical;min-height:100px;}
  .form button{width:100%;justify-content:center;margin-top:6px;}
  .form__note{font-size:0.8rem;color:#8a7c62;margin-top:14px;text-align:center;}

  /* ---------- footer ---------- */
  .footer{background:var(--ink);color:var(--text-muted);padding:64px 0 30px;}
  .footer__top{
    display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;
    padding-bottom:44px;border-bottom:1px solid rgba(247,241,228,0.1);
  }
  .footer__brand{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
  .footer__brand img{width:44px;height:44px;border-radius:50%;object-fit:cover;}
  .footer__brand span{font-family:'Fraunces',serif;font-style:italic;font-size:1.2rem;color:var(--text-on-dark);}
  .footer p.tag{font-size:0.9rem;max-width:280px;}
  .footer h4{color:var(--text-on-dark);font-size:0.82rem;text-transform:uppercase;letter-spacing:0.14em;margin-bottom:18px;}
  .footer__links{display:flex;flex-direction:column;gap:11px;}
  .footer__links a{font-size:0.92rem;transition:color .3s;}
  .footer__links a:hover{color:var(--gold-light);}
  .footer__bottom{
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
    padding-top:26px;font-size:0.8rem;
  }

  .divider{
    display:flex;align-items:center;justify-content:center;padding:36px 0;
  }
  .divider svg{width:44px;height:44px;animation:spin 26s linear infinite;}
  @keyframes spin{to{transform:rotate(360deg);}}

  /* ---------- responsive ---------- */
  @media (max-width:980px){
    .pillars__grid{grid-template-columns:repeat(2,1fr);}
    .services__grid{grid-template-columns:repeat(2,1fr);}
    .events__grid{grid-template-columns:repeat(2,1fr);}
    .process__list{grid-template-columns:repeat(2,1fr);}
    .process__item{border-right:none;border-bottom:1px solid rgba(36,29,21,0.14);padding-bottom:26px;margin-bottom:8px;}
    .contact__grid{grid-template-columns:1fr;}
    .footer__top{grid-template-columns:1fr 1fr;}
    .stats__grid{grid-template-columns:repeat(2,1fr);gap:28px;}
    .why-us__grid{grid-template-columns:repeat(2,1fr);}
    .testimonials__grid{grid-template-columns:1fr;}
    .real-teaser__grid{grid-template-columns:repeat(2,1fr);}
  }
  /* Nav burger-menu breakpoint: raised to 900px (from 760px) because between
     761px and ~897px the brand name "Riap's Events" no longer fit on one line
     next to the round logo and wrapped onto a second line, crowding the logo.
     Kept as its own query so the other 760px layout rules below are unaffected. */
  @media (max-width:900px){
    .nav__links, .nav__cta{display:none;}
    .nav__burger{display:flex;}
    .nav__links.is-open{
      display:flex;position:fixed;inset:0 0 0 auto;top:0;right:0;height:100svh;width:78%;
      background:rgba(18,14,10,0.98);flex-direction:column;justify-content:center;
      gap:30px;padding:40px;z-index:99;
    }
    .nav__links.is-open a{font-size:1.3rem;}
    .nav__links.is-open .nav__item--dropdown{width:100%;}
    .nav__links.is-open .nav__drop-btn{width:100%;justify-content:space-between;font-size:1.3rem;color:var(--text-on-dark);}
    .nav__links.is-open .nav__dropdown{
      position:static;transform:none;opacity:1;pointer-events:auto;
      max-height:0;overflow:hidden;padding:0;border:none;background:transparent;box-shadow:none;
      transition:max-height .4s var(--ease), padding .4s var(--ease), margin .4s var(--ease);
      margin-top:0;display:flex;
    }
    .nav__links.is-open .nav__item--dropdown.is-open .nav__dropdown{
      max-height:640px;padding:8px 0 4px 14px;margin-top:16px;
    }
    .nav__links.is-open .nav__dropdown a{font-size:0.98rem;padding:8px 0;}
  }
  @media (max-width:760px){
    .services__grid{grid-template-columns:1fr;}
    .events__grid{grid-template-columns:1fr;}
    .process__list{grid-template-columns:1fr;}
    .process__item{border-bottom:1px solid rgba(36,29,21,0.14);}
    .gallery__grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px;}
    .gallery__item, .gallery__item:nth-child(1), .gallery__item:nth-child(2), .gallery__item:nth-child(4){grid-column:span 2 !important;grid-row:span 2 !important;}
    .form__row{grid-template-columns:1fr;}
    .footer__top{grid-template-columns:1fr;}
    .hero{padding-top:120px;}
    .hero__bloom{width:110px;height:110px;margin-bottom:14px;}
    .service-hero{padding-top:120px;}
    .service-body__grid{grid-template-columns:1fr;}
    .service-body__image{aspect-ratio:16/10;}
    .service-cross__grid{grid-template-columns:1fr;}
    .stats__grid{grid-template-columns:1fr 1fr;gap:24px;}
    .why-us__grid{grid-template-columns:1fr;}
    .real-teaser__grid{grid-template-columns:1fr 1fr;}
    .real-teaser__grid img{height:150px;}
  }
  @media (max-width:980px) and (min-width:761px){
    .service-cross__grid{grid-template-columns:repeat(2,1fr);}
  }

  @media (prefers-reduced-motion: reduce){
    *{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}
  }

  :focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
  /* ---------- realisations : navigation par catégorie + lightbox ---------- */
  .real-filter{position:sticky;top:0;z-index:40;background:rgba(250,246,238,0.94);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,0.07);}
  .real-filter__inner{display:flex;gap:10px;overflow-x:auto;padding-top:14px;padding-bottom:14px;scrollbar-width:none;}
  .real-filter__inner::-webkit-scrollbar{display:none;}
  .real-filter a{flex:0 0 auto;padding:8px 18px;border-radius:999px;border:1px solid rgba(0,0,0,0.15);background:#fff;font-size:0.88rem;font-weight:600;color:var(--text-on-light);transition:background .3s var(--ease),border-color .3s var(--ease);}
  .real-filter a:hover,.real-filter a:focus-visible{background:var(--gold);border-color:var(--gold);}
  .realisations-category{scroll-margin-top:70px;}
  .carousel__item img{cursor:zoom-in;}
  .lightbox{position:fixed;inset:0;z-index:200;background:rgba(10,8,6,0.92);display:none;align-items:center;justify-content:center;padding:24px;}
  .lightbox.is-open{display:flex;}
  .lightbox img{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,0.6);}
  .lightbox__close{position:absolute;top:16px;right:20px;width:44px;height:44px;border-radius:50%;border:none;background:#fff;font-size:1.6rem;line-height:1;cursor:pointer;}