.back-control{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));z-index:20;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 15px;border:0;background:transparent;color:inherit;font:400 12px Helvetica,Arial,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.back-control svg{width:17px;height:17px}.back-control:hover{text-decoration:underline;text-underline-offset:4px}footer{padding-bottom:88px!important}.photo.show-secondary img.alternate-photo{opacity:1}.photo-swap{display:none}.photo{touch-action:pan-y}
@media(any-pointer:coarse),(max-width:900px){.photo-swap{display:block;position:absolute;right:12px;top:48%;z-index:2;min-width:50px;min-height:44px;border:0;background:transparent;color:#20211f;font:400 11px Helvetica,Arial,sans-serif;padding:8px;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.photo-swap:focus-visible{outline:2px solid #263a53}}
@media(max-width:700px){header nav a{min-height:44px;display:inline-flex;align-items:center}.filters button{min-height:44px}.square-pair .square-copy{aspect-ratio:auto;min-height:100vw;padding:40px 7%}.grid .card-top span{font-size:12px!important}.dialog .close{width:44px;height:44px}.dialog{max-height:92svh}.contact-links a{line-height:1.5}.card .detail{min-height:32px;bottom:10px}.card>p{padding-bottom:48px}.back-control{font-size:12px}}

.back-control,.photo-swap{-webkit-appearance:none;appearance:none;border-radius:0;box-shadow:none}.contact-links a,.footer-connect a,.dialog .note a,.whatsapp-link{position:relative;pointer-events:auto;touch-action:manipulation}.contact-links a,.contact-links .contact-email{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;min-height:44px}.contact-links svg{pointer-events:none}

/* Shared access between the two NUDO universes. */
header .universe-access{display:inline-flex;align-items:center;gap:8px;font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.1;letter-spacing:-.025em;white-space:nowrap}
header .universe-access .arrow-icon{display:block;width:1em;height:1em;flex-shrink:0}
@media(max-width:700px){header .universe-access{font-size:11px;gap:5px;min-height:44px;justify-self:end;margin-left:auto}header:has(>.design-access){display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:13px 4% 14px}header:has(>.design-access)>.universe-access{grid-column:1;grid-row:1}header:has(>.design-access)>nav{grid-column:1;grid-row:2;width:100%;column-gap:16px;row-gap:0}.soon>header{height:70px;min-height:70px;padding:0;flex-wrap:nowrap}}

.back-control{justify-content:center;min-width:44px;padding:10px;text-decoration:none}.back-control svg{width:28px;height:28px}.back-control:focus-visible{outline:1px solid currentColor;outline-offset:2px}.contact-email{overflow-wrap:anywhere}

/* Consistent product dialog, independent of photo count or content. */
@media(min-width:701px){
 .dialog{--dialog-height:min(680px,90svh);width:min(940px,94vw);height:var(--dialog-height);max-height:90svh;overflow:hidden}
 .dialog-inner{height:100%;grid-template-columns:min(48%,calc((var(--dialog-height) - 88px)*.8)) minmax(0,1fr);align-items:stretch}
 .dialog .gallery{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 88px}.dialog .gallery .dialog-img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}
 .dialog .dialog-body{padding:28px 26px 22px;min-width:0;min-height:0;overflow-y:auto}
 .dialog h2{margin:14px 0;font-size:36px}
 .dialog p{margin:12px 0}
 .dialog label{margin:16px 0 8px}
 .dialog textarea{height:72px;min-height:60px}
 .dialog .dark{margin-top:16px;padding:12px 18px}
 .dialog .copy-link{margin-top:12px}
 .dialog .status:empty{display:none}
 .dialog .note:last-child{margin-top:22px;margin-bottom:0}
}
@media(min-width:701px) and (max-height:650px){
 .dialog .dialog-body{padding:18px 24px}
 .dialog h2{font-size:30px;margin:10px 0}
 .dialog p{margin:8px 0}
 .dialog label{margin:10px 0 6px}
 .dialog textarea{height:60px}
 .dialog .dark{margin-top:10px;padding:10px 16px}
 .dialog .note:last-child{margin-top:14px}
}

.dialog .thumbnails,.dialog .thumbnails:empty{display:flex;height:88px;min-height:88px;gap:8px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;align-items:center;padding:12px}
.dialog .thumbnails button{flex-shrink:0}
.dialog .close{z-index:2}
@media(max-width:700px){
 .dialog{height:92svh;max-height:92svh}
 .dialog .gallery .dialog-img{aspect-ratio:4/5;width:100%;height:auto;object-fit:cover}
}