.mitre{width:54px;margin:0 auto 12px}
.mitre svg{display:block;width:100%;overflow:visible}
.mitre path:first-child,.mitre path:last-child{fill:var(--red);stroke:var(--red);stroke-width:3;stroke-linejoin:round}
.mitre path:nth-child(2){fill:none;stroke:var(--gold);stroke-width:5;stroke-linecap:round}
.inspiration{text-align:center;padding:78px 0 34px}
.inspiration h2{font-size:clamp(32px,4vw,48px)}
.inspiration>.muted{margin:12px 0 30px}
.examples{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;text-align:left;max-width:900px;margin:0 auto}
.examples figure{margin:0;background:#fff;border:1px solid #e6d6c5;border-radius:10px;overflow:hidden;box-shadow:0 12px 35px #5725150c;position:relative;isolation:isolate;cursor:zoom-in}
.examples canvas.example-preview{width:100%;height:auto;background:#f5ecdf;display:block}
.logo-lens{position:absolute;width:46%;height:auto;right:16px;bottom:58px;border:4px solid #fff;border-radius:12px;background:#fff;box-shadow:0 14px 40px #38191855;opacity:0;transform:translateY(8px) scale(.96);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:3}
.examples figure:hover .logo-lens,.examples figure:focus-within .logo-lens,.examples figure.zoom-open .logo-lens{opacity:1;transform:none}
.examples figcaption{padding:13px 15px;color:var(--red);font-family:Georgia,serif;font-size:18px}
.inspiration>.caption{margin-top:18px}
.notice-dialog{text-align:center;max-width:480px}
.notice-dialog .notice-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 17px;border-radius:50%;background:#f1e4d2;color:var(--red);font-size:32px;line-height:1}
.notice-dialog .primary{margin-top:22px}
.delivery{display:grid!important;grid-template-columns:auto 1fr;gap:4px 12px!important;align-items:center!important;background:#fff8ed;border:1px solid #e0ccb2;border-radius:7px;padding:10px 12px;margin:-7px 0 18px}
.delivery strong{font:700 15px Arial,sans-serif!important;color:var(--red);white-space:nowrap}
.delivery span{font-size:12px;color:var(--muted)}
.order-deadline{margin:0 0 18px;padding:10px 12px;border:1px solid var(--gold);border-radius:6px;background:#fff8ed;color:var(--red);font-size:14px;text-align:center}
.order-deadline strong{display:flex;justify-content:center;gap:0 .35em;flex-wrap:wrap;max-width:100%}.order-deadline span{white-space:nowrap}
.closed-notice{margin:12px 0 0;padding:11px 13px;border-radius:7px;background:#f4dfb9;color:var(--red);font-size:13px;font-weight:700;text-align:center}
.order-confirmation{margin:20px 0;padding:4px 20px;border:1px solid #e0ccb2;border-radius:10px;background:#fff8ed;text-align:left}
.order-confirmation p{padding:13px 0;margin:0;border-bottom:1px solid #eadbc8;line-height:1.55}
.order-confirmation p:last-child{border-bottom:0}
.order-confirmation strong{color:var(--red)}
dialog select{width:100%;border:1px solid #cbb5a4;border-radius:4px;background:#fff;padding:10px;min-width:0;font:inherit;color:var(--dark)}
@media(max-width:760px){html,body{max-width:100%;overflow-x:hidden}main,.studio,.product,.controls{min-width:0;max-width:100%}.product canvas{width:100%;max-width:100%;height:auto}.product-top,.caption,.controls h2,.controls p{max-width:100%;overflow-wrap:anywhere;word-break:normal}.controls h2{font-size:clamp(25px,8vw,30px)}.caption{padding-left:14px;padding-right:14px}.order-deadline{width:100%;font-size:13px;padding:10px 8px}.order-deadline strong{flex-direction:column;align-items:center;gap:1px}.examples{grid-template-columns:repeat(2,1fr);gap:12px}.inspiration{padding-top:55px}.examples figcaption{font-size:16px;padding:10px 12px}.logo-lens{width:72%;right:8px;bottom:48px;border-width:3px}.delivery{grid-template-columns:1fr}}