:root{font-family:Arial,Helvetica,sans-serif;color:#17233d;background:#fff;font-size:16px;--navy:#17233d;--lime:#cedd33;--cyan:#00afc7}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #008ca2;outline-offset:4px}header{height:106px;background:var(--navy);padding:12px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:4px solid var(--lime)}header img{width:184px;height:auto;display:block}.edition{display:flex;align-items:center;gap:20px;color:#fff;font-size:.875rem;letter-spacing:.14em}.edition strong{font-size:2rem;font-weight:400;letter-spacing:-.04em}.layout{display:grid;grid-template-columns:270px minmax(0,1fr);max-width:1600px;margin:auto}aside{padding:32px 22px;border-right:1px solid #dde1e6;background:#f8f9fb}.nav-title{display:flex;gap:12px;align-items:center}.step{font-size:.75rem;font-weight:bold;display:inline-flex;align-items:center;justify-content:center;min-width:29px;height:29px;border:1px solid #b5c328;border-radius:50%;background:#f2f6cf}h1,h3{font-size:1.125rem;margin:0}#models{margin-top:30px}#models h2{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#687487;margin:27px 10px 10px}#models button{display:flex;justify-content:space-between;width:100%;border:0;background:none;text-align:left;padding:11px 12px;border-radius:5px;font-size:.9375rem;color:#36435b;margin:2px 0}#models button:hover{background:#e7ebf2}#models button.active{background:var(--navy);color:white}#models button span{font-size:.75rem;opacity:.7}main{padding:34px 4.5% 0;min-width:0}.product-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px}.eyebrow{font-size:.75rem;letter-spacing:.13em;font-weight:700;margin:0 0 9px;color:#657087}h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;line-height:1.05;margin:0;font-weight:600}.pill{background:#f1f3f6;padding:9px 14px;border-radius:30px;font-size:.875rem;white-space:nowrap}.showcase{display:grid;grid-template-columns:1.2fr 1fr;background:#eceef2;border-radius:8px;overflow:hidden}.photo{display:flex;align-items:center;justify-content:center;min-height:340px;position:relative;padding:20px 22px 35px}.photo img{display:block;width:min(100%,415px);height:auto;object-fit:contain;mix-blend-mode:multiply}.photo-note{position:absolute;bottom:14px;left:22px;font-size:.75rem;color:#626d80}.choice{padding:38px 30px;background:#f6f7f9;border-left:1px solid #e1e5eb;display:flex;flex-direction:column;justify-content:center}.choice h3{font-size:1.6rem}.color-name{font-size:1.125rem;line-height:1.45;min-height:1.6em;margin:12px 0 0}.rule{height:1px;background:#dce1e8;margin:22px 0}.small{font-size:.875rem;line-height:1.6;color:#647085;margin:0 0 24px}.primary{border:0;background:var(--navy);color:white;padding:16px 18px;display:flex;justify-content:space-between;gap:20px;border-radius:5px}.primary:hover{background:#2a416c}#copyStatus{font-size:.875rem;min-height:1em;margin:10px 0 0;color:#435826}.colors{padding-top:34px}.colors-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.colors-heading>span{font-size:.875rem;color:#657087}#variants{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.variant{position:relative;padding:10px 8px 12px;border:2px solid #e9ecf0;background:#fff;border-radius:6px;color:var(--navy);min-width:0;transition:border-color .15s}.variant:hover{border-color:#7d8ba0}.variant[aria-pressed=true]{border-color:var(--navy);box-shadow:0 0 0 2px var(--lime)}.variant img{display:block;width:100%;height:auto;aspect-ratio:415/362;object-fit:contain}.variant .label{display:block;font-size:.875rem;line-height:1.35;margin-top:8px;overflow-wrap:anywhere}.variant .check{display:none}.variant[aria-pressed=true] .check{display:grid;place-items:center;position:absolute;right:7px;top:7px;width:23px;height:23px;border-radius:50%;background:var(--navy);color:#fff;font-size:14px}footer{display:flex;justify-content:space-between;color:#6b7585;font-size:.875rem;border-top:1px solid #e2e6ec;margin-top:40px;padding:22px 0}#modelSelect,.mobile-label{display:none}@media(min-width:1100px){aside{position:sticky;top:0;height:100vh;overflow:auto}}@media(max-width:1000px){.layout{grid-template-columns:215px minmax(0,1fr)}aside{padding:28px 14px}.showcase{grid-template-columns:1fr}.choice{padding:24px;border-left:0;border-top:1px solid #e1e5eb}.photo{min-height:260px}.photo img{max-width:310px}.choice .rule{margin:14px 0}.choice .small{margin-bottom:16px}#variants{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){header{height:88px;padding:10px 20px}header img{width:145px}.edition{font-size:.75rem;gap:10px}.edition strong{font-size:1.5rem}.layout{display:block}aside{padding:20px;border-right:0;border-bottom:1px solid #dde1e6}#models{display:none}#modelSelect{display:block;width:100%;padding:13px;border:1px solid #a9b3c1;background:#fff;border-radius:5px;color:var(--navy);margin-top:14px}.mobile-label{display:block;position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}main{padding:25px 20px 0}.product-head{margin-bottom:20px}.pill{padding:8px 10px}.photo{min-height:230px}.photo img{max-width:290px}.choice{padding:24px}.colors-heading{align-items:flex-start}.colors-heading>span{font-size:.75rem;max-width:90px;text-align:right}#variants{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.colors{padding-top:28px}h2{font-size:2.2rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.photo{border:0;color:inherit;font:inherit;width:100%;background:#eceef2;cursor:zoom-in}.photo:hover{background:#e5e8ee}.photo-note{right:15px;text-align:left;line-height:1.4}.photo img{transition:transform .2s}.secondary{border:1px solid #b5bfcc;border-radius:5px;padding:11px 15px;background:white;color:#17233d;font:inherit;cursor:pointer}.choice .secondary{margin-top:10px}.secondary:hover{background:#edf0f4}button:disabled{opacity:.55;cursor:default}.pill{text-decoration:none;color:inherit}.selection-list{margin-top:36px;padding-top:28px;border-top:2px solid #17233d}.selected-row{display:flex;align-items:center;gap:16px;padding:14px 0;border-top:1px solid #dde1e6}.selected-row img{width:95px;height:auto;border-radius:5px}.selected-row>div{flex:1;min-width:0}.selected-row p{margin:6px 0 0;font-size:.875rem;line-height:1.4}.selected-row strong{font-size:1rem}#hoverPreview{position:fixed;z-index:20;width:360px;padding:14px;background:#fff;box-shadow:0 12px 45px #17233d40;border:1px solid #bfc8d4;border-radius:9px;pointer-events:none}#hoverPreview img{width:100%;display:block}#hoverPreview p{margin:10px 0 0;font-size:.9375rem;line-height:1.4}#hoverPreview[hidden]{display:none}.viewer-open{overflow:hidden}#viewer{width:min(880px,calc(100% - 30px));max-height:calc(100dvh - 30px);padding:26px;border:0;border-radius:10px;color:#17233d;overflow:auto}#viewer::backdrop{background:#0b1428bf}.viewer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.viewer-header h3{line-height:1.4}.viewer-header>button{background:#edf0f4;border:0;border-radius:50%;width:42px;height:42px;font-size:20px;flex-shrink:0}.viewer-tabs{display:flex;gap:8px;margin:20px 0}.viewer-tabs button{border:1px solid #c0c8d4;padding:11px 16px;border-radius:5px;background:#fff;color:inherit}.viewer-tabs button[aria-pressed=true]{background:#17233d;color:white;border-color:#17233d}.zoom-stage{--zoom:1;--origin:50% 50%;height: min(46vh,420px);background:#eceef2;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y}.angle-frame{width:min(100%,480px);aspect-ratio:475/280;position:relative;overflow:hidden;transform:scale(var(--zoom));transform-origin:var(--origin)}.angle-frame img{position:absolute;top:0;left:0;width:100%;max-width:none;display:block}.zoom-stage[data-view=front] .angle-frame,.zoom-stage[data-view=back] .angle-frame{width:min(65%,280px);aspect-ratio:235/275}.zoom-stage[data-view=front] img,.zoom-stage[data-view=back] img{width:200%}.zoom-stage[data-view=back] img{left:-100%}.zoom-controls{display:flex;align-items:center;gap:15px;margin:20px 0;font-size:.9375rem}.zoom-controls input{flex:1;min-width:70px;accent-color:#17233d;height:32px}.zoom-controls output{min-width:40px}.viewer-note{margin:0}.zoom-stage img{user-select:none;-webkit-user-drag:none}@media(max-width:650px){#viewer{padding:18px}.viewer-tabs{gap:5px}.viewer-tabs button{padding:10px;font-size:.875rem;flex:1}.zoom-stage{height:300px}.selected-row{gap:10px}.selected-row img{width:70px}.selected-row .secondary{padding:10px;font-size:.875rem}.photo-note{font-size:.75rem}.zoom-controls{gap:8px}.photo{padding-bottom:48px}}@media(hover:none){#hoverPreview{display:none!important}}
.visual-panel{background:white;display:flex;flex-direction:column;min-width:0}.photo{background:#fff;flex:1;min-height:340px}.photo:hover{background:#fff}.photo img{width:100%;max-width:680px;mix-blend-mode:normal}.showcase{background:#fff;border:1px solid #e1e5eb}.main-views{display:flex;gap:9px;padding:8px 16px 16px;justify-content:center;flex-wrap:wrap}.view-thumb{border:1px solid #d7dee7;border-radius:5px;padding:5px;background:white;color:inherit;width:90px}.view-thumb[aria-pressed=true]{border:2px solid #17233d;box-shadow:0 0 0 2px #cedd33}.view-thumb img{width:100%;height:55px;object-fit:contain;display:block}.view-thumb span{font-size:.75rem;display:block;margin-top:3px}.variant img{aspect-ratio:3/2;object-fit:contain}.variant .label{font-size:.875rem;line-height:1.5}.choice .color-name{font-size:1rem;line-height:1.65}#hoverPreview{width:430px}#hoverPreview img{aspect-ratio:3/2;object-fit:contain}.zoom-stage{background:#fff;height:min(55vh,550px)}.zoom-stage[data-view=photo] .angle-frame{width:100%;height:100%;aspect-ratio:auto;overflow:visible}.zoom-stage[data-view=photo] img{width:100%;height:100%;object-fit:contain;left:0;top:0}.viewer-tabs{flex-wrap:wrap}.viewer-tabs button{font-size:.875rem}.selected-row img{width:110px;aspect-ratio:3/2;object-fit:contain}#viewer{width:min(1100px,calc(100% - 30px))}@media(max-width:650px){.photo{min-height:230px}.view-thumb{width:68px}.view-thumb img{height:44px}.main-views{gap:7px;padding:6px 10px 14px}.zoom-stage{height:46vh}.viewer-tabs button{flex:1 0 35%}.selected-row img{width:75px}.photo-note{font-size:.75rem}}@media(min-width:1001px){.showcase{grid-template-columns:1.45fr 1fr}}