@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/-F63fjptAgt5VM-kVkqdyU8n5ig.ttf) format('truetype');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/-F6qfjptAgt5VM-kVkqdyU8n3pQP8lc.ttf) format('truetype');
}

@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")}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*{-webkit-tap-highlight-color:transparent}html{font-family:Signifier,serif;font-weight:400;line-height:1.25;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale}@media only screen and (max-width:1024px){html{font-size:14px}}@media only screen and (max-width:900px){html{font-size:14px}}@media only screen and (max-width:768px){html{font-size:13px}}@media only screen and (max-width:480px){html{font-size:13px}}@media only screen and (max-width:320px){html{font-size:12px}}@media only screen and (min-width:1025px){html{font-size:15px}}@media only screen and (min-width:1440px){html{font-size:16px}}@media only screen and (min-width:1920px){html{font-size:18px}}body{font-size:1rem}h1,h2,h3,h4,h5,h6{font-family:Founders Grotesk,sans-serif;margin:0}.heading-1{font-size:clamp(4rem,2.25rem + 5.833vw,7.5rem)}.heading-1,.heading-2{font-weight:700;line-height:.8;text-transform:uppercase}.heading-2{font-size:clamp(2.66rem,1.49rem + 3.9vw,5rem)}.heading-3{font-size:clamp(2rem,1.429rem + 2.857vw,4rem);font-weight:400;line-height:.92}.heading-4{font-size:2rem;font-weight:700;line-height:1}.heading-5{font-size:1.125rem;font-weight:400;line-height:1.16}.par-1{font-size:clamp(1rem,.875rem + .417vw,1.25rem);line-height:1.4}.par-2{font-size:1.125rem}.caption,.par-2{font-family:IBM Plex Mono,sans-serif;line-height:1.4}.caption{font-size:clamp(.75rem,0rem + .833vw,1rem)}.logo{font-family:Founders Grotesk,sans-serif;font-size:2rem;line-height:1;margin-top:-.05em;padding-bottom:.05em;text-transform:uppercase}a,h1,h2,h3,h4,h5,h6,li,ol,p,span{margin:0;padding:0}.--upp{text-transform:uppercase}:root{--color-light:#fdfaf7;--color-gray:#787a7f;--color-dark:#191919;--color-primary:var(--color-dark);--color-contrast:var(--color-light)}.__body{background-color:var(--color-primary);color:var(--color-contrast)}:root{--container-size:calc(100vw - var(--container-offset)*2)}@media only screen and (min-width:1025px){:root{--container-offset:32px}}@media only screen and (min-width:1440px){:root{--container-offset:34px}}@media only screen and (min-width:1920px){:root{--container-offset:48px}}@media only screen and (max-width:1024px){:root{--container-offset:30px}}@media only screen and (max-width:900px){:root{--container-offset:30px}}@media only screen and (max-width:768px){:root{--container-offset:20px}}@media only screen and (max-width:480px){:root{--container-offset:18px}}@media only screen and (max-width:320px){:root{--container-offset:18px}}.container{box-sizing:border-box;display:flex;justify-content:flex-start;margin-inline:var(--container-offset);width:var(--container-size)}.container .content,.row{width:100%}.row{display:flex}body,html{overflow-x:clip}html.is-scroll-disabled{overflow:hidden}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden!important}.lenis.lenis-scrolling iframe{pointer-events:none}@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__control{background:transparent;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr--video{overflow:hidden}.plyr__controls{align-items:center;display:flex;text-align:center}.plyr__controls .plyr__progress__container{flex:1;left:0;min-width:0;position:absolute;right:0;top:0;transform:translateY(-50%);width:100%}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr--full-ui input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:0;color:var(--color-light);display:block;height:1rem;margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:transparent;background-image:linear-gradient(90deg,currentColor,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0));border:0;border-radius:0;height:3px;-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:0;border-radius:100%;height:13px;margin-top:-5px;position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px}.plyr--full-ui input[type=range]::-moz-range-track{background:transparent;border:0;border-radius:0;height:3px;-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-moz-user-select:none;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:100%;height:13px;margin-top:-5px;position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:0;height:3px}.plyr--full-ui input[type=range]::-ms-track{color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:transparent;border:0;border-radius:0;height:3px;-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:transparent;background:currentColor;border:0;border-radius:0;height:3px;-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;border:0;border-radius:100%;height:13px;margin-top:-5px;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:transparent;border:0;border-radius:100px;height:3px;left:0;margin-top:-2px;padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:transparent}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 0,transparent 50%,rgba(35,40,47,.6) 0,rgba(35,40,47,.6) 75%,transparent 0,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.251))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:3px;position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#0000001a;border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr--video .plyr__controls{background:linear-gradient(transparent,#000000bf);bottom:0;color:#fff;height:3.5rem;left:0;padding:0 1rem;position:absolute;right:0;transition:opacity .65s cubic-bezier(.33,1,.68,1),transform .65s cubic-bezier(.33,1,.68,1);z-index:3}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr__control--overlaid{background:#b2babdfc;border:0;border-radius:100%;box-shadow:0 4px 100px #062223;color:#fff;display:none;left:50%;padding:1.375rem;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid:focus-visible,.plyr__control--overlaid:hover{background:var(--color-brand-red)}.plyr__control--overlaid svg{height:20px;left:1px;position:relative;width:20px}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.251)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.251)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.251)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.149),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.502))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.149),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.502))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.149),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.502))}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.251))}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;inset:0;margin:0;position:fixed;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}@media only screen and (min-width:1025px){.--hide-desktop{display:none!important}}@media only screen and (max-width:1024px){.--hide-mobile{display:none!important}}.--center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.--auto-size{height:auto;max-height:var(--max-height,100%);max-width:var(--max-width,100%);min-height:0;min-width:0;width:auto}.note-marks,.note-overlay{background-position:50%;background-size:110% 110%;border-radius:inherit;height:calc(100% - 2px);inset:1px;position:absolute;width:calc(100% - 2px)}.note-overlay{background-image:url(../images/avif/note_overlay.avif);mix-blend-mode:plus-lighter;opacity:.4}.note-marks{mix-blend-mode:difference;opacity:1}.draggable:not(:has(.content-note)):not(:has(.decorative)):not(.decorative){cursor:pointer!important}.draggable:has(.content-note){cursor:grab!important}a{color:var(--color-contrast);text-decoration:none}#teleports{position:relative;z-index:1005}img,source,svg{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}[data-v-ddec36e6]: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-ddec36e6]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-ddec36e6]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-ddec36e6]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-ddec36e6]:root{--stack-group-height-sm:15vh}}svg[data-v-ddec36e6]{width:9.125rem}[data-v-300b7ff9]: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-300b7ff9]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-300b7ff9]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-300b7ff9]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-300b7ff9]:root{--stack-group-height-sm:15vh}}.the-nav__item[data-v-300b7ff9]{cursor:pointer;font-family:IBM Plex Mono,sans-serif;font-size:1rem;font-weight:400;line-height:2rem;opacity:.8;transition:opacity .65s}@media(hover:hover){.the-nav__item[data-v-300b7ff9]:hover{opacity:1}}.the-nav__item.router-link-exact-active[data-v-300b7ff9]{opacity:1}[data-v-ef15606b]: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-ef15606b]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-ef15606b]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-ef15606b]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-ef15606b]:root{--stack-group-height-sm:15vh}}.the-nav[data-v-ef15606b]{display:grid;grid-gap:2.5rem;grid-auto-flow:column}[data-v-a5248def]: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-a5248def]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-a5248def]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-a5248def]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-a5248def]:root{--stack-group-height-sm:15vh}}.the-header[data-v-a5248def]{-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-header__content[data-v-a5248def]{align-items:center;height:3.75rem;justify-content:flex-end;position:relative}.the-header__logo[data-v-a5248def]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.the-header__logo a[data-v-a5248def]{display:flex}.the-header[data-v-a5248def]{transition:all .65s cubic-bezier(.33,1,.68,1)}.the-header.is-hidden[data-v-a5248def]{transition:all .325s cubic-bezier(.33,1,.68,1)}.is-loading .the-header[data-v-a5248def],.the-header.is-hidden[data-v-a5248def]{transform:translateY(-100%)}[data-v-5b3fad18]: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-5b3fad18]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-5b3fad18]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-5b3fad18]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-5b3fad18]:root{--stack-group-height-sm:15vh}}.debug-box[data-v-5b3fad18]{background:#bd2c2c;border:1px dashed #d15151;border-radius:4px;display:flex;flex-direction:column;font-family:JetBrains Mono,serif!important;font-size:1rem;gap:.1rem;left:4px;min-width:200px;padding:.75rem;position:fixed;top:4px}[data-v-d7ef9e52]: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-d7ef9e52]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-d7ef9e52]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-d7ef9e52]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-d7ef9e52]:root{--stack-group-height-sm:15vh}}.close-button[data-v-d7ef9e52],.close-button{align-items:center;background-color:red;border:none;border-radius:50%!important;color:var(--color-dark);cursor:pointer;display:flex;height:3.375rem!important;width:3.375rem!important;min-width:3.375rem!important;min-height:3.375rem!important;max-width:3.375rem!important;max-height:3.375rem!important;aspect-ratio:1/1!important;flex:0 0 3.375rem!important;flex-shrink:0!important;padding:0!important;box-sizing:border-box!important;justify-content:center;outline:none;will-change:transform}.close-button[data-v-d7ef9e52],.close-button .iconify[data-v-d7ef9e52]{transition:transform .325s cubic-bezier(.33,1,.68,1)}.close-button[data-v-d7ef9e52]:hover{transform:scale(.97)}.close-button:hover .iconify[data-v-d7ef9e52]{transform:scale(1.03)}.close-button:active .iconify[data-v-d7ef9e52]{transform:scale(1.2)}[data-v-73085bdb]: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-73085bdb]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-73085bdb]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-73085bdb]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-73085bdb]:root{--stack-group-height-sm:15vh}}.popup-infobox[data-v-73085bdb]{border-radius:1.25rem;box-sizing:border-box;display:flex;flex-direction:column;gap:5rem;position:relative;width:100%}.popup-infobox__wrapper[data-v-73085bdb]{border-radius:inherit;overflow:hidden}.popup-infobox__inner[data-v-73085bdb]{background-color:#1e4bd7;border-radius:inherit;display:flex;flex-direction:column;gap:5rem;padding:1.25rem}.popup-infobox__desc[data-v-73085bdb]{font-family:Signifier,serif;font-size:1rem;line-height:1.4}.popup-infobox__source[data-v-73085bdb]{font-family:IBM Plex Mono,sans-serif;font-size:.875rem;line-height:1.4;opacity:.5}.popup-infobox[data-v-73085bdb]:before{content:"";position:absolute}@media only screen and (min-width:1025px){.popup-infobox[data-v-73085bdb]:before{border-bottom:.6875rem solid transparent;border-right:.55rem solid #1e4bd7;border-top:.6875rem solid transparent;left:0;top:1.25rem;transform:translate(-100%)}}@media only screen and (max-width:1024px){.popup-infobox[data-v-73085bdb]:before{border-bottom:.55rem solid #1e4bd7;border-left:.6875rem solid transparent;border-right:.6875rem solid transparent;left:50%;top:0;transform:translate(-50%,-100%)}}[data-v-b5cec12c]: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-b5cec12c]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-b5cec12c]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-b5cec12c]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-b5cec12c]:root{--stack-group-height-sm:15vh}}.popup-sidebar[data-v-b5cec12c]{align-items:flex-start;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:space-between;pointer-events:none;width:var(--sidebar-size)}.popup-sidebar[data-v-b5cec12c]>*{pointer-events:auto}.popup-sidebar .popup-infobox[data-v-b5cec12c]{margin-top:auto}.popup-sidebar__controls[data-v-b5cec12c]{align-items:center;display:flex;font-family:IBM Plex Mono,sans-serif;justify-content:space-between;width:100%}[data-v-ad0e0954]: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-ad0e0954]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-ad0e0954]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-ad0e0954]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-ad0e0954]:root{--stack-group-height-sm:15vh}}@media only screen and (min-width:1025px){.--hide-desktop[data-v-ad0e0954]{display:none!important}}@media only screen and (max-width:1024px){.--hide-mobile[data-v-ad0e0954]{display:none!important}}.--center[data-v-ad0e0954]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.--auto-size[data-v-ad0e0954],.image-viewer[data-v-ad0e0954],.image-viewer[data-v-ad0e0954] .content-stack__inner,.image-viewer[data-v-ad0e0954] .content-stack__inner .content-photo,.image-viewer[data-v-ad0e0954] img{height:auto;max-height:var(--max-height,100%);max-width:var(--max-width,100%);min-height:0;min-width:0;width:auto}.image-viewer[data-v-ad0e0954]{align-items:center;display:flex;justify-content:center;pointer-events:none}.image-viewer[data-v-ad0e0954] .content-stack__inner{position:relative}.image-viewer[data-v-ad0e0954]>*{height:100%;width:100%}.image-viewer[data-v-ad0e0954] img{-o-object-fit:contain;object-fit:contain;pointer-events:auto!important}[data-v-66b41bb7]: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-66b41bb7]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-66b41bb7]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-66b41bb7]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-66b41bb7]:root{--stack-group-height-sm:15vh}}.video-player[data-v-66b41bb7]{background:#000;height:100%;pointer-events:auto;width:100%}.video-player[data-v-66b41bb7]>div,.video-player[data-v-66b41bb7]>iframe{height:100%!important;padding:0!important;width:100%!important}[data-v-ff28b7cc]: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-ff28b7cc]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-ff28b7cc]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-ff28b7cc]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-ff28b7cc]:root{--stack-group-height-sm:15vh}}.pdf[data-v-ff28b7cc]{height:100%;overflow-x:hidden;overflow-y:auto;pointer-events:auto;width:100%}.pdf[data-v-ff28b7cc] .vue-pdf-embed__page{border-bottom:1px solid #000}[data-v-d9e33afb]: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-d9e33afb]:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){[data-v-d9e33afb]:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){[data-v-d9e33afb]:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){[data-v-d9e33afb]:root{--stack-group-height-sm:15vh}}.popup[data-v-d9e33afb]{--padding-block:8rem;--padding-inline:2.5rem;--sidebar-size:14rem;align-items:center;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding-block:var(--padding-block);position:fixed;width:calc(var(--container-size) + var(--container-offset)*2)}@media only screen and (min-width:1025px){.popup[data-v-d9e33afb]{padding-inline-end:calc(var(--sidebar-size) + var(--padding-inline)*2);padding-inline-start:calc(var(--sidebar-size) + var(--padding-inline))}}@media only screen and (max-width:1024px){.popup[data-v-d9e33afb]{height:100%;padding-inline:var(--container-offset)}}.popup__main[data-v-d9e33afb]{align-items:center;display:flex;pointer-events:none;position:relative}@media only screen and (max-width:1024px){.popup__main[data-v-d9e33afb]{flex-direction:column;gap:1.5rem;height:100%;justify-content:center;width:100%}}.popup__view[data-v-d9e33afb]{align-items:center;display:inline-flex;justify-content:center;z-index:5}@media only screen and (min-width:1025px){.popup__view[data-v-d9e33afb]{--max-height:calc(100vh - var(--padding-block)*2)}.popup__sidebar[data-v-d9e33afb]{bottom:0;left:calc(100% + var(--padding-inline));position:absolute;z-index:50}}@media only screen and (max-width:1024px){.popup__sidebar[data-v-d9e33afb]{flex-basis:0;flex-shrink:0;width:100%}}@media only screen and (max-width:1024px){.popup__sidebar[data-v-d9e33afb] .close-button{position:fixed;right:var(--container-offset);top:var(--container-offset);z-index:50}}.popup__bg[data-v-d9e33afb]{background:#000000d9;inset:0;position:absolute;z-index:-10}.popup[data-v-d9e33afb]:has(.pdf){padding-block:var(--container-offset)}@media only screen and (max-width:768px){.popup[data-v-d9e33afb]:has(.pdf){padding-block:7rem var(--container-offset)}}.popup:has(.pdf) .popup__main[data-v-d9e33afb],.popup:has(.pdf) .popup__view[data-v-d9e33afb]{height:100%;width:100%}.popup:has(.pdf) .popup__main[data-v-d9e33afb]{width:40rem}.popup:has(.pdf) .popup__view[data-v-d9e33afb]{max-height:100%}.popup:has(.video-player) .popup__main[data-v-d9e33afb],.popup:has(.video-player) .popup__view[data-v-d9e33afb]{aspect-ratio:16/9;max-height:100%;max-width:100%;width:100%}.popup-enter-active[data-v-d9e33afb],.popup-enter-active[data-v-d9e33afb] .popup__bg{transition:opacity .7s}.popup-leave-active[data-v-d9e33afb]{transition:opacity .65s}.popup-enter-active[data-v-d9e33afb] .popup-infobox,.popup-leave-active[data-v-d9e33afb] .popup-infobox{transition:all .15s cubic-bezier(.33,1,.68,1)}.popup-enter-active[data-v-d9e33afb] .close-button,.popup-leave-active[data-v-d9e33afb] .close-button,.popup-enter-active[data-v-d9e33afb] .pdf,.popup-enter-active[data-v-d9e33afb] .video-player,.popup-leave-active[data-v-d9e33afb] .pdf,.popup-leave-active[data-v-d9e33afb] .video-player{transition:all .325s cubic-bezier(.33,1,.68,1)}.popup-enter-from[data-v-d9e33afb],.popup-leave-to[data-v-d9e33afb]{opacity:1}.popup-enter-from[data-v-d9e33afb] .close-button,.popup-leave-to[data-v-d9e33afb] .close-button{opacity:0;transform:scale(.5)}.popup-enter-from[data-v-d9e33afb] .popup-infobox,.popup-leave-to[data-v-d9e33afb] .popup-infobox{opacity:0;transform:translateY(1rem)}.popup-enter-from[data-v-d9e33afb] .pdf,.popup-enter-from[data-v-d9e33afb] .video-player,.popup-leave-to[data-v-d9e33afb] .pdf,.popup-leave-to[data-v-d9e33afb] .video-player,.popup-enter-from[data-v-d9e33afb] .popup__bg{opacity:0}: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){:root{--stack-group-height-sm:15vw}}@media only screen and (max-width:768px){:root{--tag-height:2.25rem}}@media only screen and (max-width:1024px){:root{--stack-group-height-sm:20vh}}@media only screen and (max-width:480px){:root{--stack-group-height-sm:15vh}}@media only screen and (min-width:1025px){:root{--case-content-width:calc((var(--container-size) - 19*1rem)*16/20 + 15rem)}}@media only screen and (max-width:1024px){:root{--case-content-width:calc(var(--container-size) - var(--tag-height))}}.__page{display:flex;flex-direction:column;position:relative;z-index:2}.__app,.__nuxt,.__page{overflow:clip!important}.__app{align-items:flex-start;display:flex;flex-direction:column}


/* --- High-Legibility Portfolio Typography for Case Sheets --- */
.case-folder-sheet__desc {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.15rem !important;
  line-height: 1.6 !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 */
.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.6 !important;
  color: #262626 !important;
}

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

/* Crisp Section Headings */
.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: #0d0d0d !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-top: 1rem !important;
  margin-bottom: 0.2rem !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;
}

/* Highlighting & Bold Keywords */
.case-folder-sheet__desc strong {
  font-weight: 700 !important;
  color: #000000 !important;
}

/* Clean Bullet Lists with Accent Markers */
.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.6rem !important;
}

.case-folder-sheet__desc li {
  position: relative !important;
  padding-left: 1.35rem !important;
  line-height: 1.55 !important;
  color: #2b2b2b !important;
}

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

/* Note cards inside scrapbook */
.content-note__desc p {
  line-height: 1.55 !important;
  font-size: 0.95rem !important;
}


/* AUTO SHEET HEIGHT FIX */
.case-folder-sheet-wrapper[data-v-f4477a96],
.case-folder-sheet-wrapper {
  overflow: hidden !important;
  border-radius: inherit !important;
}
@media only screen and (min-width: 1025px) {
  .case-folder-sheet-wrapper[data-v-f4477a96],
  .case-folder-sheet-wrapper {
    aspect-ratio: auto !important;
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
  }
  .case-folder-sheet[data-v-f4477a96],
  .case-folder-sheet {
    aspect-ratio: auto !important;
    height: auto !important;
    min-height: calc((var(--case-content-width) - var(--container-offset)*2) * (297/210)) !important;
    padding-bottom: 5rem !important;
  }
  .case-folder-sheet__inner[data-v-f4477a96],
  .case-folder-sheet__inner {
    height: auto !important;
    min-height: 100% !important;
    padding-bottom: 3rem !important;
  }
}


/* --- Portfolio Card & Photo Layering Fix --- */
.content-note-wrapper {
  position: relative !important;
  z-index: 6 !important;
}
.content-note {
  position: relative !important;
  z-index: 6 !important;
}
.content-note__title,
.content-note__desc {
  position: relative !important;
  z-index: 7 !important;
}
.scrapbook-item__inner > .content-photo:not(:only-child),
.scrapbook-item__inner > .content-stack:not(:only-child) {
  z-index: 2 !important;
}
.content-paperclip {
  z-index: 10 !important;
}











/* --- Definitive Sheet & Card Layering Architecture --- */

.case-folder-scrapbook {
  position: static !important;
}
.content-note-wrapper,
.content-note {
  position: relative !important;
  z-index: 8 !important;
}
.content-note__title,
.content-note__desc {
  position: relative !important;
  z-index: 9 !important;
}
.scrapbook-item__inner > .content-photo:not(:only-child),
.scrapbook-item__inner > .content-stack:not(:only-child) {
  z-index: 2 !important;
}
.content-paperclip {
  z-index: 10 !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;
}

/* --- 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;
}



.sheet-link {
  color: #191919 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1.5px !important;
  text-underline-offset: 3px !important;
  text-decoration-color: rgba(25, 25, 25, 0.45) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 10 !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: inline !important;
}
.sheet-link:hover {
  color: #D71E1E !important;
  text-decoration-color: #D71E1E !important;
  opacity: 1 !important;
}

/* Footer Social & Made By Styling */
.the-footer__bottom {
  align-items: flex-end !important;
  display: flex !important;
  justify-content: space-between !important;
  position: relative !important;
}
.the-footer__scale,
.the-footer__linkedin {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  text-decoration: none !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease !important;
}
.the-footer__scale:hover,
.the-footer__linkedin:hover {
  transform: scale(1.18) !important;
  opacity: 0.85 !important;
}
.the-footer__scale img,
.the-footer__linkedin img {
  width: 28px !important;
  height: 28px !important;
  display: block !important;
  filter: brightness(0) invert(1) !important;
}
.the-footer__signature {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.85rem !important;
  color: #ffffff !important;
  text-decoration: none !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  transition: opacity 0.2s ease !important;
}
.the-footer__signature:hover {
  opacity: 0.85 !important;
}
.the-footer__signature img {
  width: 28px !important;
  height: 28px !important;
  display: block !important;
  filter: brightness(0) invert(1) !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.the-footer__signature:hover img {
  transform: scale(1.18) !important;
}
.the-footer__signature span,
.the-footer__signature p {
  color: #ffffff !important;
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}
.the-footer__signature u {
  text-decoration: none !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;
  }
}