[data-v-20d2d4d9]:root{--stack-border-radius:4px;--stack-group-height-sm:20vw;--stack-group-height-lg:80vh;--stack-group-offset:3.75rem;--stack-perspective:3000px;--stack-rotation-angle:-3deg;--stack-rotation-offset:1rem;--stack-shadow:0 -1px 8px rgba(0,0,0,.15);--folder-shadow:1px 0 8px rgba(0,0,0,.15);--folder-offset:65vh;--tag-height:2.75rem;--tag-aspect-ratio:1.409}@media only screen and (max-aspect-ratio:2/1){[data-v-20d2d4d9]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-20d2d4d9]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-20d2d4d9]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-20d2d4d9]:root{--stack-group-height-sm:15vh}}.the-sub-header[data-v-20d2d4d9]{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:#191919cc;border-bottom:1px solid hsla(0,0%,100%,.1);left:0;position:fixed;top:0;width:100%;z-index:1000}.the-sub-header__content[data-v-20d2d4d9]{align-items:center;height:3.75rem;justify-content:space-between;position:relative}.the-sub-header__controls[data-v-20d2d4d9]{display:flex;gap:2rem}.the-sub-header__controls .iconify[data-v-20d2d4d9]{height:1.5rem;opacity:.4;width:1.5rem}.the-sub-header[data-v-20d2d4d9]{transition:all .65s cubic-bezier(.33,1,.68,1)}.the-sub-header.is-hidden[data-v-20d2d4d9]{transform:translateY(-100%);transition:all .325s cubic-bezier(.33,1,.68,1)}[data-v-1d270748]:root{--stack-border-radius:4px;--stack-group-height-sm:20vw;--stack-group-height-lg:80vh;--stack-group-offset:3.75rem;--stack-perspective:3000px;--stack-rotation-angle:-3deg;--stack-rotation-offset:1rem;--stack-shadow:0 -1px 8px rgba(0,0,0,.15);--folder-shadow:1px 0 8px rgba(0,0,0,.15);--folder-offset:65vh;--tag-height:2.75rem;--tag-aspect-ratio:1.409}@media only screen and (max-aspect-ratio:2/1){[data-v-1d270748]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-1d270748]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-1d270748]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-1d270748]:root{--stack-group-height-sm:15vh}}.case-folder-tags[data-v-1d270748]{display:flex;position:absolute;right:0;top:var(--stack-border-radius);transform:translate(100%,-100%) rotate(90deg);transform-origin:left bottom;width:100%;z-index:-1}.case-folder-tags__page[data-v-1d270748]{display:flex;margin-block-end:-20px;padding-block-end:20px;pointer-events:none;position:relative;transition:transform .325s cubic-bezier(.33,1,.68,1);width:100%}.case-folder-tags__page[data-v-1d270748]:not(:first-child){bottom:0;left:0;position:absolute}.case-folder-tags__page[data-v-1d270748]:first-child{z-index:4}.case-folder-tags__page[data-v-1d270748]:nth-child(2){z-index:3}.case-folder-tags__page[data-v-1d270748]:nth-child(3){z-index:2}.case-folder-tags__page.--active[data-v-1d270748]{z-index:10}.case-folder-tags__page[data-v-1d270748]:after,.case-folder-tags__page[data-v-1d270748]:before{bottom:0;content:"";height:20px;left:0;position:absolute;width:100%}.case-folder-tags__page[data-v-1d270748]:before{background:var(--bg-color);border-radius:var(--stack-border-radius) var(--stack-border-radius) 0 0}.case-folder-tags__page[data-v-1d270748]:after{box-shadow:0 -10px 20px #00000080;height:20px;opacity:0;top:calc(100% + 20px);transition:opacity .325s cubic-bezier(.33,1,.68,1);z-index:200}@media only screen and (hover:hover){.case-folder-tags__page[data-v-1d270748]:hover{transform:translateY(-10px)}.case-folder-tags__page[data-v-1d270748]:hover:after{opacity:1}}.case-folder-tags__item .tag[data-v-1d270748]{margin-block-end:-20px;padding-block-end:19px}.case-folder-tags__item.router-link-active[data-v-1d270748]{cursor:default;pointer-events:none}.case-folder-tags__item.router-link-active[data-v-1d270748] .tag{pointer-events:none}.case-folder-tags__item[data-v-1d270748] .tag{z-index:10}[data-v-f4477a96]:root{--stack-border-radius:4px;--stack-group-height-sm:20vw;--stack-group-height-lg:80vh;--stack-group-offset:3.75rem;--stack-perspective:3000px;--stack-rotation-angle:-3deg;--stack-rotation-offset:1rem;--stack-shadow:0 -1px 8px rgba(0,0,0,.15);--folder-shadow:1px 0 8px rgba(0,0,0,.15);--folder-offset:65vh;--tag-height:2.75rem;--tag-aspect-ratio:1.409}@media only screen and (max-aspect-ratio:2/1){[data-v-f4477a96]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-f4477a96]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-f4477a96]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-f4477a96]:root{--stack-group-height-sm:15vh}}.case-folder-sheet-wrapper[data-v-f4477a96],.case-folder-sheet-wrapper{--clip-size:5rem;display:flex;justify-content:flex-end;max-height:100%;width:100%;overflow:hidden!important;border-radius:inherit!important}@media only screen and (min-width:1025px){.case-folder-sheet-wrapper[data-v-f4477a96]{--padding-l:3rem;aspect-ratio:210/297}}@media only screen and (min-width:1440px){.case-folder-sheet-wrapper[data-v-f4477a96]{--padding-l:5.625rem}}@media only screen and (max-width:1024px){.case-folder-sheet-wrapper[data-v-f4477a96]{--padding-l:3rem;aspect-ratio:auto}}@media only screen and (max-width:768px){.case-folder-sheet-wrapper[data-v-f4477a96]{--clip-size:4rem}}@media only screen and (max-width:480px){.case-folder-sheet-wrapper[data-v-f4477a96]{--padding-l:1.5rem;--clip-size:2.5rem}}.case-folder-sheet[data-v-f4477a96]{background-color:#fffcf9;border-radius:4px;box-sizing:border-box;color:var(--color-dark);flex-grow:0;flex-shrink:0;padding:var(--padding-l) var(--padding-l) var(--padding-l) calc(var(--clip-size) + 1rem);position:relative;z-index:0}@media only screen and (min-width:1025px){.case-folder-sheet[data-v-f4477a96]{aspect-ratio:210/297;width:calc(var(--case-content-width) - var(--container-offset) - .25rem)}}@media only screen and (min-width:1440px){.case-folder-sheet[data-v-f4477a96]{width:calc(var(--case-content-width) - var(--container-offset)*2)}}@media only screen and (max-width:1024px){.case-folder-sheet[data-v-f4477a96]{padding:var(--padding-l) var(--padding-l) var(--padding-l) calc(var(--clip-size) + 1rem);width:calc(var(--case-content-width) - var(--container-offset) - .25rem)}}.case-folder-sheet__inner[data-v-f4477a96]{border-bottom:1px solid #100f0a;display:flex;height:100%;justify-content:space-between;width:100%}@media only screen and (max-width:1024px){.case-folder-sheet__inner[data-v-f4477a96]{height:auto;padding-bottom:4rem}}@media only screen and (max-width:768px){.case-folder-sheet__inner[data-v-f4477a96]{flex-direction:column;gap:3rem;justify-content:flex-start}}.case-folder-sheet__left[data-v-f4477a96],.case-folder-sheet__right[data-v-f4477a96]{display:flex;flex-direction:column;gap:1.5rem}@media only screen and (max-width:768px){.case-folder-sheet__left[data-v-f4477a96],.case-folder-sheet__right[data-v-f4477a96]{align-items:flex-start;flex-direction:row}}@media only screen and (max-width:480px){.case-folder-sheet__left[data-v-f4477a96],.case-folder-sheet__right[data-v-f4477a96]{flex-direction:column}}.case-folder-sheet__left[data-v-f4477a96]{width:30%}@media only screen and (max-width:768px){.case-folder-sheet__left[data-v-f4477a96]{width:100%}}.case-folder-sheet__right[data-v-f4477a96]{width:60%}@media only screen and (max-width:768px){.case-folder-sheet__right[data-v-f4477a96]{width:100%}}.case-folder-sheet__photo[data-v-f4477a96]{align-items:center;aspect-ratio:.875;display:flex;justify-content:center;margin-bottom:calc(var(--padding-l)*.66);margin-top:calc(var(--padding-l)*-1 + 1rem);min-width:140px;position:relative;transform:rotate(-1.5deg);transform-origin:left bottom;width:100%}@media only screen and (max-width:768px){.case-folder-sheet__photo[data-v-f4477a96]{flex:auto 1 0;width:33%}}@media only screen and (max-width:480px){.case-folder-sheet__photo[data-v-f4477a96]{width:90%}}.case-folder-sheet__photo img[data-v-f4477a96]{aspect-ratio:inherit;-o-object-fit:cover;object-fit:cover;width:100%}.case-folder-sheet__photo .content-paperclip[data-v-f4477a96]{position:absolute;right:2rem;top:0;transform:translateY(-1rem)!important}.case-folder-sheet__info-wrapper[data-v-f4477a96]{display:flex;flex-direction:column;gap:1.5rem;text-wrap:balance}.case-folder-sheet__info[data-v-f4477a96]{display:flex;flex-direction:column;font-family:IBM Plex Mono,sans-serif;font-size:1rem;line-height:1.4}.case-folder-sheet__info p[data-v-f4477a96]:first-child{font-weight:700}.case-folder-sheet__desc[data-v-f4477a96]{display:flex;flex-direction:column;gap:2.75rem;line-height:1.4;text-shadow:1px 1px 1px #fff}@media only screen and (min-width:1025px){.case-folder-sheet__desc[data-v-f4477a96]{font-size:1.75vw}}@media only screen and (min-width:1440px){.case-folder-sheet__desc[data-v-f4477a96]{font-size:24px}}@media only screen and (min-width:1920px){.case-folder-sheet__desc[data-v-f4477a96]{font-size:30px}}@media only screen and (max-width:1024px){.case-folder-sheet__desc[data-v-f4477a96]{font-size:18px}}@media only screen and (max-width:768px){.case-folder-sheet__desc[data-v-f4477a96]{font-size:16px}}.case-folder-sheet__desc[data-v-f4477a96] p:not(:first-child){text-indent:2.5rem}.case-folder-sheet__desc[data-v-f4477a96] p:first-child:first-letter{display:inline-block;float:left;font-size:5em;line-height:.425;margin-right:1rem;margin-top:.21em}.case-folder-sheet__clip[data-v-f4477a96]{align-items:center;border-right:1px solid #b8b3ae;bottom:0;display:flex;flex-direction:column;height:100%;justify-content:space-around;left:0;pointer-events:none;position:absolute;top:0;width:var(--clip-size);z-index:5}@media only screen and (max-width:480px){.case-folder-sheet__clip[data-v-f4477a96]{border:none;width:3rem}}.case-folder-sheet__clip span[data-v-f4477a96]{background-color:var(--case-color);border-radius:50%;display:inline-block;height:clamp(10px,1.33vw,20px);width:clamp(10px,1.33vw,20px)}.case-folder-sheet__marks[data-v-f4477a96],.case-folder-sheet__overlay[data-v-f4477a96]{background-position:50%;background-size:100%;border-radius:inherit;height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.case-folder-sheet__overlay[data-v-f4477a96]{background-image:url(../images/avif/sheet_overlay.avif);mix-blend-mode:exclusion;opacity:.4}.case-folder-sheet__marks[data-v-f4477a96]{background-image:url(../images/avif/sheet_marks.avif);mix-blend-mode:exclusion}[data-v-8998ab40]:root{--stack-border-radius:4px;--stack-group-height-sm:20vw;--stack-group-height-lg:80vh;--stack-group-offset:3.75rem;--stack-perspective:3000px;--stack-rotation-angle:-3deg;--stack-rotation-offset:1rem;--stack-shadow:0 -1px 8px rgba(0,0,0,.15);--folder-shadow:1px 0 8px rgba(0,0,0,.15);--folder-offset:65vh;--tag-height:2.75rem;--tag-aspect-ratio:1.409}@media only screen and (max-aspect-ratio:2/1){[data-v-8998ab40]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-8998ab40]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-8998ab40]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-8998ab40]:root{--stack-group-height-sm:15vh}}.case-folder-scrapbook[data-v-8998ab40]{align-items:flex-start;display:flex;flex-direction:column}@media only screen and (min-width:1025px){.case-folder-scrapbook[data-v-8998ab40]{margin-bottom:var(--v67c6d980)}}@media only screen and (min-width:1440px){.case-folder-scrapbook[data-v-8998ab40]{margin-bottom:var(--v67c6d8bd)}}@media only screen and (min-width:1920px){.case-folder-scrapbook[data-v-8998ab40]{margin-bottom:var(--v67c6d8a1)}}@media only screen and (max-width:1024px){.case-folder-scrapbook[data-v-8998ab40]{gap:4rem;margin-left:5%;margin-block:-4rem 4rem;width:90%}}[data-v-a4205e7e]:root{--stack-border-radius:4px;--stack-group-height-sm:20vw;--stack-group-height-lg:80vh;--stack-group-offset:3.75rem;--stack-perspective:3000px;--stack-rotation-angle:-3deg;--stack-rotation-offset:1rem;--stack-shadow:0 -1px 8px rgba(0,0,0,.15);--folder-shadow:1px 0 8px rgba(0,0,0,.15);--folder-offset:65vh;--tag-height:2.75rem;--tag-aspect-ratio:1.409}@media only screen and (max-aspect-ratio:2/1){[data-v-a4205e7e]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-a4205e7e]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-a4205e7e]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-a4205e7e]:root{--stack-group-height-sm:15vh}}.case-folder[data-v-a4205e7e]{--case-folder-padding:var(--container-offset);--case-color:var(--d3768224);--first-case-color:var(--v4a91e948);perspective:var(--stack-perspective);position:relative;transform-origin:top right;width:100%;will-change:transform,width,height}.case-folder__cover[data-v-a4205e7e],.case-folder__inner[data-v-a4205e7e]{border-radius:0 var(--stack-border-radius) var(--stack-border-radius) 0;height:100%;width:100%}.case-folder__inner[data-v-a4205e7e]{background-color:var(--case-color);box-sizing:border-box;padding:var(--container-offset)}@media only screen and (min-width:1025px){.case-folder__inner[data-v-a4205e7e]{padding-inline-start:0}}@media only screen and (max-width:1024px){.case-folder__inner[data-v-a4205e7e]{padding-inline-start:0}}.case-folder__cover[data-v-a4205e7e]{left:0;position:absolute;top:0;transform:rotateY(-180deg);transform-origin:left;transform-style:preserve-3d;z-index:10}.case-folder__cover__back[data-v-a4205e7e],.case-folder__cover__front[data-v-a4205e7e]{backface-visibility:hidden;border-radius:inherit;height:100%;inset:0;position:absolute;width:100%}.case-folder__cover__back__overlay[data-v-a4205e7e],.case-folder__cover__back__shadow[data-v-a4205e7e],.case-folder__cover__front__overlay[data-v-a4205e7e],.case-folder__cover__front__shadow[data-v-a4205e7e]{border-radius:inherit;height:100%;inset:0;opacity:0;position:absolute;width:100%;z-index:5}.case-folder__cover__front[data-v-a4205e7e]{background:var(--first-case-color);z-index:2}.case-folder__cover__front__overlay[data-v-a4205e7e]{background:linear-gradient(0deg,#ffffff0d,#ffffff0d)}.case-folder__cover__front__shadow[data-v-a4205e7e]{box-shadow:var(--folder-shadow)}.case-folder__cover__back[data-v-a4205e7e]{background-color:var(--case-color);transform:rotateX(180deg)}.case-folder__cover__back__overlay[data-v-a4205e7e]{background:linear-gradient(90deg,#fff0,#ffffff0d);opacity:1}.case-folder__cover__shadow[data-v-a4205e7e]{box-shadow:0 0 250px #00000080;height:100%;inset:0;opacity:0;position:absolute;width:100%}.case-folder-container.is-closed[data-v-a4205e7e]{height:calc(var(--stack-group-height) + var(--stack-group-offset)*3);margin-top:calc(var(--stack-group-offset)*4*-1)}.case-folder.is-frozen[data-v-a4205e7e],.case-folder.is-frozen[data-v-a4205e7e] *{pointer-events:none!important}[data-v-7301b746]:root{--stack-border-radius:4px;--stack-group-height-sm:20vw;--stack-group-height-lg:80vh;--stack-group-offset:3.75rem;--stack-perspective:3000px;--stack-rotation-angle:-3deg;--stack-rotation-offset:1rem;--stack-shadow:0 -1px 8px rgba(0,0,0,.15);--folder-shadow:1px 0 8px rgba(0,0,0,.15);--folder-offset:65vh;--tag-height:2.75rem;--tag-aspect-ratio:1.409}@media only screen and (max-aspect-ratio:2/1){[data-v-7301b746]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-7301b746]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-7301b746]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-7301b746]:root{--stack-group-height-sm:15vh}}.case-temp[data-v-7301b746]{display:flex;flex-direction:column;height:calc(var(--stack-group-height-lg) + var(--stack-group-offset)*(var(--v1162cea4) - 1));left:0;perspective:var(--stack-perspective);pointer-events:none;position:absolute;right:0;top:calc(100vh - var(--stack-group-offset)*4);z-index:5}@media only screen and (max-aspect-ratio:2/1){.case-temp[data-v-7301b746]{top:calc(100vh - var(--stack-group-offset)*3 - var(--stack-group-height-sm))}}@media only screen and (max-width:480px){.case-temp[data-v-7301b746]{margin:0;padding:0;width:100%}}.case-temp__inner[data-v-7301b746]{height:100%;margin-inline:auto;position:relative}@media only screen and (min-width:1025px){.case-temp__inner[data-v-7301b746]{width:calc(90% - .1rem)}}@media only screen and (max-width:1024px){.case-temp__inner[data-v-7301b746]{width:100%}}@media only screen and (max-width:480px){.case-temp__inner[data-v-7301b746]{width:100%}}.case-temp__inner[data-v-7301b746] .case-folder{transform:rotate(-90deg) translate(calc(var(--stack-group-offset)*var(--v674d7be0)*-1),calc((var(--stack-group-height-lg) + var(--stack-group-offset)*var(--v40549ff2))*-1));width:calc(var(--stack-group-height-lg) + var(--stack-group-offset)*var(--v40549ff2))}@media only screen and (min-width:1025px){.case-temp__inner[data-v-7301b746] .case-folder{height:calc((var(--container-size) - 19*1rem)*18/20 + 17rem)}}@media only screen and (max-width:1024px){.case-temp__inner[data-v-7301b746] .case-folder{height:calc((var(--container-size) - 19*1rem)*20/20 + 19rem)}}@media only screen and (max-width:480px){.case-temp__inner[data-v-7301b746] .case-folder{height:calc(var(--container-size) + var(--container-offset)*2)}}.case-temp__inner[data-v-7301b746] .case-folder__inner,.case-temp__inner[data-v-7301b746] .case-folder-sheet-wrapper{overflow:hidden}.case-temp__inner[data-v-7301b746] .case-folder-tags{width:0}[data-v-965558e3]:root{--stack-border-radius:4px;--stack-group-height-sm:20vw;--stack-group-height-lg:80vh;--stack-group-offset:3.75rem;--stack-perspective:3000px;--stack-rotation-angle:-3deg;--stack-rotation-offset:1rem;--stack-shadow:0 -1px 8px rgba(0,0,0,.15);--folder-shadow:1px 0 8px rgba(0,0,0,.15);--folder-offset:65vh;--tag-height:2.75rem;--tag-aspect-ratio:1.409}@media only screen and (max-aspect-ratio:2/1){[data-v-965558e3]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-965558e3]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-965558e3]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-965558e3]:root{--stack-group-height-sm:15vh}}.case-hero-title[data-v-965558e3]{transform-origin:top left}.case-hero-title[data-v-965558e3] .char{will-change:transform}.case-hero-title[data-v-965558e3] .line{margin-top:-.05em}.case-hero-title[data-v-965558e3] .char{padding-bottom:.05em}[data-v-8048d5e7]:root{--stack-border-radius:4px;--stack-group-height-sm:20vw;--stack-group-height-lg:80vh;--stack-group-offset:3.75rem;--stack-perspective:3000px;--stack-rotation-angle:-3deg;--stack-rotation-offset:1rem;--stack-shadow:0 -1px 8px rgba(0,0,0,.15);--folder-shadow:1px 0 8px rgba(0,0,0,.15);--folder-offset:65vh;--tag-height:2.75rem;--tag-aspect-ratio:1.409}@media only screen and (max-aspect-ratio:2/1){[data-v-8048d5e7]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-8048d5e7]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-8048d5e7]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-8048d5e7]:root{--stack-group-height-sm:15vh}}.case-hero[data-v-8048d5e7]{margin-block-start:3.75rem;padding-block:3.75rem}.case-hero[data-v-8048d5e7] .case-hero-title{z-index:5}[data-v-b555b524]:root{--stack-border-radius:4px;--stack-group-height-sm:20vw;--stack-group-height-lg:80vh;--stack-group-offset:3.75rem;--stack-perspective:3000px;--stack-rotation-angle:-3deg;--stack-rotation-offset:1rem;--stack-shadow:0 -1px 8px rgba(0,0,0,.15);--folder-shadow:1px 0 8px rgba(0,0,0,.15);--folder-offset:65vh;--tag-height:2.75rem;--tag-aspect-ratio:1.409}@media only screen and (max-aspect-ratio:2/1){[data-v-b555b524]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-b555b524]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-b555b524]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-b555b524]:root{--stack-group-height-sm:15vh}}.case-content[data-v-b555b524]{flex-direction:column;min-height:100vh;position:relative}.case-content__draggable-bounds[data-v-b555b524]{bottom:-3rem;left:0;pointer-events:none;position:absolute;top:0;width:calc(var(--case-content-width)*1.1)}.case-content__inner[data-v-b555b524]{width:var(--case-content-width)}[data-v-dc037976]:root{--stack-border-radius:4px;--stack-group-height-sm:20vw;--stack-group-height-lg:80vh;--stack-group-offset:3.75rem;--stack-perspective:3000px;--stack-rotation-angle:-3deg;--stack-rotation-offset:1rem;--stack-shadow:0 -1px 8px rgba(0,0,0,.15);--folder-shadow:1px 0 8px rgba(0,0,0,.15);--folder-offset:65vh;--tag-height:2.75rem;--tag-aspect-ratio:1.409}@media only screen and (max-aspect-ratio:2/1){[data-v-dc037976]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-dc037976]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-dc037976]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-dc037976]:root{--stack-group-height-sm:15vh}}.case-next-folder[data-v-dc037976]{margin-bottom:-30vh;margin-top:10vh}@media only screen and (max-width:1024px){.case-next-folder[data-v-dc037976]{display:none}}.case-next-folder__inner[data-v-dc037976]{background-color:var(--v640111c2);border-radius:0 var(--stack-border-radius) 0 0;box-sizing:border-box;color:var(--v61f0c407);height:55vh;padding-block-start:var(--container-offset);position:relative;width:calc(80% - .2rem)}.case-next-folder__inner[data-v-dc037976]:before{background-color:inherit;bottom:0;content:"";height:100%;position:absolute;right:100%;top:0;width:100%}[data-v-6b97b7b7]:root{--stack-border-radius:4px;--stack-group-height-sm:20vw;--stack-group-height-lg:80vh;--stack-group-offset:3.75rem;--stack-perspective:3000px;--stack-rotation-angle:-3deg;--stack-rotation-offset:1rem;--stack-shadow:0 -1px 8px rgba(0,0,0,.15);--folder-shadow:1px 0 8px rgba(0,0,0,.15);--folder-offset:65vh;--tag-height:2.75rem;--tag-aspect-ratio:1.409}@media only screen and (max-aspect-ratio:2/1){[data-v-6b97b7b7]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-6b97b7b7]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-6b97b7b7]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-6b97b7b7]:root{--stack-group-height-sm:15vh}}.case-next-widget[data-v-6b97b7b7]{align-items:flex-end;display:flex;flex-direction:column;gap:1rem;order:100}@media only screen and (min-width:1025px){.case-next-widget[data-v-6b97b7b7]{bottom:var(--container-offset);left:calc(var(--container-offset) + var(--container-size));position:fixed;transform:translate(-100%);z-index:55}}@media only screen and (max-width:1024px){.case-next-widget[data-v-6b97b7b7]{box-sizing:border-box;padding-block:3rem;padding-inline-start:var(--container-offset);position:relative;width:calc(100% - var(--tag-height) - var(--container-offset))}}.case-next-widget__info[data-v-6b97b7b7]{background-color:var(--v090e97b1);border-radius:1.25rem;color:var(--v4734f9b6);height:11.25rem;overflow:clip;position:relative;width:13.75rem}@media only screen and (max-width:480px){.case-next-widget__info[data-v-6b97b7b7]{width:100%}}.case-next-widget__info__inner[data-v-6b97b7b7]{border-radius:inherit;box-sizing:border-box;display:flex;flex-direction:column;height:11.25rem;justify-content:space-between;left:50%;padding:1.25rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:13.75rem}@media only screen and (max-width:480px){.case-next-widget__info__inner[data-v-6b97b7b7]{width:100%}}.case-next-widget__name[data-v-6b97b7b7]{font-family:Signifier,serif;font-size:1.25rem;font-weight:400}.case-next-widget__category[data-v-6b97b7b7]{font-family:IBM Plex Mono,sans-serif;font-size:.875rem;line-height:1.4}.case-next-widget__action[data-v-6b97b7b7]{background-color:#ffe927;border-radius:1.25rem;color:var(--color-dark);overflow:clip;position:relative;width:10rem}.case-next-widget__action__inner[data-v-6b97b7b7]{align-items:center;display:flex;position:relative;transform:translate(-13.75rem);width:23.75rem;z-index:5}.case-next-widget__action__progress[data-v-6b97b7b7]{background-color:var(--color-light);bottom:0;height:100%;left:0;position:absolute;top:0;transform:translate(var(--v62f35012));transition:transform .5s;width:100%;z-index:1}.case-next-widget__button[data-v-6b97b7b7],.case-next-widget__progress-text[data-v-6b97b7b7]{font-family:IBM Plex Mono,sans-serif;font-size:1rem}.case-next-widget__button[data-v-6b97b7b7]{align-items:center;display:flex;gap:.33em;height:3.5rem;justify-content:center;width:10rem}.case-next-widget__button span[data-v-6b97b7b7]{transform:translateY(-5%)}.case-next-widget__progress-text[data-v-6b97b7b7]{align-items:center;display:flex;height:3.5rem;justify-content:center;text-align:center;text-wrap:balance;width:13.75rem}.case-next-widget__progress-text>span[data-v-6b97b7b7]{position:relative;z-index:2}@media only screen and (min-width:1025px){.case-next-widget[data-v-6b97b7b7]{transition:all .429s cubic-bezier(.33,1,.68,1)}}.case-next-widget__info[data-v-6b97b7b7]{transition:all .65s cubic-bezier(.33,1,.68,1)}.case-next-widget__action[data-v-6b97b7b7]{transition:width .65s cubic-bezier(.33,1,.68,1)}.case-next-widget__action__inner[data-v-6b97b7b7]{transition:transform .65s cubic-bezier(.33,1,.68,1)}.case-next-widget.is-overscroll .case-next-widget__info[data-v-6b97b7b7]{height:3.5rem;transform:translateY(4.5rem)}.case-next-widget.is-overscroll .case-next-widget__action[data-v-6b97b7b7]{width:13.75rem}.case-next-widget.is-overscroll .case-next-widget__action__inner[data-v-6b97b7b7]{transform:translate(0)}.case-next-widget.is-disabled[data-v-6b97b7b7]{pointer-events:none}@media only screen and (min-width:1025px){.case-next-widget.is-disabled[data-v-6b97b7b7]{transform:translate(-100%) translateY(calc(var(--container-offset) + 3.5rem))}.case-next-widget.is-disabled .case-next-widget__info[data-v-6b97b7b7]{height:3.5rem;transform:translateY(4.5rem)}}@media only screen and (max-width:1024px){.case-next-widget.is-disabled[data-v-6b97b7b7]{display:none}}[data-v-26cc3512]:root{--stack-border-radius:4px;--stack-group-height-sm:20vw;--stack-group-height-lg:80vh;--stack-group-offset:3.75rem;--stack-perspective:3000px;--stack-rotation-angle:-3deg;--stack-rotation-offset:1rem;--stack-shadow:0 -1px 8px rgba(0,0,0,.15);--folder-shadow:1px 0 8px rgba(0,0,0,.15);--folder-offset:65vh;--tag-height:2.75rem;--tag-aspect-ratio:1.409}@media only screen and (max-aspect-ratio:2/1){[data-v-26cc3512]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-26cc3512]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-26cc3512]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-26cc3512]:root{--stack-group-height-sm:15vh}}.page-case[data-v-26cc3512]{align-items:flex-start;display:flex;flex-direction:column;min-height:100vh;position:relative}.__app.is-loading .page-case[data-v-26cc3512] .case-folder,.__app.is-loading .page-case[data-v-26cc3512] .case-hero-title{opacity:0}

/* --- AUTHENTIC ORIGINAL MOSBYFILES TYPOGRAPHY --- */
@font-face {
  font-display: swap;
  font-family: 'Signifier';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/signifier-light.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Founders Grotesk';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/founders-grotesk-x-condensed-bold.woff2') format('woff2');
}

/* 1. Case Folder Sheet (Archival Dossier) */
.case-folder-sheet {
  background-color: #fffcf9 !important;
  color: var(--color-dark, #100f0a) !important;
  font-family: 'Signifier', serif !important;
}

.case-folder-sheet__info {
  font-family: 'IBM Plex Mono', monospace, sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.4 !important;
}

.case-folder-sheet__info p:first-child {
  font-weight: 700 !important;
}

.case-folder-sheet__desc {
  display: flex !important;
  flex-direction: column !important;
  gap: 2.75rem !important;
  line-height: 1.4 !important;
  text-shadow: 1px 1px 1px #fff !important;
  font-family: 'Signifier', serif !important;
  color: #100f0a !important;
}

@media only screen and (min-width: 1025px) {
  .case-folder-sheet__desc {
    font-size: 1.75vw !important;
  }
}
@media only screen and (min-width: 1440px) {
  .case-folder-sheet__desc {
    font-size: 24px !important;
  }
}
@media only screen and (min-width: 1920px) {
  .case-folder-sheet__desc {
    font-size: 30px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .case-folder-sheet__desc {
    font-size: 18px !important;
    gap: 2rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .case-folder-sheet__desc {
    font-size: 16px !important;
    gap: 1.5rem !important;
  }
}

.case-folder-sheet__desc p {
  margin: 0 !important;
  line-height: 1.4 !important;
  color: #100f0a !important;
}

.case-folder-sheet__desc p:not(:first-child) {
  text-indent: 2.5rem !important;
}

.case-folder-sheet__desc p:first-child:first-letter {
  display: inline-block !important;
  float: left !important;
  font-family: 'Signifier', serif !important;
  font-size: 5em !important;
  line-height: .425 !important;
  margin-right: 1rem !important;
  margin-top: .21em !important;
}

/* 2. Folder Tags */
.tag {
  font-family: 'Signifier', serif !important;
  font-size: 1.625rem !important;
  font-weight: 400 !important;
}
@media only screen and (max-width: 1024px) {
  .tag {
    font-size: 1.25rem !important;
  }
}
@media only screen and (max-width: 480px) {
  .tag {
    font-size: 15px !important;
  }
}

/* 3. Sticky Notes Typography */
.content-note {
  font-family: 'Signifier', serif !important;
  position: relative !important;
  z-index: 8 !important;
}
.content-note-wrapper {
  position: relative !important;
  z-index: 8 !important;
}
.content-note__title {
  font-family: 'Signifier', serif !important;
  font-weight: 400 !important;
  position: relative !important;
  z-index: 9 !important;
}
.content-note__desc {
  font-family: 'Signifier', serif !important;
  font-weight: 400 !important;
  position: relative !important;
  z-index: 9 !important;
}
.content-note__desc p {
  font-family: 'Signifier', serif !important;
  line-height: 1.4 !important;
}

/* 4. Layering Guards */
.scrapbook-item__inner > .content-photo:not(:only-child),
.scrapbook-item__inner > .content-stack:not(:only-child) {
  z-index: 2 !important;
}
.content-paperclip {
  z-index: 12 !important;
}


/* --- Enhanced UX & High-Legibility Portfolio Typography --- */
.case-folder-sheet__desc {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.15rem !important;
  line-height: 1.65 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

@media only screen and (min-width: 1025px) {
  .case-folder-sheet__desc {
    font-size: 16px !important;
  }
}
@media only screen and (min-width: 1440px) {
  .case-folder-sheet__desc {
    font-size: 17px !important;
  }
}
@media only screen and (min-width: 1920px) {
  .case-folder-sheet__desc {
    font-size: 18px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .case-folder-sheet__desc {
    font-size: 15px !important;
  }
}

/* Remove awkward novel drop-caps and indents so headings and bullets align cleanly */
.case-folder-sheet__desc p:first-child:first-letter {
  display: inline !important;
  float: none !important;
  font-size: inherit !important;
  line-height: inherit !important;
  margin: 0 !important;
}

.case-folder-sheet__desc p {
  text-indent: 0 !important;
  margin: 0 !important;
  line-height: 1.65 !important;
  color: #27272a !important;
}

.case-folder-sheet__desc p:not(:first-child) {
  text-indent: 0 !important;
}

/* Crisp Section Headings with border */
.case-folder-sheet__desc h2,
.case-folder-sheet__desc h3 {
  font-family: 'IBM Plex Mono', monospace, sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-top: 1.25rem !important;
  margin-bottom: 0.25rem !important;
  padding-bottom: 0.35rem !important;
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.15) !important;
}

.case-folder-sheet__desc h2:first-child,
.case-folder-sheet__desc h3:first-child {
  margin-top: 0 !important;
}

/* Bold text highlighting - deep crisp black with high contrast */
.case-folder-sheet__desc strong,
.case-folder-sheet__desc b {
  font-weight: 700 !important;
  color: #09090b !important;
}

/* Bullet list styling with amber accent marker */
.case-folder-sheet__desc ul {
  list-style-type: none !important;
  padding-left: 0 !important;
  margin: 0.4rem 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.65rem !important;
}

.case-folder-sheet__desc li {
  position: relative !important;
  padding-left: 1.45rem !important;
  line-height: 1.6 !important;
  color: #334155 !important;
}

.case-folder-sheet__desc li::before {
  content: "▹" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: #d97706 !important;
  font-size: 1.15rem !important;
  line-height: 1.35 !important;
}

.case-folder-sheet__desc li strong,
.case-folder-sheet__desc li b {
  color: #0f172a !important;
  font-weight: 700 !important;
}

/* Sticky notes styling */
.content-note-wrapper,
.content-note {
  position: relative !important;
  z-index: 8 !important;
}
.content-note__title {
  font-family: 'IBM Plex Mono', monospace !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
}
.content-note__desc p {
  line-height: 1.55 !important;
  font-size: 0.92rem !important;
  color: #1f2937 !important;
}

/* Photo vintage borders */
.content-photo__image img {
  border-radius: 4px !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  padding: 4px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14) !important;
}

/* Dynamic Landscape Sheet Photo */

/* --- Fix Image Border Cropping & Top-Left Landscape Sizing --- */
.content-photo img,
.case-folder-sheet__photo img,
.content-pdf img,
.content-video__thumbnail img {
  object-fit: contain !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
}

.content-photo:not(.masked):not(:has(.mask)) > img {
  border-radius: 4px !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  padding: 4px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14) !important;
  box-sizing: border-box !important;
  object-fit: contain !important;
}

.content-photo.masked img,
.content-photo.masked img.mask {
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.case-folder-sheet__photo {
  aspect-ratio: auto !important;
  height: auto !important;
}

.case-folder-sheet__photo img {
  aspect-ratio: auto !important;
  object-fit: contain !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 3px !important;
}

@media only screen and (min-width: 769px) {
  .case-folder-sheet__inner:has(.case-folder-sheet__photo.is-landscape) .case-folder-sheet__left {
    width: 34% !important;
  }
  .case-folder-sheet__inner:has(.case-folder-sheet__photo.is-landscape) .case-folder-sheet__right {
    width: 58% !important;
  }
  .case-folder-sheet__photo.is-landscape {
    width: 114% !important;
    max-width: 118% !important;
    aspect-ratio: auto !important;
    height: auto !important;
    margin-top: calc(var(--padding-l) * -1 + 0.75rem) !important;
    margin-bottom: 1.25rem !important;
  }
}

@media only screen and (max-width: 768px) {
  .case-folder-sheet__photo.is-landscape {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: auto !important;
    height: auto !important;
  }
}

.case-folder-sheet__photo.is-landscape img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  box-sizing: border-box !important;
  display: block !important;
}


.__app.is-loading .case-folder-sheet, .__app.is-loading .case-folder-sheet-wrapper { opacity: 0 !important; visibility: hidden !important; }

/* ==========================================================================
   UNIVERSAL RESPONSIVE ARCHITECTURE (Mobile, Tablet, Desktop)
   ========================================================================== */

/* 1. Header Responsiveness: Prevent Logo & Navigation Collisions */
@media only screen and (max-width: 860px) {
  .the-header__content {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-inline: var(--container-offset) !important;
  }
  .the-header__logo {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    flex-shrink: 0 !important;
  }
  .the-header__logo svg {
    width: 7.5rem !important;
    height: auto !important;
  }
  .the-nav {
    display: flex !important;
    align-items: center !important;
    gap: 1.25rem !important;
    grid-gap: 1.25rem !important;
  }
  .the-nav__item {
    font-size: 0.85rem !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
  }
}

@media only screen and (max-width: 480px) {
  .the-header__logo svg {
    width: 6.25rem !important;
  }
  .the-nav {
    gap: 0.75rem !important;
    grid-gap: 0.75rem !important;
  }
  .the-nav__item {
    font-size: 0.78rem !important;
  }
}

@media only screen and (max-width: 360px) {
  .the-header__logo svg {
    width: 5.5rem !important;
  }
  .the-nav {
    gap: 0.5rem !important;
    grid-gap: 0.5rem !important;
  }
  .the-nav__item {
    font-size: 0.72rem !important;
  }
}

/* 2. Sub-Header Responsiveness (Scroll Controls) */
@media only screen and (max-width: 768px) {
  .the-sub-header__content {
    padding-inline: var(--container-offset) !important;
  }
  .the-sub-header__controls {
    gap: 1.25rem !important;
  }
}

/* 3. Folder & Sheet Height Adaptation (Preserve tags and folder edges) */
@media only screen and (max-width: 1024px) {
  .case-content {
    min-height: auto !important;
    padding-bottom: 5rem !important;
  }
  .case-folder {
    height: auto !important;
    min-height: 100% !important;
  }
  .case-folder__inner {
    height: auto !important;
    min-height: 100% !important;
  }
  .case-folder-sheet-wrapper {
    height: auto !important;
    max-height: none !important;
  }
  .case-folder-sheet {
    height: auto !important;
    max-height: none !important;
  }
  .case-folder-sheet__inner {
    height: auto !important;
    padding-bottom: 3rem !important;
  }
}

/* 4. Small Screen Natural Scrapbook Collage (Non-linear, Overlapping Tactile Corkboard Cluster) */
@media only screen and (max-width: 860px) {
  .case-folder-scrapbook {
    width: 92% !important;
    margin-left: 4% !important;
    margin-block: 2.5rem 5rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4.5rem !important;
  }
  .scrapbook-item {
    width: 100% !important;
    max-width: 100% !important;
    align-self: center !important;
    margin: 0 auto !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
  }
  .scrapbook-item:nth-child(2n) {
    align-self: center !important;
  }
  .scrapbook-item__inner {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    margin: 0 auto !important;
  }

  /* Note is always the visual anchor at the top of each cluster */
  .content-note-wrapper {
    order: -1 !important;
    position: relative !important;
    width: 90% !important;
    max-width: 330px !important;
    margin: 0 auto !important;
    z-index: 5 !important;
  }
  .content-note {
    width: 100% !important;
    box-sizing: border-box !important;
    padding-bottom: 2.85rem !important;
    transform: rotate(var(--v5898e1ab, -1.2deg)) !important;
  }

  /* Base for media elements (photos, blueprint stacks, audio, video) */
  .scrapbook-item__inner > .content-photo:not(:only-child),
  .scrapbook-item__inner > .content-stack:not(:has(.content-note-wrapper)),
  .scrapbook-item__inner > .content-audio:not(:only-child),
  .scrapbook-item__inner > .content-video:not(:only-child) {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 80% !important;
    max-width: 275px !important;
    margin-top: -1.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  /* Odd scrapbook items: Media 1 leans left, Media 2 leans right */
  .scrapbook-item:nth-child(odd) .scrapbook-item__inner > :is(.content-photo, .content-stack, .content-audio, .content-video):not(.content-note-wrapper):nth-of-type(1) {
    align-self: flex-start !important;
    margin-left: 1% !important;
    margin-right: auto !important;
    transform: rotate(var(--v09d0a240, -2.5deg)) !important;
    z-index: 4 !important;
  }

  .scrapbook-item:nth-child(odd) .scrapbook-item__inner > :is(.content-photo, .content-stack, .content-audio, .content-video):not(.content-note-wrapper):nth-of-type(2) {
    align-self: flex-end !important;
    margin-right: 1% !important;
    margin-left: auto !important;
    margin-top: -2.75rem !important;
    transform: rotate(var(--b3629b48, 3deg)) !important;
    z-index: 7 !important;
  }

  .scrapbook-item:nth-child(odd) .scrapbook-item__inner > :is(.content-photo, .content-stack, .content-audio, .content-video):not(.content-note-wrapper):nth-of-type(3) {
    align-self: flex-start !important;
    margin-left: 5% !important;
    margin-right: auto !important;
    margin-top: -2.25rem !important;
    transform: rotate(var(--v09d0a240, -1.8deg)) !important;
    z-index: 8 !important;
  }

  /* Even scrapbook items: Media 1 leans right, Media 2 leans left */
  .scrapbook-item:nth-child(even) .scrapbook-item__inner > :is(.content-photo, .content-stack, .content-audio, .content-video):not(.content-note-wrapper):nth-of-type(1) {
    align-self: flex-end !important;
    margin-right: 1% !important;
    margin-left: auto !important;
    transform: rotate(var(--v09d0a240, 2.5deg)) !important;
    z-index: 4 !important;
  }

  .scrapbook-item:nth-child(even) .scrapbook-item__inner > :is(.content-photo, .content-stack, .content-audio, .content-video):not(.content-note-wrapper):nth-of-type(2) {
    align-self: flex-start !important;
    margin-left: 1% !important;
    margin-right: auto !important;
    margin-top: -2.75rem !important;
    transform: rotate(var(--b3629b48, -2.8deg)) !important;
    z-index: 7 !important;
  }

  .scrapbook-item:nth-child(even) .scrapbook-item__inner > :is(.content-photo, .content-stack, .content-audio, .content-video):not(.content-note-wrapper):nth-of-type(3) {
    align-self: flex-end !important;
    margin-right: 5% !important;
    margin-left: auto !important;
    margin-top: -2.25rem !important;
    transform: rotate(var(--v09d0a240, 1.8deg)) !important;
    z-index: 8 !important;
  }

  /* Audio player styling */
  .scrapbook-item__inner > .content-audio {
    width: 86% !important;
    max-width: 300px !important;
    align-self: center !important;
    margin-inline: auto !important;
    margin-top: -1.25rem !important;
    transform: rotate(var(--dbfe3120, -1.5deg)) !important;
    z-index: 10 !important;
  }

  /* Video player styling */
  .scrapbook-item__inner > .content-video {
    width: 90% !important;
    max-width: 310px !important;
    align-self: center !important;
    margin-inline: auto !important;
    margin-top: -1.25rem !important;
    transform: rotate(var(--v47987919, 1.8deg)) !important;
    z-index: 9 !important;
  }

  /* Authentic paperclips pinned on components */
  .content-paperclip {
    display: block !important;
    opacity: 1 !important;
    z-index: 30 !important;
  }
}

/* 5. Next Project Widget & Bottom Safe Area */
@media only screen and (max-width: 1024px) {
  .case-next-widget {
    margin-top: 1.5rem !important;
    padding-block: 1.5rem 6.5rem !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-inline: var(--container-offset) !important;
  }
  .case-next-widget__info {
    max-width: 100% !important;
  }
}