.open-badge{display:inline-flex;align-items:center;gap:12px;margin:0 0 10px;padding:7px 14px;border-radius:999px;background:var(--yellow);color:var(--green-dark);font-size:.75rem;font-weight:800;letter-spacing:.1em}.open-badge span{padding-left:12px;border-left:1px solid rgba(12,64,54,.3);letter-spacing:.03em}.hero-new{background:linear-gradient(135deg,#f8fcfa 0%,#edf8f3 62%,#fff 62%)}
.hero-slider{position:relative;min-width:0}.slides{position:relative;height:520px;overflow:hidden;border-radius:12px 120px 12px 12px;box-shadow:var(--shadow);background:var(--green-dark)}.slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .75s ease,visibility .75s}.slide.is-active{opacity:1;visibility:visible}.slide img{width:100%;height:100%;object-fit:cover}.slide:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(5,30,25,.72))}.slide figcaption{position:absolute;z-index:2;left:30px;right:30px;bottom:30px;color:#fff;display:flex;align-items:end;justify-content:space-between;gap:20px}.slide figcaption b{font-size:1.45rem;letter-spacing:.08em}.slide figcaption span{font-size:.82rem}.slider-arrow{position:absolute;z-index:3;top:50%;width:44px;height:44px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(8,46,39,.48);color:#fff;font-size:2rem;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}.slider-arrow:hover,.slider-arrow:focus-visible{background:var(--green);outline:2px solid #fff;outline-offset:2px}.slider-arrow.prev{left:14px}.slider-arrow.next{right:14px}.slider-controls{position:absolute;z-index:3;left:50%;bottom:14px;display:flex;gap:8px;transform:translateX(-50%)}.dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.48);cursor:pointer}.dot.is-active{width:28px;border-radius:99px;background:#fff}.sample-note{position:absolute;right:4px;bottom:-32px;margin:0;color:var(--muted);font-size:.7rem}
.new-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.new-work-card{position:relative;overflow:hidden;min-height:350px;padding:34px;border-radius:20px;background:#fff;color:var(--ink)}.new-work-card:before{content:"";position:absolute;right:-45px;top:-45px;width:150px;height:150px;border-radius:50%;background:var(--card-soft,#eaf6f1)}.new-work-card .card-number{position:absolute;right:24px;top:20px;color:var(--green);font-size:.75rem;font-weight:800;letter-spacing:.16em}.card-icon{position:relative;width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:var(--card-soft,#eaf6f1);color:var(--green-dark);font-size:1.45rem;font-weight:800}.new-work-card h3{margin:24px 0 10px;font-size:1.65rem}.new-work-card p{margin:0;color:var(--muted);font-size:.94rem}.new-work-card ul{display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:22px 0 0;list-style:none}.new-work-card li{padding:5px 10px;border-radius:99px;background:var(--card-soft,#eaf6f1);font-size:.72rem;font-weight:700}.new-work-card.cafe{--card-soft:#fff2d5}.new-work-card.video{--card-soft:#e4efff}.new-work-card.ai{--card-soft:#eee8ff}.new-work-card.ebay{--card-soft:#e6f7ee}.support-photo{position:relative}.image-label{position:absolute;right:-20px;bottom:30px;padding:14px 20px;border-radius:10px;background:var(--yellow);color:var(--green-dark);font-weight:800;box-shadow:var(--shadow)}select{width:100%;margin-top:7px;border:1px solid #ccd9d5;border-radius:9px;padding:14px;font:inherit;font-size:.95rem;background:#fbfdfc}select:focus{outline:3px solid rgba(23,105,87,.17);border-color:var(--green)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide{transition:none}}
@media(max-width:900px){.slides{height:430px}.new-work-grid{grid-template-columns:1fr 1fr}.hero-new{padding-bottom:100px}}
@media(max-width:580px){.open-badge{align-items:flex-start;flex-direction:column;gap:3px;border-radius:12px}.open-badge span{padding-left:0;border-left:0}.slides{height:340px;border-radius:10px 70px 10px 10px}.slide figcaption{left:20px;right:20px;bottom:30px;align-items:flex-start;flex-direction:column;gap:2px}.slider-arrow{width:40px;height:40px}.new-work-grid{grid-template-columns:1fr}.new-work-card{min-height:auto;padding:28px}.image-label{right:10px}.sample-note{right:0}}
