.gallery-page,.story-page{padding-bottom:80px}
.gallery-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:end;padding:18px 0 40px}
.gallery-heading h1{font-size:clamp(2.4rem,4.4vw,4rem);line-height:1.05;letter-spacing:-.04em;margin-top:18px}
.gallery-heading h1 span{color:var(--orange)}
.gallery-intro{max-width:440px;justify-self:end;padding-bottom:6px}
.gallery-intro>p{font-size:1.125rem;line-height:1.65;color:var(--muted)}
.gallery-intro .gallery-demo-note{font-size:.875rem;border-left:2px solid var(--orange);padding-left:14px;margin-top:20px}
.gallery-filters{display:flex;justify-content:space-between;gap:22px;align-items:end;padding:24px 0;border-block:1px solid var(--line)}
.gallery-categories{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.gallery-categories button{font:inherit;font-size:.875rem;line-height:1.4;min-height:44px;border:1px solid var(--line);border-radius:100px;padding:9px 15px;background:var(--surface);color:var(--ink);cursor:pointer}
.gallery-categories button[aria-pressed="true"]{background:var(--orange);border-color:var(--orange);color:#15191c}
.gallery-model-filter{display:grid;gap:8px;min-width:235px;max-width:100%;font-size:.875rem;color:var(--muted)}
.gallery-model-filter select{font:inherit;min-height:44px;padding:9px 34px 9px 12px;width:100%;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink)}
.gallery-result-info{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:64px;font-size:.875rem;color:var(--muted)}
.gallery-result-info button{font:inherit;color:var(--ink);background:none;border:0;padding:10px 0;min-height:44px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.story-card{min-width:0}.story-card[hidden],.gallery-page [hidden],.story-dialog [hidden]{display:none!important}
.story-card-link{display:block;height:100%;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--surface);transition:border-color .2s}
.story-card-link:hover{border-color:var(--orange)}
.story-cover{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--wash)}
.story-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.story-card-link:hover .story-cover img{transform:scale(1.025)}
.story-count,.story-demo{position:absolute;display:block;background:rgba(18,22,25,.86);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:.75rem;line-height:1.4;padding:5px 9px}
.story-count{bottom:10px;right:10px}.story-demo{top:10px;left:10px;color:#ffc56c}
.story-card-copy{padding:20px}.story-card h3{font-size:1.125rem;line-height:1.35;letter-spacing:-.015em;overflow-wrap:anywhere}
.story-category{font-size:.875rem;color:var(--muted);margin-bottom:10px}.story-model-label{font-size:.875rem;line-height:1.5;color:var(--muted);margin-top:12px}
.story-video-cover{display:grid;place-items:center;height:100%;font-size:3rem;color:var(--orange)}
.gallery-more{text-align:center;margin-top:36px}.gallery-more .button,.gallery-empty .button{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.gallery-empty{padding:60px 20px;text-align:center}.gallery-empty h2{font-size:1.75rem}.gallery-empty p{margin:15px 0 22px;color:var(--muted)}
.product-media-column{min-width:0;align-self:start}.product-stories{margin-top:32px;padding-top:26px;border-top:1px solid var(--line)}
.product-stories-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}.product-stories h2{font-size:1.25rem;line-height:1.3;letter-spacing:-.02em}.product-stories-heading>span{color:var(--muted);font-size:.875rem;white-space:nowrap}
.product-stories-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.story-card-compact .story-card-copy{padding:12px}.story-card-compact h3{font-size:.875rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-card-compact .story-cover{aspect-ratio:1.65}
.story-card-compact .story-count{bottom:7px;right:7px;padding:3px 6px}.story-card-compact .story-demo{top:7px;left:7px;padding:3px 6px}
.story-all-link{display:inline-flex;gap:15px;align-items:center;margin-top:20px;font-size:.9375rem;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.story-dialog-open{overflow:hidden}
.story-dialog{width:min(1260px,96vw);height:min(850px,92dvh);max-width:96vw;max-height:92dvh;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);overflow:hidden}
.story-dialog[open]{display:grid;grid-template-columns:minmax(0,1fr) 330px}.story-dialog::backdrop{background:rgba(4,8,10,.9)}
.story-dialog-close{position:absolute;top:10px;right:10px;width:44px;height:44px;z-index:3;display:grid;place-items:center;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:50%;font-size:28px;cursor:pointer}
.story-viewer{min-width:0;min-height:0;display:flex;flex-direction:column;padding:20px;border-right:1px solid var(--line);background:var(--wash)}
.story-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;overflow:hidden;touch-action:pan-y pinch-zoom;border-radius:8px;background:#111619}
.story-stage>img,.story-stage>video{display:block;width:100%;height:100%;object-fit:contain}.story-stage>iframe{width:100%;height:100%;border:0}
.story-page .product-media-image.has-soft-backdrop{overflow:hidden;isolation:isolate}.story-page .product-media-backdrop,.story-stage>.story-stage-backdrop{position:absolute;z-index:0;inset:-12%;width:124%!important;height:124%!important;max-width:none;object-fit:cover!important;filter:blur(26px) brightness(.56) saturate(.8);opacity:.9;pointer-events:none;user-select:none}.story-page .product-media-image.has-soft-backdrop:after,.story-stage.has-soft-backdrop:after{content:"";position:absolute;z-index:1;inset:0;background:rgba(13,17,20,.16);pointer-events:none}.story-page .product-media-image.has-soft-backdrop .media-image-button{z-index:2}.story-page .product-media-image.has-soft-backdrop .media-image-button>img,.story-stage>.story-stage-foreground{position:relative;z-index:2;filter:drop-shadow(0 9px 18px rgba(0,0,0,.18))}:root[data-theme="light"] .story-page .product-media-backdrop,:root[data-theme="light"] .story-stage>.story-stage-backdrop{filter:blur(26px) brightness(.88) saturate(.7);opacity:.72}:root[data-theme="light"] .story-page .product-media-image.has-soft-backdrop:after,:root[data-theme="light"] .story-stage.has-soft-backdrop:after{background:rgba(207,206,197,.12)}
.story-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:10px 0;font-size:.875rem}.story-controls .media-nav:disabled{opacity:.35;cursor:default}
.story-viewer-thumbs{position:relative;display:flex;gap:8px;overflow-x:auto;flex-shrink:0;overscroll-behavior-x:contain;padding:3px 3px 7px;margin:0 -3px;scrollbar-width:thin}
.story-viewer-thumbs button{flex:0 0 72px;width:72px;height:58px;padding:0;border:2px solid var(--line);border-radius:7px;overflow:hidden;background:var(--surface);color:var(--ink);cursor:pointer;font-size:1.25rem}
.story-viewer-thumbs button[aria-selected="true"]{border-color:var(--orange)}.story-viewer-thumbs img{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px}
.story-media-caption{font-size:.8125rem;line-height:1.5;color:var(--muted);margin-top:6px;max-height:4.5em;overflow:auto}
.story-dialog-copy{min-width:0;min-height:0;overflow:auto;padding:65px 25px 25px}.story-dialog-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px;font-size:.875rem;color:var(--muted)}
.story-demo-inline{display:inline-block;width:fit-content;font-size:.8125rem;color:var(--ink);border:1px solid var(--line);border-left:2px solid var(--orange);border-radius:4px;padding:5px 9px;line-height:1.4}
.story-dialog-copy h2{font-size:1.65rem;line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere}.story-description{font-size:1rem;line-height:1.65;color:var(--muted);margin-top:20px;white-space:pre-line;overflow-wrap:anywhere}
.story-event-date{font-size:.875rem;color:var(--muted);margin:12px 0}.story-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.story-tags span{font-size:.875rem;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:6px 10px}
.story-model-links{display:grid;gap:12px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.story-model-links:empty{display:none}.story-model-links h2,.story-model-links h3{font-size:.875rem;letter-spacing:0;font-weight:500;color:var(--muted)}.story-model-links a{font-size:1rem;text-decoration:underline;text-underline-offset:4px;line-height:1.5}
.story-permalink{display:inline-block;margin-top:24px;font-size:.875rem;line-height:1.5;text-decoration:underline;text-underline-offset:4px}.story-video-fallback{position:absolute;bottom:14px;left:14px;right:14px;background:var(--paper);color:var(--ink);padding:14px;font-size:.875rem}.story-video-fallback a{text-decoration:underline}
.story-page-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:50px;margin:20px 0 60px}.story-page-copy h1{font-size:clamp(2rem,3.4vw,3.2rem);margin:20px 0;line-height:1.12;overflow-wrap:anywhere}.story-page-copy>.story-demo-inline{display:block;margin-top:15px}
@media(max-width:1100px){.gallery-filters{align-items:start;flex-direction:column}.gallery-model-filter{width:300px}.gallery-heading{gap:30px}.story-grid{gap:20px}.story-dialog[open]{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:900px){.product-hero{grid-template-columns:minmax(0,1fr)}.product-media-column{display:contents}.product-hero>.product-media-column>.product-gallery{order:0}.product-hero>.product-hero-copy{order:1}.product-stories{order:2;margin-top:0}.product-stories-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-stories-grid .story-card:nth-child(n+4){display:none}.story-card-compact .story-cover{aspect-ratio:1.15}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-heading{grid-template-columns:1fr;gap:22px}.gallery-heading h1{font-size:3rem}.gallery-intro{justify-self:start;max-width:600px}.gallery-intro>p{font-size:1rem}.story-page-layout{grid-template-columns:1fr;gap:30px}}
@media(max-width:650px){.gallery-heading{padding:5px 0 28px}.gallery-heading h1{font-size:2.5rem}.gallery-filters{gap:18px;padding:20px 0}.gallery-categories{gap:7px}.gallery-categories button{padding:9px 12px}.gallery-model-filter{width:100%}.story-grid{gap:14px}.story-card-copy{padding:13px}.story-card h3{font-size:1rem}.story-category,.story-model-label{font-size:.875rem}.story-category{margin-bottom:8px}.story-model-label{margin-top:9px}.story-cover{aspect-ratio:1}.story-count{font-size:.75rem;right:6px;bottom:6px;padding:4px 6px}.story-demo{left:6px;top:6px;padding:4px 6px}.product-stories-heading{display:block}.product-stories-heading>span{display:block;margin-top:7px}.product-stories-grid{gap:9px}.story-card-compact .story-card-copy{padding:9px}.story-card-compact h3{font-size:.875rem}.story-card-compact .story-cover{aspect-ratio:1}.story-card-compact .story-count{font-size:.75rem;bottom:4px;right:4px}.story-card-compact .story-demo{font-size:.75rem;top:4px;left:4px}.story-dialog{height:94dvh;max-height:94dvh;width:96vw}.story-dialog[open]{display:flex;flex-direction:column}.story-viewer{flex:0 0 62%;padding:56px 12px 8px;border-right:0;border-bottom:1px solid var(--line)}.story-dialog-copy{flex:1;padding:20px;min-height:100px}.story-dialog-copy h2{font-size:1.4rem}.story-dialog-meta{margin-bottom:12px}.story-description{margin-top:14px}.story-controls{margin:8px 0}.story-viewer-thumbs button{flex-basis:64px;width:64px;height:50px}.story-media-caption{max-height:3em}.story-model-links{margin-top:20px}.story-page-copy h1{font-size:2rem}}
@media(max-width:650px){.story-page .product-media-backdrop,.story-stage>.story-stage-backdrop{filter:blur(21px) brightness(.56) saturate(.8)}:root[data-theme="light"] .story-page .product-media-backdrop,:root[data-theme="light"] .story-stage>.story-stage-backdrop{filter:blur(21px) brightness(.88) saturate(.7)}}
@media(prefers-reduced-motion:reduce){.story-card-link,.story-cover img{transition:none}}