.design-modules{position:relative;background:#f7f7f7;scroll-margin-top:0}
.design-modules[hidden]{display:none!important}
.resume-screen.is-copy-pending:not(.is-copy-visible) .resume-screen__visual{opacity:0;transform:translateY(45px) rotateX(5deg)}
.resume-screen.is-copy-visible .resume-screen__visual{animation:resume-visual-enter 950ms cubic-bezier(.22,.8,.2,1) both}
@keyframes resume-visual-enter{from{opacity:0;transform:translateY(45px) rotateX(5deg)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.resume-screen.is-copy-pending .resume-screen__visual{opacity:1!important;transform:none!important}.resume-screen.is-copy-visible .resume-screen__visual{animation:none}}
.module-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,36px);padding:12px 4%;background:rgba(247,247,247,.96);backdrop-filter:blur(12px)}
.module-nav button,.module-nav a{border:0;background:none;color:#555;text-decoration:none;font:500 clamp(12px,.85vw,16px)/1.5 system-ui;cursor:pointer;padding:8px 4px;white-space:nowrap}
.module-nav [aria-current="page"]{color:#00a8eb;box-shadow:0 2px #00a8eb}
.module-nav .module-return{margin-right:auto}
.module-stage{position:relative;perspective:1600px;overflow:clip}
.design-module{position:relative;width:100%;transform-origin:50% 20vh;backface-visibility:hidden}
.design-module[hidden]{display:none!important}
.design-module.is-module-leaving{position:absolute;inset:0 0 auto;pointer-events:none}
.module-banner{margin:0;background:#f7f7f7;line-height:0}
.module-banner img{display:block;width:100%;height:auto}
.module-banner:focus{outline:none}
.module-banner{position:relative;border:0;box-shadow:none}
.module-banner::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#f7f7f7;pointer-events:none;z-index:2}
.social-media-pause{display:none!important}
.module-empty{min-height:calc(100svh - 11vw - 65px);background:#f7f7f7}
.module-caption-social{left:38.96%}
.module-caption-other{left:69.06%}
.social-media-scene{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#f7f7f7;isolation:isolate}
.social-media-background{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.social-media-lane{position:absolute;inset:0;pointer-events:none}
.social-media-card{position:absolute;left:0;top:var(--social-y);height:var(--social-height);width:auto;aspect-ratio:var(--social-ratio);padding:0;border:0;border-radius:0;background:none;cursor:zoom-in;pointer-events:auto;will-change:transform}
.social-media-card img{display:block;width:100%;height:100%;object-fit:contain;transition:scale .4s ease;box-shadow:0 8px 22px #00000008}
.social-media-card:hover img{scale:1.035}
.social-media-card:focus-visible{outline:2px solid #00aeef;outline-offset:4px}
.social-media-pause{position:absolute;bottom:3%;right:5%;z-index:3;border:0;background:#f7f7f7cc;color:#555;padding:8px 14px;cursor:pointer;font:14px system-ui}
@media(prefers-reduced-motion:reduce){.social-media-card img{transition:none}}
@media(max-width:600px){.module-nav{gap:8px;padding:8px 2%;flex-wrap:wrap}.module-nav .module-return{margin-right:4px}.module-nav button{white-space:normal}.module-empty{min-height:80svh}}