.completed-work{padding-bottom:92px}
.completed-project+.completed-project{margin-top:32px}
.completed-blog .completed-visual{background-color:#e5c9a7}
.blog-notebook{position:absolute;left:18%;top:20%;width:245px;height:290px;padding:25px;background:var(--cream);border:1px solid var(--blue);border-left:16px solid var(--blue);rotate:-8deg;box-shadow:10px 12px 0 #30348730;z-index:2}
.blog-notebook>small{font-size:8px;font-weight:800;letter-spacing:1px}.blog-notebook>b{font-size:44px;line-height:1.03;display:block;margin-top:20px;letter-spacing:-2px}.blog-notebook>b em{font-family:'Playfair Display',Georgia,serif;font-weight:600}.blog-notebook>img{width:75px;position:absolute;bottom:20px;right:20px}
.blog-note{position:absolute;right:10%;top:48%;background:var(--yellow);border:1px solid #30348744;padding:20px;font-size:14px;font-family:'Playfair Display',Georgia,serif;font-style:italic;line-height:1.5;rotate:9deg;z-index:3}.blog-note:before{content:'';position:absolute;top:-11px;left:30%;width:50px;height:23px;background:#e2cba8b0;border:1px solid #fff6;rotate:-13deg}
.hero-copy>p{white-space:pre-line}
@media(max-width:760px){.blog-notebook{left:13%;top:22%;scale:.8;transform-origin:top left}.blog-note{right:8%;top:49%;font-size:12px;padding:16px}}
.completed-project{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--blue);background:var(--cream);overflow:hidden}
.completed-project:hover .completed-cta{background:var(--yellow);color:var(--blue)}
.completed-visual{min-height:490px;position:relative;overflow:hidden;background-color:#c8cae9;background-image:linear-gradient(#30348725 1px,transparent 1px),linear-gradient(90deg,#30348725 1px,transparent 1px);background-size:44px 44px;isolation:isolate}
.completed-visual::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.28;background:url('assets/bubble-wrap-photo.webp') center/cover;z-index:5;mix-blend-mode:screen}
.completed-label{position:absolute;top:24px;left:20px;background:var(--yellow);padding:9px 12px;font-size:10px;font-weight:800;letter-spacing:.5px;rotate:-3deg;z-index:3}
.mini-booth{position:absolute;left:13%;top:22%;width:230px;height:300px;border:2px solid var(--blue);background:var(--blue);color:var(--cream);box-shadow:10px 12px 0 #2025695c;rotate:-8deg;padding:22px}
.mini-booth-lamp{display:block;width:62px;height:13px;border:3px solid var(--cream);background:#e6a3b0;border-radius:20px;margin-bottom:15px}
.mini-booth-name{font-size:39px;line-height:1;font-weight:900;letter-spacing:-1px}.mini-booth-name i{font-family:'Playfair Display',Georgia,serif;font-weight:600;color:var(--yellow)}
.mini-booth-lens{display:block;position:absolute;right:20px;top:35px;width:65px;height:65px;border:9px solid var(--yellow);background:radial-gradient(circle at 35% 30%,#fff 0 7%,#8d9dd3 9% 25%,#202558 29% 60%,#696eb1 62%);border-radius:50%;box-shadow:0 0 0 3px var(--cream)}
.mini-booth-slot{position:absolute;bottom:30px;left:25px;right:25px;height:13px;background:#111444;border:3px solid #8589c2}
.mini-strip{position:absolute;width:126px;right:11%;top:18%;padding:9px 9px 14px;background:var(--cream);rotate:9deg;box-shadow:4px 7px 13px #15174444;z-index:2}
.mini-strip>span{display:grid;place-items:center;height:70px;margin-bottom:7px;background:#e4b4be;overflow:hidden}.mini-strip>span:nth-child(2){background:#f6d373}.mini-strip>span:nth-child(3){background:#a8c7be}.mini-strip>span:nth-child(4){background:#bcb4da}
.mini-strip img{width:53px;height:53px;object-fit:contain}.mini-strip b{display:block;font-size:6px;text-align:center;letter-spacing:.3px;line-height:1.5}
.completed-star{position:absolute;width:86px;left:7%;bottom:26px;rotate:-12deg;z-index:3}
.completed-stamp{position:absolute;right:9%;bottom:30px;font-size:8px;font-weight:800;line-height:1.7;letter-spacing:1px;rotate:6deg;text-align:center;border:1px dashed var(--blue);padding:9px 13px}
.completed-copy{padding:52px 42px;display:flex;flex-direction:column;justify-content:center}.completed-copy h3{font-size:57px;letter-spacing:-2px;line-height:1.03}.completed-copy h3>span{display:block;font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:30px;font-weight:600;letter-spacing:-1px;margin-top:10px}
.completed-copy>p{font-size:15px;line-height:1.7;margin-top:25px}.completed-features{display:flex;gap:7px;flex-wrap:wrap;list-style:none;padding:0;margin:24px 0 28px}.completed-features li{font-size:10px;border:1px solid #30348775;border-radius:20px;padding:7px 10px}
.completed-cta{background:var(--blue);color:var(--cream);padding:17px 20px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:800;transition:background .2s,color .2s}.completed-cta>span{font-size:25px;line-height:1}.completed-copy>small{font-size:10px;opacity:.7;margin-top:12px}
@media(max-width:1000px){.completed-project{grid-template-columns:minmax(0,1fr)}.completed-visual{min-height:420px}.mini-booth{left:24%;top:19%}.mini-strip{right:24%;top:12%}.completed-copy{padding:35px}}
@media(max-width:760px){.completed-work{padding-bottom:60px}.completed-work h2{font-size:43px;letter-spacing:-2px}.completed-visual{min-height:380px}.mini-booth{left:12%;top:23%;scale:.78;transform-origin:top left}.mini-strip{width:110px;right:10%;top:20%;scale:.88;transform-origin:top right}.mini-strip>span{height:64px}.completed-label{font-size:8px;left:16px;top:20px}.completed-star{width:64px;bottom:23px}.completed-stamp{font-size:6px;right:7%;bottom:25px}.completed-copy{padding:28px 22px}.completed-copy h3{font-size:48px}.completed-copy h3>span{font-size:26px}.completed-copy>p{font-size:14px}.completed-features{margin:20px 0 24px}.completed-cta{min-height:54px}}
@media(max-width:360px){.mini-booth{left:10%;scale:.7}.mini-strip{right:8%;scale:.8}.completed-copy h3{font-size:43px}.completed-copy h3>span{font-size:23px}}
@media(prefers-reduced-motion:reduce){.completed-cta{transition:none}}

@media(max-width:760px){
  .completed-work .completed-copy{min-width:0}
  .completed-work .completed-copy h3{font-size:clamp(38px,10.5vw,48px);line-height:1.18;overflow-wrap:anywhere}
  .completed-work .completed-copy h3>span{line-height:1.35;letter-spacing:-.6px}
  .completed-work .completed-cta{gap:16px;line-height:1.5}
  .completed-work .completed-cta>span{flex-shrink:0}
  .completed-blog .completed-visual{min-height:420px}
  .completed-blog .blog-notebook{top:18%}
  .completed-blog .blog-note{top:auto;bottom:18px;right:7%;max-width:calc(100% - 100px)}
}