.showcase-block{gap:1.5rem;display:grid}.before-row,.after-row{gap:1.1rem;display:grid}.browser{background:#fffdf9;border:1px solid #1c14101f;border-radius:1rem;overflow:hidden;box-shadow:0 18px 50px #1c14101f}.browser-top{background:#efe6d8;align-items:center;gap:.55rem;padding:.5rem .65rem;display:flex}.dots{gap:.28rem;display:flex}.dots i{background:#d9cbb8;border-radius:50%;width:.55rem;height:.55rem}.url{color:#5c463c;background:#fff;border-radius:999px;flex:1;align-items:center;gap:.4rem;min-width:0;padding:.22rem .55rem;font-size:.75rem;display:flex}.url b{font-weight:700}.url span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.badge-bad{color:#fff;background:#8f2d2d;border-radius:999px;flex:none;padding:.05rem .4rem;font-size:.68rem;font-weight:700}.badge-ok{color:#234237;flex:none;font-weight:700}.viewport{background:#12110f;height:92cqi;min-height:250px;max-height:460px;position:relative;overflow:hidden;container-type:inline-size}.mini{transform-origin:0 0;width:760px;transform:scale(calc(100cqi / 760px));pointer-events:none;position:absolute;top:0;left:0}.shot figcaption{justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.45rem;font-size:.92rem;font-weight:650;display:flex}.shot figcaption em{color:#5c463c;font-size:.82rem;font-style:normal;font-weight:500}.band-dark .shot figcaption,.band-dark .shot figcaption em{color:#f6f1e7}.shot-note{color:#5c463c;margin-top:.45rem;font-size:.85rem}.band-dark .shot-note{color:#e7d5c6}.mini-old{color:#222;background:#e6e6e6;min-height:700px;padding:14px;font-family:Times New Roman,Times,serif}.old-nav{color:#fff;background:#0b3d91;gap:14px;padding:8px 10px;font-family:Arial,sans-serif;font-size:13px;display:flex}.old-hero{background:#fff;border:1px solid #bbb;margin-top:10px;padding:16px}.old-hero h3{letter-spacing:0;color:#0b3d91;margin:0 0 8px;font-family:Times New Roman,Times,serif;font-size:28px}.old-hero p{margin:0 0 8px;font-size:15px}.old-layout{grid-template-columns:180px 1fr;gap:10px;margin-top:10px;display:grid}.old-side,.old-main{background:#fff;border:1px solid #bbb;padding:10px;font-size:14px}.old-side span{color:#00e;margin:4px 0;text-decoration:underline;display:block}.broken{background:linear-gradient(135deg,#0000 48%,#c5c5c5 49% 51%,#0000 52%),linear-gradient(45deg,#0000 48%,#c5c5c5 49% 51%,#0000 52%),#f2f2f2;border:1px dashed #999;height:90px;margin-top:8px}.counter{color:#9f9;background:#111;margin-top:8px;padding:2px 6px;font-family:Courier New,monospace;display:inline-block}.blur-line,.blur-name{filter:blur(.3px);background:linear-gradient(90deg,#cfc3b4,#b7aa9c 40%,#d9cfc2);border-radius:999px;height:10px;display:block}.blur-line.short{width:62%;margin-top:6px}.blur-name{width:92px;height:14px}.mini-a{color:#f4efe6;background:#121816;min-height:700px;font-family:Fraunces,Georgia,serif}.ma-nav,.mb-nav{justify-content:space-between;align-items:center;padding:16px 22px;font-family:Outfit,sans-serif;font-size:13px;display:flex}.ma-links,.mb-links{opacity:.8}.ma-hero{background:linear-gradient(#080c0a1a,#080c0ab8),radial-gradient(circle at 20% 30%,#3f6d49,#0000 42%),radial-gradient(circle at 70% 80%,#1a3324,#0000 46%),#15241c;border-radius:18px;min-height:250px;margin:0 18px;padding:28px 26px}.ma-kicker,.mb-kicker{letter-spacing:.14em;text-transform:uppercase;opacity:.8;font-family:Outfit,sans-serif;font-size:11px}.ma-title{letter-spacing:-.03em;margin:10px 0 0;font-size:54px;line-height:.95}.ma-actions,.mb-actions{gap:8px;margin-top:18px;font-family:Outfit,sans-serif;display:flex}.ma-btn,.mb-btn{color:#1c1410;background:#e7c27a;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:650}.ma-btn.ghost,.mb-btn.ghost{color:inherit;background:0 0;border:1px solid #ffffff59}.ma-photo{background:linear-gradient(#8fb7e8,#d7ecfb 45%,#7ea36a 46%,#3f6b3a);border-radius:16px;height:170px;margin:16px 18px 0;position:relative;overflow:hidden}.house{width:180px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.roof{border-bottom:52px solid #f7f4ef;border-left:100px solid #0000;border-right:100px solid #0000;width:0;height:0;margin-left:-10px}.walls{background:#f7f4ef;justify-content:center;align-items:flex-end;gap:12px;width:150px;height:78px;margin:0 auto;padding-bottom:0;display:flex}.win{background:#14324a;width:28px;height:34px;margin-bottom:16px}.tree{background:#245c34;border-radius:50%;width:54px;height:54px;position:absolute;bottom:28px;right:70px}.tree:after{content:"";background:#6b4423;width:6px;height:28px;position:absolute;top:48px;left:24px}.mini-b{color:#1d2b24;background:#f3eee4;min-height:700px}.mb-nav{color:#1e3a30}.mb-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:16px;padding:8px 22px 18px;display:grid}.mb-title{letter-spacing:-.03em;margin:8px 0 0;font-family:Fraunces,Georgia,serif;font-size:40px;line-height:1}.mb-btn{color:#fff;background:#c4552a}.mb-btn.ghost{color:#1e3a30;border-color:#1e3a304d}.mb-photo{background:linear-gradient(#b9d7f5,#e7f3e4 48%,#6fa15d 49%);border-radius:16px;height:180px;position:relative;overflow:hidden}.mb-cards{grid-template-columns:1fr 1fr 1fr;gap:8px;padding:0 22px;display:grid}.mb-cards article{background:#fff;border-radius:12px;padding:10px;font-family:Outfit,sans-serif;font-size:13px}.mb-cards strong{margin-bottom:4px;font-family:Fraunces,Georgia,serif;font-size:15px;display:block}.redact{vertical-align:middle;background:#ddd4c6;border-radius:99px;width:74px;height:9px;display:inline-block}@media (width>=900px){.before-row{grid-template-columns:.9fr 1.1fr;align-items:center}.after-row{grid-template-columns:1fr 1fr}}