.werk-intro{max-width:1100px;margin:0 auto;padding:6rem 2rem 4rem;text-align:center}.werk-intro h2{font-family:var(--heading);font-size:clamp(2.4rem,5.5vw,4.2rem);text-transform:uppercase;letter-spacing:.02em;line-height:1;margin:.8rem 0 1.5rem}.werk-intro p{font-family:var(--body);color:var(--soft);line-height:1.75;font-weight:300;font-size:clamp(.95rem,1.15vw,1.1rem);max-width:680px;margin:0 auto}.werk-filters{max-width:1400px;margin:0 auto;padding:0 2rem 3rem;display:flex;justify-content:center}.filter-pills{display:inline-flex;flex-wrap:wrap;gap:.3rem;padding:.4rem;background:var(--card-bg);border:1px solid var(--line);border-radius:100px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.filter-pill{font-family:var(--accent-font);font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);background:transparent;border:none;padding:.7rem 1.4rem;border-radius:100px;cursor:pointer;font-weight:400;transition:color .4s cubic-bezier(.16,1,.3,1),background .4s cubic-bezier(.16,1,.3,1)}.filter-pill:hover{color:var(--white)}.filter-pill.active{color:var(--bg);background:var(--accent)}.werk-collage{max-width:1500px;margin:0 auto;padding:0 2rem 5rem}.collage-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:1rem;grid-auto-flow:dense}.tile{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:var(--card-surface);cursor:pointer;isolation:isolate;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1),border-color .5s cubic-bezier(.16,1,.3,1)}.tile:hover{transform:translateY(-4px);border-color:var(--accent-dim)}.tile.hidden{opacity:0;transform:scale(.9);pointer-events:none;display:none}.tile-hero,.tile-big{grid-column:span 2;grid-row:span 2}.tile-wide{grid-column:span 2;grid-row:span 1}.tile-tall{grid-column:span 1;grid-row:span 2}.tile-std{grid-column:span 1;grid-row:span 1}.tile-image{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1}.tile-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.4s cubic-bezier(.16,1,.3,1)}.tile:hover .tile-image img{transform:scale(1.08)}.tile-image .placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--accent-font);font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);background:linear-gradient(135deg,#141414,#0a0a0a)}.tile-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000e0,#00000059 40%,#0000 70%);pointer-events:none;z-index:2;transition:opacity .5s cubic-bezier(.16,1,.3,1)}.tile:hover .tile-gradient{opacity:1.15}.tile-pill-top{position:absolute;top:1rem;left:1rem;z-index:4;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;background:#000000b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);border-radius:100px;font-family:var(--accent-font);font-size:.56rem;letter-spacing:.25em;text-transform:uppercase;color:var(--white);transition:border-color .4s cubic-bezier(.16,1,.3,1),background .4s cubic-bezier(.16,1,.3,1);max-width:calc(100% - 5rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile:hover .tile-pill-top{border-color:var(--accent);background:#000000e0}.tile-pill-top .dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 8px var(--accent)}.tile-number{position:absolute;top:1rem;right:1rem;z-index:4;font-family:var(--heading);font-size:1.3rem;color:var(--accent);background:#000000b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:.25rem .65rem;line-height:1}.tile-hero .tile-number,.tile-big .tile-number{font-size:1.6rem;padding:.35rem .8rem}.tile-info{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:1.4rem;pointer-events:none}.tile-info h3{font-family:var(--heading);font-size:clamp(1.1rem,1.6vw,1.6rem);text-transform:uppercase;letter-spacing:.02em;line-height:.95;color:var(--white);margin:0;text-shadow:0 2px 14px rgba(0,0,0,.6)}.tile-hero .tile-info h3,.tile-big .tile-info h3{font-size:clamp(1.8rem,2.8vw,2.6rem)}.tile-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1),margin-top .5s cubic-bezier(.16,1,.3,1)}.tile:hover .tile-chips{max-height:100px;opacity:1;margin-top:.75rem}.tile-chip{font-family:var(--accent-font);font-size:.52rem;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-dim);background:#00000080;padding:.3rem .7rem;border-radius:100px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tile-open-hint{position:absolute;bottom:1rem;right:1rem;z-index:5;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--bg);border-radius:50%;opacity:0;transform:scale(.8);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);box-shadow:0 6px 20px #e2b03f4d}.tile:hover .tile-open-hint{opacity:1;transform:scale(1)}.tile-open-hint svg{width:14px;height:14px}.tile.is-detail .tile-info h3{font-size:.95rem}.werk-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;padding:2rem;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.werk-modal.open{opacity:1;pointer-events:auto}.modal-card{max-width:1100px;width:100%;max-height:90vh;background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr;transform:scale(.96) translateY(10px);opacity:0;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1);position:relative}.werk-modal.open .modal-card{transform:scale(1) translateY(0);opacity:1}.modal-image{position:relative;background:var(--card-surface);overflow:hidden;min-height:400px}.modal-image img{width:100%;height:100%;object-fit:cover;display:block}.modal-image .placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--accent-font);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);background:linear-gradient(135deg,#141414,#0a0a0a)}.modal-image-pill{position:absolute;top:1rem;left:1rem;z-index:2;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;background:#000000b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);border-radius:100px;font-family:var(--accent-font);font-size:.56rem;letter-spacing:.25em;text-transform:uppercase;color:var(--white)}.modal-image-pill .dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.modal-content{padding:3rem 2.5rem;overflow-y:auto}.modal-number{font-family:var(--heading);font-size:3rem;color:var(--accent);line-height:1;opacity:.5;margin-bottom:.5rem}.modal-eyebrow{font-family:var(--accent-font);font-size:.65rem;letter-spacing:.35em;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem;display:inline-block}.modal-title{font-family:var(--heading);font-size:clamp(1.8rem,3.2vw,2.6rem);text-transform:uppercase;letter-spacing:.02em;line-height:1;margin-bottom:1.5rem;color:var(--white)}.modal-desc{color:var(--soft);line-height:1.8;font-weight:300;font-size:.95rem;margin-bottom:1.2rem}.modal-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.5rem}.modal-chips .tile-chip{background:#e2b03f1a}.modal-close{position:absolute;top:1rem;right:1rem;z-index:5;width:44px;height:44px;background:#000000b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);color:var(--white);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s,border-color .3s,color .3s,transform .3s}.modal-close:hover{border-color:var(--accent);color:var(--accent);transform:rotate(90deg)}.modal-close svg{width:18px;height:18px}body.werk-modal-open{overflow:hidden}.werk-cta{padding:7rem 2rem 8rem;text-align:center;max-width:900px;margin:0 auto}.werk-cta .cta-eyebrow{font-family:var(--accent-font);font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--accent);margin-bottom:1.2rem;display:inline-block}.werk-cta h2{font-family:var(--heading);font-size:clamp(3rem,8vw,6rem);text-transform:uppercase;letter-spacing:.02em;line-height:.95;margin-bottom:1.5rem}.werk-cta p{color:var(--soft);font-size:1.05rem;line-height:1.7;font-weight:300;max-width:620px;margin:0 auto 2.5rem}.werk-cta-row{display:inline-flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--heading);font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;padding:1rem 2.4rem;border-radius:10px;text-decoration:none;transition:background .5s cubic-bezier(.25,1,.5,1),letter-spacing .5s cubic-bezier(.25,1,.5,1),transform .5s cubic-bezier(.25,1,.5,1),border-color .5s cubic-bezier(.25,1,.5,1);border:1px solid transparent}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{background:#f0c04a;letter-spacing:.12em;transform:translateY(-1px)}.btn-ghost{color:var(--soft);border-color:var(--line);background:transparent}.btn-ghost:hover{color:var(--accent);border-color:var(--accent);letter-spacing:.12em}.btn-primary svg,.btn-ghost svg{width:14px;height:14px;transition:transform .5s cubic-bezier(.16,1,.3,1)}.btn-primary:hover svg{transform:translate(4px)}@media(max-width:1000px){.collage-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.tile-hero,.tile-big{grid-column:span 2;grid-row:span 2}.tile-wide{grid-column:span 2;grid-row:span 1}.tile-tall{grid-column:span 1;grid-row:span 2}.modal-card{grid-template-columns:1fr;max-height:92vh}.modal-image{aspect-ratio:16 / 10;min-height:auto}.modal-content{padding:2rem 1.5rem}.werk-intro{padding:4rem 1.25rem 3rem}.werk-cta{padding:5rem 1.25rem}}@media(max-width:600px){.collage-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;grid-auto-rows:160px}.tile-pill-top{font-size:.5rem;padding:.45rem .9rem;letter-spacing:.22em}.tile-info{padding:1rem}.tile-info h3{font-size:.95rem}.tile-hero .tile-info h3,.tile-big .tile-info h3{font-size:1.4rem}.tile-number{font-size:1.1rem;padding:.25rem .55rem}.werk-filters{padding:0 1.25rem 2rem}.werk-collage{padding:0 1.25rem 3rem}.filter-pill{font-size:.55rem;padding:.55rem 1rem;letter-spacing:.2em}.tile-open-hint{width:30px;height:30px;bottom:.75rem;right:.75rem}.tile-open-hint svg{width:12px;height:12px}.werk-modal{padding:1rem}.modal-close{top:.75rem;right:.75rem;width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/mbc-onswerk.css.map */