/* Original crown pixels, with a crisp native holder matching the other guides. */
.photo-guide-section{padding:30px 0 12px;background:#fff;scroll-margin-top:110px}
.photo-guide{--sg-dark:var(--tile-2);padding:28px 0 0;border-block:1px solid #e1e5e8;background:transparent;min-width:0}
.photo-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}
.photo-guide-eyebrow{margin:0 0 8px;color:#616b75;font-size:12px;font-weight:400;letter-spacing:.1em}
html[dir="rtl"] .photo-guide-eyebrow{letter-spacing:0}
.photo-guide-heading h2{font-size:clamp(28px,3vw,40px);line-height:1.4;margin:0 0 9px;color:#2d3136;font-weight:700}
.photo-guide-heading p:last-child{font-size:14px;line-height:1.8;color:#5a6570;margin:0;max-width:660px}
.photo-guide-count{display:grid;place-items:center;gap:2px;flex:none;min-width:78px;padding:10px 16px;border-inline-start:1px solid #d3d9de;font-size:12px;color:#63707c}
.photo-guide-count b{font:400 21px/1.1 Arial,sans-serif;color:#2d3136}
.photo-guide-systems{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.photo-guide-systems a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:9px 20px;border:1px solid #c6cdd4;border-radius:var(--r-pill);background:#fff;color:#3e4851;font-size:14px;text-decoration:none}
.photo-guide-systems a[aria-selected="true"]{background:#2d3136;border-color:#2d3136;color:#fff}
.photo-guide-systems span{font-size:12px}
.photo-guide-system-name{font-size:14px;font-weight:400;color:#58636c;margin:0 0 14px}
.photo-guide.sg-enhanced .photo-guide-system-name{display:none}
.photo-guide-panel[hidden]{display:none}
.photo-guide .photo-guide-case{--sg-row-height:146px;--sg-headroom:28px;--sg-back-rail:82px;width:100%;max-width:784px;margin:0 auto 22px;filter:none}
.photo-guide .photo-guide-viewport{background:transparent;padding:var(--sg-headroom) 22px 0;overflow:visible;isolation:isolate}
.photo-guide .photo-guide-rack{grid-template-columns:repeat(10,minmax(0,1fr));grid-auto-rows:var(--sg-row-height)}
.photo-guide .photo-guide-tab{width:100%;max-width:68px;min-width:44px;height:140px;border-radius:var(--r-tool);outline-offset:1px}
.photo-guide .photo-guide-piece{filter:none;transform:translateY(0);transition:transform .32s cubic-bezier(.18,.8,.24,1)}
/* No filters, opacity, retinting or upscaling on the photographic crowns. */
.photo-guide .photo-guide-tooth{display:block;width:60px;height:78px;filter:none;overflow:visible;flex:none}
.photo-guide .sg-stem{width:32px;height:64px;min-height:64px;margin-top:-2px;clip-path:polygon(37% 0,63% 0,63% 11px,100% 18px,100% 100%,0 100%,0 18px,37% 11px);background:#cbd3d9}
.photo-guide .sg-engraving{inset:19px 0 4px}
.photo-guide .sg-label{font-size:12px;font-weight:400;white-space:nowrap}
.photo-guide .sg-slot::before{bottom:13px;width:32px}
.photo-guide .photo-guide-holder{min-height:76px;box-shadow:inset 0 1px 0 #ffffff20,inset 0 -4px 0 #20293045,0 5px 0 -2px #9ba6ae,0 18px 24px -18px #26313b50}
.photo-guide .photo-guide-tab:focus-visible .photo-guide-piece{transform:translateY(-7px)}
.photo-guide .photo-guide-tab.sg-lifting{z-index:5}
.photo-guide .photo-guide-tab.sg-lifting .photo-guide-piece{transform:translateY(-20px)}
.photo-guide-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0 20px}
.photo-guide-footer p{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:0;font-size:12px;color:#5a6671}
.photo-guide-footer bdi{font:400 12px/1.6 Arial,sans-serif;color:#3e4953}
.photo-guide-footer>a{display:inline-flex;align-items:center;gap:7px;min-height:44px;flex:none;font-size:12px;text-decoration:underline;text-underline-offset:4px;color:#354756}
.photo-guide :is(button,a):focus-visible{outline:2px solid #375f7c;outline-offset:3px}
.photo-guide .photo-guide-tab:focus-visible{outline-offset:1px}
@media(hover:hover) and (pointer:fine){.photo-guide .photo-guide-tab:hover{z-index:4}.photo-guide .photo-guide-tab:hover .photo-guide-piece{transform:translateY(-7px)}.photo-guide .photo-guide-tab.sg-lifting .photo-guide-piece{transform:translateY(-20px)}}
@media(max-width:700px){
 .photo-guide-section{padding-top:16px}
 .photo-guide{padding:20px 0 0}
 .photo-guide-heading{gap:12px;align-items:flex-start;margin-bottom:16px}
 .photo-guide-heading h2{font-size:clamp(28px,3vw,40px)}
 .photo-guide-heading p:last-child{font-size:14px}
 .photo-guide-count{min-width:58px;padding:5px 8px;font-size:12px;margin-top:5px}
 .photo-guide-count b{font-size:21px}
 .photo-guide-systems{gap:6px;margin-bottom:14px}
 .photo-guide-systems a{flex:1;padding:9px 14px;font-size:14px}
 .photo-guide-systems span{font-size:12px}
 .photo-guide .photo-guide-case{--sg-row-height:128px;--sg-headroom:26px;--sg-back-rail:69px;max-width:450px;margin-bottom:16px}
 .photo-guide .photo-guide-viewport{padding-inline:12px}
 .photo-guide .photo-guide-rack{grid-template-columns:repeat(5,minmax(0,1fr))}
 .photo-guide .photo-guide-tab{height:122px;max-width:58px}
 .photo-guide .photo-guide-tooth{width:50px;height:65px}
 .photo-guide .sg-stem{width:28px;height:59px;min-height:59px}
 .photo-guide .sg-label{font-size:12px}
 .photo-guide .sg-slot::before{width:29px}
 .photo-guide .photo-guide-holder{min-height:64px;padding:14px 15px}
 .photo-guide .photo-guide-holder img{width:104px}
 .photo-guide-footer{gap:10px;align-items:flex-start;padding:12px 0 16px}
 .photo-guide-footer p{display:grid;gap:3px;font-size:12px;padding-top:8px}
 .photo-guide-footer bdi{font-size:12px}
 .photo-guide-footer>a{font-size:12px}}
@media(max-width:350px){.photo-guide .photo-guide-tooth{width:44px;height:57px}.photo-guide .sg-stem{height:67px;min-height:67px}}
@media(prefers-reduced-motion:reduce){.photo-guide .photo-guide-piece{transition:none!important;transform:none!important}.photo-guide .photo-guide-viewport{scroll-behavior:auto}}