@font-face{font-family:Archivo;src:url(/fonts/Archivo-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/Archivo-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:Archivo,sans-serif;font-weight:400;letter-spacing:.1em;color:#1a1a1a;background:#fff;min-height:100vh}:root{--jj-caption-size: .56rem;--jj-caption-spacing: .12em;--jj-page-pad-x: clamp(20px, 2.1vw, 40px);--jj-text-block-space: clamp(4px, 3.05vh, 31px);--jj-intro-pad-y: clamp(8px, 1.7vh, 24px);--jj-section-gap: clamp(6px, 1.25vh, 18px);--jj-footer-pad-bottom: clamp(4px, .9vh, 12px);--jj-strip-height: clamp(44px, 3vw, 58px);--jj-inline-gap: clamp(1rem, 1.7vw, 2rem);--jj-nav-gap: clamp(1rem, 1.35vw, 1.6rem);--jj-images-gap: clamp(6px, .42vw, 8px);--jj-collabs-gap: clamp(1.6rem, 2.2vw, 3rem);--jj-caption-gap: clamp(2px, 2.4vh, 15px);--jj-caption-band-height: calc(var(--jj-caption-gap) + .9rem)}.jj-main{width:100%;margin:0;padding:0;display:grid;grid-template-rows:var(--jj-strip-height) auto 1fr auto auto;height:100vh;overflow:hidden}.jj-strip{grid-row:1}.jj-intro{grid-row:2}.jj-images{grid-row:3}.jj-collabs{grid-row:4}.jj-copyright{grid-row:5}.jj-loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;display:grid;place-items:center;z-index:100;animation:jj-fadein .3s ease}.jj-loading-logo{position:absolute;top:1rem;right:1.5rem;font-size:.65rem;letter-spacing:.2em}.jj-loading-title{margin:0;font-size:15vw;font-weight:400;letter-spacing:.05em;line-height:1}@keyframes jj-fadein{0%{opacity:0}to{opacity:1}}.jj-strip{display:flex;overflow-x:auto;overflow-y:hidden;height:var(--jj-strip-height);gap:2px;background:#fff;cursor:grab;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none}.jj-strip::-webkit-scrollbar{display:none}.jj-strip img{height:var(--jj-strip-height);width:auto;object-fit:cover;display:block;flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.jj-intro{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--jj-intro-pad-y) var(--jj-page-pad-x);gap:var(--jj-inline-gap)}.jj-bio{margin:0;max-width:790px;font-size:.72rem;font-weight:400;line-height:16px;letter-spacing:.14em;text-transform:uppercase;text-align:justify;text-align-last:left}.jj-nav{display:flex;gap:var(--jj-nav-gap);flex-shrink:0;padding-top:.1rem}.jj-nav a{text-decoration:none;color:#1a1a1a;font-size:.72rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase}.jj-nav a:hover{text-decoration:underline}.jj-brand{display:none;text-decoration:none;color:#1a1a1a;font-size:.72rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase}.jj-images{display:flex;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:none;-webkit-overflow-scrolling:touch;gap:var(--jj-images-gap);padding:0;scrollbar-width:none}.jj-images::-webkit-scrollbar{display:none}.jj-image-cell{flex:0 0 auto;width:var(--jj-image-explicit-width, auto);margin:0;height:100%;display:flex;flex-direction:column;scroll-snap-align:start;cursor:pointer}.jj-image-cell img{height:calc(100% - 2.5rem);width:auto;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.jj-image-cell figcaption{height:2.5rem;display:flex;align-items:center;padding:0 .2rem;font-size:var(--jj-caption-size);letter-spacing:var(--jj-caption-spacing);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jj-collabs{padding:var(--jj-section-gap) var(--jj-page-pad-x);overflow:hidden}.jj-collabs-track{display:flex;width:max-content;gap:0;white-space:nowrap;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;line-height:1.6}.jj-collabs-content{display:inline-block;flex-shrink:0;padding-right:var(--jj-collabs-gap)}.jj-collabs-track.marquee{animation:jj-marquee-loop var(--jj-marquee-duration, 30s) linear infinite;will-change:transform}@keyframes jj-marquee-loop{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--jj-marquee-distance, 0px)))}}.jj-copyright{padding:0 var(--jj-page-pad-x) var(--jj-footer-pad-bottom)}.jj-copyright p{margin:0;font-size:var(--jj-caption-size);letter-spacing:var(--jj-caption-spacing);text-transform:uppercase;opacity:.7}@media (min-width: 901px){.jj-intro{padding-block:var(--jj-text-block-space)}.jj-image-cell img{height:calc(100% - var(--jj-caption-band-height))}.jj-image-cell figcaption{align-items:flex-start;height:var(--jj-caption-band-height);padding-top:var(--jj-caption-gap);padding-bottom:0}.jj-collabs{padding-block:var(--jj-text-block-space)}.jj-copyright{padding-top:0;padding-bottom:var(--jj-text-block-space)}}.figma-admin{width:100%;margin:0 auto;padding:1.2rem 0 2rem;background:#fff;min-height:100vh;position:relative;color:#262626;letter-spacing:.2em;text-transform:uppercase;font-size:.74rem}.figma-drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffeb;border:2px dashed #1a1a1a;z-index:1000;display:grid;place-items:center;font-size:1.1rem;letter-spacing:.2em;pointer-events:none}.figma-admin-header,.figma-meta,.figma-upload-header,.figma-rows,.figma-client-add,.figma-status{padding-left:1.45rem;padding-right:1.45rem}.figma-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.figma-admin-header p{margin:0}.figma-header-actions{display:flex;align-items:center;gap:1.8rem}.figma-header-actions button,.figma-upload-header button,.figma-row button,.figma-client-add button,.figma-login-btn{border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.figma-header-actions button:disabled,.figma-upload-header button:disabled{opacity:.45;cursor:not-allowed}.figma-line-item,.figma-contact-row,.figma-upload-header,.figma-row,.figma-client-add{border-bottom:1px solid #5e5e5e}.figma-line-item{min-height:2.8rem;display:flex;align-items:center}.figma-line-value{gap:.6em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.figma-collabs-input{flex:1;background:transparent;border:none;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit;outline:none;padding:2px 0;min-width:0}.figma-collabs-input:focus{outline:none}.figma-empty{min-height:3rem}.figma-contact-row{min-height:3rem;display:grid;align-items:center;grid-template-columns:1fr 1fr auto;gap:1rem}.figma-upload-header{margin-top:3.2rem;min-height:3.2rem;display:flex;align-items:center;justify-content:space-between;gap:2.2rem}.figma-upload-header-left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.figma-rows{border-top:1px solid #5e5e5e}.figma-row{min-height:3.6rem;display:grid;grid-template-columns:84px 1fr 62px 96px;align-items:center;gap:1rem;cursor:grab;transition:background-color .18s ease,box-shadow .18s ease,opacity .18s ease}.figma-row.dragging{opacity:.55;cursor:grabbing}.figma-row.selected{background:#f6f6f6}.figma-row.drop-before{box-shadow:inset 0 1px #1a1a1a}.figma-row.drop-after{box-shadow:inset 0 -1px #1a1a1a}.figma-row-selector{display:inline-flex;align-items:center;gap:.7rem;cursor:grab;-webkit-user-select:none;user-select:none}.figma-row-checkbox{width:14px;height:14px;margin:0;accent-color:#1a1a1a;cursor:pointer}.figma-row.dragging .figma-row-selector,.figma-row.dragging .figma-row-title,.figma-row.dragging button{cursor:grabbing}.figma-row-index{opacity:.95;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16rem}.figma-row-title{font:inherit;letter-spacing:inherit;text-transform:inherit;border:0;background:transparent;padding:0;width:100%;max-width:100%;justify-self:stretch;cursor:text}.figma-row-title:focus{outline:none}.figma-upload-label{opacity:.95}.figma-row img{width:54px;height:54px;object-fit:cover;border:1px solid #9f9f9f}.figma-row button{justify-self:end}.figma-contact-input{border:0;background:transparent;font:inherit;letter-spacing:inherit;text-transform:uppercase;padding:.45rem 0;width:100%}.figma-contact-input::placeholder{color:#5e5e5e}.figma-contact-input:focus{outline:none}.figma-client-add{margin-top:1.4rem;min-height:3.2rem;display:grid;grid-template-columns:220px minmax(200px,540px) auto;align-items:center;gap:1rem}.figma-client-add input{border:0;background:transparent;font:inherit;letter-spacing:inherit;text-transform:uppercase;padding:.45rem 0}.figma-client-add input:focus{outline:none}.figma-status{margin-top:1rem;min-height:1.4rem}.figma-login-page{display:flex;flex-direction:column}.figma-login{flex:1;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 6rem)}.figma-login-form{width:min(580px,calc(100% - 3rem));display:flex;flex-direction:column}.figma-login-input{width:100%;border:1px solid #5e5e5e;border-bottom:0;background:transparent;font:inherit;letter-spacing:.2em;text-transform:uppercase;text-align:center;padding:1rem 1.2rem}.figma-login-input:last-of-type{border-bottom:1px solid #5e5e5e}.figma-login-input::placeholder{color:#5e5e5e;letter-spacing:.2em}.figma-login-input:focus{outline:none}.figma-login-btn{width:100%;border:1px solid #5e5e5e;border-top:0;background:transparent;font:inherit;letter-spacing:.2em;text-transform:uppercase;text-align:center;padding:1rem 1.2rem;cursor:pointer}.figma-login-btn:hover{background:#0000000a}.figma-login-status{text-align:center}@keyframes rise{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes reveal{to{transform:translateY(0);opacity:1}}@keyframes shimmer{to{background-position:-120% 0,0 0}}@media (max-width: 900px){:root{--jj-page-pad-x: clamp(8px, 2.5vw, 10px);--jj-intro-pad-y: clamp(8px, 2.5vw, 10px);--jj-section-gap: clamp(16px, 5vw, 20px);--jj-footer-pad-bottom: clamp(16px, 5vw, 20px);--jj-strip-height: clamp(40px, 11vw, 44px);--jj-inline-gap: clamp(14px, 5vw, 20px);--jj-nav-gap: clamp(6px, 2vw, 8px);--jj-images-gap: clamp(4px, 1vw, 8px);--jj-collabs-gap: clamp(1.2rem, 5vw, 1.6rem)}html,body{height:100%;overflow:hidden}.jj-main{grid-template-rows:auto auto 1fr auto auto;height:100svh}.jj-intro,.jj-images,.jj-collabs,.jj-strip,.jj-copyright{grid-row:unset}.jj-intro{flex-direction:column-reverse;gap:var(--jj-inline-gap);padding:var(--jj-intro-pad-y) var(--jj-page-pad-x) 0}.jj-nav{justify-content:space-between;width:100%;gap:var(--jj-nav-gap)}.jj-nav a{font-size:.52rem;line-height:11px}.jj-brand{display:inline;margin-right:auto;font-size:.52rem;line-height:11px}.jj-collabs-track{font-size:.52rem;letter-spacing:.1em;line-height:11px}.jj-bio{font-size:.52rem;line-height:11px;letter-spacing:.1em;max-width:100%}.jj-images{height:100%;align-items:flex-start}.jj-image-cell{flex:0 0 auto;width:var(--jj-image-explicit-width, fit-content);max-width:none;min-width:0;align-self:flex-start}.jj-image-cell img{width:auto;height:calc(100% - 1.8rem);max-height:100%;max-width:none;flex:0 0 auto;align-self:flex-start;object-fit:contain}.jj-image-cell figcaption{height:1.8rem;font-size:.44rem}.jj-collabs{padding:var(--jj-section-gap) var(--jj-page-pad-x) var(--jj-section-gap)}.jj-strip,.jj-copyright{margin-top:var(--jj-section-gap)}.jj-copyright p{font-size:.44rem;letter-spacing:.1em}.figma-admin{font-size:.66rem;letter-spacing:.16em}.figma-upload-header{flex-direction:column;align-items:flex-start;gap:.7rem;padding-top:.8rem;padding-bottom:.8rem}.figma-upload-header-left{align-items:flex-start;gap:.7rem}.figma-row{grid-template-columns:72px 1fr;gap:.45rem .8rem;padding:.65rem 0}.figma-upload-label,.figma-row img,.figma-row button{grid-column:2;justify-self:start}.figma-client-add{grid-template-columns:1fr;padding-top:.7rem;padding-bottom:.7rem}}@media (max-width: 900px) and (orientation: landscape) and (pointer: coarse){html,body{overflow:auto}.jj-main{grid-template-rows:auto auto auto auto auto;height:auto;min-height:100svh;overflow-y:auto}.jj-images,.jj-image-cell{height:auto;min-height:max(58svh,280px)}.jj-image-cell img{height:auto;max-height:max(58svh,280px)}}
