.sm-docs-area{--sm-fw:clamp(6px, 0.6vw, 9px);--sm-wood-hi:#faf4ea;--sm-wood-mid:#e8d8c0;--sm-wood-base:#d4bc98;--sm-wood-sh:#b8996e;--sm-docs-gap:clamp(18px, 2.2vw, 32px);--sm-row-gap:clamp(32px, 4vw, 52px);--sm-card-fit:94%;position:relative;overflow:hidden;background:#000000!important}.sm-docs-wall{display:flex;flex-direction:column;gap:var(--sm-row-gap)}.sm-docs-wall__row{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:var(--sm-docs-gap);align-items:start}.sm-docs-wall__row--bottom{grid-template-columns:repeat(3, minmax(0, 1fr));gap:clamp(24px, 3vw, 40px);margin-top:clamp(10px, 1.2vw, 20px);padding-top:clamp(18px, 2.2vw, 32px);border-top:1px solid rgba(255, 255, 255, 0.07)}.sm-docs-frame{position:relative;z-index:1;min-width:0;padding:10px 4px 16px}.sm-docs-frame:hover{z-index:4}.sm-docs-frame__piece{--rx:0deg;--ry:0deg;--hang:0deg;position:relative;display:block;width:var(--sm-card-fit);max-width:100%;margin:0 auto;cursor:default;transform-origin:top center;transform:perspective(900px) rotateZ(var(--hang)) rotateX(var(--rx)) rotateY(var(--ry));transition:transform 0.4s cubic-bezier(0.22, 1, 0.36, 1)}.sm-docs-frame__piece::before{content:'';position:absolute;top:-5px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:radial-gradient(circle at 35% 30%, #aaa, #555 60%, #333);box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);z-index:2}.sm-docs-frame__piece::after{content:'';position:absolute;left:12%;right:12%;bottom:-5px;height:10px;border-radius:50%;background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.45) 0%, transparent 72%);pointer-events:none;opacity:0.55}.sm-docs-frame:hover .sm-docs-frame__piece{transform:perspective(900px) rotateZ(var(--hang)) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-4px)}.sm-docs-frame__shell{padding:var(--sm-fw);background:repeating-linear-gradient(93deg, transparent 0 3px, rgba(120, 90, 55, 0.04) 3px 5px), linear-gradient( 148deg, var(--sm-wood-hi) 0%, var(--sm-wood-mid) 30%, var(--sm-wood-base) 55%, var(--sm-wood-sh) 100% );box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.55), inset 0 2px 0 rgba(255, 255, 255, 0.65), inset 0 -2px 4px rgba(70, 50, 30, 0.14), 0 6px 18px rgba(0, 0, 0, 0.38);transition:box-shadow 0.4s ease, filter 0.4s ease}.sm-docs-frame:hover .sm-docs-frame__shell{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.6), inset 0 2px 0 rgba(255, 255, 255, 0.72), inset 0 -2px 4px rgba(70, 50, 30, 0.16), 0 10px 26px rgba(0, 0, 0, 0.46);filter:brightness(1.03)}.sm-docs-frame__canvas{position:relative;display:block;width:100%;aspect-ratio:var(--doc-ratio, 210 / 297);line-height:0;overflow:hidden;background:transparent}.sm-docs-frame__canvas picture{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0}.sm-docs-frame__canvas img{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;background:transparent!important;border:none;box-shadow:none;filter:none;object-fit:contain;object-position:center}.sm-docs-wall__row--bottom{--sm-card-fit:96%}@media (min-width: 768px) and (max-width: 1199px){.sm-docs-wall__row{grid-template-columns:repeat(3, minmax(0, 1fr))}.sm-docs-wall__row--bottom{grid-template-columns:repeat(3, minmax(0, 1fr))}.sm-docs-area{--sm-card-fit:96%}}@media (max-width: 767px){.sm-docs-wall__row,.sm-docs-wall__row--bottom{grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px}.sm-docs-area{--sm-row-gap:26px;--sm-fw:5px;--sm-card-fit:98%}}@media (max-width: 479px){.sm-docs-wall__row--bottom{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.sm-docs-frame__piece,.sm-docs-frame__shell{transition:none}}.sm-docs-empty{margin:0;padding:48px 24px;text-align:center;color:rgba(255, 255, 255, 0.55);border:1px dashed rgba(255, 255, 255, 0.12);border-radius:8px;background:transparent}