/* Sapphire product previews and a calmer, illustrated discovery collection. */
.werkstatt-site .directory-card{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center}.werkstatt-site .directory-card>div{min-width:0}
.product-preview[data-preview-format=portrait] .preview-stage{max-width:520px;margin-inline:auto}.product-preview[data-preview-format=portrait] .preview-stage>img{aspect-ratio:2/3}.werkstatt-site .directory-card>img.directory-preview{grid-column:1 / -1;width:100%;height:170px;border-radius:10px;object-fit:contain;background:#0c1727;margin-top:.65rem}
.werkstatt-site .finds-renewed{padding-block:clamp(3rem,7vw,6rem);background:radial-gradient(ellipse at 10% 40%,#214b7324,transparent 65%)}
.finds-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:end;margin-bottom:2rem}.finds-heading h2{font-size:clamp(2rem,3.7vw,3.35rem);line-height:1.1;letter-spacing:-.045em;margin:.6rem 0 0}.finds-heading>p{color:#b7c3d5;line-height:1.8;max-width:44ch;font-size:1rem}.finds-eyebrow,.preview-eyebrow{color:#a8c7ff;font-size:.78rem;letter-spacing:.07em;font-weight:650;margin:0}
.finds-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.find-story{min-width:0;color:#f5f7fc;text-decoration:none;display:flex;flex-direction:column;border:1px solid #88b4ff24;border-radius:24px;overflow:hidden;background:linear-gradient(155deg,#19273c88,#101a2a55);transition:transform 220ms cubic-bezier(.23,1,.32,1),border-color 180ms ease;isolation:isolate}.find-art{position:relative;aspect-ratio:10/7;overflow:hidden;background:#101a28}.find-art>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 250ms cubic-bezier(.23,1,.32,1)}.find-tag{position:absolute;top:1rem;left:1rem;padding:.45rem .7rem;border:1px solid #ffffff26;border-radius:100px;background:#0c172bc9;color:#e6eeff;font-size:.72rem;font-weight:600;backdrop-filter:blur(12px)}.find-open{position:absolute;right:1rem;bottom:1rem;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e8f0ff;color:#14233b;font-size:1.3rem}.find-copy{padding:1.4rem 1.5rem 1.65rem;display:flex;flex:1;flex-direction:column}.find-copy .find-source{font-size:.75rem;letter-spacing:.035em;color:#94a9c7;margin:0 0 .8rem}.find-copy h3{font-size:clamp(1.35rem,2.1vw,1.9rem);letter-spacing:-.035em;line-height:1.18;margin:0}.find-copy>p:not(.find-source){font-size:.92rem;line-height:1.75;color:#b9c8db;margin:.95rem 0 1.5rem}.find-action{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.85rem;font-weight:650;color:#b6d0ff}.finds-bottom{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:1.5rem}.finds-bottom p{color:#96a9c2;font-size:.83rem;line-height:1.7}.finds-bottom a{display:inline-flex;align-items:center;gap:1.5rem;min-height:48px;color:#c5d9ff;font-size:.85rem;text-underline-offset:5px}.find-story:focus-visible{outline:3px solid #bdd4ff;outline-offset:5px}.find-story:active{transform:scale(.985)}
.werkstatt-site .product-preview{padding-block:clamp(2rem,6vw,4rem);max-width:1120px;scroll-margin-top:100px}.preview-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem}.preview-heading h2{font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.04em;line-height:1.15;margin:.5rem 0 0}.preview-heading>p{font-size:.95rem;max-width:40ch;line-height:1.75;color:#b7c3d5;margin:0}.preview-stage{margin:0;border:1px solid #7fa8f52b;background:radial-gradient(ellipse at 50% 30%,#25436555,transparent 75%),#0e1725;border-radius:22px;overflow:hidden}.preview-stage>img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain}.preview-stage figcaption{padding:.9rem 1.25rem;font-size:.83rem;line-height:1.6;color:#c2d2e7;border-top:1px solid #7fa8f51c;min-height:3.3rem;box-sizing:border-box}.preview-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin:1rem 0 1.3rem}.preview-play{display:inline-flex;gap:.7rem;align-items:center;justify-content:center;min-height:48px;padding:.7rem 1.1rem;border:1px solid #a9c9ff55;border-radius:12px;background:#7fa8f5;color:#0d1a2e;font:inherit;font-size:.9rem;font-weight:650;cursor:pointer;transition:transform 160ms cubic-bezier(.23,1,.32,1),background 160ms ease}.preview-controls>a{display:inline-flex;align-items:center;min-height:44px;font-size:.83rem;text-underline-offset:4px;color:#adc9f9}.preview-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.preview-thumbnails button{padding:.3rem;border:1px solid #7fa8f52c;background:#142238;border-radius:13px;color:#b7c3d5;cursor:pointer;text-align:left;font:inherit;min-width:0}.preview-thumbnails button[aria-pressed=true]{border-color:#94b8ff;box-shadow:0 0 0 1px #94b8ff;color:#f5f7fc}.preview-thumbnails img{width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;display:block;border-radius:9px;background:#0d1727}.preview-thumbnails span{display:block;padding:.5rem .4rem;font-size:.75rem;line-height:1.5}.preview-note{font-size:.78rem;line-height:1.75;color:#94a9c6;margin-top:1rem}.product-preview button:focus-visible,.product-preview a:focus-visible{outline:3px solid #d4e2ff;outline-offset:4px}.preview-play:active{transform:scale(.97)}.footer-copy>a{display:inline-block;margin-top:.3rem;color:#a6bddf;text-underline-offset:4px}
@media(hover:hover) and (pointer:fine){.find-story:hover{transform:translateY(-5px);border-color:#8bb3ff88}.find-story:hover .find-art>img{transform:scale(1.035)}.preview-play:hover{background:#a8c5fa}.preview-thumbnails button:hover{border-color:#93b7f2}}
@media(max-width:900px){.finds-heading{grid-template-columns:1fr;gap:1rem}.finds-heading>p{max-width:58ch;margin:0}.finds-showcase{gap:.85rem}.find-copy{padding:1.1rem}.find-copy h3{font-size:1.45rem}.find-tag{top:.7rem;left:.7rem;font-size:.63rem}.finds-bottom{align-items:flex-start}.preview-heading{display:block}.preview-heading>p{margin-top:1rem;max-width:60ch}}
@media(max-width:650px){.werkstatt-site .finds-renewed .frame,.werkstatt-site .product-preview{width:calc(100% - 32px)}.finds-showcase{grid-template-columns:1fr;gap:1.25rem}.find-story{border-radius:20px}.find-art{aspect-ratio:8/5}.find-copy{padding:1.3rem}.find-copy h3{font-size:1.65rem}.find-copy h3 br{display:none}.find-copy h3 br::after{content:' '}.find-copy>p:not(.find-source){margin:.85rem 0 1.2rem}.find-tag{top:1rem;left:1rem;font-size:.73rem}.finds-bottom{display:block}.finds-bottom p{max-width:36ch}.finds-heading{margin-bottom:1.5rem}.finds-heading h2{font-size:2.1rem}.preview-stage{border-radius:16px}.preview-controls{align-items:stretch}.preview-play{flex:1}.preview-thumbnails{gap:.5rem}.preview-thumbnails span{font-size:.67rem;padding:.4rem .2rem}.preview-stage figcaption{padding:.8rem 1rem}.product-preview .preview-heading h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.find-story,.find-art>img,.preview-play{transition:none}.find-story:hover,.find-story:hover .find-art>img,.find-story:active,.preview-play:active{transform:none}}
