/* Shared editorial polish; original vertical art directions remain independent. */
.commerce{--space:clamp(22px,4.5vw,80px)}
.commerce .masthead{height:88px;gap:30px;position:sticky;top:0;background:var(--paper);box-shadow:0 1px 0 var(--line)}
.commerce .primary{gap:22px;font-size:12px}.commerce .primary a{min-height:44px;display:flex;align-items:center}
.commerce .brandmark{width:40px;height:40px;font-size:27px}.commerce .wordmark{font-size:14px}.commerce .family{padding-top:7px;padding-bottom:7px;font-size:9px}
.commerce main,.commerce [id^=experience],.commerce #ip{scroll-margin-top:110px}
.commerce .hero{min-height:640px;overflow:hidden}.commerce .hero-copy{padding-top:58px;padding-bottom:124px}
.commerce .hero h1{font-size:clamp(50px,6.2vw,94px);line-height:1.02;letter-spacing:-.055em}.commerce .hero-intro{font-size:16px;max-width:445px;margin-top:25px!important}.commerce .hero-cta{margin-top:30px;gap:24px}
.commerce .hero-art{min-height:540px}.commerce .hero-art img{will-change:transform;transform-origin:center;animation:sjs-art-drift 30s ease-in-out infinite alternate;animation-play-state:paused}
.commerce [data-motion=on][data-in-view=true][data-tab-visible=true] .hero-art img{animation-play-state:running}
.commerce .stage-bar{position:absolute;z-index:3;left:4vw;right:4vw;bottom:22px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:24px;padding:12px 16px;background:color-mix(in srgb,var(--paper) 94%,transparent);color:var(--ink);border:1px solid var(--line)}
.commerce .stage-origin{display:grid;gap:4px}.commerce .stage-origin>span{font-size:9px;letter-spacing:.17em;opacity:.72}.commerce .stage-origin a{font-size:12px;min-height:24px;display:flex;align-items:center;gap:12px}
.commerce .stage-scenes{display:flex;gap:5px}.commerce .stage-scenes button{width:44px;height:44px;background:transparent;border:1px solid transparent;color:inherit;font-size:12px;transition:background .2s,border .2s}
.commerce .stage-scenes button[aria-pressed=true]{border-color:currentColor;background:color-mix(in srgb,currentColor 8%,transparent)}
.commerce .motion-toggle{min-height:44px;min-width:154px;padding:10px 14px;background:transparent;border:1px solid currentColor;font-size:11px;color:inherit}
.commerce .stage-scenes button:disabled,.commerce .motion-toggle:disabled{opacity:.55;cursor:default}
.commerce .motion-reduced-note{display:none;font-size:11px}.commerce .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.commerce .hero-cinema .stage-bar,.commerce .hero-panorama .stage-bar{background:#14221edb;color:#f6f2e7;border-color:#ffffff36}
.commerce .hero-cinema .hero-art,.commerce .hero-fieldnotes .hero-art{z-index:0}.commerce .hero-cinema:after,.commerce .hero-fieldnotes:after{z-index:1;pointer-events:none}.commerce .hero-cinema .hero-copy,.commerce .hero-fieldnotes .hero-copy{position:relative;z-index:2}
.commerce .hero-cinema,.commerce .hero-cinema .hero-copy,.commerce .hero-fieldnotes,.commerce .hero-fieldnotes .hero-copy{min-height:clamp(590px,calc(100svh - 116px),780px)}
.commerce .hero-art figcaption{bottom:112px}.commerce .hero-cinema .hero-art figcaption,.commerce .hero-fieldnotes .hero-art figcaption{top:22px;bottom:auto;left:auto;right:4vw;max-width:44%}
.commerce .hero-cabinet .cabinet-index{bottom:96px}.commerce .hero-atlas .atlas-key{padding-bottom:110px}
.commerce .hero-specimen .specimen-label{bottom:105px}.commerce .hero-cinema .hero-copy,.commerce .hero-panorama .hero-copy{max-width:760px}
.commerce .category-strip>a{padding-top:23px;padding-bottom:23px;min-height:84px}.commerce .category-number{font-family:Georgia,serif;font-size:17px;opacity:.7}
.commerce .button{border-radius:2px;min-height:52px;padding:15px 24px}.commerce .section{padding-top:88px;padding-bottom:88px}.commerce .section-heading{margin-bottom:28px}
.commerce .product-grid{gap:28px}.commerce .card-visual{overflow:hidden;border-radius:2px}.commerce .card-visual img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.commerce .product-card:hover .card-visual img{transform:scale(1.035)}.commerce .card-info{padding-top:23px}.commerce .card-info p{max-width:440px}.commerce .card-info h3{font-size:22px}
.commerce.theme-archive .card-visual{border:1px solid var(--line)}.commerce.theme-gallery .product-card{border-bottom:1px solid var(--line)}
.commerce .catalog-intro{padding-top:72px;padding-bottom:50px}.commerce .catalog-layout{gap:44px;padding-top:42px}.commerce .filter-panel{align-self:start;position:sticky;top:108px;max-height:calc(100svh - 128px);overflow:auto}
.commerce .detail-layout{gap:6vw;padding-top:18px}.commerce .main-image{position:relative;border:1px solid var(--line)}
.commerce .image-expand{position:absolute;right:16px;bottom:16px;min-height:44px;padding:10px 16px;border:1px solid #ffffff80;background:#fffffff0;color:#25312b;font-size:12px;box-shadow:0 3px 16px #0001}
.commerce .thumbnails{gap:14px;margin-top:16px}.commerce .thumbnails button{width:90px;height:90px}.commerce .specs>div{padding:18px 0}
.commerce .art-lightbox{width:min(1240px,94vw);max-width:94vw;max-height:94svh;padding:20px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
.commerce .art-lightbox::backdrop{background:#111c18dd}.commerce .lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}
.commerce .lightbox-toolbar h2{font-size:24px}.commerce .lightbox-toolbar button{min-height:44px;padding:8px 18px;background:transparent;border:1px solid var(--line)}
.commerce .art-lightbox figure{margin:0}.commerce .art-lightbox img{width:100%;height:auto;max-height:72svh;object-fit:contain}.commerce .art-lightbox figcaption{font-size:12px;color:var(--muted);padding:16px 0 0}
.commerce .business{margin-top:0;padding-top:72px;padding-bottom:72px}.commerce .footer{padding-top:55px}.commerce .footer>p{max-width:650px}
.commerce .motion-reveal{opacity:.15;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.commerce .motion-reveal.motion-entered{opacity:1;transform:none}
.commerce-legacy-nav{position:relative;min-height:56px;align-items:center}
@keyframes sjs-art-drift{from{transform:scale(1.015) translate(-.25%,0)}to{transform:scale(1.055) translate(.6%,.3%)}}
@media(min-width:1100px){.commerce.theme-gallery .hero-copy{padding-left:6vw}.commerce.layout-cabinet .section>.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}.commerce.layout-cabinet .section>.product-grid .card-visual{aspect-ratio:4/3}.commerce.theme-paper .card-visual{aspect-ratio:4/5}.commerce.theme-utility .card-info{padding:24px 0 0}}
@media(max-width:1100px){.commerce .primary{gap:14px}.commerce .masthead{gap:20px}.commerce .hero h1{font-size:clamp(48px,6.6vw,80px)}}
@media(max-width:800px){
 .commerce .masthead{height:78px;padding:0 20px;gap:12px}.commerce .hero-copy{padding:48px 24px 42px}.commerce .hero h1{font-size:clamp(44px,11vw,66px)}
 .commerce .hero{min-height:0}.commerce .hero-art{min-height:380px}.commerce .stage-bar{position:relative;inset:auto;grid-column:1/-1;margin:0;grid-template-columns:1fr auto;gap:10px;padding:14px 20px;border-left:0;border-right:0}
 .commerce .stage-origin{grid-column:1/-1;display:flex;justify-content:space-between;gap:15px;align-items:center}.commerce .stage-origin>span{font-size:8px}.commerce .stage-origin a{font-size:10px}.commerce .motion-toggle{min-width:142px;font-size:10px;padding:8px 10px}
 .commerce .hero-cabinet .cabinet-index{display:none}.commerce .hero-specimen .specimen-label{bottom:110px}.commerce .hero-atlas .atlas-key{padding-bottom:22px}
 .commerce .hero-cinema .hero-copy,.commerce .hero-panorama .hero-copy{padding-bottom:48px}.commerce .hero-cinema .stage-bar,.commerce .hero-panorama .stage-bar{margin-top:0}
 .commerce .hero-cinema .hero-copy,.commerce .hero-fieldnotes .hero-copy{min-height:580px}.commerce .hero-art figcaption{bottom:18px}.commerce .hero-cinema .hero-art figcaption,.commerce .hero-fieldnotes .hero-art figcaption{top:18px;bottom:auto;max-width:80%;font-size:8px}
 .commerce .section{padding:60px 24px}.commerce .product-grid{gap:22px 16px}.commerce .card-info h3{font-size:20px}.commerce .card-info{padding-top:18px}
 .commerce .catalog-intro{padding:48px 24px 34px}.commerce .catalog-layout{padding:24px 24px 60px;gap:26px}.commerce .filter-panel{position:static;max-height:none;overflow:visible}
 .commerce .experience .exp-field-board{grid-template-columns:minmax(0,1fr)}.commerce .experience .exp-field-board>*{min-width:0}.commerce .experience .exp-field-index strong{font-size:clamp(26px,7vw,44px);overflow-wrap:anywhere}.commerce .experience .exp-check-progress{min-width:0}.commerce .experience .exp-check-progress progress{min-width:0;width:100%}
 .commerce .detail-layout{padding:8px 24px 48px;gap:30px}.commerce .thumbnails button{width:72px;height:72px}.commerce .image-expand{right:12px;bottom:12px;font-size:11px}
 .commerce .business{padding:48px 24px}.commerce .art-lightbox{padding:14px}.commerce .lightbox-toolbar h2{font-size:21px}.commerce .category-strip>a{min-height:76px;padding-top:18px;padding-bottom:18px}
}
@media(max-width:360px){.commerce .masthead{padding:0 14px}.commerce .brandmark{width:32px;height:36px;font-size:23px}.commerce .wordmark{font-size:11px;gap:8px}.commerce .wordmark small{font-size:8px}.commerce .stage-bar{padding-inline:14px}.commerce .motion-toggle{min-width:132px}.commerce .stage-scenes button{width:42px;min-height:44px}.commerce .stage-origin>span{display:none}.commerce .category-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce .category-strip>a{display:grid;grid-template-columns:1fr auto;align-content:start;gap:8px;padding:14px;min-width:0}.commerce .category-strip>a>.category-number{grid-column:1;grid-row:1}.commerce .category-strip>a>span:nth-child(2){grid-column:1/-1;grid-row:2;min-width:0;overflow-wrap:anywhere;line-height:1.4}.commerce .category-strip>a>span:last-child{grid-column:2;grid-row:1;margin-left:0}}
@media(prefers-reduced-motion:reduce){.commerce .hero-art img{animation:none;will-change:auto}.commerce .motion-toggle{display:none}.commerce .motion-reduced-note{display:inline}.commerce .motion-reveal{opacity:1;transform:none;transition:none}.commerce .card-visual img{transition:none}.commerce .product-card:hover .card-visual img{transform:none}}