.project-video{width:100%;min-width:0;height:100%;position:relative}.project-video>video{width:100%;display:block}.project-video .project-video-mute{z-index:4;width:44px;min-width:44px;height:44px;color:var(--readable-ivory);background:var(--device-black);border:1px solid var(--device-silver);border-radius:50%;padding:0;position:absolute;top:8px;right:8px}.sy-showcase{perspective:1400px;position:relative}.sy-folder-cover{z-index:6;cursor:pointer;background:var(--dream-manila,#e2cfa9);transform-origin:top;backface-visibility:hidden;border:none;border-radius:6px 20px 20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;transition:transform 1.05s cubic-bezier(.55,.05,.25,1),opacity .45s .6s;display:flex;position:absolute;inset:-16px;box-shadow:0 26px 50px -22px #000000a6}.sy-folder-cover:before{content:"";background:inherit;border-radius:12px 16px 0 0;width:44%;height:24px;position:absolute;top:-22px;left:0}.sy-folder-cover:after{content:"";pointer-events:none;border:1px dashed #a8998a80;border-radius:4px 14px 14px;position:absolute;inset:10px}.sy-folder-title{text-transform:uppercase;letter-spacing:.06em;color:#1c1c1a;font-family:Playfair Display,Georgia,serif;font-size:clamp(22px,3vw,34px)}.sy-folder-label{font-family:var(--dream-label,"DM Sans", sans-serif);text-transform:uppercase;letter-spacing:.18em;color:#7d7267;font-size:11px;font-weight:600}.sy-folder-hint{color:#a8998a;margin-top:6px;font-family:Caveat,cursive;font-size:26px;transform:rotate(-2deg)}.sy-showcase.sy-open .sy-folder-cover{opacity:0;pointer-events:none;transform:rotateX(-104deg)}.sy-desk{opacity:0;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:26px;transition:opacity .7s .4s,transform .7s .4s;display:grid;transform:translateY(20px)scale(.985)}.sy-showcase.sy-open .sy-desk{opacity:1;transform:none}.sy-laptop{z-index:1;position:relative}.sy-laptop-screen{background:#0e0c0a;border-radius:18px 18px 5px 5px;padding:14px 14px 10px;box-shadow:0 30px 54px -24px #000000b3}.sy-laptop-base{background:linear-gradient(#3a342e,#231f1b);border-radius:0 0 16px 16px;height:15px;margin:0 -4%;box-shadow:0 14px 22px -14px #0000008c}.sy-screen{aspect-ratio:16/10;background:#141110;border-radius:10px;position:relative;overflow:hidden}.sy-strip{aspect-ratio:16/10;background:#141110;border-radius:10px}.sy-strip-slide{width:100%;height:100%;position:relative}.sy-strip-slide img,.sy-vidwrap video{object-fit:contain;width:100%;height:100%;display:block}.sy-strip .sy-unmute{position:absolute;bottom:10px;right:10px}.sy-dots{flex-wrap:wrap;justify-content:center;gap:7px;padding-top:10px;display:flex}.sy-dot{cursor:pointer;background:#ffffff59;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:background .3s,scale .3s}.sy-dot-video{border-radius:2px}.sy-dot:hover{background:#ffffffa6}.sy-dot-active{background:#fafaf7;scale:1.3}.sy-unmute{z-index:3;color:#fafaf7;cursor:pointer;background:#1c1c1a;border:none;border-radius:50%;place-items:center;width:30px;height:30px;transition:transform .25s,background .25s;display:grid;position:absolute;bottom:10px;right:10px;box-shadow:0 4px 10px #0000004d}.sy-unmute:hover{background:#3a3835;transform:scale(1.1)}.sy-side{z-index:2;flex-direction:column;align-items:center;gap:16px;margin-left:-44px;display:flex;position:relative}.sy-ipad-mini{background:#0e0c0a;border-radius:20px;width:92%;margin:0;padding:12px;rotate:-1.2deg;box-shadow:0 22px 42px -20px #000000b3}.sy-ipad-scroll{aspect-ratio:4/3;scrollbar-width:thin;scrollbar-color:#a8998a transparent;background:#141110;border-radius:9px;overflow-y:auto}.sy-ipad-scroll::-webkit-scrollbar{width:5px}.sy-ipad-scroll::-webkit-scrollbar-thumb{background:#a8998a;border-radius:3px}.sy-ipad-scroll img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.sy-iphone{aspect-ratio:9/18.5;background:#0e0c0a;border-radius:34px;width:46%;max-width:185px;margin-top:-40px;margin-left:auto;margin-right:4%;padding:9px;position:relative;rotate:1.4deg;box-shadow:0 26px 46px -20px #000000b8}.sy-iphone video{object-fit:cover;background:#141110;border-radius:26px;width:100%;height:100%;display:block}.sy-iphone-notch{z-index:2;background:#0e0c0a;border-radius:8px;width:34%;height:12px;position:absolute;top:17px;left:50%;translate:-50%}.sy-prints{justify-content:center;align-items:flex-start;width:100%;display:flex}.sy-print{background:#fff;width:36%;margin:0;padding:8px 8px 24px;box-shadow:0 16px 32px -16px #1c1c1a33}.sy-print+.sy-print{margin-left:-4%}.sy-print-a{rotate:-2.5deg}.sy-print-b{margin-top:10px;rotate:2deg}.sy-print-c{margin-top:4px;rotate:-1deg}.sy-print-pic{aspect-ratio:1;overflow:hidden}.sy-print-pic img{object-fit:cover;width:100%;height:100%;display:block}.sy-print figcaption{color:#4a4844;text-align:center;margin-top:5px;font-family:Caveat,cursive;font-size:1.05rem}.sy-laptop-screen,.sy-ipad-mini,.sy-iphone,.sy-print{transition:transform .35s,box-shadow .35s}.sy-laptop:hover .sy-laptop-screen,.sy-ipad-mini:hover,.sy-iphone:hover,.sy-print:hover{transform:translateY(-5px)}@media (width<=900px){.sy-desk{grid-template-columns:1fr}.sy-side{flex-flow:wrap;justify-content:center;align-items:flex-start;gap:14px;margin-left:0}.sy-ipad-mini{width:58%;rotate:-1deg}.sy-iphone{width:32%;margin:0}.sy-prints{width:100%}.sy-print{width:31%}.sy-print+.sy-print{margin-left:2%}}@media (prefers-reduced-motion:reduce){.sy-folder-cover,.sy-desk,.sy-strip,.sy-dot,.sy-unmute,.sy-laptop-screen,.sy-ipad-mini,.sy-iphone,.sy-print{transition:none}.sy-strip{scroll-behavior:auto}.sy-showcase.sy-open .sy-folder-cover{transform:none}}.sy-camera-row{grid-column:1/-1;justify-content:center;align-items:center;gap:30px;margin-top:40px;display:flex}.sy-camera-note{color:#a8998a;margin:0;font-family:Caveat,cursive;font-size:24px;transform:rotate(-3deg)}@media (width<=900px){.sy-camera-row{flex-direction:column;gap:14px;margin-top:30px}}.dev-drag{cursor:grab}.dev-drag:active{cursor:grabbing}.dev-strip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#a8998a transparent;display:flex;overflow:auto hidden}.dev-strip::-webkit-scrollbar{height:5px}.dev-strip::-webkit-scrollbar-thumb{background:#a8998a;border-radius:3px}.dev-strip::-webkit-scrollbar-track{background:0 0}.dev-strip>*{scroll-snap-align:center;flex:0 0 100%}.op-scrollscreen{overscroll-behavior:auto}.dev-dots{justify-content:center;gap:6px;padding-top:10px;display:flex}.dev-dot{cursor:pointer;background:#1c1c1a38;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:background .25s,scale .25s}.dev-dot:hover{background:#1c1c1a73}.dev-dot-active{background:#1c1c1a;scale:1.25}@media (prefers-reduced-motion:reduce){.dev-strip{scroll-behavior:auto}.dev-dot{transition:none}}
