.elementor-kit-222{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-222 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* studiopop — CSS global scopé pour Elementor (à coller dans Réglages du site > CSS personnalisé, SANS balise <style>) */
.studiopop-landing {
  
  --cream:      #FFF6EE;
  --cream-2:    #FFEFE2;
  --cream-deep: #FCE7D5;
  --ink:        #16161D;
  --ink-soft:   #3a3a44;
  --ink-mute:   #6b6b76;

  
  --c-green:       #66CC66;
  --c-green-press: #52ba52;
  --c-green-tint:  #e3f6e3;
  --c-yellow:      #FFDA40;
  --c-pink:        #FC9FCE;
  --c-pink-press:  #f985bd;
  --c-pink-tint:   #ffe9f5;
  --c-teal:        #BDEBFF;   
  --c-teal-deep:   #58b6e6;

  
  --accent:        #66CC66;
  --accent-press:  #52ba52;
  --accent-tint:   #e3f6e3;
  --accent-glow:   102 204 102;   

  
  --r-sm: 12px;
  --r-md: 20px;
  --r-lg: 32px;
  --r-xl: 44px;
  --r-pill: 999px;

  
  --shadow-sm: 0 6px 18px -8px rgb(var(--accent-glow) / .28);
  --shadow-md: 0 18px 40px -16px rgb(var(--accent-glow) / .34);
  --shadow-lg: 0 34px 70px -28px rgb(var(--accent-glow) / .42);
  --shadow-ink: 0 22px 50px -22px rgb(22 22 29 / .26);

  
  --font-head: "Bricolage Grotesque", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;

  
  --decor-opacity: .9;
  --motion-scale: 1.28;

  
  --maxw: 1240px;
  --gutter: clamp(20px, 5vw, 64px);
  --nav-h: 76px;
}
.studiopop-landing * { box-sizing: border-box; }
.studiopop-landing {
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--cream);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;}
@media (prefers-reduced-motion: reduce) {
.studiopop-landing *, .studiopop-landing *::before, .studiopop-landing *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}
.studiopop-landing h1, .studiopop-landing h2, .studiopop-landing h3, .studiopop-landing h4 {
  font-family: var(--font-head);
  font-weight: 800;
  line-height: .98;
  letter-spacing: -.02em;
  margin: 0;
  text-wrap: balance;
}
.studiopop-landing p { margin: 0; line-height: 1.6; }
.studiopop-landing a { color: inherit; text-decoration: none; }
.studiopop-landing img { display: block; max-width: 100%; }
.studiopop-landing button { font: inherit; cursor: pointer; border: 0; background: none; }
.studiopop-landing .wrap {
  width: 100%;
  max-width: var(--maxw);
  margin-inline: auto;
  padding-inline: var(--gutter);
}
.studiopop-landing .theme-pink { --accent: var(--c-pink);  --accent-press: var(--c-pink-press);  --accent-tint: var(--c-pink-tint);  --accent-glow: 252 159 206; }
.studiopop-landing .theme-green { --accent: var(--c-green); --accent-press: var(--c-green-press); --accent-tint: var(--c-green-tint); --accent-glow: 102 204 102; }
.studiopop-landing .theme-teal { --accent: var(--c-teal-deep); --accent-press: #3fa0d4; --accent-tint: #e6f6ff; --accent-glow: 88 182 230; }
.studiopop-landing .accent { color: var(--accent); }
.studiopop-landing .eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: clamp(12px, 1.1vw, 14px);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--accent);
}
.studiopop-landing .eyebrow::before {
  content: ""; width: 9px; height: 9px; border-radius: 3px;
  background: var(--accent); transform: rotate(20deg);
}
.studiopop-landing .hl {
  white-space: nowrap; border-radius: 3px;
  padding: 0 .06em; margin: 0 -.03em;
  background-image: linear-gradient(180deg, transparent 55%, rgb(var(--accent-glow) / .42) 55%, rgb(var(--accent-glow) / .42) 90%, transparent 90%);
}
.studiopop-landing .reserve-card .hl, .studiopop-landing .incl-card .hl {
  background-image: linear-gradient(180deg, transparent 55%, rgb(var(--accent-glow) / .60) 55%, rgb(var(--accent-glow) / .60) 90%, transparent 90%);
}
.studiopop-landing .btn {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--font-head); font-weight: 700;
  font-size: 16px; letter-spacing: -.01em;
  padding: 14px 24px; border-radius: var(--r-pill);
  transition: transform .25s cubic-bezier(.2,.9,.3,1), box-shadow .25s, background .2s, color .2s;
  will-change: transform;
}
.studiopop-landing .btn-primary { background: var(--accent); color: #fff; box-shadow: var(--shadow-md); }
.studiopop-landing .btn-primary:hover { transform: translateY(-3px) scale(1.02); box-shadow: var(--shadow-lg); background: var(--accent-press); }
.studiopop-landing .btn-primary:active { transform: translateY(-1px) scale(.99); }
.studiopop-landing .btn-ghost { background: transparent; color: var(--ink); border: 1.5px solid rgb(22 22 29 / .16); }
.studiopop-landing .btn-ghost:hover { transform: translateY(-3px); border-color: var(--accent); color: var(--accent); }
.studiopop-landing .btn .arr { transition: transform .25s; }
.studiopop-landing .btn:hover .arr { transform: translateX(4px); }
.studiopop-landing .btn-lg { padding: 18px 30px; font-size: 19px; }
.studiopop-landing .nav {
  position: fixed; top: 16px; left: 0; right: 0; z-index: 60;
  display: flex; justify-content: center;
  padding-inline: var(--gutter);
  pointer-events: none;
  transition: top .3s ease;
}
.studiopop-landing .nav .wrap {
  pointer-events: auto;
  width: 100%;
  max-width: calc(var(--maxw) - 64px);
  margin-inline: auto;
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  padding: 10px 14px 10px 22px;
  border-radius: 999px;
  background: rgb(255 246 238 / .5);
  -webkit-backdrop-filter: blur(18px) saturate(1.7);
  backdrop-filter: blur(18px) saturate(1.7);
  border: 1px solid rgb(255 255 255 / .5);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / .6),
    0 2px 8px -4px rgb(22 22 29 / .14),
    0 20px 44px -24px rgb(22 22 29 / .5);
  transition: background .3s, box-shadow .3s, border-color .3s, backdrop-filter .3s;
}
.studiopop-landing .nav.scrolled .wrap {
  background: rgb(255 246 238 / .72);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / .7),
    0 2px 8px -4px rgb(22 22 29 / .12),
    0 18px 40px -24px rgb(22 22 29 / .42);
}
.studiopop-landing .nav.on-dark { --nav-fg: #fff; --nav-link: rgb(255 255 255 / .9); --nav-link-bg: rgb(255 255 255 / .16); --nav-ph: rgb(255 255 255 / .72); --nav-line: rgb(255 255 255 / .34); }
.studiopop-landing .nav.on-dark .wrap {
  background: rgb(26 24 32 / .26);
  border-color: rgb(255 255 255 / .26);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / .22),
    0 20px 48px -22px rgb(0 0 0 / .55);
}
.studiopop-landing .nav.on-dark .burger span, .studiopop-landing .nav.on-dark .burger span::before, .studiopop-landing .nav.on-dark .burger span::after { background: #fff; }
.studiopop-landing .logo {
  display: inline-flex; align-items: center; gap: 9px;
  font-family: var(--font-head); font-weight: 800; font-size: 23px;
  letter-spacing: -.03em; color: var(--nav-fg, var(--ink));
}
.studiopop-landing .logo .dot { color: var(--accent); }
.studiopop-landing .logo .pop-word { display: inline-flex; letter-spacing: -.045em; text-shadow: 1.5px 2px 0 var(--c-teal); }
.studiopop-landing .logo .pop-word i { font-style: normal; }
.studiopop-landing .logo .pop-word i:nth-child(1) { color: var(--c-green); }
.studiopop-landing .logo .pop-word i:nth-child(2) { color: var(--c-yellow); }
.studiopop-landing .logo .pop-word i:nth-child(3) { color: var(--c-pink); }
.studiopop-landing .logo-img { height: 46px; width: auto; display: block; }
.studiopop-landing .nav .logo-img { height: 58px; }
.studiopop-landing .nav .logo-img.logo-neg { display: none; }
.studiopop-landing .nav.on-dark .logo-img.logo-dark { display: none; }
.studiopop-landing .nav.on-dark .logo-img.logo-neg { display: block; }
.studiopop-landing .footer .logo-img { height: 60px; }
.studiopop-landing .logo-ph {
  display: none;
  font-size: 11px; font-family: var(--font-body); font-weight: 600;
  color: var(--nav-ph, var(--ink-mute)); border: 1px dashed var(--nav-line, rgb(22 22 29 / .25));
  padding: 2px 7px; border-radius: var(--r-pill);
  letter-spacing: .02em;
}
.studiopop-landing .nav-links { display: flex; align-items: center; gap: 6px; }
.studiopop-landing .nav-links a {
  font-weight: 600; font-size: 15px; color: var(--nav-link, var(--ink-soft));
  padding: 9px 14px; border-radius: var(--r-pill);
  transition: color .2s, background .2s;
}
.studiopop-landing .nav-links a:hover { color: var(--accent); background: var(--nav-link-bg, var(--accent-tint)); }
.studiopop-landing .nav-links a[aria-current="page"] { color: var(--accent); background: var(--nav-link-bg, var(--accent-tint)); }
.studiopop-landing .nav-links a:nth-of-type(1) { --link-c: var(--c-green);     --link-tint: var(--c-green-tint); }
.studiopop-landing .nav-links a:nth-of-type(2) { --link-c: #e0a800;            --link-tint: #fdf3d2; }
.studiopop-landing .nav-links a:nth-of-type(3) { --link-c: var(--c-pink-press);--link-tint: var(--c-pink-tint); }
.studiopop-landing .nav-links a:nth-of-type(4) { --link-c: var(--c-teal-deep); --link-tint: #e6f6ff; }
.studiopop-landing .nav-links a:nth-of-type(5) { --link-c: var(--c-green);     --link-tint: var(--c-green-tint); }
.studiopop-landing .nav-links a { position: relative; }
.studiopop-landing .nav[data-nav="multicolor"] .nav-links a::after {
  content: ""; position: absolute; left: 50%; bottom: 3px;
  width: 5px; height: 5px; border-radius: 2px; background: var(--link-c, var(--accent));
  transform: translateX(-50%) rotate(20deg) scale(0);
  transition: transform .26s cubic-bezier(.2,1.3,.4,1);
}
.studiopop-landing .nav[data-nav="multicolor"]:not(.on-dark) .nav-links a { transition: color .2s, background .2s, transform .22s cubic-bezier(.2,1.3,.4,1); }
.studiopop-landing .nav[data-nav="multicolor"]:not(.on-dark) .nav-links a:hover { color: var(--link-c); background: var(--link-tint); transform: translateY(-2px) rotate(-2.5deg); }
.studiopop-landing .nav[data-nav="multicolor"]:not(.on-dark) .nav-links a:nth-of-type(even):hover { transform: translateY(-2px) rotate(2.5deg); }
.studiopop-landing .nav[data-nav="multicolor"]:not(.on-dark) .nav-links a[aria-current="page"] { color: var(--link-c); background: var(--link-tint); }
.studiopop-landing .nav[data-nav="multicolor"]:not(.on-dark) .nav-links a:hover::after, .studiopop-landing .nav[data-nav="multicolor"]:not(.on-dark) .nav-links a[aria-current="page"]::after { transform: translateX(-50%) rotate(20deg) scale(1); }
.studiopop-landing .nav[data-nav="rail"]:not(.on-dark) .nav-links {
  background: rgb(22 22 29 / .045); border: 1px solid rgb(22 22 29 / .07);
  border-radius: var(--r-pill); padding: 5px; gap: 2px;
}
.studiopop-landing .nav[data-nav="rail"] .nav-links a { transition: color .2s, background .2s, box-shadow .2s; }
.studiopop-landing .nav[data-nav="rail"]:not(.on-dark) .nav-links a:hover { color: var(--link-c); background: var(--link-tint); }
.studiopop-landing .nav[data-nav="rail"]:not(.on-dark) .nav-links a[aria-current="page"] { color: #fff; background: var(--link-c); box-shadow: 0 6px 16px -8px var(--link-c); }
.studiopop-landing .nav[data-nav="rail"].on-dark .nav-links { background: rgb(255 255 255 / .1); border: 1px solid rgb(255 255 255 / .16); border-radius: var(--r-pill); padding: 5px; gap: 2px; }
.studiopop-landing .nav[data-nav="confetti"] .nav-links a { transition: color .2s, transform .22s cubic-bezier(.2,1.3,.4,1); }
.studiopop-landing .nav[data-nav="confetti"] .nav-links a::before {
  content: "\2726"; position: absolute; left: 50%; top: -4px;
  font-size: 11px; line-height: 1; color: var(--link-c);
  transform: translateX(-50%) translateY(4px) rotate(-12deg) scale(0);
  transition: transform .3s cubic-bezier(.2,1.4,.4,1), opacity .2s; opacity: 0;
}
.studiopop-landing .nav[data-nav="confetti"] .nav-links a::after {
  content: ""; position: absolute; left: 14px; right: 14px; bottom: 5px; height: 2.5px;
  border-radius: 2px; background: var(--link-c);
  transform: scaleX(0); transform-origin: left center; transition: transform .28s cubic-bezier(.2,.9,.3,1);
}
.studiopop-landing .nav[data-nav="confetti"] .nav-links a:hover { color: var(--link-c); background: transparent; }
.studiopop-landing .nav[data-nav="confetti"] .nav-links a:hover::before, .studiopop-landing .nav[data-nav="confetti"] .nav-links a[aria-current="page"]::before { opacity: 1; transform: translateX(-50%) translateY(0) rotate(-12deg) scale(1); }
.studiopop-landing .nav[data-nav="confetti"] .nav-links a:hover::after, .studiopop-landing .nav[data-nav="confetti"] .nav-links a[aria-current="page"]::after { transform: scaleX(1); }
.studiopop-landing .nav[data-nav="confetti"] .nav-links a[aria-current="page"] { color: var(--link-c); background: transparent; }
.studiopop-landing .nav[data-nav="underline"] .nav-links a { transition: color .2s; }
.studiopop-landing .nav[data-nav="underline"] .nav-links a::after {
  content: ""; position: absolute; left: 14px; right: 14px; bottom: 6px; height: 2px;
  background: var(--accent); transform: scaleX(0); transform-origin: center;
  transition: transform .26s cubic-bezier(.2,.9,.3,1);
}
.studiopop-landing .nav[data-nav="underline"]:not(.on-dark) .nav-links a:hover { color: var(--ink); background: transparent; }
.studiopop-landing .nav[data-nav="underline"]:not(.on-dark) .nav-links a[aria-current="page"] { color: var(--ink); background: transparent; }
.studiopop-landing .nav[data-nav="underline"] .nav-links a:hover::after, .studiopop-landing .nav[data-nav="underline"] .nav-links a[aria-current="page"]::after { transform: scaleX(1); }
.studiopop-landing .m-menu a:nth-of-type(1) { --link-c: var(--c-green); }
.studiopop-landing .m-menu a:nth-of-type(2) { --link-c: #e0a800; }
.studiopop-landing .m-menu a:nth-of-type(3) { --link-c: var(--c-pink-press); }
.studiopop-landing .m-menu a:nth-of-type(4) { --link-c: var(--c-teal-deep); }
.studiopop-landing .m-menu a:nth-of-type(5) { --link-c: var(--c-green); }
.studiopop-landing .m-menu a { transition: color .2s, padding-left .2s; }
.studiopop-landing .m-menu a:active, .studiopop-landing .m-menu a:hover { color: var(--link-c); padding-left: 14px; }
.studiopop-landing .nav-right { display: flex; align-items: center; gap: 12px; }
.studiopop-landing .burger { display: none; width: 44px; height: 44px; border-radius: var(--r-pill);
  align-items: center; justify-content: center; border: 1.5px solid var(--nav-line, rgb(22 22 29 / .14)); }
.studiopop-landing .burger span { display: block; width: 18px; height: 2px; background: var(--ink); border-radius: 2px; position: relative; transition: background .2s; }
.studiopop-landing .burger span::before, .studiopop-landing .burger span::after { content: ""; position: absolute; left: 0; width: 18px; height: 2px; background: var(--ink); border-radius: 2px; transition: transform .25s, top .25s; }
.studiopop-landing .burger span::before { top: -6px; }
.studiopop-landing .burger span::after { top: 6px; }
.studiopop-landing .nav .burger[aria-expanded="true"] span, .studiopop-landing .nav.on-dark .burger[aria-expanded="true"] span { background: transparent; }
.studiopop-landing .nav .burger[aria-expanded="true"] span::before, .studiopop-landing .nav.on-dark .burger[aria-expanded="true"] span::before { top: 0; transform: rotate(45deg); }
.studiopop-landing .nav .burger[aria-expanded="true"] span::after, .studiopop-landing .nav.on-dark .burger[aria-expanded="true"] span::after { top: 0; transform: rotate(-45deg); }
.studiopop-landing .m-menu {
  position: fixed; inset: calc(var(--nav-h) + 14px) var(--gutter) auto; z-index: 55;
  background: rgb(255 246 238 / .9); backdrop-filter: blur(16px) saturate(1.5);
  border: 1px solid rgb(255 255 255 / .5);
  border-radius: var(--r-lg);
  padding: 14px 18px 20px;
  display: grid; gap: 4px;
  transform: translateY(-12px); opacity: 0; pointer-events: none;
  transition: transform .28s, opacity .28s;
  box-shadow: var(--shadow-ink);
}
.studiopop-landing .m-menu.open { transform: none; opacity: 1; pointer-events: auto; }
.studiopop-landing .m-menu a { font-family: var(--font-head); font-weight: 700; font-size: 22px; padding: 12px 6px; border-bottom: 1px solid rgb(22 22 29 / .07); }
.studiopop-landing .m-menu .btn { margin-top: 14px; justify-content: center; }
.studiopop-landing .hero { position: relative; padding-top: calc(var(--nav-h) + 40px); overflow: clip; }
.studiopop-landing .hero-media {
  position: absolute; inset: 0; z-index: 0; overflow: hidden;
}
.studiopop-landing .hero-media .ph-video { position: absolute; inset: -2% ; width: 104%; height: 104%; place-items: end center; padding-bottom: 22px; }
.studiopop-landing .hero-media::after {
  content: ""; position: absolute; inset: 0;
  background:
    radial-gradient(120% 80% at 50% 0%, rgb(255 246 238 / .35), transparent 60%),
    linear-gradient(180deg, rgb(22 22 29 / .42), rgb(22 22 29 / .18) 40%, rgb(22 22 29 / .55));
}
.studiopop-landing .hero-inner {
  position: relative; z-index: 2;
  min-height: min(86vh, 760px);
  display: flex; flex-direction: column; justify-content: center;
  padding-block: clamp(40px, 8vh, 90px) clamp(48px, 9vh, 96px);
}
.studiopop-landing .hero-badge {
  align-self: flex-start;
  display: inline-flex; align-items: center; gap: 9px;
  background: rgb(255 255 255 / .92); color: var(--ink);
  font-weight: 700; font-size: 14px;
  padding: 8px 15px 8px 11px; border-radius: var(--r-pill);
  box-shadow: var(--shadow-sm);
}
.studiopop-landing .hero-badge .pulse { width: 9px; height: 9px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 0 rgb(var(--accent-glow) / .6); animation: sp-pulse 2.4s infinite; }
@keyframes sp-pulse { 0%{box-shadow:0 0 0 0 rgb(var(--accent-glow)/.55)} 70%{box-shadow:0 0 0 12px rgb(var(--accent-glow)/0)} 100%{box-shadow:0 0 0 0 rgb(var(--accent-glow)/0)} }
.studiopop-landing .hero h1 {
  color: #fff;
  font-size: clamp(44px, 8.4vw, 116px);
  margin-top: 22px; max-width: 16ch;
  text-shadow: 0 6px 40px rgb(22 22 29 / .35);
}
.studiopop-landing .hero h1 .pop { color: #fff; position: relative; white-space: nowrap; }
.studiopop-landing .hero h1 .pop::after { display: none; }
.studiopop-landing .hero[data-variant="a"] h1 { line-height: 1.12; }
.studiopop-landing .hero[data-variant="a"] h1 .pop {
  display: inline-block; color: var(--accent);
  transform: rotate(-12deg) translateY(-.05em);
  text-shadow: 0 6px 26px rgb(var(--accent-glow) / .6), 0 1px 0 rgb(255 255 255 / .12);
}
.studiopop-landing .hero[data-variant="a"] h1 .pop::after { display: none; }
.studiopop-landing .hero h1 .pop > i { font-style: normal; display: inline-block; color: #fff; }
.studiopop-landing .hero h1 .pop > i:nth-child(1) { text-shadow: .04em .055em 0 var(--c-green); }
.studiopop-landing .hero h1 .pop > i:nth-child(2) { text-shadow: .04em .055em 0 var(--c-yellow); }
.studiopop-landing .hero h1 .pop > i:nth-child(3) { text-shadow: .04em .055em 0 var(--c-pink); }
.studiopop-landing .hero h1 .pop { text-shadow: none !important; }
.studiopop-landing .hero[data-variant="a"] h1 .pop { color: #fff; }
.studiopop-landing .hero-logo {
  display: block; width: auto; height: auto;
  max-width: clamp(260px, 34vw, 430px);
  margin-bottom: clamp(18px, 2.4vw, 30px);
  filter: drop-shadow(0 10px 30px rgb(0 0 0 / .28));
}
.studiopop-landing .hero[data-variant="b"] .hero-logo, .studiopop-landing .hero[data-variant="c"] .hero-logo, .studiopop-landing .hero[data-variant="d"] .hero-logo, .studiopop-landing .hero[data-variant="e"] .hero-logo, .studiopop-landing .hero[data-variant="f"] .hero-logo { display: none; }
@media (max-width: 760px) {
.studiopop-landing .hero-logo { max-width: 240px; }
}
.studiopop-landing .hero h1 .hero-pop-img {
  display: inline-block;
  height: 1.5em;
  width: auto;
  vertical-align: -0.42em;
  margin: 0 .02em;
}
@media (max-width: 760px) {
.studiopop-landing .hero h1 .hero-pop-img { vertical-align: -0.36em; height: 1.36em; }
}
.studiopop-landing .hero-sub {
  color: rgb(255 255 255 / .92); font-size: clamp(17px, 2vw, 22px);
  margin-top: 26px; max-width: 46ch; font-weight: 450;
  text-shadow: 0 2px 16px rgb(22 22 29 / .4);
}
.studiopop-landing .hero-cta { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 36px; align-items: center; }
.studiopop-landing .hero-cta .btn-ghost { background: rgb(255 255 255 / .14); color: #fff; border-color: rgb(255 255 255 / .5); backdrop-filter: blur(6px); }
.studiopop-landing .hero-cta .btn-ghost:hover { background: #fff; color: var(--ink); border-color: #fff; }
.studiopop-landing .hero-strip {
  position: relative; z-index: 2; margin-top: auto;
  display: flex; flex-wrap: wrap; gap: clamp(22px, 5vw, 64px);
  padding-top: 30px;
}
.studiopop-landing .hero-stat { color: #fff; }
.studiopop-landing .hero-stat b { font-family: var(--font-head); font-weight: 800; font-size: clamp(24px,3vw,34px); display: block; }
.studiopop-landing .hero-stat span { font-size: 14px; color: rgb(255 255 255 / .8); }
.studiopop-landing .hero[data-variant="b"] .hero-media::after { background: linear-gradient(180deg, rgb(255 246 238 / .2), rgb(255 246 238 / .12)); }
.studiopop-landing .hero[data-variant="b"] .hero-inner { display: grid; grid-template-columns: 1.05fr .95fr; gap: 40px; align-items: center; }
.studiopop-landing .hero[data-variant="b"] h1, .studiopop-landing .hero[data-variant="b"] .hero-sub { color: var(--ink); text-shadow: none; }
.studiopop-landing .hero[data-variant="b"] h1 .pop, .studiopop-landing .hero[data-variant="c"] h1 .pop { color: var(--ink); }
.studiopop-landing .hero[data-variant="b"] .hero-badge { background: var(--ink); color: #fff; }
.studiopop-landing .hero[data-variant="b"] .hero-figure { display: block; }
.studiopop-landing .hero[data-variant="b"] .hero-media { display: none; }
.studiopop-landing .hero[data-variant="b"] .hero-strip { border-top-color: rgb(22 22 29 / .12); }
.studiopop-landing .hero[data-variant="b"] .hero-stat, .studiopop-landing .hero[data-variant="b"] .hero-stat span { color: var(--ink); }
.studiopop-landing .hero[data-variant="b"] .hero-cta .btn-ghost { background: transparent; color: var(--ink); border-color: rgb(22 22 29 / .18); }
.studiopop-landing .hero[data-variant="b"] .hero-cta .btn-ghost:hover { background: var(--ink); color: #fff; border-color: var(--ink); }
.studiopop-landing .hero[data-variant="c"] { background: var(--cream); }
.studiopop-landing .hero[data-variant="c"] .hero-media { display: none; }
.studiopop-landing .hero[data-variant="c"] .hero-inner { align-items: center; text-align: center; }
.studiopop-landing .hero[data-variant="c"] .hero-badge { align-self: center; }
.studiopop-landing .hero[data-variant="c"] h1, .studiopop-landing .hero[data-variant="c"] .hero-sub { color: var(--ink); text-shadow: none; }
.studiopop-landing .hero[data-variant="c"] h1 { max-width: 18ch; margin-inline: auto; }
.studiopop-landing .hero[data-variant="c"] .hero-sub { margin-inline: auto; }
.studiopop-landing .hero[data-variant="c"] .hero-cta { justify-content: center; }
.studiopop-landing .hero[data-variant="c"] .hero-strip { justify-content: center; border-top-color: rgb(22 22 29 / .12); }
.studiopop-landing .hero[data-variant="c"] .hero-stat, .studiopop-landing .hero[data-variant="c"] .hero-stat span { color: var(--ink); }
.studiopop-landing .hero[data-variant="c"] .hero-cta .btn-ghost { background: transparent; color: var(--ink); border-color: rgb(22 22 29 / .18); }
.studiopop-landing .hero-art { display: none; position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.studiopop-landing .pol {
  display: none; position: absolute; width: clamp(140px, 16vw, 220px);
  background: #fff; padding: 11px 11px 0; border-radius: 10px;
  box-shadow: var(--shadow-md);
}
.studiopop-landing .pol .ph { aspect-ratio: 1 / 1; border-radius: 5px; }
.studiopop-landing .pol-cap { display: block; font-family: var(--font-head); font-weight: 700; font-size: 15px; text-align: center; padding: 9px 4px 12px; color: var(--ink); }
.studiopop-landing .hero-arch {
  display: none; position: absolute; right: 4%; top: 52%; transform: translateY(-50%);
  width: clamp(280px, 38vw, 500px); aspect-ratio: 3 / 4;
  border-radius: 9999px 9999px 40px 40px; overflow: hidden;
  box-shadow: var(--shadow-lg); border: 9px solid #fff;
}
.studiopop-landing .hero-arch .ph { width: 100%; height: 100%; border-radius: 0; }
.studiopop-landing .hero[data-variant="d"], .studiopop-landing .hero[data-variant="e"], .studiopop-landing .hero[data-variant="f"] { background: var(--cream); }
.studiopop-landing .hero[data-variant="d"] .hero-media, .studiopop-landing .hero[data-variant="e"] .hero-media, .studiopop-landing .hero[data-variant="f"] .hero-media { display: none; }
.studiopop-landing .hero[data-variant="d"] h1, .studiopop-landing .hero[data-variant="e"] h1, .studiopop-landing .hero[data-variant="f"] h1, .studiopop-landing .hero[data-variant="d"] .hero-sub, .studiopop-landing .hero[data-variant="e"] .hero-sub, .studiopop-landing .hero[data-variant="f"] .hero-sub { color: var(--ink); text-shadow: none; }
.studiopop-landing .hero[data-variant="e"] h1 .pop, .studiopop-landing .hero[data-variant="f"] h1 .pop { color: var(--ink); }
.studiopop-landing .hero[data-variant="d"] .hero-art, .studiopop-landing .hero[data-variant="e"] .hero-art, .studiopop-landing .hero[data-variant="f"] .hero-art { display: block; }
.studiopop-landing .hero[data-variant="d"] h1 {
  font-size: clamp(56px, 13.5vw, 200px); line-height: .82; letter-spacing: -.045em; max-width: 13ch;
}
.studiopop-landing .hero[data-variant="d"] h1 .pop {
  display: inline-block; color: var(--accent); font-size: 1.14em; transform: rotate(-3.5deg); margin: 0 .04em;
}
.studiopop-landing .hero[data-variant="d"] h1 .pop::after { display: none; }
.studiopop-landing .hero[data-variant="d"] .pol-3 { display: block; right: 7%; top: 16%; transform: rotate(9deg); width: clamp(120px, 13vw, 180px); }
.studiopop-landing .hero[data-variant="d"] .hero-sub { max-width: 40ch; }
.studiopop-landing .hero[data-variant="e"] .hero-arch { display: none; }
.studiopop-landing .hero[data-variant="e"] .pol { display: block; }
.studiopop-landing .hero[data-variant="e"] .pol-1 { right: 7%; top: 13%; transform: rotate(7deg); }
.studiopop-landing .hero[data-variant="e"] .pol-2 { right: 21%; bottom: 9%; transform: rotate(-9deg); }
.studiopop-landing .hero[data-variant="e"] .pol-3 { right: 2%; bottom: 30%; transform: rotate(5deg); width: clamp(110px, 12vw, 168px); }
.studiopop-landing .hero[data-variant="e"] .hero-lead { max-width: 56%; }
.studiopop-landing .hero[data-variant="f"] .hero-arch { display: block; }
.studiopop-landing .hero[data-variant="f"] .pol { display: none; }
.studiopop-landing .hero[data-variant="f"] .hero-lead { max-width: 52%; }
.studiopop-landing .hero-figure { display: none; position: relative; }
.studiopop-landing .hero[data-variant="a"] .hero-figure { display: none; }
.studiopop-landing .hero[data-variant="a"] .hero-strip .hero-stat { color: #fff; }
.studiopop-landing section { position: relative; }
.studiopop-landing .section-pad { padding-block: clamp(100px, 15vh, 196px); }
.studiopop-landing .sec-head { max-width: 60ch; }
.studiopop-landing .sec-head h2 { font-size: clamp(34px, 5.4vw, 72px); margin-top: 16px; }
.studiopop-landing .sec-head p { color: var(--ink-soft); font-size: clamp(16px,1.5vw,19px); margin-top: 18px; max-width: 52ch; }
.studiopop-landing .ph {
  position: relative; overflow: hidden;
  border-radius: var(--r-lg);
  background: radial-gradient(125% 125% at 28% 18%, var(--cream-2), var(--cream-deep));
  display: grid; place-items: center;
}
.studiopop-landing .ph .ph-label {
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-size: 12px; letter-spacing: .04em; color: var(--ink-mute);
  background: rgb(255 246 238 / .78); padding: 6px 12px; border-radius: var(--r-pill);
  border: 1px solid rgb(22 22 29 / .08);
}
.studiopop-landing .ph-video {
  background: radial-gradient(120% 120% at 42% 32%, #2e2e3c, #191921);
}
.studiopop-landing .ph-video .ph-label { background: rgb(0 0 0 / .35); color: rgb(255 255 255 / .82); border-color: rgb(255 255 255 / .14); }
.studiopop-landing .about { background: var(--cream); }
.studiopop-landing .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(36px, 6vw, 90px); align-items: center; }
.studiopop-landing .about-copy h2 { font-size: clamp(34px, 5.4vw, 72px); margin-top: 16px; }
.studiopop-landing .about-copy p.lead { font-size: clamp(18px,1.7vw,21px); color: var(--ink-soft); margin-top: 26px; }
.studiopop-landing .about-copy .points { list-style: none; padding: 0; margin: 28px 0 0; display: grid; gap: 14px; }
.studiopop-landing .about-copy .points li { display: flex; gap: 13px; align-items: flex-start; font-size: 16px; color: var(--ink-soft); }
.studiopop-landing .about-copy .points .chk {
  flex: none; width: 26px; height: 26px; border-radius: 9px; background: var(--accent-tint);
  display: grid; place-items: center; color: var(--accent); margin-top: 1px;
}
.studiopop-landing .stack { position: relative; aspect-ratio: 4/5; }
.studiopop-landing .stack .card {
  position: absolute; border-radius: var(--r-lg); overflow: hidden;
  box-shadow: var(--shadow-md); border: 6px solid #fff;
  transition: transform .5s cubic-bezier(.2,.9,.3,1), box-shadow .4s;
  will-change: transform;
}
.studiopop-landing .stack .card .ph { border-radius: 0; width: 100%; height: 100%; }
.studiopop-landing .stack .c1 { inset: 0 18% 26% 0; transform: rotate(calc(-5deg * var(--motion-scale))); z-index: 3; }
.studiopop-landing .stack .c2 { inset: 14% 0 12% 22%; transform: rotate(calc(4deg * var(--motion-scale))); z-index: 2; }
.studiopop-landing .stack .c3 { inset: 40% 30% 0 6%; transform: rotate(calc(-2deg * var(--motion-scale))); z-index: 4; }
.studiopop-landing .stack:hover .c1 { transform: rotate(calc(-8deg * var(--motion-scale))) translate(-8px,-6px); z-index:4; }
.studiopop-landing .stack:hover .c2 { transform: rotate(calc(7deg * var(--motion-scale))) translate(8px,-4px); }
.studiopop-landing .stack:hover .c3 { transform: rotate(calc(-4deg * var(--motion-scale))) translateY(8px); }
.studiopop-landing .stack .sticker {
  position: absolute; right: -10px; top: -18px; z-index: 6;
  background: var(--c-yellow); color: var(--ink); font-family: var(--font-head); font-weight: 800;
  font-size: 14px; padding: 12px 14px; border-radius: var(--r-pill);
  box-shadow: var(--shadow-md); transform: rotate(8deg);
  display: grid; place-items: center; text-align: center; line-height: 1;
}
.studiopop-landing .reserve-card {
  background: var(--ink); color: #fff; border-radius: var(--r-xl);
  padding: clamp(36px, 6vw, 72px);
  display: grid; grid-template-columns: 1.1fr .9fr; gap: 40px; align-items: center;
  box-shadow: var(--shadow-ink); position: relative; overflow: hidden;
}
.studiopop-landing .reserve-card h2 { color: #fff; font-size: clamp(30px,4vw,52px); }
.studiopop-landing .reserve-card p { color: rgb(255 255 255 / .74); margin-top: 16px; max-width: 42ch; }
.studiopop-landing .reserve-slot {
  border: 2px dashed rgb(255 255 255 / .3); border-radius: var(--r-lg);
  padding: 34px 26px; text-align: center; background: rgb(255 255 255 / .04);
}
.studiopop-landing .reserve-slot .ic { width: 52px; height: 52px; border-radius: 16px; background: var(--accent); display: grid; place-items: center; margin: 0 auto 16px; box-shadow: var(--shadow-md); }
.studiopop-landing .reserve-slot b { font-family: var(--font-head); font-size: 19px; }
.studiopop-landing .reserve-slot small { display: block; margin-top: 8px; color: rgb(255 255 255 / .6); font-family: ui-monospace, Menlo, monospace; font-size: 12px; letter-spacing: .03em; }
.studiopop-landing .discover { background: linear-gradient(180deg, var(--cream), var(--cream-2)); }
.studiopop-landing .discover-grid {
  display: grid; gap: 14px; margin-top: clamp(32px, 5vw, 56px);
  grid-template-columns: 2fr 1fr 1fr;
  grid-auto-rows: clamp(150px, 19vw, 232px);
}
.studiopop-landing .tile {
  position: relative; border-radius: var(--r-lg); overflow: hidden;
  box-shadow: var(--shadow-sm); cursor: pointer;
  transition: transform .4s cubic-bezier(.2,.9,.3,1), box-shadow .4s;
}
.studiopop-landing .tile .ph { width: 100%; height: 100%; border-radius: 0; }
.studiopop-landing .tile:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.studiopop-landing .tile .tile-name {
  position: absolute; left: 16px; bottom: 16px; z-index: 3;
  background: rgb(255 255 255 / .92); color: var(--ink);
  font-family: var(--font-head); font-weight: 700; font-size: 15px;
  padding: 8px 14px; border-radius: var(--r-pill); box-shadow: var(--shadow-sm);
}
.studiopop-landing .hot {
  position: absolute; top: 16px; right: 16px; z-index: 4;
  width: 44px; height: 44px; border-radius: 50%;
  background: #fff; color: var(--accent);
  display: grid; place-items: center;
  box-shadow: var(--shadow-md);
  transition: transform .25s, background .25s, color .25s;
}
.studiopop-landing .hot::after { content:""; position:absolute; inset:0; border-radius:50%; box-shadow: 0 0 0 0 rgb(var(--accent-glow)/.5); animation: sp-hotpulse 2.6s infinite; }
@keyframes sp-hotpulse { 0%{box-shadow:0 0 0 0 rgb(var(--accent-glow)/.45)} 70%{box-shadow:0 0 0 14px rgb(var(--accent-glow)/0)} 100%{box-shadow:0 0 0 0 rgb(var(--accent-glow)/0)} }
.studiopop-landing .tile:hover .hot, .studiopop-landing .hot:hover { transform: scale(1.12) rotate(90deg); background: var(--accent); color: #fff; }
.studiopop-landing .tile:nth-of-type(1) .hot { color: var(--c-green); }
.studiopop-landing .tile:nth-of-type(2) .hot { color: var(--c-pink); }
.studiopop-landing .tile:nth-of-type(3) .hot { color: var(--c-teal-deep); }
.studiopop-landing .tile:nth-of-type(4) .hot { color: var(--c-pink); }
.studiopop-landing .tile:nth-of-type(5) .hot { color: var(--c-green); }
.studiopop-landing .tile:nth-of-type(1):hover .hot, .studiopop-landing .tile:nth-of-type(1) .hot:hover { background: var(--c-green); color: #fff; }
.studiopop-landing .tile:nth-of-type(2):hover .hot, .studiopop-landing .tile:nth-of-type(2) .hot:hover { background: var(--c-pink); color: #fff; }
.studiopop-landing .tile:nth-of-type(3):hover .hot, .studiopop-landing .tile:nth-of-type(3) .hot:hover { background: var(--c-teal-deep); color: #fff; }
.studiopop-landing .tile:nth-of-type(4):hover .hot, .studiopop-landing .tile:nth-of-type(4) .hot:hover { background: var(--c-pink); color: #fff; }
.studiopop-landing .tile:nth-of-type(5):hover .hot, .studiopop-landing .tile:nth-of-type(5) .hot:hover { background: var(--c-green); color: #fff; }
.studiopop-landing .tile-a { grid-column: 1 / span 1; grid-row: 1 / span 2; }
.studiopop-landing .tile-b { grid-column: 2 / span 1; grid-row: 1 / span 1; }
.studiopop-landing .tile-c { grid-column: 3 / span 1; grid-row: 1 / span 1; }
.studiopop-landing .tile-d { grid-column: 2 / span 1; grid-row: 2 / span 1; }
.studiopop-landing .tile-e { grid-column: 3 / span 1; grid-row: 2 / span 1; }

/* ===== Tuiles « Coming soon » (ajoutez la classe .soon sur une .tile) ===== */
.studiopop-landing .tile.soon { cursor: default; }
.studiopop-landing .tile.soon .hot { display: none; }
.studiopop-landing .tile.soon::before {
  content: ""; position: absolute; inset: 0; z-index: 5;
  background: rgb(22 22 29 / .52);
  opacity: 0; transition: opacity .35s ease;
}
.studiopop-landing .tile.soon::after {
  content: "Coming soon";
  position: absolute; left: 50%; top: 50%; z-index: 6;
  transform: translate(-50%, -50%) scale(.9);
  background: #fff; color: var(--ink);
  font-family: var(--font-head); font-weight: 700; font-size: 15px; letter-spacing: .01em;
  padding: 11px 22px; border-radius: var(--r-pill); white-space: nowrap;
  box-shadow: var(--shadow-md);
  opacity: 0; transition: opacity .35s ease, transform .35s cubic-bezier(.2,1.3,.35,1);
}
.studiopop-landing .tile.soon:hover::before { opacity: 1; }
.studiopop-landing .tile.soon:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.studiopop-landing .detail {
  position: fixed; inset: 0; z-index: 90; display: grid; place-items: center;
  padding: clamp(16px, 4vw, 40px);
  opacity: 0; pointer-events: none; transition: opacity .3s;
}
.studiopop-landing .detail.open { opacity: 1; pointer-events: auto; }
.studiopop-landing .detail-scrim { position: absolute; inset: 0; background: rgb(22 22 29 / .55); backdrop-filter: blur(6px); }
.studiopop-landing .detail-card {
  position: relative; z-index: 2; width: min(1000px, 100%);
  background: var(--cream); border-radius: var(--r-xl); overflow: hidden;
  display: grid; grid-template-columns: .82fr 1.18fr; gap: 0;
  box-shadow: var(--shadow-lg); transform: scale(.94) translateY(14px); transition: transform .35s cubic-bezier(.2,.9,.3,1);
  max-height: 90vh;
}
.studiopop-landing .detail.open .detail-card { transform: none; }
.studiopop-landing .detail-text { padding: clamp(28px, 4vw, 52px); display: flex; flex-direction: column; }
.studiopop-landing .detail-text .num { font-family: var(--font-head); font-weight: 800; color: var(--accent); font-size: 15px; letter-spacing: .04em; }
.studiopop-landing .detail-text h3 { font-size: clamp(28px, 3.4vw, 46px); margin-top: 14px; }
.studiopop-landing .detail-text p { color: var(--ink-soft); font-size: 17px; margin-top: 18px; }
.studiopop-landing .detail-media { position: relative; min-height: 320px; }
.studiopop-landing .detail-media .ph { border-radius: 0; width: 100%; height: 100%; }
.studiopop-landing .detail-close {
  position: absolute; top: 16px; right: 16px; z-index: 5;
  width: 46px; height: 46px; border-radius: 50%; background: var(--ink); color: #fff;
  display: grid; place-items: center; box-shadow: var(--shadow-ink);
  transition: transform .25s, background .25s;
}
.studiopop-landing .detail-close:hover { transform: rotate(90deg) scale(1.05); background: var(--accent); }
.studiopop-landing .detail-nav { display: flex; gap: 10px; margin-top: auto; padding-top: 28px; }
.studiopop-landing .detail-nav button {
  width: 50px; height: 50px; border-radius: 50%; border: 1.5px solid rgb(22 22 29 / .16);
  display: grid; place-items: center; color: var(--ink); transition: all .2s; background:#fff;
}
.studiopop-landing .detail-nav button:hover { border-color: var(--accent); color: var(--accent); transform: translateY(-2px); }
.studiopop-landing .detail-dots { display: flex; gap: 7px; align-items: center; margin-left: 8px; }
.studiopop-landing .detail-dots i { width: 8px; height: 8px; border-radius: 50%; background: rgb(22 22 29 / .18); transition: all .25s; }
.studiopop-landing .detail-dots i.on { background: var(--accent); width: 24px; border-radius: var(--r-pill); }
.studiopop-landing .steps { background: var(--cream); }
.studiopop-landing .steps-rail { margin-top: clamp(40px, 6vw, 64px); display: grid; gap: 18px; }
.studiopop-landing .step {
  display: grid; grid-template-columns: auto 1fr; gap: clamp(18px, 3vw, 34px); align-items: center;
  background: #fff; border-radius: var(--r-lg); padding: clamp(22px, 3vw, 34px);
  box-shadow: var(--shadow-sm); border: 1px solid rgb(22 22 29 / .05);
  transition: transform .35s cubic-bezier(.2,.9,.3,1), box-shadow .35s;
}
.studiopop-landing .step:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.studiopop-landing .step .n {
  font-family: var(--font-head); font-weight: 800; font-size: clamp(34px,4vw,58px);
  color: var(--accent); line-height: 1; width: 1.6em; text-align: center;
}
.studiopop-landing .step:nth-child(1) .n { color: var(--c-green); }
.studiopop-landing .step:nth-child(2) .n { color: var(--c-pink); }
.studiopop-landing .step:nth-child(3) .n { color: var(--c-teal-deep); }
.studiopop-landing .step:nth-child(4) .n { color: var(--c-green); }
.studiopop-landing .step:nth-child(5) .n { color: var(--c-pink); }
.studiopop-landing .step .body h3 { font-size: clamp(20px,2.2vw,27px); }
.studiopop-landing .step .body p { color: var(--ink-soft); margin-top: 8px; font-size: 16px; max-width: 56ch; }
.studiopop-landing .step .ico { width: 60px; height: 60px; border-radius: 18px; background: var(--accent-tint); color: var(--accent); display: grid; place-items: center; }
@media (max-width: 720px) {
.studiopop-landing .step .ico { display: none; }
}
.studiopop-landing .faq { background: linear-gradient(180deg, var(--cream-2), var(--cream)); }
.studiopop-landing .faq-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(32px,5vw,64px); margin-top: 20px; align-items: start; }
.studiopop-landing .faq-list { display: grid; gap: 12px; }
.studiopop-landing .qa { background: #fff; border-radius: var(--r-md); border: 1px solid rgb(22 22 29 / .06); box-shadow: var(--shadow-sm); overflow: hidden; }
.studiopop-landing .qa summary {
  list-style: none; cursor: pointer; padding: 22px 24px;
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  font-family: var(--font-head); font-weight: 700; font-size: clamp(17px,1.8vw,20px);
}
.studiopop-landing .qa summary::-webkit-details-marker { display: none; }
.studiopop-landing .qa .pm { flex: none; width: 34px; height: 34px; border-radius: 50%; background: var(--accent-tint); color: var(--accent); display: grid; place-items: center; transition: transform .3s, background .3s, color .3s; }
.studiopop-landing .qa[open] .pm { transform: rotate(135deg); background: var(--accent); color: #fff; }
.studiopop-landing .qa .ans { max-height: 0; overflow: hidden; transition: max-height .4s ease; }
.studiopop-landing .qa .ans-inner { padding: 0 24px 24px; color: var(--ink-soft); font-size: 16px; line-height: 1.65; max-width: 60ch; }
.studiopop-landing .qa .ans .note { display: inline-block; margin-top: 10px; font-family: ui-monospace, Menlo, monospace; font-size: 12px; color: var(--accent); background: var(--accent-tint); padding: 3px 9px; border-radius: var(--r-pill); }
.studiopop-landing .contact { background: var(--cream); }
.studiopop-landing .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px,4vw,40px); margin-top: clamp(36px,5vw,56px); }
.studiopop-landing .contact-map { border-radius: var(--r-xl); overflow: hidden; min-height: 380px; box-shadow: var(--shadow-md); position: relative; }
.studiopop-landing .contact-map .ph { width: 100%; height: 100%; border-radius: 0; background-image: repeating-linear-gradient(0deg, rgb(22 22 29 / .04) 0 1px, transparent 1px 40px), repeating-linear-gradient(90deg, rgb(22 22 29 / .04) 0 1px, transparent 1px 40px); }
.studiopop-landing .contact-map .pin { position: absolute; left: 50%; top: 46%; z-index: 3; transform: translate(-50%,-100%); }
.studiopop-landing .contact-map .pin .dot { width: 22px; height: 22px; border-radius: 50% 50% 50% 0; background: var(--accent); transform: rotate(-45deg); box-shadow: var(--shadow-md); margin: 0 auto; }
.studiopop-landing .contact-map .pin .ring { width: 46px; height: 14px; border-radius: 50%; background: rgb(var(--accent-glow)/.25); margin: 6px auto 0; filter: blur(2px); }
.studiopop-landing .contact-card { background: var(--ink); color: #fff; border-radius: var(--r-xl); padding: clamp(30px,4vw,48px); display: flex; flex-direction: column; }
.studiopop-landing .contact-card h3 { color: #fff; font-size: clamp(26px,3vw,38px); }
.studiopop-landing .contact-rows { display: grid; gap: 4px; margin-top: 26px; }
.studiopop-landing .crow { display: flex; align-items: center; gap: 16px; padding: 16px 0; border-bottom: 1px solid rgb(255 255 255 / .1); }
.studiopop-landing .crow .ico { flex: none; width: 46px; height: 46px; border-radius: 14px; background: rgb(255 255 255 / .08); color: #fff; display: grid; place-items: center; }
.studiopop-landing .crow .k { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: rgb(255 255 255 / .55); }
.studiopop-landing .crow .v { font-family: var(--font-head); font-weight: 700; font-size: 18px; margin-top: 3px; white-space: nowrap; }
.studiopop-landing .contact-socials { display: flex; gap: 10px; margin-top: 26px; }
.studiopop-landing .contact-socials a { width: 46px; height: 46px; border-radius: 50%; background: rgb(255 255 255 / .08); display: grid; place-items: center; color: #fff; transition: background .2s, transform .2s; }
.studiopop-landing .contact-socials a:hover { background: var(--accent); transform: translateY(-3px); }
.studiopop-landing .contact-card .btn { margin-top: 26px; justify-content: center; }
.studiopop-landing .footer { background: var(--cream); border-top: 1px solid rgb(22 22 29 / .08); padding-block: 54px 40px; }
.studiopop-landing .footer-top { display: flex; flex-wrap: wrap; gap: 28px; justify-content: space-between; align-items: flex-start; }
.studiopop-landing .footer-links { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.studiopop-landing .footer-links a { font-weight: 600; color: var(--ink-soft); transition: color .2s; }
.studiopop-landing .footer-links a:hover { color: var(--accent); }
.studiopop-landing .footer-bottom { display: flex; flex-wrap: wrap; gap: 12px 24px; justify-content: space-between; align-items: center; margin-top: 38px; padding-top: 22px; border-top: 1px solid rgb(22 22 29 / .08); color: var(--ink-mute); font-size: 14px; }
.studiopop-landing .footer-bottom .legal { display: flex; gap: 18px; flex-wrap: wrap; }
.studiopop-landing .footer-bottom a:hover { color: var(--accent); }
.studiopop-landing .confetti-layer { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 1; opacity: var(--decor-opacity); }
.studiopop-landing .confetti { position: absolute; opacity: .9; will-change: transform; }
.studiopop-landing .cf-dot { border-radius: 50%; }
.studiopop-landing .cf-sq { border-radius: 3px; }
.studiopop-landing .cf-star { background: none !important; }
.studiopop-landing .float { animation: sp-floaty calc(7s / var(--motion-scale, 1)) ease-in-out infinite; }
@keyframes sp-floaty { 0%,100%{ transform: translateY(0) rotate(var(--rot,0deg)); } 50%{ transform: translateY(calc(-16px * var(--motion-scale,1))) rotate(calc(var(--rot,0deg) + 8deg)); } }
/* ====== Apparitions au scroll — réglages d'intensité (défaut = Vivant) ====== */
.studiopop-landing { --rv-dist: 40px; --rv-dur: .86s; --rv-step: .1s; }
.studiopop-landing[data-anim="sobre"]     { --rv-dist: 16px; --rv-dur: .58s; --rv-step: .05s;  --motion-scale: .72; }
.studiopop-landing[data-anim="equilibre"] { --rv-dist: 26px; --rv-dur: .72s; --rv-step: .075s; --motion-scale: 1; }
.studiopop-landing[data-anim="vivant"]    { --rv-dist: 40px; --rv-dur: .86s; --rv-step: .1s;   --motion-scale: 1.28; }

.studiopop-landing .reveal { opacity: 1; transform: none; }
.studiopop-landing.anim-ok .reveal { opacity: 0; transform: translateY(var(--rv-dist)); }
.studiopop-landing.anim-ok .reveal.in { animation: sp-reveal-in var(--rv-dur) cubic-bezier(.2,.9,.3,1) both; animation-delay: calc(var(--d, 0) * var(--rv-step)); }
@keyframes sp-reveal-in { from { opacity: 0; transform: translateY(var(--rv-dist)); } to { opacity: 1; transform: none; } }
/* entrée plus "ressort" pour les cartes & tuiles en cascade */
.studiopop-landing.anim-ok .reveal.pop.in { animation-name: sp-reveal-pop; animation-timing-function: cubic-bezier(.2,1.3,.35,1); }
@keyframes sp-reveal-pop { from { opacity: 0; transform: translateY(var(--rv-dist)) scale(.96); } to { opacity: 1; transform: none; } }
/* délais nommés (gardent la priorité sur l'index auto de cascade) */
.studiopop-landing.anim-ok .reveal.d1.in { animation-delay: .07s; }
.studiopop-landing.anim-ok .reveal.d2.in { animation-delay: .15s; }
.studiopop-landing.anim-ok .reveal.d3.in { animation-delay: .23s; }
.studiopop-landing.anim-ok .reveal.d4.in { animation-delay: .31s; }

/* ====== Micro-interactions ====== */
/* reflet discret qui balaie les boutons primaires au survol */
.studiopop-landing .btn-primary { position: relative; overflow: hidden; }
.studiopop-landing .btn-primary::after {
  content: ""; position: absolute; top: 0; bottom: 0; left: -140%; width: 55%;
  background: linear-gradient(100deg, transparent, rgb(255 255 255 / .38), transparent);
  transform: skewX(-18deg); pointer-events: none;
}
.studiopop-landing .btn-primary:hover::after { animation: sp-shine .85s ease forwards; }
@keyframes sp-shine { from { left: -140%; } to { left: 160%; } }
/* tuiles : zoom doux de l'image + nom qui se soulève au survol */
.studiopop-landing .tile .ph { transition: transform .55s cubic-bezier(.2,.9,.3,1); }
.studiopop-landing .tile:hover .ph { transform: scale(1.06); }
.studiopop-landing .tile .tile-name { transition: transform .35s cubic-bezier(.2,.9,.3,1), box-shadow .35s; }
.studiopop-landing .tile:hover .tile-name { transform: translateY(-3px); box-shadow: var(--shadow-md); }
/* étapes : le grand chiffre réagit au survol de la carte */
.studiopop-landing .step .n { transition: transform .3s cubic-bezier(.2,1.4,.4,1); transform-origin: center; }
.studiopop-landing .step:hover .n { transform: scale(1.14) rotate(-6deg); }
.studiopop-landing .page-head {
  position: relative; overflow: visible;
  padding-top: calc(var(--nav-h) + clamp(38px, 7vh, 78px));
  padding-bottom: clamp(36px, 6vh, 68px);
  background: linear-gradient(180deg, var(--cream-2), var(--cream));
}
.studiopop-landing .page-head .wrap { position: relative; z-index: 2; }
.studiopop-landing .crumbs { display: flex; gap: 9px; align-items: center; font-weight: 600; font-size: 14px; color: var(--ink-mute); margin-bottom: 18px; }
.studiopop-landing .crumbs a:hover { color: var(--accent); }
.studiopop-landing .crumbs .sep { opacity: .5; }
.studiopop-landing .page-head h1 { font-size: clamp(42px, 7vw, 88px); }
.studiopop-landing .page-head .lead { color: var(--ink-soft); font-size: clamp(17px, 1.8vw, 21px); margin-top: 20px; max-width: 52ch; }
.studiopop-landing .popword {
}
.studiopop-landing .popword > i { font-style: normal; color: var(--ink); }
.studiopop-landing .popword > i:nth-child(1) { text-shadow: .04em .055em 0 var(--c-green); }
.studiopop-landing .popword > i:nth-child(2) { text-shadow: .04em .055em 0 var(--c-yellow); }
.studiopop-landing .popword > i:nth-child(3) { text-shadow: .04em .055em 0 var(--c-pink); }
.studiopop-landing .pop-img {
  display: inline-block;
  
  height: 1.28em;
  width: auto;
  
  vertical-align: -0.26em;
  margin: 0 .1em 0 .12em;
  
}
.studiopop-landing .subpage-section { background: var(--cream); }
.studiopop-landing .book-grid { display: grid; grid-template-columns: 1.22fr .78fr; gap: clamp(22px, 3.4vw, 44px); align-items: start; }
.studiopop-landing .form-card {
  position: relative; overflow: hidden; background: #fff;
  border-radius: var(--r-xl); padding: clamp(24px, 3.4vw, 46px);
  box-shadow: var(--shadow-md); border: 1px solid rgb(22 22 29 / .05);
}
.studiopop-landing .form-card > .form-head { margin-bottom: 24px; }
.studiopop-landing .form-card > .form-head h2 { font-size: clamp(26px, 3vw, 38px); }
.studiopop-landing .form-card > .form-head p { color: var(--ink-soft); margin-top: 10px; font-size: 16px; }
.studiopop-landing .form { display: grid; gap: 20px; }
.studiopop-landing .form-row { display: grid; gap: 20px; grid-template-columns: 1fr 1fr; }
.studiopop-landing .field { display: grid; gap: 9px; min-width: 0; }
.studiopop-landing .field-label { font-family: var(--font-head); font-weight: 700; font-size: 15px; }
.studiopop-landing .field .hint { font-size: 13px; color: var(--ink-mute); font-weight: 500; }
.studiopop-landing .input, .studiopop-landing .select, .studiopop-landing .textarea {
  font: inherit; font-size: 16px; color: var(--ink); width: 100%;
  background: var(--cream); border: 1.5px solid rgb(22 22 29 / .12);
  border-radius: var(--r-md); padding: 14px 16px;
  transition: border-color .2s, box-shadow .2s, background .2s;
}
.studiopop-landing .textarea { min-height: 132px; resize: vertical; line-height: 1.55; }
.studiopop-landing .input:focus, .studiopop-landing .select:focus, .studiopop-landing .textarea:focus {
  outline: none; border-color: var(--accent); background: #fff;
  box-shadow: 0 0 0 4px rgb(var(--accent-glow) / .16);
}
.studiopop-landing .input::placeholder, .studiopop-landing .textarea::placeholder { color: var(--ink-mute); }
.studiopop-landing .select {
  appearance: none; -webkit-appearance: none; padding-right: 44px; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2316161D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 15px center;
}
.studiopop-landing .chips { display: flex; flex-wrap: wrap; gap: 10px; }
.studiopop-landing .chip { position: relative; }
.studiopop-landing .chip input { position: absolute; inset: 0; opacity: 0; cursor: pointer; margin: 0; }
.studiopop-landing .chip span {
  display: inline-flex; align-items: center; gap: 8px; cursor: pointer;
  padding: 12px 18px; border-radius: var(--r-pill); background: #fff;
  border: 1.5px solid rgb(22 22 29 / .14);
  font-family: var(--font-head); font-weight: 700; font-size: 15px;
  transition: background .2s, color .2s, border-color .2s, box-shadow .2s, transform .2s;
}
.studiopop-landing .chip span:hover { border-color: var(--accent); transform: translateY(-1px); }
.studiopop-landing .chip input:checked + span { background: var(--accent); color: #fff; border-color: var(--accent); box-shadow: var(--shadow-sm); }
.studiopop-landing .chip input:focus-visible + span { box-shadow: 0 0 0 4px rgb(var(--accent-glow) / .22); }
.studiopop-landing .form-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 4px; }
.studiopop-landing .form-foot .btn[type="submit"] { justify-self: start; }
.studiopop-landing .form-foot .legal-note { font-size: 13px; color: var(--ink-mute); max-width: 34ch; }
.studiopop-landing .form-burst { position: absolute; inset: 0; pointer-events: none; z-index: 1; }
.studiopop-landing .form-done { display: none; position: relative; z-index: 2; place-items: center; text-align: center; gap: 16px; padding: clamp(18px, 4vw, 44px) 10px; }
.studiopop-landing .form-card.sent .form { display: none; }
.studiopop-landing .form-card.sent .form-done { display: grid; }
.studiopop-landing .form-done .tick { width: 74px; height: 74px; border-radius: 50%; background: var(--accent); color: #fff; display: grid; place-items: center; box-shadow: var(--shadow-md); }
.studiopop-landing .form-done h3 { font-size: clamp(26px, 3vw, 36px); }
.studiopop-landing .form-done p { color: var(--ink-soft); max-width: 42ch; font-size: 16px; }
.studiopop-landing .book-aside { display: grid; gap: 16px; position: sticky; top: calc(var(--nav-h) + 18px); }
.studiopop-landing .incl-card { background: var(--ink); color: #fff; border-radius: var(--r-xl); padding: clamp(24px, 3vw, 34px); box-shadow: var(--shadow-ink); position: relative; overflow: hidden; }
.studiopop-landing .incl-card > * { position: relative; z-index: 2; }
.studiopop-landing .incl-card .eyebrow { color: #fff; }
.studiopop-landing .incl-card .eyebrow::before { background: var(--accent); }
.studiopop-landing .incl-card h3 { color: #fff; font-size: clamp(22px, 2.4vw, 27px); margin-top: 12px; }
.studiopop-landing .incl-list { list-style: none; padding: 0; margin: 20px 0 0; display: grid; gap: 14px; }
.studiopop-landing .incl-list li { display: flex; gap: 12px; align-items: flex-start; color: rgb(255 255 255 / .82); font-size: 15px; line-height: 1.45; }
.studiopop-landing .incl-list .chk { flex: none; width: 26px; height: 26px; border-radius: 8px; background: var(--accent); color: #fff; display: grid; place-items: center; margin-top: 1px; }
.studiopop-landing .aside-note { background: #fff; border: 1px solid rgb(22 22 29 / .06); border-radius: var(--r-lg); padding: 20px 22px; box-shadow: var(--shadow-sm); display: flex; gap: 14px; align-items: center; }
.studiopop-landing .aside-note .ic { flex: none; width: 46px; height: 46px; border-radius: 14px; background: var(--accent-tint); color: var(--accent); display: grid; place-items: center; }
.studiopop-landing .aside-note b { font-family: var(--font-head); font-size: 17px; }
.studiopop-landing .aside-note small { display: block; color: var(--ink-mute); margin-top: 3px; font-size: 13.5px; }
.studiopop-landing .contact-form-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(22px, 3.4vw, 40px); align-items: start; }
.studiopop-landing .contact-form-grid .contact-card { align-self: start; }
.studiopop-landing .story-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(30px, 5vw, 72px); align-items: center; }
.studiopop-landing .story-copy .lead { font-size: clamp(18px,1.7vw,21px); color: var(--ink-soft); margin-top: 22px; }
.studiopop-landing .story-copy p.body { color: var(--ink-soft); font-size: 16.5px; line-height: 1.7; margin-top: 18px; }
.studiopop-landing .story-pull {
  font-family: var(--font-head); font-weight: 700; line-height: 1.25;
  font-size: clamp(21px, 2.4vw, 28px); margin-top: 28px;
  padding-left: 20px; border-left: 4px solid var(--accent);
}
.studiopop-landing .timeline { list-style: none; padding: 0; margin: 0; display: grid; gap: 0; }
.studiopop-landing .tl-item { position: relative; padding: 0 0 36px 56px; }
.studiopop-landing .tl-item:last-child { padding-bottom: 0; }
.studiopop-landing .tl-item::before {
  content: ""; position: absolute; left: 17px; top: 6px; bottom: -6px; width: 2px;
  background: rgb(22 22 29 / .12);
}
.studiopop-landing .tl-item:last-child::before { display: none; }
.studiopop-landing .tl-dot {
  position: absolute; left: 6px; top: 2px; width: 24px; height: 24px; border-radius: 50%;
  background: var(--accent); color: #fff; display: grid; place-items: center;
  font-size: 12px; font-weight: 800; box-shadow: 0 0 0 5px var(--cream);
}
.studiopop-landing .tl-item:nth-child(4n+1) .tl-dot { background: var(--c-green); }
.studiopop-landing .tl-item:nth-child(4n+2) .tl-dot { background: var(--c-pink); }
.studiopop-landing .tl-item:nth-child(4n+3) .tl-dot { background: var(--c-teal-deep); }
.studiopop-landing .tl-item:nth-child(4n+4) .tl-dot { background: var(--c-yellow); color: var(--ink); }
.studiopop-landing .tl-year { font-family: var(--font-head); font-weight: 800; font-size: 14px; letter-spacing: .04em; color: var(--accent); }
.studiopop-landing .tl-item h3 { font-size: clamp(19px, 2vw, 23px); margin-top: 4px; }
.studiopop-landing .tl-item p { color: var(--ink-soft); font-size: 15.5px; line-height: 1.6; margin-top: 8px; max-width: 46ch; }
.studiopop-landing .team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 2.6vw, 32px); margin-top: clamp(36px, 5vw, 56px); }
.studiopop-landing .team-card { text-align: center; }
.studiopop-landing .team-photo {
  position: relative; aspect-ratio: 1/1; border-radius: var(--r-xl); overflow: hidden;
  box-shadow: var(--shadow-md); border: 6px solid #fff; transition: transform .35s cubic-bezier(.2,.9,.3,1);
}
.studiopop-landing .team-card:hover .team-photo { transform: translateY(-6px) rotate(-1.5deg); }
.studiopop-landing .team-photo .ph { width: 100%; height: 100%; border-radius: 0; }
.studiopop-landing .team-card:nth-child(3n+1) .team-photo { background: var(--c-green-tint); }
.studiopop-landing .team-card:nth-child(3n+2) .team-photo { background: var(--c-pink-tint); }
.studiopop-landing .team-card:nth-child(3n+3) .team-photo { background: #dff0f1; }
.studiopop-landing .team-tag {
  position: absolute; left: 50%; bottom: 12px; transform: translateX(-50%) rotate(-3deg);
  background: var(--c-yellow); color: var(--ink); font-family: var(--font-head); font-weight: 800;
  font-size: 13px; padding: 7px 14px; border-radius: var(--r-pill); box-shadow: var(--shadow-sm); white-space: nowrap;
}
.studiopop-landing .team-card:nth-child(3n+1) .team-tag { background: var(--c-green); color: #fff; }
.studiopop-landing .team-card:nth-child(3n+2) .team-tag { background: var(--c-pink); color: #fff; }
.studiopop-landing .team-card:nth-child(3n+3) .team-tag { background: var(--c-teal-deep); color: #fff; }
.studiopop-landing .team-card h3 { font-size: clamp(20px, 2.1vw, 25px); margin-top: 20px; }
.studiopop-landing .team-role { color: var(--accent); font-family: var(--font-head); font-weight: 700; font-size: 14.5px; margin-top: 4px; }
.studiopop-landing .team-bio { color: var(--ink-soft); font-size: 15px; line-height: 1.55; margin-top: 12px; max-width: 32ch; margin-inline: auto; }
.studiopop-landing .values-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: clamp(34px, 4.5vw, 52px); }
.studiopop-landing .value-card { background: #fff; border-radius: var(--r-lg); padding: clamp(22px,2.5vw,30px); box-shadow: var(--shadow-sm); border: 1px solid rgb(22 22 29 / .05); }
.studiopop-landing .value-card .v-ic { width: 50px; height: 50px; border-radius: 14px; display: grid; place-items: center; background: var(--accent-tint); color: var(--accent); }
.studiopop-landing .value-card h3 { font-size: clamp(18px,1.9vw,22px); margin-top: 16px; }
.studiopop-landing .value-card p { color: var(--ink-soft); font-size: 15px; line-height: 1.55; margin-top: 8px; }
.studiopop-landing .evt-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: clamp(30px, 4.5vw, 52px); }
.studiopop-landing .evt-card {
  background: #fff; border-radius: var(--r-lg); padding: clamp(22px, 2.5vw, 30px);
  box-shadow: var(--shadow-sm); border: 1px solid rgb(22 22 29 / .05);
  transition: transform .35s cubic-bezier(.2,.9,.3,1), box-shadow .35s;
}
.studiopop-landing .evt-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); }
.studiopop-landing .evt-card .evt-ic { width: 56px; height: 56px; border-radius: 16px; display: grid; place-items: center; font-size: 26px; line-height: 1; box-shadow: var(--shadow-sm); }
.studiopop-landing .evt-card:nth-child(1) .evt-ic { background: var(--c-green-tint); }
.studiopop-landing .evt-card:nth-child(2) .evt-ic { background: #fdf3d2; }
.studiopop-landing .evt-card:nth-child(3) .evt-ic { background: var(--c-pink-tint); }
.studiopop-landing .evt-card:nth-child(4) .evt-ic { background: #dff0f1; }
.studiopop-landing .evt-card h3 { font-size: clamp(19px, 2vw, 23px); margin-top: 18px; }
.studiopop-landing .evt-card p { color: var(--ink-soft); font-size: 15px; margin-top: 9px; line-height: 1.55; }
@media (max-width: 980px) {
.studiopop-landing .about-grid, .studiopop-landing .reserve-card, .studiopop-landing .faq-grid, .studiopop-landing .contact-grid { grid-template-columns: 1fr; }
.studiopop-landing .book-grid, .studiopop-landing .contact-form-grid { grid-template-columns: 1fr; }
.studiopop-landing .book-aside { position: static; }
.studiopop-landing .evt-grid { grid-template-columns: repeat(2, 1fr); }
.studiopop-landing .story-grid { grid-template-columns: 1fr; }
.studiopop-landing .team-grid { grid-template-columns: repeat(2, 1fr); }
.studiopop-landing .values-row { grid-template-columns: 1fr; }
.studiopop-landing .hero[data-variant="b"] .hero-inner { grid-template-columns: 1fr; }
.studiopop-landing .detail-card { grid-template-columns: 1fr; }
.studiopop-landing .detail-media { min-height: 240px; order: -1; }
.studiopop-landing .discover-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 150px; }
.studiopop-landing .tile-a { grid-column: 1 / span 2; grid-row: auto / span 1; }
.studiopop-landing .tile-b, .studiopop-landing .tile-c, .studiopop-landing .tile-d, .studiopop-landing .tile-e { grid-column: auto / span 1; grid-row: auto / span 1; }
}
@media (max-width: 760px) {
.studiopop-landing .nav-links { display: none; }
.studiopop-landing .nav-right .btn-reserve-text { display: none; }
.studiopop-landing .burger { display: flex; }
.studiopop-landing .form-row { grid-template-columns: 1fr; }
.studiopop-landing .team-grid { grid-template-columns: 1fr; }
.studiopop-landing .step { grid-template-columns: auto 1fr; }
.studiopop-landing .hero-strip { gap: 22px 36px; }
.studiopop-landing .stack { aspect-ratio: 1/1; margin-top: 12px; }
.studiopop-landing .hero-art { display: none !important; }
.studiopop-landing .hero-lead { max-width: 100% !important; }
.studiopop-landing .hero[data-variant="d"] h1 { font-size: clamp(52px, 17vw, 96px); }
}
@media (min-width: 761px) {
.studiopop-landing .m-menu { display: none; }
}
.studiopop-landing .fx-marquee {
  display: none; overflow: hidden; position: relative;
  background: var(--ink); color: #fff;
  padding: 15px 0; border-block: 3px solid #fff;
}
.studiopop-landing.fx-strip .fx-marquee { display: block; }
.studiopop-landing .fx-marquee .fx-track {
  display: inline-flex; white-space: nowrap; will-change: transform;
  animation: sp-fx-marquee 30s linear infinite;
}
.studiopop-landing .fx-marquee .fx-track > span {
  display: inline-flex; align-items: center; gap: 26px;
  font-family: var(--font-head); font-weight: 800;
  font-size: clamp(17px, 1.9vw, 25px); letter-spacing: .03em; padding-right: 26px;
}
.studiopop-landing .fx-marquee .fx-track > span::after { content: "✦"; color: var(--c-yellow); font-size: .72em; }
.studiopop-landing .fx-marquee .fx-track > span:nth-child(3n)::after { color: var(--c-pink); }
.studiopop-landing .fx-marquee .fx-track > span:nth-child(3n+1)::after { color: var(--c-green); }
@keyframes sp-fx-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
.studiopop-landing .fx-marquee .fx-track { animation: none; }
}
.studiopop-landing.fx-strip .stack .card, .studiopop-landing.fx-strip .team-photo { border-color: #18181d; border-width: 8px; }
.studiopop-landing.fx-strip .stack .card::before, .studiopop-landing.fx-strip .stack .card::after, .studiopop-landing.fx-strip .team-photo::before, .studiopop-landing.fx-strip .team-photo::after {
  content: ""; position: absolute; top: 0; bottom: 0; width: 8px; z-index: 4;
  background-image: repeating-linear-gradient(to bottom, #fff 0 5px, transparent 5px 13px);
  background-size: 4px 100%; background-repeat: no-repeat;
  background-position: center top;
}
.studiopop-landing.fx-strip .stack .card::before, .studiopop-landing.fx-strip .team-photo::before { left: 0; }
.studiopop-landing.fx-strip .stack .card::after, .studiopop-landing.fx-strip .team-photo::after { right: 0; }
.studiopop-landing.fx-strip .team-tag { z-index: 5; }
.studiopop-landing .fx-flash-veil {
  position: fixed; inset: 0; background: #fff; opacity: 0;
  pointer-events: none; z-index: 9991;
}
.studiopop-landing .fx-flash-veil.go { animation: sp-fx-flash .52s ease-out; }
@keyframes sp-fx-flash { 0% { opacity: 0; } 11% { opacity: .5; } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
.studiopop-landing .fx-flash-veil.go { animation: none; }
}
.studiopop-landing .fx-grain-layer {
  position: fixed; inset: 0; pointer-events: none; z-index: 9990; opacity: 0;
  mix-blend-mode: multiply; background-size: 200px 200px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  transition: opacity .4s ease;
}
.studiopop-landing.fx-grain .fx-grain-layer { opacity: .32; }
.studiopop-landing.fx-grain { --shadow-md: 0 18px 50px -12px rgb(120 70 30 / .22); }
.studiopop-landing .eyebrow { display: none; }
.studiopop-landing .about-copy h2, .studiopop-landing .sec-head h2, .studiopop-landing .story-copy h2, .studiopop-landing .page-head h1 {
  font-size: clamp(44px, 7.2vw, 98px);
  width: calc(100% + 8vw);
  margin-left: -4vw;
  margin-right: -4vw;
}
.studiopop-landing .about-copy h2, .studiopop-landing .sec-head h2, .studiopop-landing .story-copy h2, .studiopop-landing .reserve-card h2, .studiopop-landing .page-head h1 {
  margin-bottom: .9em;
  overflow: visible;
}
@media (max-width: 760px) {
.studiopop-landing { --gutter: clamp(24px, 6vw, 64px); }
.studiopop-landing .about-copy h2, .studiopop-landing .sec-head h2, .studiopop-landing .story-copy h2, .studiopop-landing .reserve-card h2, .studiopop-landing .page-head h1 {
    font-size: clamp(44px, 13vw, 70px);
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
.studiopop-landing .discover-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: clamp(150px, 42vw, 200px); gap: 12px; }
.studiopop-landing .tile-a { grid-column: 1 / span 2; grid-row: auto / span 1; }
.studiopop-landing .tile-b, .studiopop-landing .tile-c, .studiopop-landing .tile-d, .studiopop-landing .tile-e { grid-column: auto / span 1; grid-row: auto / span 1; }
.studiopop-landing .section-pad { padding-block: clamp(64px, 11vh, 116px); }
.studiopop-landing .evt-card { padding: clamp(20px, 5vw, 28px); }
}
@media (max-width: 540px) {
.studiopop-landing .evt-grid { grid-template-columns: 1fr; }
.studiopop-landing .footer-bottom { flex-direction: column; align-items: flex-start; gap: 10px; }
}

.studiopop-landing section { scroll-margin-top: 100px; }


.studiopop-landing button { padding: 0; -webkit-appearance: none; appearance: none; }

.studiopop-landing .burger {
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
}

.studiopop-landing .hot,
.studiopop-landing .detail-close,
.studiopop-landing .detail-nav button {
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  line-height: 0 !important;
}

.studiopop-landing .hot > svg,
.studiopop-landing .detail-close > svg,
.studiopop-landing .detail-nav button > svg { display: block; }

/* Anti-coupure des titres */
.studiopop-landing h1, .studiopop-landing h2, .studiopop-landing h3 {
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
}/* End custom CSS */