/* Compatibility layer for the captured original Squarespace 7.0 markup. */
/* Each landing page uses its own largest original button as the shared size. */
.replica .replica-button-group{display:grid;grid-template-columns:repeat(var(--button-columns),minmax(0,1fr));align-items:center;justify-items:center;gap:34px;margin:0 -17px;padding:17px 0;box-sizing:border-box}
.replica .replica-button-cell{width:100%;min-width:0;padding:0!important}
.replica .replica-button-cell .sqs-block-button-container{display:flex;justify-content:center}
.replica .replica-button-group .sqs-block-button-element{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--button-width);max-width:100%;min-height:69px;padding:21px 34px;text-align:center;white-space:nowrap}
.replica .replica-button-label{display:block;line-height:23px;margin-right:-4px}
.replica .replica-button-group.is-measuring .sqs-block-button-element{width:max-content;max-width:none}
.replica .replica-button-group.is-measuring .replica-button-label{margin-right:0}
@media(max-width:1100px) and (min-width:768px){.replica .replica-button-group{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.replica .replica-button-group[aria-label="Side projects"]{grid-template-columns:1fr}}
@media(max-width:767px){.replica .replica-button-group{grid-template-columns:1fr;gap:20px;margin:0;padding:17px 0}.replica .replica-button-group .sqs-block-button-element{padding:21px 24px;max-width:100%}}
.replica .Parallax-host-outer{display:none}
.replica .Index-page--has-image{isolation:isolate;background:#0f1724}
.replica .Index-page-image,.replica .Intro-image{opacity:1;overflow:hidden;z-index:0;pointer-events:none}
.replica .Index-page-image img,.replica .Intro-image img{display:block;position:absolute;width:100%;height:100%;object-fit:cover;max-width:none}
.replica .Index-page-content,.replica .Intro-content{position:relative;z-index:2}
.replica .Index-page--has-image:first-child .Index-page-content{margin-top:81px}
.replica .Index-page--has-image:first-child .Index-page-image{height:calc(100% - 50px);bottom:auto}
.replica .Index-page--has-image:first-child{background:#0f1724}
.replica .sqs-image-shape-container-element>img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover}
.replica .sqs-block-image img{max-width:100%}
.replica .sqs-gallery-block-grid .image-slide-anchor img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.replica .sqs-gallery-block-grid .image-slide-anchor.content-fit img{object-fit:contain}
.replica .sqs-gallery-block-grid .sqs-video-wrapper{position:absolute;inset:0}
.replica .sqs-video-wrapper{position:relative;width:100%;aspect-ratio:var(--video-ratio,16/9)}
.replica .sqs-video-wrapper iframe{border:0;width:100%;height:100%;position:absolute;inset:0}
.replica .sqs-video-overlay{opacity:1!important;cursor:pointer}
.replica .sqs-video-overlay img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.replica .sqs-video-overlay .sqs-video-icon{background:none!important;width:48px;height:48px;display:grid;place-items:center;border:0;padding:0;color:white;z-index:2}
.replica .sqs-video-icon::before{content:'';display:block;width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:24px solid currentColor;margin-left:4px;filter:drop-shadow(0 1px 3px #0005)}
.replica .sqs-gallery-block-slideshow .sqs-gallery,.replica .sqs-gallery-design-slideshow{position:relative;overflow:hidden;aspect-ratio:var(--gallery-ratio,16/9)}
.replica .sqs-gallery-block-slideshow .sqs-gallery>.slide,.replica .sqs-gallery-design-slideshow>.slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .6s ease}
.replica .sqs-gallery-block-slideshow .sqs-gallery>.slide.replica-active,.replica .sqs-gallery-design-slideshow>.slide.replica-active{opacity:1;pointer-events:auto}
.replica .sqs-gallery-block-slideshow img{width:100%;height:100%;object-fit:contain}
.replica .replica-gallery-control{position:absolute;z-index:5;top:50%;transform:translateY(-50%);color:white;background:#0005;border:0;font:28px Arial;cursor:pointer;width:42px;height:50px}
.replica .replica-gallery-control.prev{left:10px}.replica .replica-gallery-control.next{right:10px}
.replica-lightbox{position:fixed;inset:0;z-index:10000;background:rgba(255,255,255,.98);display:grid;place-items:center;padding:50px;box-sizing:border-box}
.replica-lightbox img{max-width:100%;max-height:calc(100vh - 100px);object-fit:contain}
.replica-lightbox button{position:absolute;background:transparent;border:0;font:36px Arial;color:#777;cursor:pointer;padding:16px}
.replica-lightbox .close{right:10px;top:8px}.replica-lightbox .prev{left:0;top:45%}.replica-lightbox .next{right:0;top:45%}
.replica-lightbox iframe{width:min(1200px,88vw);height:min(675px,80vh);border:0}
.replica .sqs-audio-embed .action{cursor:pointer}.replica .sqs-audio-embed .pause{display:none}.replica .sqs-audio-embed.is-playing .pause{display:block}.replica .sqs-audio-embed.is-playing .play{display:none}
.replica .sqs-audio-embed .track{cursor:pointer}.replica .sqs-audio-embed .played{width:0}
.replica .preview-form-message{font:inherit;margin:16px 0}
.replica .replica-form-dialog{position:fixed;inset:0;z-index:10000;background:rgba(255,255,255,.98);overflow:auto;padding:70px 24px;box-sizing:border-box;color:#333}
.replica .replica-form-dialog form{max-width:650px;margin:auto}.replica .replica-form-dialog .field{margin:0 0 24px}.replica .replica-form-dialog label{display:block;margin-bottom:8px}.replica .replica-form-dialog input,.replica .replica-form-dialog textarea,.replica .replica-form-dialog select{box-sizing:border-box;border:1px solid #ccc;background:#fafafa;padding:12px;font:inherit;width:100%;border-radius:2px}.replica .replica-form-dialog textarea{min-height:130px}.replica .replica-form-dialog .name input{width:49%;margin-right:1%}.replica .replica-form-close{position:absolute;top:15px;right:20px;font:32px Arial;background:transparent;border:0;cursor:pointer}
.replica .sqs-gallery-block-slideshow .content-fill img{object-fit:cover}
.replica-thumbnail-strip{display:flex;gap:10px;overflow-x:auto}
.replica-thumbnail-strip button{flex:none;border:0;background:none;padding:0;opacity:.5;height:var(--thumb-height,80px);cursor:pointer}
.replica-thumbnail-strip button.active{opacity:1}.replica-thumbnail-strip img{height:100%;width:auto;object-fit:contain}
.replica .Index-gallery-item{position:absolute;top:0;left:0;width:100%;height:100%}
.replica .Index-gallery-item-image img{display:block;position:absolute;width:100%;height:100%;object-fit:cover}
.replica .Index-gallery-item:not(.active){pointer-events:none}
.replica .sqs-system-gallery{opacity:1}
.replica .sqs-system-gallery .slides>.slide>img{width:100%;height:auto;display:block}
.replica .sqs-system-gallery .arrow{display:none}
.replica-lightbox>.sqs-video-wrapper{width:min(1200px,88vw);height:auto;aspect-ratio:16/9;display:block!important}
.replica-lightbox>.sqs-video-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:767px){
 .replica .Index-page--has-image:first-child{min-height:calc(100vh - 60px)}
 .replica .Index-page--has-image:first-child .Index-page-content{margin-top:0}
 .replica .Index-page--has-image:first-child .Index-page-image{height:100%}
 .replica-lightbox{padding:40px 20px}
}
@media(prefers-reduced-motion:reduce){.replica *{scroll-behavior:auto!important}.replica .Index-page-image{transform:none!important}}