/* Amit Circle Showcase – circle-showcase.css v4.0.0 */

.acse-section{position:relative;width:100%;overflow:hidden;background:#fff;padding:80px 20px;box-sizing:border-box}
.acse-header{text-align:center;max-width:660px;margin:0 auto 60px;padding:0 16px;box-sizing:border-box}
.acse-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#c8920e;margin-bottom:14px}
.acse-title{font-size:46px;font-weight:700;line-height:1.15;color:#1c1c1c;margin:0 0 20px;padding:0}
.acse-desc{font-size:16px;font-weight:300;line-height:1.8;color:#777;margin:0 0 30px}
.acse-hbtn{display:inline-flex;align-items:center;gap:10px;padding:14px 38px;background:#2d5a27;color:#fff;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-radius:50px;box-shadow:0 6px 22px rgba(45,90,39,.28);transition:background .28s,transform .28s,box-shadow .28s}
.acse-hbtn:hover,.acse-hbtn:focus{background:#1e4019;color:#fff;text-decoration:none;transform:translateY(-3px);box-shadow:0 14px 36px rgba(45,90,39,.34);outline:none}
.acse-hbtn svg{flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}

.acse-canvas{position:relative;width:100%;box-sizing:border-box}

.acse-canvas-wave{min-height:440px}
.acse-canvas-wave .acse-circle{position:absolute}

.acse-canvas-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding:20px 0 30px}
.acse-canvas-row .acse-circle{position:relative!important;left:auto!important;top:auto!important}

.acse-canvas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:28px;justify-items:center;padding:20px 0 30px}
.acse-canvas-grid .acse-circle{position:relative!important;left:auto!important;top:auto!important}

.acse-circle{width:220px;height:220px;border-radius:50%;overflow:hidden;cursor:pointer;z-index:1;flex-shrink:0;box-shadow:0 6px 28px rgba(0,0,0,.13);transition:box-shadow .35s ease,transform .4s cubic-bezier(.34,1.4,.64,1)}
.acse-circle:hover{box-shadow:0 20px 60px rgba(0,0,0,.22);transform:scale(1.07);z-index:20}

.acse-plate{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden;transition:opacity .38s ease;box-sizing:border-box}
.acse-plate::before{content:'';position:absolute;inset:0;border-radius:50%;border:11px solid #111;z-index:4;pointer-events:none;box-sizing:border-box}
.acse-plate::after{content:'';position:absolute;inset:15px;border-radius:50%;border:2px solid #333;z-index:4;pointer-events:none;box-sizing:border-box}
.acse-circle:hover .acse-plate{opacity:.1}

.acse-plate-img{width:100%;height:100%;object-fit:cover;display:block}
.acse-plate-art{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}

.acse-grain{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle 4px at 18% 28%,rgba(130,88,18,.7) 0%,transparent 100%),radial-gradient(circle 3px at 72% 20%,rgba(148,100,22,.65) 0%,transparent 100%),radial-gradient(circle 4.5px at 84% 66%,rgba(118,80,14,.7) 0%,transparent 100%),radial-gradient(circle 3px at 24% 76%,rgba(140,96,20,.6) 0%,transparent 100%),radial-gradient(circle 3.5px at 50% 12%,rgba(128,84,16,.65) 0%,transparent 100%),radial-gradient(circle 3px at 12% 54%,rgba(136,92,18,.6) 0%,transparent 100%),radial-gradient(circle 4px at 64% 86%,rgba(128,84,16,.65) 0%,transparent 100%),radial-gradient(circle 5px at 91% 44%,rgba(118,76,12,.7) 0%,transparent 100%)}
.acse-powder{position:absolute;bottom:16%;left:16%;right:16%;height:32%;background:radial-gradient(ellipse at 50% 65%,rgba(225,198,115,.6) 0%,rgba(200,168,60,.1) 100%);border-radius:40%}
.acse-onion{position:absolute;width:58px;height:64px;background:radial-gradient(ellipse at 36% 30%,#fff 0%,#ececec 40%,#d6d6d6 100%);border-radius:50% 50% 50% 50%/62% 62% 38% 38%;box-shadow:inset -4px -4px 10px rgba(0,0,0,.09),2px 4px 10px rgba(0,0,0,.12);z-index:2}
.acse-onion::before{content:'';position:absolute;width:9px;height:14px;background:#4e8030;border-radius:4px 4px 0 0;top:-12px;left:50%;transform:translateX(-50%)}

.acse-overlay{position:absolute;inset:0;border-radius:50%;background:rgba(20,50,14,.88);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px 22px;text-align:center;opacity:0;transform:scale(.82);transition:opacity .36s ease,transform .44s cubic-bezier(.34,1.4,.64,1);z-index:10;pointer-events:none;box-sizing:border-box}
.acse-circle:hover .acse-overlay{opacity:1;transform:scale(1);pointer-events:auto}
.acse-circle.acse-tapped .acse-plate{opacity:.1}
.acse-circle.acse-tapped .acse-overlay{opacity:1;transform:scale(1);pointer-events:auto}

.acse-o-dot{width:7px;height:7px;border-radius:50%;background:#c8920e;margin-bottom:10px;flex-shrink:0}
.acse-o-name{font-size:18px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:7px;word-break:break-word}
.acse-o-sep{width:26px;height:2px;background:#c8920e;border-radius:1px;margin:0 auto 10px;flex-shrink:0}
.acse-o-desc{font-size:12px;color:rgba(255,255,255,.78);line-height:1.55;margin-bottom:14px;word-break:break-word}
.acse-o-btn{display:inline-block;padding:8px 22px;background:#c8920e;color:#fff;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:50px;flex-shrink:0;box-shadow:0 4px 14px rgba(0,0,0,.22);transition:background .2s,transform .2s}
.acse-o-btn:hover,.acse-o-btn:focus{background:#e0a820;color:#fff;text-decoration:none;transform:scale(1.06);outline:none}

@media(max-width:1100px){.acse-circle{width:185px;height:185px}.acse-canvas-wave{min-height:360px}.acse-title{font-size:38px}}
@media(max-width:860px){.acse-canvas-wave{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;min-height:unset;padding:20px 0 30px}.acse-canvas-wave .acse-circle{position:relative!important;left:auto!important;top:auto!important}.acse-circle{width:160px;height:160px}.acse-title{font-size:30px}.acse-header{margin-bottom:36px}}
@media(max-width:540px){.acse-section{padding:50px 12px 60px}.acse-circle{width:138px;height:138px}.acse-title{font-size:24px}.acse-desc{font-size:14px}.acse-header{margin-bottom:24px}.acse-o-desc{display:none}.acse-o-name{font-size:14px}.acse-o-btn{font-size:10px;padding:6px 14px}.acse-canvas-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:360px){.acse-circle{width:115px;height:115px}.acse-onion{width:38px;height:42px}}