/* The captured content grids remain intact; these replace platform runtime layout. */
html,body{margin:0;min-width:320px}
.portfolio-site{background:#fff;color:#111;min-height:100vh}
.portfolio-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 4vw;position:relative;z-index:20;background:#fff}
.portfolio-brand{display:block;width:310px;max-width:38vw;flex-shrink:0}
.portfolio-brand img{display:block;width:100%;height:auto}
#portfolio-nav{display:flex;align-items:center;gap:24px;font-size:14px;letter-spacing:.02em}
#portfolio-nav a{color:inherit;text-decoration:none;white-space:nowrap}
#portfolio-nav a:hover,#portfolio-nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}
#portfolio-nav .portfolio-instagram{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;line-height:1}
.portfolio-instagram svg{display:block;flex-shrink:0}
.portfolio-instagram:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.portfolio-menu{display:none}
.portfolio-footer{display:flex;justify-content:space-between;gap:20px;padding:30px 4vw;font-size:12px;letter-spacing:.08em;background:#fff}
.portfolio-footer a{color:inherit}
.portfolio-skip{position:absolute;top:-100px;left:20px;z-index:100;background:#fff;color:#111;padding:12px}
.portfolio-skip:focus{top:12px}
.gallery-masonry{padding:0 4vw!important}
.gallery-masonry-wrapper{position:relative!important;display:block!important;opacity:1!important;visibility:visible!important}
.gallery-masonry-item{margin:0!important;opacity:1!important;visibility:visible!important}
.gallery-masonry-item-wrapper{height:auto!important;padding:0!important;opacity:1!important;transform:none!important}
.gallery-masonry-item img{position:static!important;width:100%!important;height:auto!important;display:block!important;opacity:1!important}
.gallery-masonry-wrapper:not(.portfolio-masonry-ready){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;height:auto!important}
.gallery-masonry-wrapper:not(.portfolio-masonry-ready) .gallery-masonry-item{position:static!important;width:auto!important;transform:none!important}
.sqs-video-background-native,.sqs-video-background-native__video-player{position:absolute;inset:0;width:100%;height:100%;pointer-events:auto}
.portfolio-background-video{display:block;width:100%;height:100%;object-fit:cover}
.gallery-masonry,.gallery-section,.fluid-image-animation-wrapper,.fluid-image-component-root{opacity:1!important;visibility:visible!important}
.portfolio-site .portfolio-header{position:relative;inset:auto}
.portfolio-site > #page{position:relative;inset:auto;margin:0!important;padding:0!important;--header-height:0px;--sqs-first-section-header-offset:0px}
/* The shared header supplies the logo-to-content gap on every page. */
#page > .page-regions > .region:first-child > .page-section:first-child{padding-top:0!important;margin-top:0!important;min-height:0!important;align-items:flex-start!important}
#page > .page-regions > .region:first-child > .page-section:first-child > .content-wrapper{padding-top:0!important;margin-top:0!important}
#page > .page-regions > .region:first-child > .page-section:first-child .sqs-block{padding-top:0!important}
#page > .page-regions > .region:first-child > .page-section:first-child .sqs-html-content > :first-child{margin-top:0}
.portfolio-film{position:relative;display:block;height:72vh;overflow:hidden}
@media(max-width:900px){.portfolio-header{padding:24px 5vw;flex-wrap:wrap}.portfolio-brand{max-width:70vw;width:280px}.portfolio-menu{display:block;border:0;background:transparent;color:#111;font:inherit;cursor:pointer;padding:8px}#portfolio-nav{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:22px;padding:16px 0}#portfolio-nav.open{display:flex}.portfolio-footer{font-size:10px;padding:24px 5vw;flex-wrap:wrap}.gallery-masonry-wrapper:not(.portfolio-masonry-ready){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}