/* Content appearance lives in native blocks; only page chrome and interactions live here. */
body:has(.portfolio-native) .site-header,body:has(.portfolio-native) .site-footer,body:has(.portfolio-native) .entry-header{display:none}
body:has(.portfolio-native) .site-content>.ast-container,body:has(.portfolio-native) #primary,body:has(.portfolio-native) article,body:has(.portfolio-native) .entry-content{width:100%;max-width:none;margin:0;padding:0;overflow:visible}
body .entry-content>.portfolio-native{width:100%;max-width:none;margin:0}
.portfolio-native *{box-sizing:border-box}
.portfolio-native :where(h1,h2,h3,h4,p,a,li){font-family:inherit}
.portfolio-native a{text-decoration:none}
.portfolio-native .wp-block-button__link{font-size:inherit;line-height:1.5;transition:filter .2s,transform .2s,box-shadow .2s}
.portfolio-native .wp-block-button__link:hover{filter:brightness(1.17);transform:translateY(-2px)}
.portfolio-native a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.portfolio-native figure{margin-left:0;margin-right:0;float:none}
.portfolio-native img{display:block;max-width:100%;height:auto}
.portfolio-native .portfolio-header{z-index:50}
.admin-bar .portfolio-native .portfolio-header{top:32px}
.portfolio-native .wp-block-columns{margin-bottom:0}
.portfolio-native .wp-block-column{min-width:0}
.portfolio-native .portfolio-pager{width:100%;max-width:1052px;margin-left:auto;margin-right:auto;justify-content:space-between}
html{scroll-behavior:smooth;scroll-padding-top:110px}
@media(max-width:782px){.admin-bar .portfolio-native .portfolio-header{top:46px}}
@media(max-width:767px){.portfolio-native .portfolio-header{flex-wrap:wrap;gap:16px}.portfolio-native .portfolio-header nav{flex-wrap:wrap}.portfolio-native .portfolio-wide,.portfolio-native .portfolio-reading{padding-left:25px!important;padding-right:25px!important}.portfolio-native .portfolio-title-row{flex-wrap:wrap}}
@media(max-width:600px){body:has(.portfolio-native) #wpadminbar{position:fixed}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portfolio-native .wp-block-button__link{transition:none}.portfolio-native .wp-block-button__link:hover{transform:none}}
body:has(.portfolio-native) #primary{margin:0!important;padding:0!important}
body .entry-content .portfolio-native a{text-decoration:none!important;color:inherit}
body .entry-content .portfolio-native .wp-block-button__link{font-size:12px}

@media(max-width:767px){.portfolio-native .portfolio-facts{gap:16px!important}.portfolio-native .portfolio-header{column-gap:15px}.portfolio-native .portfolio-header nav{column-gap:17px}.portfolio-native .portfolio-pager{row-gap:15px}}

/* Keep project image zoom within the editable image block's frame. */
.portfolio-native .portfolio-project-zoom{overflow:hidden}
.portfolio-native .portfolio-project-zoom a{display:block;overflow:hidden}
.portfolio-native .portfolio-project-zoom img{transition:transform .65s cubic-bezier(.22,.61,.36,1);transform:scale(1)}
@media(hover:hover){.portfolio-native .portfolio-project-zoom a:hover img{transform:scale(1.045)}}
.portfolio-native .portfolio-project-zoom a:focus-visible img{transform:scale(1.045)}
@media(prefers-reduced-motion:reduce){.portfolio-native .portfolio-project-zoom img{transition:none}.portfolio-native .portfolio-project-zoom a:is(:hover,:focus-visible) img{transform:none}}
/* Individual focal points keep each product screen visible in the short project previews. */
.portfolio-native .portfolio-crop-sunrise img{object-position:50% 42%}
.portfolio-native .portfolio-crop-mestizaje img{object-position:50% 36%}
.portfolio-native .portfolio-crop-resonance img{object-position:46% 44%}
/* About photos remain individual WordPress Image blocks. */
.portfolio-native .portfolio-photo-carousel{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#8b6c59 transparent;cursor:grab;touch-action:pan-x pan-y;overscroll-behavior-x:contain;scroll-behavior:auto;padding-bottom:12px}
.portfolio-native .portfolio-photo-carousel>figure{flex:0 0 clamp(260px,34vw,480px);margin:0!important}
.portfolio-native .portfolio-photo-carousel img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;user-select:none;-webkit-user-drag:none}
.portfolio-native .portfolio-photo-carousel.is-dragging{cursor:grabbing}
.portfolio-native .portfolio-photo-carousel:focus-visible{outline:2px solid #703b3e;outline-offset:5px}
/* Unobtrusive About carousel with rounded photographs. */
.portfolio-native .portfolio-photo-carousel{scrollbar-width:none;-ms-overflow-style:none;padding-bottom:0}
.portfolio-native .portfolio-photo-carousel::-webkit-scrollbar{display:none;width:0;height:0}
.portfolio-native .portfolio-photo-carousel>figure,.portfolio-native .portfolio-photo-carousel img{border-radius:14px;overflow:hidden}
/* Rounded inset project imagery; full-width galleries retain square edges. */
.portfolio-native .portfolio-project-zoom,
.portfolio-native .portfolio-project-zoom a,
.portfolio-native .portfolio-project-zoom img{border-radius:14px}

/* Preserve the original text-selection appearance after global palette alignment. */
.portfolio-native::selection,.portfolio-native ::selection{background:#bba6f8;color:#000000}

/* Mobile disclosure preserves the existing desktop navigation markup and styling. */
.portfolio-native .portfolio-menu-toggle{display:none}
@media(width < 768px){
  .portfolio-native .portfolio-header[data-menu-ready]{flex-wrap:nowrap}
  .portfolio-native .portfolio-header[data-menu-ready] .portfolio-menu-toggle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:10px;margin:0;border:0;border-radius:0;background:transparent;color:#69655f;box-shadow:none;cursor:pointer;line-height:1}
  .portfolio-native .portfolio-menu-toggle span{display:block;width:24px;height:2px;background:currentColor}
  .portfolio-native .portfolio-menu-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}
  .portfolio-native .portfolio-header[data-menu-ready] #portfolio-mobile-navigation{display:none;position:absolute;left:0;right:0;top:100%;width:100%;margin:0;padding:16px 25px;background:#fcfbf8;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;max-height:calc(100dvh - 130px);overflow-y:auto;overscroll-behavior:contain}
  .portfolio-native .portfolio-header.portfolio-menu-open #portfolio-mobile-navigation{display:flex}
  .portfolio-native #portfolio-mobile-navigation p{width:100%;flex-shrink:0;font-size:13px!important}
  .portfolio-native #portfolio-mobile-navigation a{display:block;padding:13px 0}
  .portfolio-native .portfolio-menu-open .portfolio-menu-toggle{position:relative}
  .portfolio-native .portfolio-menu-open .portfolio-menu-toggle span:nth-child(1){position:absolute;transform:rotate(45deg)}
  .portfolio-native .portfolio-menu-open .portfolio-menu-toggle span:nth-child(2){opacity:0}
  .portfolio-native .portfolio-menu-open .portfolio-menu-toggle span:nth-child(3){position:absolute;transform:rotate(-45deg)}
}