/* The photograph is a sheet inside a rounded, frosted-glass folder. */
:is(.studio-work.sw-work-featured, .work-preview-grid) .sw-case-image {
  --folder-radius: clamp(22px, 2.4vw, 38px);
  position: relative;
  isolation: isolate;
  overflow: visible;
  width: 92%;
  margin-inline: auto;
  padding: 0 7% 3%;
  border: 0;
  border-radius: var(--folder-radius);
  background: transparent;
  box-shadow: none;
}
/* A quiet translucent backing stays inside the optical front edge. */
:is(.studio-work.sw-work-featured, .work-preview-grid) .sw-case-image::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 5% 5% 1.5%;
  border: 0;
  border-radius: var(--folder-radius);
  background: linear-gradient(138deg, #bfccd21c, #6e89930a 45%, #15202830);
  box-shadow: 0 10px 24px -14px #0006;
}
/* No second contour: the sheet and the optical face define the folder. */
:is(.studio-work.sw-work-featured, .work-preview-grid) .sw-case-image::after { content: none; }
:is(.studio-work.sw-work-featured, .work-preview-grid) .sw-case-image img {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
  border: 0;
  border-radius: calc(var(--folder-radius) * .58);
  transform: rotate(-2deg);
  transform-origin: 50% 85%;
  box-shadow: 0 8px 28px #0008;
  transition: transform .65s cubic-bezier(.2,.65,.2,1);
}
:is(.studio-work.sw-work-featured, .work-preview-grid) .sw-folder-front {
  position: absolute;
  z-index: 2;
  inset: auto 0 0;
  height: 45%;
  pointer-events: none;
  filter: none;
}
:is(.studio-work.sw-work-featured, .work-preview-grid) .sw-folder-front::before {
  content: '';
  position: absolute;
  inset: 0;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20600%20342%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M32%203H250C271%203%20280%209%20293%2025L327%2067C337%2079%20346%2083%20365%2083H566Q597%2083%20597%20115L578%20307Q574%20339%20541%20339H53Q20%20339%2017%20307L3%2042Q1%203%2032%203Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20600%20342%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M32%203H250C271%203%20280%209%20293%2025L327%2067C337%2079%20346%2083%20365%2083H566Q597%2083%20597%20115L578%20307Q574%20339%20541%20339H53Q20%20339%2017%20307L3%2042Q1%203%2032%203Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat;
  background:
    linear-gradient(96deg, #ffffff24 0%, #ffffff03 7%, transparent 80%, #edf5ff24 96%, #ffffff08),
    linear-gradient(172deg, #edf0f54a 0%, #aab2bb20 36%, #69757f18 62%, #0a101a60 100%);
  -webkit-backdrop-filter: blur(6.75px) saturate(.85);
  backdrop-filter: blur(6.75px) saturate(.85);
  box-shadow: inset 0 1px 0 #fff6;
}
:is(.studio-work.sw-work-featured, .work-preview-grid) .sw-folder-front::after {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20600%20342%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22rim%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22.65%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.4%22%2F%3E%3Cstop%20offset%3D%22.2%22%20stop-color%3D%22%23dfe7eb%22%20stop-opacity%3D%22.22%22%2F%3E%3Cstop%20offset%3D%22.49%22%20stop-color%3D%22%23adc4cf%22%20stop-opacity%3D%22.14%22%2F%3E%3Cstop%20offset%3D%22.79%22%20stop-color%3D%22%23a7b5bc%22%20stop-opacity%3D%22.27%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e6e6e4%22%20stop-opacity%3D%22.32%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22inner%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%220%22%3E%3Cstop%20stop-color%3D%22%23f0f4ff%22%20stop-opacity%3D%22.25%22%2F%3E%3Cstop%20offset%3D%22.18%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.8%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.18%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M32%203H250C271%203%20280%209%20293%2025L327%2067C337%2079%20346%2083%20365%2083H566Q597%2083%20597%20115L578%20307Q574%20339%20541%20339H53Q20%20339%2017%20307L3%2042Q1%203%2032%203Z%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M32%203H250C271%203%20280%209%20293%2025L327%2067C337%2079%20346%2083%20365%2083H566Q597%2083%20597%20115L578%20307Q574%20339%20541%20339H53Q20%20339%2017%20307L3%2042Q1%203%2032%203Z%22%20fill%3D%22none%22%20stroke%3D%22url%28%23rim%29%22%20stroke-width%3D%221.1%22%2F%3E%3Cpath%20d%3D%22M32%203H250C271%203%20280%209%20293%2025L327%2067C337%2079%20346%2083%20365%2083H566Q597%2083%20597%20115L578%20307Q574%20339%20541%20339H53Q20%20339%2017%20307L3%2042Q1%203%2032%203Z%22%20transform%3D%22translate%284%203%29%20scale%28.985%20.979%29%22%20fill%3D%22none%22%20stroke%3D%22url%28%23inner%29%22%20stroke-width%3D%220%22%2F%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat;
}
:is(.studio-work.sw-work-featured, .work-preview-grid) .sw-case-figure figcaption { margin-top: 22px; padding-left: 3%; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  :is(.studio-work.sw-work-featured, .work-preview-grid) .sw-case-figure:hover .sw-case-image img { transform: translateY(-10px) rotate(-1deg); }
}
@media (max-width: 760px) {
  :is(.studio-work.sw-work-featured, .work-preview-grid) .sw-case-image { --folder-radius: 24px; }
  :is(.studio-work.sw-work-featured, .work-preview-grid) .sw-folder-front::before { -webkit-backdrop-filter: blur(4.5px) saturate(.85); backdrop-filter: blur(4.5px) saturate(.85); }
}
@media (prefers-reduced-motion: reduce) {
  :is(.studio-work.sw-work-featured, .work-preview-grid) .sw-case-image img { transition: none; }
}

/* Additional artwork is held inside the original folder footprint. */
:is(.studio-work.sw-work-featured, .work-preview-grid) [data-folder-stack] .folder-sheet{position:absolute;inset:0 auto auto 7%;width:86%;height:90%;object-fit:cover;aspect-ratio:auto;z-index:0;transform:translateY(calc(-5px * var(--sheet-rank))) rotate(calc(-2deg + 3deg * var(--sheet-rank)));pointer-events:none}
:is(.studio-work.sw-work-featured, .work-preview-grid) [data-folder-stack] .folder-sheet-active{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1195/1316;object-position:57% center;z-index:1;transform:rotate(-2deg)}
:is(.studio-work.sw-work-featured, .work-preview-grid) .sw-case-dsmart [data-folder-stack] .folder-sheet-active{aspect-ratio:1555/1600;object-position:center}
:is(.studio-work.sw-work-featured, .work-preview-grid) [data-folder-stack] .sw-folder-front{z-index:3}
:is(.studio-work.sw-work-featured, .work-preview-grid) [data-work-folder] figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px}
.folder-controls{display:flex;align-items:center;gap:9px;flex-shrink:0;font:400 11px/1.3 var(--secondary,sans-serif);font-variant-numeric:tabular-nums}
.folder-controls button,.folder-controls a{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;background:transparent;color:#c9ccd2;text-decoration:none;font:400 20px/1 sans-serif;cursor:pointer}
.folder-controls :is(button,a):focus-visible{outline:1px solid #d9e4eb;outline-offset:2px;border-radius:4px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){:is(.studio-work.sw-work-featured, .work-preview-grid) [data-work-folder]:hover .folder-sheet-active{transform:translateY(-10px) rotate(-1deg)}:is(.studio-work.sw-work-featured, .work-preview-grid) [data-work-folder]:hover .folder-sheet:not(.folder-sheet-active){transform:translateY(calc(-5px * var(--sheet-rank))) rotate(calc(-2deg + 3deg * var(--sheet-rank)))}}

/* The homepage keeps its approved four-card grid and labels. */
.work-preview-grid .sw-case-image>img{aspect-ratio:1;height:auto;object-fit:cover;object-position:center}
.work-preview-grid .work-preview:first-child .sw-case-image>img{object-position:57% center}
.work-preview-grid .work-preview:nth-child(3) .sw-case-image>img{object-position:center top}
.work-preview-grid .sw-case-image{margin-top:12px}
.work-preview-grid .work-preview>span{margin-top:20px}
.work-preview-grid .sw-folder-front{z-index:2}

/* Every cover uses the same 1080 × 1440 portrait window. */
:is(.studio-work.sw-work-featured,.work-preview-grid) .sw-case-image>img,
:is(.studio-work.sw-work-featured,.work-preview-grid) [data-folder-stack] .folder-sheet-active,
.studio-work.sw-work-featured .sw-case-dsmart [data-folder-stack] .folder-sheet-active{aspect-ratio:3/4;height:auto;object-fit:cover}
[data-folder-stack]{cursor:pointer}
[data-folder-stack]:focus-visible{outline:1px solid #d9e4eb;outline-offset:8px}
.work-gallery-open{overflow:hidden}
.work-gallery{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;border:0;padding:36px 20px;background:#080a0df5;color:#e8eaed;overflow:auto}
.work-gallery[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.work-gallery::backdrop{background:#000b}
.work-gallery-stage{width:min(76vw,calc(72svh * .75));aspect-ratio:3/4;background:#050608;flex-shrink:0}
.work-gallery-image{display:block;width:100%;height:100%;object-fit:contain;touch-action:pan-y}
.work-gallery-close{position:absolute;right:24px;top:18px;font-size:32px!important}
.work-gallery button{border:0;background:transparent;color:inherit;min-width:44px;min-height:44px;font:400 25px/1 sans-serif;cursor:pointer}
.work-gallery button:disabled{opacity:.3;cursor:default}
.work-gallery-nav{display:flex;align-items:center;gap:30px;font:400 14px/1.4 sans-serif;font-variant-numeric:tabular-nums}
.work-gallery .text-link{font:400 13px/1.5 sans-serif}.work-gallery [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.work-gallery *{animation:none!important;transition:none!important}}

/* The rear sheet uses the front's material in the same WebGL atlas. */
:is(.studio-work.sw-work-featured,.work-preview-grid) .sw-case-image:has(.sw-folder-back)::before{content:none}
.sw-folder-back{position:absolute;z-index:-1;inset:5% 3% 1.5%;border-radius:calc(var(--folder-radius) * .4);pointer-events:none;background:linear-gradient(165deg,#ecf4ff08,#10192318);box-shadow:inset 0 0 0 1px #e6edf320;backdrop-filter:blur(.4px) saturate(1.05);-webkit-backdrop-filter:blur(.4px) saturate(1.05)}
.liquid-glass-active .sw-folder-back[data-liquid-ready="true"]{box-shadow:none}
.sw-folder-back>.liquid-glass-pane{inset:0;width:100%;height:100%;border-radius:inherit}