.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mg-space-20);columns:initial;align-items:start}.photo-column{display:flex;flex-direction:column;gap:var(--mg-space-28);min-width:0}.photo-card{margin:0;min-width:0}.photo-media{position:relative}.open-photo{display:block;padding:0;width:100%;background:none;overflow:hidden;border-radius:var(--mg-radius-sm)}.open-photo img{display:block;width:100%;height:auto;aspect-ratio:auto 3/4;object-fit:contain}.photo-card figcaption{padding:var(--mg-space-12) 1px 0}.photo-card figcaption>b{font-size:var(--mg-fs-sm);font-weight:var(--mg-weight-medium);line-height:var(--mg-leading-body)}.photo-card figcaption>p{font-size:var(--mg-fs-2xs);color:#9ca58f;line-height:var(--mg-leading-body);margin-top:var(--mg-space-4);word-break:keep-all}.save-photo{display:flex;align-items:center;justify-content:center;gap:var(--mg-space-8);color:var(--mg-white);border:1px solid color-mix(in srgb,var(--mg-white) 38%,transparent);background:color-mix(in srgb,var(--mg-black-3) 72%,transparent);backdrop-filter:blur(8px);border-radius:50%;width:39px;height:39px;padding:var(--mg-space-10);cursor:pointer}.photo-media>.save-photo{position:absolute;top:10px;right:10px}.save-photo svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}.save-photo[aria-pressed=true]{background:var(--mg-ink);color:var(--mg-black-4);border-color:var(--mg-ink)}.save-photo[aria-pressed=true] svg{fill:currentColor}.photo-media>.save-photo span{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.feed-status{margin:var(--mg-space-32) 0 0;text-align:center;color:#858f78;font-size:var(--mg-fs-2xs)}.saved-empty{grid-column:1/-1;text-align:center;border:1px solid var(--line);padding:var(--mg-space-64) var(--mg-space-20);border-radius:var(--mg-radius-md)}.saved-empty h3{font-size:var(--mg-fs-xl);font-weight:var(--mg-weight-regular)}.saved-empty p{color:var(--muted);font-size:var(--mg-fs-2xs);margin:var(--mg-space-12) 0 var(--mg-space-24)}.saved-empty a{font-size:var(--mg-fs-2xs);color:var(--gold);text-decoration:underline}#feed-sentinel{height:1px}#lightbox[open]{display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-template-rows:55px minmax(0,1fr);gap:var(--mg-space-16) var(--mg-space-24)}#lightbox>header{grid-column:1/-1;grid-row:1}#lightbox>.light-stage{grid-column:1;grid-row:2;min-width:0;height:100%;padding:0}#light-details{grid-column:2;grid-row:2;max-height:none;height:100%;overflow:auto;padding:var(--mg-space-24) 0 var(--mg-space-20) var(--mg-space-24);border-left:1px solid var(--line)}.detail-info-head{display:flex;justify-content:space-between;gap:var(--mg-space-10);align-items:center;margin-bottom:var(--mg-space-24)}.detail-info-head small{font-size:var(--mg-fs-2xs)!important;letter-spacing:.15em;margin:0!important;color:var(--gold)!important}.detail-info-head h3{font-size:var(--mg-fs-xl);font-weight:var(--mg-weight-regular);margin-top:var(--mg-space-10)}#lightbox .detail-save{width:auto;height:36px;border-radius:var(--mg-radius-2xl);font-size:var(--mg-fs-2xs);padding:var(--mg-space-8) var(--mg-space-12);white-space:nowrap}#lightbox .detail-save svg{width:15px;height:15px}.photo-specs{margin:0}.photo-specs>div{padding:var(--mg-space-12) 0;border-bottom:1px solid var(--line)}.photo-specs dt{font-size:var(--mg-fs-2xs);color:var(--muted);margin-bottom:var(--mg-space-4)}.photo-specs dd{margin:0;font-size:var(--mg-fs-xs)}.photo-specs a{display:flex;justify-content:space-between;gap:var(--mg-space-16);align-items:center;padding:var(--mg-space-4) 0;color:var(--mg-ink)}.photo-specs a:hover{text-decoration:underline}.photo-specs a span{font-size:var(--mg-fs-xl);font-weight:var(--mg-weight-regular);color:var(--gold)}.pixel-view #light-details{height:auto;border-left:0}.pixel-view .light-stage{overflow:auto}
@media(max-width:1050px){#lightbox[open]{grid-template-columns:minmax(0,1fr) 290px;gap:var(--mg-space-10)}}
@media(max-width:740px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mg-space-12)}.photo-column{gap:var(--mg-space-24)}.photo-card figcaption>b{font-size:var(--mg-fs-2xs)}.photo-card figcaption>p{font-size:var(--mg-fs-2xs);line-height:var(--mg-leading-body)}.save-photo{width:34px;height:34px;padding:var(--mg-space-8)}.photo-media>.save-photo{right:7px;top:7px}#lightbox[open]{display:flex;flex-direction:column;gap:0;padding:var(--mg-space-12)}#lightbox>header{height:49px;min-height:49px}#lightbox>.light-stage{height:44dvh;flex:0 0 44dvh;padding-bottom:var(--mg-space-40)}.light-stage img{width:100%;height:100%;object-fit:contain}.light-stage>button{bottom:0!important;width:34px!important;height:34px!important;font-size:var(--mg-fs-2xl)!important}#light-details{height:auto;flex:1;min-height:0;max-height:none;padding:var(--mg-space-20) var(--mg-space-8) var(--mg-space-16);border-left:0;border-top:1px solid var(--line);margin-top:var(--mg-space-10)}.detail-info-head{margin-bottom:var(--mg-space-16)}.detail-info-head h3{font-size:var(--mg-fs-xl);margin-top:var(--mg-space-8)}.photo-specs{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--mg-space-20)}.photo-specs>div{padding:var(--mg-space-12) 0}.photo-specs dd{font-size:var(--mg-fs-2xs)}.photo-specs dt{font-size:var(--mg-fs-2xs)}.photo-specs a span{font-size:var(--mg-fs-lg)}#lightbox .detail-save{height:34px;font-size:var(--mg-fs-2xs)}}

.official-design{position:relative;overflow:hidden;width:100%;background:var(--mg-paper-3)}.official-design>img{position:absolute;max-width:none;height:auto!important;min-height:0!important;border-radius:0!important;object-fit:fill!important;transform:none!important}.zoom-sample{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.zoom-sample>.official-design{height:100%;width:auto;max-width:100%}.light-stage #light-image[hidden]{display:none}.official-design img{display:block}

#lightbox[data-mode=reference] #light-prev,#lightbox[data-mode=reference] #light-next,#lightbox[data-mode=single] #light-prev,#lightbox[data-mode=single] #light-next{visibility:hidden;pointer-events:none}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.reference-picker{width:min(700px,calc(100% - 32px));max-height:85dvh;padding:var(--mg-space-28);border:1px solid #4b4d41;border-radius:var(--mg-radius-xl);background:var(--mg-black-3);color:var(--mg-paper-2);overflow:auto}.reference-picker::backdrop{background:color-mix(in srgb,var(--mg-black) 73%,transparent)}.reference-picker h2{font-size:var(--mg-fs-2xl)}.reference-picker>p{font-size:var(--mg-fs-sm);line-height:var(--mg-leading-body);color:#c4c6b6}.reference-picker>[data-reference-close]{float:right;background:transparent;color:inherit;border:0;font-size:var(--mg-fs-3xl);min-width:44px;min-height:44px}.reference-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mg-space-16)}.reference-picker-grid label{position:relative;min-width:0;cursor:pointer}.reference-picker-grid img{width:100%;height:190px;object-fit:contain;background:var(--mg-black-4);border-radius:var(--mg-radius-md)}.reference-picker-grid input{position:absolute;top:8px;left:8px;width:22px;height:22px;accent-color:var(--mg-ink)}.reference-picker-grid span{display:block;font-size:var(--mg-fs-2xs);line-height:var(--mg-leading-body);margin-top:var(--mg-space-8)}.reference-picker>a{display:block;margin-top:var(--mg-space-16);text-align:center}.reference-picker .measurement-cta{padding:var(--mg-space-16);background:var(--mg-ink);color:var(--mg-black-3);border-radius:var(--mg-radius-2xl)}@media(max-width:600px){.reference-picker{padding:var(--mg-space-20)}.reference-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-picker-grid img{height:170px}}
