/* Preview 03: Fraunces. Original site remains untouched. */
/* Larger shared navigation, also inside the modal's interactive top layer. */
.navigation{height:117.5px;padding-inline:37.5px;gap:35px;color:var(--ink)}
.navigation.scrolled{height:101.25px}
.navigation .logo{width:192.5px}
.navigation .logo img{max-height:75px}
.navigation .desktop-nav{gap:40px}
.navigation .nav-link{font-size:21.875px}
.navigation .nav-link i{width:18.75px;height:18.75px}
.navigation .nav-call{height:75px;padding-inline:27.5px;gap:18.75px;font-size:18.75px}
.navigation .nav-call>i:first-child{width:23.125px;height:23.125px}
.navigation .nav-call .call-arrow{width:21.25px;height:21.25px}
.navigation.scrolled .logo{width:166.25px}
.navigation.scrolled .logo img{max-height:63.75px}
.navigation.scrolled .nav-link{font-size:20.3125px}
.navigation.scrolled .nav-link i{width:17.5px;height:17.5px}
.navigation.scrolled .nav-call{height:63.75px;font-size:17.1875px;padding-inline:22.5px}
.navigation.scrolled .nav-call>i:first-child{width:20px;height:20px}
.navigation.scrolled .nav-call .call-arrow{width:18.75px;height:18.75px}
.navigation .work-dropdown{width:456.25px;color:var(--ink)}
.navigation .work-dropdown>button span{font-size:25px}
.navigation .work-dropdown small{font-size:16.5625px}
.navigation .work-dropdown>a{font-size:15.625px}
.navigation .work-dropdown .eyebrow{font-size:15px}
.gallery .navigation :focus-visible{outline-color:var(--blue)}
.gallery .mobile-menu{color:var(--ink)}
.gallery-collection-nav{top:130px}
.gallery-title-row{top:190px}
.gallery-stage{top:300px}
.gallery-overview{top:180px}
@media(min-width:761px) and (max-width:1050px){
 .navigation{grid-template-columns:auto minmax(0,1fr) auto;padding-inline:26.25px;gap:12px}
 .navigation .logo{width:172.5px}
 .navigation .desktop-nav{gap:12px;justify-content:center}
 .navigation .nav-call,.navigation.scrolled .nav-call{width:63.75px;padding:0;justify-content:center}
 .navigation .nav-call span,.navigation .nav-call .call-arrow{display:none}
}
@media(max-width:760px){
 .navigation{height:97.5px;padding:11.25px 20px;gap:20px}
 .navigation.scrolled{height:92.5px}
 .navigation .logo{width:153.75px}
 .navigation.scrolled .logo{width:142.5px}
 .navigation .nav-call,.navigation.scrolled .nav-call{width:63.75px;height:63.75px;padding:0}
 .navigation .nav-call>i:first-child{width:27.5px;height:27.5px}
 .navigation.scrolled .nav-call>i:first-child{width:25px;height:25px}
 .navigation .menu-toggle{width:63.75px;height:63.75px}
 .navigation .menu-toggle i{width:28.75px;height:28.75px}
 .mobile-menu{padding-top:168.75px}
 .mobile-menu nav a{font-size:clamp(37.5px,10.3125vw,70px);gap:21.25px}
 .mobile-menu nav small{font-size:13.75px}
 .mobile-menu nav a i{width:25px;height:25px}
 .mobile-menu>p{font-size:17.5px}
 .mobile-menu>a{font-size:33.75px}
 .gallery-collection-nav{top:106px}
 .gallery-title-row{top:165px}
 .gallery-stage{top:255px}
 .gallery-overview{top:158px}
}
@media(max-width:400px){
 .navigation{padding-inline:12px;gap:8px}
 .navigation .logo{width:clamp(128px,39.42vw,153.75px)}
 .mobile-menu{padding-inline:20px}
}
@media(max-width:360px){
 .navigation{left:6px;right:6px;padding-inline:6px;gap:4px}
 .mobile-menu{padding-inline:12px}
 .mobile-menu nav a{gap:10px}
}
@media(max-height:650px) and (min-width:600px){
 .gallery-title-row{top:125px}
 .gallery-stage{top:115px}
 .gallery-overview{top:110px}
 .gallery-collection-nav{top:auto}
}
/* Equal square thumbnails; full-size gallery images keep their original ratio. */
.gallery-overview{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;align-content:start}
.gallery-overview button:nth-child(n){grid-column:auto;grid-row:auto;margin:0;min-width:0;padding:0;display:block;height:max-content;align-self:start}
.gallery-overview img{height:auto;aspect-ratio:1;flex:none;object-fit:cover;border-radius:16px}
@media(max-width:1100px){.gallery-overview{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.gallery-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-overview img{border-radius:12px}}
@font-face {
  font-family: "Preview Accent";
  src: url("assets/accent.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
em, .experience-mark strong span {
  font-family: "Preview Accent", sans-serif;
  font-weight: 400;
  font-style: italic;
  font-synthesis: none;
}

/* Requested concept refinements: softer navigation and call button. */
.navigation{border-radius:18px}
.navigation .nav-call{border-radius:12px}

/* Mulves maker signature: original MV geometry, entirely white. */
.footer-bottom .site-credit{gap:10px;color:#fff;flex-shrink:0;text-decoration:none}
.site-credit-logo{display:block;width:46px;height:auto;flex-shrink:0}
.footer-bottom .site-credit:hover{color:#fff}
.footer-bottom .site-credit:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:4px}