.perco-showcase{
  position:relative;width:100%;box-sizing:border-box;container-type:inline-size;
  --perco-ratio:6/5;--perco-title-color:#064D47;--perco-title-font:inherit;--perco-title-size-desktop:64px;--perco-title-size-tablet:48px;--perco-title-size-mobile:34px;--perco-title-weight:700;--perco-title-line-height:1.08;--perco-title-letter-spacing:-1px;--perco-text-color:#064D47;
  --perco-content-bg:#F9F1E4;--perco-image-bg:#F9F1E4;
  --perco-image-radius-tl:48px;--perco-image-radius-tr:48px;--perco-image-radius-br:48px;--perco-image-radius-bl:48px;
  --perco-image-padding:18px;--perco-content-radius-tl:0px;--perco-content-radius-tr:0px;--perco-content-radius-br:44px;--perco-content-radius-bl:44px;
  --perco-content-outer-padding:0px;--perco-content-gap:0px;
  --perco-btn-color:#FFE0C0;--perco-btn-color-2:#FFC38F;--perco-btn-text:#064D47;--perco-btn-radius:48px;
  --perco-frame-width:2px;--perco-frame-radius:44px;--perco-frame-bg:#0A534C;
  --perco-divider-thickness:4px;--perco-divider-radius:20px;--perco-divider-width:42%;--perco-divider-bg:linear-gradient(90deg,#0A534C,#E46F00);
  --perco-btn-angle:180deg;--perco-btn-border-width:2px;--perco-btn-border-bg:linear-gradient(180deg,#E9A568,#FFF2E2);
  --perco-btn-glass-opacity:78%;--perco-btn-glass-blur:14px;
  font-family:inherit;background:var(--perco-content-bg);border-radius:var(--perco-frame-radius);overflow:hidden;
  box-shadow:0 10px 22px rgba(5,58,53,.11),0 2px 5px rgba(0,0,0,.08)
}
.perco-showcase::before{content:"";position:absolute;inset:0;z-index:30;pointer-events:none;border-radius:var(--perco-frame-radius);padding:var(--perco-frame-width);background:var(--perco-frame-bg);box-sizing:border-box;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.perco-media-shell{
  position:relative;
  background:var(--perco-image-bg);
  padding:var(--perco-image-padding);
  border-radius:
    calc(var(--perco-image-radius-tl) + var(--perco-image-padding))
    calc(var(--perco-image-radius-tr) + var(--perco-image-padding))
    calc(var(--perco-image-radius-br) + var(--perco-image-padding))
    calc(var(--perco-image-radius-bl) + var(--perco-image-padding));
  overflow:hidden;
  box-sizing:border-box;
}
.perco-media-stage{
  position:relative;
  width:100%;
  aspect-ratio:var(--perco-ratio);
  overflow:hidden !important;
  border-radius:
    var(--perco-image-radius-tl)
    var(--perco-image-radius-tr)
    var(--perco-image-radius-br)
    var(--perco-image-radius-bl) !important;
  clip-path:inset(0 round
    var(--perco-image-radius-tl)
    var(--perco-image-radius-tr)
    var(--perco-image-radius-br)
    var(--perco-image-radius-bl));
  box-sizing:border-box;
}
.perco-media-panel{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:0;
  will-change:transform,opacity,clip-path;
  transform:translateZ(0);
  backface-visibility:hidden;
  overflow:hidden !important;
  border-radius:
    var(--perco-image-radius-tl)
    var(--perco-image-radius-tr)
    var(--perco-image-radius-br)
    var(--perco-image-radius-bl) !important;
}
.perco-media-panel.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.perco-media-panel img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:
    var(--perco-image-radius-tl)
    var(--perco-image-radius-tr)
    var(--perco-image-radius-br)
    var(--perco-image-radius-bl) !important;
  clip-path:inset(0 round
    var(--perco-image-radius-tl)
    var(--perco-image-radius-tr)
    var(--perco-image-radius-br)
    var(--perco-image-radius-bl));
}
.perco-content-stage{position:relative;overflow:visible;background:transparent;margin-top:var(--perco-content-gap);transition:height .22s ease}
.perco-content-panel{position:absolute;inset:0 auto auto 0;width:100%;box-sizing:border-box;padding:var(--perco-content-outer-padding);opacity:0;visibility:hidden;pointer-events:none;will-change:transform,opacity;transform-origin:center center;background:transparent;backface-visibility:hidden}
.perco-content-panel.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.perco-content-card{width:100%;box-sizing:border-box;background:var(--perco-content-bg);border-radius:var(--perco-content-radius-tl) var(--perco-content-radius-tr) var(--perco-content-radius-br) var(--perco-content-radius-bl);overflow:hidden}
.perco-content{padding:clamp(30px,4.3cqw,52px) clamp(24px,5cqw,58px) clamp(48px,6.2cqw,78px);text-align:left;background:transparent}
.perco-showcase.align-center .perco-content{text-align:center}.perco-showcase.align-right .perco-content{text-align:right}
.perco-content h3{max-width:78%;margin:0 auto clamp(18px,2.2cqw,28px);font-family:var(--perco-title-font);font-size:var(--perco-title-size-desktop);font-weight:var(--perco-title-weight);line-height:var(--perco-title-line-height);letter-spacing:var(--perco-title-letter-spacing);color:var(--perco-title-color);text-wrap:balance}
.perco-divider{display:block;width:var(--perco-divider-width);height:var(--perco-divider-thickness);border-radius:var(--perco-divider-radius);background:var(--perco-divider-bg);margin:0 0 clamp(24px,3.2cqw,38px);box-shadow:0 1px 2px rgba(0,0,0,.04)}
.perco-showcase.align-center .perco-divider{margin-left:auto;margin-right:auto}.perco-showcase.align-right .perco-divider{margin-left:auto;margin-right:0}.perco-showcase.divider-disabled .perco-divider{display:none}
.perco-text{max-width:82%;margin-left:auto;margin-right:auto;font-size:clamp(15px,1.8cqw,19px);line-height:1.65;color:var(--perco-text-color)}.perco-text p{margin:0 0 14px}
.perco-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:clamp(12px,2cqw,22px);min-width:46%;margin-top:clamp(6px,1cqw,12px);padding:clamp(14px,2cqw,20px) clamp(28px,4cqw,46px);border-radius:var(--perco-btn-radius);font-size:clamp(20px,3.2cqw,34px);font-weight:500;line-height:1.1;text-decoration:none;transition:transform .25s ease,filter .25s ease,box-shadow .25s ease;background:var(--perco-btn-color);color:var(--perco-btn-text);border:0;overflow:hidden;backdrop-filter:none;-webkit-backdrop-filter:none}
.perco-button>*{position:relative;z-index:3}.perco-button-arrow{font-size:1.18em;line-height:.9;transform:translateY(-.02em)}
.perco-button::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;padding:var(--perco-btn-border-width);background:var(--perco-btn-border-bg);box-sizing:border-box;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.perco-showcase.button-gradient .perco-button{background:linear-gradient(var(--perco-btn-angle),var(--perco-btn-color),var(--perco-btn-color-2));color:var(--perco-btn-text)}
.perco-showcase.button-outline .perco-button{background:transparent;color:var(--perco-btn-color)}
.perco-showcase.button-glass.button-solid .perco-button{background:color-mix(in srgb,var(--perco-btn-color) var(--perco-btn-glass-opacity),transparent)}
.perco-showcase.button-glass.button-gradient .perco-button{background:linear-gradient(var(--perco-btn-angle),color-mix(in srgb,var(--perco-btn-color) var(--perco-btn-glass-opacity),transparent),color-mix(in srgb,var(--perco-btn-color-2) var(--perco-btn-glass-opacity),transparent))}
.perco-showcase.button-glass.button-outline .perco-button{background:rgba(255,255,255,.14)}
.perco-showcase.button-glass .perco-button{backdrop-filter:blur(var(--perco-btn-glass-blur));-webkit-backdrop-filter:blur(var(--perco-btn-glass-blur));box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -2px 5px rgba(215,117,42,.16),0 7px 16px rgba(133,77,31,.16),0 2px 4px rgba(0,0,0,.09)}
.perco-showcase.button-glass .perco-button::after{content:"";position:absolute;inset:2px;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,.05) 48%,rgba(255,255,255,.16));z-index:1;mix-blend-mode:screen}
.perco-button:hover{transform:translateY(-2px);filter:brightness(1.025);box-shadow:0 10px 24px rgba(116,70,31,.18)}
.perco-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:8;width:clamp(52px,9cqw,82px);height:clamp(52px,9cqw,82px);border:1.5px solid rgba(10,83,76,.28);border-radius:50%;background:rgba(255,255,255,.80);color:#0A534C;font-size:clamp(38px,6cqw,58px);font-weight:300;line-height:.8;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -2px 8px rgba(10,83,76,.08),0 6px 17px rgba(0,0,0,.15)}
.perco-prev{left:calc(var(--perco-image-padding) + 20px)}.perco-next{right:calc(var(--perco-image-padding) + 20px)}
.perco-dots{position:absolute;left:50%;bottom:calc(var(--perco-image-padding) + 24px);z-index:8;transform:translateX(-50%);display:flex;gap:14px}
.perco-dot{width:14px;height:14px;padding:0;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.18);opacity:.56;cursor:pointer;transition:transform .22s ease,opacity .22s ease}.perco-dot.is-active{opacity:1;transform:scale(1.12)}
@media(max-width:1024px){.perco-content h3{font-size:var(--perco-title-size-tablet)}}
@media(max-width:767px){.perco-content{padding:24px 18px 42px}.perco-content h3{max-width:92%;font-size:var(--perco-title-size-mobile)}.perco-button{min-width:58%;font-size:clamp(18px,5.5cqw,24px);padding:13px 24px}.perco-arrow{width:48px;height:48px;font-size:36px}.perco-dot{width:10px;height:10px}.perco-dots{gap:10px;bottom:calc(var(--perco-image-padding) + 16px)}}
@media(prefers-reduced-motion:reduce){.perco-media-panel,.perco-content-panel{animation:none!important}.perco-button,.perco-dot{transition:none!important}}